[v-cloak] > * { display:none }

 
p {
    color:black;
    font-size:12;
}

.gray {
    color:dimgray;
}

.mbox21 {
             height:450px;
             width:100%;
             overflow: scroll;
             background-color:white;
         }

.page-part {
    border:1px solid grey; 
    width:8.26in; 
    padding-left:0.3in; 
    padding-right:0.3in;
    box-shadow: 3px 5px #888888;
    background-color:white;
}
.page-part:p{
    color:black;
}

.hdiv {
    border:1px solid lightgrey;
    border-radius:3px;
    width:100%;
    height:100%;
}
.hpanel {
    
}

.label-grey {
    color:white;
    background-color:LightSlateGrey;
    height:30px;
    padding-top:5px;
    text-align:center;
}

.label-blue {
    color:Indigo;
    background-color:MintCream;
    height:44px;
    padding-top:5px;
    text-align:center;
    margin-bottom:1px;
    font-size:22px;
}

.label-green {
    color:white;
    background-color:#74978b;
    height:30px;
    padding-top:5px;
    text-align:center;
}

.label-orange {
    color:indigo;
    background-color:darkorange;
    height:30px;
    padding-top:5px;
    text-align:center;
}

.stblgrey {
    background-color:lightgrey;
    color:Indigo;
}

.nopadding {
    padding:0;
}

.htd {
    color:#5e768d;
}

.buss-select-part{
    background-color:#2db7e1;
    width:100%;
    height:30px;
    box-shadow: 1px 1px 1px 1px grey;
    border-radius:2px;
    padding-top:5px;
    color:white;
}

.inactive {
    background-color:GhostWhite;
}

.buss-select-btn {
    position:absolute;right:20px;top:3px;color:white;cursor:pointer;font-size:20px;
}

.appheader {
    color:White;
    background-color:DodgerBlue;
}

.red {
    color:IndianRed;
}

.blue {
    color:CornFlowerBlue;
}

.green {
    color:OliveDrab;
}

.indigo {
    color:Indigo;
}
.orange {
    color:darkorange;
}
 
a:link {
    text-decoration: none;   
}

.link {
    cursor:pointer;
    color:#0056b3;
}
.link:hover {
  color: DodgerBlue;
}

.link-green {
    cursor:pointer;
    color:OliveDrab;
}

.link-green:hover {
  color: Green;
}

.icon-btn {
    width: 30px; height: 30px; border: 1px solid gray; border-radius: 10px; margin: 4px;
}

.link-red {
    cursor:pointer;
    color:Crimson;
}
.link-red:hover {
  color: Red;
}

.glink {
    cursor:pointer;
    color:#289f83;
    float:right;
}
.glink:hover {
  color: DodgerBlue;
}

.frontlink {
   cursor:pointer;
   color:White; 
}
.frontlink:hover {
  color: Cornsilk;
}

.modalred {
   color:White;
   background-color:IndianRed; 
}

.modalgreen {
   color:White;
   background-color:OliveDrab; 
}

.modalblue {
   color:White;
   background-color:CornFlowerBlue; 
}

.modalorange {
   color:White;
   background-color:DarkOrange; 
}

.modalindigo {
   color:White;
   background-color:DarkOrange; 
}

.modalgold {
   color:White;
   background-color:Gold; 
}

.rnomargin  {
    margin-right: 0;
    margin-left: 0;
}

.mylogo {
  position: absolute;
  left: 15px;
  top: 5px;
}
.mytitle {
  position: absolute;
  left: 55px;
  top: 10px;
  color:Indigo;
}
alicon {
    top:5px;
    font-size:24px;
}

.ctable, .cth {
    border: 1px solid lightgrey;
    padding: 10px;
    color:DarkSlateGrey ;
}
.ctd {
     padding-left: 10px;
     padding-right:5px;
     border: 1px solid GhostWhite;
}

.ctd1 {
     padding-left: 10px;
     padding-right:5px;
     border: 1px solid lightgrey;
}

.detd {
     padding-left: 10px;
     padding-right:5px;
     border: 1px solid GhostWhite;
     background-color:FloralWhite;
}

.btd {
    border-bottom:5px solid LightGray;;
}

.ctr:nth-child(even){background-color: GhostWhite}

.btnbox {
    border-radius:0;
}

.btnbold {
    font-weight: bold;
    background-color:lightgray;
}

.navbt {
    border-style: solid;
    border-color:lightgray;
    border-width: 0 0 1px 0;
}

.thsort {
    float:right;
    color:blue;
}

.thsort2 {
    float:right;
    color:PowderBlue;
}

.f24 {
    font-size:24px;
}

.f32 {
    font-size:32px;
}

.f16 {
    font-size:16px;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.sdefault {
  -webkit-touch-callout: text; /* iOS Safari */
    -webkit-user-select: text; /* Safari */
     -khtml-user-select: text; /* Konqueror HTML */
       -moz-user-select: text; /* Firefox */
        -ms-user-select: text; /* Internet Explorer/Edge */
            user-select: text; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}


.pheader {
    background-color:#194570;
    color:white;
    border-style: solid;
    border-color:DimGrey;
    border-width:1px;
    padding-left:15px;
    padding-top:5px;
    padding-right:10px;
}

.pleft {
    background-color:#1b75a2; /*OrangeRed */
    color:white;
    border-style: solid;
    border-color:DimGrey ;
    border-width:1px;
    padding-left:15px;
    padding-top:5px;
    padding-right:10px;
}

.pbody {
    padding:7px;
    border-style: solid;
    border-width:1px;
    border-color:lightgray;
    overflow: auto;
    background-color: White;
} 

body {
  overscroll-behavior: contain;
}

.p3 {
    padding:3px;
}

.empbtn {
     position:absolute; 
     top:10px; 
     right:6px;
     font-size:18px;
     
}

.emphr {
    margin-top:0;
    margin-bottom:0;
    margin-right:-6px;
    margin-left:-6px;
}

.hdiv {
    height:30px;
    margin-left:-6px;
    margin-right:-7px;
    margin-top:-6px;
    border-radius:5px 5px 0 0;
    padding-top:8px;
    padding-left:10px;
}

.emppad {
    border:2px solid AliceBlue;
    border-radius:5px;
    width:100%;
    height:100%;
    padding:5px;
    box-shadow: 4px 4px 9px -4px rgba(0,0,0,0.4);
}

.allerts {
    border:1px solid lightgrey;
    background-color:rgba(255, 255, 255, 0.8);;
    position:fixed;
    top:400px;
    border-radius:0 20px 20px 0;
    width:80px;
    height:150px;
}

.modal-backdrop {
    z-index: 1040 !important;
}
.modal-dialog {
    margin: 2px auto;
    z-index: 1100 !important;
}