/*========================================
        MEZZANINE GENERAL STYLES
==========================================*/

body {
  /*padding-top: 50px;*/
  line-height: 165%;
}
h1 {
  margin-bottom: 15px;
}
.alert {
  z-index: 9999;
  position: absolute;
  padding: 5px 10px;
  background-color: var(--accent-color);
  color: white;
  border:none;
  white-space: nowrap;
  padding-right: 33pt;
}
.alert-dismissable .close {
  right: 0;
  color: white;
  opacity: 1;
  right: -25pt;
  top: 0;
  background-color: transparent;
  border: none;
}
ul, ol {
  padding-left:20px;
}
.tree {
  padding: 5px 0;
}
.tree ul a {
  padding: 7px 15px;
}
.navlist-menu-level-0 {
  margin:-5px 0;
}
.navbar-text {
  font-style: italic;
  font-size: 11px;
  color: #aaa !important;
  line-height: 100%;
  padding-top: 5px;
  margin:15px 20px 0 5px;
}
.navbar-form.navbar-right:last-child{
  margin-right: unset;
}

.navbar-form.navbar-right button[class="search-btn"] {
  border: none;
  background: 0;
  font-size: 13px;
}

#inner-headline ul.breadcrumb li .search-btn i[class="fas fa-search"]{
  color: var(--main-color);
}
.navbar-form.navbar-right > .form-group input[class="form-control"]{
  border: 0;
  border-radius: unset;
  height: 22px;
  padding-right: 2em;
  margin-right: -35px;
  width: 11em;
}

.navbar-form.navbar-right .form-group {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 2px;
  vertical-align: middle;
}
.messages {
  margin-top: 20px;
}
.tree > .nav .nav > li {
  padding-left: 15px;
}
.tree .active > a {
  background-color: #EEEEEE;
}
.tree .active-branch > a {
  font-weight: bold;
}
.breadcrumb > li + li:before {
  padding: 0 5px 0 10px;
  content: "/\00a0";
}
.nav-footer {
  display: table;
  margin: 0 auto;
}
.nav-footer > ul {
  display: inline-block;
  width: 120px;
  margin-left: 50px;
  vertical-align: top;
}
.nav-footer > ul > li {
  padding: 10px 0;
}
footer {
  background-color: var(--main-color);
  border-top: 1px solid #E7E7E7;
  margin-top: 15px;
  padding: 15px 0 30px;
}
footer .separator {
  opacity: 0.3;
  margin: 0 10px;
}
.site-info {
  font-size: 90%;
  margin-top: 15px;
}
.panel-body > h1:first-child,
.panel-body > h2:first-child,
.panel-body > h3:first-child {
  margin-top: 0;
}
img.pull-left {
  margin-right: 10px;
  margin-bottom: 5px;
}
.user-panel p {
  margin-bottom:3px;
}
.user-panel .btn {
  margin: 5px 5px 5px 0;
}
/* Style error messages as danger alerts */
.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}
.alert-error hr {
  border-top-color: #e6c1c7;
}
.alert-error .alert-link {
  color: #953b39;
}
.timespan {
  color: #888;
}
#search-results h5 {
  margin-top: 20px;
}
#search-results p {
  margin: 3px 0;
}

/*========================================
          MULTI-LEVEL DROP-DOWN NAV
==========================================*/
.nav > li > a.dropdown-toggle:hover{
  background-color: #e7e7e7;
  color: #555;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  border-top-left-radius: 0;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.dropdown-submenu > a:after {
  content: " ";
  float: left;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 4px 4px 4px 0;
  border-right-color: #fff;
  margin-top: 5.5px;
  margin-left: -10px;
}
.dropdown-submenu > a:hover:after {
  border-right-color: #fff;
}
.dropdown-submenu.active > a:after {
  border-right-color: #fff;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  border-top-right-radius: 0;
}

/*========================================
            MEZZANINE BLOG
==========================================*/

.blog-list-detail {
  border-bottom: 1px dashed #CCCCCC;
  margin-bottom: 30px;
  padding-bottom: 15px;
}
.post-meta {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 14px;
}
.post-meta > a {
  color: #666;
}
.share-facebook, .share-twitter,
.share-facebook:hover, .share-twitter:hover {
  color: #fff;
  font-weight: 700;
}
.share-facebook {
  background-color: #4667A6;
}
.share-twitter {
  background-color: #00A3D4;
}
.tag-cloud li {
  padding-left: 0;
}
.tag-weight-1 {
  font-size: 90%;
}
.tag-weight-2 {
  font-size: 120%;
}
.tag-weight-3 {
  font-size: 150%;
}
.tag-weight-4 {
  font-size: 180%;
}

/*========================================
            MEZZANINE FORMS
==========================================
  These rules mirror the rules for .form-control included with
  Bootstrap. They are needed because we can not directly apply
  CSS classes to the form fields when rendering them in the template.
  They also cover special cases for date and date/time inputs.
*/

.form-group > input[type="text"],
.form-group > input[type="password"],
.form-group > input[type="datetime"],
.form-group > input[type="datetime-local"],
.form-group > input[type="date"],
.form-group > input[type="month"],
.form-group > input[type="time"],
.form-group > input[type="week"],
.form-group > input[type="number"],
.form-group > input[type="email"],
.form-group > input[type="url"],
.form-group > input[type="search"],
.form-group > input[type="tel"],
.form-group > input[type="color"],
.form-group > select,
.form-group > textarea {
  display: block;
  width: 100%;
  max-width: 300px;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-group > input[type="text"]:focus,
.form-group > input[type="password"]:focus,
.form-group > input[type="datetime"]:focus,
.form-group > input[type="datetime-local"]:focus,
.form-group > input[type="date"]:focus,
.form-group > input[type="month"]:focus,
.form-group > input[type="time"]:focus,
.form-group > input[type="week"]:focus,
.form-group > input[type="number"]:focus,
.form-group > input[type="email"]:focus,
.form-group > input[type="url"]:focus,
.form-group > input[type="search"]:focus,
.form-group > input[type="tel"]:focus,
.form-group > input[type="color"]:focus,
.form-group > select:focus,
.form-group > textarea:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-group > textarea {
  height: auto;
  max-width: 400px;
}
.has-error > input[type="text"],
.has-error > input[type="password"],
.has-error > input[type="datetime"],
.has-error > input[type="datetime-local"],
.has-error > input[type="date"],
.has-error > input[type="month"],
.has-error > input[type="time"],
.has-error > input[type="week"],
.has-error > input[type="number"],
.has-error > input[type="email"],
.has-error > input[type="url"],
.has-error > input[type="search"],
.has-error > input[type="tel"],
.has-error > input[type="color"],
.has-error > select,
.has-error > textarea {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error > input[type="text"]:focus,
.has-error > input[type="password"]:focus,
.has-error > input[type="datetime"]:focus,
.has-error > input[type="datetime-local"]:focus,
.has-error > input[type="date"]:focus,
.has-error > input[type="month"]:focus,
.has-error > input[type="time"]:focus,
.has-error > input[type="week"]:focus,
.has-error > input[type="number"]:focus,
.has-error > input[type="email"]:focus,
.has-error > input[type="url"]:focus,
.has-error > input[type="search"]:focus,
.has-error > input[type="tel"]:focus,
.has-error > input[type="color"]:focus,
.has-error > select:focus,
.has-error > textarea:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}
.multiplechoicefield > ul, .choicefield > ul{
  margin: 0;
  padding: 0;
}
.multiplechoicefield > ul > li, .choicefield > ul > li{
  list-style: none;
  display: inline-block;
}
.multiplechoicefield > ul label, .choicefield > ul label {
  display: inline-block;
  padding-right: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
.datefield, .datetimefield {
  max-width: 450px;
}
.datefield > select {
  display: inline-block;
  width: 30%;
  margin-right: 2%;
}
.datefield > label, .datefield > .help-block,
.datetimefield > label, .datetimefield > .help-block {
  display: block;
}
.datetimefield > select {
  display: inline-block;
  margin-right: 2%;
  width: 22%;
}
.datetimefield > input[type="text"] {
  display: inline-block;
  width: 25%;
}
.form-actions {
  background-color: none;
  border-top: 1px solid #E7E7E7;
  padding: 20px;
  margin-bottom: 15px;
  border-radius: 5px;
}
/* We apply the clearfix hack to .form-actions because we often
float the buttons inside it. This prevents collapsing. */
.form-actions:before,
.form-actions:after {
  display: table;
  content: " ";
}

.form-actions:after {
  clear: both;
}

/*========================================
          MEZZANINE GALLERY
==========================================*/

.gallery .thumbnail {
  margin: 15px 0;
}
.gallery .thumbnail > img {
  width: 100%;
}

/*========================================
          MEZZANINE GENERIC
==========================================*/

#comments, .rating {
  margin:20px 0;
}
.rating span, .rating form {
  display: inline-block;
}
.rating ul {
  padding-left: 0;
  list-style: none;
}
.rating li {
  display: inline-block;
  margin: 0 5px;
}
.comment .rating {
  margin-top: 5px;
}
.comment-author {
  border: 1px solid #DDD;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  padding: 15px;
  margin-bottom: 30px;
  background-color: #FEFFEE;
}

/*========================================
          MEZZANINE TWEETS
==========================================*/

.tweeter-image {
  width: 32px;
  height: 32px;
}
.tweet {
  margin-bottom: 20px;
}
.tweet h4 {
  margin-bottom:2px;
  font-size:17px;
}
.tweet h4 small {
  display:block;
  line-height:150%;
}
.tweet p {
  font-size:13px;
  line-height:160%;
}
.tweet h6 {
  margin:5px 0 10px 0;
}
.tweet .fa-solid {
  margin:0 3px;
}

/*========================================
          MEZZANINE ACCOUNTS
==========================================*/

.profile-image > img {
  margin-bottom: 20px;
}

/*========================================
          RESPONSIVE TWEAKS
==========================================*/

/* Display dropdowns on hover only in desktops (md and lg classes) */
@media (min-width: 768px) {
  .navbar-nav > li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}
.tree {display:none;}
@media (min-width: 992px) {
  .tree {display:block;}
}
.navbar .container {width:100%;}
@media (min-width: 992px) {
  .navbar .container {width:970px;}
}
@media (min-width: 1200px) {
  .navbar .container {width:1300px;}
}

/*
 * Table styles
 */
table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  /*
   * Header and footer styles
   */
  /*
   * Body styles
   */ }
  table.dataTable thead th,
  table.dataTable tfoot th {
    font-weight: bold; }
  table.dataTable thead th,
  table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 1px solid var(--accent-color); }
    table.dataTable thead th:active,
    table.dataTable thead td:active {
      outline: none; }
  table.dataTable tfoot th,
  table.dataTable tfoot td {
    padding: 10px 18px 6px 18px;
    border-top: 1px solid var(--accent-color); }
  table.dataTable thead .sorting,
  table.dataTable thead .sorting_asc,
  table.dataTable thead .sorting_desc,
  table.dataTable thead .sorting_asc_disabled,
  table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    *cursor: hand;
    background-repeat: no-repeat;
    background-position: center right; }
  table.dataTable thead .sorting {
    background-image: url("8b117faa9d4dd934d6bb.9a6486086d09.png"); }
  table.dataTable thead .sorting_asc {
    background-image: url("4bba59196d7ce2619696.9326ad44ae4b.png"); }
  table.dataTable thead .sorting_desc {
    background-image: url("c4196d3286cc33244c83.1fc418e33fd5.png"); }
  table.dataTable thead .sorting_asc_disabled {
    background-image: url("27ac5d1bc294b1fae056.d7dc10c78f23.png"); }
  table.dataTable thead .sorting_desc_disabled {
    background-image: url("07c018ae0160704a3290.bda51e15154a.png"); }
  table.dataTable tbody tr {
    background-color: white; }
    table.dataTable tbody tr.selected {
      background-color: #b0bed9; }
  table.dataTable tbody th,
  table.dataTable tbody td {
    padding: 8px 10px;
    color: inherit; }
  table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
    border-top: 1px solid var(--main-color); }
  table.dataTable.row-border tbody tr:first-child th,
  table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
  table.dataTable.display tbody tr:first-child td {
    border-top: none; }
  table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
    border-top: 1px solid var(--main-color);
    border-right: 1px solid var(--main-color); }
  table.dataTable.cell-border tbody tr th:first-child,
  table.dataTable.cell-border tbody tr td:first-child {
    border-left: 1px solid var(--main-color); }
  table.dataTable.cell-border tbody tr:first-child th,
  table.dataTable.cell-border tbody tr:first-child td {
    border-top: none; }
  table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: #f9f9f9; }
    table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
      background-color: #abb9d3; }
  table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background-color: whitesmoke; }
    table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
      background-color: #a9b7d1; }
  table.dataTable.order-column tbody tr > .sorting_1,
  table.dataTable.order-column tbody tr > .sorting_2,
  table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
  table.dataTable.display tbody tr > .sorting_2,
  table.dataTable.display tbody tr > .sorting_3 {
    background-color: #f9f9f9; }
  table.dataTable.order-column tbody tr.selected > .sorting_1,
  table.dataTable.order-column tbody tr.selected > .sorting_2,
  table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
  table.dataTable.display tbody tr.selected > .sorting_2,
  table.dataTable.display tbody tr.selected > .sorting_3 {
    background-color: #acbad4; }
  table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: #f1f1f1; }
  table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
    background-color: #f3f3f3; }
  table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
    background-color: whitesmoke; }
  table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
    background-color: #a6b3cd; }
  table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
    background-color: #a7b5ce; }
  table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
    background-color: #a9b6d0; }
  table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: #f9f9f9; }
  table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
    background-color: #fbfbfb; }
  table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
    background-color: #fdfdfd; }
  table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
    background-color: #acbad4; }
  table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
    background-color: #adbbd6; }
  table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
    background-color: #afbdd8; }
  table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
    background-color: #eaeaea; }
  table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
    background-color: #ebebeb; }
  table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
    background-color: #eeeeee; }
  table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
    background-color: #a1aec7; }
  table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
    background-color: #a2afc8; }
  table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
    background-color: #a4b2cb; }
  table.dataTable.no-footer {
    border-bottom: none; }
  table.dataTable.nowrap th, table.dataTable.nowrap td {
    white-space: nowrap; }
/*   table.dataTable.compact thead th,
  table.dataTable.compact thead td {
    padding: 4px 17px 4px 4px; }
 */  table.dataTable.compact tfoot th,
  table.dataTable.compact tfoot td {
    padding: 4px; }
  table.dataTable.compact tbody th,
  table.dataTable.compact tbody td {
    padding: 4px;
    border-top: 1px solid #ddd;
    border-bottom-width: inherit; }
  table.dataTable th.dt-left,
  table.dataTable td.dt-left {
    text-align: left; }
  table.dataTable th.dt-center,
  table.dataTable td.dt-center,
  table.dataTable td.dataTables_empty {
    text-align: center; }
  table.dataTable th.dt-right,
  table.dataTable td.dt-right {
    text-align: right; }
  table.dataTable th.dt-justify,
  table.dataTable td.dt-justify {
    text-align: justify; }
  table.dataTable th.dt-nowrap,
  table.dataTable td.dt-nowrap {
    white-space: nowrap; }
  table.dataTable thead th.dt-head-left,
  table.dataTable thead td.dt-head-left,
  table.dataTable tfoot th.dt-head-left,
  table.dataTable tfoot td.dt-head-left {
    text-align: left; }
  table.dataTable thead th.dt-head-center,
  table.dataTable thead td.dt-head-center,
  table.dataTable tfoot th.dt-head-center,
  table.dataTable tfoot td.dt-head-center {
    text-align: center; }
  table.dataTable thead th.dt-head-right,
  table.dataTable thead td.dt-head-right,
  table.dataTable tfoot th.dt-head-right,
  table.dataTable tfoot td.dt-head-right {
    text-align: right; }
  table.dataTable thead th.dt-head-justify,
  table.dataTable thead td.dt-head-justify,
  table.dataTable tfoot th.dt-head-justify,
  table.dataTable tfoot td.dt-head-justify {
    text-align: justify; }
  table.dataTable thead th.dt-head-nowrap,
  table.dataTable thead td.dt-head-nowrap,
  table.dataTable tfoot th.dt-head-nowrap,
  table.dataTable tfoot td.dt-head-nowrap {
    white-space: nowrap; }
  table.dataTable tbody th.dt-body-left,
  table.dataTable tbody td.dt-body-left {
    text-align: left; }
  table.dataTable tbody th.dt-body-center,
  table.dataTable tbody td.dt-body-center {
    text-align: center; }
  table.dataTable tbody th.dt-body-right,
  table.dataTable tbody td.dt-body-right {
    text-align: right; }
  table.dataTable tbody th.dt-body-justify,
  table.dataTable tbody td.dt-body-justify {
    text-align: justify; }
  table.dataTable tbody th.dt-body-nowrap,
  table.dataTable tbody td.dt-body-nowrap {
    white-space: nowrap; }
 
table.dataTable,
table.dataTable th,
table.dataTable td {
  box-sizing: content-box; }
 
/*
 * Control feature layout
 */
.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1; }
  .dataTables_wrapper .dataTables_length {
    float: left; }
  .dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right; }
    .dataTables_wrapper .dataTables_filter input {
      margin-left: 0.5em; }
  .dataTables_wrapper .dataTables_info {
    clear: both;
    float: left;
    padding-top: 0.755em; }
  .dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: 0.25em; }
    .dataTables_wrapper .dataTables_paginate .paginate_button {
      box-sizing: border-box;
      display: inline-block;
      min-width: 1.5em;
      padding: 0.5em 1em;
      margin-left: 2px;
      text-align: center;
      text-decoration: none !important;
      cursor: pointer;
      *cursor: hand;
      color: #333333 !important;
      border: 1px solid transparent;
      border-radius: 2px; }
      .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
        color: #333333 !important;
        border: 1px solid #979797;
        background-color: white;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, gainsboro));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, white 0%, gainsboro 100%);
        /* Chrome10+,Safari5.1+ */
        background: -moz-linear-gradient(top, white 0%, gainsboro 100%);
        /* FF3.6+ */
        background: -ms-linear-gradient(top, white 0%, gainsboro 100%);
        /* IE10+ */
        background: -o-linear-gradient(top, white 0%, gainsboro 100%);
        /* Opera 11.10+ */
        background: linear-gradient(to bottom, white 0%, gainsboro 100%);
        /* W3C */ }
      .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
        cursor: default;
        color: #666 !important;
        border: 1px solid transparent;
        background: transparent;
        box-shadow: none; }
      .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        color: white !important;
        border: 1px solid var(--accent-color);
        background-color: #585858;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, var(--accent-color)));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #585858 0%, var(--accent-color) 100%);
        /* Chrome10+,Safari5.1+ */
        background: -moz-linear-gradient(top, #585858 0%, var(--accent-color) 100%);
        /* FF3.6+ */
        background: -ms-linear-gradient(top, #585858 0%, var(--accent-color) 100%);
        /* IE10+ */
        background: -o-linear-gradient(top, #585858 0%, var(--accent-color) 100%);
        /* Opera 11.10+ */
        background: linear-gradient(to bottom, #585858 0%, var(--accent-color) 100%);
        /* W3C */ }
      .dataTables_wrapper .dataTables_paginate .paginate_button:active {
        outline: none;
        background-color: #2b2b2b;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
        /* Chrome10+,Safari5.1+ */
        background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
        /* FF3.6+ */
        background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
        /* IE10+ */
        background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
        /* Opera 11.10+ */
        background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
        /* W3C */
        box-shadow: inset 0 0 3px #111; }
    .dataTables_wrapper .dataTables_paginate .ellipsis {
      padding: 0 1em; }
  .dataTables_wrapper .dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 40px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: white;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); }
  
  .dataTables_wrapper .dataTables_scroll {
    clear: both; }
    .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
      *margin-top: -1px;
      -webkit-overflow-scrolling: touch; }
      .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
        vertical-align: middle; }
      .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing,
      .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing,
      .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
        height: 0;
        overflow: hidden;
        margin: 0 !important;
        padding: 0 !important; }
  .dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid var(--accent-color); }
  .dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
  .dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
    border-bottom: none; }
  .dataTables_wrapper:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0; }
 
@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center; }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em; } }
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center; }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em; } }
    
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active {
    background: inherit;
    border: none;
}
table.dataTable .ui-icon{
    display:none;
}

caption {
    font-weight: bold;
    color: var(--accent-color);
    text-align: left;
}

/* Checkbox Hack */

input[type=checkbox] {
   display:none;
}

/* Toggled State */

input[type=checkbox]:checked ~ a:before {
   content: '\2713';
   color:var(--main-color);
   border: 1px solid var(--main-color);
}

input[type=checkbox]:not(:checked):not(:indeterminate) ~ a:before {
   content: '\00A0';
   color:var(--main-color);
   border: 1px solid var(--main-color);
}

input[type=checkbox]:indeterminate ~ a:before {
   content: '\2713';
   color: silver;
   border: 1px solid var(--main-color);
}

input[type=checkbox] ~ a:before {
    left: -5px;
    position: relative;
    display: inline-block;
    height: 14px;
    width: 14px;
    font-size: 27px;
    text-align: center;
    line-height: 5px;
}

.mostrar-capa input[type=checkbox] ~ a:before {
    font-size: 24px;
    height: 16px;
    width:16px;
    line-height: 12pt;
}


span.accordion2{
    padding-left: 4pt;
}

div.selector label {
    padding-left: 8pt;
    white-space: nowrap;
}


/* ==================================================
Font-Face Icons
================================================== */

