table.sys_settings {
    /*width: 600px;
    min-width: 600px;*/
    background-color: white;
    margin: 0px auto;
    border-collapse: collapse;
    border-spacing: 0px;
}

td.sys_settings_left {
}

td.sys_settings_right {
}

td.userview_gap {
    height: 21px;
}

td.header_image_left {
    background-color:white;
    width: 14px;
    height: 55px;
}

td.header_image_right {
    background-color:white;
    width: 14px;
    height: 55px;
}

.ui-progressbar {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ui-progressbar .ui-widget-header-compliant {
    background: #22D56F;
    color: #003316;
    border-radius: 10px 10px 10px 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}

.ui-progressbar .ui-widget-header-marginal {
    background: #F3AF42;
    color: #331F00;
    border-radius: 10px 10px 10px 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}

.ui-progressbar .ui-widget-header-critical {
    background: #E05658;
    color: #330001;
    border-radius: 10px 10px 10px 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}



/* End of styles added later on to basic.css */
a {
    cursor: pointer;
    color: #003366;
}


a:link {
    color: black;
    text-decoration: none;
}

a:visited {
    color: black;
    text-decoration: none;
}

a:hover,span.link:hover {
    color: gray;
    text-decoration: none;
}

a:active {
    color: black;
    text-decoration: none;
    outline: none;
}

a:focus {
    color: black;
    text-decoration: none;
    outline: none;
}

.ui-widget-content a:link {
    color: #003366
}

.ui-widget-content a:visited {
    color: #003366
}

body {
    font-family: 'Roboto', Arial, verdana, Helvetica, Geneva, Swiss, SunSans-Regular;
}

body.form {
    font: 8pt Arial, Helvetica, sans-serif;
    background-color: #f6f6f6;
    margin: 0;
}

body.frame {
    font: 8pt Arial, Helvetica, sans-serif;
    background-color: #8a949b;
    margin: 0;
}

body.main {
    font: 9pt Arial, Helvetica, sans-serif;
    background-color: #f7f9ff;
    margin: 0;
}

body.popup {
    overflow-x: hidden;
    background-color: #8a949b;
}

button {
    color: #fff;
    font-family: 'Roboto', arial, "trebuchet ms", helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    width: auto;
    height: 20px;
    border-width: 1px;
    padding-right: 10px;
    padding-left: 10px;
    filter: Shadow(Color =   #666666, Direction =   135, Strength =   1);
}
button:disabled {
    color: #6D6D6D;
}

.btndisabled, .btndisabled-nomargin, .btn-dis-primefix {
    background-color: #cccccc;
    color: #6D6D6D;
    border-width: 1px;
    border-color: #bbb;
    border-style: solid;
    font-size: 10px;
    font-family: 'Roboto', arial,"trebuchet ms",helvetica,sans-serif;
    font-weight: bold;
    min-height: 26px;
    width: auto;
    min-width: 65px;
    padding: 5px 10px 5px 10px;
}

.btnenabled, .btnenabled-nomargin, .btn-primefix {
    background-color: #455560;
    border: 1px solid #596675;
    /*border-color: blue;*/
    color: white;
    font-family: 'Roboto', arial, "trebuchet ms", helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    min-height: 26px;
    width: auto;
    min-width: 65px;
    padding: 5px 10px 5px 10px;
}

.btndisabled, .btnenabled {
    margin-top: 10px;
    margin-bottom: 20px;
    margin-right: 5px;
}

.btnenabled-fixedwidth {
    background-color: #445a72;
    border-color: #9699B3 #7C7F99 #334d60 #8b99a3;
    border-style: solid;
    color: #fff;
    font-family: 'Roboto', arial, "trebuchet ms", helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    width: 150px;
    min-height: 26px;
    border-width: 1px;
    padding-right: 10px;
    padding-left: 10px;
    filter: Shadow(Color =   #666666, Direction =   135, Strength =   1);
    background: none;
    background-color: #445a72;
}

.btndisabled-fixedwidth {
    background-color: #cccccc;
    color: #FFFFFF;
    border-width: 1px;
    border-color: #7C7F99 #bbb #bbb #7C7F99;
    border-style: outset;
    font-size: 10px;
    font-family: 'Roboto', arial,"trebuchet ms",helvetica,sans-serif;
    font-weight: bold;
    min-height: 26px;
    padding-left: 10px;
    padding-right: 10px;
    width: 150px;
}

.btnenabled:hover, .btnenabled-nomargin:hover, .btnenabled-fixedwidth:hover, .btn-primefix:hover {
    cursor:pointer;
    background-color:#596675;
}

.btn-primefix, .btn-dis-primefix {
    margin-right:5px !important;
    margin-top: 5px;
    margin-bottom: 5px;
    background:none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.btn-primefix {
    background-color:#455560;
}

.btn-dis-primefix {
    background-color:#cccccc;
    cursor: default !important;
}

.btn-primefix span.ui-button-text, .btn-dis-primefix span.ui-button-text {
    padding: 3px 6px;
    line-height: 1em;
    display: auto;
}

.linkbtnenabled {
    background-color: #445a72;
    border-color: #9699B3 #7C7F99 #334d60 #8b99a3;
    border-style: solid;
    font-family: 'Roboto', arial, "trebuchet ms", helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    width: auto;
    height: 20px;
    border-width: 1px;
    padding-right: 10px;
    padding-left: 10px;
    filter: Shadow(Color =   #666666, Direction =   135, Strength =   1);
    background: none;
    background-color: #445a72;
    color: white;
    cursor: default;
    padding-bottom:3px;
    padding-top:3px;
    margin-right: 3px;
}

div a.linkbtnenabled:hover {
    color: red;
}

a.linkbtnenabled:link, a.linkbtnenabled:visited  {
    color: white;
}

div.system_view {
    width: auto;
    overflow: visible;
    margin-left: auto;
    margin-right: auto;
}

div.scroll {
    overflow: auto;
}

div.scrollTable {
    height: auto;
    overflow: visible;
}



div.providerScrollTable {
    width: 70%;
}

div.serverScrollTable {
    border: solid 1px #b3c0c9;
    overflow: auto;
    width: 500px;
    height: auto;
}

div.scrollTableLog {
    border: none;
    width: 717px;
    height: auto; /* must be greater than tbody*/
    overflow: auto;
    height: 400px;
}

div.scrollTableLog TABLE {
    width: 100%;
    border: solid 1px #b3c0c9;
    border-spacing: 0px;
    background-color: transparent;
}

div.scrollTableLog TBODY {
    overflow: auto;
    overflow-x: hidden;
}

div.scrollTableLog TR {
    height: auto;
}

div.scrollTableLog TH {
    color: white;
    font-size: 12px;
    font-family: 'Roboto', Arial, verdana, Helvetica, Geneva, Swiss, SunSans-Regular;
    background-color: #596675;
    padding-right: 8px;
    padding-left: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-left: 1px solid #9e9ead;
    position: relative;
    top: 0px;
}

/* Class used just for fdr like tables: user and voip view tables mostly. */
div.fdrTableNoScroll {
    color: #455560;
    font-family: 'Roboto', Arial, verdana, Helvetica, Geneva, Swiss, SunSans-Regular;
    line-height: 11px;
    border: solid 1px #b3c0c9;
    width: 100%;
}

div.fdrTableNoScroll TABLE {
    width: 100%;
}

div.fdrTableNoScroll TH {
    color: white;
    font-size: 12px;
    font-family: 'Roboto', Arial, verdana, Helvetica, Geneva, Swiss, SunSans-Regular;
    background-color: #596675;
    padding-right: 8px;
    padding-left: 8px;
    border-left: 1px solid #9e9ead;
    white-space: nowrap;
}

div.scrollTable TABLE {
    width: 100%;
}

div.serverScrollTable TABLE {
    width: 100%;
    height: 100%;
}

div.scrollTable td {
    font-weight: normal;
    padding: 4px 10px 4px 10px;
}

div.serverScrollTable td {
    font-weight: normal;
    padding: 1px 3px 1px 10px;
}

div.scrollTable TH {
    color: white;
    font-size: 12px;
    font-family: 'Roboto', Arial, verdana, Helvetica, Geneva, Swiss, SunSans-Regular;
    background-color: #596675;
    padding-right: 8px;
    padding-left: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-bottom: 1px solid #aaaaaa;
    border-top: 1px solid #aaaaaa;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
}

div.serverScrollTable TH {
    color: white;
    font-size: 12px;
    font-family: 'Roboto', Arial, verdana, Helvetica, Geneva, Swiss, SunSans-Regular;
    background-color: #596675;
    padding-right: 8px;
    padding-left: 8px;
    border-left: 1px solid #9e9ead;
}

div.tableNoScroll {
    color: #455560;
    font-family: 'Roboto', Arial, verdana, Helvetica, Geneva, Swiss, SunSans-Regular;
    line-height: 11px;
    border: solid 1px #b3c0c9;
    width: 700px;
}

div.tableNoScroll TABLE {
    width: 100%;
}

div.tableNoScroll TH {
    color: white;
    font-size: 12px;
    font-family: 'Roboto', Arial, verdana, Helvetica, Geneva, Swiss, SunSans-Regular;
    background-color: #596675;
    padding-right: 8px;
    padding-left: 8px;
    border-left: 1px solid #9e9ead;
    white-space: nowrap;
}

form {
    margin: 0;
    border-color: #aaaaaa;
    border-width: 1px;
}

img {
    border: 0;
}

input {
    font-size: 11px;
    font-family: 'Roboto', Arial, verdana, "Arial Narrow", Helvetica, Geneva, Swiss,
        SunSans-Regular
}

input.file {
    width: 234px;
    min-width: 234px;
}

label {
    font-size: 11px;
    font-family: 'Roboto', Arial, verdana, Helvetica, Geneva, Swiss, SunSans-Regular;
    text-align: left;
    padding-left: 3px;
    padding-right: 3px;
}

p {
    font-size: 11px;
    font-family: 'Roboto', Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
}

select.BSSelectBox {
    width: 100%;
    height: 74px;
}

select.SLOSelectBox {
    width: 100%;
    height: 74px;
}

select.user {
    width: 133px;
}

.title_medium {
    color: #ffffff;
    font-family: 'Roboto', Arial, verdana, Helvetica, Geneva, Swiss, SunSans-Regular;
    font-size: 13px;
}

table.group {
    padding: 0 2px;
}

TABLE.header {
    border: 0;
    width: 100%;
}

td {
    font-size: 11px;
    font-family: 'Roboto', Arial, verdana, Helvetica, Geneva, Swiss, SunSans-Regular;
}

td.check {
    text-align: center;
    width: 20px
}

td.deletereadout_popup {
    text-align: right;
    width: 70%;
    padding-right: 10px;
    padding-left: 10px;
}

td.deleteagent_popup {
    text-align: right;
    width: 86%;
    padding-right: 10px;
    padding-left: 10px;
}

textarea, textarea.ui-inputfield {
    font-size: 11px;
    font-family: 'Roboto', Arial, verdana, Helvetica, Geneva, Swiss, SunSans-Regular;
    border-style: solid;
    border-width: 1px;
    border-color: #dbe3e8;
    margin-top: 3px;
    margin-bottom: 3px;
    padding: 3px 5px 3px 5px;
    min-width: 350px;
    min-height: 50px;
}

TH.check {
    text-align: center;
    width: 20px
}

tr.header {
    color: white;
    font-size: 12px;
    font-family: 'Roboto', Arial, verdana, Helvetica, Geneva, Swiss, SunSans-Regular;
    background-color: #596675;
    padding-right: 8px;
    padding-left: 8px;
}

ul.editnav a {
    display: block;
    width: 15em;
    padding: 3px 0;
    font: 100% Verdana, Arial, sans-serif;
    text-transform: uppercase;
    background: #f9fbff
        url("/netxui/javax.faces.resource/brand/default/images/button-gradient.png.jsf")
        repeat-x 0 -5px;
    color: #0c0c40;
    text-decoration: none;
    text-align: center;
}

ul.editnav a:hover {
    background: #e7e5ea;
    color: #0c0c40;
}

ul.editnav li {
    float: left;
    width: 11em;
    font-size: 100%;
    margin-right: 5px;
}
/* This is just for Edit Title/Description button */
ul.editnav,ul.editnav li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.postnav a {
    display: block;
    width: 11em;
    padding: 3px 0;
    font: 100% Verdana, Arial, sans-serif;
    text-transform: uppercase;
    background: #f9fbff
        url("/netxui/javax.faces.resource/brand/default/images/button-gradient.png.jsf")
        repeat-x 0 -5px;
    color: #0c0c40;
    text-decoration: none;
    text-align: center;
}

ul.postnav a:hover {
    background: #e7e5ea;
    color: #0c0c40;
}

ul.postnav li {
    float: left;
    width: 11em;
    font-size: 100%;
    margin-right: 5px;
}

ul.postnav,ul.postnav li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

input.overview {
    width: 180px;
    height: 200px
}

.boundedBox {
    width: 12px;
    height: 12px;
}

.cell_active {
    background-color: #c1c1c1;
}

.colnames {
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: #434e56;
    color: white;
    font-size: 12px;
    font-family: 'Roboto', Arial, verdana, Helvetica, Geneva, Swiss, SunSans-Regular;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #aaaaaa;
    border-right-color: #c9c9c9;
    border-right-width: 1px;
}

.colnames a:link {
    color: white;
    text-decoration: none;
}

.colnames a:visited {
    color: #d6d6d6;
    text-decoration: none;
}

.colnames a:hover {
    color: orange;
    text-decoration: underline;
}

.colnames a:active {
    color: red;
    text-decoration: none;
}

.colstaticnames {
    padding-left: 15px;
    background-color: #cccccc;
    color: #003366;
    font-size: 8pt;
    font-weight: bold;
    border-bottom: 1px solid #aaaaaa;
}
.cols {
    padding: 0px;
}

.configmain {
    background-color: #ffffff;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
}

.configtabempty {
    border-bottom: 1px solid #999999;
}

.content_table_header {
    color: #434E56;
    font-size: 13px;
    font-family: 'Roboto', Arial, verdana, Helvetica, Geneva, Swiss, SunSans-Regular;
    font-weight:bold;
    text-align: center;
    width: 500px;
    padding-top:10px;
}

.content_table_header_home {
    color: white;
    font-size: 12px;
    font-family: 'Roboto', Arial, verdana, Helvetica, Geneva, Swiss, SunSans-Regular;
    background-color: #596675;
    text-align: left;
    padding-right: 10px;
    padding-left: 15px;
    border-left: 1px solid #9e9ead;
}

.content_table_header_home a:link {
    color: white;
    text-decoration: none;
    text-align: left;
}

.content_table_header_home a:visited {
    color: #d6d6d6;
    text-decoration: none;
    text-align: left;
}

.content_table_header_home a:hover {
    color: orange;
    text-decoration: underline;
    text-align: left;
}

.content_table_header_home a:active {
    color: red;
    text-decoration: none;
    text-align: left;
}

.content_table_header_home img {
    float: left;
}

.content_table_header_row {
    color: white;
    font-size: 12px;
    font-family: 'Roboto', Arial, verdana, Helvetica, Geneva, Swiss, SunSans-Regular;
    background-color: #596675;
    text-align: left;
}

.content_top {
    color: white;
    font-size: 12px;
    font-family: 'Roboto', Arial, verdana, Helvetica, Geneva, Swiss, SunSans-Regular;
    font-weight: bold;
    text-align: right;
    margin-right: 4px;
    padding-right: 4px;
}

.display_table {
    font-size: 11px;
    font-family: 'Roboto', Arial, verdana, Helvetica, Geneva, Swiss, SunSans-Regular;
    white-space: nowrap;
}

.display_table_wrap {
    white-space: normal !important;
}

.formsectiontitle {
    height: 20px;
    vertical-align: top;
    font-weight: bold;
}

.formtable {
    background-color: #ffffff;
    border-width: 0;
    border-color: #cccccc;
}

.frameheader {
    height: 22px;
    font-size: 10pt;
    font-weight: bold;
    color: #ffffff;
    background-color: #613192;
    border-bottom: 1px solid #f6f6f6;
    text-indent: 0;
}

.graphdescription {
    font-size: 8pt;
    font-weight: normal;
    font-style: italic;
}

div.go_back {
    font-size: 12px;
    font-family: 'Roboto', Arial, verdana, Helvetica, Geneva, Swiss, SunSans-Regular;
    font-weight: bold;
    text-align: right;
    padding-right: 66px;
}

div.go_back a {
    color: white;
}

div.go_back a:hover {
    color: orange;
}

.hlt {
    background-color: #8b99a3;
    color: #000;
}

.horLine {
    width: 100%;
    height: 1px;
    background-color: #eeeeee;
}

.iframeborder {
    border: solid 1px #c0c0c0;
}

.mainarea {
    width: 100%;
    border-spacing: 0;
    border: none;
}

#nav_top_row {
    background-color: red;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display:none;
}

#nav_top {
    color: white;
    font-size: 12px;
    font-family: 'Roboto', Arial, verdana, Helvetica, Geneva, Swiss, SunSans-Regular;
    font-weight: bold;
    text-align: center;
    height: 20px;
    width: 205px;
    display: inline-block;
    vertical-align: middle;
}

.navigationbuttons {

}

.nobreak {
    white-space: nowrap;
}

/* Classes for nicer and more fluid page and tables widths */
.page, .pageTableXSmall, .pageTableSmall, .pageTableMedium, .pageTableLarge, .pageTableXLarge, .pageTableSmallFixed, .pageTableMediumFixed, .pageTableLargeFixed {
    margin:0 auto;
    width: 85%;
    padding-top:50px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
}

.page {
    min-width: 500px;
    max-width: 1100px;
}

/* For very small tables, OK for 800x640 resolution and higher */
.pageTableXSmall {
    min-width: 350px;
    max-width: 550px;
}

.pageTableSmall {
    min-width: 500px;
    max-width: 700px;
}
/*For most normal wide tables*/
.pageTableMedium {
    min-width: 650px;
    max-width: 900px;
}

/* OK for 1024x768 resolution and higher */
.pageTableLarge {
    min-width: 800px;
    max-width: 1200px;
}

.pageTableXLarge {
    min-width: 1000px;
    max-width: 1500px;
}

.pageTableSmallFixed {
    min-width: 600px;
    max-width: 600px;
    width: 600px;
}

.pageTableMediumFixed {
    width: 650px;
    min-width: 650px;
    max-width: 650px;
}

.pageTableLargeFixed {
    width: 800px;
    min-width: 800px;
    max-width: 800px;
}

/* Override datatable sortable column style to prevent overlaying of text and sorting arrows */
th.ui-sortable-column span.ui-sortable-column-icon {
    position: relative;
    left: 10px;
    top: 1px;
}

/* Override PrimeFaces 5 fixed table layout */
.ui-datatable table {
    table-layout: auto !important;
}

/* Override dataTable headers style for better scalability */
.ui-datatable th, .ui-datatable td {
    min-width: 40px;
}
/* Override dataTable headers style for better scalability */
.ui-datatable th {
    white-space: nowrap;
}

.popup_page {
    padding-right: 66px;
}

.page_map_to_site {
    padding-top: 20px;
    padding-left: 1px;
}

.popup_page_map_to_site {
    padding-right: 1px;
    text-align: center;
}

.pagetitle {
    text-align: right;
    float: right;
    padding-top: 5px;
    padding-right: 20px;
}
#monitorPageName {
    position: absolute;
    right: 20px;
    top: 6px;
}
.pagetitlebar {
    width: 100%;
    text-align: center;
    background-color: #434E56;
    color: white;
    min-height: 25px;
    display: block;
}

.paragraphtitlefront {
    /*    color: black;
        vertical-align: top;
        font-size: 12pt;
        font-family: 'Roboto', Arial, Helvetica, sans-serif;
        font-weight: bold;
        display: block;
        text-align:center;*/
    display:none;
}

.paragraphtitleshadow {
    color: black;
    font-size: 10pt;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-weight: bold;
    display: block;
    text-align:left;
    /*border-top: 0px solid #dbe3e8;
    border-bottom: 1px solid #dbe3e8;*/
    /*padding-bottom: 6px;*/
    /*padding-top: 3px;*/
    /*text-shadow: 1px 1px 2px rgba(220, 220, 220, 1);*/
}

.licensenote {
    font-size: small;
    font-weight: bold;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
}

.popup_table, .popup_table_multiple, .popup_table_large {
    background-color: white;
    max-width: 900px;
    min-width: 350px;
    margin: 0px auto;
    border-collapse: collapse;
    border-spacing: 0px;
    /*padding: 10px 30px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px/*{cornerRadius};
    border-style: none;*/
    border: 1px solid #dbe3e8;
    margin-top: 10px;
    margin-bottom: 10px;
    border-spacing: 0px;
    -webkit-box-shadow: 0px 1px 0px rgba(0,0,0,.1), 0px 2px 1px rgba(0,0,0,.2);
    box-shadow: 0px 1px 0px rgba(0,0,0,.1), 0px 2px 1px rgba(0,0,0,.2);
}

.popup_table_large {
    max-width: 1300px;
    width: 100%;
}


table.popup {
    width: 100%;
}

td.popup {
    padding-right: 10px;
    padding-left: 10px;
    max-width: 300px;
    min-width: 80px;
}

.popupConfirm td{
    white-space: normal;
    border: none !important;
}

td.popup_small {
    padding-right: 10px;
    padding-left: 10px;
    max-width: 200px;
    min-width: 30px;
}

td.popup_label, td.popup_label_wide {
    text-align: left;
    /*padding-right: 6px;
    padding-left: 6px;
    padding-top: 3px;
    padding-bottom: 3px;*/
}
td.popup_label {
    min-width: 100px;
}
td.popup_label_wide {
    min-width: 180px;
}
td.popup_label_half {
    width: 40%;
}

td.popup_input {
    /*min-width: 150px;*/ /* enable for more uniformity between pages */
    max-width: 250px;
    padding-top: 0px;
    padding-bottom: 0px;
    white-space: normal;
    text-align: left;
    vertical-align: middle;
}

td.popup_error {
    text-align: left;
    max-width: 280px;
    padding-left: 0px;
    padding-right: 0px;
}

td.popup_error span {
    padding-left: 6px;
    padding-right: 3px;
    display: table-cell;
    color: red;
}

/*.popup_table td.popup_label, .popup_table td.popup_label_wide, .popup_table_multiple td.popup_label, .popup_table_multiple td.popup_label_wide {
    padding-left: 20px;
}*/

.popup_table_multiple td.popup_label {
    white-space: normal;
    width: 140px;
    min-width: 140px;
}
.popup_table_multiple td.popup_input {
    width: 180px;
    min-width: 180px;
}

.popup_table_multiple td.popup_label_wide {
    white-space: normal;
    width: 220px;
    min-width: 20px;
}
/*Specific setting for addEditReadoutConf page*/
#addEditReadoutConf .popup_label {
    width: 170px;
    white-space: normal;
}

/*Input fields styling*/
input, select, textarea {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.popup_input input[type="text"], .popup_input input[type="password"] {
    border-style: solid;
    border-width: 1px;
    border-color: #dbe3e8;
    width: 100%;
    margin-top: 3px;
    margin-bottom: 3px;
    padding: 3px 5px 3px 5px;
}
.popup_input input[type="file"] {
    width:100%;
    margin-top: 3px;
    margin-bottom: 3px;
}
.popup_input select {
    min-width: 100%;
    width: 100%;
}
.input-inputClass select, .input-inputClass input {
    width: 180px;
}

textarea.noresize {
    resize: none;
}

input[type="text"],  input[type="password"] {
    border-style: solid;
    border-width: 1px;
    border-color: #dbe3e8;
    margin-top: 3px;
    margin-bottom: 3px;
    padding: 3px 5px 3px 5px;
    min-width: 80px;
    min-height: 22px;
}
input[type="file"] {
    margin-top: 3px;
    margin-bottom: 3px;
    min-width: 120px;
}
input[type="image"] {
    margin-top: 3px;
    margin-bottom: 3px;
    /*padding: 1px 2px 1px 4px;*/
}
input[type="text"].ui-input-invalid, input[type="password"].ui-input-invalid, input[type="file"].ui-input-invalid {
    border-color: red;
}
input[type="checkbox"], input[type="radio"] {
    min-height: 16px;
    min-width: 16px;
    vertical-align: middle;
    margin-top: 1px;
    margin-bottom: 1px;
}
select {
    font-size: 11px;
    font-family: 'Roboto', Arial, verdana, Helvetica, Geneva, Swiss, SunSans-Regular;
    margin-top: 3px;
    margin-bottom: 3px;
    min-width: 80px;
    min-height: 22px;
}
body:not(:-moz-handler-blocked) select { /* FF 3.5+ hack */
    padding-top: 3px;
    padding-bottom: 3px;
}

#periodSelectorDiv select {
    min-width: 60px;
}
.ui-datatable .ui-datatable-data td select, .ui-datatable .ui-datatable-data-empty td select, .dataTables_noPadding td select {
    min-width: 80px;
    width: 100%;
    margin: 0px;
}
.dataTables_fixed_select td select, .ui-datatable .ui-datatable-data td select, .dataTables_fixed_select th, .ui-datatable.dataTables_fixed_select th {
    min-width: 45px;
    margin: 0px;
}
.dataTables_noPadding td, .ui-datatable .dataTables_noPadding .ui-datatable-data td,  .ui-datatable .dataTables_noPadding .ui-datatable-data-empty td {
    padding: 0px;
}

.popup_selectoneradio {
    text-align: left;
    white-space: nowrap;
}

.siteOn, .siteOff, .siteBlocked {
    color: white;
    font-weight: bold;
    border-width: 1px;
    border-style: solid;
}
.siteBlocked {
    background-color: red;
    border-color: red;
}
.siteOff {
    background-color: orange;
    border-color: orange;
}
.siteOn {
    background-color: green;
    border-color: green;
}

/*for cases when input consist of two elements*/
.popup_input input.popup_input_left {
    float:left;
    width: 155px;
}
.popup_input .popup_input_right {
    float:right;
    width: auto;
    margin-left: 2px;
    padding-top: 3px;
    padding-bottom: 3px;
}

/*fix for checkboxes*/
.popup_input>input[type="checkbox"], .popup_input>input[type="radio"] {
    margin-left: auto;
    margin-right: auto;
    display: table-cell;
}

td.popup_agent {
    min-width: 180px;
}


.fieldset_body_main {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
    display: table;
}

.reports_table {
    background-color: white;
    width: auto;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
    border: 1px solid #dbe3e8;
}

.statusNone {
    background-color: gray;
    border-color: black;
    border-width: thin;
}

.statusError {
    color: #FF0000;
}

.statusDataDeletionProgress {
    color: #DD0000;
}

.subnav_indent {
    padding-left: 30px;
}

.tab_active {
    color: white;
    font-size: 12px;
    font-family: 'Roboto', Arial, verdana, Helvetica, Geneva, Swiss, SunSans-Regular;
    font-weight: bold;
    background-image:
        url("/netxui/javax.faces.resource/brand/default/images/active_tab.gif.jsf");
    background-repeat: no-repeat;
    background-position: center 0;
    text-align: center;
    width: 120px;
    height: 25px
}

.tab_active a:link {
    color: white;
    text-decoration: none;
}

.tab_active a:visited {
    color: white;
    text-decoration: none;
}

.tab_active a:hover {
    color: #e86c1f;
    text-decoration: underline;
}

.tab_active a:active {

}

.tab_inactive {
    color: #d8d8d8;
    font-size: 12px;
    font-family: 'Roboto', Arial, verdana, Helvetica, Geneva, Swiss, SunSans-Regular;
    background-image:
        url("/netxui/javax.faces.resource/brand/default/images/tab_inactive.gif.jsf");
    background-repeat: no-repeat;
    background-position: center 0;
    text-align: center;
    bottom: 0;
    width: 120px;
    height: 25px
}

.tab_inactive a:link {
    color: #d8d8d8;
    text-decoration: none;
}

.tab_inactive a:visited {
    color: #d8d8d8;
    text-decoration: none;
}

.tab_inactive a:hover {
    color: #e86c1f;
    text-decoration: underline;
}

.tab_inactive a:active {

}

.tableheader {
    padding-left: 10px;
    padding-right: 10px;
    background-color: #613192;
    color: #ffffff;
    font-size: 10pt;
    text-align: left;
    border-bottom: 1px solid #aaaaaa;
    border-top: 1px solid #aaaaaa;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
}

.tablelist {
    font-size: 10px;
    font-family: 'Roboto', Arial, verdana, Helvetica, Geneva, Swiss, SunSans-Regular;
    /*background-color: #596675;*/
    border-collapse: collapse;
    border-spacing: 0px;
    padding: 0px;
    margin-top: 5px;
}

/*div.tablelist table tbody tr.ui-state-highlight {
    background: none repeat scroll 0 0;
    border: inherit;
    color: inherit;
}

div.tablelist table tbody tr.ui-state-highlight.ui-datatable-odd {
    background: none repeat scroll 0 0 #EDF5FF;
    border: inherit;
    color: inherit;
}*/

div.tablelist thead {
    font-size: 12px;
    font-weight: bold !important;
}

.table-scrollfix .tablelist {
    margin-top: 0px;
    margin-bottom: 0px;
}

.tablerowbutton {
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #a1a1a1;
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #8f8f8f;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #c1c1c1;
    font-size: 8pt;
    background-image: none;
    text-align: center;
}

.dataMissingTable {
    font-size: 10px;
    font-family: 'Roboto', Arial, verdana, Helvetica, Geneva, Swiss, SunSans-Regular;
    background-color: #596675;
    border-collapse: collapse;
    border-spacing: 0px;
    padding: 0px;
}

div#missTableWraper .dataMissingTable .ui-datatable-data td {
    border-color: inherit;
    border-style: solid;
    border-width: 1px;
    padding: 0px;
    height: 25px;
}

