body {
  font-family: 'Lato', 'Source Sans Pro', 'Helvetica', sans-serif;
}


.navbar-text {
    color: #ffffff
}

.navbar-dark {
  background-color: #ffffff !important;
}

[class*='sidebar-dark-'] .nav-treeview > .nav-item > .nav-link {
  color: #ffffff;
}

[class*=sidebar-dark-] .sidebar a {
  color: #ffffff;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
  background-color: hsl(29, 100%, 55%);
}
.main-header .logo .admin { background-color: #aa4400 !important; }
.main-header .navbar .admin { background-color: #d45500 !important;}

.main-header .logo .empresario { background-color: #ceb31e !important; }
.main-header .navbar .empresario { background-color: #f0cf18 !important;}

.login-page, .register-page {
    background: url("/static/img/fondo_arauco.jpeg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-bottom: 70px;
}

.login-logo {
  color: #443f39;
}

.login-footer {
  padding-left: 0.5rem;
  padding-bottom: 0.5rem;
}

.login-container {
  width: 360px;
  margin-right: -40%;
  padding-top: 10%;
}

.scrolling {
  overflow-x: auto;
}

.table-span-list {
    background-color: #3c8dbc;
    border-color: #367fa9;
    padding: 1px 10px;
    color: #fff;
    margin-right: 2px;
    margin-top: 2px;
}

.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.center-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.modal-body iframe {
  height: 500px;
  border: none;
}

@media (min-width: 992px){
    .modal-lg {
        max-width: 900px;
    }
}

.dt-logo {
  padding: 3em 0;
}

.dt-logo img{
  margin-left:auto;
}

.dt-logo-mini {
  display: none;
}


.sidebar-collapse .dt-logo {
  display:none;
}

.sidebar-collapse .dt-logo-mini {
  display: block;
  font-weight: bold;
  font-size: 1.2em;
  padding: 1.5em 0;
}
.sidebar-collapse .dt-logo-mini .d {
  color: #FFB380;
}
.sidebar-collapse .dt-logo-mini .t {
  color: #fff;
}

.sidebar-menu {
  font-size: 90%;
}

.admin-ecofor {
    background-color: rgba(191,184,0,1.0) !important;
}

.admin-empresa {
    background-color: rgba(191,184,0,1.0) !important;
}

.admin-documentacion {
    background-color: rgba(191,184,0,1.0) !important;
}

.proveedor {
    background-color: #558b2f !important;
}

.recepcionista {
  background-color: #4D4D4D !important;
}

.arauco {
  background-color: #1e1e2d !important;
}

.logo-corfo {
  width: 80%;
  height: auto;
  padding-top:5%;
  margin-top: 5%;
}

.logo-trazo {
  width: 40%;
  height: auto;
  padding-bottom: .830rem;
  padding-top: 5%;
}

.cuadro-resumen > h3{
  font-size: large !important;
}

.cuadro-resumen > p{
  font-size: small !important;
}

/* primary button
.btn-primary {
  background-color: #696158;
  color: #FFF;
  border-color: #58524b;
  border-radius: 25px;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active    {
  background-color: #796f64;
  color: #FFF;
  border-color: #58524b;
}
*/

/* success button */
.btn-success {
    background-color: #BFB800;
    color: #FFF;
    border-color: #BFB800;
    border-radius: 25px;
}
.btn-equivalencia{
  background-color: #736B69;
  color: #FFF;
  border-color: #736B69;
  border-radius: 25px;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active    {
    background-color:#BFB800;
    color: #FFF;
    border-color: #BFB800;
}

.box.box-primary {
  border-top-color: #696158;
}

table.dashboard {
  background-color: #e0e0e0;
  width: 100%;
}

table.dashboard thead  {
  background-color: #222D32;
}

table.dashboard tr th {
    border: none;
    /*border: 1px solid #f0f0f0;*/
    color: #EEE;
}
/*table.dashboard tbody td {

}*/

table.dashboard tfoot td {
    background-color: #c3c3c3;
    font-weight: bold;
}

@media (min-width: 768px) {
  .modal-xl {
    width: 90%;
   max-width:1200px;
  }
}

.novedad-dt {
    background-color: #ffc7bf;
}

.novedad-em {
    background-color: #ffff00;
}

.sin-novedad-em {
    background-color: #66ffa6;
}

#load_progress {
  background-color: rgba(57, 66, 99, 0.75);
  bottom: 0;
  color: #FFF;
  font-size: 16pt;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1040;
  filter: alpha(opacity=75); /* For IE8 and earlier */
}

/* badges */
table.dataTable td span.badge {
    font-size: 100% !important;
}

.badge-orange {
  color:#EEE;
  background-color: #fd7e14;
}

/* estilos adicionales para django_table2 */
.table-title {
  padding: 4px;
}
.table-title p {
  padding: 8px 0 0 4px;
  font-size: .8em;
}
.table-title select, .table-title label {
  font-size: .8em;
}

.dataTable th, .dataTable td {font-size: .75em; vertical-align: middle; padding: 0.45rem;}
.dataTable th a {text-shadow: 1px 1px 0 #fff; }

.control-label small { font-size: .75em; font-weight:  normal; color: #666; }
.filtros .form-group { margin-right: 5px; }

/* iconos order columnas django_tables2 */

table.dataTable th.orderable {
    position: relative;
}
.table-container th.orderable:before {
    right: 1em;
    content: '\2193 ';
    opacity: 0.6;
    top: 50% !important;
    margin-top: -0.75rem;
    bottom: auto !important;
    display: block;
    position: absolute;
}

.table-container th.orderable:after {
    right: 0.5em;
    content: '\2191';
    opacity: 0.6;
    top: 50% !important;
    margin-top: -0.75rem;
    bottom: auto !important;
    display: block;
    position: absolute;
}

.table-container th.asc:before {
    right: 1em;
    content: '\2193';
    opacity: 1;
    top: 50% !important;
    margin-top: -0.75rem;
    bottom: auto !important;
    display: block;
    position: absolute;
}

.table-container th.desc:after {
    right: 0.5em;
    content: '\2191';
    opacity: 1;
    top: 50% !important;
    margin-top: -0.75rem;
    bottom: auto !important;
    display: block;
    position: absolute;
}

/* estilos modificados template text-sm */
.text-sm small .btn {
    font-size: .75rem !important;
}

.text-sm .input-sm{
    font-size: .75rem !important;
    height: calc(2.05rem + 2px);
}

.text-sm .select2-container--bootstrap4 .select2-selection--single {
    height: calc(2.05rem + 2px) !important;
}

/* estilos form-inline form-group */
@media (max-width: 767px){
  .form-inline .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle;
  }
}

@media (min-width: 576px){
  .form-inline .form-group {
      display: block;
      margin-bottom: .5rem;
  }
}

#map {
    background-color: #c3c3c3;
    height: 480px;
    line-height: 480px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

/* select2 multiple */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #007bff;
    border-color: #006fe6;
}

.font-red {
    color: #ff5131;
    font-size: 24px;
}

.novedad-desp {
  background-color: #ffc7bf;
}