body {
  margin: 0;
  padding: 0;
  background-color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  min-width: 970px;
}

a {
  text-decoration: none;
}

tr.group,
tr.group:hover {
    background-color: #ddd !important;
    font-weight: bold;
}

td.shrink {
  width: 1px;
  white-space: nowrap;
}

#nav_tabs {
    background-color: #01203A;
    position: absolute;
    width: 100%;
    bottom: 0px;}

#nav_tabs ul {
    padding: 0;
    margin: 0;
}

#nav_tabs li {
    float:left;
    list-style-type: none;
    display: inline;
    background-color: #F8AD00;
    padding: 4px 0; /* 1px less padding for IE */
    margin: 0 1px;
}

#nav_tabs a {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #01203A;
    font-weight: bold;
    text-decoration: none;
    padding: 5px 10px;}

#nav_tabs a:hover {
    background-color: #FFFFFF;
    color: #01203A;
    padding: 5px 10px;}

#nav_tabs .selected a {
    font-weight: bold;
    color: #F26730;
    background-color: #FFFFFF;
    padding: 5px 10px;}

#nav_tabs .selected a:hover {
    font-weight: bold;
    color: #F26730;
}

#nav_tabs .selected_subnav a {
    font-weight: bold;
    color: #F26730;
    background-color: #EEEEEE;
    padding: 5px 10px;}

#nav_tabs .selected_subnav a:hover {
    color: #F26730;
    background-color: #EEEEEE;}

#nav_tabs .right {
    float: right;
}

#nav_tabs .far_right {
    float: right;
    margin-right: 10px;
}

#nav_tabs .far_left {
    margin-left: 10px;
}

/*tabs CSS  End*/

/*header CSS */

div#header {
    padding: 0;
    margin: 0;
    height: 80px;
    background-color: #01203A;
    position: relative;}

div#logo {
    text-align: right;}

div#header #logo {
    float: left;}

div#header_login {
    margin: 0 auto;
    width: 860px;
    margin-top: 20px;
    vertical-align: middle;}

div#header_login #logo {
    float: left;}

.header_{
    background-color: #6699CC;
    color: #FFFFFF;
    font-size: 12px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding: 5px;
    width:55%;}

.button_left {
  margin-left: 20px;
}

.tab_left {
  margin-left: 10px;
}

.tab_right {
  margin-right: 10px;
}

/*header CSS End*/

/*submenu CSS*/
#submenu {
  background-color:#FFFFFF;
  padding: 7px 2%;
  font-weight: bold;
  color: black;
}

/*submenu CSS End*/

/*form CSS */

.form td {
    height: 40px;
    text-align: right;}

div#login_form_container {
    padding: 10px;
    border: 6px solid #01203A;
    background-color: #EEEEEE;}

div#login_form_container {
    line-height: 30px;}

table.extra_spacing td { padding: 0px 10px;}

.form_table {
    padding: 5px;}


.form_table th {
    font-size: 13px;
    text-align: right;
    color:#00355F}

.form_table td {
    padding: 5px;}

.form_table input {
    font-weight: bold;
    color: #00355F;
}

.bold_button {
    font-weight: bold;
    color: #006699;
}

.label {
    text-align: right;
    padding-right: 10px;
    font-size: 12px;}

.input {
    width: 175px;
    height:20px;
    font-size: 14px;
}

.input.wider {width: 280px;}
/*form CSS End */

/*map CSS */

div#map {
    width: 100%;
    height: 500px;
    float: left;}

a#toggler_link {
    top: 260px;
    position: relative;
}

.main_map{
    width: 73.735%;
    float:right;
    background-color:#eeeeee;
    margin-bottom:15px }

.location_map
{
    width: 68%;
    float:right;
    background-color:#eeeeee;
    margin-bottom:15px
}

.location_wrapper_compact
{
    height: 430px;
}

.location_map_compact
{
    background-color: #eeeeee;
    width: 50%;
    float: right;
    height: 100%
}

