/*btn close input Models*/
.close
{
	float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity=20);
	opacity: .8;
}

	.close:focus, .close:hover
	{
		color: #000;
		text-decoration: none;
		cursor: pointer;
		filter: alpha(opacity=50);
		opacity: 1;
	}

button.close
{
	-webkit-appearance: none;
	padding: 0;
	cursor: pointer;
	background: 0 0;
	border: 0;
}
/*end btn close input Models*/

/*set color grid blue*/
.RadGrid_Bootstrap .rgCommandRow
{
	background-color: #4B77BE !important;
	color: #fff !important;
}

.RadGrid_Bootstrap .rgCommandCell
{
	background-color: #4B77BE !important;
	color: #fff !important;
}

.RadGrid_Bootstrap .rgHeader, .RadGrid_Bootstrap .rgHeader a
{
	font-weight: 600 !important;
	background-color: #4B77BE !important;
	color: #fff !important;
}
/*end set color grid blue*/

/*btn add grid header*/
.gridHeaderItem
{
	padding: 5px 5px;
}

.btn-margin-left
{
	margin-left: 5px;
}

.btn-grid-add
{
	background-color: transparent;
	color: #fff !important;
	border: 1px solid #fff !important;
}

	.btn-grid-add:focus
	{
		background-color: #436bab;
	}

	.btn-grid-add:hover
	{
		background-color: #436bab;
	}
/*legend btn*/

/** Button Action on portlet-title **/
.portlet-button-action
{
	border-color: #FFFFFF !important;
	color: #FFFFFF !important;
	/*width: 80px;*/
	font: 12px/1.42857143 "Helvetica Neue", Helvetica,Arial,sans-serif;
}

	.portlet-button-action:hover
	{
		border-color: #FFFFFF !important;
		color: #337ab7 !important;
		background-color: #FFFFFF !important;
	}
/** End Button Action on portlet-title **/

.pull-right
{
	margin-top: -15px;
}

/*set font size for grid*/
.RadGrid_Bootstrap .rgMasterTable
{
	font-size: 12px !important;
}
/*end set font size for grid*/

/* New Navbar Color */
.page-header.navbar
{
	background: #FF9948 !important;
	border-bottom: 1px solid #e9ecf3;
}

@media (max-width: 767px)
{
	.page-header.navbar .page-top
	{
		background-color: #F98C37 !important;
	}
}

.page-top
{
	margin-top: -2px !important;
}

	.page-top:hover
	{
		background-color: #F98C37 !important;
	}