div .dataMessageLogTable .ui-datatable-data td {
    border-color: inherit;
    border-style: solid;
    border-width: 1px;
    padding: 0px;
    font-weight: normal;
    font-size: 8pt;
    text-align: left;
    white-space: nowrap;
    height: 25px;
}

.tablerowradiobutton {
    padding-left: 15px;
    padding-right: 15px;
    background-color: #ffffff;
    font-size: 8pt;
    text-align: center;
    border-bottom: 1px solid #aaaaaa;
}

.tablerowcheckbox {
    width: 28px;
}

.tablevaluesnodelete {
    padding-left: 15px;
    background-color: #ffffff;
    font-size: 8pt;
    text-align: left;
    padding-right: 10px;
    border-bottom: 1px solid #aaaaaa;
    border-top: 1px solid #aaaaaa;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
}

.tablevaluesnormal {
    background-color: #ffffff;
    font-size: 8pt;
    text-align: left;
    /*border-bottom: 1px solid #aaaaaa;
    border-top: 1px solid #aaaaaa;
    border-left: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;*/
}

.tablevaluesreadonly {
    padding-left: 15px;
    background-color: #ffffff;
    font-size: 8pt;
    text-align: left;
    padding-right: 10px;
    border-bottom: 1px solid #aaaaaa;
    border-top: 1px solid #aaaaaa;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
}

