input[type=text]:focus ~ label, input[type=password]:focus ~ label, textarea:focus ~ label,
input[type=text]:valid ~ label, input[type=password]:valid ~ label, textarea:valid ~ label,
input:-internal-autofill-selected ~ label, input:-webkit-autofill ~ label {
    font-size: 0.75em !important;
    color: #1c3faa !important;
    top: -1.25rem !important;
    -webkit-transition: all 0.125s ease !important;
    transition: all 0.125s ease !important;
}


.styled-input {
    width: 100% !important;
    position: relative !important;
}

    .styled-input label {
        color: #333 !important;
        padding: 0.5rem 0.5rem !important;
        position: absolute !important;
        top: 0;
        left: 0;
        -webkit-transition: all 0.25s ease !important;
        transition: all 0.25s ease !important;
        pointer-events: none !important;
    }

    .styled-input.wide {
        width: 100% !important;
    }

input[type=text], input[type=password],
textarea {
    padding: 0.5rem 0.5rem !important;
    border: 0 !important;
    width: 100% !important;
    font-size: 1rem !important;
    box-shadow: none !important;
    border-bottom: 2px solid rgba(143, 146, 181, 0.32) !important;
}

    input[type=text] ~ span, input[type=password] ~ span,
    textarea ~ span {
        display: block !important;
        width: 0 !important;
        height: 3px !important;
        background: #1c3faa !important;
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
        -webkit-transition: all 0.125s ease !important;
        transition: all 0.125s ease !important;
    }

    input[type=text]:focus, input[type=password]:focus,
    textarea:focus {
        outline: 0 !important;
    }

        input[type=text]:focus ~ span, input[type=password]:focus ~ span,
        textarea:focus ~ span {
            width: 100% !important;
            -webkit-transition: all 0.075s ease !important;
            transition: all 0.075s ease !important;
        }

textarea {
    width: 100% !important;
    min-height: 15em !important;
}

    input[type=text]:disabled, textarea:disabled, input[type=password]:disabled {
        background-color: #e3e3e3 !important;
    }


.card-header {
    background: #5e7bbd;
}

.table th {
    font-weight: 500;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 0.9rem;
}

.table td {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 0.7rem;
}

.chkboxList {
    width: 100%;
    table-layout: fixed;
}

    .chkboxList tr td {
        border: none;
        padding: 5px;
        font-size: 11px;
        color: #333;
    }

.select2-container--default .select2-selection--single {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 2px solid rgba(143, 146, 181, 0.32) !important;
}

.select2-container .select2-selection.select2-selection--single {
    height: 42px;
}

.datatable-wrapper .table-header-bg {
    background-color: rgb(126, 154, 221);
}

.table datatable-wrapper tbody tr:nth-child(odd) {
    background-color: white;
}

.datatable-wrapper table tbody tr:nth-child(even) {
    background-color: #f3f3f3;
}

.intro-y.box .collapse-div-btn::before {
    content: '−';
}

.intro-y.box.collapsed-div .collapse-div-btn::before {
    content: '+';
}

.intro-y {
    max-height: unset;
    transition: max-height 1s ease-out;
}

    .intro-y.box.collapsed-div .intro-y {
        max-height: 0;
        overflow: hidden;
        transition: max-height 1s ease-out;
    }


.modalBackground {
    background: rgba(0,0,0,0.5);
}

.modalPopup {
    background-color: white;
}

.select2-container {
    width: 100% !important;
    z-index: 9999999;
}

input:-internal-autofill-selected, input:-webkit-autofill {
    background-color: white !important;
}

.login-before {
    margin-left: -30%;
    background-image: url(../images/rfq1.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: right;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.5s;
}

.captcha-image {
    margin-left: 10px;
}


/* For 1024 Resolution */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .login-before {
        margin-left: -32%;
    }

    .logindiv {
        margin-left: 12rem;
    }
}
/* For 1366 Resolution */
@media only screen and (min-width: 1030px) and (max-width: 1366px) {

    .login-before {
        margin-left: -32%;
    }

    .logindiv {
        margin-left: 12rem;
    }

    .captcha-image {
        margin-left: 10px;
    }
}

/* For 480 Resolution */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .login-before {
        display: none !important;
    }

    .captcha-image {
        margin-left: 10px;
    }
}




/* For 640 Resolution */
@media only screen and (min-device-width : 360px) and (max-device-width : 640px) {
    .login-before {
        display: none !important;
    }
}


.hover-label {
    font-size: 0.75em !important;
    color: #1c3faa !important;
    top: -1.25rem !important;
    -webkit-transition: all 0.125s ease !important;
    transition: all 0.125s ease !important;
}


.hover-label {
    font-size: 0.75em !important;
    color: #1c3faa !important;
    top: -1.25rem !important;
    -webkit-transition: all 0.125s ease !important;
    transition: all 0.125s ease !important;
}

input[type=text]:autofill ~ .hover-label, input[type=password]:autofill ~ .hover-label, textarea:autofill ~ .hover-label {
    font-size: 0.75em !important;
    color: #1c3faa !important;
    top: -1.25rem !important;
    -webkit-transition: all 0.125s ease !important;
    transition: all 0.125s ease !important;
}