#top {
    position: relative;
    padding: 0px;
    margin: 0px 0px 1px 0px;
    text-align: center;
    color: #3333ff;
    font-weight: bold;
    font-family: Arial,Helvetica,sans-serif;
    margin-left: 0%;
    margin-right: 0%;
    font-size: 12px;
    background-color: transparent !important;
}

#top_log {
    position: relative;
    padding: 0px;
    margin: 0px 0px 10px 0px;
    text-align: center;
    color: #3333ff;
    font-weight: bold;
    font-family: Arial,Helvetica,sans-serif;
    margin-left: 20%;
    margin-right: 20%;
    font-size: 9px;
    background-color: #ffffff;
    margin-top: 20px;
}

#top2 {
    position: relative;
    background-color: transparent !important;
    padding: 0px;
    margin: 0px 0px 10px 0px;
    background-position: center center;
    text-align: center;
    color: #3333ff;
    font-weight: bold;
    font-family: Arial,Helvetica,sans-serif;
    margin-left: 0%;
    margin-right: 0%;
    font-size: 9px;
    margin-bottom: 5px;
    margin-top: 1px;
}

#top3 {
    position: relative;
    background-color: #ffffff;
    padding: 0px;
    margin: 0px 0px 10px 0px;
    background-position: center center;
    text-align: center;
    color: #3333ff;
    font-weight: bold;
    font-family: Arial,Helvetica,sans-serif;
    margin-left: 2%;
    margin-right: 2%;
    font-size: 9px;
    margin-bottom: 1px;
    margin-top: 1px;
}

#bottom {
    position: relative;
    background-color: transparent !important;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    text-align: right;
    color: #666666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 9px;
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 1px;
    margin-top: 5px;
}

.ui-selectonemenu-item.Som{
    background-color: blue !important;
    background-image: none !important;
    border-color: green !important;
}


.ui-inputfield {
    border-radius:4px !important;
    box-shadow:  none !important;
}

#left {
    float: left;
    background-color: #ece3a5;
    padding: 5px;
    width: 100px;
}

#right {
    float: right;
    background-color: #ece3a5;
    padding: 5px;
    width: 100px;
}

.center_content {
    position: static;
    background-color: transparent !important;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    color: #9999ff;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 1px;
    margin-bottom: 1px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}

.center_content_log {
    position: static;
    background-color: transparent !important;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    color: #9999ff;
    margin-top: 8%;
    margin-bottom: 1px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 9px;
    margin-left: 25%;
    margin-right: 25%;
}

.ui-picklist .ui-picklist-list{
    height:500px;
    border-color: #dddddd !important;
}

.classPanel td {
    vertical-align: top;
}

.column1 {
    text-align: right;
    vertical-align: central;
}

.column2 {
    text-align: left;
    vertical-align: central;
}

.column3 {
    vertical-align: top;
}

.column4 {
    vertical-align: top;
    border: none !important;
    margin: 0px !important;
}

.column5 {
    vertical-align: top;
    border: none !important;
    margin: 0px !important;
    padding: 0px !important;
}

.classPanel2 td {
    vertical-align: top;
    margin: 0px !important;
    padding: 0px !important;
}

.row{
    position: static; 
    font-size: 10px;
    font-family: Arial,Helvetica,sans-serif;
}

.buttonx{
    width: 100%;
    font-family:  'Segoe UI'; 
    font-weight: normal; 
    background-color: #009fff ; 
    background-image: none; 
    border-color: black; 
    color: white; 
    font-size: 11px; 
    text-shadow: none
    
}

.classPanelR td{
    margin: 0px;
    padding: 0px;
    border: 0px;
    border-radius: 5px;
    background-color: red;
}

.classPanelW td{
    margin: 2px;
    padding: 2px;
    border: 0px;
    border-radius: 5px;
    background-color: white;
}

.div_tab{
    min-height: 300px;
    height: 300px;
    height: 300px;
        
}

.input_tab{
    width: 98%; 
    border: none; 
    box-shadow: none; 
    background-color: rgb(255,255,153);
}

.input_white{
    width: 98%; 
    border: none; 
    box-shadow: none; 
    background-color: rgb(255,255,255);
}

.input_tab3{
    width: 98%; 
    border: none; 
    box-shadow: none; 
    background-color: rgb(228,223,236);
}

.input_tab4{
    width: 98%; 
    border: none; 
    box-shadow: none; 
    background-color: rgb(135,206,250);
}