@font-face {
	font-family: 'Icons';
	src:url("9e239cf1ff42cf7a510c.ffe415cc2c9a.eot");
	src:url("9e239cf1ff42cf7a510c.ffe415cc2c9a.eot?#iefix") format('embedded-opentype'),
		url("015a18d54b9f536ddc32.49b1ca6a8675.woff") format('woff'),
		url("576d1ac9e48288cd0997.60e65fd05919.ttf") format('truetype'),
		url("cd57584b6d274a2b6668.b0d2aa397510.svg#Icons") format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'Icons';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

[class^="font-"]:before, [class*=" font-"]:before {
	font-family: 'Icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}

[class^="font-"],
[class*=" font-"]{
	display:inline-block;
	line-height:1em;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="font-icon-"] {
*/
.font-icon-zoom-out, .font-icon-zoom-in, .font-icon-wrench, .font-icon-waves, .font-icon-warning, .font-icon-volume-up, .font-icon-volume-off, .font-icon-volume-down, .font-icon-viewport, .font-icon-user, .font-icon-user-border, .font-icon-upload, .font-icon-upload-2, .font-icon-unlock, .font-icon-underline, .font-icon-tint, .font-icon-time, .font-icon-text, .font-icon-text-width, .font-icon-text-height, .font-icon-tags, .font-icon-tag, .font-icon-table, .font-icon-strikethrough, .font-icon-stop, .font-icon-step-forward, .font-icon-step-backward, .font-icon-stars, .font-icon-star, .font-icon-star-line, .font-icon-star-half, .font-icon-sort, .font-icon-sort-up, .font-icon-sort-down, .font-icon-social-zerply, .font-icon-social-youtube, .font-icon-social-yelp, .font-icon-social-yahoo, .font-icon-social-wordpress, .font-icon-social-virb, .font-icon-social-vimeo, .font-icon-social-viddler, .font-icon-social-twitter, .font-icon-social-tumblr, .font-icon-social-stumbleupon, .font-icon-social-soundcloud, .font-icon-social-skype, .font-icon-social-share-this, .font-icon-social-quora, .font-icon-social-pinterest, .font-icon-social-photobucket, .font-icon-social-paypal, .font-icon-social-myspace, .font-icon-social-linkedin, .font-icon-social-last-fm, .font-icon-social-grooveshark, .font-icon-social-google-plus, .font-icon-social-github, .font-icon-social-forrst, .font-icon-social-flickr, .font-icon-social-facebook, .font-icon-social-evernote, .font-icon-social-envato, .font-icon-social-email, .font-icon-social-dribbble, .font-icon-social-digg, .font-icon-social-deviant-art, .font-icon-social-blogger, .font-icon-social-behance, .font-icon-social-bebo, .font-icon-social-addthis, .font-icon-social-500px, .font-icon-sitemap, .font-icon-signout, .font-icon-signin, .font-icon-signal, .font-icon-shopping-cart, .font-icon-search, .font-icon-rss, .font-icon-road, .font-icon-retweet, .font-icon-resize-vertical, .font-icon-resize-vertical-2, .font-icon-resize-small, .font-icon-resize-horizontal, .font-icon-resize-horizontal-2, .font-icon-resize-fullscreen, .font-icon-resize-full, .font-icon-repeat, .font-icon-reorder, .font-icon-remove, .font-icon-remove-sign, .font-icon-remove-circle, .font-icon-read-more, .font-icon-random, .font-icon-question-sign, .font-icon-pushpin, .font-icon-pushpin-2, .font-icon-print, .font-icon-plus, .font-icon-plus-sign, .font-icon-play, .font-icon-picture, .font-icon-phone, .font-icon-phone-sign, .font-icon-phone-boxed, .font-icon-pause, .font-icon-paste, .font-icon-paper-clip, .font-icon-ok, .font-icon-ok-sign, .font-icon-ok-circle, .font-icon-music, .font-icon-move, .font-icon-money, .font-icon-minus, .font-icon-minus-sign, .font-icon-map, .font-icon-map-marker, .font-icon-map-marker-2, .font-icon-magnet, .font-icon-magic, .font-icon-lock, .font-icon-list, .font-icon-list-3, .font-icon-list-2, .font-icon-link, .font-icon-layer, .font-icon-key, .font-icon-italic, .font-icon-info, .font-icon-indent-right, .font-icon-indent-left, .font-icon-inbox, .font-icon-inbox-empty, .font-icon-home, .font-icon-heart, .font-icon-heart-line, .font-icon-headphones, .font-icon-headphones-line, .font-icon-headphones-line-2, .font-icon-headphones-2, .font-icon-hdd, .font-icon-group, .font-icon-grid, .font-icon-grid-large, .font-icon-globe_line, .font-icon-glass, .font-icon-glass_2, .font-icon-gift, .font-icon-forward, .font-icon-font, .font-icon-folder-open, .font-icon-folder-close, .font-icon-flag, .font-icon-fire, .font-icon-film, .font-icon-file, .font-icon-file-empty, .font-icon-fast-forward, .font-icon-fast-backward, .font-icon-facetime, .font-icon-eye, .font-icon-eye_disable, .font-icon-expand-view, .font-icon-expand-view-3, .font-icon-expand-view-2, .font-icon-expand-vertical, .font-icon-expand-horizontal, .font-icon-exclamation, .font-icon-email, .font-icon-email_2, .font-icon-eject, .font-icon-edit, .font-icon-edit-check, .font-icon-download, .font-icon-download_2, .font-icon-dashboard, .font-icon-credit-card, .font-icon-copy, .font-icon-comments, .font-icon-comments-line, .font-icon-comment, .font-icon-comment-line, .font-icon-columns, .font-icon-columns-2, .font-icon-cogs, .font-icon-cog, .font-icon-cloud, .font-icon-check, .font-icon-check-empty, .font-icon-certificate, .font-icon-camera, .font-icon-calendar, .font-icon-bullhorn, .font-icon-briefcase, .font-icon-bookmark, .font-icon-book, .font-icon-bolt, .font-icon-bold, .font-icon-blockquote, .font-icon-bell, .font-icon-beaker, .font-icon-barcode, .font-icon-ban-circle, .font-icon-ban-chart, .font-icon-ban-chart-2, .font-icon-backward, .font-icon-asterisk, .font-icon-arrow-simple-up, .font-icon-arrow-simple-up-circle, .font-icon-arrow-simple-right, .font-icon-arrow-simple-right-circle, .font-icon-arrow-simple-left, .font-icon-arrow-simple-left-circle, .font-icon-arrow-simple-down, .font-icon-arrow-simple-down-circle, .font-icon-arrow-round-up, .font-icon-arrow-round-up-circle, .font-icon-arrow-round-right, .font-icon-arrow-round-right-circle, .font-icon-arrow-round-left, .font-icon-arrow-round-left-circle, .font-icon-arrow-round-down, .font-icon-arrow-round-down-circle, .font-icon-arrow-light-up, .font-icon-arrow-light-round-up, .font-icon-arrow-light-round-up-circle, .font-icon-arrow-light-round-right, .font-icon-arrow-light-round-right-circle, .font-icon-arrow-light-round-left, .font-icon-arrow-light-round-left-circle, .font-icon-arrow-light-round-down, .font-icon-arrow-light-round-down-circle, .font-icon-arrow-light-right, .font-icon-arrow-light-left, .font-icon-arrow-light-down, .font-icon-align-right, .font-icon-align-left, .font-icon-align-justify, .font-icon-align-center, .font-icon-adjust {
	font-family: 'Icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.font-icon-zoom-out:before {
	content: "\e000";
}
.font-icon-zoom-in:before {
	content: "\e001";
}
.font-icon-wrench:before {
	content: "\e002";
}
.font-icon-waves:before {
	content: "\e003";
}
.font-icon-warning:before {
	content: "\e004";
}
.font-icon-volume-up:before {
	content: "\e005";
}
.font-icon-volume-off:before {
	content: "\e006";
}
.font-icon-volume-down:before {
	content: "\e007";
}
.font-icon-viewport:before {
	content: "\e008";
}
.font-icon-user:before {
	content: "\e009";
}
.font-icon-user-border:before {
	content: "\e00a";
}
.font-icon-upload:before {
	content: "\e00b";
}
.font-icon-upload-2:before {
	content: "\e00c";
}
.font-icon-unlock:before {
	content: "\e00d";
}
.font-icon-underline:before {
	content: "\e00e";
}
.font-icon-tint:before {
	content: "\e00f";
}
.font-icon-time:before {
	content: "\e010";
}
.font-icon-text:before {
	content: "\e011";
}
.font-icon-text-width:before {
	content: "\e012";
}
.font-icon-text-height:before {
	content: "\e013";
}
.font-icon-tags:before {
	content: "\e014";
}
.font-icon-tag:before {
	content: "\e015";
}
.font-icon-table:before {
	content: "\e016";
}
.font-icon-strikethrough:before {
	content: "\e017";
}
.font-icon-stop:before {
	content: "\e018";
}
.font-icon-step-forward:before {
	content: "\e019";
}
.font-icon-step-backward:before {
	content: "\e01a";
}
.font-icon-stars:before {
	content: "\e01b";
}
.font-icon-star:before {
	content: "\e01c";
}
.font-icon-star-line:before {
	content: "\e01d";
}
.font-icon-star-half:before {
	content: "\e01e";
}
.font-icon-sort:before {
	content: "\e01f";
}
.font-icon-sort-up:before {
	content: "\e020";
}
.font-icon-sort-down:before {
	content: "\e021";
}
.font-icon-social-zerply:before {
	content: "\e022";
}
.font-icon-social-youtube:before {
	content: "\e023";
}
.font-icon-social-yelp:before {
	content: "\e024";
}
.font-icon-social-yahoo:before {
	content: "\e025";
}
.font-icon-social-wordpress:before {
	content: "\e026";
}
.font-icon-social-virb:before {
	content: "\e027";
}
.font-icon-social-vimeo:before {
	content: "\e028";
}
.font-icon-social-viddler:before {
	content: "\e029";
}
.font-icon-social-twitter:before {
	content: "\e02a";
}
.font-icon-social-tumblr:before {
	content: "\e02b";
}
.font-icon-social-stumbleupon:before {
	content: "\e02c";
}
.font-icon-social-soundcloud:before {
	content: "\e02d";
}
.font-icon-social-skype:before {
	content: "\e02e";
}
.font-icon-social-share-this:before {
	content: "\e02f";
}
.font-icon-social-quora:before {
	content: "\e030";
}
.font-icon-social-pinterest:before {
	content: "\e031";
}
.font-icon-social-photobucket:before {
	content: "\e032";
}
.font-icon-social-paypal:before {
	content: "\e033";
}
.font-icon-social-myspace:before {
	content: "\e034";
}
.font-icon-social-linkedin:before {
	content: "\e035";
}
.font-icon-social-last-fm:before {
	content: "\e036";
}
.font-icon-social-grooveshark:before {
	content: "\e037";
}
.font-icon-social-google-plus:before {
	content: "\e038";
}
.font-icon-social-github:before {
	content: "\e039";
}
.font-icon-social-forrst:before {
	content: "\e03a";
}
.font-icon-social-flickr:before {
	content: "\e03b";
}
.font-icon-social-facebook:before {
	content: "\e03c";
}
.font-icon-social-evernote:before {
	content: "\e03d";
}
.font-icon-social-envato:before {
	content: "\e03e";
}
.font-icon-social-email:before {
	content: "\e03f";
}
.font-icon-social-dribbble:before {
	content: "\e040";
}
.font-icon-social-digg:before {
	content: "\e041";
}
.font-icon-social-deviant-art:before {
	content: "\e042";
}
.font-icon-social-blogger:before {
	content: "\e043";
}
.font-icon-social-behance:before {
	content: "\e044";
}
.font-icon-social-bebo:before {
	content: "\e045";
}
.font-icon-social-addthis:before {
	content: "\e046";
}
.font-icon-social-500px:before {
	content: "\e047";
}
.font-icon-sitemap:before {
	content: "\e048";
}
.font-icon-signout:before {
	content: "\e049";
}
.font-icon-signin:before {
	content: "\e04a";
}
.font-icon-signal:before {
	content: "\e04b";
}
.font-icon-shopping-cart:before {
	content: "\e04c";
}
.font-icon-search:before {
	content: "\e04d";
}
.font-icon-rss:before {
	content: "\e04e";
}
.font-icon-road:before {
	content: "\e04f";
}
.font-icon-retweet:before {
	content: "\e050";
}
.font-icon-resize-vertical:before {
	content: "\e051";
}
.font-icon-resize-vertical-2:before {
	content: "\e052";
}
.font-icon-resize-small:before {
	content: "\e053";
}
.font-icon-resize-horizontal:before {
	content: "\e054";
}
.font-icon-resize-horizontal-2:before {
	content: "\e055";
}
.font-icon-resize-fullscreen:before {
	content: "\e056";
}
.font-icon-resize-full:before {
	content: "\e057";
}
.font-icon-repeat:before {
	content: "\e058";
}
.font-icon-reorder:before {
	content: "\e059";
}
.font-icon-remove:before {
	content: "\e05a";
}
.font-icon-remove-sign:before {
	content: "\e05b";
}
.font-icon-remove-circle:before {
	content: "\e05c";
}
.font-icon-read-more:before {
	content: "\e05d";
}
.font-icon-random:before {
	content: "\e05e";
}
.font-icon-question-sign:before {
	content: "\e05f";
}
.font-icon-pushpin:before {
	content: "\e060";
}
.font-icon-pushpin-2:before {
	content: "\e061";
}
.font-icon-print:before {
	content: "\e062";
}
.font-icon-plus:before {
	content: "\e063";
}
.font-icon-plus-sign:before {
	content: "\e064";
}
.font-icon-play:before {
	content: "\e065";
}
.font-icon-picture:before {
	content: "\e066";
}
.font-icon-phone:before {
	content: "\e067";
}
.font-icon-phone-sign:before {
	content: "\e068";
}
.font-icon-phone-boxed:before {
	content: "\e069";
}
.font-icon-pause:before {
	content: "\e06a";
}
.font-icon-paste:before {
	content: "\e06b";
}
.font-icon-paper-clip:before {
	content: "\e06c";
}
.font-icon-ok:before {
	content: "\e06d";
}
.font-icon-ok-sign:before {
	content: "\e06e";
}
.font-icon-ok-circle:before {
	content: "\e06f";
}
.font-icon-music:before {
	content: "\e070";
}
.font-icon-move:before {
	content: "\e071";
}
.font-icon-money:before {
	content: "\e072";
}
.font-icon-minus:before {
	content: "\e073";
}
.font-icon-minus-sign:before {
	content: "\e074";
}
.font-icon-map:before {
	content: "\e075";
}
.font-icon-map-marker:before {
	content: "\e076";
}
.font-icon-map-marker-2:before {
	content: "\e077";
}
.font-icon-magnet:before {
	content: "\e078";
}
.font-icon-magic:before {
	content: "\e079";
}
.font-icon-lock:before {
	content: "\e07a";
}
.font-icon-list:before {
	content: "\e07b";
}
.font-icon-list-3:before {
	content: "\e07c";
}
.font-icon-list-2:before {
	content: "\e07d";
}
.font-icon-link:before {
	content: "\e07e";
}
.font-icon-layer:before {
	content: "\e07f";
}
.font-icon-key:before {
	content: "\e080";
}
.font-icon-italic:before {
	content: "\e081";
}
.font-icon-info:before {
	content: "\e082";
}
.font-icon-indent-right:before {
	content: "\e083";
}
.font-icon-indent-left:before {
	content: "\e084";
}
.font-icon-inbox:before {
	content: "\e085";
}
.font-icon-inbox-empty:before {
	content: "\e086";
}
.font-icon-home:before {
	content: "\e087";
}
.font-icon-heart:before {
	content: "\e088";
}
.font-icon-heart-line:before {
	content: "\e089";
}
.font-icon-headphones:before {
	content: "\e08a";
}
.font-icon-headphones-line:before {
	content: "\e08b";
}
.font-icon-headphones-line-2:before {
	content: "\e08c";
}
.font-icon-headphones-2:before {
	content: "\e08d";
}
.font-icon-hdd:before {
	content: "\e08e";
}
.font-icon-group:before {
	content: "\e08f";
}
.font-icon-grid:before {
	content: "\e090";
}
.font-icon-grid-large:before {
	content: "\e091";
}
.font-icon-globe_line:before {
	content: "\e092";
}
.font-icon-glass:before {
	content: "\e093";
}
.font-icon-glass_2:before {
	content: "\e094";
}
.font-icon-gift:before {
	content: "\e095";
}
.font-icon-forward:before {
	content: "\e096";
}
.font-icon-font:before {
	content: "\e097";
}
.font-icon-folder-open:before {
	content: "\e098";
}
.font-icon-folder-close:before {
	content: "\e099";
}
.font-icon-flag:before {
	content: "\e09a";
}
.font-icon-fire:before {
	content: "\e09b";
}
.font-icon-film:before {
	content: "\e09c";
}
.font-icon-file:before {
	content: "\e09d";
}
.font-icon-file-empty:before {
	content: "\e09e";
}
.font-icon-fast-forward:before {
	content: "\e09f";
}
.font-icon-fast-backward:before {
	content: "\e0a0";
}
.font-icon-facetime:before {
	content: "\e0a1";
}
.font-icon-eye:before {
	content: "\e0a2";
}
.font-icon-eye_disable:before {
	content: "\e0a3";
}
.font-icon-expand-view:before {
	content: "\e0a4";
}
.font-icon-expand-view-3:before {
	content: "\e0a5";
}
.font-icon-expand-view-2:before {
	content: "\e0a6";
}
.font-icon-expand-vertical:before {
	content: "\e0a7";
}
.font-icon-expand-horizontal:before {
	content: "\e0a8";
}
.font-icon-exclamation:before {
	content: "\e0a9";
}
.font-icon-email:before {
	content: "\e0aa";
}
.font-icon-email_2:before {
	content: "\e0ab";
}
.font-icon-eject:before {
	content: "\e0ac";
}
.font-icon-edit:before {
	content: "\e0ad";
}
.font-icon-edit-check:before {
	content: "\e0ae";
}
.font-icon-download:before {
	content: "\e0af";
}
.font-icon-download_2:before {
	content: "\e0b0";
}
.font-icon-dashboard:before {
	content: "\e0b1";
}
.font-icon-credit-card:before {
	content: "\e0b2";
}
.font-icon-copy:before {
	content: "\e0b3";
}
.font-icon-comments:before {
	content: "\e0b4";
}
.font-icon-comments-line:before {
	content: "\e0b5";
}
.font-icon-comment:before {
	content: "\e0b6";
}
.font-icon-comment-line:before {
	content: "\e0b7";
}
.font-icon-columns:before {
	content: "\e0b8";
}
.font-icon-columns-2:before {
	content: "\e0b9";
}
.font-icon-cogs:before {
	content: "\e0ba";
}
.font-icon-cog:before {
	content: "\e0bb";
}
.font-icon-cloud:before {
	content: "\e0bc";
}
.font-icon-check:before {
	content: "\e0bd";
}
.font-icon-check-empty:before {
	content: "\e0be";
}
.font-icon-certificate:before {
	content: "\e0bf";
}
.font-icon-camera:before {
	content: "\e0c0";
}
.font-icon-calendar:before {
	content: "\e0c1";
}
.font-icon-bullhorn:before {
	content: "\e0c2";
}
.font-icon-briefcase:before {
	content: "\e0c3";
}
.font-icon-bookmark:before {
	content: "\e0c4";
}
.font-icon-book:before {
	content: "\e0c5";
}
.font-icon-bolt:before {
	content: "\e0c6";
}
.font-icon-bold:before {
	content: "\e0c7";
}
.font-icon-blockquote:before {
	content: "\e0c8";
}
.font-icon-bell:before {
	content: "\e0c9";
}
.font-icon-beaker:before {
	content: "\e0ca";
}
.font-icon-barcode:before {
	content: "\e0cb";
}
.font-icon-ban-circle:before {
	content: "\e0cc";
}
.font-icon-ban-chart:before {
	content: "\e0cd";
}
.font-icon-ban-chart-2:before {
	content: "\e0ce";
}
.font-icon-backward:before {
	content: "\e0cf";
}
.font-icon-asterisk:before {
	content: "\e0d0";
}
.font-icon-arrow-simple-up:before {
	content: "\e0d1";
}
.font-icon-arrow-simple-up-circle:before {
	content: "\e0d2";
}
.font-icon-arrow-simple-right:before {
	content: "\e0d3";
}
.font-icon-arrow-simple-right-circle:before {
	content: "\e0d4";
}
.font-icon-arrow-simple-left:before {
	content: "\e0d5";
}
.font-icon-arrow-simple-left-circle:before {
	content: "\e0d6";
}
.font-icon-arrow-simple-down:before {
	content: "\e0d7";
}
.font-icon-arrow-simple-down-circle:before {
	content: "\e0d8";
}
.font-icon-arrow-round-up:before {
	content: "\e0d9";
}
.font-icon-arrow-round-up-circle:before {
	content: "\e0da";
}
.font-icon-arrow-round-right:before {
	content: "\e0db";
}
.font-icon-arrow-round-right-circle:before {
	content: "\e0dc";
}
.font-icon-arrow-round-left:before {
	content: "\e0dd";
}
.font-icon-arrow-round-left-circle:before {
	content: "\e0de";
}
.font-icon-arrow-round-down:before {
	content: "\e0df";
}
.font-icon-arrow-round-down-circle:before {
	content: "\e0e0";
}
.font-icon-arrow-light-up:before {
	content: "\e0e1";
}
.font-icon-arrow-light-round-up:before {
	content: "\e0e2";
}
.font-icon-arrow-light-round-up-circle:before {
	content: "\e0e3";
}
.font-icon-arrow-light-round-right:before {
	content: "\e0e4";
}
.font-icon-arrow-light-round-right-circle:before {
	content: "\e0e5";
}
.font-icon-arrow-light-round-left:before {
	content: "\e0e6";
}
.font-icon-arrow-light-round-left-circle:before {
	content: "\e0e7";
}
.font-icon-arrow-light-round-down:before {
	content: "\e0e8";
}
.font-icon-arrow-light-round-down-circle:before {
	content: "\e0e9";
}
.font-icon-arrow-light-right:before {
	content: "\e0ea";
}
.font-icon-arrow-light-left:before {
	content: "\e0eb";
}
.font-icon-arrow-light-down:before {
	content: "\e0ec";
}
.font-icon-align-right:before {
	content: "\e0ed";
}
.font-icon-align-left:before {
	content: "\e0ee";
}
.font-icon-align-justify:before {
	content: "\e0ef";
}
.font-icon-align-center:before {
	content: "\e0f0";
}
.font-icon-adjust:before {
	content: "\e0f1";
}


.widget h4,.widget h5 {
	font-weight:700;
	margin-bottom:20px;
}


/* === Bootstrap style === */

.img-polaroid {
  padding: 4px;
  background-color: #fff;
  border: 1px solid #e9e9e9;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;

}


.img-rounded {
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

.img-circle.bordered {
  -webkit-border-radius: 500px;
     -moz-border-radius: 500px;
          border-radius: 500px;
  background-color: #fff;
  border: 1px solid #e9e9e9;
}

code,
pre {
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

pre {
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

blockquote{
  margin: 0 0 20px;
}



label,
input,
button,
select,
textarea {
  font-weight: normal;list-style: none;
}

input,
button,
select,
textarea {
  font-family:'Alegreya Sans', Arial, sans-serif;
  font-size: 14px;
}

select{
  font-size: 14px;
  line-height: 20px;
  background:#fbfbfb;
  border-color: #919191 #919191 #b3b3b3;
  color: #999999;
  -webkit-box-shadow: inset 0 1px 3px #cacaca;
     -moz-box-shadow: inset 0 1px 3px #cacaca;
          box-shadow: inset 0 1px 3px #cacaca;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
              padding-left: 5px;
}


input.input-block-level{
	padding:20px;
}

.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input {
  -webkit-border-radius: 0 0 0 0;
     -moz-border-radius: 0 0 0 0;
          border-radius: 0 0 0 0;
}

.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
  -webkit-border-radius: 0 0 0 0;
     -moz-border-radius: 0 0 0 0;
          border-radius: 0 0 0 0;
}

.input-append input,
.input-append select,
.input-append .uneditable-input {
  -webkit-border-radius: 0 0 0 0;
     -moz-border-radius: 0 0 0 0;
          border-radius: 0 0 0 0;
}

.input-append input + .btn-group .btn:last-child,
.input-append select + .btn-group .btn:last-child,
.input-append .uneditable-input + .btn-group .btn:last-child {
  -webkit-border-radius: 0 0 0 0;
     -moz-border-radius: 0 0 0 0;
          border-radius: 0 0 0 0;
}


.input-append .add-on:last-child,
.input-append .btn:last-child,
.input-append .btn-group:last-child > .dropdown-toggle {
  -webkit-border-radius: 0 0 0 0;
     -moz-border-radius: 0 0 0 0;
          border-radius: 0 0 0 0;
}

.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.input-prepend.input-append input + .btn-group .btn,
.input-prepend.input-append select + .btn-group .btn,
.input-prepend.input-append .uneditable-input + .btn-group .btn {
  -webkit-border-radius: 0 0 0 0;
     -moz-border-radius: 0 0 0 0;
          border-radius: 0 0 0 0;
}

.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
  margin-right: -1px;
  -webkit-border-radius: 0 0 0 0;
     -moz-border-radius: 0 0 0 0;
          border-radius: 0 0 0 0;
}

.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
  margin-left: -1px;
  -webkit-border-radius: 0 0 0 0;
     -moz-border-radius: 0 0 0 0;
          border-radius: 0 0 0 0;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

}

input.search-query {
  margin-bottom: 0;
  -webkit-border-radius: 0 0 0 0;
     -moz-border-radius: 0 0 0 0;
          border-radius: 0 0 0 0;
}

.form-search .input-append .search-query {
  -webkit-border-radius: 0 0 0 0;
     -moz-border-radius: 0 0 0 0;
          border-radius: 0 0 0 0;
}

.form-search .input-append .btn {
  -webkit-border-radius: 0 0 0 0;
     -moz-border-radius: 0 0 0 0;
          border-radius: 0 0 0 0;
}

.form-search .input-prepend .search-query {
  -webkit-border-radius: 0 0 0 0;
     -moz-border-radius: 0 0 0 0;
          border-radius: 0 0 0 0;
}

.form-search .input-prepend .btn {
  -webkit-border-radius: 0 0 0 0;
     -moz-border-radius: 0 0 0 0;
          border-radius: 0 0 0 0;
}

.table-bordered {
  -webkit-border-radius: 0 0 0 0;
     -moz-border-radius: 0 0 0 0;
          border-radius: 0 0 0 0;
}

.table-bordered thead:first-child tr:first-child > th:first-child,
.table-bordered tbody:first-child tr:first-child > td:first-child {
  -webkit-border-top-left-radius: 2px;
          border-top-left-radius: 2px;
  -moz-border-radius-topleft: 2px;
}


.table-bordered thead:first-child tr:first-child > th:last-child,
.table-bordered tbody:first-child tr:first-child > td:last-child {
  -webkit-border-top-right-radius: 2px;
          border-top-right-radius: 2px;
  -moz-border-radius-topright: 2px;
}

.table-bordered thead:last-child tr:last-child > th:first-child,
.table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child {
  -webkit-border-bottom-left-radius: 2px;
          border-bottom-left-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
}

.table-bordered thead:last-child tr:last-child > th:last-child,
.table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > td:last-child {
  -webkit-border-bottom-right-radius: 2px;
          border-bottom-right-radius: 2px;
  -moz-border-radius-bottomright: 2px;
}

.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
  -webkit-border-top-left-radius: 2px;
          border-top-left-radius: 2px;
  -moz-border-radius-topleft: 2px;
}

.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
  -webkit-border-top-right-radius: 2px;
          border-top-right-radius: 2px;
  -moz-border-radius-topright: 2px;
}

.dropdown-menu {
  *border-right-width: 0;
  *border-bottom-width: 0;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;

}

.dropdown-submenu > .dropdown-menu {
  -webkit-border-radius: 0 0 0 0;
     -moz-border-radius: 0 0 0 0;
          border-radius: 0 0 0 0;
font-size:16px;
font-weight:700;
}

.dropup .dropdown-submenu > .dropdown-menu {
  -webkit-border-radius: 0 0 0 0;
     -moz-border-radius: 0 0 0 0;
          border-radius: 0 0 0 0;
}

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 0 0 0 0;
     -moz-border-radius: 0 0 0 0;
          border-radius: 0 0 0 0;
}