.tablevaluesunconfirmed {
    padding-left: 10px;
    background-color: #ffffff;
    color: #cccccc;
    font-size: 8pt;
    text-align: left;
    border-bottom: 1px solid #aaaaaa;
    border-top: 1px solid #aaaaaa;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
}

.topnav {
    color: #313d44;
    font-size: 12px;
    font-family: 'Roboto', Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
    min-width: 400px;
    padding-right: 5px;
    padding-bottom: 12px;
}

.shaded {
    color: #C1C0C6;
}

.vertLine {
    width: 1px;
    height: 100%;
    background-color: #eeeeee;
}

#noscroll {
    position: fixed;
}

#reportcontrols {
    margin: 10px 0 0;
    padding: 5px;
    background-color: #ffffff;
}

td.popup_app {
    width: 220px;
}

tr.rowindeletedialog {
    height: 15px;
}

table#buttons {
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    margin: 4px;
    padding-top: 4px;
    outline: 1px #455560
}

.disabled_nav_link {
    color: #FF8400;
    cursor: auto;
}


a.disabled_nav_link:hover {
    text-decoration: none;
}

.topnav_right {
    color: #313d44;
    font-size: 14px;
    font-family: 'Roboto', Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
    text-align: right;
    padding-right: 6px;
}

.topnav_left {
    color: #313d44;
    font-size: 12px;
    font-family: 'Roboto', Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
    text-align: left;
    padding-right: 6px;
    width: 46px;
}