.location_map_compact #location_map
{
    overflow: hidden;
    height: calc(100% - 3px);
}

.reports_map{
    width:50%;
    float:right;
    border:4px #eeeeee solid;
}

.report_map_header{
    width:99.7%;
    float: left;
    background-color:#01203A;
    color:#FFFFFF;
    font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-size:12px;
    padding:5px;
}

/*map CSS End*/

/*Container CSS*/

div#company {
    padding: 10px;
    color: #FFFFFF;
    font-size: 24px;
    float:left}

#ub-login{
    padding: 2px 10px 0px 0px;
    float:right;
    font-size:10px;
    color:#FFFFFF;
}

#ub-login a:link {
    color:#fff;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:normal;
    text-decoration:underline; }

#ub-login a:visited {
    color:#fff;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:normal;
    text-decoration:underline; }

#ub-login a:hover {
    color:#fff;
    text-decoration:none;}

div#sub_banner {
    margin-top: 10px;
    height: 80px;
    border-top: 1px solid #A1B4D5;
    border-bottom: 1px solid #A1B4D5;
    background-color: #E8F1FF;
    text-align: center;
    padding-top: 10px;
    color: #333333;}

div#subnav {
    background-color: #FFFFFF;
    padding: 7px 20px;}

#device_list ul {
    padding: 0;
    margin: 0;}

#device_list li {
    list-style-type: none;
    background-color: #EEEEEE;
    padding: 7px;
    margin: 5px;
    color: #666666;}

#device_list a {
    color: #333333;}

div#title {
    margin: 10px 10px 0 10px;
    padding: 5px;
    background-color: #7CA8D3;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;}

div#main_container {
    background-color: #EEEEEE;
    margin: 0 10px 10px 10px;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;}

#device_list_old {
    margin: 10px;
    padding: 0;
    list-style-type: none;
    float: left;}

#device_list_old a {
    display: block;
    padding: 3px;
    width: 160px;
    background-color: #369;
    border-bottom: 1px solid #eee;
    text-decoration: none;
    color: #FFFFFF;}

#device_list_old .no_data {
    display: block;
    background-color: #CCCCCC;
    padding: 3px;
    border-bottom: 1px solid #eee;}

#device_list_old a:link, #navlist a:visited {
    text-decoration: none;}

#device_list_old a:hover {
    background-color: #036;}

div#updating {
    visibility: hidden;
    float: right;
    background-color: #FFFF00;
    padding: 0 3px;
    color:#333}

div#side_tb_box{
    width:55%;
    float:left;
    margin-top:5px;}

div#paging {
    margin: 20px 0;
    text-align: center;
    font-size: 14px;}

.list {
    list-style: none;
    padding: 0;
    margin-top: 10px;
    margin-left: 0px;}
.list li, .filter-list-container {
    background-color: #EEEEEE;
    color: #333333;
    margin-bottom: 10px;
    border-bottom: 1px dotted #CCCCCC;
    padding: 10px;}
.filter-list-container {
    overflow: hidden;
    width: auto;
}
.filter-list {
    width: calc(100% - 20px);
    float: left;
}
.export-button {
    width: 20px;
    float:right;
}

