/* Version 2021.07.21.1 - SmartAdmin */
#login-button {
    margin-top: 15px;
    margin-bottom: 5px;
}

#login-title {
    margin-bottom: 20px;
    text-align: center;
}

.login-footer {
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.page-login-logo {
    height: auto !important;
}

    .page-login-logo img {
        height: auto !important;
        width: auto !important;
        padding-top: 10px;
        padding-bottom: 10px;
        min-height: 80px;
    }

.page-logo-link img {
    width: auto !important;
}

/*fit the login header image into the bar*/
.btn i {
    margin-right: 3px;
}

/*MODAL POPUP*/
#colorbox, #cboxOverlay, #cboxWrapper {
    border-radius: 4px;
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    outline: none;
    border: none;
    text-decoration: none;
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857143px;
    display: block;
}

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20);
}

h4.modal-title {
    font-weight: bold;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal-body {
    padding: 20px;
}

.modal-footer {
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    padding: 19px 20px 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

    .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
        content: " ";
        display: table
    }

    .clearfix:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after {
        clear: both
    }

/****COLORBOX DEFAULTS****/
#cboxLoadedContent {
    margin-bottom: 0;
}

.modal-body {
    padding: 20px 20px 0;
    overflow: auto;
}

    .modal-body .alert {
        margin-bottom: 10px;
        padding: 5px 35px 5px 5px;
    }

.modal-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

h4.modal-title {
    font-weight: bold;
}

/* 2 column data presentation */
.data-row {
    margin-bottom: 0;
}

    .data-row .data-name,
    .data-row .data-value {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        padding: 5px;
    }

    .data-row .data-name {
        width: 12em;
        background-color: #ececec;
        color: #b9b9b9;
        font-size: 0.9em;
        vertical-align: top;
    }

    .data-row .data-value {
        padding-left: 10px;
    }

/* full page such as 404, login, register */
.full-page-wrapper {
    width: 100%;
    min-height: 100%;
    position: relative;
}

    .full-page-wrapper .inner-page {
        padding-top: 5%;
    }

    .full-page-wrapper .footer {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }

.control-inline {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
}

input[type=radio], input[type=checkbox] {
    float: left;
    margin: 2px 5px 0 0;
}

/*------------------------------------------------*/
/*  Page: Login
/*------------------------------------------------*/
.login-header-block {
    margin-bottom: 60px;
}

.btn-login-facebook {
    background-color: #3B5998;
    color: #fff;
    position: relative;
    width: 100%;
    height: 40px;
    padding-left: 40px;
}

    .btn-login-facebook:hover, .btn-login-facebook:focus {
        color: #fff;
        background-color: #37538d;
    }

    .btn-login-facebook:before {
        font-family: Font Awesome\ 5 Pro;
        font-size: 20px;
        content: "\f09a";
        display: block;
        position: absolute;
        top: -1px;
        left: -1px;
        padding: 7px 0;
        width: 40px;
        height: 40px;
        background-color: #2d4373;
    }

.page-admin .separator {
    margin: 30px auto;
    position: relative;
    width: 100%;
}

    .page-admin .separator:before {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        content: "";
        vertical-align: middle;
        height: 0;
        border-top: 1px solid #dddddd;
        position: absolute;
        top: 9px;
        left: 10px;
        right: 10px;
    }

    .page-admin .separator span {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        position: relative;
        background-color: #f1f1f1;
        padding: 0 8px;
    }

.page-admin .page-admin-box {
    width: 100%;
    border: 1px solid #dddddd;
    padding: 25px;
    text-align: left;
    background-color: #fafafa;
}

    .page-admin .page-admin-box .title {
        font-size: 1.2em;
        line-height: 1;
        margin-bottom: 15px;
        text-align: center;
        font-family: 'latoregular';
    }

    .page-admin .page-admin-box .input-group {
        width: 100%;
        margin-bottom: 10px;
    }

        .page-admin .page-admin-box .input-group .input-group-addon {
            width: 36px;
            background-color: #fff;
        }

        .page-admin .page-admin-box .input-group input {
            border-right: none;
        }

            .page-admin .page-admin-box .input-group input:focus {
                border-color: #ccc;
            }

    .page-admin .page-admin-box .btn-login {
        margin-top: 20px;
        margin-bottom: 30px;
    }

