/* ==========================================================================
   Author's custom styles
   ========================================================================== */

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

tr.bg-danger {
    background-color: #f2dede !important;
}
body {
   background-color: #666666;
}

body.testing .header {
    background-color: #177ace;
}


.main-container {
   background-color: #FFF;
   color: #333;
   padding: 15px;
}

h1 {
   margin: 8px 0 15px 0;
   font-size: 22px;
   font-weight: bold;
   text-align: center;
}

h2 {
   margin: 4px 0 14px 0;
   font-size: 19px;
   font-weight: normal;
}


.header {
   background-color: #C43837;
   color: #FFF;
   text-transform: uppercase;
   padding: 15px 0;
   border-bottom: 2px solid #FFF;
}

.menu {
   padding: 15px 0;
   background-color: #444444;
   color: #FFF;
   margin-bottom: 5px;
}

.menu ul li a {
   color: #FFF;
}



table > thead > tr {
   background-color: #666;
   color: #FFF;

}
.table-bordered>thead>tr>th, .table-bordered>thead>tr>td {
   border: none;
}

.row-producto {
   border-bottom: 1px solid #CCC;
   padding: 15px 15px;
   margin-bottom: 1px;
   background-color: #CCC;
}
/*.row-producto .form-group {
   margin-bottom: 0;
}*/
.row-producto .form-group .form-control {
   border:1px solid #AAA;
}

.input-xs {
   height: 22px;
   padding: 2px 5px;
   line-height: 1.5; //If Placeholder of the input is moved up, rem/modify this.
border-radius: 3px;
}



table .form-group {
   margin-bottom: 0;
}
.menu .nav>li>a:hover, .menu .nav>li>a:focus {
   background-color: #333;
   color: #FFF;
}
.administracion h2 {
   padding: 25px 0 15px 0;
   margin-top: 25px;
   margin-bottom: 0;
   border-top:1px solid #ddd;
}
.administracion h2:first-of-type {
   border:none;
   margin-top: 0;
}
ul.icons li a {
   border: 1px solid #cdced0;
   margin-right: 20px;
   margin-bottom:20px;
   color: #000;
   padding-left: 50px;
   background-size: 30px;
   background-position: 7px center;
}
ul.icons > li > a:hover, ul.icons > li > a:focus{
   border:1px solid #CCC;
   background-color: #EEE;
   color: #000;
}
ul.icons li a{
   background-repeat: no-repeat;
   text-align: left;
}

li.ofertas a {
   background-image: url('../img/menu/ofertas.png');
}

li.productos a {
   background-image: url('../img/menu/productos.png');
}

li.nueva-oferta a {
   background-image: url('../img/menu/oferta_nueva.png');
}

li.pedidos a {
   background-image: url('../img/menu/pedidos.png');
}

li.listas a {
   background-image: url('../img/menu/listas.png');
}
li.categorias a {
   background-image: url('../img/menu/foro.png');
}
li.asambleas a {
    background-image: url('../img/menu/asambleas.png');
}
li.emails a {
   background-image: url('../img/menu/mail.png');
}

li.usuarios a {
   background-image: url('../img/menu/usuarios.png');
}

li.informes a {
   background-image: url('../img/menu/docs_folder.png');
}

li.imagenes a {
   background-image: url('../img/menu/paint.png');
}

li.config a {
   background-image: url('../img/menu/admin.png');
}
li.ayuda a {
    background-image: url('../img/menu/ayuda.png');
}
li.transferencias a {
    background-image: url('../img/menu/transferencias.png');
}
li.pagos a {
   background-image: url('../img/menu/pagos.png');
}

.oferta {
   border: 1px solid #CCC;
   background-color: #EEE;
   margin-bottom: 10px;
}
.oferta a:hover {
   color:inherit;text-decoration: none;
}

