body,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.tooltip,
.popover,
.form-control,
.input-group-text,
.btn,
.popover-header,
div.tagsinput span.tag {
    font-family: 'Roboto', sans-serif !important;
}

/* .content {
    margin: 0 auto !important;
    padding: 24px 24px 1px !important;
    width: 99% !important;
    max-width: 99% !important;
    overflow-x: visible !important;
} */

#page-container.page-header-fixed #main-container {
    padding-top: 20px !important;
}

/* #page-container.sidebar-o {
    padding-left: 60px !important;
} */

.content-header {
    width: 100% !important;
    max-width: 100% !important;
}

a {
    color: #3792cb;
    text-decoration: none !important;
}

a:hover {
    color: #215779;
}

.page-item.active .page-link {
    background-color: #1C97A6 !important;
    border-color: #1C97A6!important;
}

h1 {
    font-size: 1.428571rem !important;
    font-weight: 400 !important;
    line-height: 28px !important;
    padding: .25rem .25rem .25rem 0 !important;
    margin: .75rem .25rem 1.25rem 0 !important;
    display: block !important;
}

table.dataTable {
    width: 100% !important;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
    right: 1em !important;
    content: "" !important;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    top: 12px !important;
}

table.dataTable thead .sorting:after {
    content: "\f0dc" !important;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    right: 0.5em !important;
    content: "\f0dc" !important;
}

.sidebar-inverse #sidebar .nav-main a>i,
.sidebar-inverse #sidebar .nav-main a.active>i,
.sidebar-inverse #sidebar .nav-main a:focus>i,
.sidebar-inverse #sidebar .nav-main a:hover>i {
    /* color: #f36b21; */
    color: #1C97A6;
}

.table thead th {
    border-top: none !important;
    border-bottom: none !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 16px;
}

ul.nav-main>li a {
    text-transform: uppercase;
    color: #fff;
}

ul.nav-main>li ul li a {
    padding: 7px 8px 7px 0;
    font-size: 13px;
    text-transform: capitalize !important;
    color: rgba(255, 255, 255, .6) !important;
}

ul.nav-main>li ul li a:hover {
    color: #fff !important;
}

img.nitro-logo {
    max-width: 785px;
    width: 100%;
}

img.header-logo {
    height: 50px;
}

.bg-image.withvideo {
    display: none !important;
    background-image: url(../../media/images/video-still.jpg);
}

.bg-video {
    background-color: #100400;
}

.full-screen {
    object-fit: cover;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
}

h2.content-heading small {
    padding: 0 10px;
}

@media only screen and (max-width: 1399px) {
    .bg-video video {
        width: auto !important;
    }
}

@media screen and (max-width: 991px) {
    .bg-image.withvideo {
        display: block !important;
    }
    .bg-video {
        display: none !important;
    }
}

@media only screen and (max-width: 575px) {
    img.header-logo {
        height: 40px;
    }
    .mb-15-mob {
        margin-bottom: 15px;
    }
}

.table-sm>:not(caption)>*>* {
    padding: .5rem .5rem !important;
}

.height-200 select {
    height: 200px !important;
}

#page-container.page-header-inverse #page-header {
    color: #cbd2dd;
    background-color: #2C3643;
}

#page-container.sidebar-inverse #sidebar {
    color: rgba(234, 238, 238, .6);
    background-color: #2C3643;
    box-shadow: none;
}

#page-container.sidebar-inverse #sidebar:hover {
    color: #ffffff;
}

.sidebar-inverse #sidebar .nav-main li.open>a.nav-submenu>i { color: #fff; }

.sidebar-inverse #sidebar .nav-main a {
    text-transform: capitalize;
} 

.btn-success {
    color: #ffffff;
    background-color: #5e972d !important;
    border-color: #649130 !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success.focus {
    color: #ffffff;
    background-color: #9ccc65 !important;
    border-color: #7eb73d !important;
}

.login-info-content-pw-reset {
    padding: 0 20px;
    border: 1px solid #000000;
    max-width: 650px;
    margin-top: 40px;
}

@media only screen and (max-width: 600px) {
    .login-info-content-pw-reset {
        margin-top: 0;
    }
}

.login-info-content-pw-enter {
    padding: 0 20px;
    border: 1px solid #000000;
    max-width: 650px;
    margin-top: 60px;
}

#page-header.login-info {
    left: 0 !important;
}

.form-floating label {
    font-weight: normal !important
}

/* Pagination */

ul.stream.pagination {
    margin-bottom: 0;
    border: 1px solid #eee;
    float: right;
}

ul.stream.pagination li a,
.pagination--start a,
ul.stream.pagination span {
    height: 34px;
    line-height: 16px;
    font-size: 1rem;
    font-weight: 600;
    position: relative;
    display: block;
    padding: 8px 10px;
    margin-left: -1px;
    color: #171717;
}

