﻿.dx-toolbar .dx-toolbar-items-container {
    margin-bottom: 10px !important;
}

.dx-form-group-caption {
    font-size: 1em;
}

.dx-datagrid {
    min-height: 100% !important;
}

.dx-form-group-caption {
    font-size: 1.2em;
    color: var(--primaryText);
    font-weight: 500;
}

span.dx-field-item-label-text {
    /*color: var(--disabledText);*/
    line-height: 1.5;
    color: var(--secondaryText);
    font-size: 1.1em !important;
    /*line-height: 2.2rem !important;*/
    margin-bottom: .5em !important;
    /* margin-inline-start: .5em;*/
}
#header-container {
    background: #fbfbfb;
    border-radius: 4px;
}

.dropdown-toggle::after,
button#navbarDropdown3.navbar-brand.menu-icon-btn.dropdown.dropdown-toggle::after {
    display: none !important;
}

.nav-link a {
    /*color: var(--grayText);*/
    text-decoration: none !important;
    transition: text-decoration 0.8s ease-in-out;
    font-size: 1.05rem;
}

    .nav-link a:hover {
        text-decoration: underline !important;
    }

.nav-item {
    text-decoration: none !important;
    align-items: center;
}

.nav-label {
    margin-inline-start: .5em !important;
}

.dx-fileuploader-input-wrapper::after {
    padding-bottom:0!important;
}


#confirm-container {
    width: 26em;

}

#form-container {
    width: 500px;
    padding: 1em 1.5em;
    border-radius: 8px;
    background: white !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.btn {
    font-size:16px!important;
}
#confirm-container > div > form > div.text-primary.validation-summary-errors > ul,
#form-container > form > div.text-primary.validation-summary-errors > ul {
    background: var(--infoBlock) !important;
    padding: 1em .5em !important;
    border-radius: 8px;
    text-align: center;
}

    #confirm-container > div > form > div.text-primary.validation-summary-errors > ul > li,
    #form-container > form > div.text-primary.validation-summary-errors > ul > li {
        list-style-type: none !important;
    }
#navbarDropdown3 {
    margin-right:.3em!important;
}

.logo-img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.logo-container {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.nav {
    position: relative;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: saturate(100%) blur(5px);
    background-color: var(--navBg);
}

.nav-container {
    position: fixed;
    top: 0px;
    width: 100%;
    max-height: 48px;
    z-index: 999;
}
.region-content {
    margin-top:3.4em;
}

#instructions-content {
    max-width: 84vw;
    margin: 0 auto;
    padding: 1rem!important;
}

.instruction-wrapper {
    padding: 1rem;
}

.dx-checkbox-icon {
    border: 1px solid var(--bs-gray);
}

.dx-checkbox.dx-state-hover .dx-checkbox-icon {
    border: 1px solid #265a87;
    background-color: var(--infoBlock);
}

.dx-checkbox.dx-state-focused .dx-checkbox-icon {
    border: 1px solid #337ab7;
}

#show-list a:visited {
    color: purple;
}
@media (max-width: 800px) {
    #grdTechContacts {
        max-width: 500px !important;
    }

        #grdTechContacts > div > div.dx-datagrid-rowsview.dx-datagrid-nowrap.dx-last-row-border.dx-scrollable.dx-visibility-change-handler.dx-scrollable-both.dx-scrollable-native.dx-scrollable-native-ios > div > div > div > div > table > tbody > tr.dx-row.dx-column-lines.dx-row-inserted.dx-edit-row.dx-datagrid-edit-form.dx-row-lines.dx-master-detail-row > td {
            max-width: 500px !important;
        }

    .dx-datagrid {
        min-width: 100% !important;
    }

    #grdNetworks > div > div.dx-datagrid-rowsview.dx-last-row-border.dx-scrollable.dx-visibility-change-handler.dx-scrollable-both.dx-scrollable-native.dx-scrollable-native-ios > div > div > div > div > table > tbody > tr.dx-row.dx-column-lines.dx-row-lines.dx-master-detail-row.dx-adaptive-detail-row > td > div > div > div > div,
    .dx-widget .dx-collection {
        overflow: scroll !important;
    }

    .dx-popup-content {
        -webkit-user-drag: none;
         padding: 0px!important; 
    }

    #form-container {
        padding: .5em 1em;
        margin: .5em;
    }

    #instructions-content {
        padding: 0.5rem !important;
        max-width:96vw;
    }

    .instruction-wrapper {
        padding: 0 !important;
        margin-top:1rem;
    }

}


@media (min-width: 992px) {
    .d-lg-block {
        display: block !important;
    }
}
