* {
  box-sizing: border-box;
}

html, body {
  height: 100%;
  font-family: helvetica neue,helvetica,arial,sans-serif;
  background-image: url(../images/bg_int.jpg);
  background-size: cover;
  background-attachment: fixed;
    padding-bottom: 30px;
}

.d-flex{ display: flex;}
.justify-content-center{ justify-content: center;}
.justify-content-between{ justify-content: space-between;}
.justify-content-around{ justify-content: space-around;}
.align-items-center {align-items: center; /* Agrupa los elementos alrededor del centro */}

.mr-1{ margin-right: 1rem;}
.mr-2{ margin-right: 2rem;}
.mr-3{ margin-right: 3rem;}
.mr-4{ margin-right: 4rem;}
.mr-5{ margin-right: 5rem;}

#iconos-pasos{ border: 1px solid #e1e1e1; border-radius: 3px; padding: 15px;}
  #iconos-pasos a{ color:#474747; font-size: 1.4rem;}
    #iconos-pasos a small{ font-weight: bold; line-height: 8px; display: block;}


/*LOGIN*/
html.login, body.login {background-image: url(../images/bg_home.jpg); background-size: cover; background-attachment: fixed;}
.rec-login{ background-color: rgba(255,255,255,0.6); border-radius: 4px;}
.rec-login .avatar{ background-image: url(../images/img-log.jpg); background-size: cover; height: 220px; border-radius: 3px 3px 0px 0px;}
.rec-login .avatar img{  width: 128px; height: 128px;
  top: 120px;
  left: 128px;
    border:5px solid rgba(255,255,255,1);
  /*margin: -77px 0 0 -57px;*/
  border-radius: 100%;
  background-image: url(../images/avatar.png);
  background-size: contain;
  position: relative;
  z-index: 1; }
.rec-login .rec-info{ padding: 20px;font-family: 'Roboto', sans-serif; }

.form-signin-heading{  text-align: center; padding-top: 30px; padding-bottom: 20px;font-family: 'Montserrat', sans-serif; text-transform: uppercase;}
.form-signin-heading h2{ font-size: 24px; font-weight: normal; margin: 0; padding: 0;}
.form-signin-heading h3{ font-size: 18px; font-weight: normal;font-family: 'Roboto', sans-serif;margin: 0; padding: 0;}
.form-signin-heading h3 small{font-size: 16px; color:#333; margin-top: 5px; padding-top: 5px;display: block; font-weight: bold; border-top: 1px solid #888;}

.form-signin {
  max-width: 400px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: 400;
}
.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
    border: none;
}
.form-signin .input-group{ margin-bottom: 10px;}
.input-group-addon{ background-color: rgba(0,0,0,0.4); border:none; color: #fff;}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: 0px;

}
.form-signin input[type="password"] {
  margin-bottom: 0px;

}

.form-signin .btn:hover {color:rgba(134,227,247,1); box-shadow: 0 0 4px rgba(0,0,0,0.3); background-color: rgba(27,43,84,1);}

