/* Required Fonts Starts */
@font-face {
    font-family: 'helveticaregular';
    src: url('../fonts/helvetica-webfont.eot');
    src: url('../fonts/helvetica-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helvetica-webfont.woff') format('woff'),
         url('../fonts/helvetica-webfont.ttf') format('truetype'),
         url('../fonts/helvetica-webfont.svg#helveticaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Body Tag Class Starts */
body{
	background: #ffffff;
	/*background: url("../images/bodybg.jpg") no-repeat;*/
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	margin: 0;
	padding: 0;
	font-family: 'helveticaregular';
	font-size: 12px !important;
	color: #000000;
}
/* Wrapper and Container Width Starts */
.wrapper{
	width: 100%;
	margin: 0 auto;
	padding:0;
	min-width: 1100px;
}
.container{
	width: 100%;
}
/* Required Ad ons */
.ext_pad_xs{padding:5px}.ext_pad_sm{padding:15px}.ext_pad_md{padding:30px}.ext_pad_lg{padding:45px}.ext_padl_xs{padding-left:5px}.ext_padl_sm{padding-left:15px}.ext_padl_md{padding-left:30px}.ext_padl_lg{padding-left:45px}.ext_padr_xs{padding-right:5px}.ext_padr_sm{padding-right:15px}.ext_padr_md{padding-right:30px}.ext_padr_lg{padding-right:45px}.ext_padt_xs{padding-top:5px}.ext_padt_sm{padding-top:15px}.ext_padt_md{padding-top:30px}.ext_padt_lg{padding-top:45px}.ext_padb_xs{padding-bottom:5px}.ext_padb_sm{padding-bottom:15px}.ext_padb_md{padding-bottom:30px}.ext_padb_lg{padding-bottom:45px}.ext_mar_xs{margin-left:5px}.ext_mar_sm{margin-left:15px}.ext_mar_md{margin-left:30px}.ext_mar_lg{margin-left:45px}.ext_mar_xs{margin-left:5px}.ext_marl_sm{margin-left:15px}.ext_marl_md{margin-left:30px}.ext_marl_lg{margin-left:45px}.ext_marr_xs{margin-right:5px}.ext_marr_sm{margin-right:15px}.ext_marr_md{margin-right:30px}.ext_marr_lg{margin-right:45px}.ext_mart_xs{margin-top:5px}.ext_mart_sm{margin-top:15px}.ext_mart_md{margin-top:30px}.ext_mart_lg{margin-top:45px}.ext_marb_xs{margin-bottom:5px}.ext_marb_sm{margin-bottom:15px}.ext_marb_md{margin-bottom:30px}.ext_marb_lg{margin-bottom:45px}.no_pad{padding:0!important}.no_padl{padding-left:0!important}.no_padr{padding-right:0!important}.no_padt{padding-top:0!important}.no_padb{padding-bottom:0!important}.no_mar{margin:0!important}.no_marl{margin-left:0!important}.no_marr{margin-right:0!important}.no_mart{margin-top:0!important}.no_marb{margin-bottom:0!important}h1{font-size:35px}h2{font-size:32px}h3{font-size:28px}h4{font-size:25px}h5{font-size:20px}h6{font-size:18px}.center_img{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;}.img-responsive{width:auto;}
/*Login Page*/
.login{
	padding-top: 80px;
	padding-bottom: 80px;
	text-align: center;
}
.login a{
	display: block;
	margin-bottom: 40px;
}
.login .login_form{
	width: 290px;
	margin: 0 auto;
}
.login p{
	font-size: 13px;
	color: #fff;
}
.toggle_btn{
	cursor: pointer;
	padding: 0 0 10px 0;
	color: #fff;
}
.login_form .form-group{
	margin-bottom: 30px;
}
.login_form .form-control{
	border-radius: 0px;
	height: 50px;
	text-align: center;
	border: 1px solid #dacfbe;
	color: #ffffff;
	font-size: 14px;
	background: transparent;
}
.login_form .form-control:focus{
	border: 1px solid #dacfbe;
	-moz-box-shadow:0 0 5px #dacfbe inset; 
	box-shadow:0 0 5px #dacfbe inset;
	-webkit-box-shadow: 0 0 5px #dacfbe inset;
}
.login_form .user:before{
	content: "\f007";
	position: absolute;
	color: #ffffff;
	top: 11px;
	font-size: 20px;
	left: 20px;
	z-index: 1000;
	font-family: 'FontAwesome';
}
.login_form .pass:before{
	content: "\f084";
	position: absolute;
	color: #ffffff;
	top: 8px;
	font-size: 20px;
	left: 20px;
	z-index: 1000;
	font-family: 'FontAwesome';
}
.login_form .mail:before{
	content: "\f0e0";
	position: absolute;
	color: #ffffff;
	top: 8px;
	font-size: 20px;
	left: 20px;
	z-index: 1000;
	font-family: 'FontAwesome';
}
.login_form .form-control::-moz-placeholder{
	color: #fff;
}
.login_form .form-control::-webkit-input-placeholder{
	color: #fff;
}
/* Header Parts Starts */
header{
	background: #f7f5f5;
	height: 45px;
}
.logo a{
	display: block;
	padding: 5px 30px;
}
nav{
	border-right: 1px solid #e9e8e8;
}
.navigation, .user ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.navigation ul{
	padding: 10px 20px;
	position: absolute;
	top: 100%;
	background: #2a2d34;
	min-width: 262px;
	display: none;
	z-index: 1000;
}
.navigation li{
	display: inline-block;
	margin-left: -4px;
	position: relative;
}
.navigation ul li{
	display: block;
	margin-left: 0px;
}
.navigation li:hover > ul{
	display: block;
}
.navigation li a{
	display: block;
	padding: 14px 18px;
	font-size: 13px;
	font-weight: bold;
	color: #e73124;
	letter-spacing: 0.5px;
	height: 45px;
}
.navigation ul li a{
	padding: 10px 0;
	height: auto;
	color: #fff;
}
.navigation ul li a.splitter{
	border-top: 1px solid #fff;
}
.navigation li a:hover, .navigation li a:focus, .navigation li a.active{
	background: #78be20;
	color: #fff;
}
.navigation ul li a:hover, .navigation ul li a:focus, .navigation ul li a.active{
	background: transparent;
	color: #78be20;
}
.navigation li a i{
	margin-right: 5px;
}
.navigation li a em{
	margin-left: 2px;
}
.user{
	padding: 6px 0;
	color: #e83a2e;	
}
.user_img{
	width: 35px;
	height: 35px;
	float: left;
	margin-right: 10px;
	position: relative;
	overflow: hidden;
	background: #fff;
	border-radius: 100%;
}
.user p{
	margin-bottom: 0px;
	height: 13px;
	overflow: hidden;
}
.user li{
	display: inline-block;
	margin-left: -4px;
	margin-right: 7px;
}
.user li a{
	color: #e83a2e;
}
/* Main-Content Starts */
.col-xs-7h{
	position: relative;
	float: left;
	width: 14.28%;
	padding: 0 4px;
	min-height: 1px;
}
.col-xs-7h .row, .col-xs-5h .row{
    margin: 0 -4px;
}
.col-xs-7h .row div, .col-xs-5h .row div{
    padding: 0 4px;
}
.col-xs-5h{
	position: relative;
	float: left;
	width: 20%;
	padding: 0 4px;
	min-height: 1px;
}
.pos_rel{
	position: relative;
}
.pos_rel .ui-datepicker-trigger{
	left: 75px;
}
.main_content{
	min-height: 500px;
	padding: 30px;
}
.content_bg{
	padding: 10px;
	background: #fff;
	background: rgba(255,255,255,0.8);
}
.content_bg .row{
	margin: 0 -4px;
}
.content_bg .form-control{
	border-radius: 0px;
}
.modal{
	padding: 17px;
}
.modal_full{
	width: 100%;
	height: auto;
	background: #fff;
	background: transparent;
	margin: auto;	
	margin-bottom: 17px;
	border-radius: 5px;
	overflow: hidden;
}
.modal_half{
	width: 100%;
	height: 100%;
	background: #fff;
	background: transparent;
	margin: auto;	
	margin-bottom: 17px;
	border-radius: 5px;
	overflow: hidden;
}
.sec_head{
	background: #78be20;
	background: rgba(120,190,32,1);
	padding: 10px 15px;
	margin: 0px;
	font-weight: bold;	
}
.mod_close, .mod_close:hover{
	float: right;
	background: #c1170b;
	color: #fff;
	display: block;
    font-size: 19px;
    font-weight: normal;
    height: 28px;
    padding: 7px;
    position: relative;
    text-align: center;
    top: -3px;
    width: 28px;
    border-radius: 100%;
    cursor: pointer;
}
.modal_header{
	background: rgb(120,190,32);
	padding: 5px 30px;
}
.modal_header ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
	text-align: right;
}
.modal_header ul li{
	display: inline-block;
	margin: 5px 10px;
	position: relative;
}
.modal_header ul li a{
	color: #1336a5;
	font-weight: bold;
	display: block;
	padding: 5px;
}
.modal_header ul.dropdown{
    background: rgb(120,190,32);    
    display: none;
    position: absolute;
    z-index: 999;
    left: 0;
    padding: 10px 10px 5px;
    top: 100%;
    min-width: 160px;
    text-align: left;
}
.modal_header ul li:hover > ul.dropdown{
    display: block;
}
.modal_header ul.dropdown li{
    display: block;
}
.modal_header ul.dropdown li a{
    color: #000;
}
.modal_header ul.dropdown li a:hover, .modal_header ul.dropdown li a:focus{
    color: #1336a5;
}
.modal_header ul li a.disabled{
	color: #737373;
}
.modal_header ul li a:hover, .modal_header ul li a:focus, .modal_header ul li a span{
	color: #000;
}
.modal_form{
	/*height: 400px;*/
	/*overflow-y: scroll;*/
    /*overflow :auto;*/
    overflow-x:hidden;
    overflow-y:hidden;
}
.modal_half .modal_form{
	height: auto;
	overflow-y: auto;
}
.modal_form form{
	/*padding: 25px 15px 10px;*/
}
.modal_form .control-label{
	padding-left: 30px !important;
}
.com_table, .emp_table{
	width: 100%;
	border-collapse: collapse;
	position: relative;
}
.com_table tr th{
	background: red;
	background: rgba(120,190,32,1);
	font-size: 13px;
	font-weight: bold;
	border-top: 4px solid #a8bd8b;
}
.content_bg .com_table tr th{
	border-top: none;
}
.com_table th, .com_table td{
	padding: 5px 20px;
	text-align: center;
	vertical-align: middle;
}
.content_bg .com_table th, .content_bg .com_table td{
	border: 1px solid #292a2a;
	text-align: center;
}
.content_bg th a{
    color: #000;
}
.com_table td{
	padding: 5px;
	text-align: left;
	border: 1px solid #292a2a;
}
.emp_table tr th{
	background: #111820;
	font-size: 13px;
	font-weight: bold;
	color:#fff;
}
.emp_table th, .emp_table td{
	padding: 5px 5px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #2b3d51;
}
.emp_table td{
	padding: 5px;
	text-align: left;	
}
.tab_min th, .tab_min td{
    padding: 5px 10px !important;
}
.action, .action:hover, .action:focus{
	font-size: 16px !important;
	color: #ff0000;
	display: block !important;
	text-align: center;
	cursor: pointer;
}
.fa-circle{
	font-size: 9px !important;
	margin: 0 2px;
}
.modal_footer{
	background: #78be20;
	background: rgba(120,190,32,1);
	text-align: center;
	padding: 10px;
}
.modal_footer .btn{
	margin: 0 20px;
}
.spl_section{
	background: #78be20;
	background: rgba(120,190,32,1);
	padding: 5px;
}
.spl_section .form-horizontal .control-label, .spl_section  .control-label{
	text-align: right !important;
}
.spl_section.ext_mar{
	margin: 10px -15px;
}
.spl_section.ext_mar strong{
	font-size: 13px;
}
.red{
	font-size: 14px;
	color: #e73124;
}
.spl_section p{
	margin: 0px;
}
.spl_section p strong{
	font-size: 13px;
	display: block;	
	text-align: center;
	color: #000;
	font-weight: bold;
}
.less_width{
    width: 12%;
}
.delete_box, .delete_box:hover, .delete_box:focus{
	height: 120px;
	font-size: 22px;
	padding-top: 95px;
	display: block;
	cursor: pointer;
	color: #ff0000;
}
.orange{
	color: #e79a3d;
}
.green{
	color: #488626
}
.red{
	color: #ff0000;
}
/* Inner-content Starts */
/*Dashboard Page*/
.disp_box{
	width: 100%;
	padding: 25px 40px;
	position: relative;
	overflow: hidden;
	margin: 15px 0;
}
.dash_icon{
	height: 110px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	position: relative;
	overflow: hidden;
}
.green .dash_icon{
	background: #7cc026;
}
.red .dash_icon{
	background: #e83d30;
}
.grey .dash_icon{
	background: #2d2f34;
}
.dash_cont{
	background: #f0f2e8;
	height: 110px;
	text-align: center;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	padding: 4px 8px;
}
.green .dash_cont{
	color: #7cc026;
	border-right: 3px solid #7cc026;
}
.red .dash_cont{
	color: #e83d30;
	border-right: 3px solid #e83d30;
}
.grey .dash_cont{
	color: #2d2f34;
	border-right: 3px solid #2d2f34;
}
.dash_cont h1{
	font-size: 60px;
	margin: 0 0 5px;
}
.dash_cont h6{
	margin: 0 0 5px;
	text-align: right;
}
/* form fields*/
.form-horizontal .row, .form-horizontal .form-group{
	margin-left: -8px;
	margin-right: -8px;
}
.form-horizontal .col-xs-1, .form-horizontal .col-xs-2, .form-horizontal .col-xs-3, .form-horizontal .col-xs-4, .form-horizontal .col-xs-5, .form-horizontal .col-xs-6, .form-horizontal .col-xs-7, .form-horizontal .col-xs-8, .form-horizontal .col-xs-9, .form-horizontal .col-xs-10, .form-horizontal .col-xs-11, .form-horizontal .col-xs-12, .form-horizontal .col-xs-8h{
	padding-left: 8px; 
	padding-right: 8px; 
}
.form-group{
	position: relative;
	margin-bottom: 9px !important;
}
.form-control{
	background: #A8E076;	
	border: 1px solid #7d7d7c;
	color: #000;
	font-style: normal;
	font-size: 12px;
	padding: 0px 0px 0px 5px;
	border-radius: 2px;
	height: 22px;
    display:inline !important;
}
.form-control:focus{
	border: 1px solid #7d7d7c;
	-moz-box-shadow:0 0 5px #7d7d7c inset; 
	box-shadow:0 0 5px #7d7d7c inset;
	-webkit-box-shadow: 0 0 5px #7d7d7c inset;
}
.form-control::-moz-placeholder{
	color: #777777;
}
.form-control::-webkit-input-placeholder{
	color: #777777;
}
.form-horizontal .control-label, .control-label{
	font-weight: normal;
	padding-top: 2px;
	text-align: left;
}
.cal_width{
    width: 95px;
}
.form-control-static{
	padding: 2px 0;
	min-height: 20px;
}
.form-horizontal .checkbox, .form-horizontal .radio, .checkbox, .radio{
	display: inline-block;
	margin-right: 10px;
    margin-left: 20px;
}
.checkbox label, .radio label{
    padding-left: 0px;
    padding-top: 1px;
}
label span{
	color: #fd5d5d;
}
.ui-datepicker-trigger {
    border-left: 1px solid #3f6918;
    padding: 3px;
    position: absolute;
    left: 80px;
    top: 1px;
}
.browse{
	position: relative;
}
.hide_file{
	opacity: 0;
	position: relative;
	z-index: 5;
	cursor: pointer;
}
.show_file{
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
textarea.form-control{
	height: 70px;
	resize: none;
}
table textarea.form-control{
	width: 170px;
	height: 40px;
	resize: none;
	margin: 0 auto;
}
input[type="checkbox"], input[type="radio"]{
	margin-top: 2px;
}
/*Button Part*/
.btn_full{
	width: 100%;
	height: 40px;
}
.btn_login{
	background: #ec3527;
	color: #fff;
	border-radius: 0px;
	box-shadow: 1px 1px 2px #2d2d2d;
	-moz-box-shadow: 1px 1px 2px #2d2d2d;
	-moz-box-shadow: 1px 1px 2px #2d2d2d;
}
.btn_tranr{
	background: transparent;
	border: 2px solid #e73124;
	border-radius: 2px;
	height: 25px;
	width: 100px;
	color: #e73124;
	padding: 1px 0 1px 25px;
	box-shadow: 1px 1px 2px #2d2d2d;
	-moz-box-shadow: 1px 1px 2px #2d2d2d;
	-moz-box-shadow: 1px 1px 2px #2d2d2d;
}
.btn_tranr span{
	background: #e73124;
	color: #fff;
	display: inline-block;
	float: left;
	width: 25px;
	position: relative;
	top: -1px;
	text-align: center;
	height: 21px;
}
.btn_trang{
	background: transparent;
	border: 2px solid #7bbf21;
	border-radius: 2px;
	height: 25px;
	width: 100px;
	color: #517d15;
	padding: 1px 0 1px 25px;
	box-shadow: 1px 1px 2px #2d2d2d;
	-moz-box-shadow: 1px 1px 2px #2d2d2d;
	-moz-box-shadow: 1px 1px 2px #2d2d2d;
}
.icon_btn{
	left: 10px;
    position: absolute;
    top: 2px;
}
.btn_trang span{
	background: #7bbf21;
	color: #fff;
	display: inline-block;
	float: left;
	width: 25px;
	position: relative;
	top: -1px;
	text-align: center;
	height: 21px;
}
.btn_blue{
	height: 25px;
	width: 100px;
	padding: 1px;
	color: #fff;
	background: #6386f8;
	box-shadow: 1px 1px 2px #2d2d2d;
	-moz-box-shadow: 1px 1px 2px #2d2d2d;
	-moz-box-shadow: 1px 1px 2px #2d2d2d;
}
.btn_white{
	/*min-width: 120px;*/
	height: 25px;
	color: #000;
	border-bottom: 3px solid #375316;
	border-radius: 4px;
	padding: 2px 10px;
}
.btn_sm{
    width: 100%;
    min-width: auto;
}
.content_bg .btn_white{
	/*margin-right: 20px;*/
}
/* Footer Parts Starts */
.copyright{
	background: #12181f;
	color: #fff;
	font-size: 14px;
	padding: 5px 0;
}
.copyright p{
	margin: 0px;
	font-size: 12px;
	display: inline-block;
}
.copyright p:last-of-type{
	float: right;
}
select:disabled:hover, input:disabled:hover, textarea:disabled:hover  {
    cursor: auto;
}

/* pagination */
/*.pagination-space{margin-top:10px;margin-bottom:30px}.pagination{text-align:center;margin:0;padding:50px 0 0;border-radius:0;display:inline}.pagination-links a{margin:0;padding:7px 13px;background:transparent;outline:none;color:#000;text-decoration:none;margin:0 5px;border-radius:5px}.pagination-links a.deactive_page{cursor:not-allowed;color:#000!important;opacity:.4}.pagination-links a.deactive_page:hover{cursor:not-allowed;color:#000!important;opacity:.4}.pagination-links a:hover,.pagination-links a.active_page{background:#c34020;color:#fff;}.pagination-links a:first-of-type,.pagination-links a:last-of-type{background:none;text-decoration:none;color:#777;border:none}.pagination-links a:first-of-type:hover,.pagination-links a:last-of-type:hover{opacity:.8}*/
/* Manual Override important Classes Starts */
.btn:hover,.btn:focus,.btn-danger:hover,.btn-danger:focus,.btn:focus,.btn:active:focus,.btn.active:focus{outline:none;outline-offset:0}a:hover,a:focus{outline:none;outline-offset:0;text-decoration:none}.toggle{display:none}.success_msg, p.success_msg{color: #25aa22;text-align: center;margin-bottom: 5px;padding: 0px;}.error_msg, p.error_msg{color: #fa0303;text-align: center;margin-bottom: 5px;padding: 0px;}
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

.image-preview-input {
	position: relative;
	overflow: hidden;
	margin: 0px;
	color: #333;
	background-color: #fff;
	border-color: #ccc;
}

	.image-preview-input input[type=file] {
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
		padding: 0;
		cursor: pointer;
		opacity: 0;
		filter: alpha(opacity=0);
	}

.image-preview-input-title {
	margin-left: 2px;
}

.preSpacing {
	white-space: pre;
}