body {
}

.themeprimaryindicator {
    color: #df5138 !important;
}

.themesecondaryindicator {
    color: #a0d468 !important;
}

.bg-themeprimaryindicator {
    background-color: #df5138 !important;
}

.bg-themesecondaryindicator {
    background-color: #a0d468 !important;
}

.select2-container .select2-choice {
    height: 23px !important;
    line-height: 23px !important;
    font-size: 12px !important;
}

.input-group-addon {
    height: 10px !important;
    padding: 1px 5px 1px 5px !important;
    font-size: 12px !important;
    line-height: 1.0 !important;
}

.select2-results {
    max-height: 500px !important;
    font-size: 12px !important;
}

.radio {
    margin-bottom: 5px !important;
    margin-top: 0px !important;
}

    .radio label {
        font-size: 12px !important;
    }

.checkbox {
    margin-bottom: 5px !important;
    margin-top: 0px !important;
}

    .checkbox label {
        font-size: 12px !important;
    }

.page-sidebar .sidebar-menu a {
    font-size: 12px !important;
}

.dataTables_filter {
    width: 250px !important;
}

.dataTables tbody tr {
    min-height: 32px !important;
}

.page-sidebar.menu-compact .sidebar-menu > li > .submenu {
    width: 230px !important;
}

@media (max-width: 991px) {
    .modal-xl {
        margin-left: 10px;
        margin-right: 10px !important;
        width: 740px;
    }
}

@media (min-width: 992px) {
    .modal-xl {
        width: 960px;
    }
}

@media (min-width: 1220px) {
    .modal-xl {
        width: 1190px;
    }
}

#advancedSearchModal .modal-body {
    /*height: 80% !important;*/
    height: calc(100vh - 160px) !important;
    min-height: 360px;
}

#advancedSearchModal .filterDiv {
    overflow-y: scroll;
    /*height: 90%;*/
    height: calc(100vh - 210px) !important;
    min-height: 310px;
}

#advancedSearchModal .addQuantityAdvancedSearch {
    margin-top: 30px;
}

    #advancedSearchModal .addQuantityAdvancedSearch input {
        width: 60px;
    }

    #advancedSearchModal .addQuantityAdvancedSearch label {
        font-size: 12px;
        font-weight: bold;
        margin-top: 0px;
        padding: 0;
    }

#dtAdvancedSearchList_wrapper .dataTables_scrollBody {
    min-height: 210px !important;
}

#itemAdvancedSearch {
    text-decoration: underline !important;
}

ul.nav.sidebar-menu > li > a {
    background: white !important;
}

.isSalesBOM {
    color: #8a1212 !important;
}

.isSalesBOMComponent {
    color: #a7a6a6 !important;
}

.bx-wrapper img {
    margin: auto !important;
}

.bx-wrapper, .bx-viewport {
    height: 500px !important;
    border: 0px !important;
}

.modal-full-width {
    width: 100%;
}

.modal-full-height {
    height: 80vh;
}

.mapzone {
    height: 70vh; /* The height is 400 pixels */
    width: 100%; /* The width is the width of the web page */
}

.mapzone-lg {
    height: 90vh; /* The height is 400 pixels */
    width: 100%; /* The width is the width of the web page */
}

.controls > input {
    background-color: #fff;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    margin-left: 12px;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    width: 400px;
}

.controls:focus {
    border-color: #4d90fe;
}

#description {
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
}

#infowindow-content .title {
    font-weight: bold;
}

#infowindow-content {
    display: none;
}

.mapzone #infowindow-content, .mapzone-lg #infowindow-content {
    display: inline;
}

.pac-card {
    margin: 10px 10px 0 0;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    background-color: #fff;
    font-family: Roboto;
}

.pac-container {
    padding-bottom: 12px;
    margin-right: 12px;
    z-index: 9999;
}

.pac-controls {
    display: inline-block;
    padding: 5px 11px;
}

.pac-controls label {
    font-family: Roboto;
    font-size: 13px;
    font-weight: 300;
}

#bpAddressModal .modal-lg,
#bpCustomAddressModal .modal-lg,
#bpModal .modal-lg,
#advancedSearchModal .modal-lg,
#itemDetailModal .modal-lg,
#documentAddressModal .modal-lg,
.modal-xl {
    /*height: 80% !important;*/
    width: 95% !important;
    height: 80vh !important;
}

.modal-success {
    z-index: 14000;
}

.modal-removeClose.modal-header .close {
    display: none;
}

tr.dtrg-group.dtrg-start.dtrg-level-0 {
    font-weight: bold;
    background-color: #e6e6e6;
}
/*tr.dtrg-group.dtrg-end.dtrg-level-0 {
    font-weight: bold;
    background-color: #e6e6e6;
    font-style: italic;
}
*/
tr.dtrg-group.dtrg-start.dtrg-level-1 > td {
    font-weight: bold;
    padding-left: 30px;
    background-color: #d7d7d7;
}
/*tr.dtrg-group.dtrg-end.dtrg-level-1 > td {
    font-weight: bold;
    padding-left: 30px;
    background-color: #f4f4f4;
    font-style: italic;
}*/

#documentLineOptionsPopup {
	display: block;
	position: fixed;
	bottom: 30px;
	top: auto;
	width: 25em;
	margin-right: 50%;
	margin-left: 40%;
	min-width: 20em;
}