.typeahead {
  z-index: 1051;
  margin-top: 2px;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

/* --- lists --- */
ul,
ol {
  margin: 0 0 0 25px;
  padding-bottom: 0;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}

li {
  line-height: 1.6em;
}

ul.unstyled,
ol.unstyled {
  margin-left: 0;
  list-style: none;
}

ul.inline,
ol.inline {
  margin-left: 0;
  list-style: none;
}

ul.inline > li,
ol.inline > li {
  display: inline-block;
  *display: inline;
  padding-right: 5px;
  padding-left: 5px;
  *zoom: 1;
}

dl {
  margin-bottom: 20px;
}

dt,
dd {
  line-height: 1.6em;
}

dt {
  font-weight: 700;
}

dd {
  margin-left: 20px;
}

.dl-horizontal {
  *zoom: 1;
}

.dl-horizontal:before,
.dl-horizontal:after {
  display: table;
  line-height: 0;
  content: "";
}

.dl-horizontal:after {
  clear: both;
}

.dl-horizontal dt {
  float: left;
  width: 160px;
  overflow: hidden;
  clear: left;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dl-horizontal dd {
  margin-left: 180px;
}

.media{
  margin-top: 0;
  margin-bottom: 30px;
}

.media .media {
  margin-top: 30px;
  margin-bottom: 0;
}

.media-body{
	position:relative;
}

.well {
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

.well-large {
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

.well-small {
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}


/* === bootstrap button === */


.btn {
  font-size: 16px;
/*  text-transform:uppercase;  */
  text-shadow: none;
  background-image:none;
  border-color: none;
  border-bottom-color: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.btn {
	outline:0;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}


a.btn,.btn:focus {
	outline:0;
}

.btn-default, .btn-default:hover {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color);
    border: 0px;

}

.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;
}
input[readonly] {
  background-color: white !important;
  cursor: text !important;
}

.btn-medium {
  padding: 6px 15px;
  font-size: 13px;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

.btn-large {
font-size: 14px;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

.btn-small {
font-size: 11px;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

.btn-mini {
font-size: 10px;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

/* edges */
.btn-square {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.btn-medium.btn-mini {
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}

.btn-medium.btn-small {
  -webkit-border-radius: 11px;
     -moz-border-radius: 11px;
          border-radius: 11px;
}

.btn-rounded {
  -webkit-border-radius: 12px;
     -moz-border-radius: 12px;
          border-radius: 12px;
}

.btn-medium.btn-rounded {
  -webkit-border-radius: 16px;
     -moz-border-radius: 16px;
          border-radius: 16px;
}


.btn-large.btn-rounded {
  -webkit-border-radius: 24px;
     -moz-border-radius: 24px;
          border-radius: 24px;
}


.btn-group > .btn:first-child {
  -webkit-border-bottom-left-radius: 2px;
          border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
          border-top-left-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topleft: 2px;
}

.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
  -webkit-border-top-right-radius: 2px;
          border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
          border-bottom-right-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
}

.btn-group > .btn.large:first-child {
  margin-left: 0;
  -webkit-border-bottom-left-radius: 2px;
          border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
          border-top-left-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topleft: 2px;
}

.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle {
  -webkit-border-top-right-radius: 2px;
          border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
          border-bottom-right-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
}

.btn-group-vertical > .btn:first-child {
  -webkit-border-radius: 2px 2px 0 0;
     -moz-border-radius: 2px 2px 0 0;
          border-radius: 2px 2px 0 0;
}

.btn-group-vertical > .btn:last-child {
  -webkit-border-radius: 0 0 2px 2px;
     -moz-border-radius: 0 0 2px 2px;
          border-radius: 0 0 2px 2px;
}

.btn-group-vertical > .btn-large:first-child {
  -webkit-border-radius: 2px 2px 0 0;
     -moz-border-radius: 2px 2px 0 0;
          border-radius: 2px 2px 0 0;
}

.btn-group-vertical > .btn-large:last-child {
  -webkit-border-radius: 0 0 2px 2px;
     -moz-border-radius: 0 0 2px 2px;
          border-radius: 0 0 2px 2px;
}

.btn-group > .btn {
  float: left;
}

.btn-info {
  background: #5E9FA3;
}
.btn-info:hover {
  background: #569498;
}

.btn-success {
  background: #11766D;
}
.btn-success:hover {
  background: #0e6a62;
}

.btn-warning, .btn-warning:hover, .btn-primary, .btn-primary:hover {
  background: var(--main-color);
  border-color:none;
  border:0px;
}

.btn-danger, .btn-danger:hover {
  background: var(--main-color);
  border-color:var(--main-color);
  border:0px;
}
/*
.btn-danger:hover {
  background: #990909;
}
*/

.btn-inverse {
  background: #363636;
}
.btn-inverse:hover {
  background: #505050;
}

.btn-blue {
  border:1px solid #0a6d9b;
  color:#fff;
  background: #0a6d9b;
}
.btn-blue:hover,.btn-blue:focus,.btn-blue:active  {
  background: #085e86;
  color:#fff;
}


.btn-yellow {
  border:1px solid #efd70c;
  color:#fff;
  background: #efd70c;
}
.btn-yellow:hover,.btn-yellow:focus,.btn-yellow:active  {
  background: #e4ce11;
  color:#fff;
}

.btn-red {
  border:1px solid #cf1a07;
  color:#fff;
  background: #cf1a07;
}
.btn-red:hover,.btn-red:focus,.btn-red:active  {
  background: #c41a08;
  color:#fff;
}

.btn-orange {
  border:1px solid #ef5523;
  color:#fff;
  background: #ef5523;
}
.btn-orange:hover,.btn-orange:focus,.btn-orange:active  {
  background: #e45121;
  color:#fff;
}
.btn-purple {
  border:1px solid #c81dbe;
  color:#fff;
  background: #c81dbe;
}
.btn-purple:hover,.btn-purple:focus,.btn-purple:active {
  background: #be1ab4;
  color:#fff;
}
.btn-green {
  border:1px solid #479c18;
  color:#fff;
  background: #479c18;
}
.btn-green:hover,.btn-green:focus,.btn-green:active  {
  background: #3f8d15;
  color:#fff;
}

.btn-brown {
  border:1px solid #5c2009;
  color:#fff;
  background: #5c2009;
}
.btn-brown:hover,.btn-brown:focus,.btn-brown:active  {
  background: #531d08;
  color:#fff;
}

.btn-pink {
  border:1px solid #f8127f;
  color:#fff;
  background: #f8127f;
}
.btn-pink:hover,.btn-pink:focus,.btn-pink:active  {
  background: #ef1179;
  color:#fff;
}

.btn-dark {
  border:1px solid #18191a;
  color:#fff;
  background: #18191a;
}
.btn-dark:hover,#content a.btn-dark:hover    {
  color:#fff;
}

.btn-theme {
  color:#fff;
}

.btn-theme:hover,.btn-theme:focus,.btn-theme:active{
  background: #18191a;
   color:#fff;
  border:1px solid #18191a;
}


.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;
}
input[readonly] {
  background-color: white !important;
  cursor: text !important;
}




/* ==== More buttons === */

/* plain buttons */

.btn.plain {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 13px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: none;
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: none;
  border: none;
  *border: 0;
  border-color: none;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}



/* ==================================== */

.alert {
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

.nav-tabs > li > a {
  -webkit-border-radius: 2px 2px 0 0;
     -moz-border-radius: 2px 2px 0 0;
          border-radius: 2px 2px 0 0;
}

.nav-pills > li > a {
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

.nav-tabs.nav-stacked > li:first-child > a {
  -webkit-border-top-right-radius: 2px;
          border-top-right-radius: 2px;
  -webkit-border-top-left-radius: 2px;
          border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-topleft: 2px;
}

.nav-tabs.nav-stacked > li:last-child > a {
  -webkit-border-bottom-right-radius: 2px;
          border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
          border-bottom-left-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 2px;
}

.nav-tabs .dropdown-menu {
  -webkit-border-radius: 0 0 2px 2px;
     -moz-border-radius: 0 0 2px 2px;
          border-radius: 0 0 2px 2px;
}

.nav-pills .dropdown-menu {
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 2px 2px;
     -moz-border-radius: 0 0 2px 2px;
          border-radius: 0 0 2px 2px;
}

.tabs-left > .nav-tabs > li > a {
  -webkit-border-radius: 2px 0 0 2px;
     -moz-border-radius: 2px 0 0 2px;
          border-radius: 2px 0 0 2px;
}

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 2px 2px 0;
     -moz-border-radius: 0 2px 2px 0;
          border-radius: 0 2px 2px 0;
}

.navbar-inner {
  position:relative;
  padding-right: 20px;
  padding-left: 20px;
  background-color:none;
  background-image: none;
  background-repeat: none;
  border: none;
  border-top:1px solid #2d2d2d;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  filter: none;
  *zoom: 1;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.navbar-inverse .navbar-inner, .navbar-inner{
  position:relative;
  background-color: #0e0f0f;
  background-image: none;
  background-repeat: none;
  border: none;
  border-top:1px solid #2d2d2d;
  border-bottom:1px solid #060606;
  filter: none;
  *zoom: 1;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.navbar .nav {
  border-right:none;
  border-left:none;
}

.navbar .nav > li > a {
  float: none;
  font-size:11pt;
  padding: 0;
  margin-left:12px;
  margin-right:0;
  color: #999999;
  text-decoration: none;
  text-shadow: none;
  border-right:none;
  border-left:none;
}

.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus {
  color: var(--main-color);
  background-image: none;
  background-repeat: repeat-x;
  filter: none;
  text-decoration: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
   background-image: none;
  background-image: none;
  filter: none;
  text-decoration: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.navbar-search .search-query {
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

.navbar .pull-right > li > .dropdown-menu .dropdown-menu,
.navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {
  -webkit-border-radius: 2px 0 2px 2px;
     -moz-border-radius: 2px 0 2px 2px;
          border-radius: 2px 0 2px 2px;
}

.navbar .btn-navbar {
  position:absolute;
  z-index:99999;
  left:0;
}

.dropdown-menu li {
	margin:0;
	padding:0;
  color: white;
}

.dropdown-menu li  a {
  font-size:12px;
  padding:10px 15px 10px 15px;
  margin:0;
  text-shadow:none;
  border-bottom:1px solid #303030;
  background-color: var(--main-color);
  color:white;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a,
.dropdown-menu li  a:hover {
    color: white;
}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus {
    background-color: var(--light-color);
    text-decoration: none;
    outline: 0;
    color: var(--main-color);
}
.dropdown-submenu li  a {
  font-size:12px;
  padding:10px 15px 10px 15px;
  margin:0;
  text-shadow:none;
  border-bottom:1px solid #303030;
  background-color: var(--main-color);
  color:#f1f1f1;
}
/*
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  color: #ffffff;
  text-decoration: none;
  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
  background-repeat: none;
  filter:none;
}
*/
.dropdown-menu .sub-menu-level1, .dropdown-menu .sub-menu-level2 {left:100%;position:absolute;top:0;visibility:hidden;margin-top: 0;}
.dropdown-menu li:hover .sub-menu-level1 {visibility:visible;}
.dropdown-menu li li:hover .sub-menu-level2 {visibility:visible;}
.nav-header {
  display: block;
  padding: 5px 10px;
  font-size:12px;
  font-weight: normal;
  line-height: 20px;
  color: #fff;
  text-shadow: none;
  text-transform: uppercase;
}
.dropdown-menu .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #0b0b0b;
  border-bottom: 1px solid #303030;
}
 .nav-collapse .nav > li > .dropdown-menu:before,
  .nav-collapse .nav > li > .dropdown-menu:after {
    display: none;
}

.breadcrumb {
  float:left;
  margin:0;
  list-style: none;
  padding-top: 1pt;
  padding-bottom: 1pt;
  background: none;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.breadcrumb > li {
  display: inline-block;
  *display: inline;
  text-shadow: none;
  font-size:12px;
  *zoom: 1;
  margin:0;
}

.breadcrumb > .active {
  color: #797979;
}

.pagination ul {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.pagination ul > li > a,
.pagination ul > li > span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #f4f4f4;
  border: 1px solid #cacaca;
  border-left-width: 0;
}
.pagination ul > li > a:hover{
  background:#ececec;
}
.pagination ul > .active > a,
.pagination ul > .active > span {
  color: #fff;
  cursor: default;
}

.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
  -webkit-border-bottom-left-radius: 2px;
          border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
          border-top-left-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topleft: 2px;
}

.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
  -webkit-border-top-right-radius: 2px;
          border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
          border-bottom-right-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
}


.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
  -webkit-border-bottom-left-radius: 2px;
          border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
          border-top-left-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topleft: 2px;
}

.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span {
  -webkit-border-top-right-radius: 2px;
          border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
          border-bottom-right-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
}

.pagination-mini ul > li:first-child > a,
.pagination-small ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > span {
  -webkit-border-bottom-left-radius: 2px;
          border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
          border-top-left-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topleft: 2px;
}

.pagination-mini ul > li:last-child > a,
.pagination-small ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > span {
  -webkit-border-top-right-radius: 2px;
          border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
          border-bottom-right-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
}
.pagination-right {
  float: right;
}
.pager li > a,
.pager li > span {
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

.modal {
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

.modal-footer {
  -webkit-border-radius: 0 0 2px 2px;
     -moz-border-radius: 0 0 2px 2px;
          border-radius: 0 0 2px 2px;
}

.tooltip-inner {
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

.popover {
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

.popover-title {
  -webkit-border-radius: 2px 2px 0 0;
     -moz-border-radius: 2px 2px 0 0;
          border-radius: 2px 2px 0 0;
}

.thumbnail {
  background:#fbfbfb;
  border: 1px solid #d5d5d5;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.thumbnail p{
	padding:0 10px 0 10px;
}

.thumbnail h1, .thumbnail h2, .thumbnail h3, .thumbnail h4, .thumbnail h5, .thumbnail h6{
	padding:0 10px 0 10px;
	margin:10px 0 10px 0;
}

.label,
.badge {
  padding: 5px 10px;
}

.label {
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

.badge {
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

.progress {
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}


/* progress bar */
.bar.bar90 {
	width:90%;
}
.bar.bar85 {
	width:85%;
}
.bar.bar80 {
	width:80%;
}
.bar.bar75 {
	width:75%;
}
.bar.bar70 {
	width:70%;
}
.bar.bar65 {
	width:65%;
}
.bar.bar60 {
	width:60%;
}
.bar.bar55 {
	width:55%;
}
.bar.bar50 {
	width:50%;
}
.bar.bar45 {
	width:45%;
}
.bar.bar40 {
	width:40%;
}
.bar.bar40 {
	width:40%;
}
.bar.bar35 {
	width:35%;
}
.bar.bar30 {
	width:30%;
}
.bar.bar25 {
	width:25%;
}
.bar.bar20 {
	width:20%;
}
.bar.bar15 {
	width:15%;
}
.bar.bar10 {
	width:10%;
}



.accordion-group {
  background:none;
  border:none;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
		  margin-bottom:5px;
}

.accordion-heading{
  font-size:13px;
  color:#333333;
  text-shadow: none;
  background-color: #fbfbfb;
  *background-color: #fbfbfb;
  background-image: none;
  background-repeat: repeat-x;
  border: 1px solid #e9e9e9;
  *border: 0;
  border-color: none;
}

.accordion-heading a{
  color:#333333;
  font-weight:600;
  outline:0;
}

.accordion-heading a:hover,.accordion-heading a.active:hover,.accordion-heading a.active{
  text-decoration:none;
}

.accordion-inner{
	margin-top:1px;
  background:#fff;
  border: 1px solid #e9e9e9;
  border-bottom:1px solid #e9e9e9;
}

.nav-tabs {
  border-bottom:none;
  margin:0;
}

.nav-tabs > li > a {
  margin-right: -1px;
  outline:0;
  font-size:13px;
font-weight:600;
}

.tabs-left .nav-tabs {
  margin-right:0;
  border:none;
}

.tabs-right .nav-tabs {
  margin-left:0;
  border:none;
}
.tabs-right .nav-tabs li  a {
  display:block;
  margin:0;
  padding:15px 0 15px 20px;
  margin-left: -1px;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
  background:#fff;
}

.tab-content > .tab-pane{
  background:#fff;
  border: 1px solid #e9e9e9;
  padding:20px;
  overflow:hidden;

}

.onsidebar > .tab-pane{
  background:none;
  border: none;
  border-bottom:none;
  padding:0;
}

.carousel-control {
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

.hero-unit {
     -moz-border-radius: 2px;
          border-radius: 2px;
}

.dropdown-submenu > a:hover:after,
.dropdown-submenu > a:after
{
  border-left-color: #fff;
}
.dropdown-submenu > .dropdown-menu {
  right: 100%;
  margin-top: 0;
  top: 0% !important;
  left: auto;
  /* overflow-y: auto;
  max-height: 20vh;
  height: auto; */

}
.dropdown-menu > li:hover > a {
  background-color: var(--accent-color);
}

/* .dropdown-submenu > .dropdown-menu::-webkit-scrollbar {
  width: 6px;
  background-color: var(--main-color);
}
.dropdown-submenu > .dropdown-menu::-webkit-scrollbar-thumb {
  border-radius: 2px;
  width: 4px;
  background-color: var(--accent-color);
} */
.col-md-12, .col-md-8 {
    width: 75%;
}
.col-md-3,
.col-md-4 {
    width: 25%;
}

.panel {
    border-left: 1px solid #f5f5f5;
    box-shadow: 0 0px 0px rgba(0,0,0,.05);
}

.panel-default {

    border-color: #fff;
    border-left: 1px solid #f5f5f5;
}
.panel-heading {
    background-color: var(--main-color);
    border-color: var(--main-color);
    border-left: 1px solid #f5f5f5;
}

.navbar-right {
    float: none !important;
}

.navbar-form.navbar-right {
    padding-right: 0;
    margin-right: -10px;
}

.navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-actions {
    background-color: inherit;
    border-top:none;
}
.form-ww {
    background-color: none;
    border-top: none;
    padding: none;
    margin-bottom: 20px;
    border-radius: 5px;
}
.col-md-2 {
    padding-left:5px;
}
input.btn:hover {
  background: var(--accent-color);
  padding: 0.4em 1em;
}
input[type='submit']:hover {
  border: 1px solid  var(--accent-color);
}
body#account p.help-block {
  display: none;
}

.navbar-toggle {
  padding: 4pt 3pt;
}
.navbar-toggle .icon-bar {
  width: 14pt;
  height: 1.4pt;
}
.breadcrumb {
  padding: 1pt 5pt;
}
@charset "UTF-8";
/*
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
	-webkit-backface-visibility: hidden;
}
.animated {
	-webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	     -o-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	   -moz-animation-duration: 2s;
	     -o-animation-duration: 2s;
	        animation-duration: 2s;
}

@-webkit-keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

@-moz-keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

@-o-keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

@keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

.flash {
	-webkit-animation-name: flash;
	-moz-animation-name: flash;
	-o-animation-name: flash;
	animation-name: flash;
}
@-webkit-keyframes shake {
	0%, 100% {-webkit-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}

@-moz-keyframes shake {
	0%, 100% {-moz-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}

@-o-keyframes shake {
	0%, 100% {-o-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}

@keyframes shake {
	0%, 100% {transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
	20%, 40%, 60%, 80% {transform: translateX(10px);}
}

.shake {
	-webkit-animation-name: shake;
	-moz-animation-name: shake;
	-o-animation-name: shake;
	animation-name: shake;
}
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}

@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

.bounce {
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-o-animation-name: bounce;
	animation-name: bounce;
}
@-webkit-keyframes tada {
	0% {-webkit-transform: scale(1);}	
	10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
	100% {-webkit-transform: scale(1) rotate(0);}
}

@-moz-keyframes tada {
	0% {-moz-transform: scale(1);}	
	10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
	100% {-moz-transform: scale(1) rotate(0);}
}

@-o-keyframes tada {
	0% {-o-transform: scale(1);}	
	10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
	100% {-o-transform: scale(1) rotate(0);}
}

@keyframes tada {
	0% {transform: scale(1);}	
	10%, 20% {transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
	100% {transform: scale(1) rotate(0);}
}

.tada {
	-webkit-animation-name: tada;
	-moz-animation-name: tada;
	-o-animation-name: tada;
	animation-name: tada;
}
@-webkit-keyframes swing {
	20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
	20% { -webkit-transform: rotate(15deg); }	
	40% { -webkit-transform: rotate(-10deg); }
	60% { -webkit-transform: rotate(5deg); }	
	80% { -webkit-transform: rotate(-5deg); }	
	100% { -webkit-transform: rotate(0deg); }
}

@-moz-keyframes swing {
	20% { -moz-transform: rotate(15deg); }	
	40% { -moz-transform: rotate(-10deg); }
	60% { -moz-transform: rotate(5deg); }	
	80% { -moz-transform: rotate(-5deg); }	
	100% { -moz-transform: rotate(0deg); }
}

@-o-keyframes swing {
	20% { -o-transform: rotate(15deg); }	
	40% { -o-transform: rotate(-10deg); }
	60% { -o-transform: rotate(5deg); }	
	80% { -o-transform: rotate(-5deg); }	
	100% { -o-transform: rotate(0deg); }
}

@keyframes swing {
	20% { transform: rotate(15deg); }	
	40% { transform: rotate(-10deg); }
	60% { transform: rotate(5deg); }	
	80% { transform: rotate(-5deg); }	
	100% { transform: rotate(0deg); }
}

.swing {
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	-o-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	-moz-animation-name: swing;
	-o-animation-name: swing;
	animation-name: swing;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% { -webkit-transform: translateX(0%); }
  15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
  30% { -webkit-transform: translateX(20%) rotate(3deg); }
  45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
  60% { -webkit-transform: translateX(10%) rotate(2deg); }
  75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
  100% { -webkit-transform: translateX(0%); }
}

@-moz-keyframes wobble {
  0% { -moz-transform: translateX(0%); }
  15% { -moz-transform: translateX(-25%) rotate(-5deg); }
  30% { -moz-transform: translateX(20%) rotate(3deg); }
  45% { -moz-transform: translateX(-15%) rotate(-3deg); }
  60% { -moz-transform: translateX(10%) rotate(2deg); }
  75% { -moz-transform: translateX(-5%) rotate(-1deg); }
  100% { -moz-transform: translateX(0%); }
}

@-o-keyframes wobble {
  0% { -o-transform: translateX(0%); }
  15% { -o-transform: translateX(-25%) rotate(-5deg); }
  30% { -o-transform: translateX(20%) rotate(3deg); }
  45% { -o-transform: translateX(-15%) rotate(-3deg); }
  60% { -o-transform: translateX(10%) rotate(2deg); }
  75% { -o-transform: translateX(-5%) rotate(-1deg); }
  100% { -o-transform: translateX(0%); }
}

@keyframes wobble {
  0% { transform: translateX(0%); }
  15% { transform: translateX(-25%) rotate(-5deg); }
  30% { transform: translateX(20%) rotate(3deg); }
  45% { transform: translateX(-15%) rotate(-3deg); }
  60% { transform: translateX(10%) rotate(2deg); }
  75% { transform: translateX(-5%) rotate(-1deg); }
  100% { transform: translateX(0%); }
}

.wobble {
	-webkit-animation-name: wobble;
	-moz-animation-name: wobble;
	-o-animation-name: wobble;
	animation-name: wobble;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); }	
	50% { -webkit-transform: scale(1.1); }
    100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulse {
    0% { -moz-transform: scale(1); }	
	50% { -moz-transform: scale(1.1); }
    100% { -moz-transform: scale(1); }
}
@-o-keyframes pulse {
    0% { -o-transform: scale(1); }	
	50% { -o-transform: scale(1.1); }
    100% { -o-transform: scale(1); }
}
@keyframes pulse {
    0% { transform: scale(1); }	
	50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

.pulse {
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-o-animation-name: pulse;
	animation-name: pulse;
}
@-webkit-keyframes flip {
	0% {
		-webkit-transform: perspective(400px) rotateY(0);
		-webkit-animation-timing-function: ease-out;
	}
	40% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-webkit-animation-timing-function: ease-out;
	}
	50% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-webkit-animation-timing-function: ease-in;
	}
	80% {
		-webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
		-webkit-animation-timing-function: ease-in;
	}
	100% {
		-webkit-transform: perspective(400px) scale(1);
		-webkit-animation-timing-function: ease-in;
	}
}
@-moz-keyframes flip {
	0% {
		-moz-transform: perspective(400px) rotateY(0);
		-moz-animation-timing-function: ease-out;
	}
	40% {
		-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-moz-animation-timing-function: ease-out;
	}
	50% {
		-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-moz-animation-timing-function: ease-in;
	}
	80% {
		-moz-transform: perspective(400px) rotateY(360deg) scale(.95);
		-moz-animation-timing-function: ease-in;
	}
	100% {
		-moz-transform: perspective(400px) scale(1);
		-moz-animation-timing-function: ease-in;
	}
}
@-o-keyframes flip {
	0% {
		-o-transform: perspective(400px) rotateY(0);
		-o-animation-timing-function: ease-out;
	}
	40% {
		-o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-o-animation-timing-function: ease-out;
	}
	50% {
		-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-o-animation-timing-function: ease-in;
	}
	80% {
		-o-transform: perspective(400px) rotateY(360deg) scale(.95);
		-o-animation-timing-function: ease-in;
	}
	100% {
		-o-transform: perspective(400px) scale(1);
		-o-animation-timing-function: ease-in;
	}
}
@keyframes flip {
	0% {
		transform: perspective(400px) rotateY(0);
		animation-timing-function: ease-out;
	}
	40% {
		transform: perspective(400px) translateZ(150px) rotateY(170deg);
		animation-timing-function: ease-out;
	}
	50% {
		transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		animation-timing-function: ease-in;
	}
	80% {
		transform: perspective(400px) rotateY(360deg) scale(.95);
		animation-timing-function: ease-in;
	}
	100% {
		transform: perspective(400px) scale(1);
		animation-timing-function: ease-in;
	}
}

.flip {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flip;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flip;
	-o-backface-visibility: visible !important;
	-o-animation-name: flip;
	backface-visibility: visible !important;
	animation-name: flip;
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -moz-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -moz-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-o-keyframes flipInX {
    0% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -o-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -o-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.flipInX {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipInX;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipInX;
	backface-visibility: visible !important;
	animation-name: flipInX;
}
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-moz-keyframes flipOutX {
    0% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-o-keyframes flipOutX {
    0% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.flipOutX {
	-webkit-animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	-moz-animation-name: flipOutX;
	-moz-backface-visibility: visible !important;
	-o-animation-name: flipOutX;
	-o-backface-visibility: visible !important;
	animation-name: flipOutX;
	backface-visibility: visible !important;
}
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@-moz-keyframes flipInY {
    0% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        -moz-transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        -moz-transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@-o-keyframes flipInY {
    0% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        -o-transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        -o-transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

.flipInY {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipInY;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipInY;
	backface-visibility: visible !important;
	animation-name: flipInY;
}
@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@-moz-keyframes flipOutY {
    0% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@-o-keyframes flipOutY {
    0% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.flipOutY {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipOutY;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipOutY;
	backface-visibility: visible !important;
	animation-name: flipOutY;
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-o-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	-moz-animation-name: fadeInUpBig;
	-o-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	-moz-animation-name: fadeInDownBig;
	-o-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}
@-moz-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}
@-o-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}
@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	-moz-animation-name: fadeInLeftBig;
	-o-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	-moz-animation-name: fadeInRightBig;
	-o-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@-moz-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@-o-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	-moz-animation-name: fadeOut;
	-o-animation-name: fadeOut;
	animation-name: fadeOut;
}
@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}
}
@-moz-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}
}
@-o-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}
}
@keyframes fadeOutUp {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		transform: translateY(-20px);
	}
}

.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	-moz-animation-name: fadeOutUp;
	-o-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
}

@-moz-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}
}

@-o-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(20px);
	}
}

@keyframes fadeOutDown {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		transform: translateY(20px);
	}
}

.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	-moz-animation-name: fadeOutDown;
	-o-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}
}

@-moz-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}
}

@-o-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(-20px);
	}
}

@keyframes fadeOutLeft {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		transform: translateX(-20px);
	}
}

.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	-moz-animation-name: fadeOutLeft;
	-o-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(20px);
	}
}

@-moz-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(20px);
	}
}

@-o-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(20px);
	}
}

@keyframes fadeOutRight {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		transform: translateX(20px);
	}
}

.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	-moz-animation-name: fadeOutRight;
	-o-animation-name: fadeOutRight;
	animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
}

@-moz-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
}

@-o-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
}

@keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		transform: translateY(-2000px);
	}
}

.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	-moz-animation-name: fadeOutUpBig;
	-o-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
}

@-moz-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
}

@-o-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}
}

@keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		transform: translateY(2000px);
	}
}

.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	-moz-animation-name: fadeOutDownBig;
	-o-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
}

@-moz-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
}

@-o-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
}

@keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		transform: translateX(-2000px);
	}
}

.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	-moz-animation-name: fadeOutLeftBig;
	-o-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
}
@-moz-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
}
@-o-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
}
@keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		transform: translateX(2000px);
	}
}

.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	-moz-animation-name: fadeOutRightBig;
	-o-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig;
}
@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
	}
	
	70% {
		-webkit-transform: scale(.9);
	}
	
	100% {
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-moz-transform: scale(1.05);
	}
	
	70% {
		-moz-transform: scale(.9);
	}
	
	100% {
		-moz-transform: scale(1);
	}
}

@-o-keyframes bounceIn {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-o-transform: scale(1.05);
	}
	
	70% {
		-o-transform: scale(.9);
	}
	
	100% {
		-o-transform: scale(1);
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		transform: scale(1.05);
	}
	
	70% {
		transform: scale(.9);
	}
	
	100% {
		transform: scale(1);
	}
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
}
@-webkit-keyframes bounceInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateY(-30px);
	}
	
	80% {
		-webkit-transform: translateY(10px);
	}
	
	100% {
		-webkit-transform: translateY(0);
	}
}
@-moz-keyframes bounceInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateY(-30px);
	}
	
	80% {
		-moz-transform: translateY(10px);
	}
	
	100% {
		-moz-transform: translateY(0);
	}
}

@-o-keyframes bounceInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		-o-transform: translateY(-30px);
	}
	
	80% {
		-o-transform: translateY(10px);
	}
	
	100% {
		-o-transform: translateY(0);
	}
}

@keyframes bounceInUp {
	0% {
		opacity: 0;
		transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateY(-30px);
	}
	
	80% {
		transform: translateY(10px);
	}
	
	100% {
		transform: translateY(0);
	}
}

.bounceInUp {
	-webkit-animation-name: bounceInUp;
	-moz-animation-name: bounceInUp;
	-o-animation-name: bounceInUp;
	animation-name: bounceInUp;
}
@-webkit-keyframes bounceInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateY(30px);
	}
	
	80% {
		-webkit-transform: translateY(-10px);
	}
	
	100% {
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes bounceInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateY(30px);
	}
	
	80% {
		-moz-transform: translateY(-10px);
	}
	
	100% {
		-moz-transform: translateY(0);
	}
}

@-o-keyframes bounceInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-o-transform: translateY(30px);
	}
	
	80% {
		-o-transform: translateY(-10px);
	}
	
	100% {
		-o-transform: translateY(0);
	}
}

@keyframes bounceInDown {
	0% {
		opacity: 0;
		transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateY(30px);
	}
	
	80% {
		transform: translateY(-10px);
	}
	
	100% {
		transform: translateY(0);
	}
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	-moz-animation-name: bounceInDown;
	-o-animation-name: bounceInDown;
	animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateX(30px);
	}
	
	80% {
		-webkit-transform: translateX(-10px);
	}
	
	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateX(30px);
	}
	
	80% {
		-moz-transform: translateX(-10px);
	}
	
	100% {
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-o-transform: translateX(30px);
	}
	
	80% {
		-o-transform: translateX(-10px);
	}
	
	100% {
		-o-transform: translateX(0);
	}
}

@keyframes bounceInLeft {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateX(30px);
	}
	
	80% {
		transform: translateX(-10px);
	}
	
	100% {
		transform: translateX(0);
	}
}

.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	-moz-animation-name: bounceInLeft;
	-o-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateX(-30px);
	}
	
	80% {
		-webkit-transform: translateX(10px);
	}
	
	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateX(-30px);
	}
	
	80% {
		-moz-transform: translateX(10px);
	}
	
	100% {
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-o-transform: translateX(-30px);
	}
	
	80% {
		-o-transform: translateX(10px);
	}
	
	100% {
		-o-transform: translateX(0);
	}
}

@keyframes bounceInRight {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateX(-30px);
	}
	
	80% {
		transform: translateX(10px);
	}
	
	100% {
		transform: translateX(0);
	}
}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-o-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
@-webkit-keyframes bounceOut {
	0% {
		-webkit-transform: scale(1);
	}
	
	25% {
		-webkit-transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		-webkit-transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}	
}

@-moz-keyframes bounceOut {
	0% {
		-moz-transform: scale(1);
	}
	
	25% {
		-moz-transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		-moz-transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		-moz-transform: scale(.3);
	}	
}

@-o-keyframes bounceOut {
	0% {
		-o-transform: scale(1);
	}
	
	25% {
		-o-transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		-o-transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		-o-transform: scale(.3);
	}	
}

@keyframes bounceOut {
	0% {
		transform: scale(1);
	}
	
	25% {
		transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		transform: scale(.3);
	}	
}

.bounceOut {
	-webkit-animation-name: bounceOut;
	-moz-animation-name: bounceOut;
	-o-animation-name: bounceOut;
	animation-name: bounceOut;
}
@-webkit-keyframes bounceOutUp {
	0% {
		-webkit-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-webkit-transform: translateY(20px);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
}

@-moz-keyframes bounceOutUp {
	0% {
		-moz-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-moz-transform: translateY(20px);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
}

@-o-keyframes bounceOutUp {
	0% {
		-o-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-o-transform: translateY(20px);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
}

@keyframes bounceOutUp {
	0% {
		transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		transform: translateY(20px);
	}
	
	100% {
		opacity: 0;
		transform: translateY(-2000px);
	}
}

.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	-moz-animation-name: bounceOutUp;
	-o-animation-name: bounceOutUp;
	animation-name: bounceOutUp;
}
@-webkit-keyframes bounceOutDown {
	0% {
		-webkit-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-webkit-transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
}

@-moz-keyframes bounceOutDown {
	0% {
		-moz-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-moz-transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
}

@-o-keyframes bounceOutDown {
	0% {
		-o-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-o-transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}
}

@keyframes bounceOutDown {
	0% {
		transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		transform: translateY(2000px);
	}
}

.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	-moz-animation-name: bounceOutDown;
	-o-animation-name: bounceOutDown;
	animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
	0% {
		-webkit-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-webkit-transform: translateX(20px);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
}

@-moz-keyframes bounceOutLeft {
	0% {
		-moz-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-moz-transform: translateX(20px);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
}

@-o-keyframes bounceOutLeft {
	0% {
		-o-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-o-transform: translateX(20px);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
}

@keyframes bounceOutLeft {
	0% {
		transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		transform: translateX(20px);
	}
	
	100% {
		opacity: 0;
		transform: translateX(-2000px);
	}
}

.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	-moz-animation-name: bounceOutLeft;
	-o-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
	0% {
		-webkit-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-webkit-transform: translateX(-20px);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
}

@-moz-keyframes bounceOutRight {
	0% {
		-moz-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-moz-transform: translateX(-20px);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
}

@-o-keyframes bounceOutRight {
	0% {
		-o-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-o-transform: translateX(-20px);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
}

@keyframes bounceOutRight {
	0% {
		transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		transform: translateX(-20px);
	}
	
	100% {
		opacity: 0;
		transform: translateX(2000px);
	}
}

.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	-moz-animation-name: bounceOutRight;
	-o-animation-name: bounceOutRight;
	animation-name: bounceOutRight;
}
@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}
@-moz-keyframes rotateIn {
	0% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}
@-o-keyframes rotateIn {
	0% {
		-o-transform-origin: center center;
		-o-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: center center;
		-o-transform: rotate(0);
		opacity: 1;
	}
}
@keyframes rotateIn {
	0% {
		transform-origin: center center;
		transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: center center;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateIn {
	-webkit-animation-name: rotateIn;
	-moz-animation-name: rotateIn;
	-o-animation-name: rotateIn;
	animation-name: rotateIn;
}
@-webkit-keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateInUpLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-o-keyframes rotateInUpLeft {
	0% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInUpLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	-moz-animation-name: rotateInUpLeft;
	-o-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateInDownLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-o-keyframes rotateInDownLeft {
	0% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInDownLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	-moz-animation-name: rotateInDownLeft;
	-o-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateInUpRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-o-keyframes rotateInUpRight {
	0% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInUpRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	-moz-animation-name: rotateInUpRight;
	-o-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateInDownRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-o-keyframes rotateInDownRight {
	0% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInDownRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	-moz-animation-name: rotateInDownRight;
	-o-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateOut {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(200deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOut {
	0% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(200deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOut {
	0% {
		-o-transform-origin: center center;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: center center;
		-o-transform: rotate(200deg);
		opacity: 0;
	}
}

@keyframes rotateOut {
	0% {
		transform-origin: center center;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: center center;
		transform: rotate(200deg);
		opacity: 0;
	}
}

.rotateOut {
	-webkit-animation-name: rotateOut;
	-moz-animation-name: rotateOut;
	-o-animation-name: rotateOut;
	animation-name: rotateOut;
}
@-webkit-keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutUpLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutUpLeft {
	0% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(-90deg);
		opacity: 0;
	}
}

@keyframes rotateOutUpLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: left bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
}

.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	-moz-animation-name: rotateOutUpLeft;
	-o-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutDownLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutDownLeft {
	0% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(90deg);
		opacity: 0;
	}
}

@keyframes rotateOutDownLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: left bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
}

.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	-moz-animation-name: rotateOutDownLeft;
	-o-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutUpRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutUpRight {
	0% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(90deg);
		opacity: 0;
	}
}

@keyframes rotateOutUpRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: right bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
}

.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	-moz-animation-name: rotateOutUpRight;
	-o-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight;
}
@-webkit-keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutDownRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutDownRight {
	0% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(-90deg);
		opacity: 0;
	}
}

@keyframes rotateOutDownRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: right bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
}

.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	-moz-animation-name: rotateOutDownRight;
	-o-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight;
}
@-webkit-keyframes hinge {
	0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
	20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
	40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
	80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
	100% { -webkit-transform: translateY(700px); opacity: 0; }
}

@-moz-keyframes hinge {
	0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
	20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
	40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
	80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
	100% { -moz-transform: translateY(700px); opacity: 0; }
}

@-o-keyframes hinge {
	0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
	20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
	40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
	80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
	100% { -o-transform: translateY(700px); opacity: 0; }
}

@keyframes hinge {
	0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }	
	20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }	
	40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }	
	80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }	
	100% { transform: translateY(700px); opacity: 0; }
}

.hinge {
	-webkit-animation-name: hinge;
	-moz-animation-name: hinge;
	-o-animation-name: hinge;
	animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
	0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
}

@-moz-keyframes rollIn {
	0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
}

@-o-keyframes rollIn {
	0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
}

@keyframes rollIn {
	0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
}

.rollIn {
	-webkit-animation-name: rollIn;
	-moz-animation-name: rollIn;
	-o-animation-name: rollIn;
	animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
    0% {
		opacity: 1;
		-webkit-transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		-webkit-transform: translateX(100%) rotate(120deg);
	}
}

@-moz-keyframes rollOut {
    0% {
		opacity: 1;
		-moz-transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		-moz-transform: translateX(100%) rotate(120deg);
	}
}

@-o-keyframes rollOut {
    0% {
		opacity: 1;
		-o-transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		-o-transform: translateX(100%) rotate(120deg);
	}
}

@keyframes rollOut {
    0% {
		opacity: 1;
		transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		transform: translateX(100%) rotate(120deg);
	}
}

.rollOut {
	-webkit-animation-name: rollOut;
	-moz-animation-name: rollOut;
	-o-animation-name: rollOut;
	animation-name: rollOut;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */

@-webkit-keyframes lightSpeedIn {
	0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
}

@-moz-keyframes lightSpeedIn {
	0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
}

@-o-keyframes lightSpeedIn {
	0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
}

@keyframes lightSpeedIn {
	0% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { transform: translateX(0%) skewX(0deg); opacity: 1; }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    -moz-animation-name: lightSpeedIn;
    -o-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;

    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

.animated.lightSpeedIn {
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */

@-webkit-keyframes lightSpeedOut {
    0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
	100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}

@-moz-keyframes lightSpeedOut {
	0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
	100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}

@-o-keyframes lightSpeedOut {
	0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
	100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}

@keyframes lightSpeedOut {
	0% { transform: translateX(0%) skewX(0deg); opacity: 1; }
	100% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    -moz-animation-name: lightSpeedOut;
    -o-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;

    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

.animated.lightSpeedOut {
    -webkit-animation-duration: 0.25s;
    -moz-animation-duration: 0.25s;
    -o-animation-duration: 0.25s;
    animation-duration: 0.25s;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */

@-webkit-keyframes wiggle {
    0% { -webkit-transform: skewX(9deg); }
    10% { -webkit-transform: skewX(-8deg); }
    20% { -webkit-transform: skewX(7deg); }
    30% { -webkit-transform: skewX(-6deg); }
    40% { -webkit-transform: skewX(5deg); }
    50% { -webkit-transform: skewX(-4deg); }
    60% { -webkit-transform: skewX(3deg); }
    70% { -webkit-transform: skewX(-2deg); }
    80% { -webkit-transform: skewX(1deg); }
    90% { -webkit-transform: skewX(0deg); }
	100% { -webkit-transform: skewX(0deg); }
}

@-moz-keyframes wiggle {
    0% { -moz-transform: skewX(9deg); }
    10% { -moz-transform: skewX(-8deg); }
    20% { -moz-transform: skewX(7deg); }
    30% { -moz-transform: skewX(-6deg); }
    40% { -moz-transform: skewX(5deg); }
    50% { -moz-transform: skewX(-4deg); }
    60% { -moz-transform: skewX(3deg); }
    70% { -moz-transform: skewX(-2deg); }
    80% { -moz-transform: skewX(1deg); }
    90% { -moz-transform: skewX(0deg); }
	100% { -moz-transform: skewX(0deg); }
}

@-o-keyframes wiggle {
    0% { -o-transform: skewX(9deg); }
    10% { -o-transform: skewX(-8deg); }
    20% { -o-transform: skewX(7deg); }
    30% { -o-transform: skewX(-6deg); }
    40% { -o-transform: skewX(5deg); }
    50% { -o-transform: skewX(-4deg); }
    60% { -o-transform: skewX(3deg); }
    70% { -o-transform: skewX(-2deg); }
    80% { -o-transform: skewX(1deg); }
    90% { -o-transform: skewX(0deg); }
	100% { -o-transform: skewX(0deg); }
}

@keyframes wiggle {
    0% { transform: skewX(9deg); }
    10% { transform: skewX(-8deg); }
    20% { transform: skewX(7deg); }
    30% { transform: skewX(-6deg); }
    40% { transform: skewX(5deg); }
    50% { transform: skewX(-4deg); }
    60% { transform: skewX(3deg); }
    70% { transform: skewX(-2deg); }
    80% { transform: skewX(1deg); }
    90% { transform: skewX(0deg); }
	100% { transform: skewX(0deg); }
}

.wiggle {
    -webkit-animation-name: wiggle;
    -moz-animation-name: wiggle;
    -o-animation-name: wiggle;
    animation-name: wiggle;

    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

.animated.wiggle {
    -webkit-animation-duration: 0.75s;
    -moz-animation-duration: 0.75s;
    -o-animation-duration: 0.75s;
    animation-duration: 0.75s;
}

/* === custom icon === */
/* ==== overwrite bootstrap standard ==== */

/* ===================================
1. General
==================================== */

html body {
	font-family: 'Alegreya Sans', Arial, sans-serif;
	font-size: 12pt;
	line-height: 1.6em;
	color: #656565;
}

html a:active {
	outline: 0;
}

html .clear {
	clear: both;
}

html h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 700;
	line-height: 1.1em;
	color: var(--main-color);
}

html h2 {
	font-size: 28px;
	margin-top: 3pt;
	margin-bottom: 3pt;
}

/* ===================================
2. layout
==================================== */

.container {
	padding: 0 20px 0 20px;
	position: relative;
}

#wrapper {
	width: 100%;
	margin: 0;
	padding: 0;
}


.row,
.row-fluid {
	margin-bottom: 0px;
}

.row.nomargin,
.row-fluid.nomargin {
	margin-bottom: 0;
}



/* ===================================
3. Responsive media
==================================== */

.video-container,
.map-container,
.embed-container {
	position: relative;
	margin: 0 0 15px 0;
	padding-bottom: 51%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	border: none;
}

.embed-container iframe,
.embed-container object,
.embed-container embed,
.video-container iframe,
.map-container iframe,
.map-container object,
.map-container embed,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

iframe {
	border: none;
}

img.img-polaroid {
	margin: 0 0 20px 0;
}

.img-box {
	max-width: 100%;
}

/* ===================================
4. Header
==================================== */

/* --- header -- */

@media (min-width: 768px) {

	.navbar>.container .navbar-brand,
	.navbar>.container-fluid .navbar-brand {
		margin-left: 0;
	}
}

header .navbar {
	margin-bottom: 0;
}

.navbar-default {
	border: none;
}

.navbar-brand {
	color: #222;
	font-size: 24px;
	font-weight: 700;
	line-height: 1em;
	letter-spacing: -1px;
	margin-top: 0;
	padding: 0;
}

.navbar-brand img {
	max-height: 22pt;
	margin-left: 5pt;
	margin-top: 10pt;
}

header .navbar-collapse ul.navbar-nav {
	float: right;
	margin: 5pt;
	flex-direction: row;
}

header .navbar-default {
	background-color: #fff;
}

header .nav li a:hover,
header .nav li a:focus,
header .nav li.active a,
header .nav li.active a:hover,
header .nav li a.dropdown-toggle:hover,
header .nav li a.dropdown-toggle:focus,
header .nav li.active ul.dropdown-menu li a:hover,
header .nav li.active ul.dropdown-menu li.active a {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}


header .navbar-default .navbar-nav>.open>a,
header .navbar-default .navbar-nav>.open>a:hover,
header .navbar-default .navbar-nav>.open>a:focus {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}


header .navbar {
	min-height: 0px;
	padding: 0;
}

header .navbar-collapse.collapse.show .navbar-nav li {
	padding-bottom: 0;
	padding-top: 0;
}

header .navbar-nav>li>a {
	padding-bottom: 6px;
	padding-top: 5px;
	margin-left: 2px;
	line-height: 30px;
	font-weight: 700;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}


.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
	background-color: #fff;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
	background-color: #fff;
}


.dropdown-menu {
	box-shadow: none;
	border-radius: 0;
	border: 1px solid rgba(255, 255, 255);
}

.dropdown-menu li:last-child {
	padding-bottom: 0 !important;
	margin-bottom: 0;
}

header .nav li .dropdown-menu {
	padding: 0;
}

header .nav li .dropdown-menu li a {
	padding: 3px 12px 3px 20px
}

/* --- menu --- */

header .navigation {
	float: right;
}

header ul.nav li {
	border: none;
	margin: 0;
}

header .navbar li {
	white-space: nowrap;
}

header ul.nav li a {
	font-size: 11pt;
	border: none;
	font-weight: 700;
}

header ul.nav li ul li a {
	font-size: 11pt;
	border: none;
	font-weight: 700;
}

.navbar .nav>.active>a,
.navbar .nav>.active>a:hover {
	background: none;
	font-weight: 600;
}

.navbar .nav>.active>a:active,
.navbar .nav>.active>a:focus {
	background: none;
	outline: 0;
	font-weight: 600;
}

.navbar .nav li .dropdown-menu {
	z-index: 2000;
	top: 82%;
	text-align: end;
	position: absolute;
}

.navbar .nav li:hover>ul.dropdown-menu {
	display: block;
}

header ul.nav li ul {
	margin-top: 1px;
}

header ul.nav li ul li ul {
	margin: 1px 0 0 1px;
}

.dropdown-menu .dropdown i {
	position: absolute;
	right: 0;
	margin-top: 3px;
	padding-left: 20px;
}

.navbar .nav>li>.dropdown-menu:before {
	display: inline-block;
	border-right: none;
	border-bottom: none;
	border-left: none;
	border-bottom-color: none;
	content: none;
}



ul.nav li.dropdown a {
	z-index: 1000;
	display: block;
}

select.selectmenu {
	display: none;
}

/* ===================================
5. Section: Featured
==================================== */

#featured {
	width: 100%;
	background: #fcfcfc;
	position: relative;
	margin: 0;
	padding: 0;
}

/* ===================================
6. Sliders
==================================== */
/* --- flexslider --- */

#featured .flexslider {
	padding: 0;
	margin: 50px 0 30px;
	background: #fff;
	position: relative;
	zoom: 1;
}

.flex-caption {
	background: none;
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
	zoom: 1;
}

.flex-caption {
	bottom: 35px;
	background-color: rgba(106, 168, 78, 0.8);
	color: #fff;
	margin: 0;
	padding: 10px 10px 10px 10px;
	position: absolute;
	right: 0;
	width: 500px;
}

.flex-caption h3 {
	color: #fff;
	letter-spacing: 1px;
	margin-bottom: 8px;
}

.flex-caption p {
	margin: 0 0 15px;
}



/* ===================================
7. Section: call action
==================================== */
section.callaction {
	padding: 0 0 0 0;
}



/* ===================================
8. Section: Content
==================================== */

#content {
	position: relative;
	background: #fff;
	padding: 10px 0 10px 0;
}

#content img {
	height: auto;
	max-width: 100%;
}

/* --- Call to action --- */

.cta-text {
	text-align: center;
	margin-top: 10px;
}


.big-cta .cta {
	margin-top: 10px;
}

/* --- box --- */

.box {
	width: 100%;
}

.box-gray {
	background: #f8f8f8;
	padding: 20px 20px 30px;
}

.box-gray h4,
.box-gray i {
	margin-bottom: 20px;
}

.box-bottom {
	padding: 20px 0;
	text-align: center;
}

.box-bottom a {
	color: #fff;
	font-weight: 700;
}

.box-bottom a:hover {
	color: #eee;
	text-decoration: none;
}


/* ===================================
9. Section: Bottom
==================================== */

#bottom {
	background: #fcfcfc;
	padding: 50px 0 0;

}

/* twitter */
#twitter-wrapper {
	text-align: center;
	width: 70%;
	margin: 0 auto;
}

#twitter em {
	font-style: normal;
	font-size: 13px;
}

#twitter em.twitterTime a {
	font-weight: 600;
}

#twitter ul {
	padding: 0;
	list-style: none;
}

#twitter ul li {
	font-size: 20px;
	line-height: 1.6em;
	margin-bottom: 20px;
	position: relative;
	word-break: break-word;
}


/* ===================================
10. Inner - Section: page headline
==================================== */

#inner-headline {
	background: var(--main-color);
	position: relative;
	margin: 0;
	padding: 0;
	color: #fefefe;
	height: 21pt;
}


#inner-headline .inner-heading h2 {
	color: #fff;
	margin: 20px 0 0 0;
}

#inner-headline ul.breadcrumb li {
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
}

#inner-headline ul.breadcrumb.derecha li {
	margin-left: 10px;
}

#inner-headline ul.breadcrumb li a {
	color: #fff;
}

ul.breadcrumb li a:hover {
	text-decoration: none;
}

/* ============================
11. Forms
============================= */

form#contactform textarea {
	border: 1px solid #f5f5f5;
	width: 100%;
	padding-left: 20px;
	padding-top: 10px;
	font-size: 13px;
	padding-right: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}