.table {
    color: #333333;}

.table th {
    background-color: #003366;
    padding: 3px;
    color: #FFFFFF;
    font-weight: normal;}

.table td {
    padding: 5px;}

.disabled {
    font-size: 16px;
    border: none;}

.faded_red {
    background-color: #B34141;
    color: #FFFFFF;}

.small_font {
    font-size: 10px;
    color: #1364B2;}

.light_row {
    background-color: #FFFFFF;}

.dark_row {
    background-color: #EEEEEE;}

.selected_row {
    background-color: #FFFFCC;}

.bgcolor {
    background-color:#c5f794;}

.contact_us{
    margin-left: 0px;
    color: #666666;
    width: 500px;}

hr {
    color: #CCCCCC;
    background-color: #CCCCCC;
    border: 0;
    height: 1px;}

.helper {
    font-size: 11px;
    font-weight: bold;
    color: #666666;}

.settings_box {
    padding: 10px;
    color: #666666;
    width: 98%;
    border-bottom: 1px solid #CCCCCC;}

.settings_notification {
    padding-top: 10px;
    color: #666666;
    width: 98%;}

.settings_notification div {
    padding-top:6px;}

.settings_box h2{
    font-size: 14px;
    font-weight: bold;
    padding:0px;
    margin:0px;
    color: #666666;}

.gray_box {
    padding: 10px;
    background-color: #eeeeee;
    width: 97%;
    margin-left:25px;
    margin-top:10px;}

.text_width	{
    width: 100%;}

.gray_small{
    font-size: 11px;
    color: #666666}

.red_text{
    color:#cc0000;
    margin-left:3px;
    font-weight:normal;}

.gray_box div {
    padding-top:3px;}

.current_page_link {
    color: #FFFFFF;
    background-color: #003366;
    padding: 3px;}

.group_head_{
    background-color: #6699CC;
    color: #FFFFFF;
    font-size: 12px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding: 5px;
}

panel_table .group_head {
    background-color: #6699CC;
    color: #FFFFFF;
    font-size: 12px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding: 5px;}

.group_head {
    width:98%;
    background-color:#cccccc;
    float:left;
    padding:0px;
    height:24px;
    line-height:24px;}

.group_head div {
    float:left;
    margin-right:25px;}

span.group_1 {
    background: url("/assets/icons/blue_small-b204de77.png") no-repeat left;
    height:24px;
    display:block;
    margin-bottom:0px;
    padding-left:30px;
    font-weight:bold;}

div#result_count {
    font-weight: bold;
    text-align: center;
    color: #333333;}

.blue_bold {
    font-size: 14px;
    font-weight: bold;
    color: #003366;}

.device_summary{
    float:left;
    clear:left;
}

.device_summery_select{
    float:right;
    margin-right:1px;
    padding:1px;}

.group_name{
    height:24px;
    line-height:24px;
    display:block;
    margin-bottom:0px;
    padding-left:30px;
    font-weight:bold;
    float:left;
    clear:left;
    width:99%;}

.dark_grey {
    color: #666666;
}

.grp_3 p {
    margin-bottom:10px;}

.grp_3 h3{
    border-bottom:1px solid #F1F1F1;
    font-size: 14px;
    color: #333333;
    margin: 15px 0px 10px 0px;
    font-weight:bold;}

.sel_dev1 {
    clear:both;
    margin-top:10px;}

.sel_dev1 ul{
    line-height:1.7em;}

.sel_dev1 li {
    background:#f1f1f1;
    color:#666;
    display:block;
    font-weight:700;
    margin-top:4px;
    padding:5px 10px 5px 10px;}


.sel_dev1 h3{font-size: 14px;
    color: #333333;
    margin: 15px 0px 10px 0px;
    font-weight:bold;
    margin-bottom:2px;
    line-height:18px;}


.group-link-red{
    color:#ff0000;}

.bg_overview{
    background-color:#F8D990;
    width:100%}

.gray_text{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #666666;}


div#content {
    margin: 10px;
    padding:0 10px 0 10px;
    min-height: 400px;}

div.messages_content {
    margin: 10px;
    padding:0 10px 0 10px;
}

div#content_login {
    padding-top: 30px;
    margin: 0 auto;
    width: 850px;
    clear: both;}

div#content_login h1{
    color: #01203A;
    font-family:Arial,Helvetica,sans-serif;
    font-size: 20px;
    margin-bottom: 15px;}

#new{
    margin-bottom: 10px;
    padding: 15px;
    background-color: #FFFFCC;
    font-weight: bold;
    color: #333333;}

.processing_message {
    text-align: right;
    background-color: #FFFFCC;
    font-size: 16px;
    font-weight: bold;
    visibility: hidden;
    padding: 10px;}

.container{
    width:100%;
    clear:both;}

h3 {
    font-size: 18px;
/*    color: #003366;*/
    color: #999999; /* $page-title-color */
}

h4 {
    color: #666666;}

.dark_blue_header {
    font-size: 15px;
    color: #003366;}

.ub_dev_list{
    float:left;
    clear:left;
    width:50%;
    padding-top:3px}

.panel_table {
    width: 100%;
    padding: 0;
    margin: 0;
    border-collapse: collapse;}

.panel_table .header {
    background-color: #01203A;
    color: #FFFFFF;
    font-size: 12px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding: 5px;}

.panel_table .bluebar1{
    background: url("/assets/icons/red_small-228521cf.png") no-repeat left;
    line-height:24px;
    padding-left:25px;
    font-weight:bold;
    width:99%;
    background-color:#d2eafc;}

.panel_table .bluebar{
    background: url("/assets/icons/purple_small-d9f1fda9.png") no-repeat left;
    line-height:24px;
    padding-left:25px;
    font-weight:bold;
    width:100%;
    background-color:#d2eafc;
}

.panel_table .darkgray_row{
    background-color: #EEEEEE;}

#ub-table{
    border-collapse:collapse;
    margin:0pt;
    padding:0pt;
    width:100%;}
#ub-table th {
    background-color:#6699CC;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    padding: 5px;}
#ub-table tr.header{
    background-color:#01203A;
    color:#ffffff;
    font-weight:normal;
    font-size:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

#ub-table tr.gray_row{
    background-color:#eeeeee;}

#ub-table td {
    border: 1px solid #FFFFFF;
    padding: 5px;}

.short_text {
    width: 150px;}

.long_text {
    width: 200px;}

.description_box {
    font-size: 12px;
    margin-bottom: 15px;
    background-color: #EEEEEE;
    padding: 10px;}

.error_select {
    border: 2px solid #EA9797;}

.error_short {
    background-color: #F2C0C0;
    width: 150px;}

.error_long {
    background-color: #F2C0C0;
    width: 200px;}

.error_box {
    font-weight: bold;
    background-color: #F2C0C0;
    padding: 10px;
    margin-bottom: 10px;}

@charset "utf-8";

h1,h2,h3,h4,h5,p,ul {
    list-style:none;
    margin:0;
    padding:0;}

h2 {
    font-size:18px;
    margin-bottom:10px;
    color:#036;}

.clear {
    clear:both;}

.valign {
    vertical-align:middle;}

#links {
    background:#f1f1f1;
    height:30px;}

.crt_group {
    background:#FFC;
    font-weight:700;
    font-size:16px;
    margin:10px 0;
    padding:10px;}

.crt_group1 {
    background:#eeeeee;
    font-weight:700;
    font-size:16px;
    margin:10px 0;
    padding:10px;}

.sel_icon {
    width:98%;
    background:#f2f2f2;
    float:left;
    padding:15px;}

.sel_icon li {
    float:left;
    margin-right:25px;}

span.pin_0 {
    background: url("icons/no_image.png") no-repeat left;
}

span.pin_1 {
    background: url("/assets/icons/blue_small-b204de77.png") no-repeat left;
}

span.pin_2 {
    background: url("/assets/icons/green_small-8d84fa4f.png") no-repeat left;
}

span.pin_3 {
    background: url("/assets/icons/yellow_small-beb26295.png") no-repeat left;
}

span.pin_4 {
    background: url("/assets/icons/red_small-228521cf.png") no-repeat left;
}

span.rad_1 {
    background: url("/assets/icons/blue_small-b204de77.png") no-repeat top;
    width:16px;
    height:24px;
    display:block;
    margin-bottom:8px;}

span.rad_2 {
    background: url("/assets/icons/red_small-228521cf.png") no-repeat top;
    width:16px;
    height:24px;
    display:block;
    margin-bottom:8px;}

span.rad_3 {
    background: url("/assets/icons/green_small-8d84fa4f.png") no-repeat top;
    width:16px;
    height:24px;
    display:block;
    margin-bottom:8px;}

span.rad_4 {
    background: url("/assets/icons/yellow_small-beb26295.png") no-repeat top;
    width:16px;
    height:24px;
    display:block;
    margin-bottom:8px;}

span.rad_5 {
    background: url("/assets/icons/purple_small-d9f1fda9.png") no-repeat top;
    width:16px;
    height:24px;
    display:block;
    margin-bottom:8px;}

span.rad_6 {
    background:url("/assets/icons/dark_blue_small-68af70f3.png") no-repeat top;
    width:16px;
    height:24px;
    display:block;
    margin-bottom:8px;}

span.rad_7 {
    background: url("/assets/icons/grey_small-02ba7c79.png") no-repeat top;
    width:16px;
    height:24px;
    display:block;
    margin-bottom:8px;}

span.rad_8 {
    background: url("/assets/icons/orange_small-bad5f773.png") no-repeat top;
    width:16px;
    height:24px;
    display:block;
    margin-bottom:8px;}

.sel_dev {
    clear:both;
    margin-top:10px;}

.sel_dev li {
    background:#f1f1f1;
    color:#666;
    display:block;
    font-weight:700;
    margin-top:4px;
    padding:10px;	}

table.grp_4 {
    border-collapse:collapse;
    width:50%;
    clear:both;}

th.grp_4 {
    background:#ccc;
    color:#036;
    border:1px solid #FFF;
    padding:8px;}

td.grp_clr {
    background:#f1f1f1;
    color:#333;
    border:1px solid #FFF;
    padding:8px;}

td.grp_no_clr {
    background:#fff;
    color:#333;
    border:1px solid #FFF;
    padding:8px;}

td.bl_title {
    color:#333;
    background:#cce6ff;
    font-weight:700;
    padding:8px;}

.grp_title {
    background:#69c;
    width:48.5%;
    color:#FFF;
    font-size:14px;
    float:left;
    padding:8px;}

.grp_title p {
    float:left;}

.grp_title select {
    float:right;}

.traf_ovl {
    background:#f1f1f1;
    border:1px solid #ccc;
    color:#666;
    width:48%;
    padding:8px;}

#border{
    border:1px solid #1364b2;
    width:100%;
    padding-right:2px}

div#error_message {
    border: 1px solid #990000;
    color: #FFFFFF;
    background-color: #FF6262;
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0;
    padding: 5px;}

div#success_message {
    border: 1px solid #006600;
    background-color: #5ABD5A;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    padding: 5px;
    margin: 10px 0;}

#ub_account_tbl{
    width:23%;
    padding:0px;
    padding-bottom:0px;
    margin-bottom:10px;
    float:left;
    clear:left;
    margin-right:2%}

#ub_account_tbl div {
    padding-bottom:10px;}

#ub_account_tbl h3 {
    font-size: 18px;
    color: #003366;
    padding-top:5px;
    margin-bottom:5px;
    padding-bottom:0px;
    width:90%; }

#ub_location_tbl{
    width:30%;
    padding:0px;
    padding-bottom:0px;
    margin-bottom:10px;
    float:left;
    clear:left;
    margin-right:2%}

#ub_location_tbl div {
    padding-bottom:10px;}

#ub_location_tbl h3 {
    font-size: 18px;
    color: #003366;
    padding-top:5px;
    margin-bottom:5px;
    padding-bottom:0px;
    width:90%; }

#ub_location_tbl_compact {
  width: 50%;
  float: left;
  background-color: #edf3fe; }

#dark_topbar{
    width:97%;
    padding:4px 1% 4px 1%;
    background-color:#cccccc;
    line-height:19px;
    color:#003366;
    padding-left:6px;}

#light-greybar{
    width:97%;
    padding:4px 1% 4px 1%;
    background-color:#f8f8f8;
    line-height:19px;
    padding-left:6px;}

.ub-ajax{
    color:#1364B2;
    cursor:pointer;
}

#ub-ajax_butt{
    width:99%;
    padding:6px .25% 7px .8%;
    padding-left:5px;}

#float_rt{
    float:right;}

#tab_lt{
    float:left;}

