/** COMPONENTES PRINCIPALES */
.top-bar {
  background-color: #3aaa35;
}

.main-header {
    margin-bottom: 20px;
}

.left-sidebar {
    font-family: "Lato", sans-serif;
}

.content {
    font-family: "Lato", sans-serif;
}

.main-header h2 {
    border: none;
    font-family: "latobold", sans-serif;
    font-size: 1.8em;
    font-weight: 400;
}

h3, h4, h5, h6 {
    font-family: "Lato", sans-serif;
}

.popover {
    font-family: "Lato", sans-serif;
}

.top-bar .logged-user .dropdown-menu{
    width: 100%;
    left: 0;
}

.dv-plan-activo {
    display: flex;
    align-items: center;
}

.dv-plan-activo > i {
    font-size: 1.8em;
    display: flex;
    justify-content: center;
    flex: 1;
}

.dv-plan-activo div {
    flex: 3 1;
}

#ico-planes {
    font-size: 16px;
    padding: 0 5px;
}

.lista-planes {
    color: #28807D;
}

.sin-plan {
    color: #D28241;
}

.boton {
    margin-bottom: 40px;
    font-family: Lato, sans-serif;
    font-weight: normal;
}

.log-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flex-horizontal {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}

.boton-header {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
    color: white !important;
    margin: 0 !important;
    height: 100% !important;
    width: 100% !important;
}

.widget .widget-header {
    padding: 0 0 0 10px ;
}

.widget .widget-header .widget-header-toolbar {
    border-left: 0px;
}

div.pull-left > a:nth-child(1) > img:nth-child(1) {
    margin-top: -8px;
}

.btn {
    /* font-weight: bold;
    letter-spacing: -1px; */
    font-family: Lato, sans-serif;
    font-weight: normal;
    font-size:0.95em;
}

.data-row .data-name {
    color: #868686;
}

/** COMPONENTES PRINCIPALES */

/** BARRA DE PROGRESO */
.progress .progress-bar {
    transition: width 0.05s ease-in;
}
/** BARRA DE PROGRESO */


/** GRITTER */
#gritter-notice-wrapper {
    position: fixed;
    right: calc(50vw - 150px);
    top: 20px;
    width: 301px;
    z-index: 9999;
}

.gritter-fail .gritter-item,
.gritter-fail .gritter-bottom,
.gritter-fail .gritter-top,
.gritter-fail .gritter-close {
    background-color: #d02a25;
    color: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    filter: alpha(opacity=95);
    -moz-opacity: 0.95;
    -khtml-opacity: 0.95;
    opacity: 0.95;
}

.gritter-success .gritter-item,
.gritter-success .gritter-bottom,
.gritter-success .gritter-top,
.gritter-success .gritter-close {
    background-color: #439643;
    color: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    filter: alpha(opacity=95);
    -moz-opacity: 0.95;
    -khtml-opacity: 0.95;
    opacity: 0.95;
}

.gritter-info .gritter-item,
.gritter-info .gritter-bottom,
.gritter-info .gritter-top,
.gritter-info .gritter-close {
    background-color: #337ab7;
    color: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    filter: alpha(opacity=95);
    -moz-opacity: 0.95;
    -khtml-opacity: 0.95;
    opacity: 0.95;
}

.gritter-fail .gritter-title, .gritter-success .gritter-title, .gritter-success .gritter-info {
    text-shadow: none;
}

.gritter-item {
    font-size: 12px;
    font-family: "Lato", sans-serif;
}
/** GRITTER */


/** DATATABLES */
.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0;
}
/** DATATABLES */


/** ETAPAS */
.wizard-wrapper {
    padding-bottom: 30px;
}

.wizard ul li.active {
    background: #3aaa35;
}

.wizard ul li.active .chevron::before {
    border-left: 24px solid #3aaa35;
}

.wizard ul li .chevron {
    border-left: 24px solid #f1f1f1;
}

.wizard ul li .chevron::before {
    border-left: 24px solid #fff;
}

.wizard ul li .badge.badge-info {
    background-color: #45963b;
}

.wizard ul li {
    background: #fff;
}

.wizard ul li.complete {
    background: #3aaa35;
}

.wizard ul li.complete .chevron::before {
    border-left: 24px solid #3aaa35;
}

.wizard {
    background-color: transparent;
}
/** ETAPAS */


/** ICONOS */
.fa-trash:hover {
    color: red;
}

.fa-circle {
    color: #3aaa35;
}
/** ICONOS */


/** DROPZONE */
.dropzone{
    text-align: center;
    height: 100%;
}
.dz-container {
    padding: 30px 0;
}

.dropzone .dz-message {
    font-size: 200%;
}

