/* CSS Document */
/*author : AYAN -8387761 */
@import url('https://fonts.googleapis.com/css?family=Roboto');

html, body {
    max-width: 100%;
    font-family:'Roboto',sans-serif;;
	/*overflow-x:hidden;*/

	padding:0px;
	margin:0px;
}
html{
	overflow-x:hidden;
	}
.ie7login{display:none}
.container{
	display:table;width:100%;
}
.row{
	display:table-row;
}
.col{ 
display:table-cell;

}
.headerleft{
	width:180px;
	background: white;
	display:table-cell;
	vertical-align:top;
}

.headericon{
	vertical-align:top;
    margin-top:33px;
	margin-left: 33px;
	margin-right: 35px;
	width:110px;

}


.headerright{
	width:calc(100% - 180px); 
	display:table-cell;
	margin:0px;
	padding:0px;
	vertical-align:top;
}

.headerrighttop{
	width:100%;
	height:55px!important;
	background: #280071;
	overflow:hidden;
}

.bannerimg{width:100%;height:520px}


.loginbtn{
	background-color: #FDD209;
    border: none;
    color: #280071;
    height: 35px;
	min-width: 100px;
    border-radius: 2px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
	outline: none;
}

.loginbtn:hover{
    background-color: #280071;
	color:white;
	font-weight: 500;	
}


input[type=submit]{
	background-color: #FDD209;
    border: none;
    color: #280071;
    height: 35px;
	min-width: 100px;
    border-radius: 2px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
	outline: none;
}

input[type=submit]:hover{
    background-color: #280071!important;
	color:white;
	font-weight: 500;	
}

input[type=text],input[type=password] {
    width: 100%;
    margin-top: 2px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    border: none;
    height:35px;
    font-size:14px;
   
    color:black;
    background: #F3F7FA;
    border-bottom: 1px solid #00a9e0;

}
input[type=password]:focus {
   outline: none;
   border-bottom: 2px solid #00a9e0;
   box-shadow: none;
}
input[type=text]:focus {
   outline: none;
   border-bottom: 2px solid #00a9e0;
   box-shadow: none;
}
input[type=checkbox]{
vertical-align:bottom;
height:12px;
}

input[type=checkbox]:focus {
   outline: none;
   border-bottom: none;
   box-shadow: none;
}

table.tab1{width:100%;background: white;padding:0px;margin:0px;border-collapse:collapse;}
.tdleft{width:60%;vertical-align: middle;padding: 0px;margin: 0px;}
.tdright{width:40%;vertical-align: top;padding: 0px;margin: 0px;text-align:left;padding-top:10px;}
table.tab2{width:410px;margin:auto;border-collapse:collapse;text-align:left;margin-top:15px;}

table.tab2 td{padding:8px;color:black;font-size:16px;font-weight:500}
.headerbottom{
	width:100%;
	height:55px;
	background:white;
	text-align: center;
	margin-top:-23px;
	
}

.logoutbttn{
   
    background-color: #FDD209;
    background-image: url("logout.png");
    background-repeat: no-repeat;
    background-position: 24px 17px ;
    border: none;
    color: #280071;
	float:right;
    height:inherit;
    width:150px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    cursor: pointer;
      
}

.logoutbttn:hover{
    background-color: #FCC209;
}
.logoutbttn:focus{
    outline:none;
}


.headerrightbottomtext{
	margin-left: -180px;
	padding-top: 14px;
	font-size: 24px;
	color:#12A8E0;
	font-weight: bold;
	
}



.usefullinkholder{width:100%;margin:auto;text-align:center;display:inline-block;}