#tab_rt{
    float:right;}

#top_head{
    width:100%;
    overflow:hidden;
    padding-top:5px;
    margin-bottom:10px;}

#top_head h3 {
    font-size: 18px;
    color: #003366;
    padding:0px;
    margin:0px;
    width:70%;
    float:left}

.alert{
    width:98%;
    color:#336633;
    border:1px #99cc99 solid;
    text-align:center;
    background-color:#E5F1F4;
    margin-top:10px;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:5px;
    padding-right:5px;
    font-size:10pt;}

.paddin-l{
    padding-left:75%;}

#helper {
    padding: 0 0 10px; }

.ublip-pagination {
    margin-top: 15px;
    font-size: 14px;
    font-family: Arial;
    text-align:center;
    padding:10px 0;
}

.ublip-pagination a  {
    text-decoration: none;
    font-size: 14px;
    margin: 0 3px;
}

.ublip-pagination a:hover {
    text-decoration: underline;
}

.ublip-pagination span.current {
    background-color:#01203A;
    color: #FFFFFF;
    padding: 2px 4px;
    font-size: 14px;
    font-weight: bold;
}

.pagination .disabled {
    font-size: 14px;
    color: #666666;
}

/*Container CSS End*/
/*footer CSS */

div#footer {
    border-top: 1px solid #cccccc;
    padding: 10px 0 0 0;
    margin: 20px;
    text-align: center;
    color: #666666;
    font-size: 10px;
    clear:both;}

