.validity { font-family:'Mulish', sans-serif; font-size:12px; font-weight:600; color:#E4101E !important; 
            background-color:#FFEEDB; border:1px solid #FABFA7; padding:5px; border-radius:4px !important }

.successmessage_alert { font-family:'Mulish', sans-serif; font-size:12px; font-weight:600; color:#222 !important; 
            background-color:#BCDF94; border:1px solid #99CA61; padding:5px; border-radius:4px !important }

.headcol { background-color:#f5f5f5 }
.fixedwidth { width:16.66% !important }

.dimensionHead { font-family:'Lato', sans-serif;font-size:13px; font-weight:700; color:#dd3e3e; background-color:#f5f5f5; border:1px solid #ddd;
                 padding:3px 5px 5px 5px; margin:0px 15px 0px 15px; min-height:30px }


.mainpanelPMS .form-control { font-size:13px; font-family:'Lato', sans-serif; padding:4px 10px }

/*==================== Google Fonts CSS =================*/

@font-face {
    font-family: GoogleSans-Regular;
    /*src: url(../assets/global/Google-Sans-Font/GoogleSans-Regular.ttf) format('truetype');*/
    src:url(../Google-Sans-Font/GoogleSans-Regular.ttf) format('truetype');
}

@font-face {
    font-family: GoogleSans-Medium;
    src: url(../Google-Sans-Font/GoogleSans-Medium.ttf) format('truetype');
}

@font-face {
    font-family: GoogleSans-Bold;
    src: url(../Google-Sans-Font/GoogleSans-Bold.ttf) format('truetype');
}

@font-face {
    font-family: GraphikBlack;
    src: url(../Graphik-Font-Family/GraphikBlack.otf) format('OpenType');
}

@font-face {
    font-family: GraphikBold;
    src: url(../Graphik-Font-Family/GraphikBold.otf) format('OpenType');
}

@font-face {
    font-family: GraphikLight;
    src: url(../Graphik-Font-Family/GraphikLight.otf) format('OpenType');
}

@font-face {
    font-family: GraphikMedium;
    src: url(../Graphik-Font-Family/GraphikMedium.otf) format('OpenType');
}

@font-face {
    font-family: GraphikRegular;
    src: url(../Graphik-Font-Family/GraphikRegular.otf) format('OpenType');
}

@font-face {
    font-family: GraphikSemibold;
    src: url(../Graphik-Font-Family/GraphikSemibold.otf) format('OpenType');
}

@font-face {
    font-family: GraphikSuper;
    src: url(../Graphik-Font-Family/GraphikSuper.otf) format('OpenType');
}

@font-face {
    font-family: GraphikThin;
    src: url(../Graphik-Font-Family/GraphikThin.otf) format('OpenType');
}


/*=============== Multiline Textbox css ===============*/
.multiline { height:50px; font-family:'Source Sans Pro', sans-serif !important; font-size:12px !important }

.table-responsive { overflow-x: unset;}
/*-----------------  MY GRIDVIEW DESIGN ---------------------------*/
 .mGrid {   
        width:100% !important;   
        background-color: #FFFFFF;   
        margin: 1px 0 1px 0;   
        border: solid 1px #C0C0C0;   
        border-collapse:collapse;   
        font-family:'Inter', sans-serif;
        
    }  
    .mGrid td {  
        padding:4px 4px 2px 4px;   
        border: solid 1px #c1c1c1;   
        color: #000000;  
        font-size:12px;
        text-align:left;
        font-weight:500
    }  
    .mGrid th {   
        background: #DFECFC url(grd_head.png) repeat-x top;
        border-left: solid 1px #C0C0C0;
        color: #0b356c;
        line-height: 25px;
        padding: 0px 3px 0px 3px;
        font-size: 12px;
        text-align: left;
        white-space: nowrap;
        font-weight:800;
    }  
    .mGrid .alt { background: #fcfcfc url(grd_alt.png) repeat-x top; }  
    .mGrid .pgr { background: #708090 url(grd_pgr.png) repeat-x top; }  
    .mGrid .pgr table { margin: 5px 0; }  
    .mGrid .pgr td {   
        border-width: 0;   
        padding: 0 6px;   
        border-left: solid 1px #666;   
        font-weight: bold;   
        color: #fff;   
        line-height: 12px;   
    }    

    .mGrid strong { font-weight:600 }
    
    .mGrid a { color: #0095DA }
    .mGrid a:hover { color: #014867 }
    .mGrid .pgr a { color: #FFFFFF; text-decoration: none; }  
    .mGrid .pgr a:hover { color: #FFFFFF; text-decoration: none; }  

.strip_content {
    width: 100%;
}

.strip_content h4 {
    color: #dd3e3e;
    padding: 10px 0px;
    font-weight: 600;
    border-bottom: 2px solid #2d6282; 
    font-family:'Mulish',sans-serif
}

/*=================innercrd my css start====================*/

.card-header { color:#FFF;font-family:'Mulish',sans-serif; font-size:16px; font-weight:700;
               padding:5px 5px 5px 5px; background-color:#009EE2

}

.card-box {  border:2px solid #009EE2}