body {
    font-family:Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    background: while;
    color:      black;
    overflow:   hidden;
    font-size: 85%;
}

h1 {
    font-size: 48px;
//    font-weight:normal;
    color: Brown;
}

h2,
h3 {
    margin-left: 20px;
    color: Chocolate;
}

a {
    text-decoration: none;
}

::selection {
    color: Yellow;
    background: DarkGray;
}

//  background: #810000;


input[type=checkbox]:checked {
    background: #810000;
}

 .tr {
    text-align: right;
 }
 .tc {
    text-align: center;
 }
 
 .vert {
    transform: rotate(-90deg); 
 }

.disabled,
.link {
    display: inline-block;
    color: black;
    padding: 0px 5px 0px 5px;
    margin:  1px 2px 1px 2px;
    font-size: small;
/*    font-weight: bold; */
    text-decoration: none;
    border: 1px gray solid;
    background: Gold;
    cursor: pointer;
    width:auto;
    vertical-align:center;
    text-align:center;  
    box-shadow: 0px 0px 3px Gray;    
    border-radius: 4px;
}
.link:hover {
    background: Yellow;
    color: Brown;
    box-shadow: 0px 0px 3px White;
    border: 1px Yellow solid;
}
.disabled {
    background: LightGray;
    cursor: default;
}
       


.ao {
    display: inline-block;
//    color: Yellow;
    padding: 1px 5px 1px 5px;
    margin:  1px;
    font-size: small;
    text-decoration: none;
    background:Chocolate;
    width:auto;
    vertical-align:center;
    text-align:center;
}

   
/*---------------------APPLICATION FRAME------------------------*/

.frame_top {
    border: 2px solid black;
    border-bottom: 0px;
    background: Maroon;
    padding: 0px;
    margin:  opx;
    overflow: hidden;
    position: fixed;
    top: 5px;
    width: 800px;
    height: 45px;
    border-radius: 10px;  
    text-align: center;
    left: calc(50% - 402px);
}

.frame_sheet {
    border: 2px solid Maroon;
    padding: 0px;
    overflow: auto;
    position: fixed;
    top: 55px;
    bottom: 5px;
    width: 800px;
    margin: 0px;  
    border-radius: 10px;
    background: BlanchedAlmond; 
    text-align: center;
    box-align: center;
    left: calc(50% - 402px);
}

/*---------------------DATA FRAMES------------------------*/
.frame_onecolumn,
.frame_form,
.frame_column1,
.frame_column2 {
    border: 0px;
    border-top: 1px solid gray;
    padding: 0px;
    margin:  0px 0px 0px 2px;
    vertical-align: top;
    position: static;
    overflow: hidden;
    width: calc(100% - 8px);
    float: left;
    height: calc(100% - 60px);
}

.frame_form {
    overflow: auto;
}
.frame_column1 {
    width: 70%;
}
.frame_column2 {
    width: calc(30% - 13px);
}

.frame_data,
.frame_data_only {
    border: 0px;
    padding: 5px;
    margin:  0px;
    vertical-align: top;
    position: static;
    overflow: auto;
    width: calc(100% - 10px);
    float: top;
    height: calc(100% - 50px);
}


/*------------------------DATA GRID-----------------------------*/

.db,
.dbw {
    border-collapse: collapse;
    border: 2px solid Maroon;
    width: 1%;
    background: #FFFFFF;
    box-shadow:2px 2px 7px #BCBCBC;
    margin: auto;
}


.db td,
.db th,
.dbw td,
.dbw th {
    text-align: left;
    border: 1px solid #BCBCBC;
    padding: 0px 10px 1px 10px;
    white-space: nowrap;
}


.db tr:nth-child(even),
.dbw_2,
.db_veh_c2 {
background: #F4F4F4;
}



.db th,
.dbw th {
    padding-top: 2px;
    padding-bottom: 2px;
    background: Maroon;
    color: white;
    font-size:small;
}

.db tr:hover,
.dbw tr:hover,
.db_veh tr:hover {
    background: #E8E8E8;
}

.db_highlight{
    background: #BCBCBC !important;
    color: #003F7E;
}

.db_err  {
    color : red;
}


/*------------------------form-----------------------------*/

.form_table {
    border: 1px solid #003F7E;
    border-collapse: collapse;
    padding: 0px;
    margin: auto;
    margin-top: 50px;
    box-shadow:2px 2px 7px #BCBCBC;
    background: #E8E8E8;
}   

.form_th {
    background: Maroon;
    padding: 3px;
    color: white;
}

.alert {
    text-align: center;
    color: red;
    font-weight: bold;
}

select option {
    color: black !important;
}

/*------------------------Menu-----------------------------*/


.vmenu_ul1 {
    list-style-type: none;
    margin: 5px;
    padding: 7px;
}


.vmenu_li1,
.combo {
    cursor: pointer !important;
    display: block;
    color: white;
    padding: 5px 20px 5px 20px;
    margin: 10px 5px 10px 5px;
    text-decoration: none;
    border: 1px #BCBCBC solid;
    background: Chocolate;
    height: 20px;
    border-radius: 10px;
    vertical-align: center;
    text-shadow: 1px 1px 1px black;    
    text-align: center;
    display: inline;
}

.vmenu_li1:hover,
.combo:hover {
    background: Gold;
}


.combo
{
    font-size: 100%;
    padding: 2px;
    font-weight: bold;
    width: calc(100% - 5px);
    margin: 0px;
}


.date_time
{
    font-size: 100%;
    width: calc(100% - 10px);
    margin: 0px 6px 0px 0px;
}