/*footer CSS End*/

.title {
    font-size: 18px;
    font-weight: bold;
    color: #003366;
}

div#configuration_header {
    margin-top: 15px;
    padding: 10px;
    background-color: #6699CC;
    color: #FFFFFF;
}

div#configuration_form {
    padding: 15px;
    background-color: #D8EBF6;

}

div#configuration_form .row {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dotted #CCCCCC;
}

div#configuration_submit {
    background-color: #EEEEEE;
    padding: 10px;
    text-align: center;
}

.dim {
    color: #666666;
    font-size: 11px;
}

.filter
{
    display: inline;
    text-align: left;
    width: 250px;
    color: #00355F;
    padding: 1px 4px;
    margin: 1px 2px;
    background-color: white;
}

div.statusbar
{
    height: 1.2em;
    padding: 0px;
}

div.progress-label
{
    float: right;
    margin: 1px 5px;
    font-size: .8em;
}

@media only screen and (max-width: 1200px) {
    span.progress-label-status {
        display: none;
    }
}

.statusbar .ui-widget-header.ui-progressbar-value
{
    border: 0px;
    margin: 0px;
}

.ui-progressbar.tank_fill_MUST .progress-label
{
    color: #DA3838;
}

.ui-progressbar.tank_fill_SHOULD .progress-label
{
    color: #F8AD00;
}