.topnav_back {
    text-align: left;
}

.logo-position-login {
    visibility: visible;
}

.topnav_logged_user {
    font-weight:bold;
}

.topnav_username {
    color: #ff8400;
}

.analysis_entity_name {
    color: #FF8400;
    font-weight:bold;
}

.disable_label {
    color: #A9A9A9;
}

.enable_label {
    color: #000000;
}

.dataTables_wrapper table {
    border: solid 1px #b3c0c9;
    background-color: transparent;
    border-collapse: collapse;
    vertical-align: middle;
    margin-top:10px;
    margin-bottom:10px;
}

.dataTables_wrapper th {
    background-color: #596675;
    color: white;
    font-size: 12px;
    font-family: 'Roboto', Arial, verdana, Helvetica, Geneva, Swiss, SunSans-Regular;
    font-weight: bold;
    text-align: left;
    border-spacing: 0px;
    border-width: 0px;
    border-left: 0px solid #9e9ead;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #aaaaaa;
    padding: 0 10px 0 15px;
    cursor: pointer;
}

.dataTables_wrapper table tbody td {
    background-color: #ffffff;
    font-size: 8pt;
    text-align: left;
    border-bottom: 1px solid #aaaaaa;
    border-left: 1px solid #dfdfdf;
    border-top: 0 none #ffffff;
    padding: 0 10px 0 15px;
    vertical-align: middle;
}