.page-admin .links {
    text-align: center;
}

    .page-admin .links p {
        margin-bottom: 0;
        font-size: 0.9em;
    }

        .page-admin .links p a:hover {
            text-decoration: none;
        }

.page-admin input.form-control {
    padding: 10px;
    height: 34px;
}

/*------------------------------------------------*/
/*  general
/*------------------------------------------------*/

.nav-menu li > ul li > ul li > ul li a span.nav-link-text {
    padding-left: 10px;
}

.post-address input {
    margin-bottom: 10px;
}

/* tabbed navigation */
.modal-content, .nav-tabs > li > a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border-bottom: 1px solid rgba(0,0,0, .35);
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    background-color: inherit;
}

/* targets tabs in popups */
.mod-skin-dark .modal-body .nav-tabs .nav-item .active {
    border-bottom: 1px solid rgba(0,0,0, .35) !important;
}

.modal-body .nav-tabs .nav-item .active {
    border-bottom: 1px solid #f8f8f8 !important;
}

.nav-tabs.nav-tabs-right > li {
    float: right;
}

.tab-content {
    padding: 15px 0;
}

.modal-body {
    padding: 20px 20px 0;
    overflow: auto;
}

    .modal-body .alert {
        margin-bottom: 10px;
        padding: 5px 35px 5px 5px;
    }

h4.modal-title {
    font-weight: bold;
}

/* full page such as 404, login, register */
.full-page-wrapper {
    width: 100%;
    min-height: 100%;
    position: relative;
}

    .full-page-wrapper .inner-page {
        padding-top: 5%;
    }

    .full-page-wrapper .footer {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }

.control-inline {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
}

/*.dropdown-menu {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
}*/

input[type=radio], input[type=checkbox] {
    float: left;
    margin: 2px 5px 0 0;
}

/*------------------------------------------------*/
/*  Tables
/*------------------------------------------------*/

.table-responsive {
    display: table;
}

.table {
    margin-bottom: 0;
}

.table > thead {
    font-size: 0.9em;
}

.table > thead > tr > th {
    vertical-align: bottom;
}

.table a:hover {
    text-decoration: none;
}

.table-dark-header > thead > tr > th a, .table-dark-header th a:hover,
.table-dark-header .responsive-title a,
.table-dark-header .responsive-title a:hover {
    color: #ffffcd;
    text-decoration: none;
}

.table .action-column a {
    color: #999;
}

    .table .action-column a:hover {
        color: #555;
    }


.table .action-column {
    width: 30px;
}

