:root{
    --colorpp:#00953c;/*rgb(0, 149, 60)*/
    --colorppH:#005321;/*rgb(0, 83, 33)*/
    --colorpp1:#76abdb;/*rgb(118, 171, 219)*/
    --colorpp1H:#005321;/*rgb(168, 204, 238)*/
    --colorpp2:#c5a818;/*rgb(197, 168, 24)*/
    --colorpp2H:#ffd607;/*rgb(255, 214, 7)*/

    --colorpprgb: rgba(0, 149, 60, 1);
    --colorppHrgb: rgba(0, 83, 33, 1);
    --colorpp1rgb: rgba(118, 171, 219, 1);
    --colorpp1Hrgb: rgba(33, 106, 166, 1);
    --colorpp2rgb: rgba(197, 168, 24, 1);
    --colorpp2Hrgb: rgba(255, 214, 7, 1);
}

.col5 .box{border-color:#ddd;}

.link{ color:var(--colorpp1);}
.gray.circle{border-color:#ddd;}
.btn-colorpp{background: var(--colorpp); color: #fff;}
.btn-colorpp1{background: var(--colorpp1); color: #fff;}
.btn-colorpp2{background: var(--colorpp2); color: #fff;}

.btn-white{background:#fff; color: var(--colorpp);}

.btn-outline-colorpp{background:  #fff; color:var(--colorpp); border-color: var(--colorpp); }
.btn-outline-colorpp1{background: #fff; color:var(--colorpp1); border-color: var(--colorpp1);}
.btn-outline-colorpp2{background:  #fff; color:var(--colorpp2); border-color: var(--colorpp2);}

.btn-colorpp:hover{background: var(--colorppH); color: #fff;}
.btn-colorpp1:hover{background: var(--colorpp1H); color: #fff;}
.btn-colorpp2:hover{background: var( --colorpp2H); color: #fff;}

.btn-colorpp:focus{background: var(--colorppH); color: #fff;}
.btn-colorpp1:focus{background: var(--colorpp1H); color: #fff;}
.btn-colorpp2:focus{background: var( --colorpp2H); color: #fff;}

.btn-outline-colorpp:hover{background:  var(--colorpp); color:#fff; border-color: var(--colorpp); }
.btn-outline-colorpp1:hover{background:var(--colorpp1); color:#fff; border-color: var(--colorpp1);}
.btn-outline-colorpp2:hover{background:  var(--colorpp2); color:#fff; border-color: var(--colorpp2);}

.btn-outline-colorpp:hover select{color:#000;}
.btn-outline-colorpp1:hover select{color:#000;}
.btn-outline-colorpp2:hover select{color:#000;}

.pickmeup{
    background:#fff;
    border-color: var(--colorpp2);
}

.pickmeup .pmu-instance nav .pmu-prev.pmu-button, 
.pickmeup .pmu-instance nav .pmu-next.pmu-button{
    background: var(--colorpp2);
}
.pickmeup .pmu-instance nav .pmu-month.pmu-button{ background: var(--colorpp2);}
.pickmeup .pmu-instance .pmu-day-of-week *, 
.pickmeup .pmu-instance .pmu-days *{
    border-right-color: #ccc;
    border-bottom-color: #ccc;
    color:#666;
}
.pickmeup .pmu-instance .pmu-day-of-week *{background:#d2d2d2;}

.pickmeup .pmu-instance .pmu-today,
.pickmeup .pmu-instance .pmu-selected{ color: #fff;}
.pickmeup .pmu-instance  .pmu-not-in-month{ background: #eee;}

#cargando{
    background: rgba(0,0,0,0.4);
}
#cargando i{
    color: var(--colorpp2);
}

.fecha-input3 select{
    color: #555;
    background-color: #fff;
    border-color: #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.input.file label{
    border-color: var(--colorpp);
    color: var(--colorpp);
    background-color: white;
}

.tag .ico{
    background: #aaa;
}
.tag .ico i{color: #fff;}
.tag .text{
    border-color: #ddd;
    color: #444;
}

.resumen-card{
    background: #eee;
}

.resumen-card .icono i{
    color:var(--colorpp2);
}

.title-form{color: var(--colorpp2);}
.title-form.blue{color: var(--colorpp);}

.table-ticket{border-color: var(--colorpp);}
.table-ticket .panel-heading{ background: var(--colorpp);}
.table-ticket .panel-body .table .total td{
    background: var(--colorpp1);
    color: #fff;
}
.table-ticket h4{
    color: #fff;
}

body.login{
    background-image: url('../../img/fondo-login.png');
}
.users.reset{    
    background-image: url('../../img/fondo-loginb.png');
}
    
.fondo-degradado{
    background: rgba(0, 83, 33, 1);
    background: -moz-linear-gradient(top, rgba(0,50,45,1) 0%, rgba(33, 106, 166, 1) 83%, rgba(0, 149, 60, 1) 97%, rgba(0, 149, 60, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 83, 33, 1)), color-stop(83%, rgba(0, 83, 33, 1)), color-stop(97%, rgba(0, 149, 60, 1)), color-stop(100%, rgba(0, 149, 60, 1)));
    background: -webkit-linear-gradient(top, rgba(0,50,45,1) 0%, rgba(33, 106, 166, 1) 83%, rgba(0, 149, 60, 1) 97%, rgba(0, 149, 60, 1) 100%);
    background: -o-linear-gradient(top, rgba(0,50,45,1) 0%, rgba(33, 106, 166, 1) 83%, rgba(0, 149, 60, 1) 97%, rgba(0, 149, 60, 1) 100%);
    background: -ms-linear-gradient(top, rgba(0,50,45,1) 0%, rgba(33, 106, 166, 1) 83%, rgba(0, 149, 60, 1) 97%, rgba(0, 149, 60, 1) 100%);
    background: linear-gradient(to bottom, rgba(0,50,45,1) 0%, rgba(33, 106, 166, 1) 83%, rgba(0, 149, 60, 1) 97%, rgba(0, 149, 60, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#033860', endColorstr='#00953c', GradientType=0 );
}
    
    .users.reset .menu{
        background: var(--colorpp);
    }
        .users.reset .menu a{ color: #fff;}

            .cont-login .cont-header .text h4{
                color: #fff;
            }
            .cont-login .cont-header .text h6{ color: #fff;}
    
    .users.login  .cont-login .cont-header .text h4,
    .users.login  .cont-login .cont-header .text h6{color:var(--colorpp);}

        .cont-login .cont-body h5{ color: var(--colorpp2);}
        .cont-login .cont-body h5:after{
            border-top-color: var(--colorpp2);
            border-left-color: var(--colorpp2);
        }

            .cont-login .cont-body input.form-control{
                background: transparent;
                color:#fff;
                border-bottom-color: var(--colorpp1);
            }
            .users.login  .cont-login input.form-control{
                background: transparent;
                color:var(--colorpp1);
            }
            .users.reset .cont-login .cont-body input.form-control{
                border-bottom-color: #fff;
            }

                .cont-login .cont-body  ::-webkit-input-placeholder { color:var(--colorpp1);}
                .cont-login .cont-body :-ms-input-placeholder { color:var(--colorpp1); }
                .cont-login .cont-body ::placeholder {color:var(--colorpp1);}

                .users.reset .cont-login .cont-body  ::-webkit-input-placeholder { color:#fff;}
                .users.reset .cont-login .cont-body :-ms-input-placeholder { color:#fff; }
                .users.reset .cont-login .cont-body ::placeholder {color:#fff;}

                .users.users.reset .cont-login .cont-body h6{ color: #f2aa6b;}

            .cont-login .cont-body a:hover{color:var(--colorpp);}
            .cont-login .cont-footer .phone p{color:var(--colorpp);}
        .cont-login .cont-footer{
            color:#fff;
        }
        .users.login  .cont-login .cont-footer, .users.login  .cont-login a{color:var(--colorpp);}
        .users.login  .cont-login .cont-footer a{color: #fff;}



        .menu-lateral .cont-menu{  background: var(--colorpp);}


.reserva-servicios .box{
    border-color: #ddd;
}

.bienvenida .box{
    background: #fff;
    border-color: #aaa;
    box-shadow: 2px 2px #aaa;
}

.bienvenida .box .title h4{
    color: var(--colorpp);
}
.bienvenida .box .temperatura p{
    color: var(--colorpp1);
}
.bienvenida .box #caja_info{
    color: var(--colorpp1);
}

.titulo_tabla_form{
	background:#f46b49;
	color:white !important;
}

.cuerpo_tabla_form{
	background:#ffffff;
    color:white;
}

.table_form>tbody>tr>td, 
.table_form>tbody>tr>th, 
.table_form>tfoot>tr>td, 
.table_form>tfoot>tr>th, 
.table_form>thead>tr>td, 
.table_form>thead>tr>th{
	color:white;
}

.formulario table tr.even, 
.formulario table tr.alt, 
.formulario table tr:nth-of-type(even){
	background:#ffffff;
}

body.bodyPage{
    background: #f0f0f0;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

table th a:hover {color: #ffffff;}
table tr td{ 
    background: #fff;
    border-top-color: #ddd;
}

table tr.titulo_tabla{
	background:var(--colorpp);
	color:white !important;
}
table tr.titulo_tabla.gray{background:#666;}
ul.pagination li.active a{background:var(--colorpp) !important;}

footer{
    border-top-color: #ccc;
}
footer .contratacion li a{color:#666;}

.panel-whatsapp .mensajeReceptorWhatsapp>.cont{
    background: #f46b495c;
}
    .panel-whatsapp .mensajeReceptorWhatsapp>.cont h4{
        color: var(--colorpp2);
    }
.panel-whatsapp .mensajeRemitenteWhatsapp>.cont{
    background: #0071ad36;
}
    .panel-whatsapp .mensajeRemitenteWhatsapp>.cont h4{
        color: var(--colorpp);
    }
    .panel-whatsapp .mensajeRemitenteWhatsapp>.cont .red, table i.red{
        color:#ff0000;
    }
    .panel-whatsapp .mensaje>.cont .green, table i.green{
        color:#2cb010;
    }

.table-striped>tbody>tr:nth-of-type(odd) td{
    background-color: #f9f9f9;
}

.has-error .form-control{
    background: #eacac9;
}

.actions.columns {
	border-left-color: #ffffff !important;
}

.actions.columns h3{
	color:#f46b49 !important;
}

.side-nav li a:not(.button) {
	color:#ffffff;
}

.view .columns.dates {
	color:#f46b49;
}

.view .numbers{
	color:#f46b49;
}

#datos_servicios{
	background: #F6CEE3 !important;
}

#datos_servicios p{
	color:#f46b49;
}

.nav-tabs li a {
    color: #666;
}

@media (max-width:1150px){
    .users.reset .cont-login{ background: var(--colorpp);}
    .users.reset .cont-login{ max-width: 45%;}
}
@media (max-width: 990px){
    .users.reset{background: var(--colorpp);}
}
@media (max-width:600px){
    .users.reset .cont-login{ background: var(--colorpp);}
}