/* -------------- GENERAL START ---------------- */
html{
    margin:0;
    padding:0;
    height:100%;
    border:none;
}
body {
    background-color: #ffffff;
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;

    text-decoration: none;
    font-family: Verdana, Arial, Tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    line-height: 16px;
    height:100%;
}
th {
    text-decoration: none;
    font-family: Verdana, Arial, Tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    line-height: 16px;
}
td {
    text-decoration: none;
    font-family: Verdana, Arial, Tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    line-height: 16px;
}
a {
    background-color: transparent;
    text-decoration: none;
    font-family: Verdana, Arial, Tahoma, "Font Awesome 6 Free";
    font-size: 11px;
    font-weight: bold;
}
a:hover {
    background-color: transparent;
    text-decoration: underline;
}
a[id^="anchor"], a:hover[id^="anchor"] {
    color: black;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
}
img {
    border: 0px none;
}

.title {
    background-color: transparent;
    text-decoration: none;
    font-family: Verdana, Arial, Tahoma;
    font-size: 15px;
    font-weight: bold;
    color: #000000;
}

.subtitle {
    background-color: transparent;
    text-decoration: none;
    font-family: Verdana, Arial, Tahoma;
    font-size: 13px;
    font-weight: bold;
    color: #000000;
}
.error {
    background-color: transparent;
    text-decoration: none;
    font-family: Verdana, Arial, Tahoma;
    font-size: 11px;
    font-weight: bold;
    color: red;
}

.success {
    background-color: transparent;
    text-decoration: none;
    font-family: Verdana, Arial, Tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #696969;
}

.td_smaller {
    text-decoration: none;
    font-family: Verdana, Arial, Tahoma;
    font-size: 9px;
    font-weight: normal;
    color: #000000;
}


/* ---------- FORMS --------------*/

input {
    text-decoration: none;
    font-family: Verdana, Arial, Tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #000000; /*width: 160px;*/
    height: 18px;
    border-style: solid;
    border-width: 1px;
}
.input_smaller {
    text-decoration: none;
    font-family: Verdana, Arial, Tahoma;
    font-size: 9px;
    font-weight: bold;
    color: #000000; /*width: 160px;*/
    height: 15px;
    border-style: solid;
    border-width: 1px;
}

select {
    text-decoration: none;
    font-family: Courier New;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    width: 160px;
    /*height: 18px;*/
    border-style: solid;
    border-width: 1px;
}

textarea {
    text-decoration: none;
    font-family: Verdana, Arial, Tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    /*width: 160px;
    height: 100px;*/
    border-style: solid;
    border-width: 1px;
}

.button, input[type="file"]::file-selector-button {
    text-decoration: none;
    font-family: Verdana, Arial, Tahoma, "Font Awesome 6 Free";
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    width: max-content;
    height: 18px;
    border-style: solid;
    border-width: 0px;
    border-radius: 3px;
    padding: 0 5px 3px 5px !important;
    padding: 0 5px 1px 5px;
}

.button:hover,input[type=file]::file-selector-button:hover {
    text-decoration: none;
    font-family: Verdana, Arial, Tahoma, "Font Awesome 6 Free";
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    width: max-content;
    height: 18px;
    border-style: solid;
    border-width: 0px;
    border-radius: 3px;
    padding: 0 5px 3px 5px !important;
    padding: 0 5px 1px 5px;
}
.buttonSort {
    text-decoration: none;
    font-family: Verdana, Arial, Tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #000000; /*width: 100px;*/
    margin: 0px;
    border-style: solid;
    border-width: 0px;
    padding: 0 0px 0px 0px !important;
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -o-pre-wrap;  /* Opera 7 */
    white-space: pre-wrap;      /* css-3 */
    word-wrap: break-word;    /* Internet Explorer 5.5+ */
    width:auto;
    height:auto;
}
a.buttonSort:hover {
    text-decoration: none;
    font-family: Verdana, Arial, Tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff; /*width: 100px;*/
    margin: 0px;
    border-style: solid;
    border-width: 0px;
    padding: 0 0px 0px 0px !important;
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -o-pre-wrap;  /* Opera 7 */
    white-space: pre-wrap;      /* css-3 */
    word-wrap: break-word;    /* Internet Explorer 5.5+ */
    width:auto;
    height:auto;
}
.disabled_input {
    background-color: #EFEFEF;
    text-decoration: none;
    font-family: Verdana, Arial, Tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #8F8F8F;
    /*width: 160px;*/
    height: 18px;
    border-style: solid;
    border-width: 1px;
    border-color: #ACADAD;
}