.btn-blank{ margin-top: 30px; background-color: transparent; background-color: #1b2b54; color: #fff;}

/*INTERIOR*/
.header-top{ background-color: rgba(255,255,255,0.9); box-shadow: 0 0 5px rgba(0,0,0, 0.5); margin-bottom:30px;  }
.header-top img{ width: 200px; margin-top: 10px; padding: 5px 0px;}
/*.header-top .btn-logout{ display: inline-block; background-color: rgba(27,43,84,0.9); color:#fff; padding: 28px 20px;  font-size: 12px;}*/
.header-top .btn-logout i{ margin-right: 15px;}

.header-top .btn-group-legrand{ display: flex; margin: 0; padding: 0; list-style: none; justify-content: flex-end; align-items: center;}
.header-top .btn-group-legrand li{color: rgba(27,43,84,0.9); font-size: 14px; padding: 3px 5px; margin-top: 12px;}
.header-top .btn-group-legrand a.btn-logout { color: rgba(27,43,84,0.9);font-size: 16px;}
  .header-top .btn-group-legrand li:first-child{ border-radius: 4px 0px 0px 4px; align-items: center;}
  .header-top .btn-group-legrand li:last-child{ border-radius: 0px 4px 4px 0px; }
  .header-top .btn-group-legrand .usuario img{ width: 32px; margin-top: -2px;}
  .header-top .btn-group-legrand .usuario b{ font-weight: normal;}

.header-top.azul{background-color: rgba(27,43,84,1); color: #fff;}
.header-top.azul .btn-group-legrand .btn.btn-logout{ color: #fff }
.header-top.azul .btn-group-legrand li strong {color: #fff; text-transform: uppercase; font-weight: normal;}

.panel-heading h1{ font-size: 18px; font-weight: normal; padding: 0; margin: 0;}
.panel-body h2, .panel-body h3{ font-size: 16px; font-weight: normal; border-bottom: 1px solid #e1e1e1; padding-bottom: 5px;}
.panel-body h2 { margin-bottom: 15px;color: rgba(27,43,84,0.9); }
.panel-body h2 strong{color: #cc2d2d; }
.panel-azul {border: none;}
.panel-azul .panel-heading{ background-color:rgba(27,43,84,0.9); color: rgba(134,227,247,1); padding: 20px;}
.panel-azul .panel-heading h1 > span{ font-size: 14px; padding-top: 6px;}
.panel-azul .panel-heading h1 b{ font-weight: normal;  color: rgba(255,255,255,1)}

.mt0{ margin-top: 0px;}
.mt10{ margin-top: 10px;}
.mb10{ margin-bottom: 10px;}

.scroll-x{
  overflow-x: hidden;
  height: 180px;
}


/*SECTIONS*/
.section-standar{ box-shadow: 0 0 8px rgba(0,0,0,0.1); border: 1px solid rgba(0,0,0,0.1); padding: 0px 10px; border-radius: 3px;}

.panel-heading h1 > .icono{ border-radius: 50% ; width: 48px; padding: 3px; background-color: #fff;}


.persona{box-shadow: 0 0 8px rgba(0,0,0,0.1); border: 1px solid rgba(0,0,0,0.1); border-radius: 3px; margin-bottom: 20px; margin: 5px}
.persona header > ul{ display: flex; align-items: center;background-color: rgba(27,43,84,0.9); color: #fff; font-size: 12px; line-height: 12px; padding: 10px; border-radius: 3px 3px 0px 0px;}
.persona header > ul li{ border-top: none;flex: 0 0 auto;}
.persona header > ul li > b{font-size: 16px; display: block; font-weight: normal;}
.persona header > ul li > b > span{font-size: 12px; font-weight: normal;}
.persona header > ul li.cantidad{ font-weight: bold; font-size: 21px; border-left: 1px solid #fff; padding-left: 10px; color: rgba(255,255,255,0.7);  }
.persona header > ul li i.fa{font-size: 24px; border: 1px solid rgba(255,255,255,0.4); border-radius: 100%; text-align: center; width: 30px; height: 30px; }
.persona ul{ margin: 0; padding: 0; list-style: none; padding: 10px;}
.persona ul li{ border-top: 1px solid #e1e1e1; padding: 5px;}
.persona ul li > b{ float: right;}
.persona ul li > .icono{ border-radius: 50% ; width: 32px; padding: 3px; background-color: #fff;}
.persona ul li a{color: #cc2d2d; display: block; text-align: right;}
.persona ul li:first-child{ border-top: none;}

.persona.normal header > ul{ background-color: #33b768; color: #fff;}
.persona.especial header > ul{ background-color: #f7941d; color: #333;}


.flex-personas{ display: flex; flex-wrap: wrap; justify-content: space-around;}
.flex-personas .persona{flex: 1 1;}


.pioneta-cantidad > input{ margin: 20px 0px; height: 180px;font-size: 100px; text-align: center; font-weight: bold;}
.pioneta-cantidad .btn{ border-radius: 100% !important; height: 50px; width: 50px; box-shadow: 0 0 5px rgba(0,0,0,0.2  );}
.pioneta-cantidad .btn i{ margin-top: 5px;}


.tabla-estaciones td img.icono { width: 32px; border-radius:3px;}
.tabla-estaciones tbody td i.fa { font-size: 20px;}

.tabla-estaciones tbody td{ text-align: center; vertical-align: top;}
.tabla-estaciones tbody section.persona{ text-align: justify;}
.tabla-estaciones tbody section.persona .data-info{ display: none}
.tabla-estaciones tbody section.persona.show-on .data-info{display:block;}

table.table.tabla-estaciones-v2 tr td, table.table.tabla-estaciones-v2 tr th{border-top: 2px solid #fff;}
table.table.tabla-estaciones-v2 tbody tr th{ text-transform: uppercase; font-weight: normal;}

table.table.tabla-estaciones-v2 tr td.space{ width: 20px}
table.table.tabla-estaciones-v2 tr td.empty{ background-color:#fff !important; }
table.table.tabla-estaciones-v2 thead{ background-color: transparent;text-align: center; color: #333;}
table.table.tabla-estaciones-v2 thead .azul{ background-color: rgba(27,43,84,0.9); color: #fff; text-transform: uppercase; font-weight: bold; height: 45px;}
table.table.tabla-estaciones-v2 thead .azul-50 { background-color: rgba(134,227,247,1); color:rgba(27,43,84,0.9); height: 45px}

table.table.tabla-estaciones-v2 tbody.azul-50 tr th{ background-color: rgba(134,227,247,1);}
table.table.tabla-estaciones-v2 thead .azul-40{ background-color: rgba(55,55,55,0.2); color:rgba(27,43,84,0.9);}
table.table.tabla-estaciones-v2 tbody tr:nth-child(odd){background-color: rgba(200,200,200,0.2);}
table.table.tabla-estaciones-v2 td img.icono { width: 32px; border-radius:3px;}
table.table.tabla-estaciones-v2 tbody td{ text-align: center;}
table.table.tabla-estaciones-v2 tbody td i.fa { font-size: 20px;}

table.table.tabla-estaciones-v2.sucio tbody td:nth-child(3),
table.table.tabla-estaciones-v2.sucio tbody td:nth-child(5)
{ background-color: rgba(95,75,57,0.4);}
table.table.tabla-estaciones-v2.sucio tbody td:nth-child(6)
{ background-color: rgba(95,75,57,0.1);}

table.table.tabla-estaciones-v2.limpio tbody td:nth-child(3),
table.table.tabla-estaciones-v2.limpio tbody td:nth-child(6),
table.table.tabla-estaciones-v2.limpio tbody td:nth-child(9),
table.table.tabla-estaciones-v2.limpio tbody td:nth-child(12)
{ background-color: rgba(134,227,247,0.5);}
table.table.tabla-estaciones-v2.limpio tbody td:nth-child(4),
table.table.tabla-estaciones-v2.limpio tbody td:nth-child(7),
table.table.tabla-estaciones-v2.limpio tbody td:nth-child(10),
table.table.tabla-estaciones-v2.limpio tbody td:nth-child(13)
{ background-color: rgba(134,227,247,0.2);}


table.table.tabla-estaciones-v2.limpio tbody tr td:first-child, table.table.tabla-estaciones-v2.limpio  tbody tr td:last-child{ background-color: rgba(27,43,84,0.9); color: #fff;}
table.table.tabla-estaciones-v2.sucio tbody tr td:first-child, table.table.tabla-estaciones-v2.sucio  tbody tr td:last-child{ background-color: rgba(27,43,84,0.9); color: #fff;}

table.table.tabla-estaciones-v2 tbody td{ text-align: center; vertical-align: top;}
table.table.tabla-estaciones-v2 tbody section.persona{ text-align: justify;}
table.table.tabla-estaciones-v2 tbody section.persona .data-info{ display: none}
table.table.tabla-estaciones-v2 tbody section.persona.show-on .data-info{display:block;}


table.table img.icono {
    border-radius: 50%;
    width: 32px;
    padding: 3px;
    background-color: #fff;
    margin: auto; margin-bottom: 5px;

}

/*MODAL*/
.modal-body h2, .modal-body h3{ font-size: 16px; font-weight: normal; border-bottom: 1px solid #e1e1e1; padding-bottom: 5px;}
.modal-body h2 { margin-bottom: 15px; margin-top: 0px;color: rgba(27,43,84,0.9); }
.modal-body h2 strong{color: #cc2d2d; }


/*RECUADROS*/
#recuadros, #recuadros-kpi{ margin: 0; padding: 0; list-style-type: none; margin: auto; width: 80%; padding-top: 3%;}
#recuadros:after, #recuadros-kpi:after{ content: " "; display: block; clear: both;}
#recuadros li, #recuadros-kpi li{ display: inline-block; float: left;  width: 25%; padding: 0; margin: 0;text-align: center; }
#recuadros li a > div, #recuadros-kpi li > div{background-color: rgba(255,255,255,1); box-shadow: 0 0 5px rgba(0,0,0,0.5); border-radius: 3px; margin: 10px; text-align: center;background-image: url(../images/img-recuadros-v2.jpg); background-size: cover; padding-top: 20px;}
#recuadros li a > div .icono{ width: 68px; border: 4px solid #28375f; border-radius: 100%; background-color: #fff; position: relative; z-index: 2; top:20px; box-shadow: 0 0 10px rgba(255,255,255,1); padding: 4px;}
#recuadros-kpi li > div span{ font-size:48px; color:#fff; text-shadow: 1px 1px 4px rgba(0,0,0,0.3)}
 #recuadros-kpi li > div{background-image:none !important;background-color: #28375f;}

#recuadros li a > div strong, #recuadros-kpi li > div strong { display: block; clear: both; padding: 30px 5px 0px 5px; background-color: #28375f; font-size: 13px;font-weight: normal; box-sizing: padding-box; height: 80px; border-radius: 0px 0px 3px 3px; color:#fff}


#recuadros li a, #recuadros-kpi li a{text-decoration: none !important;}
#recuadros li a:hover > div .icono{border: 4px solid #931b2b; transform: rotate(360deg)}
#recuadros li a:hover > div strong, #recuadros-kpi li a:hover > div strong { background-color: #931b2b; }

/**CARGA MANUAL*/
#recuadros.cargamanual li a > div .icono, #recuadros li.cargamanual a > div .icono{ width: 68px; border: 4px solid #33b768; border-radius: 100%; background-color: #fff; position: relative; z-index: 2; top:20px; box-shadow: 0 0 10px rgba(0,0,0,0.4); padding: 4px;}
#recuadros.cargamanual li a > div strong,
#recuadros li.cargamanual a > div strong,
#recuadros-kpi.cargamanual li > div strong,
#recuadros-kpi li.cargamanual > div strong{
  display: block; clear: both;
  padding: 30px 5px 0px 5px;
  background-color: #143d32;
  font-size: 13px;
  font-weight: normal;
  height: 80px;
  box-sizing: padding-box;
  border-radius: 0px 0px 3px 3px; color:#fff;
}
#recuadros.cargamanual li a:hover > div .icono, #recuadros li.cargamanual a:hover > div .icono{border: 4px solid #33b768; transform: rotate(360deg)}
#recuadros.cargamanual li a:hover > div strong, #recuadros-kpi.cargamanual li a:hover > div strong, #recuadros li.cargamanual a:hover > div strong { background-color: #33b768; }


/*RECUADROS NEW*/
#recuadros, #recuadros-kpi{ margin: 0; padding: 0; list-style-type: none; margin: auto; width: 80%; padding-top: 3%;}
#recuadros:after, #recuadros-kpi:after, .recuadros-kpi-int:after{ content: " "; display: block; clear: both;}
#recuadros li, #recuadros-kpi li{ display: inline-block; float: left;  width: 25%; padding: 0; margin: 0;text-align: center; }
#recuadros li a > div, #recuadros-kpi li > div, .recuadros-kpi-int li > div{background-color: rgba(255,255,255,1); box-shadow: 0 0 5px rgba(0,0,0,0.5); border-radius: 3px; margin: 10px; text-align: center;background-image: url(../images/img-recuadros-v2.jpg); background-size: cover; padding-top: 20px;}
#recuadros li a > div .icono{ width: 68px; border: 4px solid #28375f; border-radius: 100%; background-color: #fff; position: relative; z-index: 2; top:20px; box-shadow: 0 0 10px rgba(255,255,255,1); padding: 4px;}
#recuadros-kpi li > div span{ font-size:48px; color:#fff; text-shadow: 1px 1px 4px rgba(0,0,0,0.3)}
 #recuadros-kpi li > div, .recuadros-kpi-int li > div{background-image:none !important;background-color: #28375f;}

#recuadros li a > div strong,
#recuadros-kpi li > div strong,
.recuadros-kpi-int li > div strong {
  display: block; clear: both;
  padding: 30px 5px 0px 5px;
  background-color: #28375f;
  font-size: 13px;
  font-weight: normal;
  height: 80px;
  box-sizing: padding-box;
  border-radius: 0px 0px 3px 3px; color:#fff;
}


#recuadros li a, #recuadros-kpi li a,  .recuadros-kpi-int li a{text-decoration: none !important;}
#recuadros li a:hover > div .icono{border: 4px solid #931b2b; transform: rotate(360deg)}
#recuadros li a:hover > div strong, #recuadros-kpi li a:hover > div strong { background-color: #931b2b; }

.btn img.icono{border-radius: 50% ; width: 32px; padding: 3px; background-color: #fff; margin-right: 10px;}

.recuadros-kpi-int{ margin: 0; padding: 0; list-style-type: none; margin: auto; width: 100%; padding-top: 0%; text-align: center; color: #fff; display: flex; justify-content: center;}
.recuadros-kpi-int li { flex: 0 0 auto; max-width: 172px; min-width: 150px;}
.recuadros-kpi-int li > div{ height: 130px;padding:6px 12px; box-shadow: none; box-sizing: border-box;margin:0px 10px 10px 10px;}
.recuadros-kpi-int li > div strong{ height: auto; font-weight: normal; padding: 0px 5px 0px 5px;}
.recuadros-kpi-int li > div span{ font-size:32px; color:#fff; text-shadow: 1px 1px 4px rgba(0,0,0,0.3); display: block;}
.recuadros-kpi-int li button{height: 130px; width: 130px;box-sizing: border-box;}
.recuadros-kpi-int li hr{margin: 10px 10px; }

@media only screen and (max-width: 1024px) {
    #recuadros, #recuadros-kpi { width: 100%;}
}
@media only screen and (max-width: 728px) {
    #recuadros li, #recuadros-kpi li{width: 33%;   }
    .mt20{ margin-top: 20px !important;}
}

@media only screen and (max-width: 480px) {
    #recuadros li, #recuadros-kpi li{width: 50%;   }
    .header-top .btn-logout{ padding: 5px 5px; }
    .radio-toolbar-list{ border-top: 1px solid #e1e1e1;}
    .header-top .btn-group-legrand .usuario b{ display: none;}
}
.codigo-barras{ border-radius: 3px; padding:2px 10px; border: none; border: 1px solid #e1e1e1;}
.mt-20{ padding-top: 20px !important;}


.icon-int img{ width: 60%;}
.icon-svg img{width:13px;}
.btn-xs .icon-svg img{width:13px;}

.radio-toolbar-list{ overflow-y: scroll; height: 155px ; display: block;border-bottom: 1px solid #e1e1e1; }
.radio-toolbar-list-h0{ height: 180px !important; border-bottom: 1px solid #e1e1e1;}

/*OCULTA EL CHECK*/
.radio-toolbar, .radio-toolbar-list { list-style: none; margin:0px; padding:0px; text-align:left;}
.radio-toolbar li{ display: inline-block; text-align:center; float: left; margin: 5px; line-height: 12px; }

.radio-toolbar li i{ display: block; padding-top: 5px;}
.radio-toolbar li label b{ text-transform: capitalize !important;}

.radio-toolbar input[type="radio"], .radio-toolbar-list input[type="radio"]{display:none; }
.radio-toolbar input[type="checkbox"], .radio-toolbar-list input[type="checkbox"]{display:none; }
.resumen-seleccion > span{ display: inline-block; border-radius: 3px; background-color:#cc2d2d; color: #fff; padding: 3px 10px; font-size: 11px;}

span.seleccionado{ display: inline; border-radius: 3px; background-color:#396; color: #fff; padding: 3px 10px; font-size: 11px;}

.buscadores{ margin-bottom: 10px; margin-right: 15px;}

/*CONFIGURA EL LABEL Y EL DISEÑO DEL CHECK*/
.radio-toolbar label { display:block; width:100px;	height:100px; padding:0px; cursor:pointer;	margin:4px;	font-weight:normal;line-height:16px; font-size:12px; background-color: rgba(255,255,255,1); box-shadow: 0 0 5px rgba(0,0,0,0.2); border-radius: 3px; -moz-transition: all linear 0.2s; -webkit-transition: all linear 0.2s;	transition: all linear 0.2s;}

.radio-toolbar-list label {display:block;padding:0px;cursor:pointer;margin:4px; padding: 10px; font-weight:normal;line-height:18px; font-size:12px;background-color: rgba(255,255,255,1); box-shadow: 0 0 5px rgba(0,0,0,0.2); border-radius: 3px;-moz-transition: all linear 0.2s;	-webkit-transition: all linear 0.2s; transition: all linear 0.2s; margin-right: 15px;}

/*CONFIGURA EL CAMBIO DEL LABEL CUANDO ESTE SELECCIONADO*/
.radio-toolbar input[type="radio"]:checked + label {background-color: rgba(27,43,84,0.9); color: #fff;}
.radio-toolbar input[type="radio"]:checked + label img{filter:brightness(200%);}

.radio-toolbar input[type="checkbox"]:checked + label {background-color: rgba(27,43,84,0.9); color: #fff;}
.radio-toolbar input[type="checkbox"]:checked + label img{filter:brightness(200%);}


.radio-toolbar .talla strong{ display:block; padding-top:40px; font-size:40px; padding-bottom:10px;}

.radio-toolbar-list input[type="radio"]:checked + label {background-color:#cc2d2d; color: #fff;}
.radio-toolbar-list input[type="radio"]:checked + label:after{font-family:'FontAwesome'; content:"\f00c";float: right;}

.radio-toolbar-list input[type="checkbox"]:checked + label {background-color:#cc2d2d; color: #fff;}
.radio-toolbar-list input[type="checkbox"]:checked + label:after{font-family:'FontAwesome'; content:"\f00c";float: right;}

.radio-toolbar label i, .btn-recuadro li a i{ font-size:60px;}


.btn-azul {
    color: #fff;
    background-color: rgba(27,43,84,0.9);
    /* border-color: #4cae4c; */
}
.btn-azul:hover, .btn-azul:focus  { color: #fff;background-color: rgba(27,43,84,0.5)}

#divtallas { display: block;}
#divtallas .radio-toolbar { border-top: 1px solid #e1e1e1;}
#divtallas .radio-toolbar li{ display: inline-block; text-align:center; float: none;margin: 5px; line-height: 12px; }

#divtallas .radio-toolbar label{ height: 40px; padding-top: 11px; font-weight: bold;}
#divtallas .radio-toolbar li i{ display: block; padding-top: 5px;}
#divtallas .radio-toolbar li label b{ text-transform: capitalize !important;}

#divtallas .radio-toolbar input[type="radio"], .radio-toolbar-list input[type="radio"]{display:none; }
#divtallas .radio-toolbar input[type="checkbox"], .radio-toolbar-list input[type="checkbox"]{display:none;}


table.table{ font-size: 11px !important;}
  table.table thead, table.table thead th{ background-color:  rgba(27,43,84,0.8); color:#fff; font-weight: normal; }
  table.table-condensed>thead>tr>td, .table-condensed>thead>tr>th{ padding: 8px 5px;}
  table.table-condensed>thead>tr>td:first-child, .table-condensed>thead>tr>th:first-child{ border-radius: 8px 0 0 0;}
  table.table-condensed>thead>tr>td:last-child, .table-condensed>thead>tr>th:last-child{ border-radius: 0 5px 0 0;}

  table.table body{font-size: 11px !important;}

table.table caption{ font-size: 16px;}
table.table caption strong{ color: #000;}

.tconfirmacion td{ font-size: 18px !important;}
.modal-content .c-azul{ background-color: #1b2b54; color: #fff;}


.boleta-ropa table.table td:first-child { width: 50px !important;}
.boleta-ropa table.table tbody td:first-child > input{ width: 50px !important; border: 1px solid #e1e1e1; padding: 3px; border-radius: 3px;}
.boleta-ropa table.table tbody td:first-child > input:focus{ background-color: rgba(214,202,117,0.2);}


.t-erolamiento thead td:last-child, .t-erolamiento tbody td:last-child{ text-align: center;}


li > .n-prenda{ background-color:#cc2d2d; color: #fff; position:absolute; z-index: 10;padding: 3px; border-radius: 3px; font-size: 12px; margin-top: 8px; margin-left: 22px; width: 22px;}

#catalogo-prendas { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; }
#catalogo-prendas li{ flex: 0 0 auto; box-shadow: 0 0 5px rgba(0,0,0,0.2); border-radius: 3px;margin:4px 3px; }
#catalogo-prendas li img{border-radius: 3px 3px 0px 0px;}
#catalogo-prendas li b{background-color:rgba(27,43,84,0.8); color:#fff;  width: 200px;height: 30px;display: table;text-align: center; padding-top: 10px; padding-bottom: 10px;border-radius: 0px 0px 3px 3px; font-weight: normal; font-size: 14px;}
/*Versión 5 ingreso de prendas*/

#v5 .icon-int img{ height: 25px; width: auto;}
#v5 .radio-toolbar-list{ overflow-y: scroll; height: 260px ; display: block;border-bottom: 1px solid #e1e1e1; }
#v5 .radio-toolbar-list-h0{ height: 180px !important; border-bottom: 1px solid #e1e1e1;}

/*OCULTA EL CHECK*/
#v5 .radio-toolbar, .radio-toolbar-list { list-style: none; margin:0px; padding:0px; text-align:left;}
#v5 .radio-toolbar li{ display: inline-block; text-align:left; float: none;; margin: 5px; line-height: 12px; }

#v5 .radio-toolbar li i{ display: inline; padding-top: 5px;}

#v5 .radio-toolbar input[type="radio"], .radio-toolbar-list input[type="radio"]{display:none; }
#v5 .radio-toolbar input[type="checkbox"], .radio-toolbar-list input[type="checkbox"]{display:none; }
#v5 .resumen-seleccion > span{ display: inline-block; border-radius: 3px; background-color:#cc2d2d; color: #fff; padding: 3px 10px; font-size: 11px;}

#v5  span.seleccionado{ display: inline; border-radius: 3px; background-color:#396; color: #fff; padding: 3px 10px; font-size: 11px;}

#v5 .buscadores{ margin-bottom: 10px; margin-right: 15px;}

/*CONFIGURA EL LABEL Y EL DISEÑO DEL CHECK*/
#v5 .radio-toolbar label { display:block; width:200px;	height:48px; padding:0px; cursor:pointer;	margin:4px;	font-weight:normal;line-height:16px; font-size:12px; background-color: rgba(255,255,255,1); box-shadow: 0 0 5px rgba(0,0,0,0.2); border-radius: 3px; -moz-transition: all linear 0.2s; -webkit-transition: all linear 0.2s;	transition: all linear 0.2s;}

#v5 .radio-toolbar-list label {display:block;padding:0px;cursor:pointer;margin:4px 3px; padding: 10px; font-weight:normal;line-height:18px; font-size:12px;background-color: rgba(255,255,255,1); box-shadow: 0 0 5px rgba(0,0,0,0.2); border-radius: 3px;-moz-transition: all linear 0.2s;	-webkit-transition: all linear 0.2s; transition: all linear 0.2s; }
#v5 #prendas label img{ margin-right: 4px;}


/*CONFIGURA EL CAMBIO DEL LABEL CUANDO ESTE SELECCIONADO*/
#v5 #prendas input[type="radio"]:checked + label {background-color: rgba(27,43,84,0.9); color: #fff;}
#v5 #prendas input[type="radio"]:checked + label img{filter:brightness(200%);}
#v5 #prendas input[type="radio"]:checked + label:after{font-family:'FontAwesome'; content:"\f00c";float: right; padding-top: 4px;}


#v5 .radio-toolbar input[type="checkbox"]:checked + label {background-color: rgba(27,43,84,0.9); color: #fff;}
#v5 .radio-toolbar input[type="checkbox"]:checked + label img{filter:brightness(200%);}


#v5 .radio-toolbar .talla strong{ display:block; padding-top:40px; font-size:40px; padding-bottom:10px;}

#v5 .radio-toolbar-list input[type="radio"]:checked + label {background-color:#cc2d2d; color: #fff;}
#v5 .radio-toolbar-list input[type="radio"]:checked + label img{filter: hue-rotate(45deg);}
#v5 .radio-toolbar-list input[type="radio"]:checked + label:after{font-family:'FontAwesome'; content:"\f00c";float: right;}

#v5 .radio-toolbar-list input[type="checkbox"]:checked + label {background-color:#cc2d2d; color: #fff;}
#v5 .radio-toolbar-list input[type="checkbox"]:checked + label:after{font-family:'FontAwesome'; content:"\f00c";float: right;}

#v5 .radio-toolbar label i, .btn-recuadro li a i{ font-size:60px;}

#v5 .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    margin: 3px;
}


/*Versión 7 ingreso de prendas*/

#v7 .icon-int img{ height: 25px; width: auto;}
#v7 .radio-toolbar-list{ overflow-y: scroll; height: auto ; display: block;border-bottom: none; }
#v7 .radio-toolbar-list-h0{ height: 180px !important; border-bottom: 1px solid #e1e1e1;}

#tipo, #talla, #color { display: flex;flex-wrap: wrap;}
#tipo li, #talla li, #color li{ display: inline-block; flex: 1 1 auto; }

.flexli { display: flex; flex-wrap: wrap; height: auto !important; border: none !important;}
.flexli li{ display: inline-block; flex: 1 0 auto; text-align: center;}


.radio-toolbar-table { display: flex; flex-wrap: wrap; justify-content: space-between;}
.radio-toolbar-table input{ display: inline-block; text-align: center;}
.radio-toolbar-table{  }

.radio-toolbar-table-v2 { display: flex; flex-wrap: wrap; justify-content: space-between;}
.radio-toolbar-table-v2 input{ display: inline-block; text-align: center;}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{ vertical-align: middle;}

/*OCULTA EL CHECK*/
.radio-toolbar-table { list-style: none; margin:0px; margin-top: -1px;padding:0px; text-align:left;}

.radio-toolbar-table input[type="radio"]{display:none; }
.radio-toolbar-table label { flex: 0 0 auto;display:block;padding:0px;cursor:pointer; padding: 10px 10px; font-weight:normal;line-height:auto;background-color: rgba(255,255,255,1); border-radius: 3px;-moz-transition: all linear 0s;	-webkit-transition: all linear 0s; transition: all linear 0s; }

.radio-toolbar-table-v2 label { flex: 0 0 auto;display:block;padding:0px; padding: 10px 10px; font-weight:normal;line-height:auto;background-color: rgba(255,255,255,1); border-radius: 3px;-moz-transition: all linear 0s;	-webkit-transition: all linear 0s; transition: all linear 0s; }

/*CONFIGURA EL CAMBIO DEL LABEL CUANDO ESTE SELECCIONADO*/
.radio-toolbar-table-v2 input[type="radio"]:checked + label {background-color:#00aeef; color: #fff;}

.radio-toolbar-table input[type="radio"]:checked + label {background-color:#00aeef; color: #fff;}
.radio-toolbar-table input[type="radio"]:checked + label:after{font-family:'FontAwesome'; content:none;float: right;}
.radio-toolbar-table input[type="radio"]:checked + label.lavado {background-color:#00aeef; color: #fff;}
.radio-toolbar-table input[type="radio"]:checked + label.reparacion {background-color:#f7941d !important; color: #fff;}

/*OCULTA EL CHECK*/
#v7 .radio-toolbar-list { list-style: none; margin:0px; padding:0px; text-align:left;}

#v7 .radio-toolbar-list input[type="radio"]{display:none; }
#v7 .radio-toolbar-list input[type="checkbox"]{display:none; }
#v7 .resumen-seleccion > span{ display: inline-block; border-radius: 3px; background-color:#cc2d2d; color: #fff; padding: 3px 10px; font-size: 11px;}

#v7  span.seleccionado{ display: inline; border-radius: 3px; background-color:#396; color: #fff; padding: 3px 10px; font-size: 11px;}

#v7 .buscadores{ margin-bottom: 10px; margin-right: 15px;}

/*CONFIGURA EL LABEL Y EL DISEÑO DEL CHECK*/
#v7 .radio-toolbar-list label {display:block;padding:0px;cursor:pointer;margin:4px 3px; padding: 10px; font-weight:normal;line-height:18px; font-size:12px;background-color: rgba(255,255,255,1); box-shadow: 0 0 5px rgba(0,0,0,0.2); border-radius: 3px;-moz-transition: all linear 0.2s;	-webkit-transition: all linear 0.2s; transition: all linear 0.2s; }

/*CONFIGURA EL CAMBIO DEL LABEL CUANDO ESTE SELECCIONADO*/
#v7 .radio-toolbar-list input[type="radio"]:checked + label {background-color:#cc2d2d; color: #fff;}
#v7 .radio-toolbar-list input[type="radio"]:checked + label img{filter: hue-rotate(45deg);}

#v7 .radio-toolbar-list input[type="checkbox"]:checked + label {background-color:#cc2d2d; color: #fff;}

#v7 .radio-toolbar-list input[type="radio"]:checked + label:after{font-family:'FontAwesome'; content:" ";float: right;}
#v7 .radio-toolbar-list input[type="checkbox"]:checked + label:after{font-family:'FontAwesome'; content:" ";float: right;}

.flexli input[type="radio"]:checked + label:after{font-family:'FontAwesome'; content:" ";float: right;}
.flexli input[type="checkbox"]:checked + label:after{font-family:'FontAwesome'; content:" ";float: right;}


#v7 .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    margin: 3px;
}

#v7 li strong > span:first-child{ width: 90px; border-right: 1px solid #ccc; display: inline-block; padding-right: 15px;margin-right: 15px; text-align: right;}
.btn-catalogo{ margin-left: 15px; text-transform: uppercase;}



/*REC-CARROS*/
.rec-carros-top{
  list-style: none;
  margin: 0; padding: 0;
  display: flex;
  justify-content: flex-start;
}
.rec-carros-top > li{
  flex: 0 auto;
  border:1px solid #ccc;
  border-radius: 5px;
  margin-left: 5px;
  padding: 8px;
  display: flex;
  align-items: center;
}
.rec-carros-top li:first-child{ margin-left: 0;}



.rec-carros{
  list-style: none;
  margin: 0; padding: 0;
  display: flex;
  justify-content: flex-start;
}
.rec-carros > li{
  flex: 1 auto;
  border:1px solid #ccc;
  border-radius: 5px;
  margin-left: 5px;
  padding: 8px;
}
.rec-carros li:first-child{ margin-left: 0;}

.rec-carros li div span{display: block; font-size: 16px;font-weight: bold; text-transform: uppercase;}
.rec-carros li div span + span{ font-size: 12px; text-transform: none; font-weight: normal;}
.rec-carros li div:first-child{ padding-bottom: 3px; border-bottom: 2px solid rgba(0,0,0,0.2); margin-bottom: 5px;}

.rec-carros li div.kilos { font-size: 2em; text-align: center;font-weight: bold;padding: 10px;}
.rec-carros li div.kilos::after{ content: " Kg."; font-size: 12px; }
.rec-carros li div img{ width: 40px; padding-right: 5px; margin-right: 5px; float: left;}


.rec-carros-inline{
  list-style: none;
  margin: 0; padding: 0;margin-top: 0;
}
.rec-carros-inline > li{

  display: flex;
  justify-content: flex-start;
  align-items: center;
  border:1px solid #ccc;
  border-radius: 5px;
  margin-left: 5px;
  padding: 8px;
}
.rec-carros-inline li div{flex: 1 auto;}

.rec-carros-inline li div span{display: contents; font-size: 16px;font-weight: bold; text-transform: uppercase;}
.rec-carros-inline li div span + span{ font-size: 12px; text-transform: none; font-weight: normal;}

.rec-carros-inline li div span a.btn{ padding: 8px 8px; max-height: 36px}

.rec-carros-inline li div.kilos { font-size: 2em; text-align: center;font-weight: bold;}
.rec-carros-inline li div.kilos::after{ content: " Kg."; font-size: 12px; }
.rec-carros-inline li div img{ width: 40px; padding-right: 5px; margin-right: 5px; float: left;}


.bg-planta{ border: 5px solid #333; background-image: url(../images/fondo-planta.png);height: 446px; box-sizing: border-box;}
.bg-planta ul{list-style: none;
    margin: 30px;
    padding: 0;
    margin-left: 437px;}
.bg-planta .sec-lavado{ display: flex;}
.bg-planta .sec-lavado li {flex: 1 auto; text-align: center;    background-image: url(../images/icon-06.jpg);
    background-size: cover; background-repeat: no-repeat;
    height: 85px;
    background-position: top center;}
.bg-planta .sec-lavado img{ width: 80%;}
.bg-planta .sec-lavado span{ display: block; text-align: center; margin-top: 70px; }

/*parpadeo*/

.parpadea {

  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; }
}

/*COLOR CARROS*/
.carro-default{ background-color: #fff; color: #333; }
.carro-verde{ background-color: #1d8c37; color: #fff;}
.carro-rojo{ background-color: #cc2d2d;color: #fff;}
.carro-amarillo{background-color: #ffd200;color: #fff;}

/*COLORES*/
.rec-color{ border: 1px solid #e1e1e1; display: inline; padding-left: 14px; margin-right: 5px; border-radius: 50%;}
.c-blanco{ background-color: white;}
.c-negro{  background-color: black;}
.c-marron{background-color: #613620;}
.c-azul{ background-color: #1b2b54;}
.c-naranjo{background-color: #f7941d;}
.c-verde{ background-color: #1d8c37;}
.c-rojo{ background-color: #cc2d2d;}
.c-amarillo{background-color: #ffd200;}
.c-gris{ background-color: #7f7f7f;}
.c-rosado{ background-color: #f26d7d;}
.c-celeste{ background-color: #00aeef;}
.c-morado{ background-color: #8560a8;}

.blanco{color: white;}
.negro{ color: black;}
.marron{color: #613620;}
.azul{ color: #1b2b54;}
.naranjo{color: #f7941d;}
.verde{ color: #1d8c37;}
.rojo{ color: #cc2d2d;}
.amarillo{color: #ffd200;}
.gris{ color: #7f7f7f;}
.rosado{color: #f26d7d;}
.celeste{color: #00aeef;}
.morado{ color: #8560a8;}

.bg-verde{ background-color: rgba(41,165,70,0.8); color:#fff}
.bg-rojo{ background-color: rgba(217,68,68,1);color:#fff}
.bg-amarillo{background-color: rgba(239,211,57,0.6);}


/*ALERT*/
.alert[role]{text-transform:uppercase; text-align: center;}
.alert[role] i.fa{ font-size:48px;}
#divmensaje{ margin-left:15px; margin-right:15px; font-size:24px; text-align:center; text-transform:uppercase;}
#divmensaje i.fa{ font-size:48px;}

#divmensaje2{ margin-left:15px; margin-right:15px; font-size:24px; text-align:center}
#divmensaje2 i.fa{ font-size:48px;}


/**VERSION**/
#version{ position: fixed;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    border-radius: 5px 0px 0px 0px;
    padding: 3px 15px 0px;
    font-size: 12px;
    bottom: 0;
    right: 0;
  }


  /*FLEX*/
  .flex-content{display: -webkit-flex;}
  	.justify-content-start {-webkit-justify-content: flex-start;}
  	.justify-content-end {-webkit-justify-content: flex-end;}
  	.justify-content-center {-webkit-justify-content: center;}
  	.justify-content-between {-webkit-justify-content: space-between;}
  	.justify-content-around {-webkit-justify-content: space-around;}

  	.align-items-center{-webkit-align-items:center;}
  	.align-content-center{-webkit-align-content: center;}

    .flex-content > *{ min-width: 176px;}
    .flex-content.flex-grow > *{ flex: 1 1 0;}
    .flex-content.flex-grow > *{ margin-right: 20px;}
    .flex-content.flex-grow > *:last-child{ margin-right: 0px;}
    .pd{ padding: 8px 0px;}
    .bt{ border-top: 1px solid #ccc}
    .bb{ border-bottom: 1px solid #ccc}
  /*END FLEX*/

  input.smCheckbox {width: 20px; height: 20px; }
  input.mdCheckbox {width: 30px; height: 30px; }
  input.lgCheckbox {width: 40px; height: 40px; }

.form-control-sm .form-control{ width: 300px !important}

.form-control-sm .icono{ border-radius: 50%; width: 32px; margin-right: 15px}

  input.smCheckbox {width: 20px; height: 20px; }
  input.mdCheckbox {width: 30px; height: 30px; }
  input.lgCheckbox {width: 40px; height: 40px; }

.form-control-sm .form-control{ width: 300px !important}

.form-control-sm .icono{ border-radius: 50%; width: 32px; margin-right: 15px}


  /*HEADER BAR*/
  .panel-heading ul{ display: flex; list-style: none; margin: 0px; padding: 0;}
  .panel-heading ul li{ text-align: center; }
  .panel-heading ul li{ margin-left: 15px; border-radius: 5px;}
  .panel-heading ul li span { padding: 10px;background-color: #cc2d2d;color:#fff;border-radius: 5px 0px 0px 5px;}
  .panel-heading ul li span +span{ background-color: #fff;color:#333;border-radius: 0px 5px 5px 0px; }
  .panel-heading ul li span.hora{border-radius: 5px}

    /*Dashboard-v4*/
    .dashboard-v4{ display: flex; }
      .dashboard-v4 ul{ list-style: none; margin: 0; padding: 0; display: flex;align-items: flex-start;}
      .dashboard-v4 ul li{ flex: 0 1 auto; border-radius: 5px; box-shadow: 0px 0px 8px rgba(0,0,0,0.2); padding: 10px 5px 10px 5px; width: 87px; margin-left: 15px;}
      .dashboard-v4 ul li>span{ display: block;text-align: center;}
      .dashboard-v4 ul li hr{ margin: 10px 0px;}

      .dashboard-v4 ul li>span.h40px{ height: 40px;}
      .dashboard-v4 ul li>span.h50px{ height: 50px;}
      .dashboard-v4 ul li>span.h60px{ height: 60px;}
      .dashboard-v4 ul li>span.h66px{ height: 66px;}
      .dashboard-v4 ul li>span.none{ display: none;}
        .dashboard-v4 ul li>span.numbers{ font-size: 12px; width: 22px; background-color: rgba(55,55,55,1); border-radius: 50px; padding: 0px; color: #fff; position: absolute; margin-left: 49px; margin-top: 6px;}
        .dashboard-v4 ul li>span.cantidad{ font-weight: bold; padding: 5px; height: 26px;}
        .dashboard-v4 ul li>span.text{ margin-top: 5px;border-radius: 3px; padding: 2px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
        .dashboard-v4 ul li>span.user img{width: 40px;border-radius: 50px; padding: 2px; border:2px solid #ccc;}
        .dashboard-v4 ul li>span.icon{ overflow: hidden;}
        .dashboard-v4 ul li>span.icon img{width: 60px;border-radius: 50px; margin-top: -10px;}
        .dashboard-v4 ul li>span .fa-user{ font-size: 18px; width: 28px;background-color: rgba(220,175,0,1); border-radius: 50px; padding: 5px; color:#fff;}
        .dashboard-v4 ul li>span .fa-laptop{font-size: 32px; color: rgba(27,43,84,0.9);}
        .dashboard-v4 ul li>span .fa-users{font-size: 28px;color: rgba(220,175,0,1);}
        .dashboard-v4 ul li>span .fa-shopping-cart{font-size: 28px; margin-bottom: 15px;color: #666;}

  #informe h2, #informe h3{ border-bottom: none; margin: 0;}
  #informe h1{ font-weight: normal; text-transform: uppercase; font-size: 28px;}
  #informe h2{ margin-bottom: 16px; font-size: 21px;}
  #informe .numeros-informe{ font-weight: bold; font-size: 38px;}

        .pt-5{ padding-top: 10%;}
        .box-3{ font-size: 21px;}
        .box-3 a{ text-decoration: none; color: #333;}

  #codigo-retiro .logo{ height: 80px; width: 100%;}
  #codigo-retiro .title-header {}
  #codigo-retiro .text-uppercase{ text-transform: uppercase;}

  #codigo-retiro h1.big-num{font-size: 16px; border-radius: 5px;padding: 25px 20px;background-color: #fff; color: #333; border: 1px solid #e1e1e1; margin: 0;}
  #codigo-retiro h1.big-num.dark-grey{ background-color: rgba(55,55,55,0.8); color: #fff;}
  #codigo-retiro h1.big-num span{ display: block; text-align: center;}
  #codigo-retiro h1.big-num span + span{ font-size: 28px;}
    #codigo-retiro .title-header h1, h2{border-bottom: none; margin: 0; font-weight: normal;}
    #codigo-retiro .title-header h1 { padding-bottom: 4px;}
    #codigo-retiro .title-header h1 small{ display: block; font-size: 16px; padding-bottom: 4px;}
    #codigo-retiro .panel-body h2{ border: none;}

  #codigo-retiro table.table.tabla-estaciones-v2 tr td,
  #codigo-retiro table.table.tabla-estaciones-v2 tr th
  {border-top: 2px solid #fff; font-weight: normal;}
  #codigo-retiro table.table.tabla-estaciones-v2 tr th{     background-color: rgba(27,43,84,0.9);
      color: #fff;}
      #codigo-retiro table.table.tabla-estaciones-v2 tbody tr:nth-child(odd){background-color: rgba(200,200,200,0.2);}

  #codigo-retiro table.table.tabla-estaciones-v2 tr th{ box-sizing: border-box;}
  #codigo-retiro table.table.tabla-estaciones-v2 tr td{ min-width: 40px ;box-sizing: border-box; }
  #codigo-retiro table.table .table-int-40{padding-right: 40px}
  #codigo-retiro table.table.tabla-estaciones-v2 tr td:last-child{ width: 30px;}

  #codigo-retiro table.table.tabla-estaciones-v2 tr td.space{ width: 20px !important;}
  #codigo-retiro table.table.tabla-estaciones-v2 thead.rojo th{background-color: #cc2d2d; color: #fff; border-radius: 5px 5px 0px 0px;}
  #codigo-retiro table.table.tabla-estaciones-v2 thead{ background-color: transparent;text-align: center; color: #333;}
  #codigo-retiro table.table.tabla-estaciones-v2 thead.text-center th{ text-align: center;}
  #codigo-retiro table.table.tabla-estaciones-v2 thead td.big-num { padding: 0;}
  #codigo-retiro table.table.tabla-estaciones-v2 thead td.big-num strong{ border: 1px solid #ccc; display: block; padding: 15px;  border-top: none; border-radius: 0 0px 5px 5px; font-size: 24px;}
  #codigo-retiro table.table.tabla-estaciones-v2 thead td.big-num strong.dias{ font-size: 24px}
  /*#codigo-retiro table.table.tabla-estaciones-v2 thead td.big-num strong.dias::first-line{font-size: 24px;}*/
  #codigo-retiro table.table.tabla-estaciones-v2 tbody tr{ text-align: center;}
  #codigo-retiro table.table.tabla-estaciones-v2 tbody tr td:nth-child(odd){ background-color: rgba(200,200,200,0.2);}
  #codigo-retiro table.table.tabla-estaciones-v2 tbody tr td.empty{ background-color: #fff;}
  #codigo-retiro table.table.tabla-estaciones-v2 tbody tr td.bg-verde{ background-color: rgba(41,165,70,0.8); color:#fff}
  #codigo-retiro table.table.tabla-estaciones-v2 tbody tr td.bg-rojo{ background-color: rgba(217,68,68,1);color:#fff}
  #codigo-retiro table.table.tabla-estaciones-v2 tbody tr td.bg-amarillo{background-color: rgba(239,211,57,0.6);}
  #codigo-retiro table.table td.padding-mod{ padding: 0; padding-right: 40px; vertical-align: top;}

  .padding-mod > table.table.tabla-estaciones-v2{margin: 0px; padding: 0px;}

  #codigo-retiro .panel .panel-heading.rojo {background-color: #cc2d2d; color: #fff; border-radius: 5px 5px 0px 0px; font-size: 11px;}
  #codigo-retiro .panel .big-num strong{ display: block; text-align: center;font-size: 24px;}
  #codigo-retiro .panel .big-num .pos-top-left{ position: absolute; z-index: 2;right: 20px; top: 5px; border-radius: 30px; height: 20px; width: 20px; font-size: 10px;line-height: 1px;}
  #codigo-retiro .panel .pos-top-left{ position: absolute; z-index: 2; margin-left: -40px; border-radius: 30px; height: 20px; width: 20px; font-size: 10px;line-height: 1px;}


  #codigo-retiro  ul{ display: flex; list-style: none; margin: 0px; padding: 0; margin-top: 30px; margin-bottom: 30px; margin-left: 130px}
  #codigo-retiro  ul li{ text-align: center; }
  #codigo-retiro  ul li{ margin-left: 15px; border-radius: 5px; box-shadow: 0 0 15px rgba(0,0,0,0.4)}
  #codigo-retiro  ul li span { padding: 10px;background-color: #cc2d2d;color:#fff;border-radius: 5px 0px 0px 5px;}
  #codigo-retiro  ul li span +span{ background-color: #fff;color:#333;border-radius: 0px 5px 5px 0px; font-weight: bold;}
  #codigo-retiro  ul li span.hora{border-radius: 5px}

.auditoria-flow{
  display: -webkit-flex;align-items: center; margin: 0; padding: 0; text-align: center; list-style-type: none;

}
.auditoria-flow > *{ flex: 1 1 auto; font-weight: bold; border: 1px solid #e1e1e1; border-radius: 5px; max-width: 120px; display: flex; flex-direction: column; padding: 8px 0px}
.auditoria-flow > * span{ height: 40px; display: block;}
.auditoria-flow > * i { font-size: 32px; margin-top: 8px; color: rgba(0,0,0,0.3);}
.auditoria-flow > * i[class*=check]{ color: rgba(41,165,70,0.8);}
.auditoria-flow > * i[class*=times]{ color: rgba(217,68,68,1)}

.big-num .pos-top-left{ position: absolute; z-index: 2;right: 20px; top: 5px; border-radius: 30px; height: 20px; width: 20px; font-size: 10px;line-height: 1px;}
.table th .pos-top-left{ position: absolute; z-index: 2; margin-left: -40px; border-radius: 30px; height: 20px; width: 20px; font-size: 10px;line-height: 1px;}


/*MODULO RECLAMO*/
#rec-reclamo{}
  #rec-reclamo i{ font-size: 8rem}
  #rec-reclamo a{ color: #fff;}
  #rec-reclamo a:hover{ text-decoration: none;}
  #rec-reclamo a:hover .panel{ box-shadow: 0 0 10px rgba(0,0,0,0.2)}
  #rec-reclamo hr{ width: 25%; border: none; padding: 2px; background-color: #fff;}
  #rec-reclamo .panel-body{ padding: 40px}

.mb-1{ margin-bottom: 1rem}
.mb-2{ margin-bottom: 2rem}
.mb-3{ margin-bottom: 3rem}
.mb-4{ margin-bottom: 4rem}
.mb-5{ margin-bottom: 5rem}

.mt-1{ margin-top: 1rem}
.mt-2{ margin-top: 2rem}
.mt-3{ margin-top: 3rem}
.mt-4{ margin-top: 4rem}
.mt-5{ margin-top: 5rem}

.panel h4.media-heading.small{ font-size:12px !important; margin-bottom: 0; }

.panel.color01-rec{}
  .panel.color01-rec hr, .color01-rec hr{ border: 1px solid  #4da2a0; }
  .panel.color01-rec i.fa,
  .panel.color01-rec h4.media-heading,
  .color01-rec i.fa,
  .color01-rec h4.media-heading{ color:#4da2a0; }
  .panel.color01-rec h4.media-heading { font-size: 24px;}
  .panel.color01-rec .form-control{ margin-bottom: 8px;}
  .panel.color01-rec .btn-success{background-color: #4da2a0; border-color:#4da2a0;}
  .color01-rec .modal-header, .color01-rec .modal-footer{ border-color: transparent;}


  .panel.color02-rec{}
    .panel.color02-rec hr{ border: 1px solid  #f09e5f; }
    .panel.color02-rec i.fa,
    .panel.color02-rec h4.media-heading,
    .panel.color02-rec h4.numero,
    .color02-rec i.fa, .color02-rec h4.media-heading
    { color:#f09e5f; }

    .panel.color02-rec h4.media-heading { font-size: 24px;}
    .panel.color02-rec h4.media-heading.v2 { font-size: 18px;}
    .panel.color02-rec h4.numero{ font-size: 28px; text-align: right; margin-right: 24px;}
    .panel.color02-rec .form-control{ margin-bottom: 8px;}
    .panel.color02-rec .btn-success{background-color: #f09e5f; border-color:#f09e5f; color: #fff;}


    .panel.color03-rec hr{ border: 1px solid  #f09e5f; }
    .panel.color03-rec i.fa,
    .panel.color03-rec h4.media-heading,
    .panel.color03-rec h4.numero,
    .color03-rec i.fa, .color03-rec h4.media-heading
    { color:#4a8092; }

    .panel.color03-rec h4.media-heading { font-size: 24px;}
    .panel.color03-rec h4.media-heading.v2 { font-size: 18px;}
    .panel.color03-rec h4.numero{ font-size: 28px; text-align: right; margin-right: 24px;}
    .panel.color03-rec .form-control{ margin-bottom: 8px;}
    .panel.color03-rec .btn-success{background-color: #4a8092; border-color:#4a8092; color: #fff;}




    .color-rojo h4, .color-rojo .numero{color: #cc3355 !important;}
    .color-amarillo{}
    .color-amarillo h4, .color-amarillo .numero{color: #f09e5f !important;}
    .color-verde{}
    .color-verde h4, .color-verde .numero{color: #4da2a0 !important;}

    .panel .media-body a { color: #777; font-size: 12px; display: block;;}
    .panel .media-body a .fa-ellipsis-h{ border: 1px solid #ccc; border-radius: 20px; padding: 0px 8px; color: #ccc;}
    .panel .media-body a:hover{ text-decoration: none; color:#ccc;}
    .panel .media-body a:hover .fa-ellipsis-h{ border-color: #eee; color: #eee;}

.btn-footer .btn{ padding-left: 50px; padding-right: 50px;}

.table.table-ticket tbody tr:nth-child(odd){ background-color: #f1f1f1;}
.table.table-ticket thead tr th, .table.table-ticket tbody tr td { text-align: center;}
.table.table-ticket tbody .btn i.fa{ color: #999;}
.table.table-ticket thead, .table.table-ticket thead th{ background-color: #fff; color: #212121; font-weight: bold; text-align: center;}

.color-amarillo .table.table-ticket thead{ border-top: 1px solid #f09e5f;}
.color-amarillo .table.table-ticket tbody {border-top: 3px solid #f09e5f;}
.color-amarillo .btn-success{background-color: #f09e5f; border-color:#f09e5f; color: #fff;}
.color-amarillo .table.table-ticket tbody .btn.btn-success i.fa{color: #fff;}

.color-oscuro .table.table-ticket thead{ border-top: 1px solid #4a8092;}
.color-oscuro .table.table-ticket tbody {border-top: 3px solid #4a8092;}
.color-oscuro .btn-success{background-color: #4a8092; border-color:#4a8092; color: #fff;}

.color-verde .table.table-ticket thead{ border-top: 1px solid #4da2a0;}
.color-verde .table.table-ticket tbody {border-top: 3px solid #4da2a0;}
.color-verde .btn-success{background-color: #4da2a0; border-color:#4da2a0; color: #fff;}



.bg-color01-rec{ background-color: #4da2a0;}
.bg-color02-rec{ background-color: #f09e5f;}
.bg-color03-rec{ background-color: #4a8092;}