/* CSS Document */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
/*End REset*/
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.demLoad {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 9999;background: url('../loading.gif') center no-repeat #fff;}
body{background-image:url('bg.jpg');background-size:100% 100%;background-color:#5f5f5f; font-family:arial;font-size: 13px;}
.logo{margin:0 auto;display:block;max-width:100%;    width: 240px;}
label{text-align: center;padding: 5px 0;display: inline-block;width: 100%;font-size: 17px;font-weight:700;cursor:pointer;}
#contenido{max-width:100%;}
#contenido input, #contenido textarea, #contenido select, textarea{width:98% !important;display:block;margin:0 auto;  min-height: 28px;background:#FFF;border-radius:4px;padding:3px;text-align:left;font-size: 15px;}
#contenido label, .l{text-align:left;font-size: 14px;}
footer{display:block; font-style:italic;text-align:center;color:#262626;width:100%;margin-top:20px;}
.opciones {margin-top: 10px;}
.opciones li {background-color: #ecaa01;padding:6px;font-size: 15px;display: inline-block;border-radius: 2px;cursor: pointer;color: #525252;}
.opciones a{text-decoration:none;}
.opciones li:hover{background-color: #ffca44;color: #2d2d2d;}
.opciones li:hover i{box-shadow: 0 0 2px #000;}
.opciones span {margin: 0 5px 0 0px;color: #4a4a4a;}
.opciones li:hover span{color:#2d2d2d;}
.salir a {display: inline-block;padding: 7px;margin-right: 5px;background-color: #E00000;color: #fff;text-decoration: none;width: 100px;text-align: center;float: right;border-radius: 0 0 4px 4px;box-shadow: 0 0 4px rgba(34, 34, 34, 0.5);}
.salir a:hover {background-color: #FF2B20;}
.contenedor_a {background-color: rgba(255, 255, 255, 0.88);margin-top: 20px;padding: 8px;border-radius: 4px;box-shadow: 5px 6px 8px rgba(34, 34, 34, 0.5);}
input.enviar, .no_pago{color:#fff !Important;font-size:1em;font-style:italic;background:#215F51 !important;border:none !Important;border-radius:6px;padding:6px 10px;margin:8px 14px;cursor:pointer;text-align:center !important;max-width:120px;    margin-top: 20px !important;}
input.enviar:hover, .no_pago:hover{background:#313131 !important;}
hr {width: 100%;background-color: #EEEEEE;border: 1px solid #EAEAEA;height: 1px;max-width: 300px;}
.fa{font-size: 20px !important;margin-right: 5px;background: #fff;padding: 5px;border-radius: 7px;}
#contenido h2 {font-weight: 700;font-size: 16px;border-bottom: 1px solid #C7C3C3;padding-bottom: 2px;}
td, tr, th {word-break: normal !important;}
td i.fa {text-align: center;display: block;font-size: 20px;color: #fff;cursor: pointer;border-radius: 19px;background: #222;padding: 2px;margin: 0 auto;max-width: 34px;}
td i.fa:hover{color: #FFFFFF !important;background: #272727;}
table a{text-decoration:none;color:#000;}
table{max-width:100%;}
input[readonly], textarea[readonly] {background: #232323 !Important;color: fff;}
.estado {background: #fff;display: block;margin: 0 auto;text-align: center;max-width: 210px;padding: 10px;border-radius: 0 0 6px 6px;box-shadow: 0 0 6px #222;}
h1 {display: block;padding: 7px;margin: 4px 0;background: #FFF;font-weight: bolder;box-shadow: 0 2px 2px #222;border-radius: 4px;border-bottom: 1px solid #885252;}
/*footable*/
tbody {background: #fff;}
.footable-header, td{text-align:center !Important;}
td {border-right: 1px solid #DADADA;}
tr.footable-header th {border-right: 1px solid;text-align: center !important;padding-top: 5px;padding-bottom: 5px;}
.footable td {border-bottom: 1px solid #C1C1C1 !important;vertical-align: middle !important;}
footer p {color: #ccc;}
tr.footable-header {background: black;color: #fff;text-align:center;}
table.footable>tbody>tr.footable-empty>td{font-size: 21px;padding: 10px 0;}
/*Opciones*/
.estatus1{background-color:#fff;}.estatus2{background-color:#FFECB2;}.estatus3{background-color:#88bbfb;}.estatus4{background-color:#fda940;}.estatus5{background-color:#81A647;}
.estatus1red, .estatus2red, .estatus3red, .estatus4red{background-color:#C54C4E !important;}
.asign li {display: inline-block;margin: 10px 6px;padding: 10px;cursor: pointer;border: 2px solid #fff;font-size:14px;}
.est_actual {display: inline-block;margin: 10px 6px;padding: 10px;cursor: pointer;border: 2px solid #fff;font-size:14px;}
.asign li:hover{opacity:0.7;}
.activo {border: 2px solid black !important;}
.actual:after {content: "";display: block;height: 0;width: 0px;margin: 0 auto;border-top: 7px solid #0e8606;border-left: 10px solid transparent;border-right: 10px solid transparent;position: relative;bottom: -10px;    margin-bottom: -9px;}
.datos_cliente {background: #fff;padding: 10px;display: inline-block;border: 2px solid #ecaa01;}
.observaciones {padding: 10px;margin: 10px;border-radius: 2px;box-shadow: 0 0 1px #222;}
.fecha_ob {text-align: right;color: #584141;}
.observaciones b {font-size: 16px;font-weight: 700;margin-bottom: 10px !important;display: block;border-bottom: 1px solid rgba(127, 114, 114, 0.28);padding: 6px;}
/*Buscador*/
.Rbuscador li {display: inline-block;background: #fff;padding: 10px;margin: 6px;width: 90%;max-width: 100%;cursor: pointer;border:1px solid #C9C9C9;}
.Rbuscador li:hover{background:#ccc;}
.Rli{background:#222;color:#fff;}
.listados li {display: inline-block;background: #222;color: #fff;padding: 10px;text-align: center;cursor: pointer;}
.listados li:hover{background:#000;}
.listados li i{color: #222 !important;display: block;margin: 0 auto;max-width: 30px;margin-bottom: 10px;}
.listados a{text-decoration:none;color:#fff;}
.caja-login{ background: rgba(4, 5, 6, 0.71);width: 220px;max-width: 100%;min-width: 200px;display: block;margin: 0 auto;margin-top: 20px;padding: 20px;border-radius: 5px;box-shadow: 0px 0px 9px rgba(102, 102, 102, 0.66);   color: #fff;}
#estado{display:inline-block !important;text-align:center;color:#333;font-size:13px;margin-top:14px;text-align:center;width:100%;}
input#login {max-width: 120px;margin-top: 20px;}
.caja-login input{width:98% !important;display:block;margin:0 auto;  min-height: 30px;background:#FFF;border-radius:4px;padding:3px;text-align:center;}
p.error {background: #b92a2a;padding: 10px;color: #fff;font-size: 16px;text-align: center;max-width: 100%;width: 540px;display: block;margin: 0 auto;margin-top: 20px;}
p#buscar_garantia {width: 40px;cursor:pointer;padding:6px 20px;background: green;color: #fff;font-size: 16px;margin-top:10px;}
#carga_garantia table{background-color:transparent;width:400px;max-width:100%;}
#carga_garantia tr, #carga_garantia td, #carga_garantia tbody{border:none;background:transparent;}
div#imprimir a {background: #fff;padding: 4px 9px;max-width: 90px;float: right;box-shadow: 0 0 2px #222;cursor: pointer;text-decoration: none;color: #222;}
.blanco{background:#fff;}
.gris{background:#CDCDCD;}
.gris input {background: #828282 !important;padding: 4px !important;}
.gris, .blanco {padding-bottom: 6px;}
.c_consultar {display: block;padding: 8px;text-align: center;background: #fff;max-width: 120px;border: 2px solid #222;cursor: pointer;}
/*MediasQ*/
@media screen and (max-width: 800px) {
.opciones span{display:none;}
.opciones i{font-size: 16px;padding: 5px 3px;}
}