@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?1xl7n7');
  src:  url('../fonts/icomoon.eot?1xl7n7#iefix') format('embedded-opentype'),
  url('../fonts/icomoon.ttf?1xl7n7') format('truetype'),
  url('../fonts/icomoon.woff?1xl7n7') format('woff'),
  url('../fonts/icomoon.svg?1xl7n7#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-lnr-file-empty:before {
  content: "\e920";
}
.icon-lnr-power-switch:before {
  content: "\e921";
}
.icon-lnr-alarm:before {
  content: "\e91c";
}
.icon-lnr-bullhorn:before {
  content: "\e91d";
}
.icon-lnr-user:before {
  content: "\e91e";
}
.icon-team:before {
  content: "\e91f";
}
.icon-lnr-chevron-left-circle:before {
  content: "\e91a";
}
.icon-lnr-chevron-right-circle:before {
  content: "\e91b";
}
.icon-little-table-grid:before {
  content: "\e919";
}
.icon-file-add:before {
  content: "\e916";
}
.icon-map:before {
  content: "\e917";
}
.icon-list-o:before {
  content: "\e918";
}
.icon-lnr-trash:before {
  content: "\e915";
}
.icon-arrow_right:before {
  content: "\e912";
}
.icon-arrow_down:before {
  content: "\e913";
}
.icon-arrow_left:before {
  content: "\e914";
}
.icon-list:before {
  content: "\e911";
}
.icon-comment:before {
  content: "\e910";
}
.icon-filters:before {
  content: "\e90d";
}
.icon-edit:before {
  content: "\e903";
}
.icon-switch_off .path1:before {
  content: "\e904";
  color: rgb(146, 144, 149);
}
.icon-switch_off .path2:before {
  content: "\e905";
  margin-left: -1.8623046875em;
  color: rgb(90, 117, 50);
}
.icon-switch_off .path3:before {
  content: "\e906";
  margin-left: -1.8623046875em;
  color: rgb(255, 255, 255);
}
.icon-switch_off .path4:before {
  content: "\e907";
  margin-left: -1.8623046875em;
  color: rgb(90, 117, 50);
}
.icon-switch_on .path1:before {
  content: "\e908";
  color: rgb(183, 188, 0);
}
.icon-switch_on .path2:before {
  content: "\e909";
  margin-left: -1.8623046875em;
  color: rgb(90, 117, 50);
}
.icon-switch_on .path3:before {
  content: "\e90a";
  margin-left: -1.8623046875em;
  color: rgb(255, 255, 255);
}
.icon-switch_on .path4:before {
  content: "\e90b";
  margin-left: -1.8623046875em;
  color: rgb(90, 117, 50);
}
.icon-search:before {
  content: "\e90c";
}
.icon-excel:before {
  content: "\e90e";
}
.icon-add:before {
  content: "\e90f";
}
.icon-user:before {
  content: "\e900";
}
.icon-doc:before {
  content: "\e901";
}
.icon-logout:before {
  content: "\e902";
}

.glyphicon-pencil,
.glyphicon-user,
.glyphicon-comment,
.glyphicon-search,
.glyphicon-trash,
.glyphicon-list,
.glyphicon-duplicate,
.glyphicon-plus {
  font-family: 'icomoon' !important;
}
.glyphicon-pencil:before {
  content: "\e903";
}
.glyphicon-user:before {
  content: "\e900";
}
.glyphicon-comment {
  color: #000000;
  font-size: 2em;
  vertical-align: middle;
}
.glyphicon-comment:before {
  content: "\e910";
}
.glyphicon-search:before {
  content: "\e911";
}
.glyphicon-trash:before {
  content: "\e915";
}
.glyphicon-list:before {
  content: "\e911";
}
.glyphicon-duplicate:before {
  content: "\e916";
}
.glyphicon-plus:before {
  content: "\e90f";
}

.main .icon { vertical-align: middle; }

.icon-switch_on,
.icon-switch_off { font-size: 0.7em; }

.icon-list { font-size: 1.929rem; }

