:root {
    --air-gradient: linear-gradient(to bottom, #38b6ff, #5baff5, #70a8eb, #7fa1df, #899bd3, #9495d0, #a08fcb, #ac88c4, #c47dbb, #dc70aa, #ee6390, #f85c70);
    --air-border-light: #b7b7b7;
}

/*Companycolors*/
.txt-primary {
    color: var(--bs-corporate-blue)
}

    .txt-primary > button {
        color: #38b6ff !important
    }

.text-danger > button {
    color: red !important
}

.txt-secondary {
    color: #F85c70
}

.btn.btnprimary {
    background-color: #38b6ff !important;
    color: white
}

.btn.btnCallOut {
    background-color: #f85c70;
    color: white
}

.formcontrol_background {
    background-color: #F2F3F6
}

.pagination > li > a, .pagination > li > span {
    border-radius: 50% !important;
    margin: 0 5px;
}

.gridRows {
    font-family: "Questrial-Regular" !important;
    /*font-family: 'Roboto Regular', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;*/
    color: #171D3d;
}
    /*.gridRows, .dx-vam {
    font-family: var(--bs-font-Questrial);
    color: #171D3d;
}*/

    .gridRows.bg-primary {
        background-color: #38b6ff !important;
    }

    .gridRows th {
        color: #545454 !important;
        border-style: none !important;
        font-size: 14px;
        padding-bottom: 10px !important;
        padding-top: 10px !important;
        border-width: 0px !important;
        /*font-family: "Questrial-Regular";*/
        font-family: "Questrial-Regular";
        /*font-family: 'Roboto Regular', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;*/
    }

.gridCommandColumn button {
    margin: 5px;
}

.dxbs-filter-row .btn-link {
    color: #545454 !important;
}

.gridRows td {
    color: #545454;
    border-style: none !important;
    font-size: 14px;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
    padding-left: 15px !important;
    border-width: 0px !important;
    background-color: inherit;
}

.page-item.active > a {
    z-index: 3 !important;
    color: #fff !important;
    background-color: #38b6ff !important;
    border-color: #38b6ff !important;
}

.gridheaderRow {
    background-color: #f2F3F6 !important;
    font-weight: 100 !important;
    font-family: "Questrial-Regular";
    /*font-family: 'Roboto Regular', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;*/
    color: #000000 !important;
}

    .gridheaderRow th {
        background-color: #f2F3F6 !important;
        font-weight: 100 !important;
        font-family: "Questrial-Regular";
        /*font-family: 'Roboto Regular', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;*/
        color: #000000 !important;
    }

    .gridheaderRow a {
        color: var(--bs-airtext-dark) !important;
        padding: 8px;
    }


.custombtnShadow {
    box-shadow: rgba(0, 0, 0, 0.19) 0px 5px 5px, rgba(0, 0, 0, 0.23) 0px 6px 6px !important;
}

.customRound {
    border-radius: 15px !important
}

input[type="checkbox"] {
    appearance: none;
    color: var(--bs-dark-text) !important;
    margin: 0;
    font: inherit;
    width: 2.15em;
    height: 2.15em;
    border: 0.15em solid currentColor;
    border-radius: 0.15em;
    transform: translateY(-0.075em);
}

input[type="checkbox"] {
    /* ...existing styles */
    display: grid;
    place-content: center;
}

    input[type="checkbox"]::before {
        content: "";
        width: 1.15em;
        height: 1.15em;
        transform: scale(0);
        transition: 120ms transform ease-in-out;
        color: var(--bs-dark-text) !important;
    }

/*input[type="checkbox"]:checked::before {
        transform: scale(1);
        content: "\2713";
        text-align: center
    }*/

.form .form-input > input[type="checkbox"]:checked::before {
    transform: scale(1) !important;
    content: none !important;
    text-align: center !important;
    color: var(--bs-dark-text) !important;
}
/*input[type="checkbox"]::before {*/
/* ...existing styles */
/* Windows High Contrast Mode */
/*background-color: #A1A5b7;
    }*/
input[type=checkbox]:checked {
    color: var(--bs-dark-text) !important;
}

.modelheaderAccent {
    background-color: #fefefe;
}

.modelbodyAccent {
    background-color: #fefefe;
}


div:not(.updatedFooter) > .footerbottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
}

.updatedFooter .footerbottom {
    background-color: transparent !important;
}

.btn.dxbs-button {
    margin: 5px;
}

.card-body {
    background: white !important;
}

.cards {
    width: 30% !important;
}

.dxpc-header {
    padding-top: 10px !important;
}

.dropdown-arrow {
    position: absolute;
    right: 3.1%;
    cursor: pointer;
    color: #615e5e;
    bottom: 45%;
    height: 18px;
    padding: 7px;
}

#dropdown-arrow-icon {
    height: 18px;
}

