/**********For loader*************/
.overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 2000;
    min-height: 200px;
    opacity: .5;
}

.loader {
    position: relative;
    left: 50%;
    top: 50%;
    z-index: 1;
    margin: -2.5em 0 0 -2.5em;
    border: 16px solid #CCCCCC;
    border-radius: 50%;
    border-top: 16px solid #EB1926;
    width: 5em;
    height: 5em;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*********************************video modal******************************************************/


.video-container {
    position: relative;
    width: 460px;
    height: 259px;
}
  
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}




.line-through{
    text-decoration: line-through;
    color: #ccc;
}

button{
    cursor: pointer;
}


/***************************************/

.modal
{
    z-index: 100000;
}


@media (min-width: 992px) {
.modal-lg {
    max-width: 90%!important;
}
}
@media (min-width: 1200px) {
.modal-xl {
    max-width: 1140px!important;
}
}

/*******************************************************************/
.select-container select.form-control{
    padding-left: 20px;
    padding-right: 20px;
}

.select-container {
    position: relative;
    display: inline-block;
}

.select-container .fa-undo {
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 0.6em;
}
/*******************************************************************/
#methodLeadTimeTable td,#methodLeadTimeTable th,#productLeadTimeTable td,#productLeadTimeTable th{
    width: 33%
}