.usefullinkcard{width:16.42%;background-color:#e6eef4;height:150px;border-radius:4px;display:inline-block;margin-top:5px;margin-bottom:5px;}
.textscroller{height:40px;background:white;width:100%;margin-top:10px;color:black;font-size:14px;font-weight:bold;}
.textscrollerspan{display:inline-block;}
.textscrollerimg{height:16px;width:16px;}img{margin-bottom:3px}
.site{background-color:#F3F7FA;text-align:center;color:white;font-size:12px;margin:4px;width:99.6%;color:black;margin-top:2px;padding:1px;}
.footer{background-color:white;text-align:center;color:white;font-size:14px;margin:4px;width:99.6%;color:#280071;margin-top:7px;padding:1px;}
.privacy{background-color:#C7E9FB;text-align:center;color:white;font-size:15px;margin:4px;width:99.6%;color:#280071;margin-top:0px;padding:5px;}
.subheader{height:40px;background-color:#280071;text-align:center;color:white;font-size:18px;margin:4px;width:99.6%;}
.subheader2{height:40px;background-color:#280071;text-align:center;color:white;font-size:18px;width:100%;}
.imgmessageholder{width:100%;display:inline-block;}
.impmessagescontroller{height:230px;background:#e6eef4;width:49.75%;margin:4px;float:left;color:black;margin-right:0px;font-weight:500}
.impmessagesemployee{height:230px;background:#e6eef4;width:49.75%;margin:4px;float:right;color:black;margin-left:0px;font-weight:500}

.usefullink{margin:0px;padding:0px;text-decoration:none;outline:none;color:#01A9E0;cursor:pointer;}

.usefullinkimg{height:48px;width:48px;margin-top:24px;border:none;display:inline-block}

@media screen and (max-width: 2000px) {
	.bannerimg{width:100%;height:500px}
    .impmessagescontroller{width:49.7%;}
	.impmessagesemployee{width:49.7%;}
}
@media screen and (max-width: 1600px) {
	 .bannerimg{width:100%;height:480px}
    .impmessagescontroller{width:49.63%;}
	.impmessagesemployee{width:49.63%;}
}
@media screen and (max-width: 1462px) {
	.bannerimg{width:100%;height:370px}
	table.tab2{width:355px;}
	.usefullinkcard{width:16.33%;}
    .impmessagescontroller{width:49.5%;}
	.impmessagesemployee{width:49.5%;}
}
@media screen and (max-width: 1258px) {
	.bannerimg{width:100%;height:370px}
	.loginimg{height:420px;}
	table.tab2{width:335px;}
	.usefullinkcard{width:16.3%;}
	 .imgmessageholder{min-height:252px;}
	 .impmessagescontroller{width:49.48%;height:250px}
	.impmessagesemployee{width:49.48%;height:250px;}
}
@media screen and (max-width: 1067px) {
	
	table.tab2{width:330px;}
    .usefullinkcard{width:16.29%;}
	.impmessagescontroller{width:49.35%}
	.impmessagesemployee{width:49.35%;}
}
@media screen and (max-width: 1010px) {
	.bannerimg{width:100%;height:350px}
	table.tab2{width:320px;}
	.usefullinkcard{width:30.33%;margin:5px;}
	.imgmessageholder{width:100%;min-height:508px;}
    .impmessagescontroller{width:99.5%;float:left;margin-top:4px;}
	.impmessagesemployee{width:99.5%;float:left;margin-top:2px;margin-left:4px!important;}
	.tdleft{width:45%;vertical-align: top;padding: 0px;margin: 0px;}
    .tdright{width:55%;vertical-align: top;padding: 0px;margin: 0px;text-align:center;padding-top:10px;}
}
@media screen and (max-width: 920px) {
	table.tab2{width:280px;}

}

@media screen and (max-width: 772px) {
     table.tab2{width:275px!important;}
	.tdleft{width:50%;}
	.tdright{width:50%;}
}


@media screen and (max-width: 655px) {
.tdleft{width:0%;vertical-align: top;padding: 0px;margin: 0px;}
.tdright{width:100%;vertical-align: top;padding: 0px;margin: 0px;text-align:center;padding-top:10px;}
table.tab2{width:75%!important;}
.imgmessageholder{width:100%;min-height:658px;}
 .impmessagescontroller{height:300px}
 .impmessagesemployee{height:350px;}
.privacy{text-align:left}
.headerleft{
	width:120px;
	display:table-cell;
}

.headericon{
	margin-top:13px;
	margin-left:10px;
    vertical-align:top;
	width:100px;

}

.headerright{
	width:calc(100% - 120px); 
	display:table-cell;
	vertical-align:top;
	height:0px!important;
}

.headerbottom{
	width:100%;
	height:0px!important;
	text-align: center;
	margin-bottom:30px;

	
}
	
.headerrighttop{
    background: white;
	height: 65px;
    
}



.headerrightbottomtext{
	    padding-left:50px;
		padding-top:8px;
		color:#280071;
		height:30px;
		background: #C7E9FB;
		text-align:center;
	    font-size: 18px!important;
	}

	
	.logoutbttn{
	margin:8px;
	margin-top:12px;
    height:35px;
	width:120px;
	border-radius:4px;
    background-position: 14px 7px ;

}


}

@media screen and (max-width: 490px) {
	.usefullinkcard{width:45%;margin:5px;}
.bannerimg{width:100%;height:285px!important}
	table.tab2{width:100%!important;}

}


.mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshowcontainer {
  width:100%;
  position: relative;
  margin: auto;
  margin-bottom:4px;
}

.mobilebanner{
	display:none;
}




/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.2s ease;
}

.active {
  background-color: #208fc7;
}


.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@media only screen and (max-width: 655px) {
.slideshowcontainer {display:none}
.mobilebanner{display:block; margin-top:5px !important;}
.textscroller{margin-top:4px;}
}

@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}