form#contactform .validation {
	font-size: 11px;
}

#sendmessage {
	border: 1px solid #e6e6e6;
	background: #f6f6f6;
	display: none;
	text-align: center;
	padding: 15px 12px 15px 65px;
	margin: 10px 0;
	font-weight: 600;
	margin-bottom: 30px;

}

#sendmessage.show,
.show {
	display: block;
}

/* --- comment form ---- */
form#commentform input[type="text"] {
	width: 100%;
	min-height: 40px;
	padding-left: 20px;
	font-size: 13px;
	padding-right: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;

}

form#commentform textarea {
	width: 100%;
	padding-left: 20px;
	padding-top: 10px;
	font-size: 13px;
	padding-right: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
}


/* --- search form --- */
.search {
	float: right;
	margin: 35px 0 0;
	padding-bottom: 0;
}

#inner-headline form.input-append {
	margin: 0;
	padding: 0;
}



/* ===============================
12. Portfolio
================================ */

.work-nav #filters {
	margin: 0;
	padding: 0;
	list-style: none;
}

.work-nav #filters li {
	margin: 0 10px 30px 0;
	padding: 0;
	float: left;
}

.work-nav #filters li a {
	color: #7F8289;
	font-size: 16px;
	display: block;
}

.work-nav #filters li a.selected {
	color: #DE5E60;
}