.disabled_button {
    background-color: #BCBCBC;
    text-decoration: none;
    font-family: Verdana, Arial, Tahoma, "Font Awesome 6 Free";
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    width: max-content;
    height: 18px;
    border-style: solid;
    border-width: 0px;
    border-color: #000000;
    border-radius: 3px;
}

.disabled_textarea {
    background-color: #EFEFEF;
    text-decoration: none;
    font-family: Verdana, Arial, Tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #8F8F8F;
    /*width: 160px;
    height: 100px;*/
    border-style: solid;
    border-width: 1px;
    border-color: #ACADAD;
}
.required:after {
    content: "*";
    color: #FB0000;
    font-size: 15px;
}
/* ----------- GENERAL END ------------ */

/* ----------- LOGIN START ------------ */
.login_box_bgr{
    /*width: 166px !important;*/
    width: 220px;
    /*padding: 7px 15px 7px 15px !important;*/
    padding: 6px 0px 6px 25px;
}
.white_text{
    font-family :  Tahoma, Verdana, Arial;
    font-size : 11px;
    font-weight : normal;
    color: #ffffff;
}
.black_text{
    font-family :  Tahoma, Verdana, Arial;
    font-size : 11px;
    font-weight : normal;
    color: #000000;
}
.login_input{
    text-decoration : none;
    font-family :  Tahoma, Verdana, Arial, "Font Awesome 6 Free";
    font-size : 11px;
    font-weight: normal;
    color: #ffffff;
    border-style:solid;
    border-width:1px;
    border-radius: 3px;
    /*width: 162px !important;*/
    width: 164px;
    /*height: 16px !important;*/
    height: 20px;
    margin: 1px 0 0 0;
    /*padding: 1px 0 1px 0 !important;*/
    padding: 2px 0 2px 0;
}
.login_button{
    text-decoration : none;
    font-family :  Tahoma, Verdana, Arial, "Font Awesome 6 Free";
    font-size : 11px;
    font-weight: bold;
    color: #ffffff;
    border-style:solid;
    border-width:1px;
    border-radius: 3px;
    width: 164px;
    margin: 8px 0 0 0;
    /*padding: 1px 0 2px 0 !important;*/
    padding: 0 0 2px 0;
    line-height: 18px;

}
.logged_box_td{
    /*width: 177px !important;*/
    width: 220px;
}
.logged_box_bgr{
    /*width: 173px !important;*/
    width: 220px;
    /*padding: 7px 14px 7px 9px !important;*/
    padding: 6px 4px 6px 9px;
    /*height: 48px !important;*/
    height: 62px;
}
.logged_button{
    text-decoration : none;
    font-family :  Tahoma, Verdana, Arial, "Font Awesome 6 Free";
    font-size : 11px;
    font-weight: bold;
    color: #ffffff;
    border-style:solid;
    border-width:1px;
    border-radius: 3px;
    margin: 2px 0 2px 0;
    padding: 1px 3px 2px 3px;
    line-height: 18px;
}
/* ----------- LOGIN END ------------ */