.dropdown-arrow:hover {
    background-color: #38B6FF !important;
}
/*    .dropdown-arrow:hover #dropdown-arrow-icon {
        filter: brightness(0) invert(1); 
    }*/
@media screen and (max-width:768px) {
    .w-75 {
        width: 100% !important
    }

    .cards {
        width: 45% !important;
    }

    .dropdown-arrow {
        right: 3.5%;
        cursor: pointer;
    }

    #dropdown-arrow-icon {
        height: 17px;
    }
}

.modal-backdrop {
    width: auto;
    height: auto;
    max-width: auto;
}

.modal-content {
    width: auto;
    height: 100%;
}

.modal {
    overflow-y: auto;
}

#fabOptions, #fabOptions1, #ASPxFloatingActionButton2 {width:1px;height:1px;z-index:1000;}

/*Overwrite thead devexpress styles for page size drop-down button*/
.page-size div span.dropdown-toggle, .dxbs-filter-row .dxbs-dropdown-edit span.dropdown-toggle {
    padding: 5px 10px !important;
    background: #c4c4c4;
}

/*no elements fall behind the footer*/
#kt_app_content_container {
    padding-bottom: 60px;
}
/* label overrides for global color and size */
.form-label, .col-form-label {
    font-weight: 500;
    font-size: .9rem;
    padding: 0;
    margin: 0;
}

/*modify the switch styles (color, size, and label alignment) */
.form-check-input:checked {
    background-color: #3CACF0 !important;
    border-color: #3CACF0 !important;
}

    .form-check-input:checked + .form-check-label {
        color: #3CACF0 !important; /* Adjust this color */
    }

.form-switch .form-check-input {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e");
    border-color: #999;
    background-color: #999;
    width: 3.10em;
    height: 1.5em;
}

.form-switch .form-check-label {
    /*effectively matches the air caption styling*/
    margin-top: 0;
    margin-left: 0;
    color: var(--bs-light-text);
    font-size: 10pt !important;
}


/*styles needed to appropriately style specific input elements at different screen sizes on NewOrder 
    --jda 21 MAR 2025
*/
.w-phone {
    width: 35%;
}

@media (min-width: 576px) {
    .w-phone {
        width: 20%;
    }
}



.w-70 {
    width: 70% !important
}
/*Needed for popup support of iFrame stuff. Annoying*/
.h-90 {
    height: 90% !important
}

.airWorkFlowBtn {
    min-width:90px !important
}

/*
    this center and middle aligns the Select button on the NewOrder - Verify property popup
     --jda 21 MAR 2025
*/
.airGridRows td.centered-td {
    vertical-align: middle !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    text-align: center !important;
}

.airTextBoxBS {
    padding: 0.5rem;
}

/*fully hides an airLabel that has no text but allows for selective application to specific airLabels */
.airLabelEmpty:empty {
    display: none;
}

.airLabelEmpty {
    display: block;
}

/* this descendant selector was added for correctly styling the search box included in the NewOrder - Verify Popup
        --jda 21 MAR 2025
    */
.airGridPanelBodyTop input {
    display: block;
    width: 100%;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.1;
    color: var(--bs-light-text);
    background-color: var(--bs-light-gray) !important;
    background-clip: padding-box;
    border: 1px solid var(--bs-gray-300);
    appearance: none;
    border-radius: 5px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.airComboBoxButton {
    background-color: var(--bs-corporate-gray) !important;
}

.airComboBoxButtonHover {
    background-color: var(--bs-corporate-blue) !important;
}

.airComboBoxButtonThin {
    background-color: var(--bs-corporate-blue) !important;
}

.lock-icon {font-size:3.6em!important;}

.airFontFamily {
    font-family: "Questrial-Regular" !important;
}

.modal-backdrop {
    width: auto;
    height: auto;
    max-width: auto;
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000000;
    --bs-backdrop-opacity: 0.4;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-backdrop-zindex);
    background-color: var(--bs-backdrop-bg)
}

.modal-content {
    --bs-modal-width: 100% !important;
    width: auto;
    height: 100%
}

.modal {
    overflow-y: auto;
    --bs-modal-width: auto;
}

.modal-backdrop {
    width: auto;
    height: auto;
    max-width: auto;
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000000;
    --bs-backdrop-opacity: 0.4;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-backdrop-zindex);
    background-color: var(--bs-backdrop-bg)
}

.modal-content {
    width: auto;
    height: 100%;
}

.modal {
    overflow-y: auto;
}

/*button overrides for devexpress bootstrap controls*/
.dxbs-button.btn-secondary, .dxbs-button.btn-primary:not(.dxbs-fab), .dxbs-button.btn-success, .dxbs-button.btn-danger, .dxbs-button.btn-info, .dxbs-button.btn-light, .dxbs-button.btn-dark, .dxbs-button.btn-warning {
    background-color: var(--bs-light-gray) !important;
    border: 1px solid #9b9b9b !important;
    color: var(--bs-light-text) !important;
}