#thumbs {
	margin: 0;
	padding: 0;
}

#thumbs li {
	list-style-type: none;
}

.item-thumbs {
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
	cursor: pointer;
}

.item-thumbs a+img {
	width: 100%;
}

.item-thumbs .hover-wrap {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;

	opacity: 0;
	filter: alpha(opacity=0);

	-webkit-transition: all 450ms ease-out 0s;
	-moz-transition: all 450ms ease-out 0s;
	-o-transition: all 450ms ease-out 0s;
	transition: all 450ms ease-out 0s;

	-webkit-transform: rotateY(180deg) scale(0.5, 0.5);
	-moz-transform: rotateY(180deg) scale(0.5, 0.5);
	-ms-transform: rotateY(180deg) scale(0.5, 0.5);
	-o-transform: rotateY(180deg) scale(0.5, 0.5);
	transform: rotateY(180deg) scale(0.5, 0.5);
}

.item-thumbs:hover .hover-wrap,
.item-thumbs.active .hover-wrap {
	opacity: 1;
	filter: alpha(opacity=100);

	-webkit-transform: rotateY(0deg) scale(1, 1);
	-moz-transform: rotateY(0deg) scale(1, 1);
	-ms-transform: rotateY(0deg) scale(1, 1);
	-o-transform: rotateY(0deg) scale(1, 1);
	transform: rotateY(0deg) scale(1, 1);
}

.item-thumbs .hover-wrap .overlay-img {
	position: absolute;
	width: 50%;
	height: 100%;
	opacity: 0.80;
	filter: alpha(opacity=80);
	background: #000;
}

.item-thumbs .hover-wrap .overlay-img-thumb {
	position: absolute;
	border-radius: 60px;
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -16px;
	color: #fff;
	font-size: 32px;
	line-height: 1em;
	opacity: 1;
	filter: alpha(opacity=100);
}


/* --- Portolio filter --- */

ul.portfolio-categ {
	margin: 10px 0 30px 0;
	padding: 0;
	float: left;
	list-style: none;
}

ul.portfolio-categ li {
	margin: 0;
	padding: 0 20px 0 0;
	float: left;
	list-style: none;
	font-size: 13px;
	font-weight: 600;
}

ul.portfolio-categ li a {
	display: block;
	padding: 35x 0 35x 0;
	color: #353535;
}

ul.portfolio-categ li.active a:hover,
ul.portfolio-categ li a:hover,
ul.portfolio-categ li a:focus,
ul.portfolio-categ li a:active {
	text-decoration: none;
	outline: 0;
}



/* --- portfolio detail --- */
.top-wrapper {
	margin-bottom: 20px;
}

/* ===============================
13. Elements
================================ */

/* --- blockquote --- */
blockquote {
	font-size: 16px;
	font-weight: 400;
	font-family: 'Noto Serif', serif;
	font-style: italic;
	padding-left: 0;
	color: #a2a2a2;
	line-height: 1.6em;
	border: none;
}

blockquote cite {
	display: block;
	font-size: 12px;
	color: #666;
	margin-top: 10px;
}

blockquote cite:before {
	content: "\2014 \0020";
}

blockquote cite a,
blockquote cite a:visited,
blockquote cite a:visited {
	color: #555;
}

/* --- pullquotes --- */

.pullquote-left {
	display: block;
	color: #a2a2a2;
	font-family: 'Noto Serif', serif;
	font-size: 14px;
	line-height: 1.6em;
	padding-left: 20px;
}

.pullquote-right {
	display: block;
	color: #a2a2a2;
	font-family: 'Noto Serif', serif;
	font-size: 14px;
	line-height: 1.6em;
	padding-right: 20px;
}

/* --- button --- */
.btn-theme {
	color: #fff;
}

.btn-theme:hover {
	color: #eee;
}

/* --- list style --- */

ul.general {
	list-style: none;
	margin-left: 0;
}

ul.link-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.link-list li {
	margin: 0;
	padding: 2px 0 2px 0;
	list-style: none;
}

footer ul.link-list li a {
	color: #fff;
}

footer ul.link-list li a:hover {
	color: #eee;
}

/* --- Heading style --- */

h4.heading {
	font-weight: 700;
}

.heading {
	margin-bottom: 30px;
}

.heading {
	position: relative;

}


.widgetheading {
	width: 100%;

	padding: 0;
}

#bottom .widgetheading {
	position: relative;
	border-bottom: #e6e6e6 1px solid;
	padding-bottom: 9px;
}

aside .widgetheading {
	position: relative;
	border-bottom: #e9e9e9 1px solid;
	padding-bottom: 9px;
}

footer .widgetheading {
	position: relative;
}

footer .widget .social-network {
	position: relative;
}


#bottom .widget .widgetheading span,
aside .widget .widgetheading span,
footer .widget .widgetheading span {
	position: absolute;
	width: 60px;
	height: 1px;
	bottom: -1px;
	right: 0;

}

/* --- Map --- */
.map iframe {
	width: 100%;
	height: 450px;
	border: none;
}

.map-grid iframe {
	width: 100%;
	height: 350px;
	border: none;
	margin: 0 0 -5px 0;
	padding: 0;
}

/* --- our team --- */

ul.team-detail {
	margin: -10px 0 0 0;
	padding: 0;
	list-style: none;
}

ul.team-detail li {
	border-bottom: 1px dotted #e9e9e9;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	list-style: none;
}

ul.team-detail li label {
	font-size: 13px;
}

ul.team-detail li h4,
ul.team-detail li label {
	margin-bottom: 0;
}

ul.team-detail li ul.social-network {
	border: none;
	margin: 0;
	padding: 0;
}

ul.team-detail li ul.social-network li {
	border: none;
	margin: 0;
}

ul.team-detail li ul.social-network li i {
	margin: 0;
}

/* --- Pricing box --- */


.pricing-title {
	background: #fff;
	text-align: center;
	padding: 10px 0 10px 0;
}

.pricing-title h3 {
	font-weight: 600;
	margin-bottom: 0;
}

.pricing-offer {
	background: #fcfcfc;
	text-align: center;
	padding: 40px 0 40px 0;
	font-size: 18px;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}

.pricing-box.special .pricing-offer {
	color: #fff;
}

.pricing-offer strong {
	font-size: 78px;
	line-height: 89px;
}

.pricing-offer sup {
	font-size: 28px;
}

.pricing-content {
	background: #fff;
	text-align: center;
	font-size: 14px;
}

.pricing-content strong {
	color: #353535;
}

.pricing-content ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.pricing-content ul li {
	border-bottom: 1px solid #e9e9e9;
	list-style: none;
	padding: 15px 0 15px 0;
	margin: 0 0 0 0;
	color: #888;
}

.pricing-action {
	margin: 0;
	background: #fcfcfc;
	text-align: center;
	padding: 20px 0 30px 0;
}

.pricing-wrapp {
	margin: 0 auto;
	width: 100%;
	background: #fd0000;
}

/* --- pricing box alt 1 --- */
.pricing-box-alt {
	border: 1px solid #e6e6e6;
	background: #fcfcfc;
	position: relative;
	margin: 0 0 20px 0;
	padding: 0;
	-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);
	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.pricing-box-alt .pricing-heading {
	background: #fcfcfc;
	text-align: center;
	padding: 40px 0 0px 0;
	display: block;
}

.pricing-box-alt.special .pricing-heading {
	background: #fcfcfc;
	text-align: center;
	padding: 40px 0 1px 0;
	border-bottom: none;
	display: block;
	color: #fff;
}

.pricing-box-alt.special .pricing-heading h3 {
	color: #fff;
}

.pricing-box-alt .pricing-heading h3 strong {
	font-size: 32px;
	font-weight: 700;
	letter-spacing: -1px;
}

.pricing-box-alt .pricing-heading h3 {
	font-size: 32px;
	letter-spacing: -1px;
}

.pricing-box-alt .pricing-terms {
	text-align: center;
	background: #333;
	display: block;
	overflow: hidden;
	padding: 30px 0 20px;
}

.pricing-box-alt .pricing-terms h6 {
	font-style: italic;
	margin-top: 10px;
	color: #fff;

	font-family: 'Noto Serif', serif;
}

.pricing-box-alt .icon .price-circled {
	margin: 10px 10px 10px 0;
	display: inline-block !important;
	text-align: center !important;
	color: #fff;
	width: 68px;
	height: 68px;
	padding: 12px;
	font-size: 16px;
	font-weight: 700;
	line-height: 68px;
	text-shadow: none;
	cursor: pointer;
	background-color: #888;
	border-radius: 64px;
	-moz-border-radius: 64px;
	-webkit-border-radius: 64px;
}

.pricing-box-alt .pricing-action {
	margin: 0;
	text-align: center;
	padding: 30px 0 30px 0;
}


/* ===============================
14. Blog & article
================================ */

article {
	margin-bottom: 40px;
}

article .post-heading h3 {
	margin-bottom: 20px;
}

article .post-heading h3 a {
	font-weight: 700;
	color: #999;
}

article .post-heading h3 a:hover {
	text-decoration: none;
}


/* --- post meta --- */
.post-meta {
	background: #fcfcfc;
	border: 1px solid #e6e6e6;
	border-top: none;
	text-align: center;
}

.post-meta .format {
	border-bottom: 1px solid #e6e6e6;
	padding: 10px 0 10px;
}

.post-meta i {
	margin: 0;
}

.post-meta .date {
	border-bottom: 1px solid #e6e6e6;
	padding: 10px 0 10px;
}

.post-meta .date span {
	text-align: center;
	color: #999;
	font-size: 12px;
	font-weight: 600;
}

.post-meta .comments {
	padding: 10px 0 10px;
}

.post-meta .comments a {
	color: #999;
	font-size: 12px;
	font-weight: 700;
}

.post-meta .comments a:hover {
	text-decoration: none;
}

/* --- post format --- */

.post-image {
	margin-bottom: 20px;
}

.post-quote {
	margin-bottom: 20px;
}

.post-video {
	margin-bottom: 20px;
}

.post-audio {
	margin-bottom: 20px;
}

.post-link {
	margin-bottom: 20px;
}

.post-slider {
	margin-bottom: 20px;
}


.post-quote blockquote {
	font-size: 16px;
	color: #999;
	font-family: 'Noto Serif', serif;
	font-style: italic;
	line-height: 1.6em;
}


.post-image img:hover {
	-webkit-box-shadow: 0 0 2px #979797;
	-moz-box-shadow: 0 0 2px #979797;
	box-shadow: 0 0 2px #979797;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

ul.meta-post {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.meta-post li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	list-style: none;
	border-right: 1px dotted #e9e9e9;
	padding-right: 10px;
}

ul.meta-post li i {
	float: left;
	font-size: 12px;
	margin: 2px 5px 0 0;
}

ul.meta-post li a {
	color: #999;
	float: left;
	font-size: 12px;
	font-weight: 600;
}

/* --- single post --- */
.bottom-article {
	overflow: hidden;
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
	padding: 10px 0 10px 0;
	margin-top: 20px;
}

/* --- author info --- */

.about-author {
	border: 1px solid #f5f5f5;
	padding: 20px;
	float: left;
	margin-bottom: 5px;
}

.about-author h5 {
	margin-bottom: 10px;
}



/* --- Comment --- */

.comment-area {
	float: left;
	width: 100%;
	margin-top: 30px;
}


.media-content {
	overflow: hidden;
	margin-left: 12px;
	border-bottom: 1px dotted #d5d5d5;
	padding-bottom: 20px;
}

.media-content h6 {
	font-size: 14px;
	font-weight: 700;
}

.media-content span {
	color: #a9a9a9;
	font-size: 14px;
}

.comment-area .thumbnail>img {
	display: block;
	width: 60px;
	height: 60px;
}

.filter-list {
	margin-top: 20px;
}

/* --- pagination --- */

#pagination a,
#pagination span {
	display: block;
	float: left;
	margin: 0 7px 0 0;
	padding: 7px 10px 6px 10px;
	font-size: 12px;
	line-height: 12px;
	color: #888;
	font-weight: 600;
}

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

#pagination span.current {
	background: #333;
	color: #fff;
	font-weight: bold;
}


/* ===============================
15. Aside, sidebar
================================ */

aside {
	position: relative;
	margin-bottom: 40px;
}

.sidebar-nav {
	float: left;
	width: 100%;
}

.right-sidebar {
	border-left: 1px solid #f5f5f5;
	padding: 0 0 0 10px;
	-webkit-box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, .01);
	box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, .01);

}


.left-sidebar {
	border-right: 1px solid #f5f5f5;
	padding: 0 30px 0 0;
	-webkit-box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, .01);
	box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, .01);
}


.left-sidebar .widget h3,
.left-sidebar .widget .widget-content {
	padding-right: 20px;
}



aside .widget {
	margin-bottom: 40px;
}


ul.cat,
ul.recent,
ul.folio-detail,
ul.contact-info {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.cat li,
ul.recent li,
ul.folio-detail li,
ul.contact-info li {
	margin: 0 0 15px 0;
	list-style: none;
}

ul.cat li a,
ul.folio-detail li a {
	color: #656565;
}

ul.folio-detail li label {
	display: inline;
	cursor: default;
	color: #353535;
	font-weight: bold;
}

.widget ul.recent li {
	margin-bottom: 30px;
}

ul.recent li h6 {
	margin: 0 0 10px 0;
}

ul.recent li h6 a {
	color: #999;
	font-size: 16px;
	font-weight: 600;
}


.widget ul.tags {
	list-style: none;
	margin: 0;
	margin-left: 0;
	padding-left: 0;
}

.widget ul.tags li {
	margin: 0 5px 15px 0;
	display: inline-block;
}


.widget ul.tags li a {
	background: #e6e6e6;
	color: #333;
	padding: 5px 10px;
}

.widget ul.tags li a:hover {
	text-decoration: none;
	color: #fff;
}

/* ===== Widgets ===== */

/* --- flickr --- */
.widget .flickr_badge {
	width: 100%;
}

.widget .flickr_badge img {
	margin: 0 9px 20px 0;
}

footer .widget .flickr_badge {
	width: 100%;
}

footer .widget .flickr_badge img {
	margin: 0 9px 20px 0;
}

.flickr_badge img {
	width: 50px;
	height: 50px;
	float: left;
	margin: 0 9px 20px 0;
}

/* --- latest tweet widget --- */

.twitter ul {
	margin-left: 0;
	list-style: none;
}

.twitter img {
	float: left;
	margin-right: 15px;
}

.twitter span.tweet_time {
	display: block;
	padding-bottom: 5px;

}

.twitter li {
	border-bottom: 1px dashed #efefef;
	padding-bottom: 20px;
	margin-bottom: 20px;
	list-style: none;
}

.twitter li:last-child {
	border: none;
}

/* --- Recent post widget --- */

.recent-post {
	margin: 20px 0 0 0;
	padding: 0;
	line-height: 18px;
}

.recent-post h5 a:hover {
	text-decoration: none;
}

.recent-post .text h5 a {
	color: #353535;
}


ul.time-post {
	float: left;
	width: 120px;
	padding: 0;
	list-style: none;
	margin: 0 20px 0 0;
	text-align: center;
	color: #0e0f0f;
}

ul.time-post li {
	float: none;
	background: #f8f8f8;
	list-style: none;
	margin: 0 0 2px 0;
	padding: 0;
}

ul.time-post li a img:hover {
	opacity: 0.8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

ul.time-post li.time {
	float: none;
	padding: 5px 0 5px 0;
	text-shadow: none;
}

.recent-post ul.time-post li.time {
	color: #121214;
}

.post-meta {
	margin-bottom: 20px;
}

.post-meta span {
	padding: 0 10px 0 10px;
	margin-bottom: 10px;
}

.post-meta span a {
	color: #919191;
}

.post-meta strong {
	font-weight: 200px;
	color: #c7c7c7;
}

.item .text {
	margin-left: 140px;
	margin-bottom: 20px;
}

/* ===============================
16. Footer
================================ */

footer {
	padding: 0px 0 0 0;
	color: #f8f8f8;
}

footer a {
	color: #fff;
}

footer a:hover {
	color: #eee;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
	color: #fff;
}

footer address {
	line-height: 1.6em;
}

footer h5 a:hover,
footer a:hover {
	text-decoration: none;
}

ul.social-network {
	list-style: none;
	margin: 0;
}

ul.social-network li {
	display: inline;
	margin: 0 5px;
}

#sub-footer {
	text-shadow: none;
	color: #f5f5f5;
	padding: 0;
	padding-top: 0px;
	margin: 20px 0 0 0;
}

#sub-footer p {
	margin: 0;
	padding: 0;
}

#sub-footer span {
	color: #f5f5f5;
	position: absolute;
}

.copyright {
	text-align: left;
	font-size: 12px;
}

#sub-footer ul.social-network {
	float: right;
}


/* ===============================
 Live preview purpose
================================ */
/* --- buttons --- */

.bs-docs-example {
	margin: 0 0 10px 0;
}

.demobtn a.btn {
	margin: 0 10px 10px 0;
}

section.demogrid .col-lg-1,
section.demogrid .col-lg-2,
section.demogrid .col-lg-3,
section.demogrid .col-lg-4,
section.demogrid .col-lg-5,
section.demogrid .col-lg-6,
section.demogrid .col-lg-7,
section.demogrid .col-lg-8,
section.demogrid .col-lg-9,
section.demogrid .col-lg-10,
section.demogrid .col-lg-11 {
	background: #f6f6f6;
	text-align: center;
	padding: 20px 0 20px;
}

section.demogrid .show-grid .row,
section.demogrid .show-grid .row-fluid {
	margin-bottom: 0;
}

section.demogrid .show-grid .nest {
	background: #ddd;
	text-align: center;
	padding: 20px 0 20px;
}

section.demogrid .col-lg-12.nest {
	background: #f6f6f6;
	text-align: center;
	padding: 20px 0 0;
}

.demoinline p {
	display: inline;
	margin-right: 20px;
}


/* ===============================
17. Divider, Line & Misc
================================ */

.solidline {
	border-top: 1px solid #f5f5f5;
	margin: 0 0 30px;
}

.dottedline {
	border-top: 1px dotted #f5f5f5;
	margin: 0 0 30px;
}

.dashedline {
	border-top: 1px dashed #f5f5f5;
	margin: 0 0 30px;
}

.blankline {
	height: 1px;
	margin: 0 0 30px;
}