/* ----------- MENU START -------------- */
.mm_top_tbl{
    background: url("images/c_top_r_bgr.gif") top left repeat-x;
    padding: 3px 0 0 0;
}
.mm1{
 text-decoration : none;
 font-family : Verdana, Tahoma, Arial, "Font Awesome 6 Free";
 font-size : 11px;
 font-weight : bold;
    padding: 0 6px 2px 6px !important;
    padding: 0 6px 1px 6px;
    margin: 4px 0 0 0;
    width: 206px !important;
    width: 220px;
    /*height: 15px !important;*/
    /*height: 17px;*/
 display: block;
 line-height: 18px;
}
a.mm1:hover{
 text-decoration : none;
 font-family : Verdana, Tahoma, Arial, "Font Awesome 6 Free";
 font-size : 11px;
 font-weight : bold;
    padding: 0 6px 2px 6px !important;
    padding: 0 6px 1px 6px;
    margin: 4px 0 0 0;
    width: 206px !important;
    width: 220px;
 /*height: 17px;*/
 display: block;
 line-height: 18px;
}
.mm1_sel{
 text-decoration : none;
 font-family : Verdana, Tahoma, Arial, "Font Awesome 6 Free";
 font-size : 11px;
 font-weight : bold;
    padding: 0 6px 2px 6px !important;
    padding: 0 6px 1px 6px;
    margin: 4px 0 0 0;
    width: 206px !important;
    width: 220px;
 /*height: 17px;*/
 display: block;
 line-height: 18px;
}
a.mm1_sel:hover{
 text-decoration : none;
 font-family : Verdana, Tahoma, Arial;
 font-size : 11px;
 font-weight : bold;
    padding: 0 6px 2px 6px !important;
    padding: 0 6px 1px 6px;
    margin: 4px 0 0 0;
    width: 206px !important;
    width: 220px;
 /*height: 17px;*/
 display: block;
 line-height: 16px;
}
.mm2{
 text-decoration : none;
 font-family : Verdana, Tahoma, Arial;
 font-size : 10px;
 font-weight : bold;
    padding: 0 6px 0 6px !important;
    padding: 0 6px 0 6px;
    margin: 4px 0 0 19px;
    width: 173px !important;
    width: 187px;
 /*height: 15px;*/
 display: block;
 line-height: 12px;
}
a.mm2:hover{
 text-decoration : none;
 font-family : Verdana, Tahoma, Arial;
 font-size : 10px;
 font-weight : bold;
    padding: 0 6px 0 6px !important;
    padding: 0 6px 0 6px;
    margin: 4px 0 0 19px;
    width: 173px !important;
    width: 187px;
 /*height: 15px;*/
 display: block;
 line-height: 12px;
}
.mm2_sel{
 text-decoration : none;
 font-family : Verdana, Tahoma, Arial;
 font-size : 10px;
 font-weight : bold;
    padding: 0 6px 0 6px !important;
    padding: 0 6px 0 6px;
    margin: 4px 0 0 19px;
    width: 173px !important;
    width: 187px;
 /*height: 15px;*/
 display: block;
 line-height: 12px;
}
a.mm2_sel:hover{
 text-decoration : none;
 font-family : Verdana, Tahoma, Arial;
 font-size : 10px;
 font-weight : bold;
    padding: 0 6px 0 6px !important;
    padding: 0 6px 0 6px;
    margin: 4px 0 0 19px;
    width: 173px !important;
    width: 187px;
 /*height: 15px;*/
 display: block;
 line-height: 12px;
}
.mm3{
 text-decoration : none;
 font-family : Verdana, Tahoma, Arial;
 font-size : 10px;
 font-weight : bold;
    padding: 0 6px 0 6px !important;
    padding: 0 6px 0 6px;
    margin: 4px 0 0 31px;
    width: 161px !important;
    width: 175px;
 /*height: 15px;*/
 display: block;
 line-height: 12px;
}
a.mm3:hover{
 text-decoration : none;
 font-family : Verdana, Tahoma, Arial;
 font-size : 10px;
 font-weight : bold;
    padding: 0 6px 0 6px !important;
    padding: 0 6px 0 6px;
    margin: 4px 0 0 31px;
    width: 161px !important;
    width: 175px;
 /*height: 15px;*/
 display: block;
 line-height: 12px;
}
.mm3_sel{
 text-decoration : none;
 font-family : Verdana, Tahoma, Arial;
 font-size : 10px;
 font-weight : bold;
    padding: 0 6px 0 6px !important;
    padding: 0 6px 0 6px;
    margin: 4px 0 0 31px;
    width: 161px !important;
    width: 175px;
 /*height: 15px;*/
 display: block;
 line-height: 12px;
}
a.mm3_sel:hover{
 text-decoration : none;
 font-family : Verdana, Tahoma, Arial;
 font-size : 10px;
 font-weight : bold;
    padding: 0 6px 0 6px !important;
    padding: 0 6px 0 6px;
    margin: 4px 0 0 31px;
    width: 161px !important;
    width: 175px;
 /*height: 15px;*/
 display: block;
 line-height: 12px;
}
/* ----------- MENU END -------------- */


/* ----------- TOP NAV START -------------- */
.header_box_r_bgr{
    width: 100%;
    height: 62px;
}
.header_box_bgr{
    width: 100%;
}
.header_logo_tbl{
    padding: 14px 0 0 30px;
}
.logo_name{
    font-family : Arial, Verdana, Tahoma;
    font-size : 20px;
    font-weight : normal;
    color: #ffffff;
    padding: 2px 0 0 8px;
}
.logo_powered{
    font-family :  Verdana, Tahoma, Arial;
    font-size : 10px;
    font-weight : normal;
    padding: 1px 0 0 9px;
}
.header_box_space{
    background: #ffffff;
    width: 3px;
}
.header_right_logo_bgr{
    width: 176px;
    padding: 6px 6px 6px 6px;
}
.header_right_logo{
    border : 1px solid #a7d0cb;
}

