@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'popbold';
  src: url('pop_bold/bold.eot?#iefix') format('embedded-opentype'),  
  url('pop_bold/bold.woff') format('woff'), 
  url('pop_bold/bold.ttf')  format('truetype'), 
  url('pop_bold/bold.svg#Poppins') format('svg');
  font-weight: normal;
  font-style: normal;
	}
	
@font-face {
  font-family: 'popregular';
  src: url('pop_regular/regular.eot?#iefix') format('embedded-opentype'),  
  url('pop_regular/regular.woff') format('woff'), 
  url('pop_regular/regular.ttf')  format('truetype'), 
  url('pop_regular/regular.svg#Poppins') format('svg');
  font-weight: normal;
  font-style: normal;
	}
	
@font-face {
  font-family: 'popsemibold';
  src: url('pop_semibold/semibold.eot?#iefix') format('embedded-opentype'),  
  url('pop_semibold/semibold.woff') format('woff'), 
  url('pop_semibold/semibold.ttf')  format('truetype'), 
  url('pop_semibold/semibold.svg#Poppins') format('svg');
  font-weight: normal;
  font-style: normal;
	}
	
@font-face {
  font-family: 'popmedium';
  src: url('pop_medium/medium.eot?#iefix') format('embedded-opentype'),  
  url('pop_medium/medium.woff') format('woff'), 
  url('pop_medium/medium.ttf')  format('truetype'), 
  url('pop_medium/medium.svg#Poppins-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'poplight';
  src: url('pop_light/light.eot?#iefix') format('embedded-opentype'),  
  url('pop_light/light.woff') format('woff'), 
  url('pop_light/light.ttf')  format('truetype'), 
  url('pop_light/light.svg#Poppins-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.6.3');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),
  		url('fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), 
		url('fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), 
		url('fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), 
		url('fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

body{margin:0; background:#f3f6f9;}

/* Animaiton */
:hover{transition:ease-in 0.2s; -moz-transition:ease-in 0.2s; -o-transition:ease-in 0.2s; -webkit-transition:ease-in 0.2s;}
input, select, textarea{-webkit-appearance:none;}

/* float */
.left{float:left}
.right{float:right}

/*Text Align*/
.text_left{text-align:left;}
.text_right{text-align:right;}
.text_center{text-align:center;}
.text_justify{text-align:justify;}

/* clear */
.clear{clear:both;}
.clear5x{clear:both; height:5px;}
.clear10x{clear:both; height:10px;}
.clear15x{clear:both; height:15px;}
.clear20x{clear:both; height:20px;}
.clear25x{clear:both; height:25px;}
.clear30x{clear:both; height:30px;}
.clear35x{clear:both; height:35px;}
.clear40x{clear:both; height:40px;}

strong{font:14px 'popsemibold', Arial, Helvetica, sans-serif; color:#000; line-height:25px;}

.body_text{font:14px 'popregular', Arial, Helvetica, sans-serif; color:#666; line-height:23px;}
.body_text a:link, .body_text a:visited, .body_text a:active{text-decoration:none; color:#000;}
.body_text a:hover{text-decoration:none; color:#868e96;}

.top_line{background:#fff; padding:15px 0; box-shadow:0px 2px 8px rgba(150, 150, 150, 0.2);}
.container{width:80%; margin:0 auto;}
.logo{width:175px; height:auto; float:left;}
.menu{display:none;}

footer{background:#fff; padding:15px 0; box-shadow:0px -2px 8px rgba(150, 150, 150, 0.2); font:12px 'popregular', Arial, Helvetica, sans-serif; color:#868e96;}
footer a:link, footer a:visited, footer a:active{text-decoration:none; color:#000;} footer a:hover{text-decoration:none; color:#868e96;}
footer span{float:right;}

.box_container{border:solid 1px #e5e9ec; background:#fff; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;  width:31.8%; float:left; margin:15px 1%;}
.box_title{font:17px 'popregular', Arial, Helvetica, sans-serif; color:#868e96; border-bottom:solid 1px #e5e9ec; padding:10px 20px;}
.box_inner{width:94%; margin:3%;}
.box_action, .box_action2{border-top:solid 1px #e5e9ec; padding:10px 20px;}
.box_action span{width:31%; margin:0 1%; float:left; text-align:center;}
.box_action2 span{width:48%; margin:0 1%; float:left; text-align:center;}

.box_container2{border:solid 1px #e5e9ec; background:#fff; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;  width:65.8%; float:left; margin:15px 1%;}

/*Login*/
.login_container{background:#fff; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); 
width:380px; margin:0 auto; padding:35px;}
.login_logo{width:150px; height:auto; margin:0 auto;}
.login_title{font:16px 'popregular', Arial, Helvetica, sans-serif; color:#000; text-align:left;}
.login_input, .login_input2{background:#fff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:solid 1px #e5e9ec; padding:10px 15px; font:13px 'popregular', Arial, Helvetica, sans-serif; 
color:#000;}

.login_input{width:92%;}
.login_input2{width:348px;}
.select_input{width:100%;}

.login_input:focus, .login_input2:focus{outline:none; border:solid 1px #000;}
.input_lab{float:left; margin-right:15px; font:13px 'popregular', Arial, Helvetica, sans-serif; color:#666; width:140px; line-height:40px;}

.left_input{float:left; width:49%; margin-right:1%;}
.right_input{float:left; width:49%; margin-left:1%;}

.login_button, .login_button:link, .login_button:visited, .login_button:active{display:block; background:#000; padding:8px 20px; font:18px 'popregular', Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; text-align:center;}
.login_button:hover{background:#868e96;}

.checkboxFive{width:15px; margin:0 3px 0 0; position:relative; float:left;}
.checkboxFive label{cursor:pointer; position: absolute; width:15px; height:15px; top:0; left:0; background:#eee; border:1px solid #ddd;}
.checkboxFive label:after{
	opacity: 0.025;
	content: '';
	position: absolute;
	width: 7px;
	height: 4px;
	background: transparent;
	top: 2px;
	left: 3px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;
	transform: rotate(-45deg);}

.checkboxFive label:hover::after{opacity:0.5;}
.checkboxFive input[type=checkbox]:checked + label:after{opacity:1;}
.check_lab{float:left; margin:-20px 0 0 30px; width:200px; text-align:left;}

/*Profile*/
.profile_pic{width:100px; height:100px; border-radius:80px; -moz-border-radius:80px; -webkit-border-radius:80px; margin:0 20px 0 0; float:left; border:solid 4px #ccc;}
.pro_lab{width:70px; float:left;}

.pro_lab2{width:35%; float:left;}

/*Title*/
.inner_title{font:25px 'popsemibold', Arial, Helvetica, sans-serif; color:#53505f; letter-spacing:-1px;}
.inner_title span{font:13px 'popmedium', Arial, Helvetica, sans-serif; color:#53505f;}

.container2{background:#fff; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); 
width:37%; margin:20px auto; padding:35px;}

.container3{background:#fff; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); 
width:95%; margin:20px auto; padding:35px;}

.top_user_details{background:#ddd; width:100%; padding:10px 0;}

/*Contact*/
.contact_ico{ width:36px; height:34px; border-top: solid 1px #eee; border-right: solid 4px #3c85c6; border-bottom: solid 1px #eee; border-left: solid 1px #eee; text-align:center; color:#333; float:left; margin:0 15px 0 0;
/* Internet Explorer 10 */ display:-ms-flexbox; -ms-flex-pack:center; -ms-flex-align:center;
/* Firefox */ display:-moz-box; -moz-box-pack:center; -moz-box-align:center;
/* Safari, Opera, and Chrome */ display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center;
/* W3C */ display:box; box-pack:center; box-align:center;}


/*Table*/
.table{border-top:solid 1px #ccc; border-left:solid 1px #ccc; width:100%;}
.table td, th{border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; padding:5px 10px;}
.table th{font:14px 'popsemibold', Arial, Helvetica, sans-serif; color:#000;}

.table tr td:nth-child(4n + 1){width:5%; text-align:center;}
.table tr td:nth-child(4n + 3){width:30%;}
.table tr td:nth-child(4n + 4){width:13%; text-align:center;}


/*iPod, Tablet Devices*/	
@media all and (max-width: 999px) and (min-width: 480px){
#nav{margin:20px 0 0 0 !important;}
.box_container{border:solid 1px #e5e9ec; background:#fff; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;  width:100%; float:left; margin:10px 0; clear:both;}
.box_title{font:17px 'popregular', Arial, Helvetica, sans-serif; color:#868e96; border-bottom:solid 1px #e5e9ec; padding:10px 20px;}
.box_inner{width:90%; margin:5%;}
.box_action, .box_action2{border-top:solid 1px #e5e9ec; padding:10px 20px;}
.box_action span{width:31%; text-align:center;}

.box_action2 span{width:48%; margin:0 1%; float:left; text-align:center;}
.box_container2{border:solid 1px #e5e9ec; background:#fff; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;  width:100%; float:left; margin:10px 0;}

.container2{background:#fff; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); 
width:86%; margin:20px auto; padding:25px;}

.container3{background:#fff; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); 
width:86%; margin:20px auto; padding:25px;}

.login_input{width:95.2%;}
.login_input2{width:348px;}
.select_input{width:100%;}

.left_input, .right_input{width:100%; margin:0 0 5px 0;}

/*Table*/
.table{border-top:solid 1px #ccc; border-left:solid 1px #ccc; width:100%; overflow:hidden;}
.table td, th{border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; padding:5px 10px;}
.table th{font:14px 'popsemibold', Arial, Helvetica, sans-serif; color:#000;}

.table tr td:nth-child(4n + 1){width:5%; text-align:center;}
.table tr td:nth-child(4n + 3){width:30%;}
.table tr td:nth-child(4n + 4){width:13%; text-align:center;}

}


/*Mobile Devices.*/		
@media all and (max-width: 480px) and (min-width: 320px){
.menu{display:block; float:right;}
#nav{display:none;}
.slide-menu-open{color:#000;}

.box_container{border:solid 1px #e5e9ec; background:#fff; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;  width:100%; float:left; margin:10px 0;}
.box_title{font:17px 'popregular', Arial, Helvetica, sans-serif; color:#868e96; border-bottom:solid 1px #e5e9ec; padding:10px 20px;}
.box_inner{width:90%; margin:5%;}
.box_action, .box_action2{border-top:solid 1px #e5e9ec; padding:10px 20px;}
.box_action span{width:31%; text-align:center;}
.box_action2 span{width:48%; margin:0 1%; float:left; text-align:center;}

.box_container2{border:solid 1px #e5e9ec; background:#fff; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;  width:100%; float:left; margin:10px 0;}

/*Login*/
.login_container{background:#fff; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); 
width:80%; margin:0 auto; padding:20px;}
.login_logo{width:150px; height:auto; margin:0 auto;}
.login_title{font:16px 'popregular', Arial, Helvetica, sans-serif; color:#000; text-align:left;}
.login_input, .login_input2{background:#fff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:solid 1px #e5e9ec; padding:10px 15px; font:13px 'popregular', Arial, Helvetica, sans-serif; color:#000;}
.login_input:focus, .login_input2:focus{outline:none; border:solid 1px #000;}

.login_input{width:88%;}
.login_input2{width:88%;}
.select_input{width:100%;}

.login_button, .login_button:link, .login_button:visited, .login_button:active{display:block; background:#000; padding:8px 20px; font:18px 'popregular', Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.login_button:hover{background:#868e96;}

.left_input, .right_input{width:100%; margin:0 0 5px 0;}

/*Profile*/
.profile_pic{width:100px; height:100px; border-radius:80px; -moz-border-radius:80px; -webkit-border-radius:80px; margin:0 25% 10px 25%;}
.pro_lab{width:70px; float:left;}
.pro_lab2{width:55%; float:left;}

/*Calender*/
.cal_container{width:100%; border-bottom:solid 1px #000; padding:5px 0;}

.container2{background:#fff; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); 
width:86%; margin:20px auto; padding:25px;}

.container3{background:#fff; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); 
width:86%; margin:20px auto; padding:25px;}


footer{text-align:center;}
footer span{float:none; display:block; width:100%;}

/*Table*/
.table{border-top:solid 1px #ccc; border-left:solid 1px #ccc; width:100%; overflow:hidden;}
.table td, th{border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; padding:5px 10px;}
.table th{font:14px 'popsemibold', Arial, Helvetica, sans-serif; color:#000;}

.table tr td:nth-child(4n + 1){width:5%; text-align:center;}
.table tr td:nth-child(4n + 3){width:30%;}
.table tr td:nth-child(4n + 4){width:13%; text-align:center;}
}

/*edited by Imtiaz*/
.errormsg{
background-color:#FFE6E6;
padding:5px;
border:1px #FFC4C4 solid;
color:#FF0000;
font-family:'popregular', Arial, Helvetica, sans-serif;
direction:ltr;
border-radius:5px;
}

.successmsg{
background-color: #EBF8DE;
padding:5px;
border:1px #CBEDA9 solid;
color: #6AAF25;
font-family:'popregular', Arial, Helvetica, sans-serif;
direction:ltr;
border-radius:5px;
}