.dataTables_wrapper table tbody td p {
    margin: 0;
}

.dataTables_wrapper {
    float: left;
    width: 100%;
}

p.overviewTableData img {
    float: right;
    margin-top: 0px;
    margin-left: 2px;
}

/* Pagination */
.dataTables_paginate {
    left: -25px;
    float: right;
    width: 50px;
    height: 20px;
}

.paginate_disabled_previous,.paginate_enabled_previous,.paginate_disabled_next,.paginate_enabled_next, .paginate_button
{
    height: 19px;
    width: 19px;
    margin-left: 3px;
    float: left;
}

.paginate_disabled_previous, .paginate_button.previous.disabled {
    background-image:
        url("/netxui/javax.faces.resource/brand/default/images/back_disabled.jpg.jsf");
    background-repeat: no-repeat;
}

.paginate_enabled_previous, .paginate_button.previous {
    background-image:
        url("/netxui/javax.faces.resource/brand/default/images/back_enabled.jpg.jsf");
    background-repeat: no-repeat;
}

.paginate_disabled_next, .paginate_button.next.disabled {
    background-image:
        url("/netxui/javax.faces.resource/brand/default/images/forward_disabled.jpg.jsf");
    background-repeat: no-repeat;
    background-position: right;
    float: right;
}

.paginate_enabled_next, .paginate_button.next {
    background-image:
        url("/netxui/javax.faces.resource/brand/default/images/forward_enabled.jpg.jsf");
    background-repeat: no-repeat;
    background-position: right;
    float: right;
}

/*
 * DataTables sorting
*/
.sorting_asc {
    background: url("/netxui/javax.faces.resource/brand/default/images/sort_up.gif.jsf")
        no-repeat center left;
}

.sorting_desc {
    background: url("/netxui/javax.faces.resource/brand/default/images/sort_down.gif.jsf")
        no-repeat center left;
}

/*
 * DataTables filter and info
*/
.dataTables_length {
    float: left;
}

.dataTables_filter {
    /*    width: 50%;
        float: right;
        text-align: right;
        position: relative;
        left: -25px;
        top: -1px;*/
    float: right;
    padding-bottom : 3px;
    padding-top: 3px;
    margin-right: 22px;
}

.dataTables_info {
    width: 50%;
    text-align: left;
    float: left;
}

.failedProcessing {
    background-color: red;
    color: red;
    font-style: italic;
}

#jHelperTipAttrContainer {
    background: #FFFFCC;
    border: 1px solid #FF3333;
    color: #333;
    display: none;
}

#jHelperTipContainer {
    display: none;
}

.dataTables_wrapper  table#missingdatalog-1 th,.dataTables_wrapper  table#messagedatalog-1 th
{
    padding: 3px;
}

.dataTables_wrapper  div table.scroll th {
    padding: 0;
    text-align: center;
}

.dataTables_wrapper  table#missingdatalog-1 tbody td,.dataTables_wrapper  div table#messagedatalog-1 tbody td
{
    background-color: #FFFFFF;
    border-bottom: 1px solid #AAAAAA;
    border-left: 1px solid #DFDFDF;
    font-size: 8pt;
    padding: 0;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

.dataTables_wrapper  table#missingdatalog-1 tbody td pre,.dataTables_wrapper  table#messagedatalog-1 tbody td pre
{
    font-size: 8pt;
    display: inline;
    word-wrap: normal;
}

.dataTables_wrapper div.GridHeader {
    display: none;
}

/* This is for Agent Table - IE */
div#dataagentstable_paginate {
    position: relative;
    left: -23px;
}

/* This is for Agent Table - Firefox */
div.dataTables_wrapper+div#dataagentstable_paginate {
    position: relative;
    left: -25px !important;
}

/* This is for Devices Table - IE */
.configureddevices_paginateIE {
    position: relative;
    left: 16px;
}

/* This is for Devices Table - IE for 1024*768 resolution */
.configureddevices_paginateIE1024 {
    left: -34px !important;
}

/* This is for Devices Table - Firefox */
.configureddevices_paginateFF {
    position: relative;
    left: -50px !important;
}

/* This is for Devices Table - Firefox for 1024*768 resolution */
.configureddevices_paginateFF1024 {
    left: -100px !important;
}

.dataTables_wrapper table#dataagentstable {
    width: 717px;
}

.dataTables_wrapper table#configureddevices {
    width: 750px;
    empty-cells: show;
}

.dataTables_wrapper table#mappedClassesTable {
    empty-cells: show;
}

/* This is for Devices Table - wrapper class for 1024*768 resolution */
.dataTables_wrapper1024 {
    width: 700px;
}

/* This is for Devices Table - Firefox */
.configureddevices_filterFF {
    position: relative;
    left: -50px !important;
}

/* This is for Devices Table - Firefox for 1024*768 resolution */
.configureddevices_filterFF1024 {
    position: relative;
    left: -100px !important;
}

/* This is for Devices Table - IE */
.configureddevices_filterIE {
    position: relative;
    left: 18px;
}

/* This is for Devices Table - IE for 1024*768 resolution */
.configureddevices_filterIE1024 {
    position: relative;
    left: -35px;
}

.cursorPointer {
    cursor: default;
}

div.missingDataTable_paginate_wraper {
    width: 100%;
}

div#filterClesses {
    float: right;
    width: 40%;
}

div#periodSelectorDiv {
    width: 100%;
    background-color:#434E56;
    color:white;
    position: absolute;
    height: 29px;
    min-height: 29px;
    min-width: 980px;
    text-align: center;
}

.fperiodSelectorContent {
    width: 1000px;
    text-align:left;
    display: block;
    margin-left: auto;
    margin-right: auto;
    white-space: nowrap;
    padding-right: 80px;
}
.fperiodSelectorContent input {
    max-width: 120px;
}

table#periodSelectorTable td {
    border-left: solid 4px white;
    border-right: solid 4px white;
    border-top: solid 0px white;
    border-bottom: solid 0px white;
}

table.centerTable tbody {
    border-spacing: 0px;
}

div#monitorNavigation {
    position: absolute;
    display: block;
    width: 235px;
    left: 0;
    top: 86px;
    bottom: 0;
    background-color: white;
    overflow: hidden;
}

div#navigation {
    position: absolute;
    top: 20px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    white-space: nowrap;
    margin-left: 2px;
}

div#monitorView {
    position: absolute;
    left: 235px;
    top: 86px;
    bottom: 0;
    right: 0;
    background-color:#f7f9ff;
    border-left: 1px solid #dbe3e8;
}

div#monitorTabs {
    background-color: #8A949B;
}

table#monitorElement {
    background-color: #434e56;
    height: 20px;
}

span#monitorElementText {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    margin-right: 14px;
    padding-right: 0;
    text-align: right;
}

.vertext {
    display: none;
}

table#systemInfoServerTime td {
    padding-right: 10px;
}

table#overviewTables {
    width: 717px;
}

select#filter_customers,select#filter_agents,select#filter_devices,select#filter_timetype
{
    width: 200px;
}

.dialogTable {
    background-color: white;
    width: auto;
    min-width: 350px;
    max-width: 700px;
    margin: 4px;
    padding: 10px;
    table-layout: fixed;
    -moz-border-radius: 5px/*{cornerRadius}*/;
    -webkit-border-radius: 5px/*{cornerRadius}*/;
    border-radius: 5px/*{cornerRadius}*/;
}

.dialogLeftColumn {
    text-align: right;
    vertical-align: top;
    width: 30%;
}

.dialogRightColumn {
    text-align: left;
    width: 70%;
}

.dialogInvisible {
    display: none;
}