.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle
{
	background-color: #F98C37 !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover
{
	background-color: #F98C37 !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu
{
	background: #F77F20 !important;
	color: white !important;
}

	.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:hover
	{
		background: #F77F20 !important;
	}

	.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after
	{
		border-bottom-color: #F77F20 !important;
	}

	.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider
	{
		background: #FF9948 !important;
	}

	.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover, .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover
	{
		background: #FF9948 !important;
	}

	.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a, .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a
	{
		color: #FFFFFF !important;
		border-bottom: 1px solid #F77F20 !important;
	}

		.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i, .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i
		{
			color: #FFFFFF !important;
		}

/* End New Navbar Color */

/*path menu color*/
.breadcrumb
{
	color: #337ab7 !important;
}
/*end path menu color*/

.page-header.navbar .page-logo .logo-default
{
	margin: 16px 0px 0 !important;
}
/*end path menu color*/

/* menu icon */
.page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .menu-toggler.sidebar-toggler
{
	margin-right: 17px !important;
}

.page-header.navbar .menu-toggler.sidebar-toggler
{
	margin: 26px 0 0 !important;
}

.page-header.navbar .menu-toggler
{
	opacity: .8 !important;
	width: 24px !important;
	height: 24px !important;
}

	.page-header.navbar .menu-toggler:hover
	{
		opacity: 1 !important;
		width: 24px !important;
		height: 24px !important;
	}

/* End menu icon */

/* RadAsyncUpload Style*/
.RadUpload .ruBrowse
{
	height: 100% !important;
}

.RadUpload .ruFakeInput
{
	height: 100% !important;
}
/*End RadAsyncUpload Style*/

/* Menu Color */
.page-sidebar .page-sidebar-menu li > a > .arrow.open:before, .page-sidebar .page-sidebar-menu li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before
{
	color: #2F353B; /* Dark Color */
}

/* Parent Menu */
.page-sidebar .page-sidebar-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a
{
	color: #2F353B; /* Dark Color */
}

	/* Arrow (<) */
	.page-sidebar .page-sidebar-menu > li > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow:before
	{
		color: #2F353B; /* Dark Color */
	}

/* Sub Menu */
.page-sidebar .page-sidebar-menu .sub-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a
{
	color: #2F353B; /* Dark Color */
}

/* Menu Icon */
.page-sidebar .page-sidebar-menu > li > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i
{
	color: #2F353B; /* Dark Color */
}

/*
 * Menu & Sub Menu [On Mouse Hover:Active]
 */

/* menu on active*/
.page-sidebar .page-sidebar-menu > li.active.open > a, .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a
{
	color: #E87E04; /* YELLOW-GOLD */
}

/* Menu on hover */
.page-sidebar .page-sidebar-menu > li.open > a, .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a
{
	color: #E87E04; /* YELLOW-GOLD */
}

/* menu icon on active*/
.page-sidebar .page-sidebar-menu > li.active.open > a > i, .page-sidebar .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i
{
	color: #E87E04; /* YELLOW-GOLD */
}

/* menu icon on hover */
.page-sidebar .page-sidebar-menu > li.open > a > i, .page-sidebar .page-sidebar-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i
{
	color: #E87E04; /* YELLOW-GOLD */
}

/* sub menu on hover:focus */
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a
{
	color: #E87E04; /* YELLOW-GOLD */
}


/*Menu Arrow (<) on hover:active */
.page-sidebar .page-sidebar-menu li.active > a > .arrow.open:before, .page-sidebar .page-sidebar-menu li.active > a > .arrow:before, .page-sidebar .page-sidebar-menu li:hover > a > .arrow.open:before, .page-sidebar .page-sidebar-menu li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow:before
{
	color: #E87E04; /* YELLOW-GOLD */
}

.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow:before
{
	color: #E87E04; /* YELLOW-GOLD */
}

/*Sub Menu Arrow (<) on hover:active */
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before, .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before
{
	color: #E87E04; /* YELLOW-GOLD */
}

.page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow:before
{
	color: #E87E04; /* YELLOW-GOLD */
}

/* Menu Indicator */
.page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a
{
	border-left: 3px solid #E87E04 !important;
}

/*
 * End Menu & Sub menu [On Mouse Hover:Active]
 */

/* End Menu Color*/

/*margin select box*/
.RadComboBoxDropDown_Bootstrap .rcbItem
{
	padding: 0px 0.3em !important;
}

.RadComboBoxDropDown_Bootstrap .rcbHovered
{
	padding: 0px 0.3em !important;
}
/*end margin select box*/

/* icon grid header */
.inline-block
{
	position: inherit;
	padding: 5px;
	margin-top: 6px;
}
/* End icon grid header */

/*control label*/
.control-label
{
	font-weight: 600 !important;
	color: #555 !important;
}

.form-group .control-label
{
	padding-right: 0;
}

.form-horizontal .data-label
{
	text-align: left;
	margin-bottom: 0;
	padding-top: 8px;
	font-size: 12px;
	font-weight: 600;
	color: #555;
}
/*end control label*/

/*portlet-modal*/
.portlet-modal
{
	padding: 0 !important;
}

	.portlet-modal > .portlet-title
	{
		padding: 0 0 !important;
		min-height: 30px !important;
	}

		.portlet-modal > .portlet-title .caption
		{
			padding: 0 0 !important;
		}

	.portlet-modal .portlet-title .caption h3
	{
		margin-top: 5px !important;
	}

	.portlet-modal .portlet-body
	{
		font-size: 12px;
	}
/*end portlet-modal*/

/*font size portlet modify (view, edit, and add)*/
.modify
{
	font-size: 12px;
}

.portlet .modify
{
	font-size: 12px;
}
/*end font size portlet modify (view, edit, and add)*/

/*set media min width*/
@media (min-width: 250px)
{
	.form-horizontal .control-label
	{
		text-align: right;
		margin-bottom: 0;
		padding-top: 7px;
	}
}
/*end set media min width*/

/* multi-action (EX. initiativeList) */
.multi-action-font-cozy > a
{
	margin: 4px;
}
/* end */

/*logout block*/
.block-flat-logout
{
	background-color: #fff;
	color: #26C281;
	padding: 15px 0 30px;
}

.block-flat-logout-timeout
{
	background-color: #fff;
	color: #E43A45;
	padding: 15px 0 30px;
}
/*end logout block*/

/* Rad TreeView */
.RadTree-container
{
	padding-left: 0px;
	padding-right: 0px;
}

.RadTree-overflow-scroll
{
	width: auto;
	height: 100%;
	overflow: scroll;
	overflow-y: scroll;
}

div.RadTreeView
{
	line-height: 18px;
}

	div.RadTreeView .rtSp
	{
		height: 16px;
	}

	div.RadTreeView .rtHover .rtIn,
	div.RadTreeView .rtSelected .rtIn
	{
		padding: 1px 1px 1px 1px;
	}

	div.RadTreeView .rtIn
	{
		padding: 1px 1px 1px 1px;
	}

div.TreeSpacer
{
	height: 700px;
}
/* End Rad TreeView */

/* Link Buttom font */
.link-btn, .panel .panel-body a
{
	font-family: "Open Sans",sans-serif;
	font-size: 14px !important;
	font-weight: 600;
	line-height: 1.42857;
}
/* End Link Buttom font */

/* set padding content iframe */
.col-content-page
{
	padding-left: 5px;
}
/* end set padding content iframe */

/*set padding container*/
.container-fluid
{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
/*end set padding container*/

/*portlet custom style*/
.portlet > .portlet-body.custom-portlet-style,
.portlet.custom-portlet-style
{
	background-color: #4B77BE;
}

.portlet.solid.custom-portlet-style > .portlet-title,
.portlet.solid.custom-portlet-style > .portlet-body
{
	border: 0;
	color: #FFFFFF;
}

	.portlet.solid.custom-portlet-style > .portlet-title > .caption
	{
		font-weight: 600;
	}

		.portlet.solid.custom-portlet-style > .portlet-title > .caption > i
		{
			color: #FFFFFF;
		}

.portlet.box.custom-portlet-style
{
	border: 1px solid #7093cc;
	border-top: 0;
}

	.portlet.box.custom-portlet-style > .portlet-title
	{
		background-color: #4B77BE;
	}

		.portlet.box.custom-portlet-style > .portlet-title > .caption
		{
			color: #FFFFFF;
		}

			.portlet.box.custom-portlet-style > .portlet-title > .caption > i
			{
				color: #FFFFFF;
			}

		.portlet.box.custom-portlet-style > .portlet-title > .actions .btn-default
		{
			background: transparent !important;
			background-color: transparent !important;
			border: 1px solid #9db5dc;
			color: #b0c3e3;
		}

			.portlet.box.custom-portlet-style > .portlet-title > .actions .btn-default > i
			{
				color: #bbcce7;
			}

			.portlet.box.custom-portlet-style > .portlet-title > .actions .btn-default:hover,
			.portlet.box.custom-portlet-style > .portlet-title > .actions .btn-default:focus,
			.portlet.box.custom-portlet-style > .portlet-title > .actions .btn-default:active,
			.portlet.box.custom-portlet-style > .portlet-title > .actions .btn-default.active
			{
				border: 1px solid #c3d2e9;
				color: #d6e0f0;
			}


	.portlet.box.custom-portlet-style > .portlet-body
	{
		font-size: 12px;
		color: #555;
	}

		/*set font-size 14*/
		.portlet.box.custom-portlet-style > .portlet-body div.font-14
		{
			font-size: 14px !important;
		}

/*end portlet custom style*/

/*----Dashbord custom card----*/

/*laout Grid*/
.leave-row td
{
	/*border-top-style: solid !important;*/
	/*border-top-color: #ccc !important;*/
	/*border-top-width: 1px !important;*/
	border-top: 1px solid #F2F5F8 !important;
	margin-top: 5px !important;
}

.leave-row:hover
{
	background: #dedede !important;
}

.leave-row:last-child td
{
	/*border-bottom-style: solid !important;*/
	border-bottom: 1px solid #F2F5F8 !important;
	margin-top: 5px !important;
	/*border-top-color: #ccc !important;*/
	/*border-top-width: 1px !important;*/
}

.leave-row-padding
{
	padding: 10px !important;
}

.gridDashboardLeave
{
	outline-style: none !important;
}
/*End laout Grid*/


.custom-lu .custom-li
{
	padding: 10px;
	margin: 0 0 10px;
}

.custom-li
{
	color: #d2335c;
	font-weight: 600;
}

.custom-lu .custom-li
{
	padding: 8px 0 0;
}

	.custom-lu .custom-li:hover
	{
		background: transparent !important;
	}

	.custom-lu .custom-li .custom-li-img
	{
		width: 40px;
		float: left;
	}

		.custom-lu .custom-li .custom-li-img > img
		{
			border-radius: 50% !important;
		}

	.custom-lu .custom-li .custom-li-body
	{
		padding-left: 20px;
		position: relative;
		overflow: hidden;
	}

		.custom-lu .custom-li .custom-li-body .custom-li-text
		{
			padding-top: 10px;
			color: #999;
		}

.custom-border-list
{
	border: none;
}

.RadGrid_Bootstrap .leave-row td
{
	background: none !important;
	border-color: none !important;
}

.RadGrid_Bootstrap .leave-row > td
{
	border-bottom: 1px solid transparent !important;
}

.custom-lu .custom-li .custom-li-body .custom-li-info-Milestones
{
	color: #007ee4;
}

.body-Milestones
{
	padding: 0px !important;
}

.custom-lu .custom-li .custom-li-Assignment
{
	padding-left: 5px !important;
	color: #4a4a4a;
}

.custom-lu > .custom-li > .label
{
	padding: 3px 6px 6px 9px;
}

.custom-lu .custom-li .custom-li-body .custom-li-status
{
	display: inline-block;
	float: right;
	padding: 2px 5px;
	color: #fff;
	font-weight: 300;
}

.custom-lu .custom-li .custom-li-body .custom-li-inprogress
{
	background: #007ee4;
}

.custom-lu .custom-li .custom-li-body .custom-li-nostart
{
	background: #00d0ff;
}

.custom-lu .custom-li .custom-li-body .custom-li-defered
{
	background: #d2335c;
}

.custom-lu .custom-li .custom-li-body .custom-li-warning
{
	background: #ff9548;
}

.custom-lu .custom-li .custom-li-body .custom-li-complete
{
	background: #04be5b;
}

/*End Dashbord custom card*/

.custom-header
{
	color: #9b9b9b !important;
}

/*header scrollbar*/
.modal-window-scrollBar
{
	overflow: auto !important;
}

/*class form grid sum footer*/
.rgMasterTable .rgFooter td[align=right]
{
	margin-right: -55px;
	float: right;
}

.rgMasterTable .rgFooter td[align=left]
{
	margin-left: -18px;
	float: left;
}

.custom-textbox-to-label
{
	margin-top: 2px !important;
	background-color: transparent !important;
	border: 0 !important;
	font-weight: 600 !important;
	color: #555 !important;
}

.no-content
{
	color: #999 !important;
}

.pager-footer-summary
{
	margin-left: -60px;
	float: right;
}

.action-prompt-header
{
	font-weight: 500;
}


.custom-radio-btn
{
	margin-top: 8px;
}

/* Loading indicator (main class form components.css or components.min.css line 7178) */
.loading-message
{
	color: #659BE0 !important;
	font-weight: 600;
	padding: 40px;
	font-size: 20px;
	margin-left: -40px !important;
}

/* Overwrite the bootstrap style to fix the resizing issue because the negative margin causes the content to overflow the container.*/
.form-horizontal .form-group
{
	margin-left: 0px;
}

.reTool.reAddPageBreak {
	background-image: url(../images/SVG/PageBreak.svg) !important;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.reTool.reAddPageBreak:before {
	display: none;
}

/* Adding a grey border to the frame */
.portionMarkingFrame {
	border: 1px lightgrey solid;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 20px;
	padding-right: 10px;
}

/* Adding a grey border to the frame */
.renderableResourceFrame {
    border: 1px lightgrey solid;
    margin-bottom: 10px
}

/* Modify the style on the citation grids to hide the solid black borders */
.CitationGrid {
    border: none !important;
}

/* Modify the hovering style of the citation grid row to change the color of the border */
/* NOTE: The border and outline styles will not work correctly for the citation grid, so box-shadow is used to achieve similar effects*/
.CitationGrid .rgHoveredRow {
    box-shadow: inset 0px 0px 0px 1px #FF9948 !important;
}

/* Modify the color of the action buttons on the citation grid row */
.CitationGrid i {
    color: #1c3b67 !important;
}

/* Modify the color of the disabled action buttons on the citation grid row */
.CitationGrid .DisabledActionButton i {
    color: lightgray !important;
}

/* Modify the hovering style of the action buttons on the citation grid row to change its color, when the button is hovered */
.CitationGrid .rgHoveredRow i:hover {
    color: white !important;
    background-color: #1c3b67 !important;
}

/* Modify the hovering style of the disabled action buttons on the citation grid row to change its color, when the button is hovered */
.CitationGrid .rgHoveredRow .DisabledActionButton i:hover {
    color: lightgray !important;
    background-color: transparent !important;
}

/* Modify the button display to remove extra spacing */
.gridActionButton {
    display: inline-block;
}

/* Modify the icon to expand left and right margins */
.gridActionButton i {
    margin: 0px 3px !important;
}


/* Modify the style of the action buttons on the standard grids to highlight them by switching the icon color and the background color, if they are hovered */
.rgHoveredRow .gridActionButton:hover
{
    color: white !important;
    background-color: #337ab7 !important;
}

/* Modify the style of the action buttons on the standard grids to highlight them by switching the icon color and the background color, if they are hovered */
.rgSelectedRow .gridActionButton:hover
{
    color: #337ab7 !important;
    background-color: white !important;
}

/* Modify the style of the standard flag icon to disappear, if the view flags button is hovered */
.citationFlagButton:hover .citationStandardFlagIcon
{
    display: none !important;
}

/* Modify the style of the alternate flag icon to appear, if the view flags button is hovered */
.citationFlagButton:hover .citationHoveredFlagIcon
{
    background-color: #1c3b67 !important;
    display: block !important;
}

/* Set up the style of the alternate flag icon to hide by default */
.citationHoveredFlagIcon
{
    display: none;
}

/* Hide the button that display the citation detail, as it is only used for trigger the server method */
.ButtonDisplayCitation {
    display: none !important;
}

/* Modify the style of the standard flag icon to hide in the highlighted grid row */
tr.rgSelectedRow .flagIcon {
    display: none !important;
}

/* Set up the style of the alternate flag icon to hide by default */
.selectedFlagIcon {
    display: none;
}

/* Modify the style of the alternate flag icon to appear in the highlighted grid row */
tr.rgSelectedRow .selectedFlagIcon {
    display: block !important;
}

/* Modify the style of the flag icon in the citation grid for alignment */
.citationFlagIcon {
    margin-top: 1px;
    padding-top: 7px;
}

/* Modify the style of the detail table to use the bottom border as a separator from the main table  */
.rgDetailTable {
    border-bottom-color: #4B77BE !important;
    border-bottom-width: 5px !important;
}

/* Modify the style of checkbox labels, so they are consistent with other texts */
.RadCheckBox.rbCheckBox .rbText {
    color: #555 !important;
    font-family: "Open Sans",sans-serif !important;
}

/* Modify the style of disabled checkboxes and related labels to remove the greyout effect */
.rbCheckBox.rbDisabled {
    opacity: 1 !important;
}

/* Modify the style of disabled checkboxes to add the greyout effect and change the cursor */
.rbCheckBox.rbDisabled .rbIcon {
    opacity: .5 !important;
    cursor: not-allowed;
}

/* Modify the style of font size dropdown to make it wider */
.reRealFontSize {
    min-width: 6em !important;
}

/* Modify the style of tree nodes that are not correctly built to remove extra spacing */
.RadTreeView .rtIn {
    padding-left: 0px !important;
}

/* Set up a style of toolbar buttons on the top right corner of a pop-up info page */
.PopUpInfoPageToolbarButton
{
    float: right;
    font-size: 20px;
    margin-right: 15px;
    padding: 0px;
    background-color: transparent;
}

/* Set cursor to default style */
.DefaultCursor {
    cursor: default !important;
}

/* Modify the icon of the hide thumbnails button on image gallery control */
span.rigHideThumbnIcon:before {
	content: '\e306' !important;
}

/* Modify the uploaded file list control to prevent it from pushing the remove button out of the view */
li.ruFileLI > span.ruFileWrap.ruStyled {
	width: 80%;
}

/* Modify uploaded file control to wrap */
span.ruUploadProgress {
	white-space: normal;
}