/* scroll to top */
.scrollup {
	position: fixed;
	width: 32px;
	height: 32px;
	bottom: 0px;
	right: 20px;
	background: #222;

}

a.scrollup {
	outline: 0;
	text-align: center;
}

a.scrollup:hover,
a.scrollup:active,
a.scrollup:focus {
	opacity: 1;
	text-decoration: none;
}

a.scrollup i {
	margin-top: 10px;
	color: #fff;
}

a.scrollup i:hover {
	text-decoration: none;
}




/* =============================
18. Position & alignment
============================= */

.absolute {
	position: absolute;
}

.relative {
	position: relative;
}

.aligncenter {
	text-align: center;
}

.aligncenter span {
	margin-left: 0;
}

.floatright {
	float: right;
}

.floatleft {
	float: left;
}

.floatnone {
	float: none;
}

.aligncenter {
	text-align: center;
}

/* --- Image allignment style --- */

img.pull-left,
.align-left {
	float: left;
	margin: 0 15px 15px 0;
}

.widget img.pull-left {
	float: left;
	margin: 0 15px 15px 0;
}

img.pull-right,
.align-right {
	float: right;
	margin: 0 0 15px 15px;
}

article img.pull-left,
article .align-left {
	float: left;
	margin: 5px 15px 15px 0;
}

article img.pull-right,
article .align-right {
	float: right;
	margin: 5px 0 15px 15px;
}

/* =============================
20. Spacer, margin
============================= */

.clear-marginbot {
	margin-bottom: 0;
}

.marginbot10 {
	margin-bottom: 10px;
}

.marginbot20 {
	margin-bottom: 20px;
}

.marginbot30 {
	margin-bottom: 30px;
}

.marginbot40 {
	margin-bottom: 40px;
}

.clear-margintop {
	margin-top: 0;
}

.margintop10 {
	margin-top: 10px;
}

.margintop20 {
	margin-top: 20px;
}

.margintop30 {
	margin-top: 30px;
}

.margintop40 {
	margin-top: 40px;
}


/* =============================
21. Media queries
============================= */

@media (min-width: 768px) and (max-width: 979px) {

	a.detail {
		background: none;
		width: 100%;
	}



	footer .widget form input#appendedInputButton {
		display: block;
		width: 91%;
		-webkit-border-radius: 4px 4px 4px 4px;
		-moz-border-radius: 4px 4px 4px 4px;
		border-radius: 4px 4px 4px 4px;
	}

	footer .widget form .input-append .btn {
		display: block;
		width: 100%;
		padding-right: 0;
		padding-left: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin-top: 10px;
	}

	ul.related-folio li {
		width: 156px;
		margin: 0 20px 0 0;
	}
}

@media (max-width: 767px) {

	body {
		padding-right: 0;
		padding-left: 0;
	}

	.navbar-brand {
		margin-top: 0px;
		border-bottom: none;
	}

	.navbar-header {
		margin-top: 20px;
		border-bottom: none;
	}

	.navbar-nav {
		border-top: none;
		float: none;
		position: absolute;
		right: 0;
		background-color: white;
		flex-direction: column !important;
		z-index: 99999;
	}

	header .nav li .dropdown-menu {
		margin-top: 0;
	}

	.dropdown-menu {
		position: absolute;
		top: 0;
		left: 40px;
		z-index: 1000;
		display: none;
		float: left;
		min-width: 160px;
		padding: 5px 0;
		margin: 2px 0 0;
		font-size: 13px;
		list-style: none;
		background-color: #fff;
		background-clip: padding-box;
		border: 1px solid #f5f5f5;
		border: 1px solid rgba(0, 0, 0, .15);
		border-radius: 0;
		-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
		box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	}



	.navbar-collapse.collapse {
		border: none;
		overflow: hidden;
	}

	.navbar-collapse.collapse:not(.show) {
		display: none !important;
	}

	.navbar-collapse {
		max-height: none;
	}

	.box {
		border-bottom: 1px solid #e9e9e9;
		padding-bottom: 20px;
	}

	#featured .flexslider .slide-caption {
		width: 90%;
		padding: 2%;
		position: absolute;
		left: 0;
		bottom: -40px;
	}


	#inner-headline .breadcrumb {
		float: left;
		clear: both;
		width: 100%;
	}

	.breadcrumb>li {
		font-size: 13px;
	}


	ul.portfolio li article a i.icon-48 {
		width: 20px;
		height: 20px;
		font-size: 16px;
		line-height: 20px;
	}


	.left-sidebar {
		border-right: none;
		padding: 0 0 0 0;
		border-bottom: 1px dotted #e6e6e6;
		padding-bottom: 10px;
		margin-bottom: 40px;
	}

	.right-sidebar {
		margin-top: 30px;
		border-left: none;
		padding: 0 0 0 0;
	}


	footer .col-lg-1,
	footer .col-lg-2,
	footer .col-lg-3,
	footer .col-lg-4,
	footer .col-lg-5,
	footer .col-lg-6,
	footer .col-lg-7,
	footer .col-lg-8,
	footer .col-lg-9,
	footer .col-lg-10,
	footer .col-lg-11,
	footer .col-lg-12 {
		margin-bottom: 20px;
	}

	#sub-footer ul.social-network {
		float: left;
	}



	[class*="span"] {
		margin-bottom: 20px;
	}

}

@media (max-width: 480px) {
	.bottom-article a.pull-right {
		float: left;
		margin-top: 20px;
	}


	.search {
		float: left;
	}

	.flexslider .flex-caption {
		display: none;
	}


	.cta-text {
		margin: 0 auto;
		text-align: center;
	}

	ul.portfolio li article a i {
		width: 20px;
		height: 20px;
		font-size: 14px;
	}


}

@media (max-width: 360px) {}

div.flatpickr-calendar {
	position: fixed;
	top: auto;
	width: auto !important;
	border-radius: 0px !important;

}

div.flatpickr-calendar.static {
	position: fixed !important;
	top: auto !important;
}

.flatpickr-current-month {
	font-size: 15px !important;
}

.flatpickr-months {
	height: 25px !important;
}

.flatpickr-day {
	height: 30px !important;
	line-height: 30px !important;
}

.flatpickr-time .numInputWrapper {
	height: 15px !important;
}

.flatpickr-time {
	height: 20px !important;
	line-height: 14px !important;
}

.flatpickr-weekdays {
	margin-bottom: -7px !important;
}

.flatpickr-day.selected {
	background: var(--main-color) !important;
	box-shadow: none;
	color: #fff;
	border-color: var(--main-color) !important;
	border-radius: unset;
}

.flatpickr-day:hover {
	background-color: var(--accent-color) !important;
	border-radius: unset;
	color: white;
	border: none;
}

.flatpickr-day.today {
	border-radius: unset;
	border-color: var(--main-color) !important;
}

.dayContainer {
	width: 240px !important;
	min-width: unset !important;
}

.flatpickr-days {
	width: auto !important;
}

.dropdown-menu {
	left: auto;
	right: 0;
	float: left;
	min-width: 160px;
}


table.recuadro th,
table.recuadro td {
	border: 1px solid var(--main-color);
}

th.sorting span.separator-bar {
	color: var(--accent-color);
	top: 40% !important;
}

.navbar-brand {
	height: 34px;
	float: none;
}

.navbar-brand img {
	margin-top: 5pt;
	margin-bottom: 5pt;
}
body #content {
  .vis-time-axis .vis-text {
    font-size: 10.5pt;
    color: var(--accent-color);
  }

  div.vis-timeline.vis-bottom {
    border: none;
  }

  div.vis-text.vis-minor {
    font-size: 9pt;
    margin-left: 3px;
  }

  div.vis-text.vis-major div {
    font-size: 9pt;
  }

  .vis-time-axis .vis-grid.vis-major {
    border-color: #888;
    border-width: 0.15rem;
  }

  .vis-time-axis .vis-grid.vis-minor {
    border-color: #888;
  }

  div.vis-custom-time.current div {
    color: var(--main-color);
    font-size: 11pt;
    width: 600% !important;
    left: -300% !important;
    text-align: center;
    line-height: 34pt;
  }

  div.vis-panel.vis-center {
    border: none;
  }

  div.vis-item.vis-range.deslizante.vis-editable {
    height: 7pt;
  }

  div.vis-current-time,
  div.vis-custom-time.current {
    border: none;
    background: #00000000;
    width: 4pt;
    cursor: pointer !important;
    z-index: 1;
  }

  div.vis-custom-time:not(.current) {
    background-color: var(--accent-color);
  }

  div.vis-current-time {
    background: #00000000;
    color: var(--main-color);
    margin-left: -5pt;
    margin-top: -7pt;
  }

  div.vis-custom-time-marker {
    background: none !important;
    color: var(--accent-color) !important;
  }
}
:root {
  --footer-height: 22pt;
  --main-color: #ac2624;
  --accent-color: #ac2624;
  --light-color: #fbeded;
  --semitransparent-color: rgba(255, 255, 255, 0.7);
  --ol-subtle-background-color: rgba(255, 255, 255, 0.4);
}


.resaltado,
.resaltado:hover {
  font-size: large;
  color: var(--main-color);
  font-weight: bold;
  text-decoration: none;
}

.resaltado-meteo,
.resaltado-meteo:hover {
  font-size: large;
  color: var(--accent-color);
  font-weight: bold;
  text-decoration: none;
}

.enlace {
  font-size: large;
  color: var(--main-color);
  font-weight: bold;
  text-decoration: underline;
}

.enlace-icono {
  font-size: large;
  color: var(--main-color);
}

.volver {
  color: var(--main-color);
  font-weight: bold;
}

.negrita-main-color {
  color: var(--main-color);
  font-weight: bold;
  vertical-align: middle;
}

.page-breadcrumb {
  display: none;
}

.prelista {
  margin-bottom: 5px;
}

.sin_espacio {
  margin-top: 0px;
  margin-bottom: 0px;
}

.lista {
  padding-top: 0pt;
  list-style: none;
}

.lista li {
  padding: 0 0 0 25px;
}

.fecha {
  float: right;
}

.derecha {
  float: right !important;
  list-style: none;
  padding-left: 3px;
  width: auto;
  justify-content: end;
}

.izquierda {
  float: left;
}

.ui-dialog-buttonset>button.fa.fa-female {
  line-height: normal;
  height: 27.65px;
}

.alto-fijo {
  height: 100%;
}

.titulo_cabecera {
  color: #fff;
  font-size: 20pt;
  font-weight: 700;
  text-align: center !important;
  padding-top: 10pt;
}

body {
  color: #4a2151;
}

select,
input {
  border: 1px var(--main-color) solid;
  color: inherit;
  box-shadow: none;
  background: white;
  line-height: 12pt;
}

select,
input[type='file'] {
  border: inherit;
}

.form-group>textarea:focus {
  box-shadow: none;
}

.form-group>input[type='text']:focus,
.form-group>input[type='password']:focus {
  border-color: var(--main-color);
  box-shadow: none;
}

.copyright {
  padding-right: 0.5em;
}

input.year {
  width: 4em;
}

input[type='date'] {
  line-height: 1.7em;
  width: 9.3em;
}

input.texto {
  width: 12em;
}

.container {
  width: 100%;
  padding: 0px 0px 0 0px;
  max-width: 100%;
}

.row {
  margin-left: 10px;
  margin-right: inherit;
}

div.row {
  margin-left: inherit;
}

@media (min-width: 768px) {
  .container {
    width: 100%;
  }

  .navbar-toggle {
    display: none;
  }

  .navbar-header {
    float: left;
  }
}

div.page-block.graphicpage,
div.page-block {
  padding-left: 4pt;
  padding-right: 4pt;
  position: relative;
}

div.page-block.graphicpage,
div.page-block.mappage,
div.page-block.simulationpage {
  padding: 0;
}

#body-mosaicpage,
#body-graphicpage,
div.graphicpage,
div.mosaicpage {
  div.arbol {
    position: absolute;
    background: rgba(255, 255, 255, 0.9);
    width: auto;
    top: 11pt;
  }
}

#body-mosaicpage,
#body-graphicpage {
  div.arbol {
    position: fixed;
    z-index: 99;
    display: none;
    padding: 6pt;
    max-height: calc(100% - 128pt);
    overflow: auto;
    top: 103pt;
  }
}

.propiedades-capa {
  margin-left: 25pt;
  min-width: max-content;
  font-size: 10pt;
}

.accordion {
  font-family: inherit;
  font-size: 14px;
  color: inherit;
}

.accordion span {
  color: var(--main-color);
  padding-right: 5px;
}

.col-lg-12 {
  padding-top: 5px;
  padding-bottom: 5px;
}

#content {
  padding: 0;
}

#sub-footer {
  margin: 1pt;
}

#sub-footer .row.derecha {
  width: 100%;
}

@media screen and (min-width: 768px) {
  #sub-footer {
    margin-left: 4pt;
    margin-right: 4pt;
  }
}

.img-drcha {
  margin-left: 20px;
  float: right;
}

.img-izda {
  margin-right: 20px;
  float: left;
}

.img-clear {
  clear: both;
  margin: 20px;
}

#info .info_tabla table tr td {
  padding: 6pt;
  text-align: center;
}

.fa-magnifying-glass:before {
  content: '\E028';
}

.navbar-form {
  margin-bottom: 0px;
  margin-top: 0px;
}

input#id_email_address {
  width: 500px;
}

footer .col-lg-12 {
  float: left;
  margin-bottom: 0;
}

ul.nav.navbar-nav {
  padding-right: 10pt;
}

.btn {
  font-size: 14px;
  font-weight: 600;
  padding: 0;
}

table#municipios {
  clear: both;
}

#content table.dataTable tr td,
#content table.dataTable tr th {
  padding: 0 12pt;
}

html .inspire-tree [type='checkbox'] {
  left: 22px;
  top: 1px;
}

html .inspire-tree a {
  font-size: 14px;
}

span.title {
  font-size: 14px;
}

a {
  text-decoration: none;
  color: #4a2151;
}

html .inspire-tree title {
  text-decoration: none;
  font-size: 14px;
  color: #4a2151;
}

a:hover {
  text-decoration: none;
  color: #4a2151;
}

html .inspire-tree .selected>.wholerow,
html .inspire-tree .selected>.title-wrap:hover+.wholerow {
  background: var(--light-color);
}

html .inspire-tree .title-wrap:hover+.wholerow {
  background: inherit;
}

html .inspire-tree .icon-collapse::before {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23AF8CBF%22%20d%3D%22M4%201h16q1.242%200%202.121%200.879t0.879%202.121v16q0%201.242-0.879%202.121t-2.121%200.879h-16q-1.242%200-2.121-0.879t-0.879-2.121v-16q0-1.242%200.879-2.121t2.121-0.879zM20%203h-16q-0.414%200-0.707%200.293t-0.293%200.707v16q0%200.414%200.293%200.707t0.707%200.293h16q0.414%200%200.707-0.293t0.293-0.707v-16q0-0.414-0.293-0.707t-0.707-0.293zM8%2011h8q0.414%200%200.707%200.293t0.293%200.707-0.293%200.707-0.707%200.293h-8q-0.414%200-0.707-0.293t-0.293-0.707%200.293-0.707%200.707-0.293z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
  background-color: #fff;
  border-radius: 3px;
  margin-left: -1px;
}

html .inspire-tree .icon-expand::before {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23AF8CBF%22%20d%3D%22M4%201h16q1.242%200%202.121%200.879t0.879%202.121v16q0%201.242-0.879%202.121t-2.121%200.879h-16q-1.242%200-2.121-0.879t-0.879-2.121v-16q0-1.242%200.879-2.121t2.121-0.879zM20%203h-16q-0.414%200-0.707%200.293t-0.293%200.707v16q0%200.414%200.293%200.707t0.707%200.293h16q0.414%200%200.707-0.293t0.293-0.707v-16q0-0.414-0.293-0.707t-0.707-0.293zM12%207q0.414%200%200.707%200.293t0.293%200.707v3h3q0.414%200%200.707%200.293t0.293%200.707-0.293%200.707-0.707%200.293h-3v3q0%200.414-0.293%200.707t-0.707%200.293-0.707-0.293-0.293-0.707v-3h-3q-0.414%200-0.707-0.293t-0.293-0.707%200.293-0.707%200.707-0.293h3v-3q0-0.414%200.293-0.707t0.707-0.293z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
  background-color: #fff;
  border-radius: 3px;
  margin-left: -1px;
}

.navbar .nav>li>a {
  color: var(--text-color);
}

.collapsing {
  float: right;
  position: absolute;
  right: 0;
  margin: 5pt;
  height: 0;
  width: 100pt;
  overflow: hidden;
  -webkit-transition: none;
  transition: none;
}

.sb-capas {
  left: 4pt;
  top: 4pt;
}

/* quito esto porque sale hueco en el árbol de elementos saver 

div.page-block div.sidebar-pane.arbol {
  margin-top: 15px;
}
*/
div.botonera {
  width: fit-content;
}

body#body-blocks {

  div.page-block.graphicpage,
  div.page-block.mosaicpage {
    flex-grow: 1;

    div.botonera.ol-control.ol-bar,
    div.parameters {
      position: relative;
    }

    div.parameters {
      left: calc(100% - 423pt);
    }
  }
}

body#body-graphicpage,
body#body-mosaicpage,
body#body-graphicpage,
div.block-0.mosaicpage,
div.block-0.graphicpage {
  .botonera.ol-control.ol-bar.ol-top.ol-left {
    padding-top: 25pt;
  }
}

body#body-blocks div.mosaics {
  height: unset;
}

body#body-graphicpage,
body#body-mosaicpage,
body#body-graphicpage,
div.page-block.graphicpage,
div.page-block.mosaicpage {
  .botonera.ol-control.ol-bar.ol-top.ol-left .right-bar button {
    display: inline-block;
    margin: 2px 1px;
  }

}

body#body-graphicpage,
body#body-mosaicpage,
body#body-graphicpage,
div.page-block.graphicpage,
div.page-block.mosaicpage {
  .botonera.ol-control.ol-bar.ol-top.ol-left {
    display: inline-flex;
  }
}

.sb-capas button {
  border: none;
  padding: 0px;
}

div.page-block.graphicpage .sb-capas button,
div.page-block.mosaicpage .sb-capas button {
  font-size: inherit;
}

:focus {
  outline-color: var(--main-color);
}

div.formulario {
  width: 100%;
  height: calc(100% - 20px);
  padding-bottom: 19px;
  padding-left: 0pt;
  position: relative;
  font-size: 11pt;
  color: var(--main-color);
}

.sidebar {
  z-index: 10;
}

.sidebar.collapsed {
  width: 30px;
  height: 30px;
}

.sidebar:not(.collapsed) {
  padding-bottom: 56pt;
  background: transparent;
}

.collapsed .sidebar-content {
  width: 19pt;
}

.sidebar-left .sidebar-content {
  position: relative;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  left: 0px;
  right: 30px;
  top: 23pt;
}

.sidebar-tabs,
.sidebar-tabs>ul>li.active {
  height: 100%;
  background-color: transparent;
  width: 1.5em;
}

.sidebar-tabs>li,
.sidebar-tabs>ul>li {
  height: inherit;
  padding: 0px;
  line-height: 0px;
}

.sidebar-tabs>li>a,
.sidebar-tabs>ul>li>a {
  display: inline;
  padding: 0px;
  line-height: inherit;
}

@media screen and (min-width: 768px) {
  body .sidebar {
    top: 0.5em;
    /*      bottom: 6px;*/
    transition: width 500ms;
  }
}

@media screen {
  .sidebar-pane.active {
    min-width: 0pt;
  }
}

div#sidebar.sidebar.sidebar-left {
  width: auto;
}

.sidebar-content {
  background-color: rgba(255, 255, 255, 0.85);
}

body .navbar .container {
  width: 100%;
  max-width: 100%;
  display: block;
}

.dialog {
  display: none;
  font-size: 14px;
  text-align-last: auto;
  max-height: 80vh;
}

div.delete-td {
  position: relative;
  width: 25pt;
  right: auto;
  padding-left: 5pt;
  bottom: auto;
  float: right;
}

a .delete {
  color: var(--main-color);
}

a .delete:hover,
a .delete:focus {
  color: var(--accent-color);
}

#content .dialog tr td {
  padding: 2pt;
  line-height: 17pt;
  vertical-align: top;
}

#content .dialog tr[element-id] td {
  white-space: nowrap;
}

#element-info {
  overflow: auto;
  background: white;
  font-size: 14px;
}

#element-info {
  z-index: 10;
}


/* OJO Esto es delicado, verificar cambiar tamaño diálogo */

#info,
#dims-dialog {
  z-index: 0;
  padding-top: 1pt;
  padding-right: 15.5px;
  padding-left: 15.5px;
  max-width: calc(100vw - 40pt);
}

div:has(div#dims-dialog) {
  z-index: 2004;
}

.listado td:first-child {
  width: 40px;
  cursor: pointer;
}

#simulation-element-type-dialog td:first-child {
  width: auto;
}

table.data td:first-child {
  color: var(--main-color);
}

table.data {
  width: 100%;
}

#content .propiedades-capa .listado table tr td,
th {
  padding-top: 1pt;
  padding-bottom: 1pt;
}

#content table.recuadro.listado tr td,
#content table.recuadro.listado tr th {
  padding-left: 4pt;
  padding-right: 4pt;
}

#content #info table tr td,
th {
  padding-top: 1pt;
  padding-bottom: 1pt;
}

div.mapa.interactive {
  height: 100%;
}

.row>* {
  padding-right: inherit;
  padding-left: inherit;
}

/*****************************************************/

body {
  height: 100vh;
  width: 100%;
  position: relative;
}

div#wrapper {
  height: 100vh;
}

footer {
  margin: 0;
  position: fixed;
  bottom: 0;
  width: 100%;
  border-top: none;
  height: var(--footer-height);
  vertical-align: bottom;
  z-index: 10;
}

.resizable-panel {
  border: 5px solid grey;
}

html .ui-widget {
  font-family: inherit;
}

html .ui-widget-content,
html .ui-widget-content a {
  color: #4a2151;
}

html .ui-widget button.fa {
  font-family: 'Font Awesome 6 Pro';
}

html .ui-widget input,
html .ui-widget select,
html .ui-widget textarea,
html .ui-widget button {
  font-family: inherit;
  font-size: inherit;
}

.messages {
  position: absolute;
  margin: 30pt;
  z-index: 100000;
}

html .ui-dialog .ui-dialog-resizing {
  max-width: none;
}

.ui-dialog .ui-dialog-content {
  padding: 0;
}

@media (min-width: 768px) {
  .ui-dialog .ui-dialog-content {
    padding: 2pt;
  }
}

html .ui-dialog .ui-dialog-titlebar {
  padding-top: 0;
  padding-bottom: 0;
  border: none;
}

html .ui-widget-header {
  background: var(--main-color);
}

html .ui-dialog .ui-dialog-title {
  color: white;
  font-size: 14px;
}

html .ui-dialog th {
  text-align: center;
  line-height: normal;
}

.form-dialog td:nth-child(1) {
  width: auto;
  vertical-align: top;
}

.form-dialog textarea,
.form-dialog select {
  width: 100%;
}

html .ui-dialog td {
  padding-left: 3pt;
  padding-right: 3pt;
  line-height: normal;
}

html .ui-dialog textarea.simple,
.ui-dialog select.simple {
  height: auto;
}

html .ui-dialog select.simple {
  margin-bottom: 10px;
}


/* html .ui-dialog textarea.doble{
    height:43pt;
} */

html .ui-dialog tr.model-row {
  display: none;
}

.related-title {
  font-weight: bold;
}

html .ui-dialog tr.related-model-row {
  display: none;
}

.model {
  display: none;
}

.ui-dialog-buttonpane button,
.ui-dialog-buttonpane button:focus {
  background-color: var(--main-color);
  background: var(--main-color);
  border: none;
  color: white;
  font-weight: bold;
  border-radius: 3pt;
}

.ui-dialog-buttonpane button:hover {
  background-color: var(--accent-color);
  border: none;
  color: white;
  font-weight: bold;
  border-radius: 3pt;
}

html .ui-dialog-buttonset {
  text-align: right;
  width: 100%;
  font-size: smaller;
}

td.data_old,
td.data_old_ {
  background: var(--light-color);
  border: 2px solid white;
  vertical-align: top;
  min-width: min-content;
  max-width: 50%;
  width: auto;
}