ul.stream.pagination li a:focus,
ul.stream.pagination li a:hover {
    color: #171717;
    background-color: #eaeeee;
    border-color: #eaeeee;
}

ul.stream.pagination li.active span {
    background-color: #1C97A6;
    border-color: #1C97A6;
    color: white;
}

ul.stream.pagination .pagination--start span,
ul.stream.pagination .pagination--end span {
    color: #aaaaaa;
}

.slim-logo {
    width: 36px !important;
    margin-left: -10px !important;
    margin-top: -2px;
}

.custom-badge { font-weight: 400 !important; font-size: 90% !important; color: #000 !important; padding: 8px 8px 6px 8px !important; }
.badge.badge-primary.custom-badge { background-color: #cbdfe4 !important; }
.badge.badge-success.custom-badge { background-color: #c2dcc6 !important; }
.badge.badge-primary.custom-badge, 
.badge.badge-success.custom-badge { min-width: 170px !important; }
#table-clients, #table-clients-group, #add-new-clients-table { border-collapse: collapse !important; }
.client-groups div#table-clients-group_wrapper.dataTables_wrapper div.dataTables_filter input,
.client-groups div#table-clients_wrapper.dataTables_wrapper div.dataTables_filter input,
.client-groups div#add-new-clients-table_wrapper.dataTables_wrapper div.dataTables_filter input { 
    margin-left: 0px !important; width: 100%;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB2ZXJzaW9uPSIxLjEiICAgaWQ9InN2ZzQ0ODUiICAgdmlld0JveD0iMCAwIDIxLjk5OTk5OSAyMS45OTk5OTkiICAgaGVpZ2h0PSIyMiIgICB3aWR0aD0iMjIiPiAgPGRlZnMgICAgIGlkPSJkZWZzNDQ4NyIgLz4gIDxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhNDQ5MCI+ICAgIDxyZGY6UkRGPiAgICAgIDxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgICAgICA8ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4gICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxnICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC0xMDMwLjM2MjIpIiAgICAgaWQ9ImxheWVyMSI+ICAgIDxnICAgICAgIHN0eWxlPSJvcGFjaXR5OjAuNSIgICAgICAgaWQ9ImcxNyIgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjAuNCw4NjYuMjQxMzQpIj4gICAgICA8cGF0aCAgICAgICAgIGlkPSJwYXRoMTkiICAgICAgICAgZD0ibSAtNTAuNSwxNzkuMSBjIC0yLjcsMCAtNC45LC0yLjIgLTQuOSwtNC45IDAsLTIuNyAyLjIsLTQuOSA0LjksLTQuOSAyLjcsMCA0LjksMi4yIDQuOSw0LjkgMCwyLjcgLTIuMiw0LjkgLTQuOSw0LjkgeiBtIDAsLTguOCBjIC0yLjIsMCAtMy45LDEuNyAtMy45LDMuOSAwLDIuMiAxLjcsMy45IDMuOSwzLjkgMi4yLDAgMy45LC0xLjcgMy45LC0zLjkgMCwtMi4yIC0xLjcsLTMuOSAtMy45LC0zLjkgeiIgICAgICAgICBjbGFzcz0ic3Q0IiAvPiAgICAgIDxyZWN0ICAgICAgICAgaWQ9InJlY3QyMSIgICAgICAgICBoZWlnaHQ9IjUiICAgICAgICAgd2lkdGg9IjAuODk5OTk5OTgiICAgICAgICAgY2xhc3M9InN0NCIgICAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjY5NjQsLTAuNzE3NiwwLjcxNzYsMC42OTY0LC0xNDIuMzkzOCwyMS41MDE1KSIgICAgICAgICB5PSIxNzYuNjAwMDEiICAgICAgICAgeD0iLTQ2LjIwMDAwMSIgLz4gICAgPC9nPiAgPC9nPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: 0px 2px !important;
    padding-left: 20px;
}
.css-switch .css-control-input:checked ~ .css-control-indicator-ss { background-color: #1C97A6 !important; }
.form-check-input { box-shadow: none !important; }
.form-check-input:checked { background-color: #5A949C !important; border-color: #5A949C !important; box-shadow: none !important; }

.manage-clients-button.btn-ft-success:disabled, .group-settings-button.btn-ft-success:disabled {
    opacity: 1 !important;
    border: 1px solid #000 !important;
}

.manage-clients-button.btn-ft-success:not(disabled), .group-settings-button.btn-ft-success:not(disabled) {
    opacity: 0.65 !important;
    border: 1px solid #5A949C !important;
}

.manage-clients-button.btn-ft-success:not(disabled):hover, .group-settings-button.btn-ft-success:not(disabled):hover {
    opacity: 0.65 !important;
    border: 1px solid #000 !important;
}