.encabezado h2{
   margin: 0;
   padding: 0;
   font-weight: bold;
}
.encabezado{
   background-color: #444;
   color: #FFF;
   padding: 15px;
   background-image: url('../img/menu/ofertas.png');
   background-size: 28px;
   background-repeat: no-repeat;
   background-position: 10px center;
   padding-left: 45px;
}

.oferta .encabezado {
   background-image: url('../img/menu/ofertas.png');
}

.foro .encabezado {
   background-image: url('../img/menu/foro.png');
}

.oferta .cuerpo, .oferta .pie {
   color: #000;
   padding: 5px;
}
.oferta .cuerpo {
   border-bottom: 1px solid #CCC;
}

.header-productos {
   background-color: #444;
   color: #FFF;
   padding:10px 15px;
   border-radius: 5px 5px 0 0;
}

.foro {
   margin-bottom: 15px;
}
.tema {
   border-bottom: 1px solid #ccc;
   border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;
   padding: 3px;
   font-size: 13px;
}

.respuesta {
   margin-bottom: 15px;
   border: 1px solid #999;
}
.respuesta h2{
   padding: 5px;
   background-color: #CCC;
   color: #CC0000;
   margin: 0;
}

.respuesta .texto {
   padding: 5px;
}

.acciones-admin {
   background-color: #CC0000;
   padding: 5px;
}
.acciones-admin a{
   color: #FFF;
}

body.page-login {
   background-color: #555555;
}
.site-title {
   font-size: 28px;
   font-weight: normal;
   margin: 0;
}
p.creditos {
   font-size: 12px;
   color: #CCC;
   float: right;
   padding: 4px;
}
p.creditos a {
   color: #CCC;
}
.main-menu {
   padding: 0;
}
.main-menu ul li+li{
   margin: 0;
}
.main-menu ul li a{
    background-repeat: no-repeat;
    background-position: center 10px;
    padding: 57px 8px 10px 8px;
    text-align: center;
    /* min-width: 41px; */
    margin-bottom: 0;
    background-size: 42px;
    width: 84px;
    line-height: 1.1;
    height: 98px;
}
.main-menu ul li.active a,
.main-menu ul li a:hover {
   border-radius: 0;
}
.main-menu ul li.active a:hover,
.main-menu ul li.active a:focus,
.main-menu ul li.active a {
   background-color: #333;
}
.main-menu ul li a.asambleas{
    background-image: url('../img/menu/asambleas.png');
}
.main-menu ul li a.ofertas{
   background-image: url('../img/menu/ofertas.png');
}
.main-menu ul li a.ofertas-recurrentes{
   background-image: url('../img/menu/ofertas-recurrentes.png');
}
.main-menu ul li a.foro{
   background-image: url('../img/menu/foro.png');
}
.main-menu ul li a.ayuda{
    background-image: url('../img/menu/ayuda.png');
}
.main-menu ul li a.transferencias{
    background-image: url('../img/menu/transferencias.png');
}
.main-menu ul li a.productos{
  background-image: url('../img/menu/productos.png');
}
.main-menu ul li a.listas{
   background-image: url('../img/menu/listas.png');
}
.main-menu ul li a.reclamos{
    background-image: url('../img/menu/reclamos.png');
}
.main-menu ul li a.propuestas{
   background-image: url('../img/menu/propuestas.png');
}
.main-menu ul li a.cuotas{
    background-image: url('../img/menu/cuotas.png');
}
.main-menu ul li a.chat{
   background-image: url('../img/menu/chat.png');
}
.main-menu ul li a.mis-pedidos{
   background-image: url('../img/menu/pedidos.png');
}
.main-menu ul li a.imagenes{
   background-image: url('../img/menu/paint.png');
}
.main-menu ul li a.admin{
   background-image: url('../img/menu/admin.png');
}
.main-menu ul li a.calendario{
   background-image: url('../img/menu/calendario.png');
}

.main-menu ul li a.informes{
   background-image: url('../img/menu/docs_folder.png');
}

