/* entire page */
body {
  margin-top: 0;
  font-size: 13px;
  color: #1D2E42;
}

#page-content {
  padding: 0;
  background-color: #ddd;
}

#page-content div.region-content {
  margin: 10px;
  background-color: #FFF;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 20px;
}

#page-content div.region-content ul.nav-tabs {
  margin: -10px -15px 0 -15px;
}

#page-content div.region-content ul.nav-tabs li:first-child {
  margin-left: 20px;
}

a {
  color: #0B8A00;
}

a:hover, a:active {
  color: #c75304;
}

.page-logo {
  padding: 0;
  height: 65px;
  /* background-image: url("../../images/header_bg@2x.png"); */
  background-image: url("../../../../../sites/default/files/header_bg@2x.png");
  background-position: right;
  background-repeat: no-repeat;
  background-size: 323px 65px;
  background-color: #0B8A00;
}

span.form-required {
  color: #FF0000;
}

/* header */
.logo {
  margin-bottom: 0;
  margin-top: 0;
}

.logo img {
  height: 65px;
}

/* navigation menu */
div[role=primary-menu], div[role=user-profile-menu] {
  background-color: #FFF;
}

div[role=user-profile-menu] {
  color: #FFF;
  text-align: right;
}

div[role=user-profile-menu] span.glyphicon {
  font-size: 16px;
}

.navbar-nav {
  float: none;
}

.navbar-nav > li > a {
  font-family: "thaisans_neue";
  font-size: 20px;
  color: #0B8A00;
  padding: 10px 12px;
}

.navbar-nav > li > a.is-active {
  color: #333;
}

.navbar-nav > li > a:hover, .navbar-nav > li > a:focus {
  background-color: #EFFFED;
}

/*.navbar-nav > li > a:hover {
    color: #333;
}*/
.tab-content {
  padding: 10px 0;
  overflow: auto;
}

#block-mainnavigation li:last-child {
  float: right;
  margin-top: 6px;
}

#block-mainnavigation li:last-child a {
  padding: 2px 10px;
  margin: 0 20px;
  color: #00A99D;
  background-color: #FFF;
  border: 1px solid #FFF;
  border-radius: 13px;
  transition: all, 0.2s;
}

#block-mainnavigation li:last-child a:hover,
#block-mainnavigation li:last-child a:focus {
  color: #FFF;
  background-color: #00A99D;
  border-color: #00A99D;
  text-decoration: none;
}

/* breadcrumb */
#block-motorway-breadcrumbs {
  background-color: #FFF;
}

/* footer */
body .footer {
  background-color: #38333A;
  color: #FFF;
  margin: 0;
  padding: 0;
  text-align: center;
}

.footer ul {
  margin: 5px 0 7px 0;
}

.footer ul, .footer li {
  list-style: outside none none;
}

.footer li {
  border-right: 1px dotted #FFF;
  display: inline;
  margin: 0;
  padding: 0 10px;
}

.footer a, footer a:hover {
  color: #FFF;
  text-decoration: none;
}

.footer img {
  vertical-align: middle;
}

/* loading */
.loading {
  background: url("../../images/loading-small.svg") no-repeat top left;
  width: 24px;
  height: 24px;
  margin: 0 auto;
}

.loading.large {
  background: url("../../images/loading-large.svg") no-repeat top left;
  width: 128px;
  height: 128px;
  margin: 0 auto;
}

/* float */
.clear {
  clear: both;
}

/* misc */
.number, .integer, .km {
  text-align: right;
}

.center {
  text-align: center;
}

.cursor {
  cursor: pointer;
}

/* table style */
.table > thead > tr > th {
  background-color: #0B8A00; /*#5E5E5E*/
  text-align: center;
  vertical-align: middle;
}

/* label/div style */
label.title, h3 {
  font-family: "thaisans_neue";
  font-size: 28px;
  font-weight: bold;
  color: #333333;
}

.description {
  color: #888;
  font-size: 12px;
  font-style: italic;
}

/* icons */
span.remove {
  color: #c90000;
}

/* form */
.form-group-sm .form-control, .form-group-sm select.form-control, input[type=file] {
  height: 25px;
  padding: 2px 10px;
}

.form-group-sm .input-group-addon {
  font-size: 10px;
}

span.required {
  color: #c90000;
}

a.btn-file {
  position: relative;
  overflow: hidden;
}

.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  background: red;
  cursor: inherit;
  display: block;
  padding: 0;
}

