html, body {	
	margin: 0; 
	padding: 0;
	font-size: 12px;  
	color: #000; 
	position: relative; 
	height: 100%; 
	font-family: 'Open Sans','Roboto','Helvetica Neue',Helvetica,Arial, sans-serif;
    letter-spacing: 0.5px;
}
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body{ background-color: #F5F8F9;}

body.login-cover, body.cover { 
  background: #1a61af;
}

* {  margin: 0;  padding: 0; }

.main{ 	width: 100%; min-height: 100%; position: relative; margin: auto; }

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

.logo { height: 30px; margin: 8px 0 0 !important;  }
.inno-logo{ height: 15px; opacity: 0.8; float: right; }

.row{ width: 100%; float: left; position: relative; }

.word-break{ word-break: break-all; }
.word-wrap{ word-wrap: break-word; }

/*=================== Header ==================*/
.header{
	background: #0051ab;
	float: left;
	width: 100%;
	position: fixed;
	z-index: 10;
}
	.header .firstHeadBar{ 
		height: 45px; 
		display: block;  
		color: #fff; 
		padding: 0 1%; 		
		transition: all 0.25s ease 0s;
    	-webkit-transition: all 0.25s ease 0s;
	}
	.header .secondHeadBar{ 
		background: #fff; 
		height: 40px; 
		display: block; 
		color: #000; 
		padding: 5px 2%; 
		border-bottom: 1px solid #e5e5e5;
		transition: all 0.25s ease 0s;
    	-webkit-transition: all 0.25s ease 0s;
		box-shadow: 0 6px 5px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0 6px 5px rgba(0, 0, 0, 0.1);
	}

	.header .breadcrumBar {
	    background: #fff;
	    border-bottom: 1px solid #e5e5e5;
	    color: #000;
	    display: block;
	    height: 40px;
	    padding: 5px 2%;
	    position: relative;
	    width: 100%; 
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	}
		.breadcrumBar .fa-home{ font-size: 14px; }

.heading{ 
    float: left;
    font-size: 12px;
    letter-spacing: 0.5px;
    line-height: 30px;
    padding: 0 10px 0 0;
    font-weight: 400;
}
	
/*================= Container ================*/
.container{  width: 100%; }

.template{ 
	max-width: 1440px;
    min-width: 1024px; 
	margin: auto; 
	padding: 0; 
	transition: all 0.25s ease 0s;
    -webkit-transition: all 0.25s ease 0s;
}

.container .breadcrumBar {
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    color: #000;
    display: block;
    height: 30px;
    left: 0;
    padding: 0 1%;
    position: fixed;
    top: 45px;
    width: 100%;
    z-index: 9;    
}
.container .breadcrumBar h1{
	max-width: 80%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*================== Footer ===================*/
.footer{
	background: rgba(0, 0, 0, 0.8);
	font-size: 11px;
	color: #bbb;
	width: 100%;
	min-width: 1024px;	
	position: absolute;
	bottom: 0;
	left: 0;	
}
	.footer .footCover{ width: 100%; float: left; padding: 13px 2%; transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s;}	

/*========================================================================================== 
							TOP NAVIGATION  
===========================================================================================*/
.navBox{
	float: right;
	height: 100%;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;    
	text-transform: uppercase;
}
	.navBox li{
		position: relative;
		padding: 0;
		float: left;
	}
	.navBox a{
		color: rgba(255,255,255,0.7);
	    float: left;
	    height: 100%;
	    min-width: 90px;
	    padding: 4px 15px;
	    text-align: center;
	    line-height: 38px;
	    text-transform: capitalize;
	}
	.navBox a i{ font-size: 12px; }	
	.navBox a span { display: block;}
	.navBox a:hover{ color: #fff;;}
	.navBox a.selected{ 
	    color:  #fff;
	    margin-top: -1px;
	}

.navBox .sub-nav{
	background: #fff;
	padding: 0;
	margin: 0;
	width: 250px;
	position: absolute;
	list-style: none;
	top: 45px;
	left: 0;
	text-transform: none;
	border-top: 0;
	box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
	border-bottom: 1px solid;
	z-index: 2;
	display: none; 

}
	.sub-nav li{ width: 100%; float: left; color: #000;  }
	.sub-nav li a{ width: 100%; float: left; color: #1A61AF; text-align: left; padding: 7px 15px; line-height: 18px;}
	.sub-nav li a:hover{ color:#00BCD4; background: none; }
	.sub-nav li label{ width: 100%; float: left; padding: 10px 15px;  color: #D35400; cursor: default;}
	.sub-nav a.selected{ color: #00BCD4;}
	.sub-nav a.selected .fa-caret-down:before {content: "\f0d7" !important;}
	

.navBox li:hover .sub-nav{  display: block;  }

.childNav{
	border-bottom: 1px solid #ccc;
    float: left;
    width: 100%;
    font-size: 12px;
    display: none;
    line-height: 40px;
    list-style: none;
}

	.childNav a{ color: #1A61AF !important; padding-left: 45px !important; }
	.childNav a:hover{ color: #28bcb5  !important; }

/*--------*/

.mobileNav{
	border-left: 1px solid rgba(255, 255, 255, 0.3);
    cursor: context-menu;
    float: right;
    font-size: 21px;
    height: 100%;
    line-height: 45px;
    position: relative;
    text-align: center;
    width: 50px;
    display: none;
}
	.mobileNav:hover{ background: rgba(0, 0, 0, 0.3);  background: #000 \9;}
	.mobileNav a{ text-align: left; }
	.mobileNav a i{ font-size: 16px; margin-right: 10px; width: 25px; text-align: center; float: left; }

/*-----------------*/
.userAccountBox{
	border-left: 1px solid rgba(255, 255, 255, 0.4);
    float: right;
    height: 100%;
    margin: 0;
    padding: 0 0 0 13px;
    position: relative;
    cursor: context-menu;
    transition: all 1s ease 0s;
   -webkit-transition: all 1s ease 0s;
   animation: backUp 1s both 0s; 
    -webkit-animation: backUp 1s both 0s;
}
	.userAccountBox i.fa-user{ 
		background: rgba(0, 0, 0, 0.2); 
		background: #006CB4 \9;  
		font-size: 30px; 
		padding: 6px 15px; 
		float: left; 
		height: 100%; 
		margin-right: 5px; 
		color: #fff;
	}
	.userAccountBox .usrPhoto{ 
		background: rgba(0, 0, 0, 0.2);
	    color: #fff;
	    float: right;
	    font-size: 30px;
	    height: 32px;
	    margin: 6px;
	    padding: 0;
	    border-radius: 100%;
	}
	.userAccountBox span, .userAccountBox .fa-caret-down{ 
		float: left;
	    line-height: 45px;
	    margin: 0 3px;
	    max-width: 150px;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	  }
	.userAccountBox:hover{ background: rgba(0, 0, 0, 0.3);  background: #006CB4 \9;}
	.userAccountBox li a i{ font-size: 16px; margin-right: 5px; width: 25px; text-align: center; float: left; }

.userAccountBox .dropdown-window{ width: 161px; }

.userAccountBox .dropdown-window .userNameBox{ padding: 0 10px; width: 100%; float: left; word-break: break-all;}
	.dropdown-window .userNameBox b{ width: 100%; float: left; overflow: hidden; font-weight: bold;}

/*------------------------------------*/
.userAccountBox .colorThemeBox{
	width: 100%;
	float: left;
}
	 .colorThemeBox .theme {
	 	border: 1px solid #fff;
	    float: left;
	    height: 25px;
	    position: relative;
	    width: 18%;
	    text-align: center;
	    border-radius: 50px;
	    margin: 1%;
	 }

	.colorThemeBox .theme.default{ background: #1A61AF; }
	.colorThemeBox .theme.A1{ background: #24B7E5; }
	.colorThemeBox .theme.A2{ background: #03AD8F; }
	.colorThemeBox .theme.A3{ background: #5B4EAC; }
	.colorThemeBox .theme.A4{ background: #565656; }

	.colorThemeBox .theme.selected::after{ 
		content: "\f00c";
		font-family: 'FontAwesome';
		color: #fff;
		font-size: 12px;
    	line-height: 27px;
	 }

/*========================================================================================== 
						DROP DOWN STYLES
==========================================================================================*/
.dropdown-window{
	background: #fff;
	width: 250px;
	min-height: 32px;
	border: 1px solid #e5e5e5;	
	float: left;
	position: absolute;
	box-shadow: 0 0 25px rgba(0,0,0,0.3);
	z-index: 99;
	top: 45px;
	right: 0;
	display: none;
	color: #000;
	animation: 300ms ease 0s normal none 1 running zoomIn;
	-webkit-animation: 300ms ease 0s normal none 1 running zoomIn;
}
.dropdown-window.align-left{ left: 0; }
.dropdown-window.align-left .fa-caret-up{ left: 13px; right: 0 !important;}

	.dropdown-window .fa-caret-up{
		font-size: 30px;
	    right: 10px;
	    position: absolute;
	    top: -20px;
	    color: #fff;
	}				
	.dropdown-window .content-box{
		width: 100%;
		float: left;
		max-height: 400px;
		overflow-x: hidden;
		overflow-y: auto;
		padding: 10px 0;	
		position: relative;	
	}
		.dropdown-window .content-box ul.row { display: block; padding:0px; margin: 0 ;}
			.dropdown-window .content-box ul.row li{
				list-style: none;
				display: block;
				margin: 0 !important;
				width: 100%;
			 }
			 .dropdown-window .content-box ul.row li a{
				list-style: none;
				display: block;
				text-decoration: none;
				font: normal 12px/15px Arial, Helvetica, sans-serif;
				color: #1A61AF;
				padding: 7px 10px;
			 }
			 .dropdown-window .content-box ul.row li a:hover,
			 .dropdown-window .content-box ul.row li a.selected { color:#28bcb5; }
			 .dropdown-window .content-box ul.row li a:active{ background: #e5e5e5; }
			 
	.dropdown-window .dropdown-header{
		padding: 10px;
		width: 100%;
		float: left;
		border-bottom: 1px solid #e5e5e5; 
		color: #777;
		font-size: 12px;
	}
	.dropdown-window .dropdown-footer{
		padding: 10px;
		width: 100%;
		float: left;
		border-top: 1px solid #e5e5e5; 
	}
		.dropdown-footer [class^="btn"]{ margin: 0 !important; }

.dropdown-window fieldset{ margin-bottom: 0 !important; }

.dropdown-window .bg-form .validate{ margin-bottom: 10px; }

/*========================================================================================== 
						TABS BUTTONS
==========================================================================================*/
.tabBox{
	width: 100%;
	float: left;
	position: relative;
	z-index: 1;
}
	.tabBox a{
		background: #F8F8F8;
    	border: 1px solid #e5e5e5;
    	border-left: none !important;
    	color: #0051AB;
	    float: left;
	    font-weight: 400;
	    height: 30px;
	    line-height: 30px;
	    margin-bottom: -1px;
	    min-width: 100px;
	    padding: 0 15px;
	    text-align: center;
	}
	.tabBox a.selected{ background: #fff; border-bottom-color: #fff; color: #000; }
	
	.tabBox a:first-of-type{ border-radius: 4px 0 0 0 !important; border-left: 1px solid #e5e5e5 !important; }
	.tabBox a:last-of-type{ border-radius: 0 4px 0 0 !important; }

.tabBox a.disabled, 
.tabBox a[disabled]{ 
	color: #98a6ad !important; 
	text-shadow: 0 1px #fff; 
	font-weight: 300 !important; 
	cursor: context-menu; 
}

.tabBox h1{ 
	width: auto !important; 
	max-width: 50%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;

}

/*========================================================================================== 
						TOGGLE BUTTONS
==========================================================================================*/
.toggleBtn,
.toggleBtn-search{
	width: auto;
	float: left;
	margin: 0 0 10px;
}
	.toggleBtn i,
	.toggleBtn-search i{
	    color: #0051AB;
	    cursor: pointer;
	    float: right;
	    font-size: 17px;
	    height: 25px;
	    line-height: 25px;
	    margin: 0;
	    text-align: center;
	    padding: 0 8px;
	    font-style: normal;
	    position: relative;
	}
	.toggleBtn .fa{ font-size: 14px;] }
	.toggleBtn i b,
	.toggleBtn-search i b{ font-size: 12px; font-family: "Roboto",sans-serif; padding-left: 7px; font-weight: normal;}

	.toggleBtn i.selected,
	.toggleBtn-search i.selected{ background: #F5F5F5; box-shadow: 0 0 10px #999 inset; color: #000;} 

	.toggleBtn.switch i,
	.toggleBtn.switch i:hover,
	.toggleBtn-search.switch i,
	.toggleBtn-search.switch i:hover,
	{ background: #f0f0f0; color: #999; width: 50%; overflow: hidden; text-overflow: ellipsis; }
	.toggleBtn.switch i.selected,
	.toggleBtn-search.switch i.selected{ background: #00BCD4; box-shadow: 0 0 5px rgba(0,0,0,.2) inset; color: #fff; border-color: #00B9F5;} 
	
	.toggleBtn.justify,
	.toggleBtn-search.justify{ 
	 width: auto; 
	 margin: 0;
	}
	.toggleBtn.justify i,
	.toggleBtn.justify i:hover,
	.toggleBtn-search.justify i,
	.toggleBtn-search.justify i:hover
	{ 
	 width: auto; 
	 text-overflow: inherit; 
	 border: 1px solid #ccc;
	 border-left: none;
	 float: left;
	 line-height: 20px;
	}
	
	.toggleBtn.justify i:last-of-type,
	.toggleBtn-search.justify i:last-of-type{ border-radius: 0 4px 4px 0;   }
	.toggleBtn.justify i:first-of-type,
	.toggleBtn-search.justify i:first-of-type{ border-radius: 4px 0 0 4px; border-left: 1px solid #ccc;}
	.toggleBtn.justify i b,
	.toggleBtn-search.justify i b{ padding-left: 0; }	
	.toggleBtn.justify label,
	.toggleBtn-search.justify label{ margin: 0 5px 0 0; padding: 5px 0 0 0; font-size: 12px; float: left;}

/*-------------------------------*/
.breadcrumBar .toggleBtn{
	float: right;
	margin: 0 5px;
}
	.breadcrumBar .toggleBtn i{ 
		background: rgba(255,255,255,.5);
	    border: 1px solid #ccc;
	    font-size: 12px;
	    height: 30px;
	    line-height: 30px;
	    padding: 0;
	    width: 35px;
	}
	.breadcrumBar .toggleBtn i.selected {
	    background: #f5f5f5;
	    box-shadow: 0 0 5px #ccc inset;
	}


/*========================================================================================== 
							NOTIFICATION MESSAGE
==========================================================================================*/
 .notification-msg{
 	height: 75px;
    /* max-width: 800px; */
    width: 500px;
 	position: fixed;
 	bottom: -80px;
 	right: 10px;
 	background-color: #ffebf0;
 	/* background: url("../images/ico-warning.png") no-repeat #fff; */
 	color: #000;
 	font-size: 12px;
 	box-shadow: 0 0 20px rgba(0,0,0,0.5);
 	padding: 10px;
 	box-sizing: border-box;
 	-webkit-box-sizing: border-box;
 	-webkit-transition: all 500ms ease 0s; 
	-moz-transition: all 500ms ease 0s; 
	-ms-transition: all 500ms ease 0s; 
	-o-transition: all 500ms ease 0s; 
	z-index: 999;
	overflow: hidden;
	visibility: hidden;
	border-radius:4px; 
 } 
 .notification-msg:before{
 	content: "\f06a";
 	font-family: FontAwesome;
 	font-size: 20px;
 	position: absolute;
 	color: #f6083e;
}
.notification-msg.ico-success{ /* background: url("../images/ico-success.png") no-repeat #fff; */ background-color: #ecfffe;}
.notification-msg.ico-success:before{ 	
 	content: "\f00c";
	font-family: FontAwesome;
	font-size: 20px;
	position: absolute;
	color: #28BCB5; 
}
.notification-msg p{ margin: 0 20px 0 30px; height:100%; overflow: auto;}

.notification-msg p::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}
.notification-msg p::-webkit-scrollbar{	width: 3px;	background-color: #F5F5F5;}
.notification-msg p::-webkit-scrollbar-thumb{background-color: #555555;}

 .notification-msg .ico-close{
	background-color: #ffebf0;
    padding: 15px;
    opacity: 1;
    top: 3px;
    right: 0;
}
 .notification-msg.ico-success .ico-close{background-color: #ecfffe; } 
  
.notification-msg.show{ bottom: 10px !important; visibility: visible; }
.notification-msg.show + .notification-msg.show{ bottom: 95px !important;  }
.notification-msg.show + .notification-msg.show + .notification-msg.show{ bottom: 180px !important;  }
.notification-msg.show + .notification-msg.show + .notification-msg.show + .notification-msg.show{ bottom: 265px !important;  }
.notification-msg.show + .notification-msg.show + .notification-msg.show + .notification-msg.show + .notification-msg.show{ bottom: 350px !important;  }

.notification-msg.repeat-1.show{ bottom: 90px !important;  visibility: visible; }
.notification-msg.repeat-2.show{ bottom: 170px !important;  visibility: visible;}
.notification-msg.repeat-1{ bottom: 50px;  }
.notification-msg.repeat-2{ bottom: 130px;  }

.overlayDiv{
	background: rgba(0, 0, 0, 0.8);
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 100;
	display: none;
}
.overlayDiv-white{
	background: rgba(255, 255, 255, 0.8);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}

/*-----------Alert Message---------*/
.alertMsgBox {
    background: #f9edbe;
    border: 1px solid #f0c36d;
    box-shadow: 0 2px 1px #ddd;
    float: left;
    font-weight: 400;
    margin-bottom: 15px;
    padding: 10px;
    width: 100%;
    text-align: center;
    color:  #d35400;
}

/*========================================================================================== 
							GENERAL STYLE FOR (icons / buttons)
==========================================================================================*/
.ico-cancel{ 
 	background: url("../images/ico-delete.png") no-repeat center center;
 	float: right;
 	width: 15px;
 	height:16px;
 	position: absolute;
 	right: 10px;
 	top: 10px;
 	opacity: 0.7; 
 	cursor: pointer;
 	text-align: center;
 	background-size: 12px 12px;
 }
	.ico-cancel:hover{ opacity: 1;}

.ico-close{ 
 	background: url("../images/ico-close.png") no-repeat center center;
 	float: right;
 	width: 15px;
 	height:16px;
 	position: absolute;
 	right: 10px;
 	top: 11px;
 	opacity: 0.7;
 	cursor: pointer; 
 	text-align: center;
 	background-size: 12px 12px;
 }
	.ico-close:hover{ opacity: 1;}

.fa-remove{
	color: red ;
    border-radius: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
    transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	animation: backUp 1s both 0s; 
    -webkit-animation: backUp 1s both 0s;
    cursor: pointer;
    font-size: 18px;
}
.fa-remove:hover{ background: red ; color: #fff; }

.ico-delete::before{
	background: #F8F8F8;
	color: red ;
    height: 28px;
    line-height: 28px;
    text-align: center;
    width: 28px;
    transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	animation: backUp 1s both 0s; 
    -webkit-animation: backUp 1s both 0s;
    cursor: pointer;
    font-size: 18px;
    content: "\f00d";
    font-family: 'FontAwesome'; 
    position: absolute;
    right: 0;
    border: 1px solid #c8c8c8;
}
.ico-delete:hover::before{ background: red ; color: #fff; }

.fa-check{
	color: #03AD8F !important;
}
.ico-check.fa-check{
	width: auto;
	height: auto;
}
.ico-check.fa-check:hover{ background: none !important; color: #04AD8F !important; cursor: auto;}

[class^="btn"] i.fa-check{ color: #fff !important; border-radius:0; }

.ico{
	color: #000;
    height: 18px;
    line-height: 22px;
    text-align: center;
    width: 22px;
    transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	animation: backUp 1s both 0s; 
    -webkit-animation: backUp 1s both 0s;
    cursor: pointer;
    font-size: 18px;
}

.ico-minimize {
    color: #000 !important;
    cursor: pointer;
    float: right;
    font-size: 18px;
    height: 20px;
    line-height: 19px;
    position: absolute;
    right: 45px;
    text-align: center;
    top: 13px;
    width: 25px;
    z-index: 5;    
    font-family: 'FontAwesome';
    opacity: 0.6; 
}
.ico-minimize:hover{ opacity: 1; color: #000; }

.ico-minimize::before{ content: "\f068"; padding: 0 5px;}
.ico-maximize::before{ content: "\f08e" !important;  border: 0;}


/*===================== Start Loader Style ============================*/

/*--------- New Loader -------*/
.waitLoader{
	width: 100%;
	height: 70px;
	float: left;
    margin: 50px 0;
    position: relative;
	z-index: 9999;
	text-align: center;
}
.ball {
	background-color: rgba(0,0,0,0);
	border:5px solid #ffffff;
	opacity:.9;
	border-top:5px solid rgba(0,0,0,0);
	border-left:5px solid rgba(0,0,0,0);
	border-radius:50px;
	box-shadow: 0 0 35px #ffffff;
	width:60px;
	height:60px;
	margin:0 auto;
	-moz-animation:spin .5s infinite linear;
	-webkit-animation:spin .5s infinite linear;
	display: block;
}
.ball1 {
	background-color: rgba(0,0,0,0);
	border:5px solid #ffffff;
	opacity:.9;
	border-top:5px solid rgba(0,0,0,0);
	border-left:5px solid rgba(0,0,0,0);
	border-radius:50px;
	box-shadow: 0 0 15px #ffffff; 
	width:40px;
	height:40px;
	margin:0 auto;
	position:relative;
	top:-50px;
	-moz-animation:spinoff .5s infinite linear;
	-webkit-animation:spinoff .5s infinite linear;
	display: block;
}

@-moz-keyframes spin {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(360deg); }
}
@-moz-keyframes spinoff {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(-360deg); }
}
@-webkit-keyframes spin {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(360deg); }
}
@-webkit-keyframes spinoff {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(-360deg); }
}
/*===================== End Loader Style ============================*/


/*-------- Simple page loading style -------*/
.page-loader{
	background: rgba(0, 0, 0, 0.6) ; background: #000 \9;
    border: 1px solid #000;
    display: block;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 65537;
    padding: 0;
    display: block;
}
	.page-loader .waitLoader{ 
		width: 300px;
		bottom: 0;
		left: 0;
		right: 0;
		top: 0;
		color: #fff;
		margin: auto;
		position: fixed;
	} 

/*---------------------------------*/
.validate .waitLoader{ 
	bottom: 0;
    color: #fff;
    height: 100%;
    left: 0;
    margin: auto;
    padding-top: 4px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    color: #000;
} 
.validate .ball{
	width: 21px;
	height: 21px;
	box-shadow: none;
    border-width: 1px;
	border-top-color:#000;
	border-left-color:#000;
}
.validate .ball1{
    height: 13px;
    top: -17px;
    width: 13px;
    border-width: 1px;
	border-top-color:#000;
	border-left-color:#000;
}


/*---------------------------------------*/
.ico-trash {
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  outline: none;
  padding: 0;
  position: relative;
  width: 25px;
  height: 21px;
  font-style: normal;
}
.ico-trash:focus .lid, .ico-trash:hover .lid {
	-webkit-transform: rotate(-45deg);
	-webkit-transition: -webkit-transform 250ms;	
	transform: rotate(-45deg);
	transition: transform 250ms;
}			
.ico-trash .can, .ico-trash .lid {
  background: url("../images/trash.png") no-repeat;			  
  position: absolute;
  right: 8px;
  top: 6px;
  left: 6px;
}
.ico-trash .lid {
  -webkit-transform-origin: -7% 100%;
  -webkit-transition: -webkit-transform 150ms;
  transform-origin: -7% 100%;
  transition: transform 150ms;
  height: 6px;
  width: 14px;
  display: inline-block;
}
.ico-trash .can {
  background-position: -1px -4px;
  height: 12px;
  margin-left: 1px;
  margin-right: 2px;
  margin-top: 4px;
  width: 11px;
  display: inline-block;
}

.bg-form h1 .ico-trash .can { background-position: -1px -4px;	}


/*---------- Back to Top of the page -----------*/
#back-to-top {
    background: #1a61af;
    border-radius: 100px;
    bottom: 40px;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    height: 35px;
    line-height: 35px;
    opacity: 0;
    position: fixed;
    right: 28px;
    text-align: center;
    text-decoration: none;
    transition: op
    -webkit-transition: opacity 0.2s ease-out 0s;acity 0.2s ease-out 0s;
    width: 35px;
    z-index: 20;
}
#back-to-top.show { opacity: 1; }

/*---- Next Previous Buttons---*/
.nextPrevButtons{	
	color: #000;
    float: right;
    height: 30px;
    line-height: 30px;
}
	.nextPrevButtons i{ 
		background: #555 ;
		border-left: 1px solid #fff;
	    cursor: pointer;
	    float: left;
	    height: 100%;
	    line-height: 30px;
	    text-align: center;
	    min-width: 30px;
	    font-size: 14px;
	    position: relative;
	    color: #fff;
	}
	.nextPrevButtons i:first-child{ border-left: 0; }

	.nextPrevButtons i:hover{ background: #000; }
	.nextPrevButtons i:active{ background: #F5F5F5; box-shadow: 0 0 10px #999 inset; color: #000;} 

	.nextPrevButtons i[data-tooltip]:hover::after{ left: -14px; top: -40px;}


	.nextPrevButtons span {
	    border: 1px solid #ccc;
	    border-left-color: #fff;	     
	    float: left;
	    text-align: center;
	    min-width: 30px;
	    height: 100%;
	    cursor: pointer;
	    overflow: hidden;
	    padding: 0 3px;
	}
	.nextPrevButtons .totalPage{  border-left-color: #ccc; margin-right: 10px;	}
	.nextPrevButtons .pageJump { float: left; width: 70px; margin: 0 10px; }

	.nextPrevButtons span:hover{ background: #eee;}
	.nextPrevButtons span.active{ background: #e5e5e5 ; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset;  }

/*-----*/
.ico-drawer{
	float: left;
    font-size: 24px;
    height: 100%;
    line-height: 29px;
    position: relative;
    text-align: center;
    width: 35px;
    cursor: pointer;
    margin-right: 10px;
}
	.ico-drawer:hover{ background: rgba(0,0,0,0.3); }


/*------- Custom Select Dropdown tag ---------*/
.selectDropdown { position: relative; display: inline-block;}

     .selectDropdown select {
        display: inline-block;
        border: 1px solid #c8c8c8;
        padding: 0 28px 0 5px;
        padding: 3px 5px 3px 5px \9;
        margin: 0;
        font: inherit;
        outline:none; 
        background: #fff;        
        -webkit-appearance:none;
        height: 25px;
        border-radius: 2px;
        font-size: 12px;
    }
    /* for Webkit's CSS-only solution */
    @media screen and (-webkit-min-device-pixel-ratio:0) { 
        .selectDropdown select {
            padding-right:30px;    
        }
    }   
    .selectDropdown:after {
        background: #f8f8f8;
        border: 1px solid #c8c8c8;
        color: #000;  
        content: "\f0d7";
        visibility: hidden \9;
        font-family: FontAwesome;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        font-size: 14px;
        line-height: 25px;
        padding: 0 7px;      
        pointer-events:none; 
        border-radius: 0 2px 2px 0; 
    }
    .selectDropdown:hover:after{ background: #E5E5E5; }
    .selectDropdown:active:after { box-shadow: 0 0 5px #999 inset; }    
     

/*------- Custom Checkbox ---------*/
.checkbox label {  
    display: inline-block;  
    cursor: pointer;  
    position: relative;  
    padding-left: 15px;
    padding-top: 3px;  
    margin-right: 10px;
    margin-top: 28px;
    margin-bottom: 0;
    font-size: 12px;
    float: none !important; 
    width: auto !important; 
}
.checkbox input[type=checkbox] {  display: none; }

.checkbox input[type=checkbox]:checked + label:before {  
    content: "\f00c";
    font-family: FontAwesome; 
    font-size: 12px;  
    color: #0051AB;  
    text-align: center;  
    line-height: 19px;
    background: #fff ;  
} 			
.checkbox label:before { 
	background: #fff;
    border: 1px solid #0051AB;
    /* box-shadow: 0 10px 7px 0 rgba(0, 0, 0, 0.1) inset; */
    border-radius: 3px;
    content: "";
    display: inline-block;
    font-weight: bold;
    height: 19px;
    bottom: 0;
    left: 0;
    top: 0;
    margin-right: 10px;
    position: absolute;
    width: 19px;
}

.checkbox.disabled label:before{ opacity: 0.5;}

.checkbox label[disabled]:before, 
.checkbox input[type=checkbox]:checked + label[disabled]:before{ background: #ddd; cursor: not-allowed;  box-shadow: none;}

.checkbox input[type=checkbox]:checked + label{ color: #000; }

.checkbox li{ background-image: none !important; }

/*------- Custom Radio button ---------*/
.radio label {  
    display: inline-block;  
    cursor: pointer;  
    position: relative;   
    margin: 0 10px 0 0; 
    font-size: 12px;
    float: left; 
    text-indent: 10px; 
}			
    .radio label:before {
    	background: #fff;
   		border: 1px solid #0051AB;
        content: "";  
        display: inline-block;      
        width: 18px;  
        height: 18px;     
        position: relative;  
        left: 0;  
        background-color: #fff;  
        border-radius: 100px;
        -webkit-border-radius: 100px; 
        float: left; 
        text-indent: 0;
    } 
     
.radio input[type=radio] {  display: none; } 
    
	.radio input[type=radio]:checked + label:before {  
	    content: "\f111";
	    font-family: FontAwesome; 
	    color: #0051AB;   
	    text-align: center;  
	    font-size: 11px;
    	line-height: 18px;
    	border-color: #000;  
	}
	.radio input[type=radio]:checked + label{ color: #000; }


/*------- Choose dropdown button ---------*/
.chooseDropdownButton{
	float: left;
    margin: 0;
    position: relative;
}
	.chooseDropdownButton [class^="btn"]{ margin: 0; float: left; height: 25px; line-height: 24px; margin-left: 0; }
	.chooseDropdownButton ul li{ padding: 5px 10px !important; 	float: left; }

	.chooseDropdownButton .ico-cancel{ 
	        color: #bbb;
		    right: 3px;
		    top: 5px;
		    z-index: 9;
		    font-size: 23px;
		    background: none;
		    line-height: normal;
		    font-style: normal;
		    width: 30px;
		    position: absolute;
		    height: 30px;
		    line-height: 30px;
	}

	.chooseDropdownButton .checkbox label{
		width: 100%;
		margin: 0;
		padding-left: 27px;
	}
	.chooseDropdownButton input{ margin-right: 10px; }


/*------- Date Input --------*/
.dateInputBox{
	width: 100%;
	float: left;
	position: relative;
}
	.dateInputBox .fa-calendar{
		font-size: 17px;
	    position: absolute;
	    right: 7px;
	    top: 6px;
	    color: #000;
	    cursor: default;
	} 

input.fa-calendar{
	background: rgba(255,255,255,0.7) url("../images/ico-calendar.png") no-repeat right center;
	padding-right: 30px;  
}
input.fa-calendar:focus{
	background: rgba(255,255,255,1) url("../images/ico-calendar.png") no-repeat right center !important;
}
input.fa-calendar[disabled]{
	background: #ddd url("../images/ico-calendar.png") no-repeat right center !important;
}


/*========================================================================================== 
							BUTTON SWITCHER
===========================================================================================*/	
.onOff-Switch-Box{
 width: 215px;
 height: 50px;
 line-height: 40px;
 font-size: 12px;
 float: left;
 padding: 6px;
 background: #ccc;
 background: rgba(0,0,0,0.2);
 box-shadow: 0 1px 0 #fff, 0 2px 4px #000 inset;
 -webkit-box-shadow: 0 1px 0 #fff, 0 2px 4px #000 inset;
 -ms-box-shadow: 0 1px 0 #fff, 0 2px 4px #000 inset;
 border-radius: 4px;
 -webkit-border-radius: 4px;
 -ms-border-radius: 4px;
 margin-bottom: 20px;
  text-align: center;
  color: #000;
  text-transform: uppercase;
  font-weight: 700;
  text-shadow: 0 1px 0 #fff;
  font-family: arial;
  margin: 0 0 10px;
}
 .onOff-Switch-Box .base{
 background: #8f8f8f;
  width: 100%;
  height: 100%;
  float: left;  
  box-shadow: 0 0 3px #333 inset, 0 0 3px #333;
  -webkit-box-shadow: 0 0 3px #333 inset, 0 0 3px #333;
  -ms-box-shadow: 0 0 3px #333 inset, 0 0 3px #333;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  -webkit-text-shadow: 0 1px 0 #fff;
  -ms-text-shadow: 0 1px 0 #fff;
  position: relative;
  border: 1px solid #4b4b4b;
 }
  .onOff-Switch-Box .base .switch-lft{
	background: #fff;
	border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	float: left;
	height: 100%;
	width: 50%;
	text-decoration: none;
	color: #000;
	position: absolute;
	z-index: 1;
	left: 0;
	cursor: pointer;
  }
  .onOff-Switch-Box .base .btn-mid{
	   background: #fff;
	   float: right;
	   height: 100%;
	   width: 33.333333%;
	   text-decoration: none;
	   color: #000;
	   position: absolute;
	   z-index: 1;
	   left: 32.8%;
	   cursor: pointer;
	   border-left: 1px solid #ccc;
	   border-right: 1px solid #ccc;
  }
  .onOff-Switch-Box .base .switch-rit{
   background: #fff;
   border-radius: 0 4px 4px 0;
   -webkit-border-radius: 0 4px 4px 0;
      float: right;
      height: 100%;
      width: 50%;
      text-decoration: none;
      color: #000;
      position: absolute;
      z-index: 1;
      right: 0;
      cursor: pointer;
  }
   .switch-lft.disable{
    background: #d9d9d9 !important; 
    background: -moz-linear-gradient(left,  #f1f1f1 0%, #d9d9d9 100%) !important; 
    background: -webkit-linear-gradient(left, #f1f1f1 0%, #d9d9d9 100%) !important; 
    background: -o-linear-gradient(left,  #f1f1f1 0%, #d9d9d9 100%) !important; 
    background: -ms-linear-gradient(left,  #f1f1f1 0%, #d9d9d9 100%) !important;
   margin-left: 3% !important;
   width: 48% !important;
   color: #898989 !important;
   }
   .btn-mid.disable{
   		background: #d9d9d9; /* Old browsers */
		background: -moz-linear-gradient(left,  #d9d9d9 0%, #f0f0f0 50%, #d9d9d9 100%) !important;
		background: -webkit-linear-gradient(left,  #d9d9d9 0%,#f0f0f0 50%,#d9d9d9 100%) !important;
		background: -o-linear-gradient(left,  #d9d9d9 0%,#f0f0f0 50%,#d9d9d9 100%) !important; 
		background: -ms-linear-gradient(left,  #d9d9d9 0%,#f0f0f0 50%,#d9d9d9 100%) !important; 
   		color: #898989 !important;
   		box-shadow: none;
      -webkit-box-shadow: none;
      -ms-box-shadow: none;
   }
   .switch-rit.disable{
    background: #d9d9d9 !important; 
    background: -moz-linear-gradient(left,  #d9d9d9 0%, #f1f1f1 100%) !important; 
    background: -webkit-linear-gradient(left, #d9d9d9 0%, #f1f1f1  100%) !important; 
    background: -o-linear-gradient(left,    #d9d9d9 0%, #f1f1f1 ) !important; 
    background: -ms-linear-gradient(left,    #d9d9d9 0%, #f1f1f1 ) !important;
   margin-right: 3% !important;
   width: 48% !important;
   color: #898989 !important;
   }

   .shadow-lft, .shadow-rit{ 
   		height: 46px;
       position: absolute;
       top: 5px;
       width: 50%;
       display: block; 
   }
   .shadow-lft{ background: url("../images/switch-shadow-L.png") left 0 no-repeat ; left: 0; }
   .shadow-rit{ background: url("../images/switch-shadow-R.png") right 0 no-repeat ;right: 0; }

   #noYes .switch-lft{ color: #c11114; }
   #noYes .switch-rit{ color: #6f9c01;  }
 
	/*---In case of Three Switch--*/  
	.onOff-Switch-Box.threeSwitch{ width: 300px; }

	.onOff-Switch-Box.threeSwitch .shadow-lft { background-position: 8px 0; }
	.onOff-Switch-Box.threeSwitch .shadow-rit { background-position: 0 0; }

	.onOff-Switch-Box.threeSwitch .switch-lft,
	.onOff-Switch-Box.threeSwitch .btn-mid, 
	.onOff-Switch-Box.threeSwitch .switch-rit,
	.onOff-Switch-Box.threeSwitch .shadow-lft,
	.onOff-Switch-Box.threeSwitch .shadow-rit{ width: 33.3333333% !important; }

	.onOff-Switch-Box.threeSwitch .switch-lft.disable,
	.onOff-Switch-Box.threeSwitch .switch-rit.disable{ width: 30% !important; }


/****************************BUTTON ON OFF ******************************/		
.slide-on-off {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 85px;
}
.slide-on-off a {
    background: url("../images/on-off-btn.png") no-repeat scroll 0 2px transparent;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
}
.slide-on-off span {
    background: url("../images/on-off-btn.png") no-repeat scroll 0 -25px transparent;
    float: left;
    height: 24px;
    width: 47px;
}
.slide-on-off input {
    left: -9999px;
    position: absolute;
}


/*------------*/
.treeMenu{ list-style:  none; margin: 10px 0; padding: 0; width: 100%; float: left; }
.treeMenu li{ padding: 0;	cursor: pointer; width: 100%; float: left; border-top: 1px solid #ddd; }


	.treeMenu li.active{ border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
	.treeMenu li.active li a{ color: #777 !important; }
	.treeMenu li a{ width: 100%; color: #333; float: left; padding: 8px 25px 12px 10px; } 

	.treeMenu li a.selected{ background: #E67E22; }
	.treeMenu li a.selected, .treeMenu li a.selected:before{ color: #fff; }
	.treeMenu li a.selected::before{ content: "\f0d7" !important;  }
	.treeMenu li a::before{ 
		content: "\f054"; 
		font-family: 'FontAwesome'; 
		margin: 5px 7px 0 0px; 
		float: left; 
		position: absolute; 
		right: 0;
		color: #aaa;
	}

	.treeMenu li .sublink{ 
		border-left: 1px solid #777;
	    float: left;
	    margin: 0 0 10px 4%;
	    padding: 0;
	    width: 96%;
	}
	.treeMenu li .sublink li{ list-style: none; padding: 0; position: relative; border-top: 0;}

	.treeMenu li .sublink li.active{ border-bottom: 0; } 

	.treeMenu li .sublink li a{ width: 100%; color: #777; float: left; padding: 5px 5px 8px 15px; overflow:  }
	.treeMenu li .sublink li a.selected{ background: rgba(230, 126, 34, 0.3); color: #333 !important; }
	.treeMenu li .sublink li a.selected::before{ content: "\f178" !important;  }
	.treeMenu li .sublink li a::before{ content: "\f178"; color: #777; left: 0 !important; font-size: 10px; }

.treeMenu li .sublink li a.accordion-menu.collapsed::before, .treeMenu li a.accordion-menu.collapsed::before{ 
	content: "\f0fe" !important;
	background: #fff;
    color: #2E2E2E;
    float: left;
    font-size: 17px;
    margin: 2px 0 0 -7px;
    width: 15px;
    left: 0;
    border-radius: 10px;
}
.treeMenu li .sublink li a.accordion-menu.expanded::before, .treeMenu li a.accordion-menu.expanded::before{ 
	content: "\f146" !important;
	background: #fff;
    color: #2E2E2E;
    float: left;
    font-size: 17px;
    margin: 2px 0 0 -7px;
    width: 15px;
    left: 0;
    border-radius: 10px;
}

.treeMenu li a .checkbox{
	left: 8px;
    position: absolute;
    top: 7px;
}



.fa-circle{
    color: #97c200;
    float: left;
    font-size: 12px;
    margin: 12px 0 0 5px;
}
.disable .fa-circle{ color: #bbb !important; text-shadow: 0 1px 1px #fff;}

.switch-rit .fa-circle{ float: right; margin: 12px 5px 0 0;}

/*========================================================================================== 
							LIGHTBOX
===========================================================================================*/
.lightbox{
	background: rgba(0, 0, 0, 0.9) ; background: #000 \9;
    border: 1px solid #000;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99;
    padding: 0;
    animation: 300ms ease 0s normal none 1 running zoomOut;
    -webkit-animation: 300ms ease 0s normal none 1 running zoomOut;
}

	.lightbox .lightHead{
		background: #f0f0f0;
		width: 100%;
		float: left;
		position: relative;
		padding: 0;
	}
		.lightbox .lightHead .tabBox{ padding: 0 10px; }
		
		.lightHead h1{
			float: left;
			font-size: 14px;
			padding: 10px;
			width: 100%;
			margin: 0;
			font-weight: bold;
			border-bottom: none !important;
		}
		.lightbox .breadcrumBar{
		    background: #0051AB;
		    color: #fff;
		    float: left;
		    margin: 0;
		    padding: 5px 10px;
		    position: relative;
		    top: 0;
		    box-shadow: none;
		    height: auto;
		    width: 100%;
		}
			.lightbox .breadcrumBar .fa-long-arrow-right{ color: #CCCCCC; }
			.lightbox .breadcrumBar a{ color: #fff; }
			.lightbox .breadcrumBar [class^="col-sm"]{ padding: 0; }

	.lightbox .lightBody{
		background: #fff;
		width: 100%;
		min-height: 50px;
		max-height: 500px;
		float: left;
		position: relative;
		padding: 0 10px;
		overflow: auto;
		border: 1px solid #ddd;  
	}
		.lightbox .lightBody .child-Card{ padding: 10px 0;}
		
		.lightbox .lightBody h1{ 
		    float: left;
		    font-size: 14px;
		    font-weight: 300;
		    width: 100% !important; 
		}

		.lightBody .row{
			margin: 10px 0;
			float: left;
			width: 100%; 
		}
		.lightboxContent { 
			width: 768px;
			position: absolute;
			left: 0;
			right: 0;
			margin: 50px auto; 
		}
			.lightboxContent.xLarge{ width: 1000px;}
			.lightboxContent.large{ width: 850px;}
			.lightboxContent.medium{ width: 650px;}
			.lightboxContent.small{ width: 450px;}

	.lightbox .lightFooter{
		background: #fff ;
	    float: left;
	    width: 100%;
	    padding: 10px;
	}
	.lightFooter [class^="btn"]{ float: right; margin-bottom:0; }

	.lightbox .ico-close{ position: absolute; width: 20px; height: 20px; z-index: 5;}

.lightBody > .bg-form{ margin-top: 10px;}

.lightbox .only-msg{
	width: 100%;
	float: left;
	font-size: 14px;
	padding: 20px;
	text-align: center;
}
	.lightbox .only-msg [class^="btn"]{
		float: none;
		display: inline-block;
		min-width: 75px;
		margin: 0 0 0 5px;
	}


/*--------------------*/
.lightbox.minimized{
	background: none;
	bottom: 45px;
	width: 200px;
	height: auto;
	top: auto;
	left: 5px;
	right: auto;
	margin: 0;
	border: 0px;
	z-index: 9999;
}
	.lightbox.minimized .lightboxContent{ 
		width: 100% !important; 
		margin: 0; 
		box-shadow: 0 0 30px rgba(0, 0, 0, 0.8); 
		border: 2px solid #fff;
	}	
	.lightbox.minimized .lightHead{ background: #FFFFCC;}
	.lightbox.minimized .lightHead h1{ width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

	.lightbox.minimized .lightHead .ico-maximize[data-tooltip]:hover::after,
	.lightbox.minimized .lightHead .ico-close[data-tooltip]:hover::after{ 
		top: -40px !important; 
	}


/*========================================================================================== 
							LOGIN PAGE 
===========================================================================================*/
 .login-page {
    background: #fff;
    bottom: 0;
    box-shadow: 0 30px 30px rgba(0, 0, 0, 0.2);
    color: #000;
    display: block;
    font-size: 12px;
    font-weight: normal;
    height: 400px;
    left: 0;
    margin: auto;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 650px;
}
	.login-page .logout-message {
	    background:  #000;
	    font-size: 20px;
	    left: 0;
	    margin: auto;
	    padding: 10px 10%;
	    position: absolute;
	    right: 0;
	    text-align: center;
	    text-shadow: 0 0 22px #033a7d;
	    text-transform: uppercase;
	    top: -40px;
	    color: #fff;
	    z-index: 1;
	}

	.login-page .login-info { float: left; width: 100%; margin: 50px 0	}
		.login-info h1 { font-size: 14px; font-weight: normal; }	
		.login-info .logo{ width: 70%; height: auto; margin-bottom: 30px !important; }

	.login-page .form { float: right; width: 100%; }

		.login-page .form input{
			background: rgba(0, 0, 0, 0) ;
			border: 1px solid rgba(0, 0, 0, 0.5) ;
		    border-radius: 0 ;
		    color: #000 ;
		    height: 35px ;
		    margin-bottom: 20px;
		    width: 100%;
		    float: left;
		    padding: 0 10px;
		}
		
		.login-page .form label{ width: 100%; float: left; }


.login-page .errorMsg {
	clear: both;
	margin: 10px 0;
	padding: 5px;
	text-align: center;
	background-color: #fff;
    color: red;
}
.login-page .successMsg {
	clear: both;
	margin: 10px 0;
	padding: 5px;
	text-align: center;
	background-color: #fff;
    color: green;
}

.login-btn{ 
	float: right;
	background: #28bcb5;
	border: 0 none;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	font-size: 13px;
	margin: 0 0 10px 20px;
	width: 100%;
	padding: 0.5em 2em;
	text-align: center;
	text-decoration: none;
	font-family: "Roboto",sans-serif;
 }
.login-btn:hover{ background: #28bcb5; color: #fff;}

/*----------------*/
.login-page .left-part{
	background: #4682be url("../images/login-banner.jpg") no-repeat scroll -100px -232px;
    color: #fff;
    float: left;
    height: 100%;
    padding: 20px;
    position: relative;
    width: 50%;
    text-align: center;
}
.login-page .right-part {
    background: #fff;
    float: right;
    height: 100%;
    padding: 70px 40px 40px;
    width: 50%;
}

.login-page .copyright {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    padding: 20px;
}
.login-page .inno-logo {
    height: 15px;
    float: left;
    opacity: 1;
}

.login-cover .main{ overflow: hidden; }
.login-cover .main::after {
    background: rgba(0, 0, 0, 0.1);
    border: 2px solid rgba(0, 0, 0, 0.2);
    box-shadow: 1px 0 5px rgba(0, 0, 0, 0.2) inset;
    content: "";
    display: block;
    height: 3080px;
    left: 0;
    position: absolute;
    transform: rotate(45deg);
    webkit-transform: rotate(45deg);
    width: 2000px;
    z-index: -1;
}

/*========================================================================================== 
							HOME PAGE 
===========================================================================================*/
.whiteCard{
	background: #fff ;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.05) ;
    float: left;
    min-height: 80px;
    width: 100%;
    padding: 0;
    margin-bottom: 2%;
    font-weight: 300;
}
	.whiteCard  h1{ 
	    font-size: 14px;
	    font-weight: 400;
	    position: relative;	    
	    border-bottom: 1px solid #ddd;
	    margin: 0 0 10px 0;
	    float: left;
	    width: 100%;
	    padding: 10px 15px;
	}
		h1 .entries, h1 .toggleBtn{ margin: 0 !important; padding: 0; }
		.whiteCard h1 [class^="btn"],
		.whiteCard h1 .chooseDropdownButton{ margin: 0 0 0 5px;}
		.whiteCard h1 + .tabBox{ padding: 10px 10px 0; }
		.whiteCard h1 label{ margin: 4px 5px 0 0; font-size: 12px; }
		.whiteCard h1 .validate{ margin-bottom: 0;}

.card-footer{
	/* width: auto;
    display: block; */
    position: relative;    
    padding: 10px 15px 10px 15px;
    text-align: right;
    border-top: 1px solid #ddd;
    clear: both;
    margin-top: 10px;
    float: left;    
    width: 100%;
}
.whiteCard .child-Card .card-footer{ margin: 10px -15px 0 -15px; padding-bottom: 0; }
table + .card-footer{ border-top: 0; padding-top: 0;  }

	.card-footer [class^="btn"]{
		float: right;
		display: inline-block;
		margin: 0 0 0 2px; 
	}
	.bg-form .table + .card-footer { margin: 0; padding: 10px 10px 5px 10px; }
		 
	.child-Card{
		background: #fff;
	    float: left;
	    min-height: 80px;
	    width: 100%;
	    padding: 10px 15px;
	    position: relative;
	}
	h1 + .child-Card{ padding-top: 0; }
	h1 + .tabBox + .child-Card{ border-top: 1px solid #ddd;  }

/*-----------*/
.page-panel{
	float: left;
	width: 100%;
	padding: 90px 1% 50px;
}
.page-panel ul, .bg-form ul{ width: 100%; float: left; margin: 0; padding: 0; }

.page-panel ul li, .bg-form ul li{ 
	padding: 5px 5px 5px 35px;	
	cursor: context-menu; 
	background-image:  url("../images/bullet-arrow.png") ;
	background-repeat: no-repeat;
	background-position: 10px 4px;
	list-style: none;
	position: relative;
	width: 100%;
	float: left;
	margin-bottom: 1px;
}

.page-panel ul li.selected, .bg-form ul li.selected,
.page-panel ul li.selected:hover, .bg-form ul li.selected:hover{ background-color: #0051AB; color: #fff; }
.page-panel ul li:hover, .bg-form ul li:hover{ background-color: #F3F7F8;}

.page-panel ul li.selected::before, .bg-form ul li.selected::before{
	content: "\f058";
    font-family: 'FontAwesome';
    position: absolute;
    left: 9px;
    top: 3px;
    color: #fff;
    font-size: 17px;
}

table{ width: 100%; }
	thead{ background: #fff; color: #000; }
	thead tr th{ text-align: left; padding: 5px; border: 1px solid #ddd; white-space: nowrap; }
	
	thead tr td{ text-align: left; padding: 0px; border: 1px solid #e5e5e5; font-weight: normal;  background-color: white;}	
	thead tr td input, 
	thead tr td select, 
	thead tr td .selectDropdown:after { border-width: 0px !important; background: transparent;}
		
	thead tr td select, 
	thead tr td .selectDropdown,
	thead tr td .dropdownList{ width: 100%; }	
	thead tr td .validate i{ border-width: 0px; border-right-width: 1px; background: transparent;}
	thead tr td [class^="btn"], thead tr th [class^="btn"]{ border-radius:0; border: 0; margin: 0; }
	thead tr th.smallChild{ width: 40px; }
	
	thead tr th.checkbox{ padding-bottom: 10px; }
	thead tr th.checkbox, 
	tbody tr td.checkbox{ width: 30px; }
	
	tbody tr:nth-of-type(odd){ background: #f9f9f9; }
	
	thead tr th.checkbox label, 
	tbody tr td.checkbox label{ width: auto !important; top: 5px; display: initial; margin-right: 5px;}	
	tbody tr td{ padding: 5px; border: 1px solid #e5e5e5; }
	tbody tr:hover{ background: #F3F7F8 !important; }
	tbody tr td table tr:hover{ background: none !important; }
	tbody tr.selected{ background: #FFFFCC !important; }
	tbody tr td [class^="btn"]{ margin: 0; }	

	tfoot tr td{ padding: 5px; border: 1px solid #e5e5e5; vertical-align: middle; }

	.sortUp::after{
		content: "\f0d8";
		float: right;
	    font-family: "FontAwesome";
	    font-weight: normal;
    	text-align: center;
    	color: #e67e22;
    	font-size: 18px;
	}
	.sortDown::after{
		background: #fff \9;
		content: "\f0d7";
		float: right;
	    font-family: "FontAwesome";
	    font-weight: normal;
    	text-align: center;
    	color: #e67e22;
    	font-size: 18px; 
	}
	.sortUp, .sortDown{ cursor: pointer;  position: relative;}

.tfootOnTop{ background: #F9F9F9; display: table-header-group; }

/*------- This below style behave "DIV" as a table format ---------*/
.table{ 
	display: table; 
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-bottom: 0px; 
	border-left-color: #e5e5e5;
	border-right-color: #e5e5e5;
	width: 100%;
}
.thead { display: table-header-group; font-weight:400;  background: #fff ; color: #000; }
.tfoot { display: table-footer-group; }
.tbody{ display: table-row-group; }
.tr{ display: table-row; }
.td, .th{ display: table-cell; padding: 5px; }
.tbody .tr:hover{ background: #F3F7F8 !important; }
.tbody .tr.selected{ background: #F2F2F2 !important; }
.tbody .tr:nth-of-type(odd), 
tbody .tr:nth-of-type(odd){ background: #f9f9f9; }

.table + .table{ margin-top: 10px !important; float: left; }

.td{border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; vertical-align: middle; }
.td:first-child{ border-left: 0;  }
.th{
	border-left: 1px solid #ddd; 
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd; 
	vertical-align: middle; 
	white-space: nowrap; 
	font-weight: bold;
}

.sortUp::after{
	content: "\f0d8";
	float: right;
    font-family: "FontAwesome";
    font-weight: normal;
	text-align: center;
	color: #e67e22;
	font-size: 18px;
}
.sortDown::after{
	background: #fff \9;
	content: "\f0d7";
	float: right;
    font-family: "FontAwesome";
    font-weight: normal;
	text-align: center;
	color: #e67e22;
	font-size: 18px; 
}

.sortUp, .sortDown{ cursor: pointer;  position: relative;}

.thead .tr .th.checkbox, 
.tbody .tr .td.checkbox{ width: 40px; }
.thead .tr .th.checkbox label, 
.tbody .tr .td.checkbox label{ 
	width: auto !important;
    top: 2px;
    display: initial;
    margin-right: 5px;
}

 .tbody .tr .td .selectDropdown, .thead .tr .th.action{ width: 100%; }

 .tbody .tr .td .selectDropdown select{ width: 100%; }
 .td .validate{ margin-bottom: 0; } 
 
.legislatureFormTable .tr .td input, 
.tr .td select, 
.tr .td .selectDropdown:after { border-width: 0px !important; background: transparent;}
.tr .td .validate i{ border-width: 0px; border-right-width: 1px; background: transparent;}
.tr .td [class^="btn"]{ border-radius:0; border: 0; }

.legislatureFormTable .td{ padding:0 !important; }
.legislatureFormTable .td .selectDropdown + .validate{ border-left: 1px solid #ddd !important;  }

/*----------------*/
.expanShrink{
	font-size: 20px;
	text-align: center;
}

.updates .details,
.documentsSummary .details,
.tabTables .details{ 
	display: none; 
}

td#filterColumnTd{ background-image:none;}

.tabTables tr select{ height: 25px; width: 100%; }

.entries{
    float: right;
    margin: 0;
    padding: 0px 0 10px 0;
    font-size: 12px;
}

.updates li:hover{ box-shadow: 0 0 10px #ddd; }

.subList{ display: none; }

.updates li a.accordion-menu{  color: #000; font-weight: 400; }

/*-----------*/
.amendmentTableList{
	background: #F5F5F5;
}
	.amendmentTableList thead tr{ background: #bbb; }

/*========================================================================================== 
							SEARCH and REPORTS PAGE 
===========================================================================================*/
.seachTab{
	float: left;
    font-weight: 300;
    height: 41px;
    line-height: 39px;
    margin-bottom: -1px;
    min-width: 120px;
    padding: 0 15px;
    text-align: center;
    background: #fff ;
    border: 1px solid #e5e5e5;
    border-bottom-color: #fff;
    box-shadow: 1px -3px 3px rgba(0, 0, 0, 0.1);
    color: #000;
    margin-right: 10px;
    position: relative;
}
	.seachTab .validate{ width: 200px; margin-top: 10px; margin-bottom: 0; }

/*--------------*/
.searchInput{
	background: rgba(255, 255, 255, 0.7) url("../images/ico-search.png") no-repeat scroll 4px center;
	border: 1px solid #ccc;
    height: 25px;
    padding: 5px 5px 5px 30px;
    width: 100%;
    float: left;
    border-radius: 2px;
    background-size: 17px 13px; 
}
.searchInput:focus{ border-color: #555; background-color: rgba(255, 255, 255, 0.8); }

.goBtn{
	background: #e67e22 ;
    border: 0 none;
    color: #fff;
    float: right;
    font-size: 17px;
    height: 30px;
    line-height: 20px;
    margin: 10px 0 0 2px;
    padding: 5px 6px;
    cursor: pointer;
    text-align: center;
}
	.goBtn:hover{ background: #DE6D14; }

.btn.goBtn{
	font-size: 12px;
	margin: 0 0 10px 10px;
	padding:0 10px 0 10px;
	line-height: 30px;
	float: left;
}

/*========================================================================================== 
						FORM STYLE
==========================================================================================*/
.bg-form{ width: 100%;	float: left; margin: 0 0 10px; position: relative;}
.bg-form:last-child{ margin-bottom: 0; }

	.bg-form h1{  
		/* border: 1px solid #e5e5e5; *//*commented for general cleanup of UI by Arun on 2nd June 2019*/
		float: left; 
		font-size: 14px; 
		font-weight: 400;
		margin-bottom: 10px; 
		padding: 5px 15px; 
		width: 100%; 
		min-height: 35px;
		line-height: 25px;
		color: #000; 
		position: relative; 
	}
	.bg-form h1 [class^="btn"]{
		margin: 0 0 0 5px;
		float: right;
	}
	
	.bg-form fieldset, .fieldset{ 	width: 100%; float: left; margin: 0 0 10px; position: relative;	}
	h1 + fieldset{ margin-top: -11px !important; }
	h1 + .table{ margin-top: -11px; float: left; }

	.bg-form label{ float: left; width: 100%; font-weight: 400; color: #707070; font-size: 12px; }

	.validate{
		width: 100%;
		float: left;
		margin: 0 0 10px;		
		position: relative;	
	}
	.validate input, 
	.validate select, 
	.validate textarea{ margin-bottom: 0 !important; }
	
	.validate .selectDropdown, .validate select{ display: block; width: 100%; }

/*------Start Validation Error Message ---------*/
	.validate .error-msg, 
	.form-error{
		background: #FFEFEF;
	    border: 1px solid #ea5a5a;
	    box-shadow: 0 0 5px #fcc7c7 inset;
	    color: #ea5a5a;
	    cursor: text;
	    font-size: 12px;
	    font-weight: 400;
	    height: 100%;
	    left: 0;
	    padding: 3px 5px 3px 25px;
	    position: absolute;
	    top: 0;
	    width: 100%;
	    text-overflow: ellipsis;
	    white-space: nowrap;  
	}
	.validate .error-msg b, 
	.form-error b{
		text-overflow: ellipsis;
    	white-space: nowrap;
    	overflow: hidden;
    	width: 100%;
    	float: left;
    	margin: 0;
    	font-weight: normal;	
	}	
	.validate .error-msg b:before, 
	.form-error b::before{ 		
		color: #ea5a5a;
	    content: "\f071";
	    font-family: "FontAwesome";
	    left: 0;
	    top: 0;
	    position: absolute;
	    text-align: center;
	    width: 25px;
	    height: 100%;
	    cursor: help;
	    line-height: 25px;  
	}
	.validate .error-msg[data-tooltip]:hover::before,
	.form-error[data-tooltip]:hover::before{
		content: "\f0d8";
	    bottom: -10px;
	    color: #444;
	    font-family: "FontAwesome";
	    font-size: 30px;
	    height: 15px;
	    left: 8px;
	    line-height: 15px;
	    position: absolute;
	    text-align: center;
	    width: 15px;
	    top: 30px;	
	    z-index: 21;
	}

	.table .validate .error-msg[data-tooltip]:hover::before,
	.table .form-error[data-tooltip]:hover::before,
	table .validate .error-msg[data-tooltip]:hover::before,
	table .form-error[data-tooltip]:hover::before,
	.fileBrowse .form-error[data-tooltip]:hover::before{
		content: "\f0d7";
		top: -22px;
	}
	table td .validate{ margin-bottom: 0 !important; }
	.bdr-all > .table{ border: none; }

	.mainFormRead .tr:first-child .validate .error-msg[data-tooltip]:hover::before,
	.mainFormRead .tr:first-child .form-error[data-tooltip]:hover::before{
		top: 30px !important;
		content: "\f0d8" !important;
	}

	.validate .error-msg[data-tooltip]:hover::after,
	.form-error[data-tooltip]:hover::after{
	    max-width: 100%;
	    min-width: 200px;
	    overflow: hidden;
	    white-space: normal;
	    width: auto;
	    padding:  10px;
	    line-height: 18px;
	}

	.table .validate .error-msg[data-tooltip]:hover::after,
	.table .form-error[data-tooltip]:hover::after,
	table .validate .error-msg[data-tooltip]:hover::after,
	table .form-error[data-tooltip]:hover::after,
	.fileBrowse .form-error[data-tooltip]:hover::after{
		bottom: 40px;
    	top: auto;
	}

	.mainFormRead .tr:first-child  .validate .error-msg[data-tooltip]:hover::after,
	.mainFormRead .tr:first-child  .form-error[data-tooltip]:hover::after{
		top: 40px !important;
		bottom: auto !important; 
	}

	.error-msg.alignTop[data-tooltip]:hover::before,
	.form-error.align-top[data-tooltip]:hover::before{
		content: "\f0d7";
		top: -17px;
	 }
	 .error-msg.alignTop[data-tooltip]:hover::after,
	 .form-error.alignTop[data-tooltip]:hover::after{
	 	bottom: 40px;
    	top: auto;
	 }



.alert-msg{
	background: #ffefef ;
    color: #ea5a5a;
    float: left;
    font-size: 12px;
    font-weight: 400;
    padding: 5px 5px 5px 35px;
    position: relative;
    width: 100%;  
}
.alert-msg::before{ 		
	color: #ea5a5a;
    content: "\f071";
    font-family: "FontAwesome";
    left: 3px;
    top: 0;
    position: absolute;
    text-align: center;
    width: 30px;
    height: 100%;
    cursor: help;
    line-height: 30px;  
}

/*------End Validation Error Message ---------*/

.bg-form [class^="bg-col"]{ float: left; padding: 0 10px; position: relative; }

	[class^="bg-col-1"]{ width: 100%; }
	[class^="bg-col-2"]{ width: 50%; }
	[class^="bg-col-3"]{ width: 33.3333333%; }
	[class^="bg-col-4"]{ width: 25%; }
	[class^="bg-col-5"]{ width: 20%; }
	[class^="bg-col-6"]{ width: 16.6666667%; }
	[class^="bg-col-7"]{ width: 14.2857143%; }
	[class^="bg-col-8"]{ width: 12.5%; }
	[class^="bg-col-9"]{ width: 11.1111111%; }
	[class^="bg-col-10"]{ width: 10%; }
	[class^="bg-col-11"]{ width: 9.09090909%; }
	[class^="bg-col-12"]{ width: 8.33333333%; }
	[class^="bg-col"].colspan-2{ width: 66.6666667% !important; }
	[class^="bg-col"].colspan-3{ width: 75% !important; }
	[class^="bg-col"].colspan-4{ width: 30% !important; }

.bg-form [class^="bg-col"] .selectDropdown, 
.bg-form [class^="bg-col"] select{ width: 100%; }

.txtareaHeightAuto{
	height: 30px;
	resize: vertical;
	min-height: 30px;
	max-height: 100px !important;
}

/*-----------*/
.moveBtn{
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    float: left;
    margin: 160px 0 0;
    padding: 10px;
    width: 20%;
}

.showForAlertTab{
	display: none;
}

/*-------------Upload file box ----------*/
.uploadFileBox{
	float: left;
    padding: 50px 0 30px;
    width: 100%;
}

.fileBrowse {
    color: #fff;
    cursor: auto;
    float: left;
    height: 30px;
    margin: 0 0 10px;
    position: relative;
    width: 100%;
}
	.fileBrowse .inputPath { float: left;  height: 25px; width: 70%; border: 1px solid #c8c8c8; }
	.fileBrowse .inputPath:focus{ background: rgba(255, 255, 255, 0.9) ;  border-color: #555;}
	.fileBrowse a{ float: right; margin: 0; width: 28%;} 
	
	.fileBrowse .btnBrowse{
		background: #31b0d5;
	    float: left;
	    height: 100%;
	    position: relative;
	    text-align: center;
	    width: 100px;	    
	}
	.fileBrowse input.inputFile {
	    position: absolute;
	    top: 0;
	    right: 0;
	    margin: 0;
	    padding: 0;
	    opacity: 0;
	    filter: alpha(opacity=0);
	    width: 28%;
	    height: 100%;
	}

/*------------------*/
.anlagenFormTable .checkbox input[disabled],
.anlagenFormTable .checkbox label[disabled],
.anlagenFormTable input[disabled],
.anlagenFormTable textarea[disabled],
.anlagenFormTable select[disabled],
.anlagenFormTable button[disabled],
.anlagenFormTable .selectDropdown[disabled]::after
{
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important; 
	content: "" !important;
	cursor: not-allowed;
	color: #333;
}


.grafikenFormTable .checkbox input[disabled],
.grafikenFormTable .checkbox label[disabled],
.grafikenFormTable input[disabled],
.grafikenFormTable textarea[disabled],
.grafikenFormTable select[disabled],
.grafikenFormTable button[disabled],
.grafikenFormTable .selectDropdown[disabled]::after
{
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important; 
	content: "" !important;
	cursor: not-allowed;
	color: #333;
}

.addRowTable .checkbox input[disabled],
.addRowTable .checkbox label[disabled],
.addRowTable input[disabled],
.addRowTable textarea[disabled],
.addRowTable select[disabled],
.addRowTable button[disabled],
.addRowTable .selectDropdown[disabled]::after
{
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important; 
	content: "" !important;
	cursor: not-allowed;
	color: #333;
}

i[data-tooltip]{ position: relative; }

#flags, .flags{ left: 8px;  position: absolute; top: 6px;}

.disabled{ pointer-events: none !important; }

#xml-vers p{
	background-image: url("../images/bullet-arrow.png");
    background-position: 10px 7px;
    background-repeat: no-repeat;
	cursor: context-menu;
	position: relative;
	list-style: none;
	padding: 5px 5px 5px 35px;
}
	#xml-vers p:hover{ box-shadow: 0 0 5px #e67e22 inset; }

	#xml-vers p.selected{ background: #E67E22; color: #fff;	} 

	#xml-vers p.selected::before{
		content: "\f058";
		font-family: 'FontAwesome'; 
		position: absolute;
		left: 7px;
		top: 3px;
		color: #fff;
		font-size: 22px;
	}

.auberPosition{
 position: absolute !important;
 top: -45px;
 right : 0px;
 z-index: 2;
}
.auberPosition label{ margin: 5px 0 0 0; padding-left: 27px; }

.target-collapse-panel .auberPosition{ right: 30px; }

.bg-form .typePosition{
 position: absolute !important;
 top: -103px;
 right : 0px;
 z-index: 2;
}
.typePosition label{ width: auto; float: left; margin:0; padding: 7px 10px 0 0; }

.btn.fa-level-down{ position: absolute; right: 0; }

.checkBoxPositionTopRight{
	position: absolute;
    right: 0;
    top: -43px;
    z-index: 2;
} 

/*========================================================================================== 
							CHANGE PASSWORD PAGE 
===========================================================================================*/
.changePasswordBox{
	width: 500px;
	margin: auto;
}

.changePasswordBox .userPhotoBox, .userAccountBox .dropdown-window .userPhotoBox{
	width: 150px;
	float: left;
	position: relative;
}
	.changePasswordBox .usrPhoto, .userAccountBox .dropdown-window .usrPhoto{
		background: #fff;
		border: 1px solid #c8c8c8 !important;
	    float: left;
	    height: 150px;
	    overflow: hidden;
	    padding: 10px;
	    text-align: center;
	    width: 100%;
	    border-radius: 100%;
	}
.changePasswordBox .passwordBox{
	width: 330px;
	float: right;
}


.validate i{
	background: #F8F8F8;
    border: 1px solid #c8c8c8;
    cursor: context-menu;
    height: 100%;
    line-height: 25px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 30px;
    color: #000;
    cursor: pointer;
    border-radius: 0 2px 2px 0;
}
.validate i:nth-child(2n+1){right: 29px;}
.validate i:nth-child(3n+1){right: 58px;}


.validate i:hover{ background: rgba(0,0,0,.1);}
.validate i:active{  box-shadow: 0 0 5px #999 inset; }

.validate i[data-tooltip]:hover::after{ top: -40px; left: auto !important; right: 0;  }


/*==============Ripple Button Effect style ===============*/
button, [class^="btn"], .navBox li a{  overflow:hidden;  position: relative;}
button, [class^="btn"]{  white-space: nowrap;}

.ripple-effect{
  position: absolute;
  border-radius: 100%;
  width: 50px;
  height: 50px;
  background: white;                
  animation: ripple-animation 2s;
  -webkit-animation: ripple-animation 2s; 
}

/*============== Ripple Animation Effect (for buttons) ============ */
@keyframes ripple-animation {
    0% {
      transform: scale(1);
      opacity: 0.4;
    }
    100% {
      transform: scale(30);
      opacity: 0;
    }
}
@-webkit-keyframes ripple-animation {
    0% {
      -webkit-transform: scale(1);
      opacity: 0.4;
    }
    100% {
      -webkit-transform: scale(30);
      opacity: 0;
    }
}


/*============== Zoom Animation Effect ============ */
@keyframes zoomOut {
	100% {
	    opacity: 1;
	    transform: scale(1);
	    -webkit-transform: scale(1);
	}
	0% {
	    opacity: 0;
	    transform: scale(1.2);
	    -webkit-transform: scale(1.2);
	}
}
@-webkit-keyframes zoomOut {
	100% {
	    opacity: 1;
	    -webkit-transform: scale(1);
	}
	0% {
	    opacity: 0;
	    -webkit-transform: scale(1.2);
	}
}

@keyframes zoomIn {
	100% {
	    opacity: 1;
	    transform: scale(1);
	    -webkit-transform: scale(1);
	}
	0% {
	    opacity: 0;
	    transform: scale(.8);
	    -webkit-transform: scale(.8);
	}
}
@-webkit-keyframes zoomIn {
	100% {
	    opacity: 1;
	    -webkit-transform: scale(1);
	}
	0% {
	    opacity: 0;
	    -webkit-transform: scale(.8);
	}
}


@keyframes upDown {
	100% {
	    top: -16px;
	}
	0% {
	    top: -20px;
	}
}
@-webkit-keyframes upDown {
	100% {
	    top: -16px;
	}
	0% {
	    top: -20px;
	}
}



/*========================================================================================== 
							Multi Nested Menu List
===========================================================================================*/
.MultiNestedLists{
    width: 100%;
    padding: 0 30px;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #333;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 1.42857;
}

.MultiNestedLists ul { padding: 0em; }

.MultiNestedLists ul li, .MultiNestedLists ul li ul li {
    position:relative;
    top:0;
    bottom:0;
    padding-bottom: 10px;
}

.MultiNestedLists ul li ul { margin-left: 4em; }

.MultiNestedLists li { list-style-type: none; }

.MultiNestedLists li a { 
    padding:0 0 0 10px;
    position: relative;
    top:1em;
    color: #000;
}

.MultiNestedLists li a:hover { text-decoration: none; }

.MultiNestedLists li a.disabled, .MultiNestedLists li a.disabled:hover{ pointer-events: none; color: #ddd !important; }


.MultiNestedLists a.addBorderBefore:before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 28px;
    position: absolute;
    left: -50px;
    top:-16px;
    border-left: 1px solid gray;
}

.MultiNestedLists li:before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 0;
    position: relative;
    left: 0em;
    top:1em;
    border-top: 1px solid gray;
}

.MultiNestedLists ul li ul li:last-child:after, .MultiNestedLists ul li:last-child:after {
    content: '';
    display: block;
    width: 1em;
    height: 1em;
    position: relative;
    background: #fff;
    top: 9px;
    left: -1px;
}

.MultiNestedLists input[type="checkbox"]{ margin-right: 7px;}

.MultiNestedLists ul li a label{ 
	/*overflow: hidden;*/
    position: absolute;
    text-indent: 0;
    text-overflow: ellipsis;
    top: -1px;
    white-space: nowrap;
    width: 600px; 
}
.MultiNestedLists li ul li a label{ width: 500px; }

/*-------------------------------------*/
.collapse-expand-Bar{
	border-top: 1px solid #1a61af;
    float: left;
    margin: 20px 0 10px -10px;
    position: relative;
    width: 101.6%;
    color: #1a61af;
	display:none;
}
	.collapse-expand-Bar i { 
		background: #fff ;
	    border: 2px solid #1a61af;
	    border-radius: 100%;	    
	    cursor: pointer;
	    font-size: 12px;
	    height: 30px;
	    left: 0;
	    line-height: 25px;
	    margin: auto;
	    position: absolute;
	    right: 0;
	    text-align: center;
	    top: -15px;
	    width: 30px;
	    -webkit-transition: all 1s ease 0s;
	    transition: all 1s ease 0s;
	 }

	 .collapse-expand-Bar span{ 	 	
	    left: 0;
	    margin: auto;
	    position: absolute;
	    right: 0;
	    text-align: center;
	    top: 25px;
	    width: 100%;  
	}

	.collapse-expand-Bar i:hover{ background: #1a61af; color: #fff; }

	.collapse-expand-Bar i[data-tooltip]:hover::after { left: -65px; top: 40px;}

/*----------------*/
.collapse-expand-icon, 
.target-collapse-icon{ 
	border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-left: 1px solid #ccc \9;
    color: rgba(0, 0, 0, 0.8);
    cursor: pointer;
    float: right;
    font-size: 12px;
    height: 100%;
    line-height: 40px;
    margin: auto;
    position: absolute !important;
    right: 0;
    text-align: center;
    top: 0;
    width: 30px;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
 }
 .collapse-expand-icon[data-tooltip]:hover::after, 
 .target-collapse-icon[data-tooltip]:hover::after{ left: auto; right: 0; top: -40px;}
 .collapse-expand-icon.fa-caret-down:before,
 .target-collapse-icon.fa-caret-down:before { content: "\f0d7" !important; }
 .collapse-expand-icon:hover,
 .target-collapse-icon:hover{ background: rgba(0,0,0,0.1); }
 
 .collapse-expand-icon + [class^="btn"], .target-collapse-icon + [class^="btn"]{ margin-right: 20px !important; }

/** ================ Nano scrollar bar style ========== **/
.nanoScrollerBar {
  position : relative;
  width    : 100%;
  height   : 100%;
  overflow : hidden;
}
.nanoScrollerBar > .nano-content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nanoScrollerBar > .nano-content:focus {
  outline: thin dotted;
}
.nanoScrollerBar > .nano-content::-webkit-scrollbar {
  display: none;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  display: block;
}
.nanoScrollerBar > .nano-pane {
  background : rgba(0,0,0,.25);
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
  display: block;
}
.nanoScrollerBar > .nano-pane > .nano-slider {
  background: #444;
  background: rgba(0,0,0,.5);
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nanoScrollerBar:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}

/*---------------*/
fieldset .toggleBtn [data-tooltip]:hover::after{ left: auto !important; right: 0; }
.bg-black label, .bg-black-lit label{ color:  #fff;}

i.clearVal{
	right: -10px;
	top: 0;
	color: #ccc;
	background: none !important;
	border: 0 !important;
    font-size: 17px;
    opacity: 0;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
i.clearVal:hover{ color: #555; }

.mainFormRead{ border-top-color: #e5e5e5; }
.mainFormRead .td:first-child,
.mainFormRead .td:nth-child(3),
.mainFormRead .td:nth-child(5){ background: #F2F9FF; width: 250px;  color: #000; font-weight: bold; }
/* .mainFormRead .tr:hover .td:first-child{  border-left: 5px solid #e88b38;  } */
.mainFormRead .td:last-child{ font-weight: 400; }

.mainFormRead .td input:hover,
.mainFormRead .td textarea:hover{ border-color:#ccc;  }

.mainFormRead .td input,
.mainFormRead .td textarea{ border-color:#fff; box-shadow: none; }

.mainFormRead .td input:focus,
.mainFormRead .td textarea:focus{ border-color:#555;  }


/*-------------*/
select[multiple="multiple"]{ height: 373px; }

.yesStatus{ 
    color: #03ad8f;
    display: inline-block;
    font-weight: 400;
    width: 40px;
}
.noStatus{ 
    color: #ea5a5a;
    display: inline-block;
    font-weight: 400;
    width: 40px;
}

/*-----------------------*/
.usrList.selectableList li{ border-bottom: 1px solid #eee; padding-left: 45px !important; }
.usrList li .usrPhoto{
	width: 30px;
	height: 30px;
	float: left;
	margin-left: -40px;
	border-radius: 100%;
	border: 1px solid #c7c7c7;
}
.usrList li.selected::before{ 
	left: auto !important;
    right: 10px;
    top: 9px !important; 
}
.usrList li.selected{ padding-right: 35px;}

ul.selectableList li{ padding-left: 35px !important;  }

ul.selectableListNote li{ padding-left: 35px !important;  }


.table .td a[data-tooltip]:hover::after,
table td a[data-tooltip]:hover::after,
.table .td i[data-tooltip]:hover::after,
table td i[data-tooltip]:hover::after{ top: -40px !important; left: auto; right: 0; }

.table .td:first-child a[data-tooltip]:hover::after,
table td:first-child a[data-tooltip]:hover::after,
.table .td:first-child i[data-tooltip]:hover::after,
table td:first-child i[data-tooltip]:hover::after{ top: -30px !important; left: 0; right: auto; }

table tr:last-child td:first-child span[data-tooltip]:hover::after{ top: -40px; }	

.sucessMsg p{ font-size: 14px; margin:0 0 10px 0; }
.sucessMsg .align-center{ display: flex; margin: 30px auto 10px auto; width: 250px; }
.sucessMsg .align-center .btn,
.sucessMsg .align-center .btn-secondary{ 
	font-size: 20px; 
	height: auto; 
	line-height: 40px; 
	padding-left: 30px; 
	padding-right: 30px; 
}


/*=============== Filer manager "Add file" ==============*/
.filemanager{
    width: 100%;
    position: relative;
    float: left;
    margin: 20px 0;
}
	.filemanager .data{
		margin: 0;
		animation: 700ms ease 0s normal none 1 running zoomOut;
		-webkit-animation: 700ms ease 0s normal none 1 running zoomOut;
	}	

	.filemanager .data li {
	    cursor: pointer;
	    float: left;
	    list-style-type: none;
	    margin: 0;
	    overflow: hidden;
	    padding: 10px;
	    position: relative;
	    width: 33.3333333%;	    
	    height: 120px;
	    z-index: 1;
	}
	.filemanager .data li a {
		border-radius: 3px;
		background-color: #fff;
		border: 1px solid #E9E9E9;
	    height: 100%;
	    position: relative;
	    width: 100%;
	    float: left;
	    transition: background-color 0.3s ease 0s;
	    padding: 10px;
	}

	.filemanager .data li.selected a{
		background: #E9E9E9;
    	border-color: #555;
	}
	.filemanager .data li.selected a::before{
		content: "\f058";
		font-family: 'FontAwesome'; 
		position: absolute;
		top: 10px;
		right: 10px;
		color: #555555;
		font-size: 22px;
	}

	.filemanager .data li a:hover { background-color: #F9F9F9; }
	.filemanager .data li.selected a:hover { background-color:#E9E9E9; }

	.filemanager .data li .fa-folder,
	.filemanager .data li .fa-file{
		color: #f0da83;
	    float: left;
	    font-size: 55px;
	    height: 100%;
	    padding: 0;
	    text-align: center;
	    text-shadow: 0 -2px 0 rgba(0, 0, 0, 0.3);
	    width: 70px;
	    position: relative;
	}
	.filemanager .data li .fa-file{ color: #ccc; text-shadow: none; }
				 .data li .fa-file.f-zip{ color: #CB7B0F; }
				 .data li .fa-file.f-jpg{ color: #7E70EE; }
				 .data li .fa-file.f-html{ color: #A94BB7; }
				 .data li .fa-file.f-xml{ color: #5BAB6E; }
				 .data li .fa-file.f-pdf{ color: #E15955; }
				 .data li .fa-file.f-doc{ color: #03689B; }

	.filemanager .data li .fa-folder b,
	.filemanager .data li .fa-file b{
		position: absolute;
		text-align: center;
		width: 100%;
		height: 15px;
		overflow: hidden;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		font-size: 12px;
		color: #fff;
		font-family: arial;
	}
	.filemanager .data li .name {
	    color: #555;
	    display: inline-block;
	    font-weight: 400;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    width: 130px;
	    float: left;
	    margin-top: 12px;
	}

	.filemanager .data li .details {
	    color: #98a4ad;
	    display: inline-block;
	    font-size: 12px;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    width: 130px;
	    float: left;
	}

	.filemanager .data li .date {
	    background: rgba(153,153,153,.1);
	    bottom: 0;
	    color: #98a4ad;
	    float: left;
	    font-size: 12px;
	    padding: 5px 10px;
	    position: absolute;
	    right: 0;
	    text-align: right;
	    text-shadow: 0 1px 0 #fff;
	    width: 100%
	}


/*------------Filemanager in List view -------------------*/
.filemanager .data.listViewData li{	width: 100%; height: 65px; padding: 3px; }

.filemanager .data.listViewData li .name,
.filemanager .data.listViewData li .details{ width: 80%; margin-top: 0; }

.filemanager .data.listViewData li .fa-folder, 
.filemanager .data.listViewData li .fa-file{
	font-size: 39px;
    margin-right: 15px;
    text-align: left;
    width: 33px
}

.filemanager .data.listViewData li .date{  width: 130px; border-radius: 50px 0 0; }

.filemanager .data.listViewDatali .fa-folder b, 
.filemanager .data.listViewData li .fa-file b{ font-size: 11px; line-height: 20px;}

.filemanager .data.listViewData li.selected a::before{ top: 5px; right: 5px; }


/*=============== Overview Tiles ==============*/

.widget{
	width: 101.4%;
	margin-left: -10px;
	margin-bottom: 10px;
	float: left;
}
.overview{
	background: #98a6ad;
    border-radius: 3px;
    color: #fff;
    float: left;
    height: 100px;
    margin-bottom: 15px;
    overflow: hidden;
    padding: 15px 80px 30px 15px;
    position: relative;
    width: 100%;
}
	.overview.tile1{ background: #03AD8F; }
	.overview.tile2{ background: #E67E22; }
	.overview.tile3{ background: #EA5A5A; }
	.overview.tile4{ background: #607D8B; }
	.overview.tile5{ background: #24B7E5; }
	.overview.tile6{ background: #F9CD48; }
	.overview.tile7{ background: #F76397; }
	.overview.tile8{ background: #7266BA; }
	.overview.tile9{ background: #2F80E7; }

.overview .T-icon{
	color: #fff;
    font-size: 45px;
    height: 100%;
    opacity: 0.4;
    padding: 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
}
.overview label {
    background: rgba(0, 0, 0, 0.2);
    bottom: 0;
    color: rgba(255, 255, 255, 0.7);
    left: 0;
    line-height: 1.1;
    margin: 0;
    overflow: hidden;
    padding: 5px 15px;
    position: absolute;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}
.overview .name{
	float: left;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    width: 100%;
}

.overview .ico-cancel{
	top: auto;
	bottom: 5px;
	opacity: 0;
}
.overview:hover .ico-cancel{ opacity: 1;}

/*-------start autocomplete style-----------*/
.autocomplete{
	background: #fff;
	top: 30px; 
	left: 0px;
	min-width: 200px;
	max-width: 100%;
	max-height: 250px;	 
    border: 1px solid #d1d1d1;
    box-shadow: 0 2px 3px #ccc;
    display: none;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    position: absolute;
    z-index: 99;  
	word-break: break-all;
}
.autocomplete li{
    float: left;
    list-style: outside none none;
    padding: 5px;
    position: relative;
    width: 100%;
    cursor: context-menu;
}
.autocomplete li.selected { background: #E67E22; color: #fff; }
/*-------end autocomplete style-----------*/

.underConstruction{
	width: 550px;
	margin: 50px auto;
	text-align: center;
	position: relative;
	padding-top: 340px;
	color: #ccc;
	text-shadow: 2px 0px 0 rgba(0, 0, 0, 0.6);
	background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 55%); 
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 55%);
}
	.underConstruction .ring1{
		font-size: 200px;
		position: absolute;
		left: 120px;
		top: 80px;
		-moz-animation:spin 5s infinite linear;
		-webkit-animation:spin 5s infinite linear;
		z-index: 1;
	}
	.underConstruction .ring2{
		font-size: 120px;
		position: absolute;
		left: 260px;
		top: 43px;
		-moz-animation:spinoff 5s infinite linear;
		-webkit-animation:spinoff 5s infinite linear;
	}
	.underConstruction .ring3{
		font-size: 120px;
		position: absolute;
		left: 260px;
		top: 190px;
		-moz-animation:spinoff 5s infinite linear;
		-webkit-animation:spinoff 5s infinite linear;
	}

.comingsoon{font-size: 30px; color: #555; text-shadow: 0px 2px 0 rgba(255, 255, 255, 0.8); }

/*------------*/
.noDataAvailable{
	background: #F7F7F7;
	width: 100%;
	padding: 10px;
	text-align: center;
	margin: 10px 0;
	font-size: 14px;
	font-weight: bold;
	float: left;: 
}
.nodataavailable i { margin-right: 5px; background-position: center;}
.nodataavailable { 
	font-weight: bold;
    font-size: 14px;
    padding: 10px;
    margin-top: 0;
    background: #F7F7F7;
    width: 100%;
    float: left;
    text-align: center;
}

input:disabled::-webkit-input-placeholder { opacity: 0;}
input:disabled:placeholder { opacity:    0; }

.input-clone{
	background: rgba(255, 255, 255, 0.7);
    border: 1px solid #c8c8c8;
    float: left;
    min-height: 25px;
    height: auto;
    margin-bottom: 20px;
    padding: 4px 2%;
    width: 100%;
}

.tabBox a[data-tooltip-alert]{ border: 1px solid #ea5a5a; }

[data-tooltip-alert]::after {
    background: #444 none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 0 0 10px #ccc;
    color: #fff;
    content: attr(data-tooltip-alert);
    font-family: "Roboto",sans-serif;
    font-size: 12px;
    left: 0;
    line-height: 20px;
    padding: 5px 10px;
    position: absolute;
    bottom: 50px;
    white-space:  normal;
    z-index: 20;
    width: 100%;
    box-sizing: border-box;
}

[data-tooltip-alert]::before{
	content: "\f0d7";
    bottom: -10px;
    color: #444;
    font-family: "FontAwesome";
    font-size: 30px;
    height: 15px;
    left: 8px;
    line-height: 15px;
    position: absolute;
    text-align: center;
    width: 15px;
    top: -16px;	
    z-index: 21;
	animation: 300ms ease 0s alternate infinite upDown;
    -webkit-animation: 300ms ease 0s alternate infinite upDown;
}

/*---------------*/
.partition{
	width: 100%;
	float: left;
	height: 10px;
	background: #E5E5E5;
	margin-bottom: 10px;
}
.selectDropdown.action-small, .th.action-small{ width: 160px !important; }

/*==== Particular Table column fixed width ====*/

.veryLong{ width: 400px; float: left;}
.long{ width: 300px; float: left;} 
.medium{ width: 250px; float: left;}
.small{ width: 212px; float: left;}
.verySmall{ width: 150px; float: left;}
.short{ width: 100px; float: left;}
.veryShort{ width: 50px; float: left;}

.head-veryShort{ width: 40px; max-width: 40px !important; float: left; }
.head-short{ width: 60px; float: left; }
.head-small{ width: 100px; float: left;}
.head-verySmall{ width: 80px; float: left;}
.head-medium{ width: 150px; float: left;}
.head-long{ width: 200px; float: left;}
.head-veryLong{ width: 250px; float: left;}
.head-large{ width: 300px; float: left;}
.head-Xlarge{ width: 450px; float: left;}

.head-bg{ background-color: #0051AB; color: #fff;}

/*----------------*/
.category{
    float: left;
}
.category:before {
	content: "\f101";
	bottom: 0;
	font-family: "FontAwesome";
	font-size: 26px;
	margin: auto;
	position: absolute;
	right: -22px;
	top: 0;
}
.category:last-child:before{ content: "";}

.inProgress{
     cursor: context-menu;
    float: left;
    font-size: 15px;
    height: 20px;
    margin: 0 5px 0 0;
    position: absolute;
    text-align: center;
    width: 15px;
    left: 7px;
}

.success{
	color:green;
}
.fail{
	color:#bf0c0c;
}
 /* for removing extra data table footer */
.dataTables_scrollFoot,.DTFC_LeftFootWrapper{
	visibility:hidden;
}

.dataTables_scrollBody td:first-child,
.dataTables_scrollHeadInner td:first-child,
tbody tr td .selectDropdown
{ width: 120px !important; overflow: hidden; }

.dataTables_scrollBody{ height: 60vh; width: 100%; overflow: auto; margin-bottom: 10px; border-bottom:0px !important;}

.filter-head{ width:120px; float:left;}

td button{background: transparent; border: none; }


/*---------hover tooltip----------*/
i.fail{ position: relative;}
i.fail .data-tooltip{ display: none; }
i.fail:hover .data-tooltip{
	background-color: #333;
	position: absolute;
	top: 30px;
	right: 0;
	z-index: 99;
	color: #fff;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	text-align: left;
	padding: 5px;
	white-space: nowrap;
}

table + .dataTables_info, 
table + .dataTables_info + .dataTables_paginate{ margin-top: 10px; }

/*--------------*/
.tabsInOutdoor{ padding-top: 120px; }
.tabsInOutdoor .tabBox{ margin: -30px 0 0 0; }

.fallback{ 
	border: 1px solid #ddd;
    background: #F3F7F8;
    padding: 10px;
     }


/*----------New Columns---------------------------*/
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-sm-1 { width: 8.33333333%;}
.col-sm-2 { width: 16.66666667%;}
.col-sm-3 { width: 25%;}
.col-sm-4 { width: 33.33333333%;}
.col-sm-5 { width: 41.66666667%;}
.col-sm-6 { width: 50%;}
.col-sm-7 { width: 58.33333333%;}
.col-sm-8 { width: 66.66666667%;}
.col-sm-9 { width: 75%;}
.col-sm-10 { width: 83.33333333%;}
.col-sm-11 { width: 91.66666667%; }
.col-sm-12 { width: 100%;}

[class^="col-sm"] .row{ 
	margin-right: -10px; 
	margin-left: -10px; 
	float: none; 
	width: auto;
	clear: both;
} 

#cases-form > h1, #cases-container > h1{
	margin: -10px -15px 10px -15px;
    float: none;
    display: block;
    width: auto;
}
#cases-form > h1 [class^="btn"]{ float: none; }


/*------------------------------*/
td .more-less.collapsed {
    height: 34px;
}
td .more-less {
    overflow: hidden;
    position: relative;
    width: 100%;
    float: left;
    margin-bottom: 0;
    word-break: break-word;
    min-height: 34px;
}
td .more, td .less {
    background: #fff;
    color: #000;
    border-radius: 4px;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 14px;
    padding: 0px 6px;
    text-decoration: none;
    margin-right: 0;
}

.more[data-tooltip]:hover::after,
.less[data-tooltip]:hover::after{
	top: -15px !important;
    right: 23px;
    left: auto;
}

font{ color: #0051AB; font-weight: bold; }

.form-highlight{
	background-color: #F7F7F7;
	border: 1px solid #e5e5e5;
	padding-top: 10px;
}
.bg-form .bdr-all h1:first-of-type{ border: none; border-bottom: 1px solid #ddd;}

.popup-container{
  overflow: hidden;
  height: 230px;
}

.inner-container {
  overflow: hidden;
  height: 460px;
}

.item-carousel {
  float: left;
  background-color: blue;
  width: 100%;
  height: 230px;
}
.fix-height{
	height:65%;
}

.bg-key-yellow{
	background : #efe92794;
}

/*added for fix WGPS-2457*/
.ht-60{
	height : 60px !important;
}
/*  added for fix WGPS-2453 by Avadh */
.th-10{text-align: left;width: 10%;}
.th-90{text-align: left;width: 90%;}
.m-14{margin-left: 14px;}

.m-46{margin: 0px 0px 0px -46px;}
.scrl-abs{position: absolute;left: 0;}
.wid-12{width: 12% !important;}

.a-disabled{
	cursor: not-allowed;opacity: 0.4;z-index: 1;
}
.btn-float-right{
	float:right;
}
.label-black{
	color : black !important;
}
.vrt-align-top{
vertical-align : top !important;
width:10%;
}
.vrt-align-top-70{
vertical-align : top !important;
width:70%;
}
.m-40{
margin-left: 40px;
}
.delete-prop{
	color : red;
}
.align-center{
	text-align: center;
}
.mrgn-7{
	margin: 0px 0px -7px 0px !important;
}