.logout a{
   color: #FFF;
   text-transform: none;
}

.acciones a {
   margin: 0 7px;
}

.bg-grey {
   background-color: #f5f5f5;
}
.py-3 {
   padding-top: 12px;
   padding-bottom: 12px;
}

.p-3 {
   padding: 12px;
}

.mt-0 {
   margin-top: 0;
}
.mb-0 {
   margin-bottom: 0;
}

.mb-1 {
   margin-bottom: 3px;
}

.mt-1 {
   margin-top: 3px;
}

.sucursal-box {
   border-radius: 3px;
   border: 3px solid #444;
   padding: 5px 15px;
   margin-bottom: 15px;
}

.sucursal-new-box {
   border-radius: 3px;
   border: 3px dotted #444;
   padding: 20px 0;
}


.label-state {
   font-size: 13px;
   margin-top: 5px;
}

.oferta-group .list-group-item{
   padding: 6px 10px;
}

.vich-image img {
   max-width: 50%;
}

#estadisticas {
   margin: 40px 0;
}
.chart {
   position: relative;
   text-align: center;
   font-size: 28px;
   font-weight: bold;
}

.chart>span {
   position: absolute;
   display: inline-block;
   margin-top: -.125em;
   padding: 0;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   color:#C43837;
}


.graficas p.titulo {
   font-size: 18px;
   font-weight: bold;
}

.graficas p.aclaracion {
   text-align: center;

}

#calendar table > thead > tr {
   color:#333;
   background-color: transparent;
}

.fc-day-grid-event .fc-content {
   white-space: normal;
   overflow: auto;
}


.admin_comprobantes_pago_edit #comprobante_pago_importe_help {
   display: none;
}


.has-search .form-control-feedback {
    right: initial;
    left: 0;
    color: #ccc;
}

.has-search .form-control {
    padding-right: 12px;
    padding-left: 34px;
}

h5 {
    font-weight: bold;
}


.progress-bar {
    background-color: #5cb85c !important;
    background-image: none;
    padding-left: 3px;

}

.progress {
    background-color: #666666 !important;
    background-image: none;
    margin-bottom: 0;
}

#filtros {
    background-color: #eee;
    padding: 8px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}


.leyenda {
    background-color: #eee;
    float: right;
    padding: 10px;
}

.leyenda-item {
    float: left;
    margin-right: 15px;
    line-height: 1;
}
.leyenda .tipo {
    width: 13px;
    height:13px;
    background-color: #00a651;
    display: inline-block;
    float: left;
    margin-right: 5px;
}

.leyenda .leyenda-label {
}


.asamblea_gestionar_asistencias .checkbox {
    margin:0;
}


.ghost {
    opacity: 0.6;
    background-color: #ccc;
}

.select2 {
    width: 100%;
}

.saldos .saldo{
    background-color: #efefef;
    padding: 12px;
    margin-bottom: 16px;
    border-radius: 6px;
}
.saldos .saldo h3 {
 font-size: 14px;
    margin: 0;
}

.saldos .saldo p {
font-size: 18px;
    font-weight: bold;
    margin: 0;

}


.tableFixHead          { overflow: auto;}
.tableFixHead thead th { position: sticky; top: 32px; z-index: 0; background-color: #666 }

.table.table-nowrap th, .table.table-nowrap td {
    white-space: nowrap;
}


table.table-fixed-first-column td:first-child
{
    position:sticky;
    left:0;
    background-color:white;
}

table.table-striped.table-fixed-first-column tr:nth-child(odd) > td{
    background-color: #f9f9f9;
}
table.table-striped.table-fixed-first-column tr:nth-child(even) > td{
    background-color: white;
}


.border-danger {
    border: 1px solid #dc3545 !important;
}


.autoresizing {
    display: block;
    overflow: hidden;
    resize: none;
}

.header-impersonator {
    background-color: #0888bf;
}