/* LOGIN STYLES */
.auth-bg {
    position: relative;
    background-image: url(../../assets/images/airplane-at-sunrise.jpg) !important;
    background-size: cover !important;
    background-position: center !important;
    z-index: 1;
    overflow: hidden;
}

.auth-bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Adjust the opacity here */
    z-index: 2;
}

.auth-bg > * {
    position: relative;
    z-index: 3;
}

.app-topbar {
    background: #00529b !important;
}

.app-topbar .logo {
    display: block !important;
    padding: 0 !important;
    /*background:white;*/
    /*padding-right: 15px !important;*/
    margin-right: 8px !important;
}

.logo-lg img {
    height: 50px !important;
}

.app-topbar .topbar-menu .topbar-item .topbar-link {
    color: #fff;
}

.ac-top-nav-item {
    display: unset;
}

.topbar-link:hover {
    color: #00a5ce !important;
}

.topbar-link:focus {
    color: #00a5ce !important;
}

.topbar-link.active {
    color: #00a5ce !important;
}
.sidenav-toggle-button {
    color: white !important;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .page-container {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.app-topbar .topbar-menu {
    background: #00529b !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.nav-user {
    background: white !important;
}

.topbar-client-logo {
    background: white;
    padding-left: 20px;
    padding-right: 20px;
}

.client-logo {
    margin-right: 10px;
}

.user-initials {
    background-color: #00529b !important;
    border-color: #00529b !important;
    color: white !important;
    font-weight: 600;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 3px;
    padding-top: 3px;
    display: none;
}

.user-initials a:hover {
    color: white !important;
}

.sidenav-menu {
    background: #00529b !important;
}

.side-nav .side-nav-item .side-nav-link {
    color: #bfd4e6 !important;
}

.side-nav-link a:hover {
    color: #fff !important;
}

.sidenav-toggle-button {
    display: none;
}

.megamenu-list li {
    padding: 5px 20px 5px 15px;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background: #f5fafd !important;
    color: #037ade !important;
    border-color: #d1d9e2 !important;
    border-bottom-color: white !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    /*background: #4c4c5c*/
    /*text-transform:uppercase;*/
}
.nav-tabs .nav-link {
    padding-left: 8px !important;
    padding-right: 8px !important;
}
    
.nav-tabs {
    border-color: #d1d9e2 !important;
}

.nav-pills > li > a, .nav-tabs > li > a {
    font-weight: 700;
}

.button-close-fullsidebar {
    display: block !important;
}

/* LINK STYLES */
a { cursor:pointer !important}

/* COLOR STYLES */
.aero-blue {
    color: #00529b;
}

/* CONTAINER/SECTION STYLES */
.page-content {
    padding: 0 .5rem !important;
}
.tight-flex {
    column-gap: 0.75rem; /* spacing between label-control pairs */
    row-gap: 0.25rem; /* spacing between wrapped rows */
}

/* BUTTON STYLES */
.btnMagnifyGlass {
    display: block;
    width: 22px;
    height: 22px;
    background: url(../../images/btn_magnify_glass.gif) no-repeat 0 0;
    cursor: pointer;
}
.btn-xs {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    line-height: 1.2;
    border-radius: 0.2rem;
}

.btn-control-icon {
    border: solid 1px #ced4da;
    height: 30px;
    padding: 5px !important;
    border-radius: 0.2rem;
    margin-left: 4px;
}

.btn-control-icon:hover {
    background: #ebebeb;
    border: solid 1px #ced4da;
}

.btn-control-icon i {
    margin-right: 0px !important;
}

.btn-outline-info {
    background: white !important;
}

.btn-outline-info:hover {
    background: #3379b5 !important;
}

.btn-svg-icon {
    padding-left: 12px !important;
}

.btn-svg-icon svg, i {
    margin-right: 5px;
}

.btn-toggler {
    background: none;
    border: none;
    margin-left: auto;
}
a.btn-primary {
    text-decoration: none !important;
    color: white !important;
    font-weight: 600 !important;
    background-color: #00529b !important;
    border-color: #00529b !important
}

a.btn-primary:hover {
    background-color: #004079 !important;
    border-color: #004079 !important
}

a.btn-warning {
    text-decoration: none !important;
    color: white !important;
    font-weight: 600 !important;
}

a.btn-danger {
    text-decoration: none !important;
    color: white !important;
    font-weight: 600 !important;
    background-color:#ff0000 !important;
}
a.btn-danger:hover {
    background-color: #c20202 !important;
}


a.btn-success {
    text-decoration: none !important;
    color: white !important;
    font-weight: 600 !important;
}

a.btn-info {
    text-decoration: none !important;
    color: white !important;
    font-weight: 600 !important;
}
.breadcrumb-item a:hover {
    color: #00529b !important;
}

/* FONTS/TEXT */
.fw-800 {
    font-weight: 800 !important;
}

.h1desc {
    color: #184178;
    font-size: 14px;
    font-weight: bold;
}

/* FORM STYLES */
input[type="checkbox"] {
    margin-right:5px !important;
}
.card-header-grid {
    padding-bottom: 2px !important;
    padding-top: 8px;
    padding-left: 18px;
    padding-right: 18px;
}

.card-header-form {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #1d5789 !important;
}

.form-row-std {
    margin-bottom: 3px !important;
}

.form-col-lbl-std {
    padding-right: 0 !important;
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
    line-height: 1.3;
}

.form-card-body {
    padding: 10px !important;
}

.toggle-icon {
    width: 16px;
    height: 16px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    background-image: url('data:image/svg+xml,<svg xmlns=""http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="#4c4c5c" stroke-linecap="round" stroke-linejoin="round"><path d="M2 5L8 11L14 5"></path></svg>');
}

button.toggle-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

button:not(.collapsed) .toggle-icon {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

button.collapsed .toggle-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.form-control-default {
    display: block;
    width: 100%;
    padding: .1rem .2rem;
    font-size: .8125rem;
    font-weight: 400;
    color: black;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--osen-secondary-bg);
    background-clip: padding-box;
    border: var(--osen-border-width) solid var(--osen-border-color-translucent);
    border-radius: .2rem;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}

.form-control-default:hover {
    background: #e9f3fe;
    border-color: #184178;
}

.form-buttons-resp {
    margin-top: 0.25rem !important;
}

.form-text label {
    font-size: 13px;
    color: #061455 !important;
    font-weight:unset;
}
.label-text-default {
    font-size: 13px;
    color: #061455 !important;
}
.lt_blue {
    color: #037ade !important;
}
.form-text span.lt_blue {
    font-size: 13px;
    color: #037ade;
}

.form-col-ctrl-std span.lt_blue {
    font-size: 13px;
    color: #037ade;
}

.form-text span.orange {
    font-size: 13px;
}
.orange {
    color: #e17a14;
}


.form-text span.green {
    font-size: 13px;
}

.form-col-lbl-std {
    padding-top: 0.275rem !important;
    padding-bottom: 0.275rem !important;
}

.rbl-bootstrap {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 1rem;
}

.rbl-bootstrap input[type="radio"] {
    margin-right: .35rem;
}

/* FORM/PADDING */
.pl-1 {
    padding-left: 0.5rem !important;
}
.pl-2 {
    padding-left: 0.75rem !important;
}
.pr-2 {
    padding-right: 0.75rem !important;
}

/* TABLE STYLES */
.grid-scroll-x {
    overflow-x: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch;
}
.dt_grey_b table {
    border: solid 1px #dedfe0;
    border-collapse: collapse;
    padding: 0px;
}

.dt_grey_b th {
    border: solid 1px #dedfe0;
    border-collapse: collapse;
    background-color: #005399;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 3px;
}

.dt_grey_b td {
    border: solid 1px #dedfe0;
    border-collapse: collapse;
    background-color: white;
    padding: 3px;
}

.dt_grey_b_dims {
    padding-top: 2px;
}

.dt_grey_b_dims table {
    border: solid 1px #dedfe0;
    border-collapse: collapse;
    padding: 0px;
}

.dt_grey_b_dims th {
    border: solid 1px #dedfe0;
    border-collapse: collapse;
    background-color: #005399;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 3px;
}

.dt_grey_b_dims td {
    border: solid 1px #dedfe0;
    border-collapse: collapse;
    background-color: white;
    padding: 3px;
}

/* TELERIK OVERRIDES */
html body .RadInput .riTextBox, html body .RadInputMgr {
    border: solid 1px #ced4da !important;
    padding: 2px 2px 1px;
    vertical-align: middle;
    border-radius:2px !important;
}
html body .RadInput_AOL_Default .riHover, html body .RadInput_Hover_AOL_Default, html body .RadInput_AOL_Default .riFocused, html body .RadInput_Focused_AOL_Default {
    background: #e9f3fe;
    border: solid 1px #184178 !important;
}
.RadComboBox .rcbInputCell {
    height:19px !important;
    line-height:19px !important;
}

.rtsLink {
    background: #00529b !important;
    color: white !important;
}
    .rtsLink:hover {
        background: #00a5ce !important;
        color: white !important;
    }
.rtsSelected .rtsLink {
    color: #00529b !important;
    background: #fafdff !important;
}
.RadTabStrip .rtsLI {
    margin-right:1px !important;
}
.RadComboBoxDropDown .rcbList {
    cursor:pointer !important;
}
.rgNoRecords div {
    background: #e8f5fd;
    color: #00529b;
    padding: 4px;
    border: solid 1px #a0c9e5;
    border-radius: 2px;
}
/* IMAGE BUTTONS */
.btnRefresh {
    display: block;
    width: 24px;
    height: 25px;
    background: url(../../images/btn_refresh.gif) no-repeat 0 0;
    cursor: pointer;
}

.btnRefresh:hover {
    background-position: 0 -25px;
}

.btnRefresh span {
    display: none;
}

.btnRefreshAddr {
    display: block;
    width: 24px;
    height: 25px;
    background: url(../../images/btn_refresh_addr.png) no-repeat 0 0;
    cursor: pointer;
}

.btnRefreshAddr:hover {
    background-position: 0 -25px;
}

.btnRefreshAddr span {
    display: none;
}

/* === Tab bar looks like .nav.nav-tabs === */
.osen-tabs .rtsLevel1 {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid var(--bs-border-color);
}

/* reset list items */
.osen-tabs .rtsLI {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* tab link like .nav-link inside .nav-tabs */
.osen-tabs .rtsLink {
    display: block;
    padding: .5rem 1rem;
    border: 1px solid transparent;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    color: var(--bs-nav-link-color, var(--bs-body-color));
    text-decoration: none;
    background-color: transparent;
    line-height: 1.25rem;
}

    /* hover to show subtle border like BS */
    .osen-tabs .rtsLink:hover {
        border-color: var(--bs-border-color);
        border-bottom-color: transparent; /* keep the underline gap like nav-tabs */
        color: var(--bs-nav-link-hover-color, var(--bs-body-color));
        background-color: var(--bs-tertiary-bg, rgba(0,0,0,.02));
    }

/* active tab (selected) */
.osen-tabs .rtsSelected .rtsLink,
.osen-tabs .rtsSelected .rtsOut,
.osen-tabs .rtsSelected .rtsIn {
    color: var(--bs-nav-tabs-link-active-color, var(--bs-body-color));
    background-color: var(--bs-body-bg, #fff);
    border-color: var(--bs-border-color);
    border-bottom-color: transparent; /* connects visually to pane */
}

/* disabled */
.osen-tabs .rtsDisabled .rtsLink {
    color: var(--bs-secondary-color, #6c757d);
    opacity: .65;
    pointer-events: none;
    background: transparent;
    border-color: transparent;
}

/* content pane like .tab-content > .tab-pane (border connected to active tab) */
.osen-tabpane {
    border: 1px solid var(--bs-border-color);
    border-top: 0;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
    background: var(--bs-body-bg, #fff);
    padding: 1rem;
}

/* mobile: allow horizontal scroll for many tabs like Osen demos */
@media (max-width: 576px) {
    .osen-tabs .rtsLevel1 {
        flex-wrap: nowrap;
        overflow-x: auto;
        white-space: nowrap;
        gap: .5rem;
        -webkit-overflow-scrolling: touch;
    }

    .osen-tabpane {
        padding: .75rem;
    }
}

/* optional: hide Telerik scroll arrows if they appear */
.osen-tabs .rtsScrollButtons {
    display: none !important;
}

/* MEDIA QUERIES*/
@media (max-width: 991px) {
    .user-initials {
        display: flex !important;
    }
    .sidenav-toggle-button {
        display: block !important;
    }
    .ac-top-nav-item {
        display: none !important;
    }
}

@media (max-width: 767px) {
    
    /*.nav-link span {
        display: none;
    }*/
}

@media (min-width: 768px) {
    .page-title-head {
        height: 46px !important;
    }
}

@media (max-width: 575px) {
    .fcc-resp {
        margin-top: 0 !important;
    }
    .form-col-parent-resp {
        margin-bottom: 0.5rem !important;
    }
    .form-buttons-resp {
        margin-top: 0rem !important;
    }
}

/* Make the wrapper scroll sideways */
.grid-hscroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* smooth on iOS */
    display: block;
}

    /* Let the table grow wider than the container */
    .grid-hscroll .RadGrid,
    .grid-hscroll .rgMasterTable {
        width: auto !important; /* override skin's width:100% */
        table-layout: auto !important; /* allow natural widths */
    }

    /* Force real overflow by setting a floor. Start large; tune later. */
    .grid-hscroll .rgMasterTable {
        min-width: 1100px; /* adjust to your columns */
    }

        /* Prevent columns from collapsing */
        .grid-hscroll .rgMasterTable th,
        .grid-hscroll .rgMasterTable td {
            white-space: nowrap;
        }

/* (Optional) quick visual debug
.grid-hscroll { outline: 2px dashed red; }
.grid-hscroll .rgMasterTable { outline: 2px dashed blue; }
*/