/*Other Common css begin */
  
        .model-text-left
        {
            padding-left: 10px !important;
            padding-right: 10px !important;
            text-align:-webkit-left;
        }  
        .model-padding-right
        {
            padding-left: 10px !important;
            padding-right: 10px !important;
            text-align:-webkit-right;
        }  
        .model-padding-center
        {
            padding-left: 10px !important;
            padding-right: 10px !important;
            text-align:-webkit-center;
        }        
        .btn-menu
        {
            width: 7.5rem !important;
        }
        .row-wrap {
    line-height: 1.2;
    text-align: left;
    white-space: normal;
}
      /*Other Common css end*/   
 
 
 /*Media Begin*/
   @media (min-width: 360px) and (max-width: 1024px)
        {
            .list-inline-item
            {
                margin-top: 0.15rem;
            }    
            body
            {
                overflow: hidden !important;
            }
            .menu-align
            {
                text-align: left;
            }
            .modal-screen
            {
                width: 99% !important;
            }
            .media-size
            {
                width:auto;
            }
        }
        
        @media screen and (max-width: 575px)
        {
            .grid-scroll
            {
                overflow: auto !important;
                scrollbar-width: 5px !important;
                height: 70.67vh;
                width: 575px !important;
                padding-right: 4%;
                padding-bottom: 5%;
            } 
            .head-size
            {
                width: 38rem !important;
            }
        }
        @media (min-width: 576px) and (max-width: 767px)
        {
            .grid-scroll
            {
                overflow: auto !important;
                scrollbar-width: 5px !important;
                height: 65.67vh;
                min-width: 576px !important;
                max-width: 767px !important;
                padding-right: 4%;
                padding-bottom: 5%;
            }
            .head-size
            {
                min-width: 576px !important;
                max-width: 767px !important;
            }
        }
        @media (min-width: 768px) and (max-width: 991px)
        {
            .grid-scroll
            {
                overflow: auto !important;
                scrollbar-width: 5px !important;
                height: 70.67vh;
                min-width: 768px !important;
                max-width: 991px !important;
                padding-right: 4%;
                padding-bottom: 5%;
            }
            .head-size
            {
                min-width: 768px !important;
                max-width: 991px !important;
            }
        }
        @media (min-width: 992px) and (max-width: 1199px)
        {
            .grid-scroll
            {
                overflow: auto !important;
                scrollbar-width: 5px !important;
                height: 70.67vh;
                min-width: 992px !important;
                max-width: 1199px !important;
                padding-right: 4%;
                padding-bottom: 5%;
            }
            .head-size
            {
                min-width: 992px !important;
                max-width: 1199px !important;
            } 
        }
        @media (min-width: 1200px)
        {
            .grid-scroll
            {
                overflow: auto !important;
                scrollbar-width: 5px !important;
                height: 70.67vh;
                width: 100% !important;
                padding-bottom: 5%;
            } 

        }
 /*Media End*/
 
 /*Grid Data Header and Footer Fixed Begin */
         #contPlaceForm_gridDiamond tbody tr th
        {
            position: -webkit-sticky;
            position: sticky;
            top: 0;
            background-color: #f5f8fa;
            font-size: 13px;
           /* z-index: 998;*/
            color: #000;
            font-family: "Helvetica Neue",Helvetica,Sans-Serif !important;
        }
        
        #divPaging
        {
            position: -webkit-sticky;
            position: sticky;
            bottom: 0;
            background-color: #f5f8fa;
            font-size: 12px;
            z-index: 998;ss
            color: #000;
            font-family: "Helvetica Neue",Helvetica,Sans-Serif !important;
        }
        
/*Grid Data Header and Footer Fixed End */


/-------*Saurav style------------*/
.pg-m {
    padding: 0 !important;
    margin: 0 !important;
}


body {
   
    font-family: 'Montserrat', sans-serif !important;
}


h5, h6 {
    font-weight: 400;
    color: #212529 !important;
    line-height: 1.5;
    margin: 0;
}
.h4, h4 {
    font-size: 1.2rem;
    color:#000!important;
}

/*.card {
    border: none !important;
}*/

.search-btn {
    position: sticky;
    width: 100%;
    bottom: 0;
}

/*.btn-outline-primary {
    padding: 10px 6px !important;
    border-color: #14185b !important;
}*/

.srch-btn{
    margin:6px 0;
}
    .btn-outline-primary img {
        margin-bottom: 6px;
    }



    .btn-outline-primary h6:hover {
        color: #000 !important;
    }

