/*------------------------------------------------
  Compile stylesheet
-------------------------------------------------*/
/*------------------------------------------------
  Global Styles
-------------------------------------------------*/
._color-main {
  color: #b89ac6; }

body {
  font-family: 'Montserrat', sans-serif;
  font-size: 12px; }

/*  Scroll Up
-------------------------------------------------*/
#scrollUp {
  bottom: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  background: url(../img/main/flecha.jpg); }

/*  Modal Loading
----------------------------------------------*/
.loading {
  display: none; }

.loading-modal {
  position: fixed;
  z-index: 100000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: 100px 100px;
  color: #b89ac6;
  font-size: 22px;
  display: flex;
  justify-content: center;
  align-items: center; }

/*
.modal-body {
  padding: 0 !important;
}
*/
/*  All input to upper case
----------------------------------------------*/
input[type=text],
textarea {
  text-transform: uppercase;
  font-size: 12px; }

input::placeholder {
  text-transform: none !important; }

/*  Actions buttons
----------------------------------------------*/
._action-button,
._action-button:active,
._action-button:focus,
._action-button:link,
._action-button:visited {
  padding: 0;
  margin-right: 10px;
  border: none;
  cursor: pointer;
  color: #b89ac6;
  font-size: 20px;
  background: transparent; }