.dropzone .dz-default.dz-message {
    margin-top: 0;
    margin: 30px 0;
}

.dropzone .dz-preview .dz-details {
    width: 550px;
    height: 100%;
}

.dropzone .dz-preview .dz-remove {
    float: left;
    display: inline;
    margin-top: 5px;
}
.dropzone .dz-preview .dz-error-message, .dropzone-previews .dz-preview .dz-error-message {
    left: 50%;
}

.dz-filename {
    text-align: initial;
}
/** DROPZONE */

/** ICONO CARGA */
.lds-roller {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 32px 32px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #000;
  margin: -3px 0 0 -3px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 50px;
  left: 50px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 54px;
  left: 45px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 57px;
  left: 39px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 58px;
  left: 32px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 57px;
  left: 25px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 54px;
  left: 19px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 50px;
  left: 14px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 45px;
  left: 10px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.roller {
    display: flex;
}

.log-carga {
    display: flex;
    align-items: center;
}

.ocultar{
    display: none !important;
}
/** ICONO CARGA */

/** MODAL */
.modal {
    overflow:hidden;
}
/** MODAL */

/** TARJETAS */
.tarjeta-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.tarjeta-titulo {
    font-size: 16px;
}
.tarjeta-valor {
    font-size: 22px;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.tarjeta-detalle {
    min-width: 40%;
}
/** TARJETAS */

#login-container {  /* xs */
  padding-top:30px;
  background-image: url('../img/smpe/cmpc_backg.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size:800px;
  height: 420px;
} /*
#login-col-form{
  width:auto;
  padding-right:auto;
} */
#login-col-logo{
  padding-left:auto;
}
#login-logo {
  width: 150px;
}
#login-box-id {
  width: auto;
}
@media (min-width: 768px) { /* sm */
  #login-container {
    padding-top:110px;
  }/*
  #login-col-form{
     width:90%;
  }
  /*
  #login-col-logo{
    padding-left:5%;
  }
  #login-logo {
    width: 200px;
  } */

}
@media (min-width: 992px) { /* md */

}
@media (min-width: 1200px) { /* lg */

}
@media (min-width: 1600px) {
  #login-col-logo{
    padding-left:6%;
    width: 22%;
  }
  #login-col-form{
    padding-left:4%;
    padding-right:2%;
    width:22%;
  }
}
@media (min-width: 2000px) {
  #login-col-logo{
    padding-left:11%;
    width: 23%;
  }
  #login-col-form{
    padding-left:4%;
    padding-right:4%;
    width:19%;
  }
}

.select2-container--default {
    width: 100% ! important;
}

div.div-editable {
    width: 100%;
    height: 400px;
    background-color: #F1F1F1;
    border: 1px solid #ccc;
    padding: 5px;
    float:left;
    overflow-y: auto;
}

ul.main-menu > li.item-menu-active > a {
    font-weight: 700;
    background-color: #dfdfdf;
}

/*
tfoot {
    display: table-header-group;
    border-top: none;
}
*/

.datatable_wrapper {
    overflow-x: auto;
    overflow-y: hidden;
}

thead > tr > th > input {
    font-weight: normal;
    max-width: 100px;
}

thead > tr > th > input::placeholder {
    color: #999999;
}

.tbl_vineta {
  border-collapse: collapse;
  font-size: 0.9em;
  width: 100%;
  margin-bottom: 2px;
}

.tbl_vineta td {
  background-color: #ececec;
  padding: 2px;
}

.tbl_vineta td, .tbl_vineta th {
  border: 1px solid #d3d3d3;
}

.tbl_vineta th {
  color: #6e6e6e;
  font-weight: bold;
  padding: 1px 2px 1px 2px;
  text-align: left;
  background-color: #dfdfdf;
}

.tbl_adds {
  border-collapse: collapse;
  margin-bottom: 20px;
}

.tbl_adds td {
  padding: 3px;
}

.zona-select2-container {
  z-index: 10000;
}

.sitio-select2-container {
  z-index: 999;
}

.btn-download {
    color: #fff;
    background-color: #60594D;
    border-color: #4F4940;
}
.btn-download:hover {
    color: #fff;
    background-color: #4F4940;
    border-color: #4F4940;
}

.btn-upload {
    color: #fff;
    background-color: #6A8EAE;
    border-color: #567D9F;
}
.btn-upload:hover {
    color: #fff;
    background-color: #567D9F;
    border-color: #567D9F;
}

.mt-10{ margin-top:10px; }
.mt-15{ margin-top:15px; }
.mt-20{ margin-top:20px; }

.doubleScroll-scroll-wrapper {
  clear: both;
}

.grabbable {
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}