/* change text and line colors */
body {
    color: #202124;
}

table.dataTable td,
table.dataTable th {
    color: #202124 !important;
}

.table-bordered {
    border: 1px solid #d7d9db;
}

.table-bordered th,
.table-bordered td {
    border: 1px solid #d7d9db;
}

.table th,
.table td {
    border-top: 1px solid #d7d9db;
}

.table thead th {
    border-bottom: 2px solid #d7d9db;
}

.table tbody+tbody {
    border-top: 2px solid #d7d9db;
}

.cell-center {
    text-align: center;
    vertical-align: middle !important;
}

.cell-center-left {
    text-align: left;
    vertical-align: middle !important;
}

.table-no-padding tr td {
    padding: 0 !important;
    margin: 0 !important;
}

.table-no-border tr td {
    border: 0px !important;
}

table thead th, table thead td {
    font-weight: bold !important;
}

table.dataTable .header-extra th {
    border-bottom: 0px;
}

/*  FORM */
.form-group {
    margin-bottom: 0.9rem !important;
}

.form-control:not('default-input') {
    /* height: calc(1.5em + 1.3rem + 2px); */
    /* height: 35px; */
    border: 1px solid #e4e5e7;
    color: #858993;
    height: calc(1.3em + 1.0rem + 1.7px);
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.btn.btn-icon:focus,
.btn.btn-icon:hover {
    color: #0264AF;
    border: 1px solid #0264AF;
}

.btn.btn-brand.btn-elevate:focus,
.btn.btn-brand.btn-elevate:focus > i {
    background-color: white !important;
    color: #0264AF !important;
}

tr:focus {
    outline: none !important;
}

select:not('custom-select') {
    padding: 5px 10px !important;
}

.custom-select:not('default-input') {
  margin: 0 5px 0 5px;
}

.select2-container {
    width: 100% !important;
    padding: 0;
}

option.separator {
	background: rgba(0,0,0,0.2);
	font-size: 1px;
	color:#666;
}

input:read-only, textarea:read-only {
   background-color: #f2f2f2!important;
}

.numbersep, .currency, .percent, .alignnumber, .singledecimal, .number, .amountTotal, .rate, input[type=number] {
  text-align: right!important;
}

.dropdown-left select { text-align-last: right; }
.dropdown-left option { direction: rtl; }

/* Remove controls from Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* Re-applies the controls on :hover and :focus */
input[type="number"]:hover,
input[type="number"]:focus {
  -moz-appearance: number-input;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: auto;
}

.text-muted {
    color: #757575 !important;
}

.kt-widget24__desc {
    color: #757575 !important;
}

.kt-widget14__desc {
    color: #757575 !important;
}

.kt-notification__item-time {
    color: #757575 !important;
}

.kt-subheader__breadcrumbs-link {
    color: #697296 !important;
}

.kt-portlet .kt-portlet__head:not(.kt-portlet__head--noborder) {
    border-bottom: 1px solid #d7d9db !important;
}

.kt-portlet .kt-portlet__foot {
    border-top: 1px solid #d7d9db !important;
}

.dropdown-item {
    color: #6c7293;
}

/* lower the header size and sidebar*/
@media (min-width: 961px) {
    .kt-header--fixed .kt-wrapper {
        padding-top: 40px !important;
    }

    .kt-header {
        height: 40px !important;
    }
}

@media (max-width: 961px) {
    .kt-header__topbar {
        height: 35px;
    }

    .kt-header-mobile--fixed .kt-wrapper {
        padding-top: 35px !important;
    }

    .kt-header-mobile {
        height: 35px !important;
    }
}

.kt-aside__brand {
    height: 40px !important;
}

/* No border for form-control */
.no-border {
    border: 0;
    box-shadow: none;
    /* You may want to include this as bootstrap applies these styles too */
    background-color: transparent !important;
}

/* change breadcrumbs color */
.kt-subheader__breadcrumbs-link {
    color: #757575 !important;
}

.kt-subheader__breadcrumbs-link--active {
    color: #202124 !important;
}

.kt-subheader__breadcrumbs-link:hover {
    color: #202124 !important;
}

.custom_breadcrumbs-separator:after {
    font-family: "Font Awesome\ 5 Free";
    font-style: normal;
    font-weight: bold;
    content: "\f054";
    text-align: center;
    width: 1em;
    display: inline-block;
    font-size: 11px;
    color: #bababa;
    margin: 0 4px 0 4px;
    cursor: default
}

.nav-pills, .nav-tabs {
    margin: 0 0 10px 0 !important;
}

.nav-tabs .nav-link {
    text-transform: none;
}

.nav-tabs .nav-link:not(.tabori) {
    font-weight: bold;
    color: #FFFAFA !important;
    background-color: #0264AF;
}

.nav-tabs .nav-link:not(.tabori) i {
    color: #FFFAFA !important;
}

.nav-tabs .nav-link.active:not(.tabori) {
    font-weight: bold;
    color: #0264AF !important;
    background-color: #FFFAFA;
}

.nav-tabs .nav-link.active:not(.tabori) i {
    color: #0264AF !important;
}

.nav-pills .nav-item .nav-link, .nav-tabs .nav-item .nav-link {
    padding: 0.75rem 0rem !important;
}

.sectionBar {
    background-color: #0264AF;
    height: 30px;
    line-height: 30px;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    vertical-align: middle;
}

.sectionTitle {
    font-weight: bold !important;
    font-size: 14px !important;
    color: white;
    padding: 10px;
}

/* image gallery */
#image-gallery .modal-footer {
    display: block;
}

.thumb {
    margin-top: 15px;
    margin-bottom: 15px;
}

.hovereffect {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}

.hovereffect .overlay {
    width: 100%;
    position: absolute;
    overflow: hidden;
    left: 0;
    top: auto;
    bottom: 0;
    height: 4.75em;
    background: #79FAC4;
    color: #3c4a50;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: hidden;
}

.hovereffect h2 {
    text-transform: none;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 12px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.6);
    float: left;
    margin: 0px;
    display: inline-block;
}

.hovereffect p.files-type {
    font-size: 1.0em;
    position: absolute;
    top: 0;
    right: 0;
    padding: 3px;
    margin: 2px;
    border-radius: 10px;
}

.image-icon {
    color: white;
    background: #36a3f7;
}

.pdf-icon {
    color: white;
    background: #fd3995;
}

.hovereffect h2 {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0, 200%, 0);
    transform: translate3d(0, 200%, 0);
    visibility: visible;
}

.hovereffect:hover .overlay,
.hovereffect:hover h2,
.hovereffect:hover p.files-type {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.hovereffect:hover h2 {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

.fixedbar {
    bottom: 0px;
    left: 0;
    padding: 10px 0;
    position: fixed;
    width: 100%;
    z-index:999;
    float: left;
    vertical-align: middle;
    margin: 0px 0 0;
    background: rgba(2, 101, 177, 0.7);
    border-color: transparent;
}

.bg-brand {
    background-color: #0264AF !important;
}

label.required:after, span.required:after {
   content:"*";
   color:red;
}

.applications-box .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}
.applications-box .row > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

ul.list-popover {
    margin-left:0px;
    padding-left:1em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

/* The max width is dependant on the container (more info below) */
.popover{
    max-width: 100%; /* Max Width of the popover (depending on the container!) */
}

.tab-badge {
  /* height: 25px !important; */
  /* width: 25px !important; */
  font-size: 1rem !important;
}

.kt-aside--minimize .kt-aside__brand .kt-aside__brand-logo .app-version {
      display: none; }