/* Control Panel - Switch Board*/
body
{
	/*border-top: 8px solid #3D97D1;*/
	background-color: #f0f2f5;
	/*font: 12px/14px Arial,sans-serif;*/
	height: 100%;
	text-align: left;
	width: 100%;
	margin: 0;

}




/*End of Top Bar*/





#DashBoard
{
	padding: 50px;
	padding-top: 30px;
	text-align: center;
	width: auto;
	position: relative;
	display: block;
	top: 10px;
	margin-bottom: 30px;
	background: -webkit-gradient(linear, left top, left bottom,  color-stop(99%, #EBEBEB), color-stop(99%, #EBEBEB), color-stop(5000%, white));
	background: -moz-linear-gradient(top, #EBEBEB 99%, white 99%, white 110%);
}

#DashBoard span
{
	font-family: Times New Roman;
	font-weight: bold;
	color: #415560;
	font-size: 14px;
	display: block;
	padding-top: 10px;
}
#DashBoard span:hover
{
	color: goldenrod !important;
}

#Main_Menu
{
	
}

#DashBoard div
{
	font-family: Times New Roman;
	font-weight: bold;
	color: #415560;
	font-size: 14px;
	display: block;
	border: solid 0px #ffffff;
	float: left;
	text-align: center;
	cursor: pointer;
	color: #415560;
}

#DashBoard div a
{
	text-decoration: none;
	color: #415560;
}

#DashBoard div a:hover
{
	color: #ff6600 !important;
}

#DashBoard div img
{
	/*width: 100%;*/
}

#DashBoard div label
{
	display: inline-block;
	padding: 10px;
	height: 30px;
	font: bold 14px Time New Roman;
	white-space: nowrap;
}


#DashBoard a
{
	text-align: center;
	margin: 5px;
	margin-left: 40px;
	margin-right: 40px;
	width: 120px;
	height: 140px;
	background: transparent;
	border: solid 0px #ffffff;
	font-family: Times New Roman;
	font-weight: bold;
	color: #435368;
	font-size: 14px;
	display: block;
	padding-top: 10px;
}


#DashBoard a.active
{
	cursor: pointer;
}
#DashBoard a.active:hover
{
	/*background: transparent url(Images/Over.png) repeat-x top left;*/
	border: solid 0px #f4d053;
}
#DashBoard a.InActive:hover
{
	background: transparent url();
	border: solid 0px #fffff;
}
#DashBoard a.active:hover div
{
	border: solid 0px #fdfdeb;
	color: Orange; /*background: -webkit-gradient(linear, left top, left bottom,  color-stop(0%, #FDE38A), color-stop(93%, white), color-stop(0%, #FDE38A)); 	background: -moz-linear-gradient(top, #FDE38A 0%, white 93%, #FDE38A 300%); 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#FDE38A' , endColorstr= 'white' ); */
}
#DashBoard a.Inactive:hover div
{
	border: solid 0px #ffffff;
}
#DashBoard a.item .Down
{
	background: #ffe48a;
}


.modules
{
	font-family: Times New Roman;
	font-weight: bold;
	color: #415560;
	font-size: 14px;
	display: block;
	padding-top: 30px;
}
.modules span:hover, span.active:hover
{
	font-family: Times New Roman;
	font-size: 25px;
	text-align: left;
	font-family: Times New Roman;
	color: Gray;
	cursor: default;
	width: 100px;
	white-space: nowrap;
}

.modules span
{
	font-family: Times New Roman;
	font-size: 25px;
	text-align: left;
	font-family: Times New Roman;
	color: Gray;
	cursor: default;
	width: 100px;
	white-space: nowrap;
}
.modules Img
{
	text-align: left;
}




/*--------------------------------Div Popup------------------------------------*/












.DashBoardRoundDiv
{
	top: 80px !important;
	padding: 10px;
	padding-top: 0px;
	background-color: white; /*max-height:200px;  overflow-y:auto;*/
	overflow: auto;
	background-color: white;
	width: 1000px;
	height: auto;
	text-align: left;
}

.RoundDiv
{
	top: 80px;
	padding-left: 0px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-top: 0px;
	background-color: white; /*max-height:200px;  overflow-y:auto;*/
	overflow: auto;
	background-color: white;
	width: auto;
	height: auto;
	border: solid 1px #cfd5d6;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	text-align: left;
	box-shadow: 0px 0px 9px 5px #808080;
	-moz-box-shadow: 0px 0px 9px 5px #808080;
	-webkit-box-shadow: 0px 0px 9px 5px #808080;
	-khtml-box-shadow: 0px 0px 9px 5px #808080;
	

}
/*---------------------------*/


.Title
{
	color: black;
	font-family: Arial Black System;
	font-size: 30pt;
	font-style:italic;
	padding-left:15px;
	background: -webkit-gradient(linear, left left, left bottom,  color-stop(0%, #5edfff), color-stop(93%, white), color-stop(0%, #5edfff));
	background: -webkit-linear-gradient(left, #5edfff -50%,#5edfff -50%,white 100%); /* Chrome10+, Safari5.1+ */
	background: -moz-linear-gradient(left, #5edfff -120%, white 30%, #5edfff 2000%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=  '#5edfff' , endColorstr= 'white' );
	border-bottom:5px solid darksalmon !important;





	
}
.HeadTitle
{
	color: #2894CC;
	font-family: Arial Black;
	font-size: 10pt;
	float: right;
}
.fieldset
{
	margin-top: 10px;
	padding: 8px;
	border: 0;
	vertical-align: top;
	text-align: center;
	width: 98% !important;
	height: auto;
	font-size: 11px;
	color: Black;
	border-radius:4px;
	background-color:white;
}
.borderedFieldset
{
	margin-top: 10px;
	padding: 8px;
	border:2px solid gray;
	border-top: 4px soid gray;
	vertical-align: top;
	text-align: center;
	width: 98% !important;
	height: auto;
	font-size: 11px;
	color: Black;
	border-radius:4px;
	background-color:white;
}
.PassborderedFieldset
{
	margin-top: 10px;
	padding: 8px;
	border:2px solid gray;
	border-top: 4px soid gray;
	vertical-align: top;
	text-align: center;
	width: 95% !important;
	height: auto;
	font-size: 11px;
	color: Black;
	border-radius:4px;
	background-color:white;
	margin-left:5px;
}
.Childfieldset
{
	margin-top: 10px;
	padding: 8px;
	border: solid 1px cadetblue;
	border-top: solid 2px cadetblue;
	vertical-align: top;
	text-align: center;
	width: 855px;
	height: auto;
	font-size: 11px;
	color: Black;
	border-radius: 2px;

}
.legend
{
	font-style: italic;
	font-family: Georgia;
	text-align: left;
	font-size: 18px;
	margin: 2px 8px 4px 8px;
	color: Gray;
	padding-left: 10px;
	padding-right: 10px;
}
.Childlegend
{
	font-style: italic;
	font-family: Georgia;
	text-align: left;
	font-size: 14px;
	margin: 2px 8px 4px 8px;
	color: cadetblue;
	padding-left: 10px;
	padding-right: 10px;
}
.TableLabels
{
	font-family: Tahoma;
	font-size: 12px;
	text-align: left;
	
}

input[type=submit]:hover
{
	/* When you click on the field... */
	font-weight: bold;
	cursor: pointer;
}

/*input, select, textarea
{
	border: 1px solid #B8B8B8;
	border-radius: 4px 4px 4px 4px;
	box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.2) inset;
	color: #666666;
	height: 2em;
	line-height: 1.384em;
	padding: 0 0.5em;
	vertical-align: middle;
	font-family: Tahoma;
}*/
input[type=submit]
{
	width: 135px;
	margin-right: 2px;

}
input[ftype=sDate]
{
	max-width:146.666px !important;
	width: 96%;
	min-width:100px !important;
	background: url(images/calendar.png) no-repeat 97.25% 9.5px;

}


/* ----------- GridView --------------*/
.DataTable
{
	font-size: 11px;
	margin: 2px;
	border: #DEDFDE solid 1px;
	font-family: Tahoma;
}

.DataTable td
{
	padding: 9px 9px !important;
	vertical-align: middle;
	font-family: Tahoma;
	border: #DEDFDE solid 1px;
}

.DataTable th
{
	padding: 9px 9px; /* background-color: #00a7e1; */
	/*background-color: silver;*/
	/*background:rgba(0, 0, 0, 0) url("images/main-bg.png") repeat-x scroll 80% center;*/
	background:#07A2CA;
	color: white;
	vertical-align: middle;
	text-align: left;
	border: #DEDFDE solid 1px;
	font: normal;
	font-family: Tahoma Arial;
	font-weight: bold;
	font-size: 10.5pt;
}
.DataTable th:first-child
{
	border-left: #07A2CA solid 3px;
}
.DataTable th:last-child
{
	border-right: #07A2CA solid 3px;
}

.SubGridTh
{
	padding: 1px 1px; /* background-color: #00a7e1; */
	background-color: cadetblue;
	color: white;
	vertical-align: middle;
	text-align: center;
	border: #DEDFDE solid 1px;
	font: normal;
	font-family: Tahoma Arial;
	font-weight: bold;
	font-size: 10pt;
}
.SectionTitle
{
	font-family: Tahoma;
	color: goldenrod;
	text-transform: uppercase;
	font-size: 10pt;
	font-weight: bold;
	padding-top: 10px;
}


/*.DataTable a        {   
	                    background-color:#70bd3e;
	                    padding:3px 5px;
	                    color:white;
	                    border-width:0px;
	                    text-decoration: none; }*/
.Pager
{
	border-top: #DEDFDE solid 1px;
}

.Pager td
{
	padding: 2px 2px 1px 2px;
	font-family: Tahoma;
}
.AlternatingRow
{
	background-color: #F2F2F2;
}
.SelectedRow
{
	background-color: #ccffff;
}
.Footer
{
	/*background-color:#00a7e1;  	background-color:#70bd3e;*/
	background-color: #b0e0d6;
	padding-top: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
	padding-right: 8px;
	color: white;
	border-width: 0px;
	vertical-align: middle;
}

.Footer a
{
	color: white;
}
/*end grid*/
.tblCaption
{
	text-transform: capitalize;
	font-family: Tahoma;
	font-weight: bold;
	color: blue;
	text-decoration: underline overline;
	padding-top: 15px;
}
/*--------------------------------Div Popup------------------------------------*/
.LinkP
{
	font-family: Tahoma;
	color: Blue;
	text-decoration: underline;
	font-style: italic;
	font-size: 12pt;
	cursor: pointer;
}
hr
{
	text-align: center;
	width: 100%;
	border: 1px solid silver;
}
.modulehr
{
	text-align: center;
	width: 100%;
	margin-left: -30px;
	border: 1px dotted silver;
}

.inputFilter
{
	background-image: url(images/filter.png);
	background-repeat: no-repeat;
	padding-left: 20px;
}
/*HunarTalk*/
.PopupMessage
{
	display: none;
	font-size: 12pt;
	background-color: red;
	color: white;
	position: fixed;
	top: 30%;
	left: 40%;
	border: solid 2px red;
	opacity: 0.97;
	box-shadow: 3px 3px 9px red;
	-moz-box-shadow: 3px 3px 9px red;
	-webkit-box-shadow: 3px 3px 9px red;
	-khtml-box-shadow: 3px 3px 9px red;
	z-index: 10000;
	width:20%;
	padding: 15px;
	border-radius: 4px;
}
.PopupMessageGreen
{
	display: none;
	background-color: green;
	color: white;
	font-size: 12pt;
	position: fixed;
	top: 30%;
	left: 40%;
	border: solid 2px green;
	opacity: 0.97;
	border-radius: 4px;
	box-shadow: 3px 3px 9px green;
	-moz-box-shadow: 3px 3px 9px green;
	-webkit-box-shadow: 3px 3px 9px green;
	-khtml-box-shadow: 3px 3px 9px green;
	z-index: 10000;
	width: 20%;
	padding: 15px;
}

.sidebartd
{
	vertical-align: top;
	border-radius: 4px;
	margin-top: 18px;
	background: -webkit-gradient(linear, left top, left bottom,  color-stop(95%, #EBEBEB), color-stop(95%, #EBEBEB), color-stop(5000%, white));
	background: -moz-linear-gradient(center top , #ebebeb 80%, white 95%, white 95%);
}

.sidebar
{
	z-index: 999;
	height: 100%;
	width: auto;

	margin-left: 0px;
	margin-top: 18px;
	border-radius: 2px 0 0 0;
	background-color: Transparent;
}
.sidebar td
{
	vertical-align: middle;
	text-align: left;
	padding-bottom: 1px;
	padding-left: 5px;
}
.sidebar a
{
	font-family: Tahoma;
	font-size: 9px;
	color: black;
	cursor: pointer;
	padding-bottom: 2px;
	font-weight: bold;
	width: 180px;
}
.sidebar a:hover
{
	text-decoration: underline;
	font-weight: bold;
}
.sidebarTitle
{
	background-position: left top;
	background-image: url(Images/ribbon.png);
	background-repeat: no-repeat;
	height: 30px;
	color: White;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	padding-left: 5px;
	width: 180px;
}
.moduleTitle
{
	text-align: left;
	vertical-align: middle;
	font: bold 16px Calibiri;
	padding-top: 20px;
}
.moduleTitle div:hover
{
	cursor: default;
}
.moduleTitle img /*Image of Each module*/
{
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
}
.moduleTitle p /*Title of each module*/
{
	text-align: left;
	vertical-align: middle;
	height: 16px;
	display: inline-block;
	margin-left: 0px;
	color: Gray;
	font-family: Times New Roman;
	font-variant: normal;
	text-transform: uppercase;
	font-weight: bold;
	line-height: normal;
}
.EmployeePhoto
{
	position: inherit;
	text-align: center;
	float: right;
	width: 160px;
	right: 45%;
	z-index: 1003;
	height: 200px;
	border-radius: 4px;
	border-top: gray 1px inset;
	border-right: gray 1px inset;
	border-bottom: gray 1px inset;
	border-left: gray 1px inset;
}
.moduleContent /*here we have all the forms inside the box*/
{
	border-top: 1px solid silver;
	padding-bottom: 20px;
}

::-webkit-input-placeholder
{
	color: red !important;
	font-size: 12px !important;
	font-style: italic;
}
::-moz-placeholder
{
	color: red !important;
	font-size: 12px !important;
	font-style: italic;
}
/* firefox 19+ */
:-ms-input-placeholder
{
	color: red !important;
	font-size: 12px !important;
	font-style: italic;
}

input:not([frequired=Yes])::-webkit-input-placeholder
{
	color: black !important;
}
input:not([frequired=Yes])::-moz-placeholder
{
	color: black !important;
}
 input:not([frequired=Yes]):-ms-input-placeholder
{
	color: black !important;
}
/* ie */
.InvalidFields
{
	color:Red !important;
	border:red solid 2px !important;
}
/****************Permission Table***********/
.PermissionLevel1
{
	font-size: 12pt;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #006699;
	display: inline-block;
	vertical-align: middle !important;
	font-weight:bolder;
}
.PermissionLevel2
{
	font-size: 9pt;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #006699;
	display: inline-block;
	vertical-align: middle !important;
	text-indent:30px;
	font-weight:bold;
}
.PermissionLevel3
{
	font-size: 10pt;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #006699;
	display: inline-block;
	vertical-align: middle !important;
	text-indent:60px;
}
.PermissionLevel4
{
	font-size: 8pt;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #006699;
	display: inline-block;
	vertical-align: middle !important;
	text-indent:90px;
}

/**********End of Permissions Table******************/
.tblCaption
{
	text-transform: capitalize;
	font-family: Tahoma;
	font-weight: bold;
	color: #337ab7;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 11pt !important;
}

/***********Some New for Menu Based********************/

#SideMenu
{
	height: 90vh;
	width: 100%;
	margin-left:0px;
	left: 0px;
	border: none;
	overflow-y: auto;
	border-top: 0px;
	/*min-width: 150px;*/
	

	float: left;
	overflow-x: hidden;
	direction:ltr;
	background-color: #3c3c3c;
	font-family:Sans-Serif;
	padding-left:0px;
	/*#303030*/
}
.BusinessName
{
	font-weight: bold;
	color: white;
	font-size: 1.8vw;
	padding-left: 5px;
	font-family: Arial;
	background-color:black;
	white-space:nowrap;
	
}
.SideMenuTreeTable
{
	border-collapse:collapse !important;
	width:100%;

}

.SideMenuTreeTable img
{
	padding-left: 3px;
	padding-right: 6px;
	vertical-align:middle;
}
.SideMenuTreeTable tr
{
	border-collapse:collapse;
	border:none;
	padding:0px;
}

.SideMenuTreeTable td
{
	padding: 15px;
	padding-right:80px !important;
	cursor: pointer;
	border-bottom: 1px solid rgba(221,221,221,.20);
	border-top:0 !important;
	color:#d9d9d9;
	font-family: "Open Sans",sans-serif;
    font-size: 13px;
    line-height: 1.42857;
	display: inline-block;
	vertical-align: middle !important;
	box-sizing:initial !important;
	
}
.SideMenuTreeTable td:hover
{
	background-color: #303030;
	cursor:pointer;
	transition-delay:0.2s;
	transition:0.2s;
	color:White;
}


.SideMenuTreeTable .level2
{
	padding-left: 20px;
	box-sizing:initial !important;
}
.SideMenuTreeTable .level3
{
	padding-left: 30px;
	box-sizing:initial !important;
}
.activeMenu
{
background-color:#3e77ab !important;	
}

/**********************Tree Grid**********************************/

.TreeTable
{
	font-size: 11px;
	margin: 0px;
	font-family: Tahoma;
	text-align: left;
	direction: ltr;
}
.TreeTable img
{
	padding-left: 3px;
	padding-right: 3px;
}

.TreeTable td
{
	padding: 5px 5px;
	vertical-align: middle;
	font-family: Tahoma;
	border-bottom: 1px solid #E7E7E7;
	cursor: pointer;
}
.TreeTable td:hover
{
	background-color: #EEEEEE;
	
}

.TreeTable .level1
{
	font-size: 11pt;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #006699;
	display: inline-block;
	vertical-align: middle !important;
	box-sizing:initial !important;
}
.TreeTable .level2
{
	font-size: 9pt;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #006699;
	display: inline-block;
	vertical-align: middle !important;
	box-sizing:initial !important;
}
.TreeTable .level3
{
	font-size: 9pt;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #006699;
	display: inline-block;
	vertical-align: middle !important;
	box-sizing:initial !important;
}

	.TreeTable > tr:first-child {
		white-space:nowrap !important;
	}





/*Load Form Container is here */

.formIDE
{
	
	top: 10px;
	border-spacing: 1px;
	border-radius: 4px;
	background-color: #337ab7;
	width: 98%;
	border: 1px solid blue;
	text-align: left;
	direction: ltr;
	padding:5px;
}

.formHeader
{
	font-family: tahoma;
	color: #FFFFE9;
	height: 30px;
	padding-left: -20px;
	text-shadow: 0 2px 2px white;
	direction: ltr;
	text-align: left;
	font-size:1.5em;
	padding-bottom:6px;
}
.formBody
{
	width: 99%;
	min-height: 100px;
	height: auto;
	text-align: left;
	direction: ltr;
	padding:10px;
	
}
.formBodyHeight
{

	min-height: 30px;
	height: auto;
}
#FormContainer Table
{
	width: 100%;
}


#FormContainer Label, .borderedFieldset Label
{
	color: Gray !important;
	font-size: 9pt;
	font-family: Tahoma;
	padding-top: 10px;
	margin-top: 4px;
	text-align: left;
	font-weight:bold;
	display:inline-block;
}
#tdUniStGeneralInfo Label
{
	color: Gray !important;
	font-size: 9pt;
	font-family: Tahoma;
	padding-top: 4px;
	margin-top: 4px;
	text-align: left;
	font-weight:bold;
	display:inline-block;
}
#FormContainer input[type=text]
{
	width: 96.6%;
	text-align: left;
	font-size: 10pt;
	font-weight:bold;
}
#FormContainer input[type=text]
{
	width: 96.6%;
	text-align: left;
	font-size: 10pt;
	font-weight:bold;
}
#FormContainer input[ftype=Date]
{
	width: 100%;
	min-width:110px !important;
}
#FormContainer textarea
{
	width: 96.6%;
	height: 40px;
	text-align: left;
	font-size: 10pt;
}

input[type=checkbox], input[type=radio]
{
	width:auto !important;
	border:0px !important;
	color: #666666 !important;
	padding:0px !important;
	font-family: Tahoma !important;
	font-size:10pt !important;
	box-shadow:0 !important;
	padding-top:0px !important;
	height:auto !important;
}

/************Control CSS*****************/
input[type=text]:focus, select:focus, textarea:focus
{
	/* When you click on the field... */
	box-shadow: 0 0 8px rgba(102,175,233,0.6);
	border-color: #66afe9;
}
input[type=submit]:hover, input[type=button]:hover
{
	font-weight: bold;
	cursor: pointer;
	color: #FF6600;
	background-color:#eee;
}

input, select
{
	border: 1px solid #B8B8B8;
	border-radius: 2px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #666666;
	height: 3em !important;
	line-height: 1.384em;
	padding:0 0.5em;
	vertical-align: middle;
	font-family: Tahoma;
	font-size:10pt;
	width:96.6%;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-box-sizing:border-box; 
	font-weight:bold;

}
	input[type=submit] {
	font-weight:normal !important;
	}
 textarea
{
	border: 1px solid #B8B8B8;
	border-radius: 2px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #666666;
	line-height: 1.384em;
	padding:0 0.5em;
	vertical-align: middle;
	font-family: Tahoma;
	font-size:10pt;
	width:96.6%;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-box-sizing:border-box; 
	font-weight:bold;

}
	option {
		padding:5px !important;
	}
input[type=text], select, textarea
{

	text-align:inherit !important;

}
legend
{
	font-size:large;
	font-style: italic;
	font-family: Georgia;
	text-align: left;
	margin: 2px 8px 4px 8px;
	color: #337ab7;
	padding-left:10px;
	padding-right:10px;
}
input[type=submit], input[type=button]
{
	   background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    display: inline-block;
    box-shadow:0 1px 2px 1px inset;
	min-width: 80px;
	font-size:11pt;
	width:auto;
	height:40px;

	
	vertical-align: middle;
	text-align: center;

	min-width:120px;
}
#ChildContainer input[type=submit], input[type=button]
{
	font-size: 9pt;color:#337ab7;min-width:80px;height: 30px;
	
}

#tdCtrls
{
	display:none;
	min-width:120px;
	border-radius:10px;
	padding:15px !important;
	padding-right:3px !important;
	/*background:rgba(0, 0, 0, 0) -moz-linear-gradient(left center , silver -300%, white 93%, silver 300%) repeat scroll 0 0;
	background: -webkit-gradient(linear, left left, left bottom,  color-stop(-300%, silver), color-stop(93%, white), color-stop(-300%, silver));
	background: -webkit-linear-gradient(left, silver -200%,silver -200%,white 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=  silver , endColorstr= 'white' )*/
}
#ChildContainer #tdCtrls
{
	display:none;
	min-width:120px;
	border-radius:10px;
	padding:15px !important;
	/*background:rgba(0, 0, 0, 0) -moz-linear-gradient(left center , #337ab7 -1000%, white 93%, #337ab7 300%) repeat scroll 0 0;
	background: -webkit-gradient(linear, left left, left bottom,  color-stop(-1000%, #337ab7), color-stop(93%, white), color-stop(-1000%, #337ab7));
	background: -webkit-linear-gradient(left,  #337ab7 -400%, #337ab7 -400%,white 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=  #337ab7 , endColorstr= 'white' );*/
}
.tdCtrls
{
	display:none;
	min-width:120px;
	border-radius:10px;
	padding:10px;
	background:rgba(0, 0, 0, 0) -moz-linear-gradient(left center , silver -300%, white 93%, silver 300%) repeat scroll 0 0;
	background: -webkit-gradient(linear, left left, left bottom,  color-stop(-300%, silver), color-stop(93%, white), color-stop(-300%, silver));
	background: -webkit-linear-gradient(left, silver -200%,silver -200%,white 100%); /* Chrome10+, Safari5.1+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=  silver , endColorstr= 'white' );
}


#ChildContainer
{

border-radius:10px;
background-color:whitesmoke;	
padding-top:20px !important;
padding-bottom:0px;
border-top:4px groove highlight;
padding-right:22px;
}
#ChildContainer fieldset
{
background:white;
border-radius:0px 4px 4px;	
border:none !important;
border-left:thin solid silver !important;
}

/************End of Control CSS**************/
.mnuIcons
{
	font-family:"Omerzoi";
	padding-right:3px;
	font-size:16px;
}


.TopBarIcons #username

{
	font-family: Tahoma;
	font-size: 10pt;
	color: white;
	display: block;
	text-decoration:none;
	padding-right:15px;
	
	
	
}


.iconLabel
{
	border-radius: 10px;padding:3px 6px;top:12px;position: absolute;color:White;
	margin-left:-9px;
	
}

.IconTd:hover
{
	
	background-color: #303030;
	cursor:pointer;
	transition-delay:0.2s;
	transition:0.2s;
}
#UserPhoto
{
	width:30px;
	border-radius:100%;
	vertical-align:middle;
}
#username
{
	font-family:Tahoma;
	color:White;
	font-size:10pt;
	text-decoration:none;
	padding:5px;
	display:inline-block;
}
.poweredBy
{
	    background-color: #3a6f9f;
    border-radius: 100px;
    color: #d9d9d9;
    display: inline-block;
    float: right;
    margin-left: 60px;
    padding: 9px 20px;
    text-decoration: blink;
    vertical-align: middle;
    width:10vw;
    font-size:0.6vw;
    
}
ul.marquee {
	/* required styles */
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
	overflow: hidden;

	/* optional styles for appearance */
	width: auto;
	height:15px;
}

ul.marquee li {
	/* required styles */
	position: absolute;
	top: -999em;
	left: 0;
	color:White;
	display: block;
	white-space: nowrap; /* keep all text on a single line */
	
	
}

.SimpleCurveBorderedFieldset
{
	border:1px solid #337ab7;
	border-radius:5px;
    color:#337ab7;
	
}
#watermarkp
{
	position:absolute; color: red;font-size: 100pt;font-weight:bolder;-webkit-transform: rotate(-30deg);-moz-transform: rotate(-30deg);margin:0;left:40%;top:30%;opacity:0.075;z-index:1000;  direction:ltr; text-align:left;pointer-events:none;
}
.hoverTable tr:hover
{
	background-color:#ffff99;

}



/*For Materialize*/
/* fallback */
/*Icons Font*/
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/roboto/icons.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
}
/*End of Icons Font*/


#burgerMenu > li{
border-bottom:solid 1px silver;
}
#burgerMenu .collapsible-body li{
border-top:solid 1px silver;
margin-left:20px;

}
#burgerMenu div.collapsible-body{
display:block;
width:95%
}

#burgerMenu .collapsible-body li:hover {
    background-color:silver;

        }

.material-icons {
margin-right: 7px !important;
}

.side-nav {
    overflow-y:auto !important;
  
}
#slide-out #MobileSideBar {
    overflow-y:auto !important;
}
#slide-out li,#slide-out a,#slide-out i,#MobileSideBar li,#MobileSideBar a,#MobileSideBar i {
    color:white;
	
}
#slide-out #MobileSideBar li:hover a:hover {
    background-color: #303030;
	
}

@media only screen and (max-width: 760px) {
  .container {
    margin-left:0px !important;
	width:100% !important;
  }
}
@media screen and (min-aspect-ratio: 16/9) {
  .container {
    margin-left:0px !important;
	width:100% !important;
    }
}
@media (max-width: 900px) {
  .container {
    margin-left:0px !important;
	width:100% !important;
    }
}
/*End of Materialize*/

/*Progreess Bar*/
#ProgWrap { width: 100%; margin: 10px auto; }

.ProgWrap { width: 100%; margin: 10px auto; }
div.PMprogressbar {
    border: 1px solid green;
    background: silver;
   
}
.PMprogressbar div {
    width: 0;
    background:green;
    height: 20px;
    text-align: center;
    font-size: 11px; 
    font-weight: bold; 
    color: #fff; 
    line-height: 20px;
     text-shadow: 0px 0px 3px #000;
    -o-text-shadow: 0px 0px 3px #000;
    -moz-text-shadow: 0px 0px 3px #000;
    -webkit-text-shadow: 0px 0px 3px #000;

   
}
.PMprogressbar div.level1 {
	width: 0;
	background:red !important;
	height: 15px;
	color: white; 
	font-weight: normal; 
	    text-align: center;
}
.PMprogressbar div.level2 {
	width: 0;
	background:yellow !important;
	height: 15px;
	color: black; 
	font-weight: normal; 
	    text-align: center;
}
.PMprogressbar div.level3 {
	width: 0;
	background:green;
	height: 15px;
	color: white; 
	font-weight: normal; 
	    text-align: center;
}
/*End of Progress bar*/

.AbsentRow {
	color:red !important;
	background-color:yellow !important;
}
.mySearchDiv {
		background-color: white; /*max-height:200px;  overflow-y:auto;*/
		border: solid 1px #cfd5d6;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		-khtml-border-radius: 8px;
		border-radius: 8px;
		text-align: left;
		box-shadow: 0px 0px 9px 5px #808080;
		-moz-box-shadow: 0px 0px 9px 5px #808080;
		-webkit-box-shadow: 0px 0px 9px 5px #808080;
		-khtml-box-shadow: 0px 0px 9px 5px #808080;

        position:absolute !important; /*it can be fixed too*/
        left:0 !important;
		right:0 !important;
        
        margin:auto !important;
		/*this to solve "the content will not be cut when the window is smaller than the content": */
        overflow:auto !important;
		z-index:11000 !important;
		min-height:100px !important;
		padding:2px 10px 10px 10px !important;
		
    }
.mySearchDiv table {width:99.9% !important;
}

.errorMsgColor {
	color:red !important;
}
.successMsgColor {
	color:green !important;
	
}
#sessionLoader,#flLoader {
	background-color:transparent !important; /*max-height:200px;  overflow-y:auto;*/
	border:none !important;

		text-align: left;
		position:fixed !important; /*it can be fixed too*/
       
        
        margin:auto !important;
		/*this to solve "the content will not be cut when the window is smaller than the content": */
        overflow:auto !important;
		z-index:1002 !important;
		min-height:165px !important;
		padding:2px 10px 10px 10px !important;
		/*max-width:470px !important*/
}
#ifrm,#flifrm {
	border:none;
	background-color:transparent !important;
}


.my-back-to-top {
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
    width:50px;
    height:50px;
    background-color:#3498db;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px;
	opacity:0.25;
}
.my-back-to-top span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff;

}
.my-back-to-top:hover {
    background-color:#e74c3c;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}
.my-back-to-bottom {
    position:fixed;
    right:10px;
    top:30%;
    cursor:pointer;
    width:50px;
    height:50px;
    background-color:#3498db;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px;
	opacity:0.25;
}
.my-back-to-bottom span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-2px;
    height:0;
    width:0;
	transform: rotate(180deg);
    border:8px solid transparent;
    border-bottom-color:#ffffff;
}
.my-back-to-bottom:hover {
    background-color:#e74c3c;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}
#divCoA {
margin:0 auto !important;top:10% !important; width:80% !important;display:none;z-index:1002 !important;position:absolute;left:10% !important;padding:10px !important
}
table caption {
border:1px solid silver;
border-bottom:none !important;
text-align:left;
font-weight:bold;
font-size:12pt !important;
color:#337ab7;
padding:10px;

}
.frmContainer {
margin:0 auto !important;
margin-top:12px !important;
border-radius:1px;
background-color:white;
border:0;
width:99% !important;
box-shadow:120px 24px 38px 3px rgba(0, 0, 0, 0.14), 20px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 11px 15px -7px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 120px 24px 38px 3px rgba(0, 0, 0, 0.14), 20px 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
padding-bottom:50px !important

}

.activeMenu .triangleRight{
width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent; 
  
  border-right:35px solid #F0F2F5; 
position: relative;
visibility:visible;
opacity:1;
transition: all 0.4s ease;
float:right;
right:15px !important;
display:block;


}



.select2-container .select2-selection, 
.select2-selection__rendered,select{
    height: 48px !important;
    line-height: 48px !important;
}
.select2-selection__arrow {
    height: 46px !important;
    line-height: 46px !important;
}
.select2-dropdown {
background-color:lightyellow !important;
}
input[type=checkbox] {
pointer-events:initial !important;
}
.medImg {
border-radius:5px !important; padding:10px !important;border:1px solid silver !important;

}
	.medImg .csr {
	cursor:pointer;
	}