.table-fixed {
    table-layout: fixed;
}

    .table-fixed td {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .table-fixed th {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .table-fixed .action-column {
        text-overflow: clip;
    }

.table-sorting thead th {
    cursor: default;
}

.table-sorting .sort_asc a:before,
.table-sorting .sort_desc a:before {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    font-family: FontAwesome;
    content: '';
    padding-right: 3px;
}

.table-sorting .sort_asc a:before {
    font-family: Font Awesome\ 5 Pro;
    content: '\f309';
    margin-top: -2px;
}

.table-sorting .sort_desc a:before {
    font-family: Font Awesome\ 5 Pro;
    content: '\f30c';
    margin-top: -2px;
}

.table-sm th, .table-sm td {
    padding: 0.5rem 0.4rem;
}

.table-xs th, .table-xs td {
    padding: 0.3rem 0.2rem;
}

.table-xs td {
    border: none;
}

.table-xs tr {
    border-bottom: solid 1px #dedede;
}

    .table-xs tr:last-child {
        border-bottom: none;
    }

/* data tables */
.dataTables_length {
    float: left;
    margin-bottom: 5px;
}

.dataTables_filter {
    float: right;
    margin-bottom: 5px;
}

    .dataTables_length label, .dataTables_filter label, .dataTables_info, .dataTables_paginate {
        font-weight: normal;
        font-size: 0.85em;
    }

.dataTables_info {
    line-height: 2.7em;
}

.dataTables_paginate {
    text-align: right;
}

    .dataTables_paginate ul {
        margin: 0;
    }

.dataTables_scrollBody {
    margin-bottom: 20px;
}

    .dataTables_scrollBody .table {
        margin-bottom: 0;
    }

.table-sorting thead th {
    cursor: pointer;
}

.dataTables_scrollBody .table-sorting th:after {
    content: '';
    height: 0;
}

.table-hover tbody tr:hover {
    -webkit-box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
    box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
    z-index: 1;
}

.tablesorter thead tr .header {
    background: url(../images/bg.gif) no-repeat center right;
    cursor: pointer;
}

.tablesorter thead tr .headerSortUp {
    background: url(../images/asc.gif) no-repeat center right;
}

.tablesorter thead tr .headerSortDown {
    background: url(../images/desc.gif) no-repeat center right;
}

.tablesorter thead tr th:last-child {
    background: none;
}


.panel .panel-hdr .panel-header-toolbar {
    float: right;
    width: auto;
    height: 35px;
    border-left: 1px solid #dddddd;
    padding-left: 10px;
    margin-left: 10px;
    padding-top: 4px;
    margin-top: 6px;
}

.btn-group, .btn-group-vertical {
    position: relative;
    /*display: inline-block;*/
    vertical-align: middle;
}

.page-level {
    float: left;
    margin: 4px;
}

.panel-hdr .buttons {
    float: left;
    margin-left: -7px;
    margin-top: 7px;
}

.list-panel-hdr {
    display: block;
}

.panel-hdr-bottom {
    border-radius: 0px 0px 4px 4px;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

@media screen and (min-width: 768px) {
    .search-box .form-group {
        margin: 0 10px 10px 0;
    }

    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-group {
        margin-bottom: 10px;
    }
}

.form-group {
    margin-bottom: 15px;
}

    .form-group label {
        display: inline-block;
    }

    .form-group input {
        display: inline-block;
    }

.search-box .form-group {
    margin-bottom: 10px;
}
/*------------------------------------------------*/
/* Reports
/*------------------------------------------------*/
.report-filter-row {
    margin-bottom: 7px;
    padding-bottom: 7px;
    border-bottom: solid 1px #eee
}

    .report-filter-row .form-group {
        margin-right: 5px;
    }

    .report-filter-row > * {
        vertical-align: top;
    }

    .report-filter-row select[multiple] {
        height: auto;
    }

.report-field-input, .form-control.report-field-input {
    padding: 0 0.3rem;
    height: 20px;
}

.report-field-input-td {
    padding: 0.3rem 0.3rem;
}

.report-action-icon:hover {
    cursor: pointer;
}

.report-column-search-hide {
    display: none;
}

/*------------------------------------------------*/
/*  Responsive
/*------------------------------------------------*/
@media screen and (max-width: 1279px) {
    .widget .widget-header em {
        display: none;
    }

    .widget .widget-header .btn-help {
        display: none;
    }
}

@media screen and (min-width: 1366px) {
    .sidebar-content .list-info-sidebar .data-name {
        width: 10em;
    }
}

@media screen and (min-width: 1850px) {
    .sidebar-content .list-info-sidebar .data-name {
        width: 15em;
    }
}

@media screen and (max-width: 768px) {
    .left-sidebar {
        display: none;
    }

    .sidebar-minified {
        display: none;
    }

    .content-wrapper {
        padding: 15px;
    }
}

@media screen and (min-width: 768px) {
    .page-admin .page-admin-box {
        width: 50%;
    }

    .btn-login-facebook {
        width: 50%;
    }

    .page-admin .separator {
        width: 50%;
    }

    .btn-group-wrapper {
        margin: 0 0 10px;
        padding: 10px 0 0;
        border-top: 1px solid lightgrey;
    }

    .search-box .form-group {
        margin: 0 10px 10px 0;
    }

    .form-group {
        margin-bottom: 10px;
    }

    .form-row-label {
        text-align: right;
    }
}

@media screen and (min-width: 992px) {
    .left-sidebar {
        display: block !important;
        overflow: visible !important;
    }

    .page-admin .page-admin-box {
        width: 30%;
    }

    .btn-login-facebook {
        width: 30%;
    }

    .page-admin .separator {
        width: 31%;
    }
}

@media screen and (max-width: 768px) {
    .top-content ul.mini-stat {
        display: block;
    }

        .top-content ul.mini-stat > li {
            width: 100%;
            border-left: none;
            padding-bottom: 15px;
        }

    .top-content ul.quick-access > li {
        width: 100%;
    }

    .main-header h2 {
        display: block;
        border-right: none;
    }

    .full-page-wrapper {
        position: initial;
        padding-top: 5em;
        margin-top: 0;
    }

        .full-page-wrapper .inner-page {
            position: relative;
            padding: 0 1em;
        }

    .top-bar .top-bar-right {
        border-top: 1px solid #f1f1f1;
        padding: 10px 0 0;
        margin: 10px 0 0;
    }

    .btn-group-wrapper {
        margin: 0;
    }

        .btn-group-wrapper .btn,
        .btn-group-wrapper select {
            margin-bottom: 15px;
            float: left;
        }

        .btn-group-wrapper select {
            margin-top: 3px;
        }

    .search-box .btn-group, .search-box .btn-group-vertical {
        display: block;
    }

        .search-box .btn-group > .btn, .search-box .btn-group-vertical > .btn {
            float: none;
            width: 100% !important;
            text-align: left;
        }

    .btn-group-wrapper .btn-group {
        margin-top: 10px;
    }

    .search-box .input-group {
        display: block;
    }

    .form-label {
        text-align: left;
    }

    /* Force table to not be like tables anymore */
    table.table-responsive, table.table-responsive thead, table.table-responsive tbody, table.table-responsive th, table.table-responsive td, table.table-responsive tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        table.table-responsive thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        table.table-responsive tr {
            border: 1px solid #ccc;
            margin-bottom: 10px;
        }

        table.table-responsive td {
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            /*padding-left: 50%;*/
        }

            table.table-responsive td:before {
                /* Now like a table header */
                position: absolute;
                /* Top/left values mimic padding */
                top: 6px;
                left: 6px;
                width: 45%;
                padding-right: 10px;
                white-space: nowrap;
            }

        table.table-responsive .action-column {
            width: 100%;
            text-align: center
        }

        table.table-responsive .responsive-title {
            display: block;
            font-weight: bold;
            padding: 2px;
        }

        table.table-responsive .responsive-title-empty {
            display: none;
        }
}

@media screen and (max-width: 480px) {
    .top-bar .notifications .general .dropdown-menu {
        left: inherit;
    }

    .top-bar .notifications .inbox .dropdown-menu {
        left: inherit;
    }

    .top-bar .notifications .dropdown-menu {
        width: 100%;
    }

    .widget .widget-header .widget-header-toolbar {
        display: block;
        float: right;
        border-left: none;
        margin-left: 0;
        padding-left: 0;
    }

    .sidebar-content {
        display: none;
    }

    .widget .widget-header {
        height: 100%;
    }

        .widget .widget-header h3 {
            float: none;
        }

    .data-row .data-name,
    .data-row .data-value {
        display: block;
    }

    .full-page-wrapper {
        padding-top: 0;
    }

        .full-page-wrapper .inner-page {
            padding: 5em 1em;
        }

        .full-page-wrapper .footer {
            position: relative;
        }

    .widget-header-toolbar .dropdown-menu {
        right: auto;
        left: 0;
    }

    .dataTables_filter {
        float: none;
    }

    .table-sorting .sorting_asc:after,
    .table-sorting .sorting_desc:after,
    .table-sorting .sorting:after {
        position: absolute;
        top: 0;
    }

    .table > thead > tr > th {
        position: relative;
    }

    .nav-tabs > li, .nav-tabs.nav-tabs-right > li {
        float: none;
    }

    .page-level {
        margin: 8px 5px 8px 0;
    }

    .modal-footer .btn {
        width: 100%;
        margin: 0 0 10px !important;
        text-align: left;
    }

    .modal-footer {
        position: absolute;
    }

        .modal-footer .form-buttons {
            width: 100%;
        }
}

@media screen and (max-width: 320px) {
    .widget .widget-header .widget-header-toolbar.page-selector {
        float: left;
        clear: both;
    }

    .footer p {
        padding: 3px 0 0;
    }
}

.clear {
    clear: both;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.validation-summary-errors {
    border: 1px solid #EBCCD1;
    color: #A94442;
    background-color: #F2DEDE;
    padding: 10px;
    margin-bottom: 10px;
}

    .validation-summary-errors ul {
        margin: 0px;
        padding: 0px;
    }

        .validation-summary-errors ul li {
            padding: 0px;
            margin-left: 20px;
        }

.field-validation-error {
    color: #DB3833;
}

.page-admin .page-admin-box .input-group {
    margin-top: 10px;
    margin-bottom: 0px;
}

input.required-field, textarea.required-field, select.required-field {
    background-color: #ffffe5;
}

label.required-field {
    font-weight: bold;
}

.main-nav a:focus {
    text-decoration: none;
}


/*------------------------------------------------*/
/* Form Controls
/*------------------------------------------------*/

.form-row {
    overflow: hidden;
    margin-bottom: 5px;
}

.form-row-label {
    float: left;
    width: 150px;
    text-align: right;
    padding: 5px 5px 0px 0px;
}

.form-row-field {
    float: left;
    padding: 1px;
}

.form-row input[type="text"],
.form-row input[type="password"],
.form-row select,
.form-row textarea,
.search-box input[type="text"],
.search-box input[type="password"],
.search-box select,
.search-box textarea,
.page-selector select {
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 4px;
}

.form-row select, .search-box select, .page-selector select {
    height: auto;
}

    .form-row input[type="text"]:disabled,
    .form-row input[type="password"]:disabled,
    .form-row select:disabled,
    .form-row textarea:disabled,
    .search-box input[type="text"]:disabled,
    .search-box input[type="password"]:disabled,
    .search-box select:disabled,
    .search-box textarea:disabled,
    .page-selector select:disabled {
        background-color: #cccccc;
    }

.form-control {
    padding: 3px;
    height: 25px;
    font-size: inherit;
}

.form-control, .input-group .form-control { /*-webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0;*/
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn, .input-group-addon {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.form-buttons .btn {
    margin-bottom: 15px;
}

.form-label {
    text-align: right;
    padding-top: 3px;
}

input.datefield {
    background-image: url('../images/calendar.png');
    background-repeat: no-repeat;
    background-position: center right 6px;
}

/****BUTTON SETTINGS******/
.btn-default .caret {
    border-top-color: #fff;
}

fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .open .dropdown-toggle.btn-default, .open fieldset[disabled] .dropdown-toggle.btn-default, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
    background-color: #7c7c7c;
}

.btn-link {
    border-color: transparent;
}

    .btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link.active, .btn-link .open .dropdown-toggle.btn-link {
        outline: none;
        text-decoration: none;
    }

.btn-group > .btn {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

    .btn-group > .btn + .dropdown-toggle {
        border-left: 1px solid rgba(0, 0, 0, 0.1);
    }

.btn-custom-primary {
    background-color: #e24715;
    border-color: #cb4013;
    color: #fff;
}

    .btn-custom-primary:hover, .btn-custom-primary:focus, .btn-custom-primary:active, .btn-custom-primary.active, .btn-custom-primary .open .dropdown-toggle.btn-warning {
        background-color: #d94414;
        color: #fff;
    }

.btn-custom-secondary {
    background-color: #1caca0;
    border-color: #18968c;
    color: #fff;
}

    .btn-custom-secondary:hover, .btn-custom-secondary:focus, .btn-custom-secondary:active, .btn-custom-secondary.active, .btn-custom-secondary .open .dropdown-toggle.btn-warning {
        background-color: #1ba398;
        color: #fff;
    }

/*BOOTSTRAP COLUMN FLOAT FIX - THIS ALLOWS FOR COLUMNS IN COLUMNS*/
@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }
}

@media (max-width: 575px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
        float: left;
    }

    .form-label {
        text-align: left;
    }
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
    float: left;
}

.col-1, .col-sm-1, .col-md-1, .col-lg-1, .col-2, .col-sm-2, .col-md-2, .col-lg-2, .col-3, .col-sm-3, .col-md-3, .col-lg-3, .col-4, .col-sm-4, .col-md-4, .col-lg-4, .col-5, .col-sm-5, .col-md-5, .col-lg-5, .col-6, .col-sm-6, .col-md-6, .col-lg-6, .col-7, .col-sm-7, .col-md-7, .col-lg-7, .col-8, .col-sm-8, .col-md-8, .col-lg-8, .col-9, .col-sm-9, .col-md-9, .col-lg-9, .col-10, .col-sm-10, .col-md-10, .col-lg-10, .col-11, .col-sm-11, .col-md-11, .col-lg-11, .col-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
}

.custom-control-label {
    margin-left: 8px;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #777777;
    background-color: #555;
}

.panel-tag-tight {
    padding: .5rem;
}

#nav_filter_input {
    height: 35px;
}

.no-padding {
    padding: 0 !important;
}

.panel-content.no-padding .search-box {
    padding: 10px 10px 0 10px;
}

html body .blankpage-form-field {
    width: 550px;
    max-width: 85%;
}


.info-card {
    height: 4.5rem;
    text-align: center;
}

    .info-card img.cover {
        top: -5rem;
    }

    .info-card .info-card-text {
        margin-left: auto;
        margin-right: auto;
    }

.main-header {
    margin-bottom: 20px;
}

    .main-header h2 {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        margin: 0;
    }

.pull-right {
    float: right !important;
}


.report-filter-row select, .report-filter-row input {
    padding: 3px;
    height: 25px;
    font-size: inherit;
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.47;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.bootbox .modal-header, .bootbox .modal-footer {
    border: none;
}

.page-selector {
    margin-bottom: 20px;
}

    .page-selector i {
        vertical-align: middle;
        margin: 0.4rem;
    }

    .page-selector select {
        margin-left: 0.1rem;
        margin-right: 0.1rem;
    }

#filterContainer .form-inline .form-group {
    margin-bottom: 2px;
    margin-top: 2px;
    max-width: 100%;
}

.required-field:focus {
    background-color: #ffffe5;
}

/* Fix Mac Display issue */
.row:before, .row:after {
    display: none !important;
}

.square-corners {
    border-radius: 0 0 0 0;
}

/*Dark Mode Fixes*/

.mod-skin-dark:not(.mod-skin-light) .report-filter-row,
.mod-skin-dark:not(.mod-skin-light) .table-xs tr {
    border-bottom: solid 1px #37393e;
}

.mod-skin-dark:not(.mod-skin-light) button.report-field-input-color {
    color: white;
    background-color: inherit;
}

.mod-skin-dark:not(.mod-skin-light) button.multiselect {
    background-color: #202125;
}

.mod-skin-dark:not(.mod-skin-light) input.required-field,
.mod-skin-dark:not(.mod-skin-light) select.required-field {
    background-color: #3a3a30;
}

input.required-field:-webkit-autofill,
input.required-field:-webkit-autofill:hover,
input.required-field:-webkit-autofill:focus,
textarea.required-field:-webkit-autofill,
textarea.required-field:-webkit-autofill:hover,
textarea.required-field:-webkit-autofill:focus,
select.required-field:-webkit-autofill,
select.required-field:-webkit-autofill:hover,
select.required-field:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #ffffe5 inset;
    transition: background-color 5000s ease-in-out 0s;
}

