html {position: relative;  min-height: 100%;}
body {font-family: 'Yantramanav', sans-serif;  margin: 0;  padding-bottom: 60px;  overflow-x: hidden;  color: #797979;
 font-size: 16px;  background-color: #f3f3f3;}
* {outline: none !important;}
.modal{z-index: 9999 !important;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {  font-family: 'Yantramanav', sans-serif;
margin: 10px 0;  font-weight: 600;}
.middle-wrapp{margin-top:20px;}
.page-title-box-wrapp{background-color:#fff;}
.content-page {margin-left:0px;  overflow: hidden;  transition: all 0.2s ease 0s; padding-bottom:80px;}
.card-box {padding: 20px;  border: 1px solid #e2e2e2; -webkit-border-radius: 3px;  border-radius: 3px;
-moz-border-radius: 3px;  background-clip: padding-box;  margin-bottom: 20px;  background-color: #ffffff;}

.breadcrumb {background-color: transparent; margin-bottom: 15px; padding-top: 10px;  padding-left: 0;}
.breadcrumb a {color:#848e94;}
.breadcrumb a:hover{color:#006ab9;}


.btn-hprimary{float:left; width:90px; margin-right:15px; background-color:#006ab9; font-family: 'Yantramanav', sans-serif; font-size:16px; text-transform:uppercase; color:#fff; transition: all 0.3s ease; border-radius:2px; padding: 9px 0px 4px 0px;}
.btn-hprimary:hover{background-color:#0998ca; transition: all 0.3s ease; color:#fff;}
.btn-hprimary.focus, .btn-hprimary:focus, .btn-hprimary:hover {background-color:#0998ca; transition: all 0.3s ease; 
color:#fff;}

.btn-hgray{float:left; width:90px; margin-right:15px; background-color:#7c7d7d; font-family: 'Yantramanav', sans-serif; font-size:16px; text-transform:uppercase; color:#fff; transition: all 0.3s ease; border-radius:2px; padding: 9px 0px 4px 0px;}
.btn-hgray:hover{background-color:#000; transition: all 0.3s ease; color:#fff;}
.btn-hgray.focus, .btn-hgray:focus, .btn-hgray:hover {background-color:#000; transition: all 0.3s ease; 
color:#fff;}

.btn-mnu{float:left; width:90px; margin-right:10px; background-color:#7c7d7d; font-family: 'Yantramanav', sans-serif; font-size:10px; text-transform:uppercase; color:#fff; transition: all 0.3s ease; border-radius:2px; padding: 5px 0px 3px 0px;}
.btn-mnu:hover{background-color:#000; transition: all 0.3s ease; color:#fff;}
.btn-mnu.focus, .btn-mnu:focus, .btn-mnu:hover {background-color:#000; transition: all 0.3s ease; 
color:#fff;}

/* Dropdown */
.dropdown-menu {padding: 4px 0;  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
border: 1px solid rgba(152, 166, 173, 0.15);}
.dropdown-menu > li > a {padding: 7px 20px; font-size: 16px;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {background-color: #006dba !important; color: #ffffff;}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
background-color: #1ea69a !important;  color: #ffffff;}
.dropdown-lg {width: 260px;}

/* Page titles */
.page-title {font-size: 22px; margin-bottom: 0; margin-top: 0; font-weight: 600; color: #006ab9;}
.header-title {font-size: 16px; line-height: 16px; margin-bottom: 8px; font-weight: 600;}
.page-title-box {padding:32px 20px 9px 20px; margin: 0 -20px;}
.page-title-box .page-title { margin-bottom: 0; float: left;}
.page-title-box .breadcrumb {float: right; background-color: transparent !important;}
.page-subtitle {
    font-size: 18px;
    color: #006ab9;
}

.hight-middle{margin-top:115px;}
.home-protal-block{background: #ffffff; position: relative; border-radius: 5px; box-shadow: 0 2px 4px #ddd;
padding:0px 20px; margin:64px 15px 0px 15px; height: 141px; transition: all 0.2s ease;}
.home-protal-block .hblock-image{position: absolute; top: -45px; left: 0;  right: 0; margin: 0 auto;  text-align: center;}
.home-protal-block .hblock-image img{height:90px; width:90px; border-radius: 50%;}
.home-protal-block .hblock-info {padding-top:53px; padding-bottom:20px;   text-align: center;}
.hblock-info h3{font-size:18px;  font-weight:400; line-height:28px;}
a .home-protal-block:hover{background-color:#006ab8; color:#fff; transition: all 0.2s ease;}

.form-block label{font-weight:400; font-size: 17px;}
.form-block .form-group {margin-bottom: 24px;}
.form-block .form-control{ border-radius: 2px; border: 2px solid #d8d8d8;}
.btn-wrapp{background-color:#eaebec; padding:0px 15px;}
.btn-wrapp .btn{margin-top:3px; margin-bottom:15px;}

.table-block{margin-bottom:30px;}
.table-block .table th{background-color:#0071bc; color:#fff; text-align:center;}
.table-block .table td {text-align: center;}
.table-block .table-striped>tbody>tr:nth-of-type(odd) {background-color: #eff6fb;}
.table-block .table td a{margin-right:15px; cursor:pointer;}
.table-block .table td .fa{color:#7c7d7d;}
.table-block .table td .fa-eye:hover{color:#139f00;}
.table-block .table td .fa-print:hover{color:#e16002;}
.table-block .table td .fa-file-pdf-o:hover{color:#04b2b8;}
.table-block .table td .fa-money:hover{color:#f1a90f;}

/*--modal-block--*/
.modal-block .modal-content{border-radius:2px;}
.modal-header {padding: 12px 15px 12px 15px;}
.modal-block .modal-title{color:#006ab9; font-size:20px;}
.modal-block .close{text-shadow: none; opacity: 1; background-color:#29bee2; color: #fff; border-radius: 50%;  width: 25px;
height: 25px; line-height: 0px; position: absolute; top: -8px;  right: -11px;}

.modal-block .btn-info{float:left; width:90px; margin-right:15px; background-color: #24a2b0;  font-family: 'Yantramanav', sans-serif; font-size:16px; text-transform:uppercase;  transition: all 0.3s ease; border-radius:2px; padding: 9px 0px 4px 0px;}
.modal-block .btn-info:hover{transition: all 0.3s ease; background-color:#3bc2d1 !important;}

.modal-block .btn-warning{float:left; width:90px; margin-right:15px; background-color:#da8916;  font-family: 'Yantramanav', sans-serif; font-size:16px; text-transform:uppercase;  transition: all 0.3s ease; border-radius:2px; padding: 9px 0px 4px 0px;}
 .modal-block .btn-warning:hover{transition: all 0.3s ease; background-color:#f29e27 !important;}
/*--modal-block--*/

/*--login--*/
.login-bg{background:url(../images/login-bg.jpg) no-repeat top left fixed; background-size: cover; width:100%;}
.back-home{position:absolute; top:10px;}
.back-home a{color:#666; font-size:17px; padding-left:30px; text-decoration:underline;}
.back-home a:hover{color:#919191; text-decoration:none;}
.login-wrapp{padding-top:85px; }
.login-wrapp .btn-kprimary{float:left; width:83px; margin-right:15px; background-color:#0998ca; font-family: 'Yantramanav', sans-serif; font-size:14px; text-transform:uppercase; color:#fff; transition: all 0.3s ease; border-radius:2px;}
.login-wrapp .btn-kprimary:hover{background-color:#006ab9; transition: all 0.3s ease; color:#fff;}
.login-wrapp .btn-lgray{float:left; width:83px; margin-right:15px; background-color:#818181; font-family: 'Yantramanav', sans-serif; font-size:14px; text-transform:uppercase; color:#fff; transition: all 0.3s ease; border-radius:2px;}
.login-wrapp .btn-lgray:hover{background-color:#565656; transition: all 0.3s ease; color:#fff;}
.login-wrapp .btn-lgray.focus, .login-wrapp .btn-lgray:focus, .login-wrapp .btn-lgray:hover {background-color:#565656;
 transition: all 0.3s ease; color:#fff;}
.login-wrapp .logo-1{display: block;  margin-left: auto;  margin-right: auto; margin-bottom:50px;}
.login-block-width{width:300px; display:block; margin-left:auto;  margin-right:auto; margin-top:15px;}
.login-header {background-color:#205b41; text-align:center; padding:15px 10px;}
.login-header h1{color:#fff; font-size:24px; padding:0px 0px 0px 0px; margin: 0px; }
.login-header h1 .fa{color: #b6daca; margin-right:8px;}
.forgot-text a{font-size:14px; color:#aaa;}	
.login-wrapp form {margin:0px; padding:0px 0px;		 border-radius:0px;}
.login-wrapp .group {position: relative; margin-bottom:27px; }
.login-wrapp input {font-size: 14px; padding: 10px 10px 5px 5px;	-webkit-appearance: none; display: block;background:none;	color:#fff;	width: 100%;	border: none;	border-radius: 0; border-bottom: 1px solid #29bee2; font-family: 'Open Sans', sans-serif;}
.login-wrapp input:focus { outline: none; }
.login-wrapp label {color:#989898; font-size:16px;	font-weight: normal;position: absolute;	pointer-events: none;	left: 5px;
top: 10px;	-webkit-transition:all 0.2s ease;transition: all 0.2s ease;}
.login-wrapp input:focus ~ label, .login-wrapp input.used ~ label {
top: -15px;   -webkit-transform: scale(.75); transform: scale(.75); left: -8px;/* font-size: 14px; */	color:#29bee2;}
.login-wrapp .bar {position: relative;display: block;	width: 100%;}
.login-wrapp .bar:before, .login-wrapp .bar:after {content: '';	height: 2px; width: 0;	bottom: 1px; position: absolute;
background: #28a0c4; -webkit-transition:all 0.2s ease; transition: all 0.2s ease;}
.login-wrapp .bar:before { left: 50%; }
.login-wrapp .bar:after { right: 50%; }
.login-wrapp input:focus ~ .bar:before, .login-wrapp input:focus ~ .bar:after {width: 50%;}
.login-wrapp .highlight {position: absolute;	height: 60%; width: 100px; top: 25%; left: 0;pointer-events: none;
opacity: 0.5;}
.login-wrapp input:focus ~ .highlight {-webkit-animation: inputHighlighter 0.3s ease; animation: inputHighlighter 0.3s ease;}
@-webkit-keyframes inputHighlighter {from { background: #4a89dc; }	to 	{ width: 0; background: transparent; }}
@keyframes inputHighlighter {from { background: #4a89dc; }	to 	{ width: 0; background: transparent; }}

/* Button */
.login-wrapp .button {position: relative; display: inline-block;  padding: 12px 24px;  margin: .3em 0 1em 0; width: 100%;
  vertical-align: middle;  color: #fff;  font-size: 16px;  line-height: 20px;  -webkit-font-smoothing: antialiased;
  text-align: center;  letter-spacing: 1px;  background: transparent;  border: 0;  border-bottom: 2px solid #3160B6;
  cursor: pointer;  -webkit-transition:all 0.15s ease;  transition: all 0.15s ease;}
.login-wrapp .button:focus {outline: 0;}
/*--login--*/
.right-text { text-align: right;}
.invoice p { margin: 0 0 7px; line-height: 20px;}
.invoice address.from {
    border-left: 3px solid #3eb15b;
    padding: 0 10px 0 20px;
}
.invoice address.to {
    border-left: 3px solid #3a86c8;
    padding: 0 10px 0 20px;
}
hr { margin-top: 9px; margin-bottom: 9px;}
.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #e3ebf4;
}
.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{    border: 1px solid #e3ebf4;
}
b, strong {
    font-weight: 600;
}
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
    background: #f1f5fa;
}
.btn-primary.disabled
{
    opacity : 0.30;
}

.no-js #loader {
    display: none;
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/Loading_icon_2.gif) center no-repeat #fff;
    background-size: 50px 50px;
}