input[type='text'].data_new,
textarea.data_new,
select.data_new {
  border: 1pt solid var(--main-color);
}

.dialog span.data_old p {
  margin: 0 0 0;
}

.data_new {
  vertical-align: top;
  margin: 1pt;
  width: 100%;
  color: inherit;
}

textarea.data_new,
select.data_new,
input.data_new {
  margin-left: .5pt;
}

input.data_new[type=file] {
  display: none;
}

div.element_user.data_new {
  display: none;
}

.datacomments_old {
  margin-left: 0em;
}

textarea.datacomments_new {
  display: none;
}

span.datacomments_new {
  padding-left: 0.4em;
  padding-right: 0.4em;
  display: none;
}

label[name="upload"] {
  width: 80%;
  display: block;
}

label[name="upload"] i {
  background-color: var(--main-color);
  color: white;
  padding: 2px;
  border-radius: 2pt;
  vertical-align: bottom;
}

label[name="upload"] i:hover {
  background-color: var(--accent-color);
  color: white;
}

div#error.ui-dialog-content {
  font-size: 14px;
  margin: 4pt 4pt 0pt 4pt;
}

.has-error label {
  color: red;
}

.listado button.emmet-delete,
.listado button.emmet-edit,
.listado button.emmet-clone,
.listado button.emmet-commit-create,
.listado button.emmet-edit-new,
.listado button.emmet-commit-edit,
.listado button.emmet-commit-delete {
  display: none;
}

.listado .can-edit button.emmet-delete,
.listado .can-edit button.emmet-edit,
.listado .can-commit.pending_create button.emmet-commit-create,
.listado .can-edit-new.pending_create button.emmet-edit-new,
.listado .can-commit.pending_edit button.emmet-commit-edit,
.listado .can-commit.pending_delete button.emmet-commit-delete,
.listado .can-commit button.emmet-change-remove {
  display: inherit;
}

.hidden {
  display: none !important;
}

html .ui-front {
  z-index: 2000;
}

html .ui-front.ui-front-ma-non-troppo {
  z-index: 1000;
}

body#body-mappage section#content {
  overflow: visible;
  padding: 0 0 0 0;
}

body#body-mappage section#content div.container {
  height: 100%;
  padding: 0 0 0 0;
}

body#simulation_elements section#content {
  overflow: visible;
  padding: 0 0 0 0;
}

body#listado_body section#content {
  height: calc(100% - 55pt - var(--footer-height));
  overflow: scroll;
}

section#content div.container div.mosaics {
  padding: 0 20px 0 0;
}

section#content div.container div.row {
  height: 100%;
  justify-content: left;
}

section#content {
  height: calc(100% - 51pt - var(--footer-height));
  overflow: scroll;
}

body#body-mosaicpage,
body#body-graphicpage {
  section#content {
    overflow: unset;
  }
}

@media (min-width: 768px) {
  section#content {
    height: calc(100% - var(--footer-height) - 53pt);
  }
}

@media (max-width: 767px) {
  .navbar-header {
    margin-top: inherit;
  }

  body#body section#content {
    height: calc(100% - 99pt);
  }

  .navbar-form {
    display: none;
  }

  div.contenedorcentrado {
    margin-right: inherit;
    margin-left: inherit;
    margin-top: inherit;
  }

  ul.breadcrumb:not(.derecha) :not(.active) {
    display: none;
  }

  .breadcrumb>li+li:before {
    content: none;
  }

  body#listado_body section#content {
    height: calc(100% - 53pt - var(--footer-height));
    overflow: scroll;
  }
}

.breadcrumb>li+li:before {
  color: white;
}

.breadcrumb.derecha>li+li:before {
  content: none;
}

.boton-ol {
  color: white;
  background-color: var(--main-color);
  width: 1.375em;
  height: 1.375em;
  border-radius: 2pt;
  display: block;
  font-size: 0.9em;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  line-height: 0.4em;
  border: none;
  padding-top: 6px;
  align-self: center;
  margin-right: 3px;
  margin-left: 3px;
}

.boton-ol-grande {
  width: 8rem !important;
}

.centrado {
  line-height: 1;
}

@media (max-width: 767px) {
  .navbar-brand img {
    max-height: 19pt;
  }
}

.navbar.navbar-default.navbar-static-top .container .lang-select form {
  position: absolute;
  bottom: auto;
  top: 60%;
  right: auto;
  left: 1%;
}

.navbar.navbar-default.navbar-static-top .container .lang-select input[type='submit'] {
  padding: inherit;
  font-size: 14px;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 1px;
  padding-bottom: 1px;
  border-radius: 2px;
  line-height: normal;
}

body#body-mosaicpage #content img {
  max-width: inherit;
  height: inherit;
}

div.page-block.mappage,
div.page-block.simulationpage {
  #content img {
    max-width: inherit;
    height: inherit;
  }
}

#content div.arbol div.leyenda img {
  max-width: 310px;
}

div.page-block.mappage,
div.page-block.simulationpage {
  #content button.reset-filter img {
    max-width: 85%;
    height: auto;
  }
}

body#body-mosaicpage .titulo {
  color: var(--main-color);
  font-weight: bold;
  padding-bottom: 0;
  padding-left: 0;
}

body#body-mosaicpage .time_info {
  font-size: 90%;
  text-align: center;
}

.contenedorcentrado {
  margin-top: 30pt;
  margin-left: 100pt;
  margin-right: 100pt;
  flex-shrink: inherit;
}

.reducido {
  font-size: smaller;
}

.listado_mantenimiento {
  width: fit-content;
  max-width: 100%;
}

body#listado_body div.listado_mantenimiento button:not(.ui-button) {
  background-color: var(--main-color);
  border-color: var(--main-color);
  display: block;
  margin: 1px;
  padding: 0;
  color: #fff;
  font-size: 0.9em;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  height: 1.375em;
  width: 1.375em;
  line-height: 0.4em;
  border: none;
  border-radius: 2px;
}

body#listado_body div.listado_mantenimiento button:not(.ui-button):hover {
  background-color: var(--accent-color);
}

div.listado_mantenimiento button.fa {
  width: 1.375em;
}

body#listado_body div.listado_mantenimiento button:not(.ui-button) {
  display: inherit;
}

body#listado_body tr.geom-buttons {
  display: none;
}

html .pagination {
  margin: 0 0 0 25px;
}

table.table {
  margin: 0;
}

.pagination>li.ui-state-default>a {
  background-color: var(--main-color);
  border-color: var(--main-color);
  margin: 1px;
  padding: 2px;
  color: #fff;
  font-size: 0.9em;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  height: 1.375em;
  border: none;
  border-radius: 2px;
}

.pagination>li.ui-state-default>a:hover,
.pagination>li.ui-state-default>a:focus {
  background-color: var(--accent-color);
  color: #fff;
  outline: none;
}

.pagination>li:hover,
.pagination>li:focus {
  border: none;
  background: none;
}

div.listado_mantenimiento a.link {
  color: var(--main-color);
  background-color: inherit;
  font-weight: inherit;
}

div.listado_mantenimiento .calendar a {
  background-color: initial;
  height: auto;
}

div.listado_mantenimiento button:focus {
  background-color: var(--main-color);
  border-color: var(--main-color);
  box-shadow: none;
}

div.listado_mantenimiento button:hover {
  background-color: var(--accent-color);
}

div.listado_mantenimiento button::-moz-focus-inner {
  border: none;
  padding: 0;
}

.report-parameters {
  min-width: 120pt;
}

body#planes_body #content {
  height: calc(100% - 113pt);
}

body#planes_body #content div.container {
  height: 100%;
}

body#planes {
  height: 100%;
}

body#simulaciones_body #content {
  height: calc(100% - 113pt);
}

body#simulaciones_body #content div.container,
body#simulation_elements #content div.container {
  height: 100%;
  overflow: visible;
  padding: 0;
}

body#simulaciones_body #content div.container .scroll,
body#simulation_elements #content div.container .scroll {
  height: 100%;
  overflow: auto;
  padding: 20pt;
}

td.data-cell {
  text-align: right;
}

span.fecha {
  white-space: nowrap;
}

html .ui-dialog .ui-dialog-buttonpane {
  margin-top: 0;
  padding: 0;
}

body#simulaciones_body table.files {
  display: none;
}

body#simulaciones_body table.events {
  display: none;
}

.multi-group {
  padding-bottom: 6pt;
  clear: both;
}

.listado_mantenimiento div.second,
.listado_mantenimiento div.third {
  position: relative;
  top: 15pt;
}

input[type='submit'] {
  background-color: var(--main-color);
  border: 1px solid var(--main-color);
  color: white;
  font-weight: bold;
  border-radius: 3pt;
  padding: 0.4em 1em;
}

.multi {
  min-width: 400pt;
  float: left;
  padding: 3pt 3pt;
}

.multi-wrapper .non-selected-wrapper .item.disabled,
.multi-wrapper .selected-wrapper .item.disabled {
  text-decoration: inherit;
}

.multi-wrapper .item {
  display: block;
  padding: 1px 10px;
}

.multi-wrapper .header {
  color: #4a2151;
}

.lista-ayuda li {
  display: flex;
}

.inline-btn {
  display: inline-flex;
}

.ol-control button.layer-info,
button.layer-info {
  color: var(--main-color);
  vertical-align: text-bottom;
  margin-left: 1rem;
  margin-bottom: 1pt;
  margin-top: 5px;
  padding: 0;
  font-size: 8pt;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  height: 1.375em;
  width: 1.375em;
  line-height: 0.4em;
  border: none;
  border-radius: 2px;
  background-color: transparent;
}

.ol-control button.layer-info-info:focus,
button.layer-info-info:focus {
  outline-color: transparent;
}

.layer.tooltip {
  max-width: 350pt;
  max-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
}

.tooltip {
  background: #fff;
  opacity: 90%;
  border: 0.5px solid #b9b9b961;
  color: inherit;
  font-family: inherit;
  font-size: 9pt;
  line-height: 1.6em;
  border-radius: 3px;
  padding: 8px !important;
  overflow-x: hidden;
  overflow-y: auto;
}

.tooltip-arrow {
  display: none;
}

.tooltip-inner {
  background-color: white;
  color: inherit;
  font-size: 9pt;
  line-height: 1.6em;
  text-size-adjust: 100%;
  padding: 0;
  border-radius: 0;
  max-width: 400px;
  text-align: left;
}

.form-control {
  height: 18pt;
  border: 1px var(--main-color) solid;
  border-radius: 0;
}

.dataTables_wrapper .form-control {
  height: 22pt;
}

.form-control:focus {
  box-shadow: none;
}

select.form-control:focus {
  border: none;
}

select.form-control {
  border: none;
  box-shadow: none;
  color: var(--main-color);
  padding-left: 0;
}

.listado select.form-control {
  width: auto;
  font-size: 12pt;
  padding-bottom: 0;
}

.ms-container {
  background: inherit;
  width: 100%;
}

.ms-container .ms-selectable,
.ms-container .ms-selection {
  background: #fff;
  color: #555555;
  float: left;
}

.ms-container input {
  width: 100%;
}

.multiselect-botones {
  height: 2pt;
}

div.multiselect-header {
  font-weight: bold;
  width: 100%;
  text-align: center;
  padding-top: 7pt;
  line-height: 12pt;
}

title.ms-title {
  display: flex;
  margin: 10px;
  font-size: medium;
  font-weight: bold;
  color: #555555;
  justify-content: center;
}

/*
html .ui-state-default,
html .ui-widget-content .ui-state-default,
html .ui-widget-header .ui-state-default,
html .ui-button,html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  background: inherit;
  border: none;
}
*/

html table.dataTable .ui-icon {
  display: none;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: var(--light-color);
  background: white;
  color: var(--main-color);
}

.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover {
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  background-color: var(--main-color);
}

html caption {
  font-weight: bold;
  color: var(--accent-color);
  text-align: left;
  caption-side: top;
}

div.copyright {
  float: left;
}

div.print {
  position: absolute;
  width: 31px;
  top: 0.5em;
  left: auto;
  right: 0.5em;
}

.navbar-default .navbar-toggle {
  background-color: var(--main-color);
  border: none;
}

.navbar-default .navbar-toggle .icon-bar {
  display: block;
  border-radius: 1px;
  background-color: white;
}

.navbar-toggle .icon-bar+.icon-bar {
  margin-top: 4px;
}

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 5pt;
  margin-top: 8px;
  margin-bottom: 8px;
  background-image: none;
  border-radius: 4px;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: var(--accent-color);
}

section#inner-headline div.col-sm-6 {
  padding: 0pt;
  width: 50%;
}

button.ui-dialog-titlebar-close {
  background: var(--main-color);
  border: none;
}

button.ui-dialog-titlebar-close {
  background-image: url("4a48df1cc34543700a4c.47b3e25aa823.svg");
  background-position: center;
  background-repeat: no-repeat;
}

button.ui-dialog-titlebar-close:hover {
  color: white;
  background-color: var(--accent-color);
  border: none;
}

button.ui-dialog-titlebar-close>.ui-icon {
  background-image: url("4a48df1cc34543700a4c.47b3e25aa823.svg") !important;
  color: white;
  background-position: center;
}

button.ui-dialog-titlebar-close:focus {
  outline: none;
  background-color: var(--main-color);
  border: none;
}

.ui-dialog,
.ui-dialog-content {
  box-sizing: content-box;
}

ul::-webkit-scrollbar,
div::-webkit-scrollbar,
textarea::-webkit-scrollbar,
::-webkit-scrollbar {
  width: 8px;
  /* Tamaño del scroll en vertical */
  height: 8px;
  /* Tamaño del scroll en horizontal */
}

ul::-webkit-scrollbar-track,
div::-webkit-scrollbar-track,
textarea::-webkit-scrollbar-track,
::-webkit-scrollbar-track {
  background: white;
  border-radius: 0px;
}

ul::-webkit-scrollbar-thumb,
div::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb {
  background: var(--main-color);
  border-radius: 0px;
}

ul::-webkit-scrollbar-thumb:hover,
div::-webkit-scrollbar-thumb:hover,
textarea::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:hover {
  background: var(--accent-color);
  ;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

ul::-webkit-scrollbar-thumb:active,
div::-webkit-scrollbar-thumb:active,
textarea::-webkit-scrollbar-thumb:active,
::-webkit-scrollbar-thumb:active {
  background-color: var(--accent-color);
  ;
}

ul::-webkit-scrollbar-track:hover,
ul::-webkit-scrollbar-track:active,
div::-webkit-scrollbar-track:hover,
div::-webkit-scrollbar-track:active,
textarea::-webkit-scrollbar-track:hover,
textarea::-webkit-scrollbar-track:active,
::-webkit-scrollbar-track:hover,
::-webkit-scrollbar-track:active {
  background: var(--light-color);
  ;
}

a,
i,
button {
  cursor: pointer !important;
}

button.info-dataTable,
button.info-dataGraph {
  padding: 3px 5px;
}

div#info-dataTable {
  max-width: 500px;
  font-size: 14px;
}

div#info-dataTable>h4 {
  position: relative;
  left: -10px;
}

div#info-dataTable.static,
div#info-dataGraph.static {
  height: 60rem !important;
}

div#graph {
  margin-bottom: 20px;
}

div#threshold {
  position: absolute;
  z-index: 10;
  bottom: 0;
  background-color: var(--semitransparent-color);

  input {
    border: var(--light-color) 1p solid;
    background-color: transparent;
  }
}

div#calculationData_table {
  padding-bottom: 20px;
}

div#calculationData_table table td {
  padding: 3px;
}

#tab,
#tabs-Table,
#tabs-Graph {
  margin-bottom: 15px;
}

#tabs-Table .ui-tabs-panel,
#tabs-Graph .ui-tabs-panel {
  padding: 3pt 7pt;
}

td.info-data {
  background: var(--light-color);
  border: 2px solid white;
  text-align-last: center;
}

tr[name="title_h2"] td {
  text-align-last: center;
  font-size: 15px;
}

tr[name="title_h1"] td,
td[name="title_v"] {
  text-align-last: center;
  font-size: 16px !important;
}

tr[name="title_h1"] td,
tr[name="title_h2"] td,
td[name="opt_h"],
#info-dataTable span {
  color: var(--main-color);
  font-weight: 600;
}

#tabs-Table li a.ui-tabs-anchor,
#tabs-Graph li a.ui-tabs-anchor {
  position: absolute;
  width: 100%;
  height: 100%;
  outline: none;
}

#tabs-Table li.ui-tabs-tab,
#tabs-Graph li.ui-tabs-tab {
  padding: 0px 3px;
}

#tabs-Table li.ui-state-default,
#tabs-Graph li.ui-state-default {
  background: var(--main-color);
  color: white;
  border: 1px solid #dddddd
  /*{borderColorHeader}; */
  ;
}

#tabs-Table li.ui-state-active,
#tabs-Graph li.ui-state-active {
  background: white;
  color: var(--main-color);
}

#tabs-Table li.ui-state-hover,
#tabs-Graph li.ui-state-hover {
  background: var(--accent-color) !important;
  color: white !important;
}

#tab h4,
#tabs-Table h4,
#tabs-Graph h4 {
  position: relative;
  left: -10px;
}

#tabs-Table ul.ui-tabs-nav.ui-widget-header,
#tabs-Graph ul.ui-tabs-nav.ui-widget-header {
  background: white;
  border: none;
}

td.group_share {
  position: relative;
}

td.group_share a {
  color: var(--main-color);
  position: inherit;
  width: 100%;
}

td.group_share input[type=checkbox]~a:before {
  position: absolute;
  left: auto;
  right: -20px;
  top: 4px;
}

body .dygraph-legend {
  background-color: #fff9;
}

g.pointtext {
  display: none;
}

button#boxplot.active {
  color: var(--accent-color);
}

.container>.navbar-header,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container-fluid>.navbar-collapse {
  margin-right: 0;
  margin-left: 0;
}

#content div.container-fluid {
  padding: 0;
}

.container>.navbar-collapse {
  display: block;
  height: auto;
  padding-bottom: 0;
  overflow: visible;
  width: auto;
  border-top: 0;
  box-shadow: none;
  position: absolute;
  max-width: calc(100% - 102pt);
  right: 0;
}

div#affected-elements td {
  border-bottom: 1px solid var(--light-color);
}

div#affected-elements .total-count-by-minutes.delenda,
div#affected-elements .count.delenda,
div#affected-elements .total-count,
div#affected-elements .total-count-by-type {
  text-align: center;
}

th.time-for-minutes {
  padding: 1pt;
  font-size: smaller;
}

div.block-0 div.richtext {
  padding-top: 24pt;
}
:root {
  --tras-botonera: 27pt;
}

body.wait *,
body.wait {
  cursor: progress !important;
}

.ol-control.ol-bar .ol-toggle.ol-active button:hover,
.ol-control.ol-bar .ol-toggle.ol-active>button {
  background: var(--accent-color);
}

.ol-control.ol-bar .ol-control.ol-option-bar {
  background: rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-left: 2px;
}

.ol-control.ol-bar.ol-right .ol-option-bar:before {
  border-color: transparent transparent transparent var(--main-color);
}

.ol-overviewmap.ol-unselectable.ol-control:not(.ol-collapsed) {
  background-color: rgba(255, 255, 255, .4);
  position: absolute;
  bottom: 100%;
  left: auto;
  right: 0em;
  height: 155px;
}

.ol-overviewmap:not(.ol-collapsed) button {
  bottom: 1px;
  left: 1px;
  position: absolute;
}

.ol-overviewmap.ol-unselectable.ol-control.ol-collapsed {
  text-align: right;
}

.ol-attribution img {
  max-height: 20px !important;
  display: none;
}

.ol-attribution {
  bottom: 35px;
  right: 0.5em;
  max-width: none;
}

.ol-attribution.ol-unselectable.ol-control li {
  font-size: 9pt;
  background-color: rgba(255, 255, 255, 0.4);
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  color: #4d4d4d;
  text-shadow: none;
}

.ol.ol-attribution button {
  display: inline-block;
}

.ol-attribution.ol-logo-only {
  height: inherit;
}

.row .ol-attribution ul {
  text-align: end;
  background: none;
  width: 100%;
  font-size: 10pt;
  position: relative;
  bottom: 1em;
  margin-right: -21px;
  height: 2em;
}

.nominatim.ol-search.ol-unselectable.ol-control.ol-collapsed input {
  display: none;
}

.nominatim.ol-search.ol-unselectable.ol-control:not(.ol-collapsed) input {
  border: none;
  background: rgba(255, 255, 255, 0.85);
  width: 16em;
  height: 2.1em;
  position: absolute;
  right: 2em;
  top: -2.5em;
  padding-right: 30px;
  color: #333;
}

.nominatim.ol-search.ol-unselectable.ol-control:not(.ol-collapsed) ul {
  background-color: rgba(255, 255, 255, 0.85);
  top: 2em;
  width: 15.8em;
  max-height: 48.75em;
  white-space: normal;
  list-style: none;
  padding: 0pt;
  margin: auto;
  overflow-x: hidden;
  overflow-y: auto;
  box-shadow: 0 1px 20px rgba(30, 115, 190, 0);
  max-height: 15em;
  text-indent: -1pt;
  position: absolute;
  right: 0em;
  clear: both;
  cursor: pointer;
  color: #333;
}

.nominatim.ol-search.ol-unselectable.ol-control:not(.ol-collapsed) li {
  font-size: 10pt;
  padding: 4pt;
}

.nominatim.ol-search.ol-unselectable.ol-control:not(.ol-collapsed) li:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.nominatim.ol-search.ol-unselectable.ol-control:not(.ol-collapsed) a.reset {
  color: var(--main-color);
}

.nominatim.ol-search.ol-unselectable.ol-control.ol-collapsed button.reset-button {
  display: none;
}

.nominatim.ol-search.ol-unselectable.ol-control:not(.ol-collapsed) button.reset-button {
  display: block;
  position: absolute;
  right: 30px;
  background: #fff0;
  top: 0px;
  color: var(--main-color);
}

.coordSearch img {
  max-height: 100%;
}

div.coord-input.ol-visible {
  position: absolute;
  width: auto;
  right: 0em;
  left: auto;
  bottom: auto;
  top: auto;
  height: auto;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 1px;
  padding-top: 3px;
  color: #4d4d4d;
}

.coord-input.ol-visible form>div {
  display: flex;
}

.coord-input.ol-visible .form>div {
  padding-right: 8px;
  display: flex;
}

.coord-input.ol-visible form>div#DMS>div,
.coord-input.ol-visible .form>div#DMS>div {
  display: flex;
  padding-right: 17px;
}

.coord-input.ol-visible button {
  background: none;
  color: var(--main-color);
}

.coord-input.ol-visible button:hover {
  background: none;
}

.coord-input.ol-visible div {
  padding-left: 4px;
}

.coord-input.ol-visible input {
  border: none;
  width: 5em;
  background-color: rgba(255, 255, 255, 0.7);
  padding-right: 4px;
  -moz-appearance: textfield;
}

.coord-input.ol-visible input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.coord-input.ol-visible label {
  font-size: small;
}

div#DMS>div>div label {
  font-size: larger;
}

div#DMS>div>div input {
  width: 2.5em;
}

.coord-input.ol-visible select {
  width: auto;
  height: 27px;
  background-color: rgba(255, 255, 255, 0.7);
}

.coord-input.ol-visible option {
  width: auto;
  height: 2em;
  background-color: rgba(255, 255, 255, 0.7);
}

.coord-input.ol-visible i {
  position: relative;
  margin: auto;
  right: 0pt;
  color: var(--accent-color);
}

.coord-input.ol-visible button:hover i {
  color: #fff;
}

.ol-unselectable.ol-overlay.alertmsg {
  position: absolute;
  top: 20em;
  bottom: auto;
  width: 18em;
  height: auto;
  left: auto;
  right: 0.5em;
  color: #4d4d4d;
  background: rgba(255, 255, 255, 0.8);
  border: none;
}

.listado_mantenimiento .coord-input {
  display: block;
  position: relative !important;
}

.listado_mantenimiento div#projection input {
  width: 160px;
}

.listado_mantenimiento .coord-input input {
  background-color: var(--light-color) !important;
  font-size: small !important;
}

#selector-ambito .listado_mantenimiento div.second,
#selector-ambito .listado_mantenimiento div.third {
  top: auto;
}

.ui-dialog #selector-ambito .multi.flex .ms-container {
  display: flex;
  flex-wrap: wrap;
  min-width: 400px;
}