.ui-progressbar.tank_fill_COULD .progress-label
{
    color: #47CD47;
}

.ui-progressbar.tank_fill_GOOD .progress-label
{
    color: #004CF8;
}

.tank_fill_MUST
{
    padding: 0px 2px 0px 2px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    background-color: #DA3838;
    color: #FFFFFF;
}

.tank_fill_SHOULD
{
    padding: 0px 2px 0px 2px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    background-color: #F8AD00;
    color: #000000;
}

.tank_fill_COULD
{
    padding: 0px 2px 0px 2px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    background-color: #47CD47;
    color: #000000;
}

.tank_fill_GOOD
{
    padding: 0px 2px 0px 2px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    background-color: #004CF8;
    color: #FFFFFF;
}

.alert_LOW
{
    padding: 0px 2px 0px 2px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    background-color: #DA3838;
    color: #FFFFFF;
}

.alert_HIGH
{
    padding: 0px 2px 0px 2px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    background-color: #DA3838;
    color: #FFFFFF;
}

.alert_BATT
{
    padding: 0px 2px 0px 2px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    background-color: #000000;
    color: #FFFFFF;
}

br.clear {clear: both}
#edit_schedule div {float: left; width: 40px; text-align: center}
#edit_schedule strong {display: block; margin: 20px 0px;}

