.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;}

.mini-btn{display:inline-block;height:50%;border:1px solid transparent;font-size:1rem;line-height:1.5;border-radius:.25rem;}

.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}
.btn-back{color:white;background-color:cornflowerblue;border-color:#007bff}
.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}
.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}
.btn-history{color:#fff;background-color:#d282f2;border-color:#d282f2}
.btn-subcategory{color:#fff;background-color:RoyalBlue;border-color:#f77a27}

.form-control{display:compact;width:90%;padding:.20rem .20rem;font-size:1rem;line-height:1.0;color:black;background-color:#fff;background-clip:padding-box;border:1px solid grey;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.form-control::-ms-expand{background-color:transparent;border:0}
.form-control:focus{color:black;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}
.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}

.row{width:100%;display:flex;}
.col-0-1{width:2.083%;padding-top:5px;    padding-bottom:5px;}
.col-1{width:8.333%;padding-top:5px;    padding-bottom:5px;}
.col-2{width:16.667%;padding-top:5px;    padding-bottom:5px;}
.col-2-5{width:20%;padding-top:5px;    padding-bottom:5px;}
.col-3{width:25%;padding-top:5px;    padding-bottom:5px;}
.col-3-5{width:30%;padding-top:5px;    padding-bottom:5px;}
.col-4{width:33.333%;padding-top:5px;    padding-bottom:5px;}
.col-5{width:41.667%;padding-top:5px;    padding-bottom:5px;}
.col-6{width:50%;padding-top:5px;    padding-bottom:5px;}
.col-7{width:58.333%;padding-top:5px;    padding-bottom:5px;}
.col-8{width:66.667%;padding-top:5px;    padding-bottom:5px;}
.col-9{width:75%;padding-top:5px;    padding-bottom:5px;}
.col-9-5{width:80%;padding-top:5px;    padding-bottom:5px;}
.col-10{width:83.333%;padding-top:5px;    padding-bottom:5px;}
.col-11{width:91.667%;padding-top:5px;    padding-bottom:5px;}
.col-12{width:100%;padding-top:5px;    padding-bottom:5px;}

.quartercontainer{
width:25%;
border-radius:15px 15px 15px 15px;
border:1px solid #0066CC;
font-family: 'Nirmala UI';
  padding-right:10px;
    padding-left:10px;
    margin-right:auto;
    margin-left:auto;
}

.onethirdcontainer{
width:33%;
border-radius:15px 15px 15px 15px;
border:1px solid #0066CC;
font-family: 'Nirmala UI';
  padding-right:10px;
    padding-left:10px;
    margin-right:auto;
    margin-left:auto;
}

.halfcontainer{
width:50%;
border-radius:15px 15px 15px 15px;
border:1px solid #0066CC;
font-family: 'Nirmala UI';
  padding-right:10px;
    padding-left:10px;
    margin-right:auto;
    margin-left:auto;
}

.twothirdcontainer{
width:66%;
border-radius:15px 15px 15px 15px;
border:1px solid #0066CC;
font-family: 'Nirmala UI';
   padding-right:10px;
    padding-left:10px;
    margin-right:auto;
    margin-left:auto;
}

.almostfullcontainer{
width:90%;
border-radius:15px 15px 15px 15px;
border:1px solid #0066CC;
font-family: 'Nirmala UI';
text-align:center;
  padding-right:10px;
    padding-left:10px;
    margin-right:auto;
    margin-left:auto;
}

.fullcontainer{
width:99%;
border-radius:15px 15px 15px 15px;
border:1px solid #0066CC;
font-family: 'Nirmala UI';
text-align:center;
  padding-right:10px;
    padding-left:10px;
    margin-right:auto;
    margin-left:auto;
}

.dvlabel{
    text-align:right;
    padding-top:5px;
    padding-bottom:5px; 
    padding-right:10px;
}
.dvcontrol{
    text-align:left;
    padding-top:5px;
    padding-bottom:5px;
}
.dvMain{
    font-family:'Nirmala UI';
    border:1px solid #0066CC;
    border-radius:15px 15px 15px 15px;    
    padding-right:10px;
    padding-left:10px;
    margin-right:auto;
    margin-left:auto;
    width:90%
}

.impfieldsborder{
    border-color:Highlight;
    border-style:solid;
    border-width:thin;
    border-radius:4px;
}

.lblHead
{
	font-size: 14pt;
	color: #0066CC;
    font-weight:bold;
	font-family: 'Cambria';
    text-decoration : underline;
    
}

.lblSubHead
{
	font-size: 12pt;
	color: #0066CC;
    font-weight:bold;
	font-family: 'Nirmala UI';
    text-decoration : underline;		
}

.lblSecSubHead
{
	font-size: 10pt;
	color: #0066CC;
    font-weight:bold;
	font-family: 'Nirmala UI';	
    text-decoration : underline;	
}

.vertical-text{
   text-align:left;
   vertical-align:middle;
}

.GrdClass
{
    border-radius:15px 15px 15px 15px;
    border:1px solid #0066CC;
    width:97%;
}
    
.GrdHeader
{
    font-family:'Nirmala UI'; 
    /*font-weight:bold;*/
    font-size:14px; 
    background-color:cadetblue;
    border:1px solid black;
    color:black;
    /*line-height:15px;*/
}
.GrdHeaderNew
{
    font-family:Cambria; 
    /*font-weight:bold;*/
    font-size:15px; 
    background-color:cornflowerblue;
    border:1px solid black;
    color:white;
    /*line-height:15px;*/
}

.GrdRow
{
	background-color:lightblue;
    font-family:'Nirmala UI'; 
    font-weight:normal;
    font-size:14px; 
    color:black; 
}

.GrdMain{
  
}

.GrdRowNew
{
	background-color:aliceblue;
    font-family:'Cambria'; 
    font-weight:normal;
    font-size:14px; 
    color:black; 
}

.GrdAltRow
{
	background-color:lightyellow;
    font-family:'Nirmala UI'; 
    font-weight:normal;
    font-size:14px; 
    color:black;
}
.GrdAltRowNew
{
	background-color:aliceblue;
    font-family:'Cambria'; 
    font-weight:normal;
    font-size:14px; 
    color:black;
}

.notification{
     border:2px solid;
     width:120px;
     text-align :center ;
     vertical-align :central;
     padding :5px;
     border-color:black;
     background-color:lightslategrey;
     font-family :'Nirmala UI';
 }


.upperDiv {
            border-top: 1px solid darkgray;
            border-left: 1px solid darkgray;
            border-right: 1px solid darkgray;          
            background: linear-gradient(to left, white  0%, #549faa);
        }

        .collapsible {
            color: black;
            /*cursor: pointer;*/
            padding: 10px;
            width: 100%;
            border-bottom: 1px solid gray;
            text-align: left;
            font-size: 17px;
            font-weight:bold;
            background: linear-gradient(to right, #6977a5  0%, rgba(0, 0, 100, 0.43) );          
        }

         .active, .collapsible:hover {
                background-color: #ccc;
            }

      
         .leftDiv {
            color: black;
            /*cursor: pointer;*/
            text-align: left;
            padding: 5px 50px 5px 20px;
            width: 100%;
            border-bottom: 1px solid gray; 
            font-size: 15px;
            background: linear-gradient(to right, #72a7f1  0%, rgba(0, 0, 100, 0.43) );
        }

            .active, .leftDiv:hover, .leftDiv:after {
                background-color: green;
            }
      .leftDivSelection {
            color: black;
            cursor: pointer;
            text-align: left;
            padding: 5px 50px 5px 20px;
            width: 100%;
            border-bottom: 1px solid gray; 
            font-size: 15px;
            font-weight:bold;
            background: linear-gradient(to right, green  0%, rgba(0, 100, 0, 0.43) );      
        }