.Nolegend-overlay {
  position: absolute;
  top: 50% !important;
  bottom: auto !important;
  width: auto !important;
  height: auto !important;
  left: auto !important;
  right: auto !important;
  color: #4d4d4d;
  background: rgba(255, 255, 255, 0.8);
  border: none;
}

.legend-overlay {
  border: none;
  cursor: pointer;
}

.ol-scale-line {
  background: rgba(255, 255, 255, 0.5);
  padding: 1px;
  right: 4pt;
  bottom: 4pt;
  left: inherit;
  line-height: 1em;
}

.ol-scale-line.unselectable {
  background: var(--semitransparent-color);
}

.ol-scale-line-inner {
  background: var(--semitransparent-color);
  height: 13pt;
  color: inherit;
  border: 2px solid var(--main-color);
  border-top: none;
}

.ol-overviewmap-box {
  border: 2px solid #4a2151;
}

.ol-overlay.attribution {
  position: absolute;
  width: 40em;
  background: none;
  left: -40em;
}

.ol-unselectable.ol-overlay.attribution.ol-visible {
  display: block;
}

.ol-control {
  padding: 1px;
}

.ol-touch.ol-control.ol-bar.ol-top.ol-left,
.ol-touch.ol-control.ol-bar.ol-top.ol-right {
  width: 31px;
}

.ol-control.ol-bar.ol-bottom.ol-right {
  top: auto;
  display: inline-grid;
  bottom: 2em;
  right: 4pt;
  background: rgba(255, 255, 255, 0.5);
}

html .ol-control.ol-bar.ol-top.ol-right,
html .ol-control.ol-bar.ol-top.ol-left,
.ol-touch .ol-control.ol-bar.ol-top.ol-left,
.ol-touch .ol-control.ol-bar.ol-top.ol-right {
  right: 4pt;
  top: 4pt;
  z-index: 10;
}

.ol-control.ol-bar .ol-rotate.ol-hidden {
  opacity: 0;
  display: none;
  transition: opacity 0.25s linear, visibility 0s linear 0.25s;
}



.ol-mouse-position,
.ol-visible-layer-info {
  background: var(--semitransparent-color);
  color: var(--main-color);
  width: auto;
  padding-left: 0pt;
  padding-right: 0pt;
  height: auto;
}

.ol-mouse-position {
  text-align: center;
  font-size: 10pt;
  line-height: 13pt;
  bottom: 5.5pt;
  top: inherit;
  left: 6px;
  max-width: 112pt;
}

.ol-visible-layer-info {
  font-size: 11pt;
  position: absolute;
  bottom: 5.5pt;
  top: inherit;
  left: 130pt;
  max-width: fit-content;
  padding-left: 5pt;
  padding-right: 4pt;
  z-index: 10;

  &:hover {
    height: auto;
    overflow: visible;

    p.first-true:has(+ p.first-false)::after {
      content: normal;
    }

    p.first-false {
      display: inherit;
    }
  }

  p {
    margin-bottom: 0pt;

    &.first-true:has(+ p.first-false)::after {
      content: ' \23f6';
    }

    &.first-false {
      display: none;
    }
  }
}

.listado button {
  font-size: 0.8em;
  margin-left: 0.6em;
  border-radius: 2px;
  border-style: solid;
  width: 1.375em;
  height: 1.375em;
}

.formulario .selector button,
.formulario .filtro button {
  width: 1.5em;
  height: 1.5em;
}

.reset-filter img {
  position: relative;
  top: auto;
  bottom: 4px;
  height: -webkit-fill-available;
  max-width: 85%;
  transform: scaleX(-1);
}

.ol-control button,
.listado button,
.formulario .selector button,
.formulario .filtro button {
  background-color: var(--main-color);
  border-color: var(--main-color);
  cursor: pointer;
  border: 2pt;
  display: inherit;
  color: white;
  padding: 1pt;
  text-align-last: auto;
}

:root .ol-control button:focus,
:root .ol-control button:hover,
.listado button:focus,
.listado button:hover {
  background-color: var(--accent-color);
  border-color: var(--main-color);
  box-shadow: none;
  color: white;
  outline: inherit;
}

.ol-control button:hover,
.listado button:hover {
  background-color: var(--accent-color);
}

.ol-control.ol-bar .ol-layerswitcher-popup.ol-forceopen ul.panel {
  display: block;
}

.chProj.combo.dropup {
  bottom: 0pt;
  left: 6pt;
  position: absolute;
  z-index: 10;
  color: var(--main-color);

  ul {
    background: var(--semitransparent-color);
  }

  button {
    display: block;
    color: var(--main-color);
    background: none;
    position: absolute;
    font-size: 14pt;
    bottom: -2pt;
    left: -3pt;
  }
}

#dimensions {
  .chProj {
    position: unset;
    bottom: unset;
    left: unset;
    background: var(--semitransparent-color);
    margin-bottom: 4pt;
    padding: 2pt;
    line-height: 10pt;
    max-height: unset;
    width: auto;
  }

  ul {
    position: absolute;
    padding: 2pt;
    max-height: unset;
    width: auto;
    text-align: center;
    float: right;
    right: -2px;
    background: var(--semitransparent-color);
  }
}

.combo.dropup.listshown {
  background: none;
  border: none;
}

.dropup.listshown>.dropup-content {
  display: block;
}

.dropdown.listshown>.dropdown-content {
  display: block;
  background-color: rgba(255, 255, 255, 1);
  position: relative;
}

.combo>form,
.combo>ul {
  position: relative;
  bottom: 18pt;
  left: 6pt;
  display: none;
}

.combo ul {
  margin: auto;
  padding: 3pt;
  font-size: 10pt;
}

.combo ul>li {
  display: block;
  padding-left: 2pt;
  padding-right: 2pt;
  padding-top: 0;
  padding-bottom: 0;
  cursor: pointer;
  color: var(--main-color);
}

.combo ul>li.select {
  background: var(--main-color);
  color: rgba(255, 255, 255, 0.85);
}

.combo ul>li:hover {
  background-color: var(--accent-color);
  color: rgba(255, 255, 255, 0.85);
}

div>input.combo {
  line-height: 12pt;
}

div.combo>span.fa.fa-chevron-down {
  position: relative;
  left: -13pt;
  top: 1pt;
  color: var(--main-color);
}

div.combo ul.dropdown-content {
  position: absolute;
  bottom: auto;
  left: auto;
  max-height: 195pt;
  width: 134pt;
  overflow: auto;
  z-index: 10000;
}

.seleccionable,
.seleccionable input {
  cursor: pointer !important;
}

#dimensions .chProj>form {
  top: 2pt;
  left: 0pt;
  background-color: unset;
}

div.combo-coord div.dropdown {
  position: fixed;
  z-index: 999999
}

div.combo-coord>div.chProj>ul {
  bottom: auto;
  left: -4px;
  width: auto;
}

div#projection>input {
  width: 180px;
}

div#municipio {
  display: inline-block;
}

div#municipio input {
  width: 134pt;
}

table td input.combo {
  width: 100%;
}

div.data_new .combo ul {
  position: absolute;
  width: 100%;
  max-height: 65pt !important;
  webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px var(--light-color);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px var(--light-color);
  min-width: 100pt;
}

.ol-layerswitcher-popup button,
.layer-switcher button {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
  width: 1.38em;
  height: 1.38em;
}

.ol-layerswitcher-popup button {
  background-image: url("db75d541dbf50e21bdbd.0ac7ffb6d4eb.svg");
}

.layer-switcher button {
  background-image: url("090a233db415d6cd1ce6.3fc48a0bbdd5.svg");
}

.ol-layerswitcher-popup ul {
  padding-left: 0em;
}

.ol-control.ol-bar .ol-control.ol-layerswitcher-popup {
  text-align: left;
}

.ol-control.ol-bar .ol-control.ol-layerswitcher-popup .panel {
  position: absolute;
  right: 1.4em;
  top: 0pt;
  z-index: 999999999;
}

.ol-zoom-extent button {
  background-image: url("9165562fc2336c36ffb1.316e88615711.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
}

.ol-layerswitcher-popup li:hover {
  background: var(--accent-color);
}

.ol-layerswitcher-popup li {
  font-family: inherit;
  color: var(--accent-color);
}

.ol-layerswitcher-popup li.select.ol-visible {
  background-color: var(--main-color);
}

.ol-layerswitcher-popup li.ol-visible {
  background-color: var(--main-color);
}

.ol-control img {
  padding: 1px;
}

.vardata.simple>td>.data_new {
  width: calc(100% - 29pt);
}

.vardata.simple>td .input {
  width: calc(100% - 29pt);
}

.map-animation {
  top: 100px;
}

#map-animation {
  padding-right: 0em;
}

#map-animation>div {
  display: inline-flex;
  padding: 0.25rem;
}

.ol-layerswitcher-popup li.ol-visible {
  background-color: var(--main-color);
}

#map-animation>div>label {
  min-width: 120px;
  margin-right: 1rem;
  color: var(--main-color);
  font-weight: bold;
  display: inline-flex;
}

#map-animation>div>input {
  width: 90pt;
  margin-left: 0.25rem;
  display: inline-flex;
  border: 1px var(--main-color) solid;
}

#map-animation>div>input#interval {
  width: 40pt;
}

.vis-panel.vis-center,
.vis-panel.vis-top,
.vis-panel.vis-bottom {
  border-left-style: inherit;
  border-right-style: inherit;
}

div.calendar {
  background: var(--semitransparent-color);
  position: absolute;
  display: grid;
  grid-template-columns: auto auto;
  z-index: 1;
}

.mapa.interactive {
  div.calendar {
    top: 24pt;
    right: var(--tras-botonera);
  }

  .time-selector {
    top: 0;
    right: var(--tras-botonera);
  }
}

.time-selector {
  position: fixed;
  z-index: 15;
  text-align: left;
  left: 27pt;
  right: var(--tras-botonera);
  background: var(--semitransparent-color);
  line-height: 0.5em;
  width: auto;
}

div.page-block.graphicpage div.time-selector,
div.page-block.mosaicpage div.time-selector {
  left: 10pt;
  right: 10pt;
  top: 1pt;
}

div#dimensions {
  position: absolute;
  right: var(--tras-botonera);
  top: 6.15em;
  font-size: 9pt;
  color: var(--main-color);
  text-align: right;
  pointer-events: auto;
  z-index: 2;
}

div#dimensions div.combo span {
  margin: 10px;
}

body#body-mosaicpage div.page-block div#dimensions {
  right: 315pt;
  top: 33pt;
  display: inline-flex;
  font-size: 11pt;
}

div.page-block.mosaicpage div#dimensions span.dim_value {
  font-size: 13px;
}

div.page-block.mosaicpage div#dimensions>div {
  padding-left: 5pt;
}

div.page-block.mosaicpage div#dimensions .combo ul {
  background: white;
  border: 1px solid var(--main-color);
}



.report-parameters div.calendar {
  position: relative;
  float: right;
}

div.page-block>div.calendar {
  grid-column-start: 2;
  grid-column-end: 4;
  border: none;
  right: var(--tras-botonera);
  top: 2.8em;
  padding-left: 2pt;
  padding-right: 2pt;
  width: auto;
}

.calendar>input {
  grid-column: 1;
  border: none !important;
  box-shadow: none;
  font-size: 9pt;
  font-weight: 300;
  color: var(--main-color);
  text-align: right;
  padding: 0;
  background-color: transparent !important;
  width: 80pt;
}

.calendar>a.input-button {
  align-self: center;
  color: var(--main-color);
}

#calendar-icon {
  padding-left: 2pt;
  padding-right: 2pt;
  grid-column: 2;
}

div.page-block.graphicpage div.calendar,
div.page-block.mosaicpage div.calendar {
  right: 5pt;
  z-index: 99;
  width: auto;
}

.model_carpeta,
.model_leyenda,
.model_selector {
  display: none;
}

div.leyenda {
  padding-left: 24pt;
  padding-bottom: 6pt;
}

div.disabled {
  opacity: 0.5;
}

div.folder {

  div.leyenda,
  div.selector,
  div.formulario {
    padding-left: 9pt;
  }
}

div.folder-toggler {
  color: var(--main-color);
  margin-bottom: 3pt;

  &:not(.open) {
    &:after {
      content: '...';
    }

    ~div {
      display: none;
    }

    opacity: 90%;
  }

}

div.folder:has(input:checked)>div.folder-toggler:not(.open) {
  font-weight: bold;
}

span.celda {
  width: 200pt;
  height: 200pt;
}


div.selector {
  padding-left: 12pt;
}

div.cambios.mostrar-capa.selector {
  padding-left: 0;
}

div.propedades-capa div-propiedades-capa {
  margin-left: 15pt;
}

div.folder {
  padding-left: 8pt;
  font-weight: normal;
  margin-bottom: 5px;

  div.folder {
    padding-left: 13pt;
  }
}

.ol-unselectable.ol-overlay.slide-left.menu.ol-visible {
  background-color: rgba(255, 255, 255, 0.85);
  left: 5pt;
  height: auto;
  bottom: 3em;
  box-shadow: none;
  top: 24pt;
}

#LAYER .titulo,
#REFERENCE .titulo {
  font-weight: bold;
  color: var(--main-color);
}

div.folder,
div.selector {
  font-size: 11pt;
  line-height: 1.2em;
}

.filtro .selector.riesgo {
  padding-left: unset;
  font-size: 12px;
  padding-top: 3px;
}

.calendar-filter {
  display: inline-flex
}

.calendar-filter.hasTime input {
  width: 84pt;
}

.calendar-filter input {
  width: 62pt;
  line-height: 15pt;
  border: none;
  padding: 2px 5px;
}

.calendar-filter input:focus {
  border: none;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px var(--light-color);
}

.filtro input {
  font-size: 12px;
}

.filtro a {
  color: var(--main-color);
}

div.mosaics {
  position: relative;
  margin-top: 2pt;
  overflow: scroll;
  width: calc(100%);
}

div.mosaics tbody tr td:first-child {
  position: sticky;
  position: -webkit-sticky;
  /* for Safari */
  left: 0;
  background: #FFF;
  /* border-right: 1px solid #CCC; */
  z-index: 1;
}

div.mosaics.flex {
  flex-wrap: wrap;
  display: flex;
}

div.mosaics.flex table {
  margin-right: 20pt;
}

div.graphicpage,
div.mappage {
  div.list-info_grafica {
    position: relative;
    top: 26pt;
    overflow: scroll;
    width: calc(100vw - 10px);
    padding-right: 0;
    padding-left: 0;
  }
}

body .modelo {
  display: none;
}

section#content div.container div.row.page-block.graphicpage {
  padding-top: 22pt;
  padding-left: 7pt;
  padding-right: 7pt;
}

div.page-block.graphicpage .nomodelo {
  position: relative;
}

span.highlight {
  color: red;
}

.ol-layerswitcher-popup button {
  float: none;
}

.ol-notification {
  z-index: 9;
  position: fixed;
  bottom: var(--footer-height);
}

.ol-notification>div,
.ol-notification>div:hover {
  background-color: var(--main-color);
}

.slidecontainer {
  width: 75px;
  margin-bottom: 4px;
  padding-left: 5.5px;
  position: relative;
  margin-top: 5px;
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 3pt;
  border: none;
  background: var(--main-color);
  outline: none;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 5px;
  height: 15px;
  border-radius: 0%;
  background: var(--main-color);
  cursor: pointer;
  border-block-color: white;
}

.slider::-moz-range-thumb {
  width: 5px;
  height: 15px;
  border-radius: 0%;
  background: var(--main-color);
  cursor: pointer;
  border-block-color: white;
}

.etiqueta {
  width: 30px;
  height: 18px;
  position: absolute;
  z-index: 9;
  background-color: var(--main-color);
  color: white;
  font-size: 12px;
  text-align: center;
  padding-top: 0px;
  top: -34px;
}

.etiqueta:after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 8;
  background-color: var(--main-color);
  position: relative;
  left: 9px;
}

.ol-tooltip {
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  color: white;
  padding: 4px 8px;
  opacity: 0.7;
  white-space: nowrap;
  font-size: 12px;
}

.ol-tooltip-measure {
  opacity: 1;
  font-weight: bold;
}

.ol-tooltip-static {
  background-color: #ffcc33;
  color: black;
  border: 1px solid white;
}

.ol-tooltip-measure:before,
.ol-tooltip-static:before {
  border-top: 6px solid rgba(0, 0, 0, 0.5);
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  content: "";
  position: absolute;
  bottom: -6px;
  margin-left: -7px;
  left: 50%;
}

.ol-tooltip-static:before {
  border-top-color: #ffcc33;
}

.area.ol-control i {
  font: icon;
  font-size: 75%;
}

div.parameters {
  position: absolute;
  top: 29pt;
  width: auto;
  display: inline-flex;
  bottom: auto;
  left: auto;
  right: 140pt;
}

body#body-mosaicpage {
  div.mosaics {
    height: calc(100vh - 128pt);
    top: 49pt;
  }

  div.parameters {
    top: 23pt;
  }
}

body#body-graphicpage,
div.block-0.graphiccpage {
  div.list-info_grafica {
    top: 49pt;
  }
}

body#body-graphicpage {
  div.list-info_grafica {
    height: calc(100vh - 188px);
  }
}

div.parameters>div {
  margin: 3px;
  color: var(--main-color);
  z-index: 99;
  font-size: 11pt;
  padding-left: 13pt;
}

div.parameters>div>input {
  width: 3em;
  height: 16pt;
  border: none !important;
  box-shadow: none;
  font-size: 13px;
  font-weight: 300;
  color: var(--main-color);
  text-align: center;
  padding: 0;
  background-color: transparent !important;
}

div.parameters>div>ul {
  z-index: 10000;
  background: white;
  border: 1px solid var(--main-color);
  width: 35pt;
  display: none;
}

div.parameters>div>ul>li {
  display: block;
  text-align: center;
  margin: 3px;
  line-height: 14pt;
  font-size: 13px;
}

div.parameters>div>ul>li:hover {
  background-color: var(--accent-color);
  color: white;
}

ul#interval-list {
  position: relative;
  left: auto;
  right: -33pt;
}

ul#iteration-list {
  position: relative;
  left: auto;
  right: -25pt;
}

i.fas {
  cursor: pointer !important;
}

.fa-left {
  position: relative;
  left: -5px;
}

div.parameters>div:focus>ul {
  display: block;
}

div.parameters>div>ul>li.select {
  background-color: var(--main-color);
  color: white;
}

.ms-container .ms-list.ms-focus {
  border: 1px solid #ccc !important;
  transition: border linear 0.2s, box-shadow linear 0.2s !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
  outline: 0;
  outline: thin dotted \9;
}

.ms-container {
  /*
  width: 45vw !important;
  */
  background: none !important;
  position: relative;
  top: -8pt;
}

.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover {
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  background-color: var(--main-color);
}

.ms-container a {
  background: none;
  color: white !important;
  font-weight: bold;
  padding-left: 3px;
  padding-right: 3px;
  font-size: 1.3em;
}

.ms-container a {
  background-color: var(--main-color);
  border-color: var(--main-color);
  display: block;
  margin: 1px;
  padding: 6px !important;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  height: 1.2em !important;
  width: 1.2em !important;
  line-height: 0.4em;
  border: none;
  border-radius: 2px;
  font-size: medium !important;
}

.ms-container .ms-list {
  border: 1px var(--main-color) solid !important;
  border-radius: unset !important;
  height: 100pt;
}

.ms-container .ms-selectable button.ol-control {
  position: relative;
  top: 80px;
  margin-left: auto;
  left: 25px;
}

.ms-container button.ol-control:hover {
  background: var(--accent-color) !important;
}

.ms-container .ms-selection {
  float: left !important;
  right: -29px;
  left: auto;
  position: relative;
}

.ms-container .ms-selection button.ol-control {
  position: relative;
  top: 135px;
  left: -25px;
}

.dialog .ms-container button>a {
  padding-left: 5px;
}

.ms-container .ms-selection a {
  position: relative;
  top: 70pt;
  left: -25px;
}

.ms-container .ms-selectable a {
  position: relative;
  top: 50pt;
  margin-left: auto;
  left: 25px;
}

div#pointbycoords-dialog .data select {
  width: auto;
  border: 1px var(--main-color) solid;
}

.ol-touch .ol-control button {
  font-size: 1.0em;
}

.ol-ctx-menu-container {
  color: var(--main-color);
}

.ol-ctx-menu-container li:hover {
  background-color: var(--main-color) !important;
}

.ol-ctx-menu-container li:not(.ol-ctx-menu-separator) {
  color: var(--main-color);
  width: 100%;
}

.ol-ctx-menu-container li>span {
  padding-left: inherit;
  font-family: inherit;
}


/* .ol-ctx-menu-container li.ol-ctx-menu-zoom-in,
.ol-ctx-menu-container li.ol-ctx-menu-zoom-out, 
.ol-ctx-menu-container li.ol-ctx-menu-zoom-in:hover,
.ol-ctx-menu-container li.ol-ctx-menu-zoom-out:hover {
  background-image: none;
} */

.legend-dialog {
  padding: 0;
  background: #e6e6e682;
}

.legend-dialog .legend {
  padding: 0;
  margin-top: 2px;
  float: right;
}

td img.no-legend {
  margin-right: 100px;
}

body li[custom_legend="true"]>div>a.title::after {
  content: " \f430";
  font-family: "Font Awesome 6 Brands";
  color: var(--main-color);
}

div.graph.js-plotly-plot {
  min-height: 200pt;
}

#info>div.graph.js-plotly-plot {
  min-height: 150pt;
  height: 25%;
}

#info.subplots_1>div.graph.js-plotly-plot {
  height: 100%;
}

#info.subplots_2>div.graph.js-plotly-plot {
  height: 50%;
}

#info.subplots_3>div.graph.js-plotly-plot {
  height: 33.3%;
}

#info.subplots_info_1.subplots_1>div.graph.js-plotly-plot {
  height: calc(100% - 24pt);
}

#info.subplots_info_1.subplots_2>div.graph.js-plotly-plot {
  height: calc(50% - 12pt);
}

#info.subplots_info_1.subplots_3>div.graph.js-plotly-plot {
  height: calc(33.3% - 8pt);
}

#info.subplots_info_2.subplots_1>div.graph.js-plotly-plot {
  height: calc(100% - 48pt);
}

#info.subplots_info_2.subplots_2>div.graph.js-plotly-plot {
  height: calc(50% - 24pt);
}

#info.subplots_info_2.subplots_3>div.graph.js-plotly-plot {
  height: calc(33.3% - 16pt);
}

ul.flex-direction-nav li {
  line-height: 30pt;
}

.ol-control.ol-bar .ol-control.ol-3d {
  display: none;
}

body#body-mis-fincas {
  h2 {
    margin-right: 3em;
  }

  div.calendar {
    right: 0;
  }

}
.dataTables_wrapper .dataTables_filter {
    float: left;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dt-buttons {
    float: right;
    display: block;
}

.dataTables_wrapper .dataTables_length {
    padding-top: 0;
    padding-bottom: 0;
    font-size: smaller;
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: 0;
    font-size: smaller;
}

.dataTables_wrapper .dt-buttons a.btn {
    margin-left: 12pt;
    width: 1.5em;
}

table.dataTable {
    width: auto;
}

table.dataTable thead th,
table.dataTable tfoot th {
    font-weight: bold;
}

table.dataTable thead th select,
table.dataTable tfoot th select {
    font-weight: bold;
}

table.dataTable thead th,
table.dataTable thead td {
    padding: 4pt 12pt;
    border-bottom: 1px solid var(--main-color);
    color: var(--main-color);
}

table.dataTable thead th:active,
table.dataTable thead td:active {
    outline: none;
}

table.dataTable tfoot th,
table.dataTable tfoot td {
    padding: 10px 18px 6px 18px;
    border-top: 1px solid var(--accent-color);
}

table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
    background-color: var(--light-color);
}

table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center,
table.dataTable td.dataTables_empty {
    text-align: center;
}

table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
    text-align: right;
}

table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
    white-space: nowrap;
}
div.dataTables_wrapper div.dataTables_filter label ,
div.dataTables_wrapper div.dataTables_length label {
    font-weight: normal;
    white-space: nowrap;
    text-align: left;
}
div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    width: auto;
}
div.dataTables_wrapper div.dataTables_length select {
    width: auto;
    display: inline-block;
    appearance: auto;
    padding-inline: inherit;
}

/*# sourceMappingURL=base_main.css.f805bdac3558.map */