/*.success{
    color:green;
}
.notice{
    color:blue;
}
.error{
    color:red;
}*/
.pos-rel{
    position:relative;
}
#errorBarWrapper, #successBarWrapper, #noticeBarWrapper{
    display: inline-block;
    min-width:30%;
    width:auto;
    color:black;
    border-radius:5px;
}
#noticesFadeOuter{
    position:relative;
}
#errorFadeDiv, #successFadeDiv, #noticeFadeDiv{
    position:absolute;
    top: 10px;
    right:40px;
}

#errorBarWrapper{
    background:#FAA;
    border:2px solid #F88;
}
#successBarWrapper{
    background:#AFA;
    border:2px solid #8F8;
}
#noticeBarWrapper{
    background:#9acdff;
    border:2px solid #61b1ff;
}
#errorBar, #successBar, #noticeBar{
    padding:15px 20px;
}
#errorBar p, #successBar p, #noticeBar p{
    color:black !important;
}
.jquery-modal{
    z-index:100;
}

.dataTables_length {
    margin-left: 20px !important;
    margin-top: 7px !important;
}

.dark #shipmentsTable tr td {
    border-bottom: 1px solid #535353;
}

#shipmentsTable tr td {
    border-bottom: 1px solid #cbcbcb;
}

.dataTables_length select {
    color:#777 !important;
}

.dark #wrapper input[type="text"], .dark #wrapper input[type="email"], .dark #wrapper input[type="date"], .dark #wrapper textarea, .dark #wrapper select {
    background-color: transparent;
    color:#fafafa !important;
}

.dark #wrapper select option, .dark #wrapper select optgroup {
    background-color: #1f2937;
}

.dark #wrapper .alternate-rows tr:nth-child(even){
    /* background-color:rgba(62, 82, 110, 0.15); */
    background-color:#222c3c;
}
.dark #wrapper .bg-even{
    background-color:#222c3c;
}
.dark #wrapper input[type="date"].dateFilter, .dark #wrapper .dataTables_length select{
    color:#E5E7EB !important;
    color-scheme: dark;
    background-color:transparent !important;
}
.dark #wrapper .jquery-modal .modal {
    color: #F9FAFB;
    background: #1f2937;
}
.dark #wrapper #errorsTable{
    color:#DDD;
}

.light .alternate-rows tr:nth-child(even){
    background-color:#f6f7f8;
}

.light .bg-even{
    background-color:rgba(62, 82, 110, 0.10)
}

.max-w-11xl {
    max-width: 112rem
}
.max-w-10xl {
    max-width: 104rem
}
.max-w-9xl {
    max-width: 96rem
}
.max-w-8xl {
    max-width: 88rem
}
.max-w-5xl {
    max-width: 64rem
}
.max-w-4xl {
    max-width: 56rem
}

.ajaxBgOverlay{	
    top: 0;
    z-index: 100;
    width: 100%;
    height:100%;
    display: none;
    background: rgba(0,0,0,0.03);
}
.dark #wrapper .ajaxBgOverlay{
    background: rgba(0,0,0,0.1);
}
.cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;  
}
.spinner {
    width: 70px;
    height: 70px;
    border: 4px #ddd solid;
    border-top: 4px #2e93e6 solid;
    border-radius: 50%;
    animation: sp-anime 2s infinite linear;
}
@keyframes sp-anime {
    100% { 
      transform: rotate(360deg); 
    }
}
.is-hide{
    display:none;
}


.credcard-icon {
    background-image: url("/images/icons/credcard.svg");
}

.no-credcard-icon {
    background-image: url("/images/icons/no-credcard.svg");
}

.threshold-icon {
    background-image: url("/images/icons/deact-threshold.svg");
}

.no-markup-icon {
    background-image: url("/images/icons/no-markups.svg");
}

.no-cutoff-icon {
    background-image: url("/images/icons/no-cutoffs.svg");
}

.ignored-icon {
    background-image: url("/images/icons/ignored.svg");
}

.light select {
    background-color: #fff !important;
}

.dark #wrapper select {
    background-color: transparent !important;
    color: #F9FAFB !important;
}

.dark #wrapper select.form-select {
    background-color: #e5e7eb !important;
    color: #1E1E1E !important;
}

.dark #wrapper .credcard-icon {
    background-image: url("/images/icons/dark-credcard.svg");
}

.dark #wrapper .no-credcard-icon {
    background-image: url("/images/icons/dark-no-credcard.svg");
}

.dark #wrapper .threshold-icon {
    background-image: url("/images/icons/dark-deact-threshold.svg");
}

.dark #wrapper .no-markup-icon {
    background-image: url("/images/icons/dark-no-markups.svg");
}

.dark #wrapper .no-cutoff-icon {
    background-image: url("/images/icons/dark-no-cutoffs.svg");
}

.dark #wrapper .ignored-icon {
    background-image: url("/images/icons/dark-ignored.svg");
}