.spn-select {
    color: #fff !important;
    background-color: #0a1162 !important;
    border-color: #0a1162 !important;
    /* box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */
    /* box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset; */
}

    .spn-select h6 {
        color: #fff !important;
    }

.btn-primary {
    color: #fff;
    background-color: #0a1162 !important;
    border-color: #0a1162 !important;
}
    .btn-primary:hover {
        color: #fff;
        background-color: #ffd07e !important;
        border-color: #ffd07e !important;
        opacity: 1 !important;
    }

.activeTab {
    color: #fff;
    background-color: #ffd07e !important;
    border-color: #ffd07e !important;
    color: #000 !important;
}


.btn-outline-primary {
    color: #212529;
    background-color: transparent;
    background-image: none;
    border: 1px solid #adaaaa!important;
}
    .btn-outline-primary:hover {
        color: #fff;
        background-color: #0a1162 !important;
       /* border-color: #0a1162 !important;*/
        opacity: 1 !important;
        /*box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset !important;*/
    }

.btn-toggle{
    padding:0 6px!important;

}

.btn-outline-danger {
    color: #212529;
    background-color: #ff000000;
    background-image: none;
    border-color: #ed5564;
}
    .btn-outline-danger:hover {
        color: #fff;
        background-color: #212529 !important;
        background-image: none;
        border-color: #212529;
    }

btn-primary-dark {
}

.pd {
    padding: 0 2px;
}



.blue-text {
    color: #626262 !important;
}

.red-text {
    color: #626262 !important;
}

.key-symbol {
    width: 12%;
}

.btn-outline-danger {
    color: #000000;
    background-color: #ff000000;
    background-image: none;
    border-color: #ed5564;
}
.btn-outline-danger:hover{
    background:#000;
    color:#fff;
}

.form-control {
    border: 1px solid #adaaaa;
    box-shadow: none;
    border-radius: 3px;
    transition: all .2s ease-in-out;
    font-weight: 300;
    font-size: 12px;
}
.s-18 {
    font-size: 18px !important;
    color: #0a1162 !important;
}


/*toggle*/

.switches-container {
    width: 30rem;
    position: relative;
    display: flex;
    padding: 0;
    position: relative;
    background: white;
    line-height: 3rem;
    border-radius: 3rem;
    margin-left: auto;
    box-shadow: inset 0px 1px 7px 3px #00000047;
    margin-right: auto;
    margin-bottom:20px;
}

    /* input (radio) for toggling. hidden - use labels for clicking on */
    .switches-container input {
        visibility: hidden;
        position: absolute;
        top: 0;
    }

    /* labels for the input (radio) boxes - something to click on */
    .switches-container label {
        width: 50%;
        padding: 10px;
        margin: 0;
        text-align: center;
        cursor: pointer;
        color: #212528;
        font-size: 18px;
        font-weight: 600;
    }

/* switch highlighters wrapper (sliding left / right) 
    - need wrapper to enable the even margins around the highlight box
*/
.switch-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    padding: 0.15rem;
    z-index: 3;
    transition: transform .5s cubic-bezier(.77, 0, .175, 1);
    /* transition: transform 1s; */
}

/* switch box highlighter */
.switch {
    border-radius: 3rem;
    background: #0a1162;
    height: 100%;
    box-shadow: 2px 0 4px rgba(0,0,0,.46);
}

    /* switch box labels
    - default setup
    - toggle afterwards based on radio:checked status 
*/
    .switch div {
        width: 100%;
        text-align: center;
        opacity: 0;
        display: block;
        color: white;
        transition: opacity .2s cubic-bezier(.77, 0, .175, 1) .125s;
        will-change: opacity;
        position: absolute;
        font-size: 18px;
        font-weight: 600;
        top: 4px;
        left: 0;
    }

/* slide the switch box from right to left */
.switches-container input:nth-of-type(1):checked ~ .switch-wrapper {
    transform: translateX(0%);
}

/* slide the switch box from left to right */
.switches-container input:nth-of-type(2):checked ~ .switch-wrapper {
    transform: translateX(100%);
}

/* toggle the switch box labels - first checkbox:checked - show first switch div */
.switches-container input:nth-of-type(1):checked ~ .switch-wrapper .switch div:nth-of-type(1) {
    opacity: 1;
}

/* toggle the switch box labels - second checkbox:checked - show second switch div */
.switches-container input:nth-of-type(2):checked ~ .switch-wrapper .switch div:nth-of-type(2) {
    opacity: 1;
}