.lang_box{
    padding: 0 20px 0 0;
}
.lang_link{
    font-family : Verdana, Tahoma, Arial;
    font-size : 10px;
    font-weight : bold;
    padding: 0 4px 0 4px;
    display: block;
}
a.lang_link:hover{
    text-decoration : none;
}
.lang_selected{
    text-decoration : none;
    font-family : Verdana, Tahoma, Arial;
    font-size : 10px;
    font-weight : bold;
    padding: 0 4px 0 4px;
    display: block;
}
/* ----------- TOP NAV END -------------- */

/* ----------- CONTENT START -------------- */
.content_top_bgr{
    background: url("images/c_top_r_bgr.gif") top left repeat-x;
    width: 100%;
    padding: 22px 23px 0 23px;
}
/* ----------- CONTENT END -------------- */

/* ----------- BOTTOM NAV START -------------- */
.f_copyright_bgr{
 border-top: 1px solid #d5d5d5;
 width: 100%;
 height: 20px;
}
.f_copyright{
	background-color: transparent;
	text-decoration : none;
	font-family : Verdana, Arial, Tahoma;
	font-size : 10px;
	font-weight : normal;
	color: #000000;
	display: block;
	white-space:nowrap;
}
/* ----------- BOTTOM NAV END -------------- */

/* ----------- JQUERY-UI COMBOBOX START -------------- */
/* the jquery ui combobox focus */
.ui-autocomplete-input:focus, .ui-autocomplete a.ui-corner-all.sbiAnchor:hover {
    /* set the focus color */
    background: #fbf591;
}

/* the jquery ui combobox panel properties */
.ui-menu .ui-menu-item {
    background-color: #fbf591;
    font-family: Courier New,monospace;
    font-weight: bold;
    font-size: 12px;
    min-height: 15px;
    /* don't wrap items with space between */
    white-space: nowrap;
    /* place for the scroll bar */
    padding-right: 20px;
}
/* ----------- JQUERY-UI COMBOBOX END -------------- */

#messages_div {
    position: fixed;
    background-color: white;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.9;
    z-index: 10000;
    width: 76%;
}
.ui-icon.red { background-image: url("images/ui-icons_cd0a0a_256x240.png"); }

/* ----------- SUMOSELECT OVERWRITE START --------------- */
/* fix select width */
.SumoSelect.open .search-txt { width: 12px;}
.SumoSelect { width: 12px; right: 3px;}
/* fix min height to be smaller; width to be shorter */
.SumoSelect > .CaptionCont { min-height: 4px;}
.SumoSelect > .CaptionCont > label { width: 16px;}
/* change image */
.SumoSelect > .CaptionCont > label > i { background-image: url('images/columnsel.png');}
/* fix for showing up from datatable header -> position: fixed; width: auto; left: auto; top: auto; */
.SumoSelect.open > .optWrapper { position: fixed; width: auto; left: auto; top: auto;}
/* fix visibility to be disabled when JDialog is open */
.SumoSelect>.optWrapper{z-index:50;}
/* ----------- SUMOSELECT OVERWRITE END ----------------- */
/*----------------Dashboard related style's---------------*/
table.dataTable thead .sorting {
    background-image: url("images/sort_both.png");
}
table.dataTable thead .sorting_asc {
    background-image: url("images/sort_asc.png")
}
table.dataTable thead .sorting_desc {
    background-image: url("images/sort_desc.png")
}
table.dataTable thead .sorting_asc_disabled {
    background-image: url("images/sort_asc_disabled.png")
}
table.dataTable thead .sorting_desc_disabled {
    background-image: url("images/sort_desc_disabled.png")
}

/*added to not to strech the datatable within a panel*/
.sDashboardTableView {
    height: 0%;
}
/*fixed width of the panels*/
.sDashboard li {
    width: 570px;
}
/*add a background color and a border for the panels*/
.sDashboardWidget {
    border: 1px solid #000000;
    /*round the corners of the panels*/
    border-radius: 10px;
}