.dxbs-button.btn-primary:hover, .dxbs-button.btn.btn-primary:hover:not(.btn-active), .dxbs-button.btn.btn-primary:focus:not(.btn-active) {
    background-color: var(--bs-corporate-blue) !important;
    border: 1px solid #9b9b9b !important;
    color: #fff !important;
}

.dxbs-button.btn-success:hover, .dxbs-button.btn.btn-success:hover:not(.btn-active), .dxbs-button.btn.btn-success:focus:not(.btn-active) {
    background-color: var(--bs-accent-green) !important;
    border: 1px solid #199800 !important;
    color: #000 !important;
}

.dxbs-button.btn-danger:hover, .dxbs-button.btn.btn-danger:hover:not(.btn-active), .dxbs-button.btn.btn-danger:focus:not(.btn-active) {
    background-color: var(--bs-red) !important;
    border: 1px solid #790000 !important;
    color: #fff !important;
}

.dxbs-button.btn-warning:hover, .dxbs-button.btn.btn-warning:hover:not(.btn-active), .dxbs-button.btn.btn-warning:focus:not(.btn-active) {
    background-color: var(--bs-accent-orange) !important;
    border: 1px solid #725100 !important;
    color: #fff !important;
}

.dxbs-button.btn-info, .dxbs-button.btn.btn-info:hover:not(.btn-active), .dxbs-button.btn.btn-info:focus:not(.btn-active) {
    background-color: #0dcaf0 !important;
    border: 1px solid #0080b1 !important;
}

/* thesse are added to move from image to pure css in order to appropriately responsify the background*/
.bg-air-gradient {
    background-image: var(--air-gradient);
    background-attachment: fixed;
}

#callbackDetails_panel_CheckList, #pcEdit_PWF-1, .dxdpLite_Material .dxpc-mainDiv, .dxrpControl_Material,
.dxflGroupBox_Material, .airGridViewSearchControl, .dxgvTable_Material, .dxgvPagerBottomPanel_Material {
    border: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
}

.airContentContainer, .airContentContainer.airPanelThin {
    border-radius: 5px !important;
    border: 1px solid var(--air-border-light) !important;
    box-shadow: 0px 1px 2px 0px rgba(199,199,199,0.75) !important;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(199,199,199,0.75) !important;
    -moz-box-shadow: 0px 1px 2px 0px rgba(199,199,199,0.75) !important;
    background: white !important;
}

.airContentContainerCardTop, .airContentContainerCardBottom {
    border-left: 1px solid var(--air-border-light);
    border-right: 1px solid var(--air-border-light);
    box-shadow: 0px 1px 2px 0px rgba(199,199,199,0.75);
    -webkit-box-shadow: 0px 1px 2px 0px rgba(199,199,199,0.75);
    -moz-box-shadow: 0px 1px 2px 0px rgba(199,199,199,0.75);
}

.airContentContainerCardTop {
    border-top: 1px solid var(--air-border-light);
    border-radius: 5px 5px 0px 0px;
}

.airContentContainerCardBottom {
    border-bottom: 1px solid var(--air-border-light);
    border-radius: 0px 0px 5px 5px;
}

.airContentContainerMiddle {
    border-left: 1px solid var(--air-border-light);
    border-right: 1px solid var(--air-border-light);
    background: white !important;
}

#gridExceptions_DXStatus {
    background-color: white;
}

.addressPlaceholder::-ms-input-placeholder {
    font-weight: 600;
    color: #3c3c3c
}

.MarketingPanelbutton {
    box-shadow: var(--bs-box-shadow-button) !important;
    border: none !important;
    border-radius: 5px !important;
    height: 42px;
    font-weight: 400 !important;
    font-family: "Questrial-Regular" !important;
    font-weight: bold !important;
    text-align: center !important;
    padding-left: 20px;
    padding-right: 20px;
}

.gridTasksWrap {
    white-space: normal !important;
}

#ai_notification_wrapper:hover + div#ai_notification_msg, div#ai_notification_msg:hover {
  display: block !important;
}


.recentTransactionsContainer {
    top: 22px;
    left: -1px;
    width: 450px;
    z-index: 1000;
    border-top-left-radius:0!important;
    display:none;
}

#transactionTab{
    top: -27px;
    padding: 5px 14px 0;
    border:1px solid var(--air-border-light);
    left: -1px;
}

#transSwitchAlert{z-index:999;top:100px;left: 0;right: 0;margin-inline: auto;width: 80%;}

#titleSearchContainer .dxeHD {
    display: none;
}

.badge-overlay {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-40%, 10%);
    z-index: 10;
    color: #FFFFFF;
}


@media (min-width: 992px) {
    .transactionLink:hover + .recentTransactionsContainer, .recentTransactionsContainer:hover {
        display: block;
    }
}