body{
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
table{
    margin: 0 auto;
    width: 100%;
    clear: both;
    border-collapse: collapse;
    table-layout: fixed;
    word-wrap:break-word;
}
.mayusculas{
    text-transform: uppercase;
}
.tFraccionYLote{
    color: #000 !important;
    font-size: 15px !important;
    font-weight: bold !important;
}
a { color: #8f5245; }
.btn-primary-busquedas {
    color: #ffffff;
    background-color: #e87815;
    border-color: #e87815;
    font-size: 13px;
}
.txtTablaBusquedasForm{
    font-size: 13px;
}
.TablaResultados{
    font-size: 12px;
}

.btn-primary {
    color: #ffffff;
    background-color: #e87815;
    border-color: #e87815;
    box-shadow: 0 2px 6px 0 rgba(76, 124, 243, 0.5);
}
.btn-primary:hover {
    background-color: #8f5245;
    border-color: #8f5245;
}
.btn-primary:focus {
    background-color: #8f5245;
    border-color: #8f5245;
    box-shadow: 0 0 0 0.2rem #8f5245;
    color: #ffffff;
}
.btn-primary:visited {
    background-color: #8f5245;
    border-color: #8f5245;
}
.btn-primary:not(:disabled):not(.disabled):active {
    background-color: #8f5245;
    border-color: #8f5245;
}
.btn-rounded {
    border-radius: 10px;
}
.btn-medidores {
    color: #ffffff !important;
    background-color: rgb(177 95 78);
}
.xp-topbar {
    background-color: #8f5245;
    padding: 5px 20px;
}
.xp-vertical-menu > li:hover > a, .xp-vertical-menu > li.active > a {
    color: #ffffff;
    background-image: linear-gradient(58deg, #e87815 0, #e87815 100%);
    border-radius: 50px 0 0 50px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.xp-topbar .xp-userprofile .dropdown-menu .dropdown-item:first-child {
    background-image: linear-gradient(58deg, #e87815 0, #e87815 100%);
    border-radius: 15px 15px 0 0;
    font-weight: 700;
    line-height: 1.2;
}
.xp-contentbar {
    padding: 10px;
    margin-bottom: 25px;
}
.btn-registroVehicular {
    border-radius: 3px;
    font-size: 12px;
    padding: 5px 5px;
    margin-top: 20px;
}
.btn-registroVehicularBuscar {
    border-radius: 3px;
    font-size: 10px;
    padding: 5px 5px;
    margin-top: 5px;
    width: 100%;
}
.btn-registroVehicularNuevoConductor {
    border-radius: 3px;
    font-size: 10px;
    padding: 5px 5px;
    margin-top: 5px;
    width: 100%;
}
.form-control-sm{
    margin-bottom: 5px;
}
.bg-primary-gradientSA {
    background-image: linear-gradient(58deg, #8f5245 0, #e87815 100%);
}
.xp-vertical-menu .xp-vertical-submenu > li.active > a, .xp-vertical-menu .xp-vertical-submenu > li > a:hover {
    color: #905346;
}
.btn-sm-funciones {
    padding: 4px 8px;
    margin-right: 4px;
}
.btn-default:focus {
    box-shadow: 0 0 0 0.1rem #acc2f9;
}
.margin-top-5{margin-top: 5px;}
.smart-form {margin: 0;outline: 0;color: #666;position: relative;}
.tree {min-height: 20px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.tree>ul {padding-left: 0;}
.smart-form *, .smart-form :after, .smart-form :before {margin: 0;padding: 0;box-sizing: content-box;-moz-box-sizing: content-box;}
.tree li {list-style-type: none;margin: 0;padding: 5px;position: relative;}
.tree li:last-child::before {height: 30px;}
.tree>ul>li::after, .tree>ul>li:before {border: 0;}
.tree li:before {border-left: 1px solid #999;bottom: 50px;height: 100%;top: -11px;width: 1px;-webkit-transition: "border-color 0.1s ease 0.1s";-moz-transition: "border-color 0.1s ease 0.1s";-o-transition: "border-color 0.1s ease 0.1s";transition: "border-color 0.1s ease 0.1s";}
.tree li:after, .tree li:before {content: '';left: -20px;position: absolute;right: auto;}
.smart-form *, .smart-form :after, .smart-form :before {margin: 0;padding: 0;box-sizing: content-box;-moz-box-sizing: content-box;}
*, :after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.tree li.parent_li>span {cursor: pointer;padding: 7px;}
.tree li span {-moz-border-radius: 5px;-webkit-border-radius: 5px;border: 1px dotted #999;border-radius: 5px;display: inline-block;padding: 3px 8px;text-decoration: none;-webkit-transition: color .2s ease .1s , background-color .2s ease .1s , border-color .3s ease .2s;-moz-transition: color .2s ease .1s , background-color .2s ease .1s , border-color .3s ease .2s;-o-transition: color .2s ease .1s , background-color .2s ease .1s , border-color .3s ease .2s;transition: color .2s ease .1s , background-color .2s ease .1s , border-color .3s ease .2s;}
.tree ul ul {padding-left: 34px;padding-top: 10px;}
.tree li:last-child::before {height: 30px;}
.tree li:before {border-left: 1px solid #999;bottom: 50px;height: 100%;top: -11px;width: 1px;-webkit-transition: "border-color 0.1s ease 0.1s";-moz-transition: "border-color 0.1s ease 0.1s";-o-transition: "border-color 0.1s ease 0.1s";transition: "border-color 0.1s ease 0.1s";}
.tree li:after, .tree li:before {content: '';left: -20px;position: absolute;right: auto;}
.smart-form .checkbox:last-child, .smart-form .radio:last-child {margin-bottom: 0;}
.smart-form .checkbox, .smart-form .radio {margin-bottom: 4px;padding-left: 25px;line-height: 25px;color: #404040;cursor: pointer;font-size: 13px;}
.smart-form .button, .smart-form .checkbox, .smart-form .input, .smart-form .radio, .smart-form .select, .smart-form .textarea, .smart-form .toggle {position: relative;display: block;font-weight: 400;}
.smart-form .checkbox input, .smart-form .radio input {position: absolute;left: -9999px;}
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {position: absolute;margin-left: -20px;}
input[type="checkbox"], input[type="radio"] {margin: 4px 0 0;line-height: normal;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box;padding: 0;}
.smart-form .checkbox input:checked+i, .smart-form .radio input:checked+i, .smart-form .toggle input:checked+i {border-color: #3276b1;}
.smart-form .checkbox i, .smart-form .icon-append, .smart-form .icon-prepend, .smart-form .input input, .smart-form .radio i, .smart-form .select select, .smart-form .textarea textarea, .smart-form .toggle i {border-color: #bdbdbd;transition: border-color .3s;-o-transition: border-color .3s;-ms-transition: border-color .3s;-moz-transition: border-color .3s;-webkit-transition: border-color .3s;}
.smart-form .checkbox i, .smart-form .radio i {position: absolute;top: 3px;left: 0;display: block;width: 17px;height: 17px;outline: 0;border-width: 1px;border-style: solid;background: #fff;}
.smart-form .checkbox input:checked+i:after, .smart-form .radio input:checked+i:after {opacity: 1;}
.smart-form .checkbox input+i:after {color: #3276b1;}
.smart-form .checkbox input+i:after {content: '\f00c';top: -1px;left: 1px;width: 15px;height: 15px;font: 400 16px/19px FontAwesome;text-align: center;}
.tree li.parent_li>span:hover, .tree li.parent_li>span:hover+ul li span {background: #eee;border: 1px solid #94a0b4;color: #000;}
.tree li.parent_li>span:hover {background-color: #df8505;border: 1px solid #c67605;color: #fff;}
.smart-form .checkbox input+i:after, .smart-form .radio input+i:after {position: absolute;opacity: 0;transition: opacity .1s;-o-transition: opacity .1s;-ms-transition: opacity .1s;-moz-transition: opacity .1s;-webkit-transition: opacity .1s;}
.smart-form .checkbox input:checked:hover+i:after {content: '\f00d';}
.tree li:after {border-top: 1px solid #999;height: 20px;top: 18px;width: 25px;}
.icon-plus-sign:before{content:"\f055"!important}
.icon-minus-sign:before{content:"\f056"!important}
.dynamicInputSearch{}

.btn-outline-primary {color: #e87815;border-color: #e87815;}
.btn-outline-primary:hover {background-color: #e87815;border-color: #e87815;}
.btn-outline-primary.focus, .btn-outline-primary:focus {box-shadow: 0 0 0 0.05rem rgb(232, 120, 21);}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {color: #fff;background-color: #e87815;border-color: #e87815;}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus {box-shadow: 0 0 0 0.05rem rgb(143, 82, 69);}
.camaraWeb{width: 463px;}
.conCamaras{width: 810px;}
.margin-bottom-5px{margin-bottom: 7px;}
.alert {
    position: relative;
    padding: .3rem 1rem;
    margin-bottom: .1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.col-lg-2-mod{
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.form-group {
    margin-bottom: .3rem;
}
.colorVerde{
    background-color: #a5ecc4;
    line-height: 26px!important;
    border-radius: .25rem;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #d2d7de;
    opacity: 1;
}
.btn-primary:disabled {
    color: #ffffff;
    background-color: #8f5245;
    border-color: #8f5245;
}
.conductor{cursor: pointer;}
.peaton{cursor: pointer;}
.spanPeatonalSalida{
    display: block;
    width: 90%;
    /*height: calc(2.25rem + 2px);*/
    padding: 2px;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    background-color: #f0f1f4;
    font-size: 14px;
    color: #000000;
    border-radius: 5px;
    margin: 5px;
}
.spanPeatonalSalidaFocus {
    background-color: #9cb6f6;
}
.tdPeatonalSalida{
    width: 300px;
}
.thinLine{
    border-bottom: 1px solid rgb(181 181 181);;
}

#slider {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    width: 757px;
    height: 327px;
}
#slider ul {
    position: relative;
    margin: 0;
    padding: 0;
    height: 200px;
    list-style: none;
}
#slider ul li {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 760px;
    height: 327px;
    background: #ffffff;
    text-align: center;
    line-height: 300px;
}
#slider ul li p{
    background-color: #ffffff;
    color: #343434;
}
a.control_prev, a.control_next {
    position: absolute;
    top: 40%;
    z-index: 999;
    display: block;
    padding: 1% 1%;
    width: auto;
    height: auto;
    background: #2a2a2a;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    opacity: 0.8;
    cursor: pointer;
}
.divCondCredencial{
    float: left;
    position: relative;
    left: 40px;
    top: 10px;
}
.divCondRostroVehiculo{
    display: grid;
    width: 85px;
    top: 17px;
    position: relative;
    left: 70px;
}
.divCondPeatonNombre{
    clear: both;
    top: -15px;
}
.divCondRostroPeaton{
display: grid;
width: 85px;
top: 17px;
position: relative;
left: 70px;
}
.divCondNombre{
clear: both;
position: relative;
top: -15px;
width: 460px;
}

a.control_prev:hover, a.control_next:hover {opacity: 1;-webkit-transition: all 0.2s ease;}
a.control_prev {border-radius: 0 2px 2px 0;}
a.control_next {right: 0;border-radius: 2px 0 0 2px;}
.errorSinValor {border:1px solid red!important;}
.ui-autocomplete-loading {
background: white url("../images/ajax-loader.gif") right center no-repeat;
}
thead input {width: 100%;box-sizing: border-box;}
.borrar{color: red;}
.sinPuntos{list-style: none; margin:0;padding: 0; font-size: 12px;}
.listadoAccesoApp{padding: 5px;}
.sinEspacios{margin:0;padding: 0; font-size: 12px;}
/*.fontSize12{font-size: 12px;color: #000000;}*/
.fontSize12{font-size: 15px;color: #000000;}
.fontSize15{font-size: 15px;color: #000000;}
.width100{width: 100%}

.switchery-small>small {
    height: 10px!important;
    width: 10px!important;;
}
.switchery-small {
    border-radius: 20px!important;;
    height: 10px!important;;
    width: 25px!important;;
}
.inputEditar{
    border: 0px solid;
    font-size: 12px;
    width: 100%;
    color: #8A98AC;
}
.estilosInputAgregarComentarios{
    background: cornflowerblue;
}
.inputEditando{
    border: 1px solid;
}
.textArea{
    height: 66px;
}
.BorrarAlerta{
    cursor: pointer;
}
.EditarAlerta{
    cursor: pointer;
    color: #395cd4;
}
.spanDisabled{
    background-color: #d2d7de;
    opacity: 1;
    height: auto;
}
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.fontSize11{font-size: 11px;}
.placasAlerta{color: #FF0000;font-size: 12px;}
.borderInputs{border: 1px solid #8f5245;}
.bigInput{width: 70%!important;}
.bigInputSubmarca{width: 10%!important;}
.clock {color: #fff;text-shadow: 0 0 3px #e87815;font-size: 12px;}
.Alerta{
    padding: 4px 4px;
    margin-bottom: 5px;
    background-color: #FF0000;
    /*border: 1px solid #e87815;*/
    color: #fff;
    border-radius: 5px;
    font-size: 11px;
}
.AlertaM{
    padding: 4px 4px;
    margin-bottom: 5px;
    background-color: #4bb71e;
    /*border: 1px solid #e87815;*/
    color: #fff;
    border-radius: 5px;
    font-size: 11px;
}
.VisitaFrecuente{
    padding: 4px 4px;
    margin-bottom: 5px;
    background-color: #e87815;
    border: 1px solid #ffffff;
    color: #000;
    border-radius: 5px;
    font-size: 11px;
}
.VisitaEventual{
    padding: 4px 4px;
    margin-bottom: 5px;
    background-color: #9cb6f6;
    border: 1px solid #ffffff;
    color: #000;
    border-radius: 5px;
    font-size: 11px;
}
.VisitaEventos{
    padding: 4px 4px;
    margin-bottom: 5px;
    background-color: #f76310;
    border: 1px solid #ffffff;
    color: #000;
    border-radius: 5px;
    font-size: 11px;
}
.alertasTiempoReal{
    padding: 5px;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
}
.select2-dropdown {
    z-index: 9001;
}
.esquinasRedondas{border-radius: 5px;}
.sinMargenBootstrap{padding-right: 10px;padding-left: 0px;}
.sinMargenBootstrapB{padding-right: 10px;}
.mandarMensajeApp{text-decoration: underline;}
.RegistroSalidaCorrecto{color: #ffffff;background-color: #d9d9d9;height: auto;opacity: 1;}
.xp-topbar .xp-userprofile a img {width: 20px;}
.margen5{padding: 2px;border-radius: .25rem!important;}
#listadoAlertas{color: #000000;font-size: 13px;}
#listadoContactoDomicilios{color: #000000;font-size: 16px;}
#listadoAlertasHoy{color: #000000;font-size: 13px;}
#listadoAlertasConstruccion{color: #000000;font-size: 13px;}
#listadoAlertasContactoDomicilio{color: #000000;font-size: 14px;}
.headerLogin{font-size: 18px;}
.form-control:focus{
    background-color: #9cb6f6;
}
.form-control:focus {
    color: #000000;
}
.form-control{
    color: #000000;
}
.form-control::-webkit-input-placeholder{color: #787878;opacity:1}
.form-control::-moz-placeholder{color:#787878;opacity:1}
.form-control:-ms-input-placeholder{color:#787878;opacity:1}
.form-control::-ms-input-placeholder{color:#787878;opacity:1}
.form-control::placeholder{color:#787878;opacity:1}
.xp-topbar .xp-search .modal-content {
    border: none;
    border-radius: 5px;
    box-shadow: 0 0 30px 0 rgba(200, 200, 200, 0.2);
}
.txtFont13{font-size: 13px;}

.ListadoBusqueda th { font-size: 10px; border: 1px solid #dadada; }
.ListadoBusqueda td { font-size: 10px; border: 1px solid #dadada; }
.modal-busquedas {
    width: 1200px;
    left: -420px;
}
#listadoPlacasAlertas{list-style-type: none;}
#listadoConductoresAlertas{list-style-type: none;}
.negritas{font-weight: bold;color: #000000;}
.custom-combobox {
    position: relative;
    display: inline-block;
}
.custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
}
.custom-combobox-input {
    margin: 0;
    padding: 5px 10px;
    width: 400px
}
.ui-autocomplete {
    max-height: 250px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
    height: 250px;
}
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

.accesoAppTitulo{position: relative;float: left;}
.accesoAppBoton{position: relative;float: right;}
.visitasNombre{font-size: 16px;font-weight: bold;}
.visitasDesc{font-size: 13px;}
.visitasAuth{font-size: 13px;}
.BorraAccesoApp{cursor: pointer;}
.iframes{
    float: left;
    margin: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #dab19a;
    width: 315px;
}
.iframesTitulo{
    display: table;
    margin: 0 auto;
    font-family: "Open Sans", sans-serif;
}
.notasIngresoTxt {
    background-color: #e87815;
    font-weight: 600;
}
.mousePointer{cursor: pointer;}
.acomodoInputPassword{
    position: absolute;
    top: 27px;
    right: 26px;
}
.BorrarVisitaFrecuente{
    cursor:pointer;
}
.BorrarVisitaEventual{
    cursor:pointer;
}
.BorrarVisitaEvento{
    cursor:pointer;
}
.alignMiddle{
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}
#map{width: 100%;height: 50vh;}
.horaSmall {
    font-size:11px;
}
.nombreBitacoraSmall {
    font-size:9px;
}
.bitTextarea{
    width: 100%;
    margin-top: 10px;
}
.borrarComentario{
    cursor: pointer;
}
.registroAbierto{
    background-color: #ffbb1e;
    padding: 4px;
    display: block;
    border-radius: 5px;
}
.registroCerrado{
    background-color: #69ff02;
    padding: 4px;
    display: block;
    border-radius: 5px;
}
.actualizacionFechaTanques{
    font-size: 12px;
    font-weight: bold;
}