*{margin:0;padding:0;font-size: 14px;}
.content{overflow:hidden;}
.daterangepicker  .ranges{float:right !important;}
.cardimgpro .card-header{padding:0 10px;}
.cardimgpro img{height:200px;width:100%;}
#c_imagenes{max-height:260px; overflow:auto;}


/***********************
CAMPAÑA VERANO 2023
***************************/
#bannerSupVerano{overflow:hidden;background:#fff;}
.banneroferta{position:relative;width:300px;height:324px;float:left;margin-right:20px;}
.banneroferta img{max-height:100%;} 

/******************
ventas
*****************/
.mpactivo{border: 2px solid #011846;}
.card-content {display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin:30px;column-count: 5;}
.card-content .card{position:relative;width:200px;height:300px;margin:10px;box-shadow:0 5px 25px rgb(1 1 1 / 20%);border-radius:10px;overflow:hidden;}
.card-content .card .card-body{padding:5px !important;}
.card-content  .card .ccardimg{height:150px;}
.card-content  .card .ccardimg img{ height: calc(100% - 40px); width: calc(100% - 40px); object-fit: contain;margin:20px;}
.card-content .card .card-title{font-size:12px;}
.card-content .card .card-footer{position:absolute;width:100%; bottom:0;padding:5px;}

.card-columns .card{height:300px;}
.card-columns .card .card-body{padding:5px !important;}
.card-columns .card .ccardimg{height:150px;}
.card-columns .card .ccardimg img{ height: calc(100% - 40px); width: calc(100% - 40px); object-fit: contain;margin:20px;}
.card-columns .card .card-title{font-size:12px;}
/* .card-columns .card .card-text{font-size:12px;} */
.card-columns .card .card-footer{position:absolute;width:100%; bottom:0;padding:5px;} 
/* #c_productos .card-img, .card-img-bottom, .card-img-top {width: 60%;margin-left: 20%;} */

.i_stock .info-box-icon{height: 30px !important;width: 30px !important;line-height: 30px !important;font-size: 25px;}
.i_stock .info-box .info-box-content{display:block !important;}
.i_stock .info-box{min-height: 30px !important;}
.i_stock .info-box .info-box-number{margin-top:0 !important;}
#visorDoc embed{width:100%;}

#n_notificaciones{top:5px !important;right:2px !important;font-size:12px !important;padding-top:0;background-color:#ae1320 !important;font-weight:bold;display:block;width:20px;height:20px;text-align:center;line-height:20px;border-radius:50%;}
#c_notificaciones i{font-size:20px !important;}
#c_notificaciones .navbar-badge{padding:4px 6px !important;right:6px !important;top:4px !important;font-weight:bold !important;}
#c_user .user-image{margin-top: 2px !important;}

.paginador {text-align:center;margin:30px 30px 60px;user-select:none;}
.paginador li {display:inline-block;margin:5px; box-shadow:0 5px 25px rgb(1 1 1 / 10%);}
.paginador li a{color:#fff;text-decoration:none;font-size:1.2em; line-height:35px;}
.back-page, .next-page{background:#011846 ;width:35px; border-radius:50%;cursor:pointer;transition:0.3s ease;}
.back-page:hover{transform:translateX(-5px);}
.next-page:hover{transform:translateX(5px);}
.pag-actual, .pag-puntos{background:#CCC;width:35px;border-radius:50%;cursor:pointer;}
.pag-activa{background:#011846 ;}
.pag-disabled{background:#CCC;}

#c_imgdetpro img{max-width:80%; margin-left:10%;}

/***************** dashboard home ***********************/
.tituloid{display:block;width:100%;text-align:center;height:30px;line-height:30px;}
.piest{position:absolute;right:0;top:0;margin-right:10px;margin-top: 15px;}
#graficaCT text{font-size:8px !important;}*/
#h_fechas input{float:left;width:40%;}
#h_fechas label{float:left;display:block;width:10%;text-align:center;line-height:35px;font-size:10px;}
.nbbottom{border-bottom:0 !important;}
.dc_inumber{font-size:30px; font-weight:bold;text-align:left;}
.dc_iicon i{display:block;font-size:50px;}

#listaresultbusqueda .media-body{max-width:100%;}
#listaresultbusqueda .media-body p{white-space:normal;}
#indicadoresselccion{width:100%; min-height:50px;}
.dirselect{background:#c5e1a5 !important;}
.d_indicador{float:left;margin-top:10px;}
.lbl_indicador{display:block;float:left;height:30px;line-height:30px;padding: 0 5px;border:1px solid #eee;font-weight:normal !important;}
.data_indicador{display:block;float:left;min-width:30px;height:30px;line-height:30px;text-align:center;font-weight:bold;padding: 0 5px;}
.separai{display:block;float:left;width:1px;background:#ccc;height:30px;margin:10px;}
.ml10{margin-left:10px;}

/******** 30-08-2021*****/
.widget-user .widget-user-header{height:100% !important;background-color:rgb(247 247 247) !important;}
.widget-user .card-footer{padding-top: 0 !important;}
.widget-user .widget-user-username{font-size:15px !important;}
.widget-user .card-footer{background-color:#fff !important;}


.widget-user .description-text{font-size:10px !important;font-weight:bold !important;}
/**************** 06-09-2021 ********************/
.c_lblplan .info-box{min-height:auto !important;}

.ibs{padding-left:0px;padding-right:0px;}
.ibs .info-box {padding:0 !important;}
.ibxs{padding-left:0px;padding-right:0px;}
.bg-green2{background-color:#9ccc65 !important;color:#fff;}	
.bg-amarillo{background-color:#ffd740 !important;color:#000000;}	
.bg-muted{background-color:#6c757d !important;color:#fff;}	
.bg-info{background-color:#1676d2 !important;color:#fff;}	
.info-box {min-height:60px !important;border-radius: 0px !important;}

.ibs > .info-box {min-height:40px !important; height:40px !important;}
.ibxs > .info-box {min-height:34px !important; height:34px !important;}

.info-box-icon{height:60px !important; width:60px !important;line-height:60px !important;font-size:35px;}	
.ibs > .info-box > .info-box-icon{height:40px !important; width:30px !important;line-height:40px !important;font-size:15px;}	
.ibxs > .info-box > .info-box-icon{height:34px !important; width:34px !important;line-height:34px !important;font-size:20px;}	

.progress-description, .info-box-text {font-size:12px !important;}
/*.info-box-content{margin-left:60px !important;}
.ibs > .info-box >.info-box-content{margin-left:30px !important;}*/
.ibxs > .info-box >.info-box-content{margin-left:34px !important;}
.ibs > .info-box >.info-box-content >.info-box-number{font-size:12px !important;}
.ibs > .info-box >.info-box-content >.suc_nombre {font-size:10px !important;}
.ibxs > .info-box >.info-box-content >.info-box-number{font-size:12px !important;padding: 3px;}

.progress-description, .info-box-text{font-size: 12px !important;}


.bg-violet{background-color:#71176e;}

/* table td{font-size:12px !important;} */
.logo-lg img{max-height: 40px;}
.top25{margin-top:25px;}
.top30{margin-top:30px;}
.mano{cursor:pointer;}
.pointer{cursor:pointer;}
.txtleft{text-align:left !important;}
.left{float:left;}
.ui-tooltip {display: none !important;}
.rznone{resize:none;}
.pdtop5{padding-top:5px;}
.leftblock{display:block !important;float:left;}
.optpro{position:absolute;}
.optact{width:100%;}
.dataTables_filter label {
    float: right !important;
}
.table td, .table th{padding:5px !important;}
.chosen-container {
    min-height: 34px !important;
	height: auto !important;
}
.ei_item{overflow:hidden;text-align:center; display: inline-block;vertical-align: middle;font-weight:bold; padding:5px;}
.btop{border-top:1px solid #b9b1b1;}
#indn, #bxi{font-size:50px !important;}

.cgrafico svg rect{fill:transparent;}
.actualizandobeetrack{
	width: 100%;height: 100%;background: #000;opacity: 0.6 !important;
    z-index: 99991;
    position: absolute;
    text-align: center;
color: #fff;}
.kpidescarga{min-height:50px;width:100%;flex-direction:unset;}
.kpidescarga span{line-height:50px;}
.t_kpidescarga{float:left;width:60%;}
.i_kpidescarga{float:right;width:40%;font-size:25px;font-weight:bold;text-align:right;}
.cargandotemp{position: relative;
    top: 50%;
    opacity: revert;}
	
.kpiguiacierrerecep{min-height:40px;border-bottom:1px solid #dedede;padding-bottom:10px;}
.kpiguiacierrerecep p{float:left;width:200px;margin:0 !important;line-height:40px;}
#tiemposderecepcion p, #kipisitemsrecep p{font-weight:bold;}

.spantext{display:block; float:left; margin-left:10px;font-size:18px !important;font-weight:bold;line-height:70px;}
#ga_bultos, #ga_ruta, #ga_xnbultos{font-size:24px !important;text-align:center;padding:0 10px}

.bg-gris {background-color: #f5f5f5 !important;}
.pedfuturo {background: #ffc107;border-color: #ffc107;color: #1f2d3d;}
.pedatrasado {background: #dc3545;border-color: #dc3545;color: #fff;}
.pedhoy {background: #00897b;border-color: #00897b;color: #fff;}

.kpirecep{height:80px;margin-bottom:20px;}
.kpirecep .small-box{max-height:100%;}
.kpirecep .icon i{font-size:40px !important; top:10px !important; right:10px !important;}

.animacion {
       /*position: absolute;*/

  animation-name: parpadeo;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo{  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
   100% { opacity: 1.0; }
}

@keyframes parpadeo {  
  0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}


.fright{float:right;}
.modal-title, .modal-body {font-size:12px !important;}
.list_img_personal img {width: 50px;height: 50px;float: left;}
.badge{padding:5px !important; border-radius:10px! important; font-weight:normal !important;}
.header-verde{background-color: #00897b !important;color:#fff;}
.header-rojo{background-color: #ae1320  !important;color:#fff;}
.header-warning{background-color: #d79f06  !important;color:#fff;}   
.header-black{color: #fff !important;background:#455a64 !important;}

.mbottom10{margin-bottom:10px;}
/* generales */
/* .content-wrapper{background-color:#fff;} */
input[type='text'], select, input[type='password'], input[type='file']{border-radius: 10px !important;}
input[type='text'].grupo{border-radius: 0px 10px 10px 0 !important;}
input[type='text'].gruporight{border-radius: 10px 0px 0px 10px !important;}
input[type='file'].gruporight{border-radius: 10px 0px 0px 10px !important;}
.input-group-addon.igaright{border-radius: 0px 10px 10px 0 !important;}
.input-group-addon.igaleft{border-radius: 10px 0px 0px 10px !important;}
.vistapdfrev embed{width:100%;}
.vistaprevimg img{max-width:100%;}

.user-img {
    width: 45px;
    position: relative;
    display: inline-block;
    margin: 0 10px 15px 0;
}
.user-img img {
    width: 100%;
}
.img-circle {
    border-radius: 100%;
}

.user-img .online {
    background: #00897b;
}
.user-img .profile-status {
    border: 2px solid #ffffff;
    border-radius: 50%;
    display: inline-block;
    height: 10px;
    left: 33px;
    position: absolute;
    top: -1px;
    width: 10px;
}
.mail-contnet {
    display: inline-block;
    width: 75%;
    vertical-align: middle;
}
.mail-contnet h5 {
    margin: 5px 0px 0;
    line-height: 18px;
    font-size: 16px;
    font-weight: 400;
    color: #2c2b2e;
}
/***** botones **************/
.btnh{color: #fff !important;display:block;width: 30px;
    height: 30px;
	padding:8px;
	font-size: 12px;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;}
.btnh-warning{background-color: #d79f06 !important;border-color: #d79f06 !important;border-radius: 100%;
   }
.btnh-success{background-color: #00897b !important;border-color: #00897b !important;border-radius: 100%;
   }
.btnh-danger{background-color: #ae1320 !important;border-color: #ae1320 !important;border-radius: 100%;
   }  
.btn-outline-success {color: #00897b;border-color: #00897b;}
.btn-outline-success:hover, .btn-outline-success:active {color: #fff;border-color: #00897b;background:#00897b;}

.btn-rounded {border-radius: 60px;padding: 7px 18px;}
.btn-roundeds{border-radius: 60px;padding: 1px 5px;}

.btn-black{color: #fff !important;background:#455a64 !important;border-color:transparent !important;}
.bg-black{color: #fff !important;background:#455a64 !important;}
.btn-success{color: #fff !important;background:#00897b !important;border-color:transparent !important;}
.btn-market{color: #fff !important;background:#011846 !important;border-color:transparent !important;}

.bg-success, .badge-success {color: #fff !important;background:#00897b !important;}
.btn-success:hover, .btn-success:focus, .btn-success:active{background-color: transparent !important;background-image: transparent !important; border-color:#00897b !important;color:#00897b !important;}

.btn-danger{background:#ae1320 !important; color:#fff !important;border-color:transparent !important;}
.btn-danger-active{background:#ae1320 !important; color:#fff !important;border-color:#ae1320 !important;}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active{color: #ae1320 !important;background-color: transparent !important;border-color:#ae1320 !important;}
.btn-danger-active:hover, .btn-danger-active:focus, .btn-danger-active:active{color:#ae1320 !important;background-color: transparent !important;border-color:#ae1320 !important;}


.btn-primary{background:#7460ee !important; color:#fff !important;border-color:transparent !important;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active{color: #7460ee !important;background-color: transparent !important;border-color:#7460ee !important;}
.btn-warning{background:#d79f06 !important; color:#fff !important;border-color:transparent !important;}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active{color: #d79f06 !important;background-color: transparent !important;border-color:#d79f06 !important;}

.btn-warning-active{color: #000 !important;background-color: #d79f06 !important;border-color: #d79f06 !important;}
.btn-warning-active:hover, .btn-warning-active:focus, .btn-warning-active:active{background:transparent !important;}

.btn-inverse{background:#232a37 !important; color:#fff !important;border-color:transparent !important;}
.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active{color: #232a37 !important;background-color: transparent !important;border-color: #232a37 !important;}
.btn-info{background:#011846 !important; color:#fff !important;border-color:transparent !important;}
.btn-info:hover, .btn-info:focus, .btn-info:active{color: #011846 !important;background-color: transparent !important;border-color: #011846 !important;}

.bg-info{background:#011846 !important;}

.box.box-solid.box-success,.box.box-solid.box-danger{border: none;border-radius:10px;}
.box.box-solid.box-danger>.box-header {
    color: #fff;
    background: #f13c4d;
    background-color: #f13c4d;
	border-radius:10px 10px 0 0 ;
}

.box.box-solid.box-success>.box-header {
    color: #fff;
    background: #00897b;
    background-color: #00897b;
	border-radius:10px 10px 0 0 ;
}
.bg-greenini{border: 1px solid #00a65a;color:#00a65a;}
.bg-blue{background-color:#011846 !important;}
.box.box-solid.box-primary{border: 1px solid #00a65a;}
.box.box-solid.box-primary>.box-header {color: #fff;background: #7460ee;background-color: #7460ee;}
.box.box-solid.box-warning{border: 1px solid #d79f06;}
.box.box-solid.box-warning>.box-header {color: #fff;background: #d79f06;background-color: #d79f06;}
.box.box-solid.box-inverse{border: 1px solid #2f3d4a;}
.box.box-solid.box-inverse>.box-header {color:#fff;background: #2f3d4a;border-color: #2f3d4a;}




.btn-circle {
    border-radius: 100%;
    width: 40px;
    height: 40px;
    padding: 10px;
}

.btn-circle-s {border-radius: 100%;width: 25px;height: 25px;padding: 0;}
.btn-circle-s i{font-size:12px;}

.label-light-warning {
    background-color: #fff8ec;
    color: #d79f06;
}

.label-light-danger {
    background-color: #f9e7eb;
    color: #ae1320;
}
.label-light-success {
    background-color: #e8fdeb;
    color: #00897b;
}
.label-light-info {
    background-color: #cfecfe;
    color: #011846;
}
/*
.btn-warning.btn-circle {
    background: #d79f06 !important;
    border: 1px solid #d79f06 !important ;
    color: #ffffff !important;
}
.btn-danger.btn-circle {
    background: #ae1320 !important ;
    border: 1px solid #ae1320 !important;
	color: #ffffff !important;
}*/

/********************* span *********************/
.round.round-danger {background: #ae1320;}
.round.round-warning {background: #d79f06;}
.round {
	margin-left:10px;
    line-height: 25px;
    color: #ffffff;
    width: 25px;
    height: 25px;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    border-radius: 100%;
    background: #011846;
}

.card-black.card-outline{border-top: 3px solid #455a64 !important;}

.negrita{font-weight: bold !important;}
.middle{vertical-align: middle !important;}
.gray-darker {background-color: #222;}
.gray-dark {background-color: #333;}
.gray {background-color: #555;}
.gray-light {background-color: #999;}
.gray-lighter {background-color: #eee;}
.brand-primary {background-color: #337ab7;}
.brand-success {background-color: #C5E1A5;}
.brand-warning {background-color: #f0ad4e;}
.brand-danger {background-color: #d9534f;}
.brand-info {background-color: #5bc0de;}
.txtaligncenter{text-align:center;}
.txtalignleft{text-align:left !important;}
.oculto{display:none;}
.padtop7{padding-top:7px;}
.padtop20{padding-top:20px;}
.pointer{cursor:pointer;}
.left10{margin-left:10px;}
.right10{margin-right:10px;}
.top5{margin-top:5px;}
.top10{margin-top:10px;}.top20{margin-top:20px;}.top40{margin-top:40px;}.top50{margin-top:50px;}
.ui-tooltip {display: none !important;}
body {font-family: 'Roboto', sans-serif;background:none;}
.bglogin {background: url('img/fondo2.jpg') no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;-o-background-size: cover;}
#menulogin{border-radius:0;min-height:60px;

background: #1d8bcc;
    background: -moz-linear-gradient(left, #02234c 0%, #53b6fb 100%);
    background: -webkit-linear-gradient(left, #02234c 0%, #53b6fb 100%);
    background: linear-gradient(to right, #02234c 0%, #53b6fb 100%);
	}
#img_login{width:250px;}
#img_login img{max-width:90%;/*max-width:30px;margin-top:5px;margin-left:10px;*/}
#txtlogin{font-size:14px;color:#fff;margin-left:30px;line-height:60px;}
.navbar-text{margin:0;}
.navbar-brand{padding: 5px 0 !important;}


#btn_formlogin{background:transparent;border:2px solid #fff;font-size:10px !important;color:#fff;font-weight:bold;margin-top:18px;}
#titulologin{color:#fff;width:400px;overflow:hidden;font-size:24px;font-weight:bold;margin-top:130px;}
#textologin{color:#fff;width:400px;overflow:hidden;font-size:16px;margin-top:25px;}
#video{margin-top:120px;width:520px;height:300px;background-color:rgba(0,0,0,.1)}
#video iframe{margin:10px 10px;}
#botones{margin-top:80px;}
#botones .col-sm-6{padding-left:0;}
#btnvisita{background:#0b9bd9;color:#fff;}
#btndemo{background:#e0850e;color:#fff;}
@media screen and (max-width: 767px) {
#txtlogin{float:left;font-size:12px;color:#fff;margin-left:30px;}
#btn_formlogin{position:absolute; right:0;margin-right:10px;}
}
/*****************************
estilos formulario login
*****************************/
#form-login{min-width: 250px;padding: 14px 14px 0;overflow:hidden;margin-top:10px;background-color:rgba(255,255,255,.6);}
#form-login button[type='submit']{color:#fff !important;}
#form-login .help-block{font-size:12px    }
#form-login .bottom{background-color:rgba(255,255,255,.8);border-top:1px solid #ddd;clear:both;padding:14px;}
#form-login .social-buttons{margin:12px 0}
#form-login .social-buttons a{width: 49%;}
#form-login .form-group {margin-bottom: 10px;}
.btn-fb{color: #fff;background-color:#3b5998;}
.btn-fb:hover{color: #fff;background-color:#496ebc}
.btn-tw{color: #fff;background-color:#55acee;}
.btn-tw:hover{color: #fff;background-color:#59b5fa;}
@media(max-width:768px){
#form-login{background-color: inherit;color: #fff;}
#form-login .bottom{background-color: inherit;border-top:0 none;}
}
.bgdegradadoblanco{margin-top:120px;overflow:hidden;background-color:rgba(255,255,255,.1);padding-bottom:50px;}
.bgdegradadonegro{margin-top:120px;overflow:hidden;background-color:rgba(0,0,0,.1);padding-bottom:50px;}
/* #recuperardatos{margin-top:120px;overflow:hidden;background-color:rgba(255,255,255,.1);padding-bottom:50px;} */
.titulorecuperacion{margin-top:25px;margin-bottom:20px;font-size:30px;color:#fff;}
.titerror{margin-top:25px;margin-bottom:20px;font-size:24px;color:#fff;}
#error_recuperardatos p{color:#fff;}
.txtnormal{font-weight:normal;}
.txtcolor-azulmenu{color:#0b9bd9;}
.txtcolor-blanco{color:#fff;}
.txtcolor-ok{color:#a8c008;}
.txtcolor-verde{color:#2ecc71;}
.txtcolor-verde2{color:#689F38;}
.txtcolor-error{color:#e74c3c;}
.txtcolor-rojo{color:#f44336;}
.input-error{border-color: #e74c3c;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
.input-ok{border-color: #2ecc71;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
/*******************************
formulario de visita empresa
******************************/
#visita{margin-top:50px;overflow:hidden;background-color:rgba(0,0,0,.3);padding-bottom:50px;}
#mapa{width:100%;height:300px;margin-top:20px;}
.controls {margin-top: 10px;border: 1px solid transparent;border-radius: 2px 0 0 2px;box-sizing: border-box;-moz-box-sizing: border-box;height: 32px;outline: none;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);}
#buscadormapa {background-color: #fff;font-family: Roboto;font-size: 15px;font-weight: 300;margin-left: 12px;padding: 0 11px 0 13px;text-overflow: ellipsis;width: 300px;}
#buscadormapa:focus {border-color: #4d90fe;}
.pac-container {font-family: Roboto;}
#type-selector {color: #fff;background-color: #4d90fe;padding: 5px 11px 0px 11px;}
#type-selector label {font-family: Roboto;font-size: 13px;font-weight: 300;}
#form_visitaempresa {margin-top:20px;}
#form_visitaempresa label{color:#fff;}
.titulovisita{margin-top:25px;margin-bottom:20px;font-size:24px;color:#edeeee !important;}
.tituloleft{text-align:left;}
.lblvisitaempresa{text-align:left !important;font-weight:normal;}
.lblmapavisita{text-align:left !important;font-weight:normal; font-size:18px;color:#fff !important;}
.iconlogin {width:40px;background-color: #0b9bd9 !important;border: 1px solid #0988be !important;color:#fff;}
.btn_naranjo{background:#e0850e;color:#fff;}
.iconerror{width:40px;background-color: #e74c3c !important;border: 1px solid #df1703 !important;color:#fff;}
.lblerror{color:#e74c3c !important;}

/******************************
Solcitar Demo
******************************/
#form_demo {margin-top:20px;}
#form_demo label{color:#fff;}
/*******************************
Recuperar password
********************************/
#titulo_RP{color:#66757f;font-size:28px;font-weight:normal;}
#titulo_RPE{color:#e74c3c;font-size:28px;font-weight:normal;}
#titulo_ERP{color:#27ae60;font-size:28px;font-weight:normal;}
#error_recuperarclave p{color:#66757f;}
.color_RP{color:#66757f;}
.lblnormal{font-weight:normal;}
#inputs_np{overflow:hidden;margin-top:80px;}
/*******************************
HOME
********************************/
#botonesRight li{margin-left:5px ;}
/** menu **/
#imguser{width:30px;height:30px;border-radius:50%;}
#li_menu_user >a{padding:0 !important;margin-top:10px;}
#li_menu_user a{color:#fff;}
#li_menu_user >a, #li_menu_user >a:focus, #li_menu_user >a:hover {background-color: transparent !important;border-color: #062548 !important;}
/* #li_menu_user  a:hover , #li_menu_user  a:active {background-color: #26C6DA !important;} */
#ul_menu_user{width:300px;top:55px;}
.imguser_l img{max-width:90%;border-radius:50%;margin-left:5%;}
.contmenu{background-color:#f8f6f6;}
.botonmenu{float: left;width: 100px;height:100px;margin:0 10px;border-radius:3px;white-space: normal;color:#fff;padding-top:20px;}

/*********** tabla resumen planilla pre ejecucion ********/
#tbresumenplanilla,#tbformplan{border:1px solid #3c4a02;}
.bg-verde{background:#87D37C !important;}
.bg-verde2{color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6;vertical-align:middle !important;}
.bg-naranja1{background-color: #f0ad4e;color:#fff;}
/************ tabla planilla  ******************************/
#tablaplanilla{font-size:12px;}
#tablaplanilla thead th{border:1px solid #3c4a02 !important;font-weight:normal;}
#tablaplanilla tbody tr td{border:1px solid #27ae60 !important;}
.bordertd{border:1px solid #3c4a02 !important;}
.text-blanco{color:#fff !important;text-shadow:none !important;}
#cargando{width:300px;height:150px;margin:100px auto;}
#cargando span{font-weight:bold;font-size:18px;}
/***************  estilos modal ******/
.modalplan .modal-dialog {width:70% !important;}
.close{opacity:1 !important;}
button.close{color:#fff !important;}
button.close:hover, button.close:active{color:#fff !important;}
#content_modalplan{height:500px;overflow-y:scroll;}
.modal-success {color:#fff;font-weight:normal;padding:9px 15px;border-bottom:1px solid #eee;background-color: #5cb85c;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.modal-warning {color:#fff;font-weight:normal;padding:9px 15px;border-bottom:1px solid #eee;background-color: #f0ad4e;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.modal-danger {color:#fff;font-weight:normal;padding:9px 15px;border-bottom:1px solid #eee;background-color: #d9534f;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.modal-info {color:#fff;font-weight:normal;padding:9px 15px;border-bottom:1px solid #eee;background-color: #5bc0de;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.modal-primary {color:#fff;font-weight:bold;padding:9px 15px;border-bottom:1px solid #eee;background-color: #428bca;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
#opcionesuser{margin-top:5px;}



/* .main-header .navbar .nav>li>a>.label { */
    /* top: 5px !important; */
    /* right: 4px !important; */
    /* font-size: 14px !important; */
    /* padding: 2px 5px !important; */
	/* line-height: 1 !important; */
	/* border-radius: 50% !important; */
/* } */

.tagpalabra{
float:left;
background-color: #f8f9fa;
border-color: #f8f9fa;
border-radius: 60px;
padding: 7px 18px;
margin-right:5px;
margin-top:5px;
}
.tagpalabra span{margin-left:10px;background-color: #ae1320 !important;color:#fff;padding:2px 5px; border-radius:50%;}

fieldset {
        border: 1px solid #ddd !important;
        margin: 0;
        xmin-width: 0;
        padding: 10px;       
        position: relative;
        border-radius:4px;
        background-color:#f5f5f5;
        padding-left:10px!important;
}   
legend{font-size:12px;margin-bottom: 0px;border: 1px solid #ddd;border-radius: 4px; padding: 5px 5px 5px 10px;background-color: #ffffff;}

.control-sidebar-menu .imguser_notificacion {
    float: left;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
}
.input-group .form-control{z-index:unset !important;}

/**************** info usuario *********************/
.navbar-nav>.user-menu>.dropdown-menu{width:272px !important;}
ul.dropdown-menu {
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);
    border-color: rgba(120, 130, 140, 0.13); }
    .topbar .dropdown-menu .dropdown-item {
      padding: 7px 1.5rem; }
ul.dropdown-user {
    padding: 0px;
    width: 270px; }
ul.dropdown-user li .dw-user-box {
    padding: 10px 15px;
}
ul.dropdown-user li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
ul.dropdown-user li .dw-user-box .u-img {
    width: 80px;
    display: inline-block;
    vertical-align: top;
}
ul.dropdown-user li .dw-user-box .u-img img {
    width: 100%;
    border-radius: 5px;
}
ul.dropdown-user li .dw-user-box .u-text {
    display: inline-block;
    padding-left: 10px;
}
ul.dropdown-user li.divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: rgba(120, 130, 140, 0.13);
}
ul.dropdown-user li a {
    padding: 9px 15px;
    display: block;
    color: #54667a;
}
ul.dropdown-user li a:hover {
          background: #f2f7f8;
          color: #011846;
          text-decoration: none; }
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}

.nstock span{font-size:14px;border-radius:50%;}

#tb_listadovehiculos{font-size: 12px !important;}
#tb_listadovehiculos .tdcosto{font-size:15px !important;}


/*********************************************************************
ADMIN LTE 3
******************************************************************/
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #d79f06;
    color: #000;
}

.navbar-white {
    background-color: #e02412;
}
.navbar-light .navbar-nav .nav-link {
    color: #fff;
}
/*********************************************************************
RECEPCIONAR
**********************************************************************/
.cnumdesxloc .inner{overflow:hidden;}
.cnumdesxloc .inner h3{float:left;width:50%;}
.cnumdesxloc .inner span{float:right;width: 50px;height: 50px;text-align: center;vertical-align: middle;line-height: 50px;font-weight: bold;padding:0 !important;}
.cnumdesxloc .inner p{float:left; width:100%;}
/*******************************************************************
DESPACHAR
******************************************************************/
#arepartir .todo-list  li .badge, #sinfrecuencia .todo-list  li .badge{margin-left:20px !important; font-size:14px !important;}
.icheck-primary {
    min-height: 22px;
    margin-top: 6px!important;
    margin-bottom: 6px!important;
    padding-left: 0;
}
.icheck-primary >input:first-child {
    position: absolute!important;
    opacity: 0;
    margin: 0;
}
.icheck-primary >label {
    padding-left: 29px!important;
    min-height: 22px;
    line-height: 22px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}

.icheck-primary >input:first-child+input[type=hidden]+label::before,.icheck-primary >input:first-child+label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 22px;
    height: 22px;
    border: 1px solid #D3CFC8;
    border-radius: 0;
    margin-left: -29px;
}

.icheck-primary >input:first-child:checked+input[type=hidden]+label::after, .icheck-primary>input:first-child:checked+label::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 7px;
    height: 10px;
    border: 2px solid #fff;
    border-left: none;
    border-top: none;
    transform: translate(7.75px,4.5px) rotate(45deg);
    -ms-transform: translate(7.75px,4.5px) rotate(45deg);
}

/* The popup bubble styling. */
.popup-bubble {
/* Position the bubble centred-above its parent. */
position: absolute;
top: 0;
left: 0;
transform: translate(-50%, -100%);
/* Style the bubble. */
background-color: white;
padding: 5px;
border-radius: 5px;
font-family: sans-serif;
overflow-y: auto;
max-height: 60px;
box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.5);
}
/* The parent of the bubble. A zero-height div at the top of the tip. */
.popup-bubble-anchor {
/* Position the div a fixed distance above the tip. */
position: absolute;
width: 100%;
bottom: /* TIP_HEIGHT= */ 48px;
left: 0;
}
/* This element draws the tip. */
.popup-bubble-anchor::after {
content: "";
position: absolute;
top: 0;
left: 0;
/* Center the tip horizontally. */
transform: translate(-50%, 0);
/* The tip is a https://css-tricks.com/snippets/css/css-triangle/ */
width: 0;
height: 0;
/* The tip is 8px high, and 12px wide. */
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: /* TIP_HEIGHT= */ 8px solid white;
}
/* JavaScript will position this div at the bottom of the popup tip. */
.popup-container {
cursor: auto;
height: 0;
position: absolute;
/* The max width of the info window. */
width: 200px;
}

@media (min-width: 576px) {
    .card-columns {
        column-count: 2;
    }
}

@media (min-width: 768px) {
    .card-columns {
        column-count: 4;
    }
}

/* @media (min-width: 992px) {
    .card-columns {
        column-count: 4;
    }
} */

@media (min-width: 1600px) {
    .card-columns {
        column-count: 5;
    }
}