.icon-off {
  display: inline-block;
  height: 26px;
  width: 26px;
  position: relative;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.icon-off:before {
  background: #000000;
  content: "" !important;
  display: block;
  height: 2px;
  width: 26px;
  position: absolute;
  left: -3px;
  top: 9px;
}
.icon-off:after {
  background: #000000;
  content: "";
  display: block;
  height: 26px;
  width: 2px;
  position: absolute;
  left: 9px;
  top: -3px;
}

.dropdown .fa-plus {
  display: block;
  height: 24px;
  width: 24px;
  top: 13px !important;
}
.dropdown .fa-plus:before {
  background: #fff;
  content: "" !important;
  display: block;
  height: 2px;
  width: 24px;
  position: absolute;
  left: 0;
  top: 11px;
}
.dropdown .fa-plus:after {
  background: #fff;
  content: "";
  display: block;
  height: 24px;
  width: 2px;
  position: absolute;
  left: 11px;
  top: 0;
}
.dropdown.open .fa-plus:after { display: none; }
.dropdown.open .fa-plus:before {  }

/* =========================================================
  LAYOUT
============================================================ */
html { font-size: 14px; /* 19px; */ }
body {
  background: #fff;
  color: #000000;
  font: normal 1rem/1.263em Arial, sans-serif;
  padding: 0;
}
.main { /* margin-bottom: -3.286em; min-height: calc(100% - 13.143em); */ min-height: calc(100% - 16.429em); }
.main .container-fluid { max-width: 990px; max-width: 1280px; }

.page-login .main,
.page-error404 .main { min-height: calc(100% - 9.857em); }

.header-b .main { min-height: calc(100% - 13.186em); }

@media screen and (max-width: 768px) {
  .main { min-height: calc(100% - 13.286em); }
  .header-b .main { min-height: calc(100% - 13.5em); }
}

/* =========================================================
  HEADER
============================================================ */
.header {
  box-shadow: none;
  height: auto;
  position: relative; top: auto; left: auto;
}
.header  .container-fluid { max-width: 990px; max-width: 1280px; }
.header-top {
  background: #b6bc00;
  /* height: 6.632em; */
  height: auto;
}
.header-title {
  color: #fff;
  float: left;
  font: normal 1.143rem/1.263em Arial, sans-serif;
  margin: 2.5em 0 0 0;
  padding: 0.688em 15px 0.688em 0;
  text-transform: uppercase;
}

.header-middle { background: #000000; color: #fff; }

.navbar-nav > li > a { color: #fff; }

.navbar-right.navbar-nav { margin-right: -9px; }
.navbar-right.navbar-nav > li { padding: 0 4px; }
.navbar-right.navbar-nav > li > a { font-size: 1.579rem; padding: 0.533em 5px; }
.navbar-right.navbar-nav > li + li > a:before { display: none; }
.navbar-right.navbar-nav > li > a .fa { }
.navbar-right.navbar-nav > li > a img { display: block; height: 32px; width: 32px; }

.header-user {
  float: left;
  font: normal 1.143rem/1.263em Arial, sans-serif;
  padding: 0.813em 15px 0.813em 0;
}

.header-bottom { background: #878787; }

.navbar-brand,
.navbar-brand:focus,
.navbar-brand:hover {
  float: right;
  font-size: 1rem;
  height: 54px;
  height: auto;
  margin: 36px 0 0 0;
  margin: 1.786em 0;
  padding: 0;
  width: auto;
}
.navbar-brand > img {
  height: 3em;
  max-height: 100%;
}

.navbar-default {
  background: none;
  border: 0;
  border-radius: 0;
  margin: 0 auto;
  max-width: 990px;
    max-width: 1280px;
  min-height: 0;
  padding: 0 15px;
  text-transform: uppercase;
}
.navbar-default .navbar-nav {
  color: #fff;
  float: none;
  font: normal 1.143rem/1.263em Arial, sans-serif;
  margin: 0 -27px; /* 19px=>27px */
  text-align: center;
}
.navbar-default .navbar-nav > li > a {
  color: #fff;
  line-height: 1.263em; /* 19px=>24px */
  padding: 0.813em 24px;
}
.navbar-default .navbar-nav > li + li > a:before {
  background: #fff;
  height: 0.947em;
  margin-top: -0.474em;
  width: 1px;
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  color: #fff;
    color: #000;
  text-decoration: underline;
}
.navbar-default .navbar-nav > li > a:focus { text-decoration: none; }
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  background: none;
  color: #434041;
  font-weight: bold;
  text-decoration: underline;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  background: none;
  color: #fff;
  text-decoration: none;
}
.navbar-default .navbar-nav > .open > a:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #000000 transparent;

  position: absolute; left: 50%; bottom: 0;
  margin: 0 0 0 -8px;
  content: "";
}

.navbar-nav > li > .dropdown-menu {
  background: #878787;
  border: 0;
  border-bottom: 2px solid #000000;
  border-top: 2px solid #000000;
  border-radius: 0;
  box-shadow: none;
  left: 0;
  min-width: 280px;
  padding: 0.643em 0;
  right: auto;
}
.navbar-nav .dropdown-menu > li > a {
  color: #fff;
  font: normal 1.143rem/1.263em Arial, sans-serif;
  padding: 0.316em 27px;
}
.navbar-nav .dropdown-menu .divider { opacity: 0.2; }
.navbar-nav > li > .dropdown-toggle i { display: none; }

.nav-button {
  display: none;
  background: #878787;
  float: left;
  position: static;
}
.nav-button.expanded { background: #878787; }
.nav-button:before, .nav-button:after, .nav-button .icon-nav,
.nav-button.expanded:before, .nav-button.expanded:after, .nav-button.expanded .icon-nav {
  background: #fff;
}
.navbar-default .navbar-nav .dropdown-menu > .active > a,
.navbar-default .navbar-nav .dropdown-menu > .active > a:focus,
.navbar-default .navbar-nav .dropdown-menu > .active > a:hover { background: none; color: #000000; }

.navbar-nav .add {  }
.navbar-nav .add:before {
  background: #fff;
  content: "" !important;
  display: block;
  height: 2px;
  width: 12px;
  position: absolute;
  right: 0;
  top: 13px;
  border-radius: 2px;
  opacity: .9;
}
.navbar-nav .add:after {
  background: #fff;
  content: "";
  display: block;
  height: 12px;
  width: 2px;
  position: absolute;
  right: 5px;
  top: 8px;
  border-radius: 2px;
  opacity: .9;
}

@media screen and (max-width: 1200px) {
  .navbar-right.navbar-nav > li,
  .navbar-default .navbar-nav > li  {
    float: left;
    margin-bottom: 0;
  }
  .navbar-right.navbar-nav,
  .navbar-default .navbar-nav {
    display: block;
    background: none;
    box-shadow: none;
    position: static;
    width: auto;
    margin: 0;
    font-family: Arial;
    padding: 0 0 0 0;
  }
  .navbar-right.navbar-nav { margin-right: -13px; }
  .navbar-default .navbar-nav { margin: 0 -27px; }
  .navbar-nav > li > .dropdown-toggle { display: block; }
  .navbar-nav > li > .dropdown-menu {
    box-shadow: none;
    display: none;
    float: none;
    position: absolute;
    width: 100%;
  }
  .navbar-nav > li.open > .dropdown-menu { display: block; }
  .navbar-nav .dropdown-menu > li { margin-bottom: 0; }
  .navbar-default .navbar-nav > li > .dropdown-menu .divider { display: block; margin-bottom: 9px; }
  .navbar-default .navbar-nav > li + li > a:before { display: block; }
}

@media screen and (max-width: 992px) {
  .nav-button { display: block; }
  /* .header-middle { height: 52px; } */
  .header-middle .container-fluid { padding: 0; }
  .navbar-right.navbar-nav { margin-right: 5px; }
  .navbar-right.navbar-nav > li > a { font-size: 2.143rem; padding: 0.367em 10px; }
  .navbar-nav .add:before { right: 10px; opacity: 1; }
  .navbar-nav .add:after { right: 15px; opacity: 1; }
  .header-user { padding: 1em 15px; }
  /* .header-top { height: 96px; } */
  .header-title { margin-top: 34px; }
  .navbar-brand,
  .navbar-brand:focus,
  .navbar-brand:hover {
    /* margin-top: 21px; */
  }
  .header-user { float: right; }
  .header-bottom {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 999;
    width: 100%;

    display: none;
  }
  .header-bottom.visible { display: block; }
  .navbar-default { padding: 0; }
  .navbar-default .navbar-nav { margin: 0; text-align: left; }
  .navbar-default .navbar-nav > li  { border-bottom: 1px solid #a3a2a6; float: none; }
  .navbar-default .navbar-nav > li  > a { padding: 15px; }
  .navbar-default .navbar-nav > li + li > a:before { display: none; }
  .navbar-nav > li > .dropdown-toggle .fa {
    display: block; font-size: 24px;
    position: absolute; right: 15px; top: 15px;
  }
  .navbar-nav > li.open > .dropdown-toggle .fa:before { content: "\f068"; }
  .navbar-nav > li > .dropdown-menu {
    background: #a3a2a6 !important;
    position: static;
    border: 0;
  }
  .navbar-nav .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu > li > a { padding: 6px 30px !important; }
  .navbar-default .navbar-nav > li  > a { text-decoration: none !important; }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { color: #fff; text-align: left; }
  .navbar-default .navbar-nav > .open > a:after { display: none; }
}

/* =========================================================
  PANELS
============================================================ */
.panel { border: 0; border-radius: 0; box-shadow: none; }
.panel-body { padding: 0; }
.panel-body > .page-heading { margin-bottom: 10px; }
.panel + .panel .panel-body > .page-heading { padding-top: 20px; }

.panel.vertical-padding {
  padding: 20px 0 !important;
}

/* BREADCRUMB
----------------------------------------------- */
.breadcrumb {
  border: 0;
  box-shadow: none;
  margin-bottom: 32px;
  padding: 0;
}
.breadcrumb > .active { color: #878787; }

/* =========================================================
  TABLES
============================================================ */
.table-responsive { border: 0 !important; }
.fixed-table-container { border: 0; }
.fixed-table-toolbar + .fixed-table-pagination { border-bottom: 2px solid #A75A29; line-height: normal; vertical-align: middle; }
.fixed-table-pagination .pagination-info { line-height: normal; vertical-align: middle; }
.panel .table td, .panel .table th { padding: 1em 10px; }

.panel .table th.td-actions { text-align: right; }
.panel .table td.td-actions { text-align: right; padding-left: 5px !important; padding-right: 5px !important; white-space: nowrap; }
.panel .table td.td-actions > a,
.panel .table td.td-actions > .order-checkbox { margin: 0 5px; }
.panel .table th.td-actions .icheckbox { margin-right: 0; }

.fixed-table-container thead th.td-actions .th-inner { text-overflow: unset; white-space: nowrap; }


.panel .table td { line-height: 1.2; padding: 0.571em 10px; vertical-align: middle; }
.panel .table-striped > thead th { background: none; border-right: none; }
.panel .table thead > tr > th { border-bottom: 2px solid #A75A29; padding: 20px 0 8px 0; text-transform: uppercase; vertical-align: bottom; }
.panel .table-striped > thead th { background: none; border: 0; }
.fixed-table-container thead th .th-inner,
.panel .table-striped > thead th .th-inner { padding-bottom: 0; padding-top: 0; line-height: 1.714em; }
.panel .table-striped > thead th .th-inner { padding-left: 10px; padding-right: 10px; }
.panel .table-striped > thead th .th-inner.sortable { padding-left: 10px; padding-right: 20px; }
.fixed-table-container thead th .sortable { display: inline-block; }
.table-striped > tbody > tr:nth-child(even) > td, .table-striped > tbody > tr:nth-child(even) > th { background: none; }
.table-hover > tbody > tr:nth-child(even):hover > td { background: none; }
.table-hover > tbody > tr:hover { background: none; }
.fixed-table-container tbody td { border-left: 0; }
.table > tbody > tr > td { border-top: 2px solid #e1e2e5; }
.table tr.padding th { padding-right: 5px !important; padding-left: 5px !important; }
.bootstrap-table .table { border-bottom: 2px solid #e1e2e5; }
.fixed-table-container thead th .desc:after {
  border-color: #A75A29 transparent transparent transparent;
}
.fixed-table-container thead th .asc:after {
  border-color: transparent transparent #A75A29 transparent;
}
.table > thead > tr > th:first-child .th-inner { padding-left: 0; }
.table > tbody > tr > td:first-child { padding-left: 0; }
.panel .table-striped > tbody > tr > td:first-child { padding-left: 0.571em; }
.table > tbody > tr.highlight {background-color: #e4e4e4;}
.table > tbody > tr.active {font-weight: bold;border-left: 2px solid grey;border-right: 2px solid grey;}

.table > thead > tr > th.nowrap,
.table > tbody > tr > td.nowrap { padding-right: 4px; text-align: right !important; }
.table > thead > tr > th.nowrap .th-inner { display: none; }

.fixed-table-container thead th .th-inner,
.panel .table-striped > thead th .th-inner {
  line-height: 1.214em;
  text-overflow: unset;
  vertical-align: middle;
  white-space: normal;
}

/* hack para la tabla comercios*/
table[data-entity="commerce"].table > thead > tr > th.nowrap .th-inner { display: block; }

.display-table { display: table; table-layout: fixed; }
.display-table_row { display: table-row; }
.display-table .input-group-btn { width: 60px; }

.table-cards { border-top: 2px solid #A75A29; width: 100%; }
.table-cards > tbody > tr > td { border-bottom: 2px solid #e1e2e5; padding: 8px 0; }
.table-card { width: 100%; }
.table-card_title { font-weight: bold; padding: 4px 16px 4px 0; text-align: left; vertical-align: top; width: 20%; }
.table-card_value { font-weight: normal; padding: 4px 0 4px 0; text-align: left; vertical-align: top; }
.table.gdl-fields thead {
  /*border-top: 2px solid #A75A29;*/
}
.table.head-border thead tr th{
  border: 2px solid #A75A29 !important;
  padding: 10px 5px;
  vertical-align: top;
  font-size: 13px;
}

@media screen and (max-width: 768px) {
  .display-table .input-group-btn { width: 100%; }
}

/* PAGINATION
----------------------------------------------- */
.page-list .btn.dropdown-toggle,
.page-list .btn.dropdown-toggle:focus,
.page-list .btn.dropdown-toggle:hover {
  border: 2px solid #DEDEDE;
  border-radius: 0;
  font: 1em/1.5em Arial, sans-serif;
  height: auto;
  padding: 0.563em 12px;
}
.page-list .dropdown-menu {
  border: 2px solid #8c8c8c;
  border-radius: 0;
  box-shadow: none;
  font-size: 1em;
}
.page-list .dropdown-menu li a { padding-left: 12px; padding-right: 12px; }
.page-list .dropdown-menu li.active a { background-color: #A75A29; }
.page-list .btn.dropdown-toggle .caret {
  border-left: 7px solid rgba(0,0,0,0);
  border-right: 7px solid rgba(0,0,0,0);
  border-top: 12px dashed #000;
  margin-top: -3px;
  position: relative;
}

.pagination-detail,
.fixed-table-pagination .pagination-detail { color: #878787; font-size: 1em; padding-left: 0; }
.fixed-table-pagination div.pagination { padding-right: 0; padding-top: 25px; }
.pagination > li > a,
.pagination > li > span,
.fixed-table-pagination .pagination a,
.fixed-table-pagination .pagination a:hover,
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
  background: none;
  border: 0;
  color: #878787;
  font-size: 1.143em;
  padding: 0 7px;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  color: #000000;
  background: none;
  border: 0;
}
.pagination .page-pre a {
  font-size: 0 !important;
  text-indent: -99999em !important;
  line-height: 1 !important;
  padding-left: 0 !important;
  padding-top: 2px !important;
}
.pagination .page-pre a:before {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 12px 7px 0;
  border-color: transparent #000000 transparent transparent;
}
.pagination .page-next a {
  font-size: 0 !important;
  text-indent: -99999em !important;
  line-height: 1 !important;
  padding-right: 0 !important;
  padding-top: 2px !important;
}
.pagination .page-next a:before {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 12px;
  border-color: transparent transparent transparent #000000;
}

.fixed-table-loading { padding-top: 12px; }

/* =========================================================
  FORMS
============================================================ */
legend { display: none; }
#twinstall fieldset legend { display: block; }
.form-group, .input-group { margin-bottom: 28px; }
.form-label { display: block; text-transform: uppercase; }
.form-control,
.form-control:focus,
.form-control:hover,
.form-control[readonly],
.form-control[readonly]:focus,
.form-control[readonly]:hover {
  background: #DEDEDE;
  border: 2px solid #DEDEDE;
  border-radius: 0;
  box-shadow: none;
  color: #000000;
  font: normal 1.143rem/1.5em Arial, sans-serif; /* 16px/24px */
  height: auto;
  padding: 0.563em 12px; /* 11px */
}
input[type=text].form-control,
input[type=email].form-control,
input[type=password].form-control { -webkit-appearance: none; }
.form-group .thumbnails img{
  height: 100px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 2px;
  margin: 5px 5px 5px 0;
}
.form-control.gllpLatitude,
.form-control.gllpLatitude:focus,
.form-control.gllpLatitude:hover,
.form-control.gllpLongitude,
.form-control.gllpLongitude:focus,
.form-control.gllpLongitude:hover,
.form-control#blackspotCode {
  background: none;
  border: 0;
  color: #000000;
  font-size: 1.643rem; /* 23px */
  padding: 0.239em 0;
}
.form-filter .form-control,
.form-filter .form-control:focus,
.form-filter .form-control:hover,
.input-mini,
.input-mini:focus,
.input-mini:hover {
  font: normal 1rem/1.5em Arial,sans-serif;
  height: 2.929em;
  padding: 0.563em 12px;
}
.input-group.has-error {
  border: 2px solid #a01127;
  width: 100%;
  margin-bottom: 0px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type=date].form-control,
  input[type=time].form-control,
  input[type=datetime-local].form-control,
  input[type=month].form-control {
    line-height: inherit;
  }
}

.form-filter .form-group { margin-bottom: 16px; }

textarea.form-control { resize: none; }

.input-group .form-control,
.input-group .form-control:focus  { z-index: 2; }

select.form-control option.current { font-weight: bold; }

.input-group select.form-control { min-height: 266px; max-height: 269px; }

.iradio,
.icheckbox {
  background: #DEDEDE;
  border-color: #DEDEDE;
  border-radius: 0;
  height: 21px;
  line-height: 21px;
  width: 21px;
}
.iradio.checked,
.icheckbox.checked {
  background: #A75A29;
  border: 0;
}
.radio-inline,
.checkbox-inline {
  font-weight: 700;
  text-transform: uppercase;
}

#gmap,
.gllpMap {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 0 0 40% 0;
  position: relative;
  width: 100%;
}
.large#gmap { padding: 0 0 60% 0; }
.gllpMap .gm-err-container { background-color: #DEDEDE; }

.gllpInputs { padding: 0; }
.gllpMap + .gllpInputs { padding-top: 28px; }
.gllpLatitude, .gllpLongitude { display: inline-block; width: 120px; }

#printableMap {
  width: 100%;
  height: 300px;
  text-align: center;
  display: none;
}

.printExtra {
  display:none;
}

@media screen and (max-width: 768px) {
  .gllpMap { padding-bottom: 60%; }
}

/* DATEPICKER
---------------------------- */
.form-control.datepicker { padding-left: 12px; padding-right: 12px; }
.datepicker { border-radius: 0; }
.datepicker td, .datepicker th { border-radius: 0; font-size: 16px; height: 30px; width: 40px; }
.datepicker table tr td.selected, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:hover {
  background: #999 !important;
  border-radius: 0;
  text-shadow: none;
}
.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {
  background: #A75A29 !important;
  border-radius: 0;
  text-shadow: none;
}
.datepicker table tr td.day.focused, .datepicker table tr td.day:hover,
.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
  background: #DEDEDE;
}
.datepicker-dropdown {
  border: 2px solid #8c8c8c;
  box-shadow: none;
}
.datepicker-dropdown:after { display: none !important; }
.datepicker-dropdown:before { display: none !important; }

.datepicker .month.focused,
.datepicker .month.active,
.datepicker .year.focused,
.datepicker .year.active { border-radius: 0 !important; text-shadow: none !important; }
.datepicker .month.active,
.datepicker .year.active { background: #A75A29 !important; }
.datepicker table tr td span { border-radius: 0 !important; }
.datepicker table tr td span.focused { background: #f1f1f1; border-radius: 0; }
.datepicker table tr td span.focused:hover { background: #DEDEDE; }

/* DATErangePICKER
---------------------------- */
.daterangepicker { border: 2px solid #8c8c8c; border-radius: 0; box-shadow: none; width: 584px; max-width: 584px; }
.daterangepicker:before, .daterangepicker:after { display: none; }
.daterangepicker.opensright { right: 15px !important; left: auto !important; }
.daterangepicker.opensleft { left: 15px !important; right: auto !important; }
.daterangepicker .calendar { border-radius: 0; margin: 0; padding: 0; max-width: 50%; }
.daterangepicker .calendar.left { float: left; }
.daterangepicker .calendar.right { float: right; }
.daterangepicker .fa-calendar { display: none; }
.daterangepicker_input { margin-bottom: 10px; }
.daterangepicker.ltr .left .daterangepicker_input { padding-right: 0; }
.daterangepicker.ltr .calendar.left .calendar-table { padding: 0; border: 0; }
.calendar table td, .calendar table th { border-radius: 0 !important; font-size: 16px; height: 30px; width: 40px; }
.calendar table th.prev,
.calendar table th.next { /* font-weight: normal; */ }
.calendar table th.prev:before { content: "«"; }
.calendar table th.next:before { content: "»"; }
.calendar table th.prev .fa,
.calendar table th.next .fa { display: none; }
.daterangepicker .range_inputs { clear: both; padding: 5px 5px 0 5px; }
.daterangepicker .range_inputs:after { clear: both; content: ""; display: table; }
.daterangepicker .range_inputs .btn-primary { float: right; margin-left: 17px; margin-bottom: 0; }
.daterangepicker .range_inputs .btn-link { float: right; margin-bottom: 0; }
.calendar table td.start-date.active,
.calendar table td.end-date.active { background: #A75A29; color: #fff; }
.calendar table th.available:hover,
.calendar table td.available:hover { background: #DEDEDE; cursor: pointer; }
.calendar table td.in-range { background: #f1f1f1; }
.daterangepicker th.month { cursor: default; }
.daterangepicker .input-mini,
.daterangepicker .input-mini.active { border: 2px solid #DEDEDE; border-radius: 0; }

@media screen and (max-width: 991px) {
  .daterangepicker.opensright { right: auto !important; left: 15px !important; }
}

@media screen and (max-width: 768px) {
  .daterangepicker { min-width: 0; width: auto; }
  .daterangepicker .calendar { max-width: 100%; }
  .daterangepicker .calendar.left,
  .daterangepicker .calendar.right { float: none; }
  .daterangepicker .calendar.right { margin-top: 15px; }
}

/* VALIDATIONS
---------------------------- */
.has-error .form-control { background-color: #fff !important; border-color: #a01127 !important; box-shadow: none !important; }
.has-error .bootstrap-select .dropdown-toggle { background-color: #fff !important; border-color: #a01127 !important; box-shadow: none !important; }
.has-error .form-label { color: inherit; }

.has-error .text-danger { color: #a01127; /* display: none; */ }
.has-error .text-danger small { font-size: 11px; }
.form-group.has-error { margin-bottom: 9px; }

.alert-danger {
  background: #fedbe1;
  border: 2px solid #a01127;
  border-radius: 0;
  color: #a01127;

  display: none !important;
}
.alert-success {
  background: #dff0d8;
  border: 2px solid #3c763d;
  border-radius: 0;
  color: #3c763d;
}
.alert { display: block !important; }
.login .alert-danger.in { display: block !important; }

.alert-danger .close { color: #a01127; font-size: 2em; opacity: 1; text-shadow: none;     display: none; }
.alert-success .close { display: none; }

.alert.floating {
  border: 0;
  border-top: 2px solid #faebcc;
  border-radius: 0;

  left: 0;
  margin: 0;
  position: fixed;
  width: 100%;
  z-index: 2;
  padding: 0;

  bottom: -100%;
  transition: bottom .5s ease-in-out;
}
.alert.floating > div { padding: 15px 80px 15px 30px; }
.alert.floating.visible { bottom: 0; }
.alert.floating .close { opacity: 1; position: absolute; right: 24px; top: 10px; }
.alert.floating .close .icon-off {  }
.alert.floating .close .icon-off:before { background: #8a6d3b; }
.alert.floating .close .icon-off:after { background: #8a6d3b; }

.alert-info { border-width: 2px; border-radius: 0; position: relative; padding: 0; font-size: 17px; line-height: 125%; }
.alert-info > div { padding: 15px 50px 15px 46px; }
.alert-info .close { opacity: 1; position: absolute; right: 9px; top: 10px; }
.alert-info .fa { left: 16px; top: 15px; font-size: 21px; position: absolute; }
.alert-info .icon-off:before { background: #31708f; }
.alert-info .icon-off:after { background: #31708f; }

@media screen and (max-width: 991px) {
  .alert.floating > div { padding: 10px 50px 10px 15px; }
  .alert.floating .close { right: 9px; }

  .alert-info > div { padding: 10px 50px 10px 15px; }
  .alert-info .close { right: 9px; }
}

/* =========================================================
  LOGIN
============================================================ */
.main > .login { max-width: 640px; padding: 90px 15px; }

/* =========================================================
  HEADINGS
============================================================ */
.page-title,
.section-title {
  color: #000;
  font: bold 1.714em/1.1 Arial, sans-serif; /* 24px */
  margin: 0 0 24px 0;
  text-transform: uppercase;
}
.page-heading { overflow: visible; }
.page-heading:after { clear: both; content: ""; display: table; }
.page-heading .page-title,
.page-heading .section-title { float: left; margin: 0; }
.page-heading .page-nav { font-size: 1.786em; /* 25px */ float: right; margin: 0; }
.page-heading .page-nav li { float: left; margin: 0 0 0 12px; }
.page-heading .page-nav li a { color: #201815; display: inline-block; }

/* =========================================================
  BUTTONS
============================================================ */
.btn {
  border-radius: 0;
  font: normal 1.143rem/1.263em Arial, sans-serif;
  padding: 0.789em 17px;
  text-align: left;
  text-transform: uppercase;
}
.btn:hover,
.btn:focus,
.btn:active {
  box-shadow: none;
  color: #fff;
}

/* DEFAULT
---------------------------- */
.btn-default,
.btn-default:focus,
.btn-default:active,
.btn-default:active:focus {
  background: #fff;
  border: 2px solid #000000;
  box-shadow: none;
  color: #000000;
  font: normal 1.143rem/1.263em Arial, sans-serif;
  padding: 0.789em 17px;
}
.btn-default:hover,
.btn-default:active:hover {
  background: #fff;
  border-color: #000000;
  color: #000000;
}

.btn-default.pull-right {
  margin-left: 10px;
}

/* BTN SMALL
---------------------------- */
.btn-sm,
.btn-sm:focus,
.btn-sm:active,
.btn-sm:active:focus,
.form-filter .btn,
.form-filter .btn:focus,
.form-filter .btn:active,
.form-filter .btn:active:focus {
  font: 1rem/1.5em Arial, sans-serif;
  height: 2.929em;
  padding: 0.563em 17px;
}
.btn-sm,
.btn-sm:hover,
.btn-sm:focus,
.btn-sm:active {
  padding: 0.563em 17px;
}

.form-filter .btn,
.form-filter .btn:focus,
.form-filter .btn:active,
.form-filter .btn:active:focus {
  margin-bottom: 16px;
}

.mini-btn {
  padding: 5px 6px;
}

/* PRIMARY
---------------------------- */
.btn-primary,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:focus {
  background: #000000;
  text-shadow: none;
}
.btn-primary:hover,
.btn-primary:active:hover {
  background: #000000;
  text-shadow: none;
}

/* SECONDARY
---------------------------- */
.btn-secondary,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary:active:focus {
  background: #878787;
  color: #fff;
  text-shadow: none;
}
.btn-secondary:hover,
.btn-secondary:active:hover {
  background: #878787;
  text-shadow: none;
}

/* LINK
---------------------------- */
.btn-link,
.btn-link:focus,
.btn-link:active,
.btn-link:active:focus {
  background: none;
  color: #000000;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-decoration: underline;
  text-shadow: none;
}
.btn-link:hover,
.btn-link:active:hover {
  background: none;
  color: #000000;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-decoration: none;
  text-shadow: none;
}
.btn-link + .btn { margin-left: 17px; }

/* BUTTON ICONS
---------------------------- */
.btn .fa {}
.btn .glyphicon {}

.btn .icon {
  display: inline-block;
  margin: 0 0 0 28px;
  vertical-align: text-top;
}
.btn .icon-save:before {
  content: "";
  display: block;
  border: 0;

  content: "\e912";

  /*
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 14px;
  border-color: transparent transparent transparent #fff;
  */
}

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

/* SELECTPICKER
---------------------------- */
.bootstrap-select.form-control,
.bootstrap-select.form-control:focus,
.bootstrap-select.form-control:hover {
  border: 0;
  padding: 0;
}
.btn.dropdown-toggle,
.btn.dropdown-toggle:focus,
.btn.dropdown-toggle:hover {
  background: #DEDEDE;
  border: 2px solid #DEDEDE;
  border-radius: 0;
  color: #000000 !important; /* bs-placeholder */
  font: normal 1.143rem/1.5em Arial, sans-serif; /* 16px/24px */
  height: 2.875em;
  outline: none !important;
  padding: 0.563em 12px; /* 11px */
  text-transform: none;
  transition: none;
}
.bootstrap-select.btn-group .dropdown-menu {
  border: 2px solid #8c8c8c;
  border-radius: 0;
  box-shadow: none;
  font-size: 1em;
  max-height: 320px !important;
}
.bootstrap-select.btn-group .dropdown-menu.inner { max-height: 300px !important; }
.bootstrap-select.btn-group .bs-searchbox + .dropdown-menu.inner { max-height: 246px !important; }
.bootstrap-select.btn-group .no-results { background: none; }
.bootstrap-select.btn-group .dropdown-menu li a { padding-left: 12px; padding-right: 12px; padding-top: 6px; padding-bottom: 6px; line-height: 1.2; white-space: normal; }
.bootstrap-select.btn-group .dropdown-menu li a:hover { background-color: #DEDEDE; }
.bootstrap-select.btn-group .dropdown-menu li.selected a,
.bootstrap-select.btn-group .dropdown-menu li.selected a:hover { background-color: #A75A29; }
.bootstrap-select.btn-group .dropdown-toggle .caret {
  border-left: 7px solid rgba(0,0,0,0);
  border-right: 7px solid rgba(0,0,0,0);
  border-top: 12px dashed #000;
  margin-top: -6px;
}
.bootstrap-select.btn-group .dropdown-toggle .caret:before {
  content: "";
  display: block;
  position: absolute;
  left: -18px;
  top: -12px;
  width: 1px;
  height: 12px;
  background: #000;
}
.btn-group.open .dropdown-toggle,
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default.focus:active, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover { background-color: #DEDEDE; border-color: #DEDEDE; }

.form-filter .btn.dropdown-toggle,
.form-filter .btn.dropdown-toggle:focus,
.form-filter .btn.dropdown-toggle:hover {
  font: 1rem/1.5em Arial, sans-serif;
  height: 2.929em;
  padding: 0.563em 12px;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option { padding-right: 30px; }

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { background-color: #8c8c8c; }

.bs-searchbox { margin-bottom: 5px; }

/* PILLS
---------------------------- */
.nav-pills > li a {
  border-color: #000000;
  color: #000000;
  font: 24px/1em Arial,sans-serif;
  height: auto;
  padding: 4px 12px;
}
.nav-pills > li.active a,
.nav-pills > li.active a:focus,
.nav-pills > li.active a:hover { background: #000000; }
.nav-pills > li:first-child a { border-radius: 0; }
.nav-pills > li:last-child a { border-radius: 0; }
.nav-pills > li a .icon { vertical-align: text-top; }

/* ACTION (table)
---------------------------- */
.btn-action { color: #000000; font-size: 1.786em; /* 25px */ font-size: 1.286em; /* 18px */ line-height: 1; vertical-align: middle; }
.btn-action:focus,
.btn-action:hover { color: #000000; }
.btn-action + .btn-action { margin-left: 12px; }
.btn-action.tag { }
.btn-action.tag span.tag {
  color: #000000;
  font-size: 1rem;
  vertical-align: middle;
}

/* GROUP
---------------------------- */
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn,
.btn-group-vertical > .btn.active,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:hover {
  background: #fff;
  border-color: #000000;
  line-height: 1em;
  padding: 12px;
  text-align: center;
}
.btn-group-vertical > .btn:first-child:not(:last-child) { border-radius: 0; }
.btn-group-vertical > .btn:last-child:not(:first-child) { border-radius: 0; }
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group { margin-top: -2px; }

@media screen and (max-width: 768px) {
  .btn-group-vertical > .btn.six,
  .btn-group-vertical > .btn-group > .btn.six { width: 16.6667%; }

  .btn-group-vertical > .btn + .btn.six,
  .btn-group-vertical > .btn-group + .btn.six { margin-top: 0; margin-left: -2px; width: calc(16.6667% + 2px); }

  .btn-group-vertical { padding: 0 0 24px 0; }

  .form-actions .row .btn .icon { margin: 0 0 0 12px; }

  .form-actions .row .btn.pull-right { float: right !important; }
}
@media screen and (max-width: 767px) {
  .form-actions .row .btn {
    display: block;
    margin: 0 0 12px 0;
    text-align: center;
    width: 100%;
  }
  .form-actions .row .btn.pull-right { float: none !important; }
}

/* =========================================================
  FOOTER
============================================================ */
.footer {
  background: #597531;
  clear: both;
  color: #fff;
  line-height: 1.286em;
  margin: 0 auto;
  overflow: hidden;
  padding: 1em 0;
  position: relative;
  z-index: 1;
}
.footer .container-fluid { max-width: 990px; }
.footer-brand { float: left; margin: 0; }
.footer-email { color: #fff; float: right; text-decoration: none; }

/* =========================================================
  MAPS LEGEND
============================================================ */
div.legend:after { clear: both; content: ""; display: table; }
div.legend .item{
  float: left;
  margin: 10px 10px 0 0;
}
div.legend .item img{
  width: 20px;
}
div.legend .item span {
  font-style: italic;
}

/* =========================================================
  MODAL GALLERY
============================================================ */
.modal-content { border: 0; border-radius: 0; }
#image-gallery{

}

#image-gallery ul li {
  display:none
}
#image-gallery ul li.active {
  display: block;
}
#image-gallery ul li img {
  width: 100%;
  max-height:360px;
  overflow: hidden;
}

/* =========================================================
  GANTT
============================================================ */
.gantt_container { border: 2px solid #e1e2e5; border-radius: 0; }
.gantt_row.odd, .gantt_task_row.odd { background-color: #fafafa; }
.gantt_task_line { background: #000000; border-color: #000000; border-radius: 0; }
.gantt_task_line.gantt_selected { box-shadow: none; }
.gantt_previous, .gantt_next { font-size: 26px; }

/* =========================================================
  PRINT
============================================================ */
.only_print {
  display: none;
}
@media print {

  html { font-size: 12px; }
  .header-title { margin-top: 0; }

  .header-title,
  .page-title,

  .print-hidden,
  .header-middle,
  .header-bottom,
  .navbar-brand,
  .breadcrumb,
  .page-heading .nav-pills,
  .page-nav,
  .form-filter,
  .fixed-table-pagination,
  .gllpSearchField,
  .gllpSearchButton,
  #gmap a,
  .gllpMap a,
  .form-actions,
  .table-responsive th.nowrap,
  .table-responsive td.nowrap,
  .footer,
  .gllpMap>div
  { display: none !important; }
  .gllpMap{position: absolute !important;}
  #printableMap, .printExtra {display: block;}
  .no_printable {
    display:none;
  }
  .only_print {
    display: block !important;
  }
}

.parent_signature {
  color: darkblue;
  background-color: lightgrey;
  padding: 15px;
}
.signature {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  border: 2px dotted #000;
}

button.disabled {
  pointer-events: none;
}

.panel-poll-form .dropdown-menu.open,
.panel-poll-form .dropdown-menu.open > ul{
  min-height: auto !important;
}

pre.signature-link {
  max-width: 290px;
  position: relative;
  padding: 13px;
}

pre.signature-link > span {
  position: absolute;
  background:white;
  right: 0;
  top: 0;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  padding: 1px 2px;
  cursor: pointer;
  color:#515050;
  font-size: 0.9em;
}