body {
    background-color:white;
    margin-left:6%;
    
 }
.a_h1 {
    font-size: 30px;
    font-weight: 400;
    font-family: Arial, Helvetica, sans-serif;
    color: #a5a831;
    
}
.a_h3{
    font-size:20px;
    color: #a5a831;
    font-family: Arial, Helvetica, sans-serif;
}
.a_hr {
    border-bottom:1px solid #336600;
    margin-top: 0px;
    width: 98%;
    margin-bottom:30px;
}
.a_div {
   width: 400px;
    margin: auto;
    align-items: center;
}
.a_label {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    color: #1d3c02;
    line-height: 40px;
    width:200px;
    /*font-weight:400;*/
   }
.a_textbox {
   
    font-size: 14px;
    color: #39393A;
    font-family: Arial, Helvetica, sans-serif;
    border-style: hidden hidden hidden hidden;
    background-color:white;
    border-bottom: 1px solid #979797;
    line-height: 20px;
    width:200px;
}
.a_textcalendar {
    background-image:url('../Images/Systemimages/calendar-Icon.svg');
    background-repeat: no-repeat;
    background-position:right;
    width:200px;
     border-style: hidden hidden hidden hidden;
     border-bottom: 1px solid #979797;
    line-height: 30px;
   }

    .a_textbox:focus {
        /*outline:1px solid #979797;*/
        background-color: lightyellow;
        padding-left:5px;
        border:none;
    }
.a_down{
    background-image:url('../Images/arrow-down-angle_318-52905 (1).jpg');
     background-repeat: no-repeat;
    background-position: right;
    border-style: hidden hidden hidden hidden;
    border-bottom: 1px solid #979797;
    line-height: 30px;
    }

.a_dropdown {
    border-color: #F1F1F1;
  /*max-height:300px;*/
    /*margin-bottom: 5px;*/
    width:200px;
    border: 0px;
    /*height: 16px;*/
    outline: 0px;
    background: transparent;
    border-bottom: 1px solid #747474;
    font-family: Arial, Helvetica, sans-serif;
    text-align: right;
    line-height: 30px;
    
}

/*select option::outside {
 background-color: darkgray;
    color: #ffffff;
}*/
.a_dropdown-content a{
    color:black;
    text-decoration: none;
    display: block;
    background-color:darkgray;
}
.a_dropdown-content:hover a{
    background-color:red;
}
.a_dropdown:hover .a_dropdown-content {
    display: block;
}
/*.a_dropdown:hover {
 background-color: darkgray;
    color: #ffffff;
}*/

input[type='radio'] {
        -webkit-appearance: none;
        width: 20px;
        height: 20px;
        border-radius: 100%;
        outline: none;
        border: 2px solid rgba(51,51,51,0.65);
    }
input[type='radio']:before {
    content: '';
    display: block;
    width: 60%;
    height: 60%;
    margin: 20% auto;
    border-radius: 100%;
}
    input[type="radio"]:checked:before {
        background: #8fa510;
    }
    input[type="radio"]:checked {
        border-color: #8fa510;
    }
/*input[type='checkbox'] {
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    margin: 0 .25em 0 0;
    padding: 0;
    vertical-align: top;
    outline: none;
    border: 2px solid rgba(51,51,51,0.65);
    display: inline-block;
    background-color: white;
}

 input[type='checkbox']:before {
    
    display: block;
    width: 60%;
    height: 60%;
    margin: 20% auto;
    /*border-radius: 100%;*/
}   
 
 /*input[type="checkbox"]:checked:before
  {
        background: orange;
  }*/
  /*input[type="checkbox"]:checked:after
  {
      border: solid red;
        color: #8fa510;
  }*/

    /*input[type="checkbox"]:checked {
        color: #8fa510;
        border: solid red;
    }*/
 .tableContent tr {

    height:35px;
    border:none;
}
.tableContent td {
    /*height:35px;*/
    text-align: left;
    width:200px;
   height:20px;
   /* border:solid;*/
}
.tableContent td:first-child {
    width:150px;
       
}
.a_button_grey {
    margin: 20px;
    height: 40px;
    width: 150px;
    color: #FFFFFF;
    font-size: 18px;
    border-radius: 2px;
    background-color: #9B9B9B;
    border:none;
    font-family: Arial, Helvetica, sans-serif;
}

.a_button_grey:hover {
    background-color: black;
}
.a_button {
    margin: 20px;
    height: 40px;
    width: 130px;
    color: #FFFFFF;
    font-size: 18px;
    border-radius: 5px;
    background-color: #8fa510;
    border:none;
    font-family: Arial, Helvetica, sans-serif;
}
.a_button:hover {
    /*background-color: #bdd002;*/
    background-color: #1d3c02;
}
.a_text_body {
    height: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 8px;
}

.a_combo {
    border-style: hidden hidden solid hidden;
    outline: 0px;
    width: 200px;
    text-align: right;
 line-height: 30px;
}
.a_listbox {
    width:200px;
}

.a_GridView {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 90%;
}
.a_GridView th {
    color:white;
}

    .a_GridView td, a_GridView th {
        border: 1px solid #ffffff;
        padding: 8px;
    }

    .a_GridView tr:nth-child(even) {
        background-color: #f2f0ea;
    }

    .a_GridView tr:hover {
        background-color: #ddd;
    }

    .a_GridView th {
        padding-top: 12px;
        padding-bottom: 12px;
        padding-left: 8px;
        text-align: left;
        background-color: #8fa510;
        color: white;
    }
    .i_button_yellow_console {
           
            
            color: black;
           
            height: 30px;
            width: 130px;
             margin: 5px;  
    font-size: 18px;
    border-radius: 5px;
    background-color: #fff200;
    border:none;
    font-family: Arial, Helvetica, sans-serif;
        }

            .i_button_yellow_console:hover {
                font-weight: bolder;
                font-family: Arial, Helvetica, sans-serif;
                color: white;
                background-color: red;
                height: 30px;
                width: 130px;
            }

        .i_button_red_console {
            font-weight: bolder;
            font-family: Arial, Helvetica, sans-serif;
            color: white;
            background-color: red;
            height: 30px;
            width: 130px;
        }
        .a_div_console{
            background-color: darkgray;border-radius:5px
        }
        .a_notice{
            font-size: 20px; text-align: center; color: white;
        }
        .a_currenttable{
            height:220px;text-align:left;width:90%;
        }
        .a_tabletdbutton{
            padding-top:0px;
        }
        .a_button_console{
            background-color:black;color:white;width:150px;margin:5px;
        }
        .a_backcolordetail{
            text-align: center;background-color:white;margin:5px;
        }
        .a_terminalbtn{
            background-color:red;color:white;
        }
         .a_terminalall{
            background-color:RGB(146, 208, 48);color:white;width:80%;
        }
        .a_btnbuyer{
            background-color:gold;font-weight:bold; color:black;
        }
        .a_btnlogout{
            background-color:black;color:white;font-weight:bold; 
        }
   




.a_table {
    margin-right:auto;
    border-collapse: collapse;
   background-color:white;
    border: 1px solid black;
}

.a_th {
    border: 1px solid black;
}
.a_td {
    border: 1px solid black;
}
.a_tr {
    border: 1px solid black;
}