.switch-label {
    font-size: 11px;
    color: #5264AE;
    margin-bottom: 2px !important;
    font-weight: normal;
}


.blue-icon {
    color: #3277b2 !important;
}

/* to align control column in gridview*/
#PalletManagement_Body_grdView th[aria-label *= 'Control'] {
    text-align: center !important;
}



/* menu animation */
.hover-underline-animation {
    display: inline-block;
    position: relative;
}

    .hover-underline-animation:after {
        content: '';
        position: absolute;
        width: 100%;
        transform: scaleX(0);
        height: 2px;
        bottom: 0;
        left: 0;
        background-color: #0087ca;
        transform-origin: bottom right;
        transition: transform 0.25s ease-out;
    }

    .hover-underline-animation:hover:after {
        transform: scaleX(1);
        transform-origin: bottom left;
    }

.mPointer {
    cursor:pointer;
}

.table tbody td {
    font-size: .80rem !important;
}

.qmenu {
    width:25px;
    height:25px;
}

.break {
    width: 50%;
    clear: both;
    padding: 0px 30px 0px 0px;
    margin: -10px -10px;
    height:10px !important;
}


.custom-select {
    width: 100%;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 0.85rem !important;
    border: 0px !important;
    /*border-bottom: 1px solid blue !important;*/
}

.form-label {
    font-size: 11px;
    color: #5264AE;
    font-weight: 400;
    margin-bottom: 0px;
    top: -18px;
    margin-top:-18px;
    margin-left: 0px;
}

.form-line {
    /*border: 1px solid #5264AE;
    clear: both;*/
    border: solid #5264AE;
    border-width: 1px 0 0;
    clear: both;
}

.myFileUpload {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 0.85rem !important;
}

/* for readonly autocomplete 
    <div class="my-form-group">
        <label class="form-label">CD Person</label>
        <input id="txt_CDIds" runat="server" placeholder=" " class="floating-select" type="text" disabled />
    </div>
*/
.my-form-group {
    /*top: -22px;*/
    margin-top: -22px;
}

.my-form-label {
    top: -22px;
    margin-top: -22px;
    font-size: 11px;
    font-weight:400;
    color: #5264AE !important;
}

/* for disabled controls floating labels*/
.disabled-floating-label {
    top: -18px;
    margin-top: -18px;
    font-size: 11px;
    color: #5264AE!important;
}

@media screen and (max-width: 1600px) and (min-width:1200px) {

    .margin-screen-1 {
        margin-left: 20vw;
        margin-right: 20vw;
    }

    .margin-screen-2 {
        margin-left: 10vw;
        margin-right: 10vw;
    }

    .margin-screen-3 {
        margin-left: 5vw;
        margin-right: 5vw;
    }
}

@media screen and (max-width: 1199px) and (min-width:700px) {
    .margin-screen-1 {
        margin-left: 5vw;
        margin-right: 5vw;
    }
    .margin-screen-2 {
        margin-left: 2vw;
        margin-right: 2vw;
    }

    .margin-screen-3 {
        margin-left: 0vw;
        margin-right: 0vw;
    }
}

.page-header {
    padding: 0px 15px;
    z-index: 999;
    height: 20px;
    /*background: #3277b2;*/ /* #fff; anbu */
    border-bottom: 1px solid #d5d4da;
    background: #3277b2 !important;
    background: -moz-linear-gradient(top, #3277b2, #296293 ) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3277b2), color-stop(100%, #296293)) !important;
    background: -webkit-linear-gradient(top, #3277b2, #296293 ) !important;
    background: -o-linear-gradient(top, #3277b2, #296293 ) !important;
    background: -ms-linear-gradient(top, #3277b2, #296293 ) !important;
    background: linear-gradient(to bottom, #3277b2, #296293 ) !important;
}

.btn-1 {
    font-size: .70rem;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 2px 2px;
    border-radius: .25rem;
    text-transform: uppercase;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
}

.required {
    color: red;
}

.col-client-ddl {
    width:20%;
}

col-sm-2point5 {
    width: 250%;
}

col-sm-1point5 {
    width: 150%;
}

col-sm-1point75 {
    width: 175%;
}