/* bootstrap modal */
@media (min-width: 1280px) {
  .modal-lg {
    width: 90%;
  }
}
/* map popup */
.map-popup th {
  width: 100px;
}

/* bootstrap */
.progress-bar-waiting {
  background-color: #81A035;
}

/* button */
a.mams-button, a.mams-button:hover {
  background-color: #0B8A00;
  border-color: #0B8A00;
  border-image: none;
  text-decoration: none;
  color: #FFF;
  text-decoration: none;
}

.btn.btn-add-default {
  color: #fff;
  background-color: #0094C6;
  border-color: #0081ad;
}

.btn.btn-add-default:hover,
.btn.btn-add-default:active,
.btn.btn-add-default:active:hover,
.btn.btn-add-default.active:hover,
.open > .dropdown-toggle.btn-add-default:hover,
.btn.btn-add-default:active:focus,
.btn.btn-add-default.active:focus,
.open > .dropdown-toggle.btn-add-default:focus,
.btn.btn-add-default:active.focus,
.btn.btn-add-default.active.focus,
.open > .dropdown-toggle.btn-add-default.focus {
  color: #fff;
  background-color: #0081ad;
  border-color: #006e93;
}

ul.nav-tabs {
  border-bottom: 1px solid #fb8637;
  font-family: "thaisans_neue";
  font-size: 20px;
}

ul.nav-tabs > li > a {
  padding: 4px 15px;
}

ul.nav-tabs > li.active > a, ul.nav-tabs > li.active > a:hover, ul.nav-tabs > li.active > a:focus, ul.nav-tabs > li > a:focus {
  border: 1px solid #fb8637;
  border-bottom-color: transparent;
  background-color: #FFF;
  color: #c75304;
}

ul.nav-tabs > li > a:hover {
  border: 1px solid;
  border-color: #fb8637 #fb8637 #fff5ef;
  background-color: #EFFFED;
  text-decoration: none;
}

ul.nav > li > a:hover, ul.nav > li > a:focus {
  text-decoration: none;
}

body .btn {
  font-family: "thaisans_neue";
  font-size: 18px;
  padding: 2px 10px;
}

body .btn span.glyphicon {
  font-size: 14px;
}

.btn.btn-xs {
  font-size: 13px;
  padding: 1px 5px;
}

.btn.btn-xs span.glyphicon {
  font-size: 11px;
}

.btn-group.btn-group-sm .btn {
  font-size: 15px;
  padding: 0px 15px;
}

th {
  font-family: "thaisans_neue";
  font-size: 17px;
  padding: 4px 6px !important;
  font-weight: normal;
}

#block-mams-theme-main-menu ul.menu li a {
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: 5px 7px;
  padding-left: 30px;
}

div.page-head {
  padding-left: 5px;
}

li.menu-home a {
  background-image: url("../../images/menu/icon_home@2x.png");
}

li.menu-home a.is-active {
  background-image: url("../../images/menu/icon_home_active@2x.png");
}

li.menu-summary a {
  background-image: url("../../images/menu/icon_summary@2x.png");
}

li.menu-summary a.is-active {
  background-image: url("../../images/menu/icon_summary_active@2x.png");
}

li.menu-road a {
  background-image: url("../../images/menu/icon_road_s@2x.png");
}

li.menu-road a.is-active {
  background-image: url("../../images/menu/icon_road_s_active@2x.png");
}

li.menu-bridge a {
  background-image: url("../../images/menu/icon_bridge_s@2x.png");
}

li.menu-bridge a.is-active {
  background-image: url("../../images/menu/icon_bridge_s_active@2x.png");
}

li.menu-reports a {
  background-image: url("../../images/menu/icon_report@2x.png");
}

li.menu-reports a.is-active {
  background-image: url("../../images/menu/icon_report_active@2x.png");
}

li.menu-forum a {
  background-image: url("../../images/menu/icon_info_s@2x.png");
}

li.menu-forum a.is-active {
  background-image: url("../../images/menu/icon_info_s_active@2x.png");
}

li.menu-settings a {
  background-image: url("../../images/menu/icon_setting@2x.png");
}

li.menu-settings a.is-active {
  background-image: url("../../images/menu/icon_setting_active@2x.png");
}

article.profile-article {
  margin-top: 15px;
}

article.profile-article h4.label {
  color: #000;
  font-family: "thaisans_neue";
  font-size: 20px;
  font-weight: bold;
  padding-right: 5px;
}

.image-list {
  display: block;
}