body{font-family: 'Poppins', sans-serif !important;  background: #f2f3f8;font-size:15px;}
html, body {  overflow-x: hidden;  overflow-y: auto; height:100%; }
ul{	margin: 0;	padding: 0;	list-style: none;}
li{	list-style: none;}
p{font-size:15px;}
a{	text-decoration: none !important; color:#fa732f;}
a:focus,button:focus{border:0 !important; outline:0 !important; box-shadow:none !important;}
.padding-left-none{	padding-left: 0;}
.orange-text{color: #fa732f !important;}
.white-text{color: #fff !important;}
.orange-bg{background:#fa732f !important;}
.gray-text{color: #8b8b96 !important;}
.gray-bg{background:#8b8b96 !important;}
.btn{cursor:pointer;}

/*** Header ***/
.table-responsive{overflow-y:hidden;}
header.header,main.main-content {  width: 100%;  max-width: calc(100% - 210px);  float: right;  position: relative;  left: 0;  transition: all .2s;}
header.header { background: #fff; padding: 11px 0;}
span.toggle-menu-btn { color: #6b6b6b;  cursor: pointer;  position: relative; left: 0; transition: all .2s;}
.header .left-h-content { display: flex; /*align-items: center;*/  margin:10px 0 0 0; vertical-align:top;}
.header .left-h-content h5 { margin: 0 0 0 10px; font-size: 16px;  font-weight: 600;  color: #fa732f;}
.header .left-h-content h5 span { font-size: 14px;  color: #041d38;  font-weight: 400;}
.header-right-icons span {font-size: 19px; vertical-align: middle;  width: 40px;  height: 40px; display: inline-flex; justify-content: center; align-items: center;
    cursor: pointer;  position: relative;}
.header-right-icons span.user { background: #fa732f; color: #fff; border-radius: 50px;margin-right: 10px;}
li.welcome { background: #fa732f;  text-align: center; font-size: 17px; font-weight: 700;  margin-top: -10px; position: relative;  padding: 15px;  border-radius: 10px 10px 0 0;}
.header-right-icons span.notification, .header-right-icons span.message { font-size: 24px; position: relative;  top: 5px;}
.header-right-icons span.notification b, .header-right-icons span.message b { position: absolute; top: 0;  right: 0; width: 12px; height: 12px;background: #000; border-radius: 100px;}
.header-right-icons span.notification b { background: #fa732f; top: 3px; right: 5px;}
.header-right-icons span.notification { top: 3px;}
.header-right-icons span.user i.flaticon-user { font-size: 28px; position: relative; top: 9px;}
.header-right-icons span.user i.flaticon-user:after { content: "\f103"; font-family: Flaticon; font-style: normal;color: #000; font-size: 20px; position: absolute; right: -27px;top: -1px;}
.header-right-icons span.dropdown-toggle-btn .dropdown-list {position: absolute; right: -20px; top: 48px; z-index: 99; background: #fff; width: 250px;  box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.15);
    border-radius: 5px; text-align: left; padding: 10px 0;  display: none;}
.header-right-icons span.dropdown-toggle-btn.active .dropdown-list { -webkit-animation: scale-up-tr 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: scale-up-tr 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;  display: block;}


@-webkit-keyframes scale-up-tr {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
  }
}
@keyframes scale-up-tr {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
  }
}


.header-right-icons span.dropdown-toggle-btn .dropdown-list:before{ content: '';  position: absolute; right: 30px;  top: -6px; background: #fff;  width: 13px;
    height: 13px;  transform: rotate(45deg);  box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.03);}
.header-right-icons span.dropdown-toggle-btn.user .dropdown-list:before {background:#fa732f;}
.header-right-icons span.dropdown-toggle-btn .dropdown-list ul li a { display: block; font-size: 15px; color: #999; padding: 6px 10px; border-bottom: solid 1px rgba(238, 238, 238, 0.54);}
.header-right-icons span.dropdown-toggle-btn .dropdown-list ul li:last-child a{ border: none;}
.header-right-icons span.dropdown-toggle-btn .dropdown-list ul li a:hover { background: #eee; color: #041d38;}
.header-right-icons span.dropdown-toggle-btn.more .dropdown-list { right: -15px;}
.header-right-icons span.dropdown-toggle-btn.more { width: 20px;}
.header-right-icons span.dropdown-toggle-btn.more .dropdown-list:before { right: 17px;}
.header-right-icons span.dropdown-toggle-btn.message {margin-right: 10px;}
.header-right-icons span.dropdown-toggle-btn.user ul li a {padding-left: 40px; position: relative;}
.header-right-icons span.dropdown-toggle-btn.user ul li a i { position: absolute; left: 10px; top: 10px; font-size: 16px;}

/*** sidebar menu ***/
aside.side-bar { position: fixed; left: 0; top: 0; background: #091620; height: 100%; width: 210px;  overflow: auto; padding-bottom: 10px; transition: all .2s; z-index: 99;}
aside.side-bar .sidebar-menu .brand-logo {text-align: center; margin: 20px 0;}
.sidebar-menu .main-menu h4 {font-size: 11px; color: #fff; text-transform: uppercase; margin: 30px 0 5px 0; padding: 0 0px 0 20px;}
.sidebar-menu .main-menu ul li a { font-size: 13px; display: block;  padding: 8px 0 8px 20px; color: #b5b5b5; position: relative;cursor: pointer;}
.sidebar-menu .main-menu ul li a:hover{color: #fa732f;}
.sidebar-menu .main-menu ul li.active a{color: #fa732f;}
.sidebar-menu .main-menu ul li.active a:before{background: #fa732f; opacity: 1;}
.sidebar-menu .main-menu ul li a i {font-size: 19px; display: inline-flex; margin-right: 5px;}
.sidebar-menu .main-menu ul li a:before {  content: '';  position: absolute; left: 0; top: 8px; width: 3px; background: #fa732f; opacity: 0; height: 30px;}
.sidebar-menu .main-menu ul li a:hover:before{opacity: 1;}


/*** main section ***/
main.main-content { padding: 0 20px;min-height: calc(100vh - 121px);}
.section-header { padding: 20px 0;}
.section-header .page-heading { display: flex; align-items: center;}
.section-header .page-heading h2 { font-size: 21px;font-weight: 700;border-right: solid 1px #ccc;margin: 0 14px 0 0; padding: 0 10px 0 0;}
.section-header .page-heading span.page-sub-heading { color: #8b8b96; font-size: 14px;}
.btn.orange-btn { font-weight: 500; background: #fa732f; color: #fff; font-size: 13px; outline: none;padding: 9px 15px;border:1px solid #fa732f !important; }
.btn.dark-blue-btn { font-weight: 500;background: #041d38; color: #fff; font-size: 13px; outline: none; padding: 9px 15px; border:1px solid #041d38 !important;}
.btn.with-icon i { position: absolute; left: 10px;  font-size: 18px;  top: 5px;}
.btn.with-icon { position: relative; padding-left: 35px;}
.btn.orange-btn:focus { box-shadow: 0 0 0 0.2rem rgba(250, 114, 46, 0.27);}
button.btn.dark-blue-btn:focus{ box-shadow: 0 0 0 0.2rem hsla(211, 87%, 12%, 0.27);}
form label,.form label { display: block; color: #041d38; font-weight: 600; font-size: 14px;}
button.upload-file-btn { position: relative;  display: inline-block; overflow:hidden;}
button.upload-file-btn  input.upload-inp { position: absolute; left: 0;top: 0;height: 100%;width: 100%; cursor: pointer;text-indent: -150px; opacity: 0;}
span#filename-7 { margin-left: 10px; font-size: 14px; color: #a6a6ae;}
.form-control::placeholder { font-size: 14px;color: #a6a6ae;}
.form-control:-ms-input-placeholder { font-size: 14px; color: #a6a6ae;}
.form-control::-ms-input-placeholder { font-size: 14px; color: #a6a6ae;}
.form-control{ font-size: 14px; color:#041d38;border-color: #dee0e8;}
select.form-control::-ms-expand { display: none;}
select.form-control {  -webkit-appearance: none;   background-image: url(../images/select-arrow.png); -webkit-appearance: none;
-moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;  background-repeat: no-repeat;   background-position: calc(100% - 10px) center;padding-right: 30px;}
textarea.form-control {  height: 160px;}
footer.footer {   float: right;   width: 100%;  max-width: calc(100% - 210px); padding: 20px;}
footer.footer .copyright { text-align: center; font-size: 13px;  color: #8b8b96;}
.form-control:focus {  color: #495057;   background-color: #fff;    border-color: #c3c3c3;  outline: 0;  box-shadow: 0 0 0 0.2rem rgba(179, 179, 179, 0.25);}
body.menu-close aside.side-bar {  left: -210px;}
body.menu-close header.header, body.menu-close main.main-content {  max-width: 100%;}
.steps-cols p {   display: flex;  padding-bottom: 10px;  margin-bottom: 0;  padding-top: 10px; flex-wrap: wrap;  padding-left: 70px;  height: 100%;  position: relative;
    align-items: center;}
.steps-cols p strong {font-size:52px; padding: 0 10px; line-height: 60px;  background: #041d38;  width: 60px;  height: 60px;  border-radius: 50%;  text-align: center;
    color: #fff;  display: inline-block;   position: absolute;   left: 0;   top: 0;  bottom: 0;  margin: auto;}
.card-title{font-size: 1.1rem; font-weight: 600;}
.steps-cols .card{color:#fff;}
.steps-cols .card.gray{ background:#8b8b96}
.steps-cols .card.dark{ background:#041d38}
.steps-cols .card.orange{ background:#fa732f}
.steps-cols .card:hover{ background:#fff; color:#041d38;-webkit-box-shadow: 0px 0px 18px -6px rgba(0,0,0,0.31);-moz-box-shadow: 0px 0px 18px -6px rgba(0,0,0,0.31);box-shadow: 0px 0px 18px -6px rgba(0,0,0,0.31);}
.modal-body{ text-align:center; padding-top:20px; padding-bottom:20px;}
.modal-header .close{position: absolute; right: 8px; top: 7px;}
.modal-footer{justify-content:center; border:0;}
.modal-content{padding-bottom:20px;}
.modal-title{    width: 100%; text-align: center;}
.modal-title i{color:#fa732f}
.modal-footer .btn.btn-default{ background:#041d38; color:#fff}
.modal-footer .btn.btn-default,.modal-footer .btn.btn-primary{height:40px;}
.modal-footer .btn.btn-primary,.modal-footer .btn.btn-primary:hover{ background:#fa732f; border-color:#fa732f;}
/*login*/
.login-bg{background:#091620; height:100vh; position:relative; flex-wrap:wrap;flex-flow: column;}
.login-bg:before{content:""; background:url('../images/login-bg.jpg') no-repeat; position:absolute; left:0; 
                 right:0; top:0; bottom:0; width:100%; height:100%; background-size:cover; opacity: 0.06;}
.login-cont {  background: #fff;  position: relative;  border-radius: 10px; padding: 30px;  width: 90%; max-width: 400px;}
.forgot-link{font-size:14px; text-decoration:underline !important; color:#091620; cursor:pointer; position:relative; top:-6px;}
.forgot-link:hover{color:#fa732f;}
.login-txt{ text-transform: uppercase; font-size: 1.5rem;  margin-top: 20px;  margin-bottom: 20px;}
.footer-copyright { color: #6b6b6b;  font-size: 13px;  margin-top: 12px;  margin-bottom: 20px;}
.search-form {position:relative;}
.search-form i { position: absolute; top: 11px;  right: 8px;}
.about p{font-size:14px;}
.main-validation { position: absolute;  background: #fa732f;  right: 0;  top: 8px;  padding: 20px;  border-radius: 5px;  color: #fff;}
.main-validation p{ font-size: 13px; margin-bottom:0; padding-right:27px;}
.main-validation i{ position: absolute;  right: 5px; top: 5px; color:#fff}

/*validation messages*/
.main-validation.errorMessage,.main-validation.warningMessage,.main-validation.successMessage{-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.11);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.11);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.11); background:#ef5b54; color:#fff; border-color:#ef5b54; border-radius:5px; top:20px; right:20px; padding:15px 33px 15px 54px;}
.main-validation .mdi-close { top: 5px; right: 6px;  font-size: 17px;  color: #fff;}
.main-validation.errorMessage:before,.main-validation.warningMessage:before,.main-validation.successMessage:before { content:"\f071";display: inline-block; font:normal normal normal 14px/1 FontAwesome; font-size: 20px; color: #fff; position: absolute;  left: 16px;top: 14px;}
.main-validation.warningMessage{background:#fa732f; border-color:#fa732f;}
.main-validation.warningMessage:before{content:"\f06a";}
.main-validation.successMessage{background:#4acec3; border-color:#4acec3;}
.main-validation.successMessage:before{content:"\f058";}
.login-password i { position: absolute; top: 40px;  right: 8px;    color: #041d38;}
.login-password{position:relative;}
.login-password .form-control{padding-right:30px;}
.error-img{max-width:500px; width:80%;}
.answer-row { border-bottom: 1px solid #f2f3f8; margin-bottom: 15px; padding-bottom: 10px;}
.answer-row p { margin-bottom: 10px;}
.dataTables_filter { display:none;}
.row-disable { background-color:#f2f3f8 !important; }
.password-info { font-size: 12px; margin-bottom: 20px;}
table#militaryItemsTable.dataTable tbody td:last-child{text-align:left;}
.date-row{position:relative; width:100%; display:inline-block;}
.date-row img{max-width:22px;}
.ui-datepicker-trigger { position: absolute; top:8px; right:8px;}
.dataTables_empty{text-align:center !important;}
header.header.admin-header { padding: 11px 25px;}


/*** Responsive ***/

@media (max-width: 991px){
.header .left-h-content h5 span{display: none;}
.header .left-h-content h5{white-space:nowrap;}
header.header, main.main-content { width: 100%; max-width: calc(100% - 0px);}
aside.side-bar {left: -210px;}
body.menu-close aside.side-bar {left: 0;}
body.menu-close header.header .left-h-content span.toggle-menu-btn {left: 210px;}
}

@media (max-width: 767px){
main.main-content {padding: 0;}
body.menu-close header.header, body.menu-close main.main-content { left: 210px;}
body.menu-close header.header .left-h-content span.toggle-menu-btn{left: 0;}
.header-right-icons span.dropdown-toggle-btn .dropdown-list{width: 180px;}
.section-header .button-group {text-align: left; margin-top: 20px;}
textarea.form-control {height: 100px;}
footer.footer{max-width: 100%; padding-left: 0;padding-right: 0;}
footer.footer .copyright { text-align: center; font-size: 12px;}
.h2-heading{font-size: 1.5rem;}
.card-title {font-size: 1rem;}
.login-bg{display: block !important;padding-top: 15px;height:auto}
.login-cont{margin: 0px auto 0;}
.login-bg .footer-copyright {margin: 0;text-align: center;padding: 20px 0;}
.login-cont img { max-width: 150px;}
header.header.admin-header { padding: 11px 5px;}
.align-items-stretch.steps-cols .col-sm-4 { margin-bottom: 18px;}
}
/* datatable paging begin */
.table-responsive+.bottom { display: flex; align-items: center; justify-content: space-between;  margin: 20px 0 0 0;width: 100%;}
.table-responsive+.bottom .dataTables_length {margin-top: 0 !important;}
.table-responsive+.bottom .dataTables_length  label { font-size: 14px;margin: 0;}
.table-responsive+.bottom .dataTables_length  label select.form-control {display: inline-block; width: 80px; height: 35px;border-radius: 30px;}
.table-responsive+.bottom .dataTables_paginate  a.paginate_button { color: #666 !important; border: 1px solid #dee2e6; background: transparent; box-shadow: none; font-size: 13px;  display: inline-block; min-width: 1.5em; padding: 0.5em 0.8em; margin-left: -1px;
    text-align: center; text-decoration: none !important; cursor: default;font-size:13px;    border-radius: 50%;
    width: 32px;  height: 32px;   margin: 0 3px;}
.table-responsive+.bottom .dataTables_paginate a.paginate_button.current {background:#091620; color: #fff !important;}
.dataTables_length select { border-radius:5px;border: 1px solid #ced4da; padding:5px;}
.dataTables_length select:focus{outline:0; border: 1px solid #ced4da;}
.dataTables_paginate.paging_full_numbers .paginate_button { padding: 0 !important;  width: 38px; height: 35px;  display: inline-flex !important;  justify-content: center; align-items: center; overflow: hidden; vertical-align: middle; cursor: pointer !important;}
.dataTables_paginate.paging_full_numbers .paginate_button.current {  cursor: not-allowed;}
.dataTables_paginate.paging_full_numbers .paginate_button:hover:not(.current) { background: #f1f1f1 !important;}
.dataTables_paginate.paging_full_numbers .paginate_button.first, .dataTables_paginate.paging_full_numbers .paginate_button.previous, .dataTables_paginate.paging_full_numbers .paginate_button.next, .dataTables_paginate.paging_full_numbers .paginate_button.last {
    text-indent: -1000px;  position: relative;}
.dataTables_paginate.paging_full_numbers .paginate_button.first:after, .dataTables_paginate.paging_full_numbers .paginate_button.previous:after, .dataTables_paginate.paging_full_numbers .paginate_button.next:after, .dataTables_paginate.paging_full_numbers .paginate_button.last:after {
    content: '';  position: absolute; left: 0; right: 0; margin: 0 auto; text-indent: 0px; display: flex; justify-content: center; align-items: center;     font: normal normal normal 20px FontAwesome;
    font-weight: 500;}
.dataTables_paginate.paging_full_numbers .paginate_button.first:after { content:"\f100";}
.dataTables_paginate.paging_full_numbers .paginate_button.previous:after { content: "\f104";}
.dataTables_paginate.paging_full_numbers .paginate_button.last:after { content:"\f101";}
.dataTables_paginate.paging_full_numbers .paginate_button.next:after {content:"\f105";}

/* datatable paging end */
/* loader begin */
.page-loader-full { position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; z-index: 999; display: flex; justify-content: center;
    align-items: center;}
.lds-roller {display: inline-block;  position: relative;  width: 80px;  height: 80px;}
.lds-roller div {  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;  transform-origin: 40px 40px;}
.lds-roller div:after {  content: " ";  display: block;  position: absolute;  width: 7px;  height: 7px;  border-radius: 50%;  background: #fff;  margin: -4px 0 0 -4px;}
.lds-roller div:nth-child(1) {  animation-delay: -0.036s;}
.lds-roller div:nth-child(1):after {  top: 63px;  left: 63px;}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* loader end */