._action-button:hover {
  color: #474b4f !important; }

._deactivate-button,
._deactivate-button:active,
._deactivate-button:focus,
._deactivate-button:link,
._deactivate-button:visited {
  padding: 0;
  margin-right: 10px;
  border: none;
  cursor: pointer;
  color: darkred;
  font-size: 20px;
  background: transparent; }

._deactivate-button:hover {
  color: #474b4f !important; }

/*
.btn:focus {
  color: #ffffff !important;
}
*/
/*  Format styles
----------------------------------------------*/
._align-right {
  text-align: right; }

._align-center {
  text-align: center; }

._align-justify {
  text-align: justify; }

._font-size {
  font-size: 12px; }

._lower-case {
  text-transform: lowercase; }

table {
  width: 100% !important; }

._total-style {
  font-weight: bold;
  font-size: 14px; }

._field-full {
  width: 100% !important; }

._field-90p {
  width: 90% !important; }

._blank {
  color: #fff; }

._required::before {
  color: red;
  content: '*';
  padding-right: 5px; }

._space-right {
  margin-right: 10px; }

._title {
  font-size: 22px;
  font-weight: 700;
  color: #b89ac6;
  padding: 0px;
  margin: 0 0 20px 0; }

._inquiry {
  font-size: 14px;
  text-align: center; }

/*  Template custom styles
----------------------------------------------*/
._icon-left {
  margin-right: 10px; }

.box-title {
  font-size: 22px !important;
  font-weight: bold;
  font-style: italic; }

._font-middle {
  font-size: 12px; }

._btn-custom {
  background-color: #c8b279;
  color: #ffffff; }

._btn-custom:hover,
._btn-custom:active,
._btn-custom.hover {
  background-color: #95805E;
  color: #ffffff; }

/*  Template format
----------------------------------------------*/
.content-wrapper {
  background-color: #fff; }

.sidebar-menu .fa {
  font-size: 1.3em; }

.sidebar-menu > li > a > .fa, .sidebar-menu > li > a > .glyphicon, .sidebar-menu > li > a > .ion {
  width: 30px; }

.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
  background-color: #232222;
  box-shadow: 5px 0 5px -2px rgba(50, 50, 50, 0.5); }

.skin-blue .main-header .logo {
  background-color: #232222;
  color: #fff;
  border-bottom: 0 solid transparent; }

.skin-blue .main-header .logo:hover {
  background-color: #232222; }

.skin-blue .main-header li.user-header {
  background-color: #b89ac6; }

.skin-blue .sidebar a {
  color: #fff; }

.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a, .skin-blue .sidebar-menu > li.menu-open > a {
  color: #fff;
  background: #b89ac6; }

.box {
  position: relative;
  border-radius: 3px;
  background: #ffffff;
  border-top: 0;
  margin-bottom: 20px;
  width: 100%;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); }

/*  Footer
----------------------------------------------*/
.main-footer {
  background-color: #1d1e1e;
  color: #b89ac6; }

/*  Header
----------------------------------------------*/
.skin-blue .main-header .navbar {
  background-color: #1d1e1e; }

.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right), .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
  width: 180px;
  left: 50px; }

.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span {
  top: 0;
  margin-left: -3px;
  padding: 12px 5px 12px 20px;
  background-color: #b89ac6; }

.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
  top: 41px; }

/* Bullet menu  */
.skin-blue .sidebar-menu > li.active > a {
  border-left-color: #000000; }

.skin-blue .main-header .sidebar-toggle {
  padding: 6px 15px;
  font-size: 25px; }

.skin-blue .main-header .navbar .sidebar-toggle {
  color: #b89ac6 !important; }

.skin-blue .main-header .navbar .sidebar-toggle:hover {
  background-color: transparent; }

._sidebar {
  font-size: 18px;
  color: #b89ac6 !important; }

/*  Datatables pagination
----------------------------------------------*/
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  cursor: pointer;
  background-color: #b89ac6;
  border-color: #b89ac6; }

._action-column {
  text-align: center;
  width: 110px; }

th {
  font-size: 14px; }

td {
  font-size: 12px; }

._selected {
  color: #ffffff;
  background-color: #a6a6a6; }

/*  Button gold
----------------------------------------------*/
.bg-gold {
  background-color: #b89ac6 !important;
  color: #fff; }

.bg-gold:hover {
  color: #fff; }

._bg-light {
  background-color: #535252 !important;
  color: #fff; }

._bg-light:hover {
  color: #fff; }

/*  Menu treeview (submenus)
----------------------------------------------*/
.treeview-menu {
  padding-left: 14px; }

.treeview-menu > li > a {
  font-size: 12px; }

.skin-blue .sidebar-menu > li > .treeview-menu {
  background: #1d1c1b; }

.skin-blue .sidebar-menu .treeview-menu > li > a {
  color: #fff; }

.skin-blue .sidebar-menu .treeview-menu > li.active > a, .skin-blue .sidebar-menu .treeview-menu > li > a:hover {
  color: #b89ac6; }

/*  Modal Window
----------------------------------------------*/
._modal-header {
  background: #b89ac6;
  color: white; }

/*  Modal scroll
----------------------------------------------*/
._modal-scroll {
  max-height: calc(100vh - 212px);
  overflow-y: auto; }

.modal {
  z-index: 999999999; }

._form-bottom {
  margin-bottom: 2px; }

/*  Forms
----------------------------------------------*/
.form-control {
  font-size: 12px !important; }

._form-action-buttons {
  padding: 5px 10px 5px 15px;
  /*height: 70px;*/ }

._form-field {
  margin: 10px 0; }

/*  Scroll Table on modal window
----------------------------------------------*/
table.scroll-modal {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0; }

table.scroll-modal tbody,
table.scroll-modal thead {
  display: block; }

table.scroll-modal thead tr th {
  height: 30px;
  line-height: 30px;
  /*background-color: #f1522a;*/
  background-color: #b89ac6;
  color: white; }

table.scroll-modal tbody {
  max-height: 200px;
  height: auto;
  overflow-y: auto;
  overflow-x: hidden; }

table.scroll-modal tbody td,
table.scroll-modal thead th {
  width: 100%;
  text-align: left; }

table.scroll-modal tbody td:last-child,
table.scroll-modal thead th:last-child {
  border-right: none; }

.clickable_row {
  cursor: pointer; }

/*  Print breaks
----------------------------------------------*/
@media all {
  .page-break {
    display: none; } }
@media print {
  @page {
    margin: 0; }
  body {
    margin: 1.6cm; }

  .page-break {
    display: block;
    page-break-before: always; } }
/*  Datatables responsive collpase plus button
----------------------------------------------*/
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
  background-color: #737373; }

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  content: '-';
  background-color: #000000; }

/*  Scroll on div
----------------------------------------------*/
._scroll-div {
  overflow-y: auto; }

/*  Scroll on table
----------------------------------------------*/
._table-scroll {
  height: 300px;
  margin: 0; }
  ._table-scroll thead {
    background-color: #b89ac6;
    color: #fff; }
  ._table-scroll tr {
    width: 100%;
    display: inline-table; }
  ._table-scroll tbody {
    overflow-y: auto;
    height: 240px;
    width: 91%;
    position: absolute; }

@media (min-width: 992px) {
  ._table-scroll tbody {
    height: 260px;
    width: 95%; } }
/*  Bootstrap tooltip style & multiline
----------------------------------------------*/
.tooltip-inner {
  max-width: none;
  text-align: left; }

/*------------------------------------------------
  Login Styles
-------------------------------------------------*/
.login-logo, .register-logo {
  margin-bottom: 0; }

.login-page, .register-page {
  background: #333333; }

.login-box-body, .register-box-body {
  background: #F2F2EF;
  padding: 20px;
  color: #fff;
  border-radius: 5px; }

.login-box-msg, .register-box-msg {
  font-size: 1.9rem;
  color: #000000; }

._submit-button {
  letter-spacing: 3px;
  margin: 10px 0; }

._submit-button:hover {
  color: #fff; }

#username {
  text-transform: none; }

._password-reset,
._password-reset:active,
._password-reset:focus,
._password-reset:link,
._password-reset:visited {
  cursor: pointer;
  color: #333333;
  font-size: 14px;
  background: transparent; }

._password-reset:hover {
  color: black !important; }

/*------------------------------------------------
  Header Styles
-------------------------------------------------*/
._company-name {
  font-size: 16px;
  letter-spacing: 3px;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  color: #b89ac6; }

._system-name {
  font-size: 22px;
  letter-spacing: 2px;
  color: #ffffff;
  float: left;
  padding: 10px 0 0 15px; }

._user-name {
  color: #ffffff !important;
  padding-top: 10px; }

._user-name a {
  color: #ffffff;
  font-size: 16px;
  float: right;
  margin: 5px 20px 0 5px; }

/*  Header buttons
----------------------------------------------*/
._header-button,
._header-button:active,
._header-button:focus,
._header-button:link,
._header-button:visited {
  padding: 0;
  margin-right: 10px;
  border: none;
  cursor: pointer;
  color: #ffffff;
  font-size: 18px;
  background: transparent; }

._header-button:hover {
  color: #ffffff; }

/*  Tabs Styles
----------------------------------------------*/
.portlet:not(.light) .tabbable-line {
  padding-top: 15px; }

.tabbable-line > .nav-tabs {
  border: none;
  margin: 0px; }

.tabbable-line > .nav-tabs > li {
  margin: 0;
  border-bottom: 4px solid transparent; }

.tabbable-line > .nav-tabs > li > a {
  background: none !important;
  border: 0;
  margin: 0;
  padding-left: 15px;
  padding-right: 15px;
  color: #737373;
  font-size: 14px; }

.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6; }

.tabbable-line > .nav-tabs > li.active {
  background: none;
  border-bottom: 4px solid #b89ac6;
  position: relative; }

.tabbable-line > .nav-tabs > li.active > a {
  border: 0;
  color: #b89ac6;
  font-weight: 700; }

.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040; }

.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
  background: none;
  border-bottom: 4px solid #d2fdad; }

.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  /*color: #72bc31;*/ }

.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6; }

.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px; }

.tabbable-line > .tab-content {
  margin-top: 0;
  border: 0;
  border-top: 1px solid #eef1f5;
  padding: 30px 0; }

.page-container-bg-solid .tabbable-line > .tab-content {
  border-top: 1px solid #dae2ea; }

.portlet .tabbable-line > .tab-content {
  padding-bottom: 0; }

.tabbable-line.tabs-below > .nav-tabs > li {
  border-top: 4px solid transparent; }

.tabbable-line.tabs-below > .nav-tabs > li > a {
  margin-top: 0; }

.tabbable-line.tabs-below > .nav-tabs > li:hover {
  border-bottom: 0;
  border-top: 4px solid #fbdcde; }

.tabbable-line.tabs-below > .nav-tabs > li.active {
  margin-bottom: -2px;
  border-bottom: 0;
  border-top: 4px solid #ed6b75; }

.tabbable-line.tabs-below > .tab-content {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px; }

.portlet .tabbable-bordered {
  margin-top: 20px; }

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

.tabbable-bordered .tab-content {
  padding: 30px 20px 20px 20px;
  border: 1px solid #ddd;
  background: #ffffff; }

/*  labelauty Styles
----------------------------------------------*/
input.labelauty:checked + label {
  background-color: #b89ac6;
  color: #ffffff; }

input.labelauty:checked:not([disabled]) + label:hover {
  background-color: #81d338; }

/*  Select2 color
----------------------------------------------*/
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #a6a6a6;
  color: white; }

/*  Datatable detail button
----------------------------------------------*/
td.details-control {
  background: url("../img/main/details_open.png") no-repeat center center;
  cursor: pointer; }

tr.details td.details-control {
  background: url("../img/main/details_close.png") no-repeat center center; }

/*  Datatable editable field
----------------------------------------------*/
._editable,
._editable:visited,
._editable:active,
._editable:link {
  text-decoration: none;
  border-bottom: 1px #b89ac6 dotted;
  color: #b89ac6;
  cursor: pointer; }

._editable:hover {
  border-bottom: 1px #737373 dotted;
  color: #737373; }

/*  File Contact Styles
----------------------------------------------*/
._file_company {
  color: #b89ac6;
  font-size: 16px;
  font-weight: 700;
  margin: 10px 0 20px 0; }

._file_label {
  font-weight: bold;
  font-size: 13px;
  width: 30%; }

._file_field {
  font-size: 13px;
  width: 70%; }

@media (min-width: 768px) {
  .modal-xl {
    width: 90%;
    max-width: 1200px; } }
/*  Scroll track modal bootsrtrap
----------------------------------------------*/
#modal-track-contact .modal-body {
  height: 400px;
  overflow-y: auto;
  overflow-x: hidden; }

/*  Background colors
----------------------------------------------*/
.bg-blue2 {
  color: #ffffff;
  background-color: #05D0FF !important; }

.bg-blue3 {
  color: #ffffff;
  background-color: #0085A4 !important; }

.bg-green1 {
  color: #ffffff;
  background-color: #46C089 !important; }

/*  Callout
----------------------------------------------*/
.callout {
  font-size: 13px; }

/*
.bg-yellow, .callout.callout-warning, .alert-warning, .label-warning, .modal-warning .modal-body {
  background-color: gainsboro !important;
}
*/
/*  Upload styles
----------------------------------------------*/
._upload-total-label {
  margin: 15px 0;
  font-size: 12px;
  visibility: hidden; }

/* Call to action button
-------------------------------------------------*/
._call-to-action {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 40%;
  height: auto;
  cursor: pointer;
  z-index: 9999; }
  ._call-to-action img {
    width: 100%;
    height: auto; }

@media (min-width: 598px) {
  ._call-to-action {
    width: 30%; } }
/*
@media (max-width: 767px) {
  ._call-to-action {
    top: 38%;
    right: 0;
    width: 35%;
  }
}
*/
@media (min-width: 768px) {
  ._call-to-action {
    bottom: 2.5rem;
    left: 1rem;
    width: 15%; } }
._form-bottom {
  margin-bottom: 2px; }

._form-group-padding {
  padding: 0 17px; }

/* Policies
-------------------------------------------------*/
a:link,
a:visited {
  color: #000; }

a:hover,
a:active {
  color: grey; }

/*  Form
----------------------------------------------*/
._blank-space-contact-data {
  height: 77px; }

@media (min-width: 992px) {
  ._blank-space-contact-data {
    height: 84px; } }
@media (min-width: 1200px) {
  ._blank-space-contact-data {
    height: 77px; } }
@media (min-width: 2000px) {
  ._blank-space-contact-data {
    height: 78px; } }
._small-box-footer {
  border: none;
  width: 100%; }

._small-box-footer:focus {
  outline: 0; }

._scroll-priviledges {
  overflow-y: auto;
  height: 346px; }

/*  Password rating meter
----------------------------------------------*/
._meter div {
  height: 20px;
  width: 20px;
  margin: 0 1px 0 0;
  padding: 0;
  float: left;
  background-color: #DDDDDD; }

._meter div.rating-1, #meter div.rating-2 {
  background-color: red; }

._meter div.rating-3, #meter div.rating-4 {
  background-color: darkorange; }

._meter div.rating-5, #meter div.rating-6 {
  background-color: yellow; }

._meter div.rating-7, #meter div.rating-8 {
  background-color: lightgreen; }

._meter div.rating-9, #meter div.rating-10 {
  background-color: darkgreen; }

/*  Change background color in selected tree node
----------------------------------------------*/
.jstree-default .jstree-clicked {
  background: #efeeeb; }

.jstree-default .jstree-hovered {
  background: #e9e8e4; }

/*# sourceMappingURL=styles.css.map */