body.home_page {
  background: #5C5C5C;
}

.container {
    /*width: 700px;*/
    min-width: 300px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

header {
  margin-top: 20px;
  border: 1px solid black;
  background: #ccc;
}

header h1 {
  padding-left: 10px;
}

section {
  margin-top: 1em;
  padding: 20px;
  background: #fff;
  border: 1px solid black;
}

.round, a.menu_button {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.flash {
  border: 1px solid;
  margin-bottom: 1em;
  margin-top: 1em;
  padding: 10px;
}

.error {
  font-weight: bold;
  border-color: #AE211A;
  color: #AE211A;
  background-color: #F3B6B3;
}

.warning {
  font-weight: bold;
  border-color: #AE751A;
  color: #AE751A;
  background-color: #F3DAB3;
}

.notice {
  font-weight: bold;
  border-color: #32AE1A;
  color: #32AE1A;
  background-color: #BEF3B3;
}

.report-build-in-progress {
  margin-left: auto;
  margin-right: auto;
  display: none;
  text-align: center;
  text-decoration: none;
  padding: 20px;
  margin: 10px;
  font-weight: bold;
  font-size: 150%;

  border: 1px solid black;
}

a.menu_button {
  margin-left: auto;
  margin-right: auto;
  display: block;
  text-align: center;
  text-decoration: none;
  padding: 20px;
  margin: 10px;
  font-weight: bold;
  font-size: 150%;
  outline: none;
  cursor: pointer;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); //* эффект тени для блока кнопки *//
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 1px 2px rgba(0,0,0,.2);

  border: solid 1px #1C4A1C;
  background: #288F28;
  color: white;
}

a.menu_button:hover {
  text-decoration: none;
  background: #369D36;
}

a.menu_button:active {
  position: relative;
  top: 1px;
  color: #C6FFC6;
}

a.logout_button {
  font-size: 120%;
  padding: 10px;

  color: #fef4e9;
  border: solid 1px #da7c0c;
  background: #f78d1d; /*цвет фона кнопки для браузеров без поддержки CSS3*/
  background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); /* для Webkit браузеров */
  background: -moz-linear-gradient(top,  #faa51a,  #f47a20); /* для Firefox */
  background-image: -o-linear-gradient(top,  #faa51a,  #f47a20); /* для Opera 11 */
}

a.logout_button:hover {
  background: #f47c20;
  background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
  background: -moz-linear-gradient(top,  #f88e11,  #f06015);
  background-image: -o-linear-gradient(top,  #f88e11,  #f06015);/* для Opera 11 */
}

a.logout_button:active {
  color: #fcd3a5;
  background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
  background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
  background-image: -o-linear-gradient(top,  #f47a20,  #faa51a);/* для Opera 11 */
}

// main page

body.main_page, html.main_page {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#map-panel {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#map-content {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.ui-layout-resizer-hover {
  background: #F5C291
}

.veh-list {
    font-size: 12pt;
}

.vl-item-img {
    margin: 0px;
    margin-right: 4px;
    border: 0;
}

.vl-tooltip {
    font-size: 11pt;
    list-style-type: none;
}

.vl-tooltip-item-title {
    font-weight: bold;
}

.vl-tooltip-speed-stop {
    font-weight: bold;
    font-size: 120%;
    color: blue;
}

.vl-tooltip-alarm {
    font-weight: bold;
    font-size: 130%;
    color: magenta;
}

.vl-tooltip-driver-value {
    font-weight: bold;
    color: #8D4E2B;
}

.vl-tooltip-trailer-value {
    font-weight: bold;
    color: #8D4E2B;
}

.vl-tooltip-ignition-value {
    color: green;
    font-weight: bold;
}

.vl-tooltip-ignition-use-value {
    background-color: #BBBBBB;
}

.vl-tooltip-gps-ant-value {
    background-color: red;
    font-weight: bold;
    font-size: 120%;
    color: #FFFFFF;
}

.vl-tooltip-conn-st {
    color: #883A3A;
}

.vl-tooltip-veh-name {
    font-weight: bold;
    font-size: 120%;
    color: #102E4E;
}

.vl-tooltip-meta-name {
    font-weight: bold;
    font-size: 80%;
    color: #102E4E;
}

.vl-tooltip-meta-value {
    font-weight: bold;
    font-size: 80%;
    color: #1A4E10;
}

.vl-meta-del-link {
    font-size: 80%;
    padding-left: 5pt;
    text-decoration: none;
}
.vl-meta-del-link:hover {
    text-decoration: underline;
}

.vl-add-meta {
    float: right;
}

#veh-menu {
    width: 240pt;
    font-size: 12pt;
    font-weight: bold;
}

#veh-menu.contextMenu LI.hover A {
	color: #FFF;
	background-color: #D09042;
}

.context-menu {
    width: 180pt !important;
    font-size: 12pt !important;
    font-weight: bold !important;
}

.context-menu LI.hover A {
	color: #FFF !important;
	background-color: #D09042 !important;
}


#menu-pane {
    padding: 0;
    background: #FFFFEE;
}

.menu-item-link {
    font-size: 80%;
    font-weight: bold;
    outline: none;
    text-decoration: none;
    color: #2D2D2D;
    float: left;
}

.menu-item {
    border-right: 1px solid #545454;
}

.menu-item-padded {
    padding-right: 3px;
    padding-left: 3px;
}

.menu-item-grayed {
    color: #6D6D6D;
}

.menu-item:hover {
    background-color: #FFD08D;
}

.menu-item-disabled {
    color: #F0F0F0 !important;
    background-color: #E0E0E0 !important;
    cursor: default;
}

.menu-item-disabled {
    color: #808080;
    background-color: #6D6D6D;
}

.route-points-counter {
    color: red;
    font-weight: bold;
    font-size: 80%;
    padding-left: 5px;
}

.route-built {
    color: green !important;
}

.add-route-point-anim {
    background-color: red;
    opacity: 0.6;
    position: fixed;
    z-index: 3000;
    display: none;
}

.menu-item-right-align {
    float: right;
    border-right: 0px;
    border-left: 1px solid #545454;
}

.date-time-pick {
    float: left;
    border: 0px solid black;
    margin: 8px;
    font-size: 80%;
}

.error-input {
    background-color: #FEAAAC;
}

.dialog-check-input-msg {
    clear:both;
    float: bottom;
    display: none;
}

#center-container {
    border: 0;
    padding: 0;
    overflow: hidden;
}

.routes-panel {
    padding: 0 !important;
}

.route-list-panel {
    border: 0 !important;
    padding: 0 !important;
    font-size: 10pt;
}

.route-list {
    list-style-type: none;
    list-style-position: outside;
    padding-left: 15pt !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.route-title {
    font-weight: italic;
    margin: 0 0 0 0;
}

.routes-content {
    padding: 0 0 0 0 !important;
}

.routes-menu {
    padding: 0 0 0 0 !important;
}

.ri {
    font-weight: normal;
    cursor: pointer;
}

.ri-speed {
    font-weight: bold;
}

.ri-speed-stop {
    color: blue;
}

.ri-ignition {
    color: green;
    font-weight: bold;
}

.ri-power-restored {
    color: #6C6FFF;
    font-weight: bold;
}


.ri-stop-time {
    font-weight: bold;
}

.ri-validity-low {
    color: red;
}

.ri-driver-id {
    font-weight: bold;
    color: #8D4E2B;
}

.ri-trailer-id {
    font-weight: bold;
    color: #8D4E2B;
}

.no-gps-data {
    color: red;
}

.ri:hover {
    background-color: #C1FFAD;
}

.ri-selected {
    background-color: #93C283 !important;
}

.quick-panel {
    opacity: 0.5;
    position: fixed;
}

.quick-panel:hover {
    opacity: 1.0;
}

#routes-scroll-up {
    right: 30pt;
    bottom: 10pt;
}

.tab-list-item {
    font-size: 12px !important;
    font-weight: bold !important;
}

.ri-from-beginning {
    font-weight: bold;
}

.om-popup {
    background-color: white;
    position: absolute;
    opacity: 0.6;
    border: 1px solid black;
    z-index: 2000;
    display: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;    
}

.search {
    padding-left: 3px !important;
    padding-right: 3px !important;
    padding-bottom: 6px !important;
    padding-top: 6px !important;
}

.search-input {
    width: 500px;
    display: block;
}

.build-route-row {
    width: 500px;
}

.build-route-input {
    width: 100%;
    display: block;
}

.pinned-point {
    margin-left: auto;
    margin-right: auto;
    opacity: 1.0;
    font-size: 12px;
}

.pinned-dist {
    margin-left: auto;
    margin-right: auto;
    opacity: 1.0;
    font-weight: bold;
}

.pinned-fuel {
    margin-left: auto;
    margin-right: auto;
    opacity: 1.0;
    font-weight: bold;
}

.per100 {
    font-size: 8pt;
}

.ui-widget-header {
    font-size: 8pt;
}

.fog-of-war {
    background-color: black;
    opacity: 0.6;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
    z-index: 2100;
}

.build-route-progress {
    background-image: url(img/search/animated_progress.gif);
    background-repeat: no-repeat;
    background-position: center, center;
    background-color: white !important;
}

.search-results {
    overflow-y: scroll;
    height: 200px;
}

.route-points {
    overflow-y: scroll;
    border-width: 0 !important;
    padding: 0 !important;
}

.ui-button-text {
    font-size: 10pt;
    color: black !important;
}

.ui-dialog-buttonpane {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 2px !important;
}

.built-route-dist {
    font-size: 10pt;
    font-weight: bold;
    border-top: 1px solid #585858;
    background-color: black;
    color: white;
    text-align: right;
}

.built-route-segment {
    font-size: 10pt;
    font-weight: bold;
    border-top: 1px solid #585858;
    background-color: #AEBDC9;
    padding-left: 50px;
}

.search-result-entry {
    border-top: 1px solid #585858;
    background-color: #DAECFC;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 36px;
    background-repeat: no-repeat;
    background-position: left, center;
    font-size: 12pt;
    font-weight: bold;
    min-height: 24pt;
}

.search-result-settlement {
    background-image: url(img/search_res/settlement.png);
}

.search-result-poi {
    background-image: url(img/search_res/poi.png);
}

.search-result-address {
    background-image: url(img/search_res/address.png);
}

.search-result-street {
    background-image: url(img/search_res/street.png);
}

.search-result-entry-odd {
    background-color: #B6C5D3 !important;
}

.search-input {
    padding-left: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: left, center;
    background-image: url(img/search/search_icon.png);
}

.search-in-progress {
    background-image: url(img/search/animated_progress.gif);
}

.build-route-input {
    padding-left: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: left, center;
    background-image: url(img/search/search_icon.png);
}

.add-to-route-button {
    float: right;
    font-size: 8pt !important;
}

.zone-name-popup {
    font-weight: bold;
    font-size: 10pt;
}

.main-page-menu-toggler-icon {
    width: 10mm;
    height: 10mm;
}

.main-page-menu-toggler {
    position: fixed;
    opacity: 0.6;
    z-index: 2000;
    display: none;
}

.main-page-menu-toggler:hover {
    opacity: 1.0;
}

.field input[type="text"], .field input[type="password"] {
    border: 0.5mm solid black;
}

.vehicle-settings h1 {
    font-size: 14pt;
    font-weight: bold;
}

section.veh-settings {
    -moz-border-radius: 5pt;
    -webkit-border-radius: 5pt;
    border-radius: 5pt;
}

.submit, .submit-spacer {
    padding-top: 10pt;
}

.vehicle-settings .submit {
    float: right;
}

.do-not-match {
    color: magenta;
}

.vl-item-ok {
    color: #DE0000 !important;
}

.vl-item-ok_stop {
    color: #0000DE !important;
}

.vl-item-nd {
    color: #751212 !important;
}

.vl-item-no_data {
    color: #828282 !important;
}

.vl-item-disconn {
    color: #AC6700 !important;
}

.vl-item-short_circuit {
    color: #AC6700 !important;
}

.no-padding {
    padding: 0 !important;
}

.chart-ui-button {
    width: 18px;
    height: 18px;
}

.chart-ui-button-plus {
    background-image: url(img/chart-plus.png)
}

.chart-ui-button-minus {
    background-image: url(img/chart-minus.png)
}

.chart-ui-button-max {
    background-image: url(img/chart-max.png)
}

.chart-ui-button-plus:hover {
    background-image: url(img/chart-plus-hl.png)
}

.chart-ui-button-minus:hover {
    background-image: url(img/chart-minus-hl.png)
}

.chart-ui-button-max:hover {
    background-image: url(img/chart-max-hl.png)
}

.support-contacts {
    font-size: 80%;
    font-weight: bold;
    text-decoration: none;
    color: #2D2D2D;
    outline: none;
}

.menu-item-extra-padded-right {
    padding-right: 20pt;
    padding-left: 3px;
}

.var-label-modified {
    font-style: italic;
}

.var-row-modified {
    background-color: #f0f0f0;
}

.var-row-error {
    background-color: #FFDDDF;
}