div.mappingtable td {
    background-color: white;
    padding: 1px 4px 1px 4px;
}

div#preload {
    display: none;
}

.delayedLoad {
    background: url("/netxui/javax.faces.resource/brand/default/images/waiting2.gif.jsf")
        no-repeat center;
}

.selected {
    color: #ff8400;
}

div.ui-growl {
    position: fixed;
    top: 100px;
    right: 20px;
    z-index:9999;
}

#inputPeriodWithType {
    clear: both;
    white-space: nowrap;
}

#inputPeriodWithType span.label {
    width: 150px;
    display: inline-block;
    text-align: left;
}

#inputPeriodWithType input[type="text"] {
    margin-right: 30px;
    width: 50px;
}

#inputPeriodWithType input[type="checkbox"] {
    margin-left: 10px;
}

#inputPeriodWithType select {
    /*margin-left: 5px;*/
    width: 70px;
}

#inputPeriodWithType div.inputPeriodWithTypeContent {
    text-align: left;
    padding: 5px 10px 5px 10px;
    display: table;
}

#inputPeriodWithType .inputPeriodWithTypePlaceholder {
    width: 175px;
    display: inline-block;
}

/*.ui-tree.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
    border-radius: 0px;
    border: 0px;
    padding: 0px;
    font-size: 1em;
}
.popup_table .ui-tree.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
    font-family: 'Roboto', "Arial", "verdana", "Helvetica", "Geneva", "Swiss", "SunSans-Regular";
    font-size: 1em;
    padding-top: 4px;
    padding-bottom: 16px;
    margin-top: 6px;
    width: 100%;
}
.popup_table .ui-tree.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all.treenode_border {
    border-width: 1px;
    border-style: inset;
    border-color: #C2C3CA;
}*/
/* Overload default styling for Tree(Node) with classes */
.popup_table .treenode_no-border, .popup_table .treenode_border {
    font-family: 'Roboto', "Arial", "verdana", "Helvetica", "Geneva", "Swiss", "SunSans-Regular";
    font-size: 1em;
    padding-top: 4px;
    padding-bottom: 16px;
    width: auto;
}
.treenode_border {
    border-width: 1px;
    border-style: inset;
    border-color: #C2C3CA;
    margin-top: 6px;
}
.treenode_no-border, .ui-tree.treenode_no-border {
    border-radius: 0px;
    border: 0px;
    padding: 0px;
    font-size: 1em;
    background: initial;
    border-style: none;
    width: 350px;
}
.ui-tree .ui-tree-container .ui-treenode {
    padding: 3px 0px 1px 0px;
}
.ui-tree .ui-tree-container .ui-treenode-children {
    padding-top: 3px;
    padding-bottom: 1px;
}

fieldset.ui-widget-content {
    background: none;
}
#navcontent div fieldset legend.ui-fieldset-legend {
    background: none;
    border: none;
}
tr th .noPadding{
    padding: 2px;
}

/*Make the log table more compact*/
.ui-datatable thead tr th.lessPadding, .ui-datatable tbody tr td.lessPadding, tr th.lessPadding, tr td.lessPadding {
    padding-left: 1px !important;
    padding-right: 1px !important;
    min-width: 20px;
}
div.deviceStatusIcon {
    width: 16px;
    height: 16px;
    margin-left: auto;
    margin-right: auto;
}

th.ui-state-default, th.ui-datatable-header{
    background: none;
    background-color: #455560;
    color: white;
    border: 1px solid #596675;
}
.ui-datatable-scrollable-header-box .ui-state-default{
    background: none;
    background-color: #596675;
    color: white;
}

.tablelist_rpp .ui-datatable .ui-paginator{
    padding-left: 80px !important;
}
.ui-datatable .ui-paginator-rpp-options, .ui-datatable .ui-paginator-jtp-select {
    background-color: #ffffff;
    /*background-image: none;*/
    margin-left: 1em;
    margin-right: 1em;
}

.ui-datatable .ui-paginator-jtp-select{
    min-width: 50px;
}

.ui-datatable .ui-paginator-rpp-options {
    float: right;
}

span.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
    background: none;
    background-color: #596675;
}

div.ui-widget div.ui-state-active {
    background: #C8C8C8;
    color: #000000;
}

ul.tabs {
    list-style-type: none;
    height:25px;
    margin: 0;
    background-color:#6A7178;
}
div.tab{
    background-color: #434e56;
    width: 100%;
}

div.tabWrapper {
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
}

div.chartWrapper {
    position: absolute;
    width: 100%;
    bottom: 0;
    top: 25px;
}

ul.tabs li {
    background-position: center 0;
    background-repeat: no-repeat;
    color: white;
    font-family: 'Roboto', Arial,verdana,Helvetica,Geneva,Swiss,SunSans-Regular;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    float: left;
    margin: 0;
    width: 112px;
    height: 25px;
    cursor:pointer;

}

ul.tabs li.inactive {
    color: white;
    text-decoration: none;
    padding-top: 5px;
    /*background:  url("/netxui/javax.faces.resource/tab_inactive.gif.jsf?ln=brand/default/images") no-repeat right top; margin-right: 1px; */
    background-color:#8E9499;
    border-right-color:#B5B5B5;
    border-right-width:1px;
    border-right-style:solid;
    height: 20px;
}

ul.tabs li.inactive:hover {
    background-color:#A5ABAF;
}

ul.tabs li.active {
    /*background:  url("/netxui/javax.faces.resource/active_tab.gif.jsf?ln=brand/default/images") no-repeat right top; */
    float: left;
    margin: 0;
    padding-top: 5px;
    width: 112px;
    height: 20px;
    background-color:#A5ABAF;
    border-right-color:#B5B5B5;
    border-right-width:1px;
    border-right-style:solid;
}

#f\:chartsContent{
    overflow: auto;
    height: 100%;
    width: 100%;
}

.ui-input-text-invalid, .popup_input input.ui-input-text-invalid {
    color:#FF0000;
    border: 1px solid red;
}
.dataTables_wrapper table tbody td.marginalViolation {
    background-color: orange;
}

.dataTables_wrapper table tbody td.criticalViolation {
    background-color: orangered;
}
#mappedClassesTable .ui-chkbox .ui-chkbox-box{
    margin-right:25px;
    height: 12px;
    width: 12px;
}
.system_view .ui-chkbox .ui-chkbox-box{
    margin-right:25px;
}
.ui-progressbar.animated {
    height: 18px;
}
.animated .ui-progressbar-value {
    background-image: url("/netxui/javax.faces.resource/brand/default/images/grey.png.jsf");
}
.animated .ui-progressbar-label {
    line-height: 1.7em;
}

div table thead tr th.ui-state-default span.ui-icon {
    background-image: url("/netxui/javax.faces.resource/brand/default/style/ui-theme/images/ui-icons_ffffff_256x240.png.jsf");
}

.rotate-text-ccw {
    vertical-align: middle;
    text-align: center;
    font-size: 2em;
    color: #A5ABAF;
    padding:2px;
    margin-left: -173px;
    margin-right: -400px;
    width: 360px;
    display:none;

    /* Safari */
    -webkit-transform: rotate(-90deg);

    /* Firefox */
    -moz-transform: rotate(-90deg);

    /* IE 9+*/
    -ms-transform: rotate(-90deg);

    /* Opera */
    -o-transform: rotate(-90deg);
}

/* IE8 CSS hack to properly rotate and position chart/table labels. IE should be torched to death. */
@media \0screen {
    .rotate-text-ccw {
        vertical-align: middle;
        text-align: center;
        font-size: 2em;
        color: #d0d4d7;

        margin-left: -3px;
        margin-right: -400px;
        margin-top: -360px;
        width: 360px;

        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    }
}

table td .fixed-label {
    width: 1.5em;
}

.ui-widget-header-apdexGood {
    text-align: center;
    background-color: limegreen;
}

.ui-widget-header-apdexExcellent {
    /*float:left;*/
    text-align: center;
    background-color: lightblue;
}

.ui-widget-header-apdexFair
{
    text-align: center;
    background-color: yellow;
}

.ui-widget-header-apdexBad {
    text-align: center;
    background-color: orange;
}
.ui-widget-header-apdexUnacceptable {
    text-align: center;
    background-color: orangered;
}

.ui-widget-header-apdexNone {
    text-align: center;
    background-color: lightgray;
}
.div.ui-dt-c
{
    width:100% !important;
    float:left;
}
div.ui-dt-c a.apdexlink{
    color: #313D44;
}
div.ui-dt-c a.apdexlink:hover{
    color: red;
}

