body {
    padding: 0px;
    margin: 0px;
    background-color: #4c4c4c;
    /* font-family: "Times New Roman", sans-serif !important; */
    font-family: "Arial", sans-serif !important;
    font-size: 0.8em;
}
a {
    color: #b8ec79;
    text-decoration: none;
}
a:hover {
    color: #96f226;
    text-decoration: underline;
}
.logout {
    color: #b8ec79;
    text-decoration: none;
}
.logout:hover {
    color: #96f226;
    text-decoration: underline;
}
select{
    height: 21px;
}

.DataTable td{
    font-size: 0.9em;
}

.FilterDataTable table,
.DataTable table,
.InputTable table {
    border-collapse: separate;
    border-spacing: 0;
}

.InputTable tr {
    background-color: #696969;
}

.FilterDataTable td,
.DataTable td,
.InputTable td {
    border: solid 0px #000;
    border-style: none solid solid none;
    padding: 5px 5px 5px 5px;
    vertical-align: top;
}

.FilterDataTable tr:first-child td:first-child,
.DataTable tr:first-child td:first-child,
.InputTable tr:first-child td:first-child {
    border-top-left-radius: 6px;
}

.FilterDataTable tr:first-child td:last-child,
.DataTable tr:first-child td:last-child,
.InputTable tr:first-child td:last-child {
    border-top-right-radius: 6px;
}

.FilterDataTable tr:last-child td:first-child,
.DataTable tr:last-child td:first-child,
.InputTable tr:last-child td:first-child {
    border-bottom-left-radius: 6px;
}

.FilterDataTable tr:last-child td:last-child,
.DataTable tr:last-child td:last-child,
.InputTable tr:last-child td:last-child {
    border-bottom-right-radius: 6px;
}

.FilterDataTable tr:first-child td,
.DataTable tr:first-child td,
.InputTable tr:first-child td {
    border-top-style: solid;
}

.FilterDataTable tr td:first-child,
.DataTable tr td:first-child,
.InputTable tr td:first-child {
    border-left-style: solid;
}

/* ========== custom override jquery css ========== */
.ui-widget, 
.ui-widget input, 
.ui-widget select, 
.ui-widget textarea, 
.ui-widget button {
    /* font-family: "Times New Roman", sans-serif !important; */
    font-family: "Arial", sans-serif !important;
}
.ui-widget {
    font-size: 1.2em;
}
.ui-tabs .ui-tabs-panel {
    padding: 4px;
	/*Font-size: 0.9em;*/
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: pointer;
}
.ui-accordion .ui-accordion-content {
    /*padding: 1em 2.2em;*/
    padding: 1em; /*my custom*/
    border-top: 0;
    overflow: auto;
}
.ui-widget-content a {
    color: #b8ec79;
    text-decoration: none;
}
.ui-widget-content a:hover {
    color: #96f226;
    text-decoration: underline;
}
.ui-datepicker-buttonpane button.ui-datepicker-current {
    opacity: 1 !important;
    font-weight: bold !important;
    /* Optional: copy the exact background/border from your theme's .ui-priority-primary */
}
.custom_select_menu {
    padding: 2px 5px 2px 5px;
}

.custom-dropdown .ui-menu-item-wrapper {
    padding: 8px 8px;
}
/* Increase space inside the input field */
.ui-spinner-input {
    padding: 0px 5px !important;
    margin-right: 26px;
    margin-left: 1px;
    margin-top: 1px;
    margin-bottom: 1px;
    /* Ensure space for buttons if needed */
}

/* Adjust the outer container padding */
.ui-spinner {
    padding: 0px;
}

/* Specific button padding if they look cramped */
.ui-spinner-button {
    padding: 0;
}
/* ========== end of : custom override jquery css ========== */
/* ============================== MAINMENU ============================== */
#mainmenu {
    width: 150px;
    border: 1px solid #c3d9ff;
}
div.mainmenuT {
    border: 1px solid #c3d9ff;
    /* border-style:outset;*/
    margin: 0px 0px 0px;
    /*padding: 0px 0px 0px 0px;*/
    padding: 4px;
    width: auto;
    height: 20px;
    /*background-image:  url("tombolMe.jpg");*/
    background-color: #e8eefa;
    background-repeat: no-repeat;
    background-position: left top;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    text-transform: capitalize;
    color: #000;
    line-height: 20px;
    cursor: pointer;
}
div.mainmenu_notT {
    border: 1px solid #c3d9ff;
    margin: 0px 0px 0px;
    /*padding: 0px 0px 0px 0px;*/
    padding: 4px;
    width: auto;
    height: 20px;
    /*background-image:  url("tombolMf.jpg");*/
    background-color: #e8eefa;
    background-repeat: no-repeat;
    background-position: left top;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    text-transform: capitalize;
    color: #900;
    line-height: 20px;
}
div.mainmenu_notT a {
    text-decoration: none;
    color: #000000;
}
div.mainmenu_notT a:hover {
    text-decoration: underline;
    color: #0000ff;
}
div.mainmenuE {
    /*border: 1px solid #cccccc;*/
    width: auto;
    display: block;
    font-size: 0.75em;
    text-decoration: none;
    text-transform: capitalize;
    color: #000000;
}
div.mainmenuE ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
}
div.mainmenuE ul li {
    border-right: 0px solid #b8ec79;
    border-bottom: 1px solid #ffffff;
    margin: 0px;
    /*padding : top right bottom left*/
    padding: 2px 0px 2px 0px;
}
div.mainmenuE ul li a {
    text-decoration: none;
    color: #b8ec79;
    line-height: 15px;
}
div.mainmenuE ul li a:hover {
    text-decoration: underline;
    /*font-weight: bold;*/
    color: #96f226;
}
/* ============================== MAINMENU END ============================== */
/* ============================== Return to Top Start ============================== */
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    /*background: rgba(0, 0, 0, 0.7);*/
    /*background: rgba(226, 232, 230, 0.7);*/
    background: rgba(180, 180, 180, 0.7);
    border: 1px #FF0000 thin;

    /*
    -moz-border-bottom-colors:#e4e4e4;
    -moz-border-top-colors:#e4e4e4;
    -moz-border-left-colors:#e4e4e4;
    -moz-border-right-colors:#e4e4e4;
    */

    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;

    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 13px;
    top: 15px;
    font-size: 20px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#return-to-top:hover {
    /*background: rgba(0, 0, 0, 0.9);*/
    background: rgba(200, 200, 200, 0.7);
}

#return-to-top:hover i {
    color: #fff;
    top: 0px;
}
/* ============================== Return to Top End ============================== */