.align-items-center {ms-flex-align: center;align-items: center;}
.bg-dark {background-color: #343a40;}
.bg-light {background-color: #f8f8f8;}
.border {border: 1px solid #f8f8f8;}
.border-dark {border-color: #343a40;}
.btn {cursor: pointer;display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: 0!important;; transition: color .15s}
.btn-block {display: block; width: 100%;}
.btn-danger {color: #fff; background-color: #dc3545; border-color: #dc3545}
.btn-dark {color: #fff; background-color: #343a40; border-color: #343a40}
.btn-info {color: #fff; background-color: #17a2b8; border-color: #17a2b8;}
.btn-sm {padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: 0!important;}
.btn-success {color: #fff; background-color: #28a745; border-color: #28a745;}
.col-12 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.col-6 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.d-block {display: block;}
.d-flex {display: flex;}
.d-none {display: none;}
.form-control {display: block; width: 100%; height: calc(1.5em + .75rem + 2px); padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da!important; border-radius: 0!important;; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.form-row {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px;}
.h5 {font-size: 1.25rem;}
.h6 {font-size: 1rem;}
.h-full {height: 100%;}
.justify-content-between {justify-content: space-between;}
.m-0 {margin: 0;}
.mb-0 {margin-bottom: 0;}
.mb-2 {margin-bottom: .5rem;}
.mb-3 {margin-bottom: 1rem;}
.mt-3 {margin-top: 1rem;}
.p-2 {padding: .5rem;}
.pb-2 {padding-bottom: .5rem;}
.px-0 {padding-left: 0;padding-right: 0;}
.px-1 {padding-left: .25rem;padding-right: .25rem;}
.px-2 {padding-left: .5rem;padding-right: .5rem;}
.px-3 {padding-left: 1rem;padding-right: 1rem;}
.py-1 {padding-top: .25rem;padding-bottom: .5rem;}
.py-2 {padding-top: .5rem;padding-bottom: .5rem;}
.py-3 {padding-top: 1rem;padding-bottom: 1rem;}
.shadow-sm {box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);}
.text-center {text-align: center;}
.text-danger {color: #dc3545;}
.text-left {text-align: left;}
.text-secondary {color: #6c757d;}
.text-white {color: #fff;}
.form-row>.col, .form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px;
}

@media (min-width: 768px){
    .d-md-block {display: block!important;}
    .d-md-none {display: none!important;}
    .mb-md-0 {margin-bottom: 0!important;}
    .col-md-1 {-ms-flex: 0 0 8.333333%!important; flex: 0 0 8.333333%!important; max-width: 8.333333%!important;}
    .col-md-2 {-ms-flex: 0 0 16.666667%!important; flex: 0 0 16.666667%!important; max-width: 16.666667%!important;}
    .col-md-3 {-ms-flex: 0 0 25%!important; flex: 0 0 25%!important; max-width: 25%!important;}
    .col-md-4 {-ms-flex: 0 0 33.333333%!important; flex: 0 0 33.333333%!important; max-width: 33.333333%!important;}
}

.quoteTitle{
    color: var( --e-global-color-primary );
    font-size: 22px;
     margin-bottom: 20px;
}

.quoteTitle:not(:first-child){
    margin-top: 20px;
}


.cursor-pointer{
cursor: pointer;
}
.h-full{
height: 100%;
}
.blockLoader{
background-color: #ffffffe0;
position: absolute;
width: 100%;
left: 0;
top: 0;
height: 100%;
z-index: 50;
display: flex;
justify-content: center;
align-items: center;
}
.items-center{
display: flex;
align-items: center;
}
.dri:not(:first-child){
margin-top: .5rem;
}
.dri:last-child{
margin-bottom: .5rem;
}
.grep{
padding: .5rem;
border: none;
border-bottom: 1px solid #f8f8f8;
margin: .5rem .5rem 0 .5rem;
}
.clean-input, .clean-input:focus{
background-color: transparent!important;
border: none!important;
border-color: #f8f8f8!important;
box-shadow: none;
}
.bg-light {
background-color: #f8f8f8!important;
}
.rep-g .garment-list-item:not(:last-child){
padding-bottom: .5rem;
}
.rep-g .garment-list-item:not(:first-child){
border-top: 1px solid #f8f8f8;
}
/* .error .select2-container--bootstrap4 .select2-selection{
border: 1px solid red!important;
} */
/* .error input{
border-bottom: 1px solid red!important;
} */
.error{
position: relative;
}
/* .error::after{
content: "This field is required.";
color: red;
position: absolute;
font-size: 10px;
bottom: -12px;
left: 15px;
line-height: 1;
} */

.error input[type="text"]:not(.clean-input), .error .select2-container--bootstrap4 .select2-selection{
background-color: #dc354545!important;
border: 1px solid red!important;
}
.jobRef{
    border: 1px solid #dee2e6;
}
.error.jobRef{
    background-color: #dc354545!important;
border: 1px solid red!important;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

/* .error .select2-container--bootstrap4 .select2-selection{
border: 1px solid red!important;
} */