.input_tab5{
    width: 98%; 
    border: none; 
    box-shadow: none; 
    background-color: rgb(215,215,215);
}

.input_tab6{
    width: 98%; 
    border: none; 
    box-shadow: none; 
    background-color: rgb(189,236,182);
}

.input_tab7{
    width: 98%; 
    border: none; 
    box-shadow: none; 
    background-color: rgb(250,128,114);
}

.ui-datatable.DataTable tr, .ui-datatable.DataTable td {
    padding-right: 4px !important;
    padding-left: 4px !important;
    padding-bottom: 9px !important;
    padding-top: 9px !important;
    margin-left: 2px !important;
    margin-right: 2px !important;
    margin-bottom: 4px !important;
    margin-top: 4px !important;
    font-size: 12px !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
}

.ui-datatable.DataTable{
    padding-right: 0px !important;
    padding-left: 0px !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    font-size: 12px !important;
    border-radius: 4px !important; 
    border-color: transparent !important;
}

.ui-datatable-footer{
    border-color: transparent !important;
}

.ui-picklist-caption{
    color: black !important;
    border-color: transparent !important; 
}

.ui-datatable.DataTable2 th, .ui-datatable.DataTable2 tr, .ui-datatable.DataTable2 td {
    padding-right: 5px !important;
    padding-left: 5px !important;
    padding-bottom: 4px !important;
    padding-top: 4px !important;
    margin-left: 2px !important;
    margin-right: 2px !important;
    margin-bottom: 2px !important;
    margin-top: 2px !important;
    font-size: 12px !important;
}

.ui-datatable.DataTable3 tr, .ui-datatable.DataTable3 td {
    padding-right: 1px !important;
    padding-left: 1px !important;
    padding-bottom: 1px !important;
    padding-top: 1px !important;
    margin-left: 2px !important;
    margin-right: 2px !important;
    margin-bottom: 4px !important;
    margin-top: 4px !important;
    font-size: 12px !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
}

.custom .ui-datepicker {
    background-color: #f6f662;
    padding-right: 0px !important;
    padding-left: 0px !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important; 
}


.s0, .s0 .fc-event-skin, .s0 a {
    background-color: #f6f662;
    border-color: #f6f662;
    font-size: 11px;
    color: #000000;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
}

.s1, .s1 .fc-event-skin, .s1 a {
    background-color: #80baed;
    border-color: #80baed;
    font-size: 11px;
    color: #000000;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
}

.s2, .s2 .fc-event-skin, .s2 a {
    background-color: #58ee72;
    border-color: #58ee72;
    font-size: 11px;
    color: #000000;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
}

.s3, .s3 .fc-event-skin, .s3 a {
    background-color: #f97361;
    border-color: #f97361;
    font-size: 11px;
    color: #000000;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
}

.s4, .s4 .fc-event-skin, .s4 a {
    background-color: #c363bf;
    border-color: #c363bf;
    font-size: 11px;
    color: #000000;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
}

.s5, .s5 .fc-event-skin, .s5 a {
    background-color: #f1a739;
    border-color: #f1a739;
    font-size: 11px;
    color: #000000;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
}

.s6, .s6 .fc-event-skin, .s6 a {
    background-color: #646beb;
    border-color: #646beb;
    font-size: 11px;
    color: #000000;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
}

.s7, .s7 .fc-event-skin, .s7 a {
    background-color: #ada6a6;
    border-color: #ada6a6;
    font-size: 11px;
    color: #000000;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
}

.s8, .s8 .fc-event-skin, .s8 a {
    background-color: #73ba66;
    border-color: #73ba66;
    font-size: 11px;
    color: #000000;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
}

.s9, .s9 .fc-event-skin, .s9 a {
    background-color: #24cee3;
    border-color: #24cee3;
    font-size: 11px;
    color: #000000;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
}

.left_content {
    background-color: #dddddd;
    padding: 5px;
    margin-left: 170px;
}

.right_content {
    background-color: #dddddd;
    padding: 5px;
    margin: 0px 170px 0px 170px;
}

#top a:link, #top a:visited {
  color: white;
  font-weight : bold;
  text-decoration: none;
}

#top a:link:hover, #top a:visited:hover  {
  color: black;
  font-weight : bold;
  text-decoration : underline;
}

.ui-progressbar.ui-widget-content {
    background-color: #ccccff !important;
    color: #000000 !important;
}