.mod-skin-dark:not(.mod-skin-light) input:-webkit-autofill,
.mod-skin-dark:not(.mod-skin-light) input:-webkit-autofill:hover,
.mod-skin-dark:not(.mod-skin-light) input:-webkit-autofill:focus,
.mod-skin-dark:not(.mod-skin-light) textarea:-webkit-autofill,
.mod-skin-dark:not(.mod-skin-light) textarea:-webkit-autofill:hover,
.mod-skin-dark:not(.mod-skin-light) textarea:-webkit-autofill:focus,
.mod-skin-dark:not(.mod-skin-light) select:-webkit-autofill,
.mod-skin-dark:not(.mod-skin-light) select:-webkit-autofill:hover,
.mod-skin-dark:not(.mod-skin-light) select:-webkit-autofill:focus {
    -webkit-text-fill-color: rgb(232, 240, 254) !important;
    -webkit-box-shadow: 0 0 0px 1000px rgba(0, 0, 0, .15) inset;
    transition: background-color 5000s ease-in-out 0s;
}

.mod-skin-dark:not(.mod-skin-light) input.required-field:-webkit-autofill,
.mod-skin-dark:not(.mod-skin-light) input.required-field:-webkit-autofill:hover,
.mod-skin-dark:not(.mod-skin-light) input.required-field:-webkit-autofill:focus,
.mod-skin-dark:not(.mod-skin-light) textarea.required-field:-webkit-autofill,
.mod-skin-dark:not(.mod-skin-light) textarea.required-field:-webkit-autofill:hover,
.mod-skin-dark:not(.mod-skin-light) textarea.required-field:-webkit-autofill:focus,
.mod-skin-dark:not(.mod-skin-light) select.required-field:-webkit-autofill,
.mod-skin-dark:not(.mod-skin-light) select.required-field:-webkit-autofill:hover,
.mod-skin-dark:not(.mod-skin-light) select.required-field:-webkit-autofill:focus {
    -webkit-text-fill-color: rgb(232, 240, 254) !important;
    -webkit-box-shadow: 0 0 0px 1000px rgba(0, 0, 0, .15) inset;
    transition: background-color 5000s ease-in-out 0s;
}