#edit_tank_tank_status input {width: 40px}
#edit_tank_tank_status div {width: 55px; padding: 5px}
#edit_tank_tank_status span {font-size: 1.8em}
#edit_tank_tank_status input, #edit_tank_tank_status div, #edit_tank_tank_status span {float: left; margin: 0px 2px}

#maintenance form {display: block; background-color: #EAEAEA; height: 80px; padding: 10px}
#maintenance select {margin: 5px 20px 5px 5px;}
#maintenance label {font-weight: bold; margin-right: 5px;}
#maintenance table {border: solid black 1px; border-collapse: collapse}

#optimizer_table {margin-top: 30px}
#optimizer_table tr.summary td {font-weight: bold}

.filter_button{
    width: 25px;
    text-align: center;
    padding: 0px;
}

.filter_options_tag{
    width: 150px;
}

/* Autocomplete style for admin/device form */
/* Autocomplete style for admin/device form */
.autocomplete-suggestions {
  border: 1px solid #999;
  background: #FFF;
  overflow: auto;
}

.autocomplete-suggestion {
  padding: 2px 5px;
  white-space: nowrap;
  overflow: hidden;
}

.autocomplete-selected {
  background: #F0F0F0;
}

.autocomplete-suggestions strong {
  font-weight: normal;
  color: #3399FF;
}

.autocomplete-group {
  padding: 2px 5px;
}

.autocomplete-group strong {
  display: block;
  border-bottom: 1px solid #000;
}

.display-modifier {
  display: block!important;
}

.hide-modifier {
  display: none!important;
}
td.top{
  vertical-align: top;
}

div.sortable_container{
  border-style: solid;
  min-height: 120px;
  cursor:grabbing;
}

.select-arrow{
  float:right;
  padding:5px;
  cursor:pointer;
}

td span.point-on-map{
  text-decoration: underline;
  cursor: pointer;
  color: blue;
}

div.sortable-container-box-width{
  border-style: solid;
  min-height: 200px;
  cursor:grabbing;
  width: 100%;
}

.sortable-form-table-col{
  width: 48%;
  vertical-align: top;
}

.center-block {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

a.disabled-link i {
  color: grey;
}

.header-content {
    position: relative;
    float: left;
    height: 100%;
    width: 88%;
}

.header-logo {
    float: right;
    width: 12%;
}

.header-logo .image-logo{
    vertical-align: middle;
    width: 160px;
    height: 80px;
}

div.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    overflow: auto;
    background-color: rgba(0, 0, 0, 1);
    background-color: rgba(0, 0, 0, 0.4);
}

.modal-content {
    position: relative;
    background-color: rgba(254, 254, 254, 1);
    margin: auto;
    padding: 0;
    top: 50%;
    transform: translateY(-50%);
    height: calc(100% - 50px);
    overflow: auto;
    border: 1px solid rgba(136, 136, 136, 1);
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.modal-content input[type=text] {
    height: 13px;
}

.modal-content.location-modal {
    max-height: 466px;
}

.modal-content.product-modal {
    max-height: 125px;
}

.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: rgba(0, 0, 0, 1);
    text-decoration: none;
    cursor: pointer;
}

.modal-body {
    padding: 2px 16px;
}

.display-none {
  display: none;
}

.width-50 {
  width: 50px;
}

.height-200 {
  height: 200px;
}