.ui-widget-header-apdexSatisfied {
    text-align: center;
    background-color: white;
}

.ui-widget-header-apdexTolerated {
    text-align: center;
    background-color: orange;
}

.ui-widget-header-apdexFrustrated {
    text-align: center;
    background-color: orangered;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: 'Roboto', arial,"trebuchet ms",helvetica,sans-serif;
    font-size: 10px !important;
}

div.table-scrollfix {
    max-height: 600px;
    margin-top: 10px;
    padding-bottom: 5px;
    overflow: auto;
    border-top-width: 1px;
    border-top-style: inset;
    border-top-color: #C2C3CA;
}

#timepicker .ui-inputfield {
    margin: 0;
    outline: medium none;
    padding: 4px;
}
#timepicker .ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: none;
    color: #313131;
}
#timepicker .ui-corner-all {
    border-radius: 3px 3px 3px 3px;
}

#timepicker .ui-state-default, .ui-widget-header .ui-state-default .ui-inputfield.ui-state-focus{
    background: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) repeat scroll 0 0 #C4C4C4;
    border: 1px solid #A8A8A8;
    color: #313131;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}
.ui-tabs.ui-widget-content th.ui-state-default {
    background: none repeat scroll 0 0 #455560;
    border: 1px solid #A8A8A8;
    color: #ffffff;
    font-weight: normal;
    text-shadow: none;
}
.ui-tabs.ui-widget-content .ui-state-default.ui-tabs-selected {
    background-color: #ffffff;
}
#timepicker .ui-inputfield.ui-state-focus{
    box-shadow: none;
}
.netxTimePicker input ui-inputfield ui-widget ui-state-default ui-corner-all hasDatepicker{

}
.netxTimePicker input.ui-inputfield.ui-state-focus, .ui-widget-content .ui-inputfield.ui-state-focus, .ui-widget-header .ui-inputfield.ui-state-focus{
    box-shadow: none;
}
.netxTimePicker input.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield{
    box-shadow: none;
}
.netxTimePicker input.ui-inputfield{
    /*padding: 0px;*/
}
.netxTimePicker input.ui-corner-all {
    -moz-border-radius: 0px/*{cornerRadius}*/;
    -webkit-border-radius: 0px/*{cornerRadius}*/;
    border-radius: 0px/*{cornerRadius}*/;
}

.input-inputClass {
    float:right;
    text-align:left;
    width: 70%;
    line-height: 30px;
}

.input-labelClass {
    float:left;
    text-align:right;
    width: 29%;
    line-height: 30px;
}

div .transactionImage {
    overflow: auto;
    max-width: 900px;
    min-width: 650px;
    max-height: 600px;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
}

div .transactionLog {
    max-width: 100%;
    max-height: 400px;
    overflow: auto;
    border-style:
        solid;
    border-width: 1px;
}

.scrollPage {
    overflow:auto;
}

.width100perc {
    width: 100%;
}

div .divTable {
    display: table;
}

.divTableRow {
    display: table-row;
}

.divTableCell {
    display: table-cell;
    vertical-align: middle;
}

.highlightError {
    background-color: #ffe9e9;
    background-image: none;
}
.ui-datatable .ui-datatable-odd.highlightError {
    background-color: #ffdada;
    background-image: none;
}

.ipOverlappingError {
    background-color: #fffcf0;
    background-image: none;
}
.ui-datatable .ui-datatable-odd.ipOverlappingError {
    background-color: #fff3de;
    background-image: none;
}

.table_centering, .table_centering table, .table_centering.ui-datatable table {
    margin-left: auto;
    margin-right: auto;
    width: auto;
}

.span_centering {
    text-align: center;
    display: block;
}

.td_text_centering{
    text-align: center;
}

.paragraphtitleshadow a:link {
    color: gray;
    text-decoration: none;
}

.paragraphtitleshadow a:visited {
    color: gray;
    text-decoration: none;
}

.paragraphtitleshadow a:hover {
    color: white;
    text-decoration: none;
}

.paragraphtitleshadow a:active {
    color: gray;
    text-decoration: none;
    outline: none;
}

.paragraphtitleshadow a:focus {
    color: gray;
    text-decoration: none;
    outline: none;
}

.systemInfo .ui-state-default {
    background:  #455560;
    color: #AAAAAA;
}
.systemInfo .ui-state-active {
    background:  #455560;
    color: #FFFFFF;
}
.systemInfo .ui-state-hover {
    background:  #596675;
    color: #FFFFFF;
}
.helpChartButton{
    background-image:  url("/netxui/javax.faces.resource/brand/default/images/icons/help_grey.png.jsf");
    background-repeat: no-repeat;
    border-collapse: collapse;
    border-style: none;
    background-position: center;
    background-color: transparent;
    height: 25px;
    width: 25px;
    cursor: pointer;
}
.exploreChartButton{
    background-image:  url("/netxui/javax.faces.resource/brand/default/images/icons/SEO-icon.png.jsf");
    background-repeat: no-repeat;
    border-collapse: collapse;
    border-style: none;
    background-position: center;
    background-color: transparent;
    height: 25px;
    width: 25px;
    cursor: pointer;
}
.selectHeatMapButton{
    background-image:  url("/netxui/javax.faces.resource/brand/default/images/icons/select_table_medium.png.jsf");
    background-repeat: no-repeat;
    border-collapse: collapse;
    border-style: none;
    background-position: center;
    background-color: transparent;
    height: 25px;
    width: 25px;
    cursor: pointer;
    top: 5px;
    left: 10px;
    position: relative;
}

.ajax-status-loading {
    position: fixed;
    top: 100px;
    right: 30px;
}

.ajax_cursor_loading {
    cursor: wait !important;
}

.textareaFlexible {
    max-width: 700px;
    max-height: 350px;
    min-width: 350px;
    min-height: 50px;
    width: 100%;
    overflow: auto !important;
    resize: none;
}

.treenode_frame {
    background-color: white;
    min-width: 180px;
    min-height: 198px;
    max-width: 400px;
    max-height: 350px;
    width: auto;
    height: auto;
    overflow: auto;
    border-style: solid;
    border-width: 1px;
    border-color: #AAAAAA;
    margin-top: 3px;
    margin-bottom: 3px;
    white-space: nowrap;
}

.treenode_frame .ui-tree {
    width: auto;
}

.element_disabled {
    cursor: not-allowed;
    pointer-events: none;
    color: #848484 !important;
    background-color: #f8f8f8 !important;
}

.errorMessage, .errorMessageNewLine {
    color: red;
}

.errorMessageNewLine {
    margin: 8px 15px 3px 35px;
    display: block;
    text-align: right;
}

/*  Primefaces overrides */

.ui-corner-all {
    -moz-border-radius: 0px/*{cornerRadius}*/;
    -webkit-border-radius: 0px/*{cornerRadius}*/;
    border-radius: 0px/*{cornerRadius}*/;
}

.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
    -moz-box-shadow:inset 0 0px 0px #8f8f8f;
    -webkit-box-shadow:inset 0 0px 0px #8f8f8f;
    box-shadow:inset 0 0px 0px #8f8f8f;
    /*color:#555555;*/
}

.ui-inputfield.ui-state-focus, .ui-widget-content .ui-inputfield.ui-state-focus, .ui-widget-header .ui-inputfield.ui-state-focus {
    -moz-box-shadow: inset 0 0px 0px #8f8f8f;
    -webkit-box-shadow: inset 0 0px 0px #8f8f8f;
    box-shadow: inset 0 0px 0px #8f8f8f;
    border-color: #bfdaff;
}

.ui-inputfield.ui-state-focus:focus, .ui-widget-content .ui-inputfield.ui-state-focus:focus, .ui-widget-header .ui-inputfield.ui-state-focus:focus {
    outline: auto 1px #bfdaff;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .75;
    filter: Alpha(Opacity=75);
    background-color: #EEEEEE;
}

/* Styles for Max Length plugin v2.0.0 */
.maxlength-feedback {
    float: right;
    padding-right: 2px;
    font-size: 0.9em;
}
textarea.maxlength-full {
    background-color: #fff7ee;
}
textarea.maxlength-overflow {
    background-color: #ffcccc;
}
.maxlength-disabled {
    opacity: 0.7;
}

.paragraphtitle_bg {
    background-color: #f9f9fc;
    font-weight: bold;
}
.title_blok_head {
    color: black;
    font-size: 12.5pt;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 0px 0px 15px 0px;
    display: block;
    text-align:center;
}
.subtitle_blok_head {
    color: #434E56;
    font-size: 11pt;
    font-family: 'Roboto', Arial, verdana, Helvetica, Geneva, Swiss, SunSans-Regular;
    font-weight: bold;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.navmenu {
    border-spacing: 0px;
}

#maincontent .ui-datatable .ui-datatable-data td, .ui-datatable .ui-datatable-data-empty td {
    /* border-width: 1px; */
    /* border-style: solid; */
    /* border-color: inherit; */
    border-right: 1px solid #E2E2E2;
    border-bottom: 0px;
    padding: 7.5px;
    margin: 0px;
    overflow: hidden;
}
.ui-datatable th, .ui-datatable tfoot td {
    padding: 10px;
}
.ui-datatable .ui-datatable-odd {
    background: none #f1f1f2;
}
.tablelist .ui-widget-content {
    border: 1px solid #E2E2E2;
    /*border-bottom: 0px;
    border-top: 0px;*/
}
.ui-widget-header {
    border: 1px solid #dbe3e8;
}

.ui-widget-content {
    border: 1px solid #dbe3e8;
}

.noborder .ui-widget-content, .noborder {
    border: none;
}

.nobackground, .nobackground .ui-widget-content {
    background: none;
}

.ui-paginator .ui-paginator-page, .ui-paginator .ui-paginator-pages, .ui-paginator .ui-paginator-next, .ui-paginator .ui-paginator-last, .ui-paginator .ui-paginator-first, .ui-paginator .ui-paginator-prev, .ui-paginator .ui-paginator-current {
    /*height: 22px;*/
    line-height: 16px;
}
.btnenabled-nomargin-period, .btndisabled-nomargin-period, .btnenabled-nomargin-period-primefix, .btndisabled-nomargin-period-primefix {
    background-color: #455560;
    color: white;
    font-family: 'Roboto', arial, "trebuchet ms", helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    border-style: solid;
    padding: 3px 5px;
    height: auto;
    min-height: 22px;
    width: auto;
    border-width: 0px;
    display:inline-block;
    margin-left: 10px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.btnenabled-nomargin-period-primefix, .btndisabled-nomargin-period-primefix {
    background:  #455560 none;
}

.btndisabled-nomargin-period {
    background-color: #434E56;
    color: #888888;
    cursor: auto;
}
.btnenabled-nomargin-period:hover, .btnenabled-nomargin-period-primefix:hover {
    cursor: pointer;
    background-color: #4A5A65;
}
table.popup>tbody>tr>td {
    padding: 4px 2px 4px 10px;
    border-collapse: collapse;
    border-spacing: 0;
}
table.sys_settings>tbody>tr>td {
    padding: 10px 17.5px 10px 17.5px;
    border-collapse: collapse;
    border-spacing: 0;
}
table.popup_table_multiple>tbody>tr>td {
    padding: 8px 17.5px 8px 17.5px;
    border-collapse: collapse;
    border-spacing: 0;
}
table.popup_table>tbody>tr>td {
    padding: 10px 17.5px 10px 17.5px;
    border-collapse: collapse;
    border-spacing: 0;
}
table.popup_table_large>tbody>tr>td {
    padding: 10px 17.5px 10px 17.5px;
    border-collapse: collapse;
    border-spacing: 0;
}
table.reports_table>tbody>tr>td {
    padding: 6px 17.5px 6px 17.5px;
    border-collapse: collapse;
    border-spacing: 0;
}
table.popup_table_multiple.table_min_padding>tbody>tr>td {
    padding: 5px;
    border-collapse: collapse;
    border-spacing: 0;
}
.table_border_top {
    border-top: 1px solid #dbe3e8;
}
.table_border_bottom {
    border-bottom: 1px solid #dbe3e8;
}
.table_border_full {
    border-top: 1px solid #dbe3e8;
    border-bottom: 1px solid #dbe3e8;
}
.navmenu table {
    border-collapse: collapse;
    border-spacing: 0px;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background-color: white;
    border: 1px solid #dbe3e8;
}
.ui-selectlistbox-item.ui-state-highlight {
    background: #ff8400;
    background-color: #ff8400;
}

#monitorNavigation .ui-widget-content {
    border: 0px solid #dbe3e8;
}

.chart_placeholder {
    width:600px;
    height:462px;
    transform-style: preserve-3d;
}
.chart_placeholder_content {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.ui-datatable .ui-chkbox .ui-chkbox-box {
    width: 14px;
    height: 14px;
}

.ui-datatable .ui-chkbox .ui-chkbox-box .ui-icon-check {
    background-position: -65px -145px;
}

.ui-datatable tr.ui-state-highlight {
    background: none #ff8400;
    border: inherit;
    color: inherit;
}

.ui-datatable .ui-state-highlight .ui-icon {
    background-image: url("/netxui/javax.faces.resource/primefaces-sam/images/ui-icons_454545_256x240.png.jsf");
}

.ui-datatable .ui-selection-column {
    text-align: center;
}

.ui-datatable th.ui-selection-column, .ui-datatable tbody td.ui-selection-column, .ui-datatable tfoot td.ui-selection-column, .ui-datatable td.ui-selection-column {
    min-width: 10px;
}

hr.solidgrey {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.ui-fileupload-content .ui-progressbar {
    width: 100px !important;
}

.ui-fileupload-files {
    word-break: break-all;
}

.ui-fileupload-files td{
    min-width: 50px;
}

.analysisupload input {
    transform: none !important;
}

.analysisupload .ui-fileupload-preview, .siteimportupload .ui-fileupload-preview{
    min-width: 0;
    padding: 0;
}

.analysisupload .ui-fileupload-progress, .analysisupload .ui-fileupload-buttonbar .ui-fileupload-cancel {
    display: none;
}

.sitemanagertable .tablelist{
    margin: 5px auto;
}

.sortup2{
    background: transparent url("/netxui/javax.faces.resource/brand/default/images/sort_up2.gif.jsf") no-repeat;
    background-size: 100% 100%;
}

.sortdown2{
    background: transparent url("/netxui/javax.faces.resource/brand/default/images/sort_down2.gif.jsf") no-repeat;
    background-size: 100% 100%;
}

.ui-icon-calendar {
    background-image: url("/netxui/javax.faces.resource/brand/default/images/calendar.png.jsf") !important;
    background-position: center center !important;
    width: 16px;
    height: 16px;
}

.calendar-primefix input, .calendar-primefix button, .calendar-primefix-customwidth input, .calendar-primefix-customwidth button {
    font-family: 'Roboto', arial, "trebuchet ms", helvetica, sans-serif;
    font-size: 11px;
    color: black;
}

.calendar-primefix button, .calendar-primefix-customwidth button{
    height: 1.8em;
    width: 1.6em;
    vertical-align: middle;
    margin-left: 1px;
}

.calendar-primefix-customwidth input {
    width: 87% !important;
    margin-right: 3px;
}

.ui-datepicker-today .ui-state-highlight {
    background:#ff7800 none repeat scroll 0 0;
    color: #ffebda !important;
    font-weight: bold;
}

.ui-datepicker-week-end .ui-state-default {
    color: #ff7800 !important;
    background: #ffebda none repeat scroll 0 0;
}

.ui-datepicker-today .ui-state-active {
    background:#596675 none repeat scroll 0 0;
    font-weight: normal;
}

.ui-datepicker-unselectable .ui-state-default {
    color: rgb(160, 160, 160) !important;
}

#table_no_data_placeholder {
    padding: 5px;
    margin-left: 17px;
}

i {
    border: solid white;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 2px;
}

.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

/* roboto-regular - greek-ext_vietnamese_cyrillic-ext_greek_latin-ext_latin_cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'),
       url("/netxui/javax.faces.resource/brand/default/fonts/roboto-v18-greek-ext_vietnamese_cyrillic-ext_greek_latin-ext_latin_cyrillic-regular.woff2.jsf"), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url("/netxui/javax.faces.resource/brand/default/fonts/roboto-v18-greek-ext_vietnamese_cyrillic-ext_greek_latin-ext_latin_cyrillic-regular.woff.jsf"), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url("/netxui/javax.faces.resource/brand/default/fonts/roboto-v18-greek-ext_vietnamese_cyrillic-ext_greek_latin-ext_latin_cyrillic-regular.woff.jsf"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}