@import 'https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic|Montserrat:700|Merriweather:400italic';
@import 'https://fonts.googleapis.com/css?family=Ubuntu+Condensed';

/* poppins-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/poppins/poppins-v24-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poppins/poppins-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/poppins/poppins-v24-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/poppins/poppins-v24-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/poppins/poppins-v24-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/*CSS general */
* {
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
    color: #3B5360;
}
body {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background:url(../img/fondo5.png);
    background-repeat:repeat-x;
    background-size:cover;
    height:100%;
    zoom: 0.99;
}
a:link {   
    text-decoration:none;
}
/* ------------------------------------*/
/*-----------     loader     ----------*?
/*------------------------------------ */
/* preloader */
#preloader_top {
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color: #fff; /*#E9EDF8;*/
    opacity: 1;
    height: 100%;
    width: 100%;
    z-index: 999;
}
/* loader */
#loader {
    position: absolute;

    top:50%;
    margin-top:-90px;
    
    left:50%;
    margin-left:-30px;

    text-indent: -9999em;
    border-top: 0.5em solid rgba(179,155,145, 0.2);
    border-right: 0.5em solid rgba(179,155,145, 0.2);
    border-bottom: 0.5em solid rgba(179,155,145, 0.2);
    border-left: 0.5em solid #AE3138;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 0.8s infinite linear;
    animation: load8 0.8s infinite linear;
}
#loader,
#loader:after {
    border-radius: 50%;
    width: 60px;
    height: 60px;
}
@-webkit-keyframes load8 {
    0% {
    -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
    -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load8 {
    0% {
    -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
    -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* Definición de la animación */
@keyframes parpadeo {
    0% { opacity: .9; }
    50% { opacity: 0; }
    100% { opacity: .9; }
}
/* Definición de la animación solo texto */
@keyframes parpadeoTexto {
  0% { text-shadow: 0 0 0px rgba(0,0,0,0); }
  50% { text-shadow: 0 0 8px rgba(255, 255, 255, 0.8); color: white; }
  100% { text-shadow: 0 0 0px rgba(0,0,0,0); }
}

/* Clase para aplicar el efecto */
.clase-parpadeo {
    animation: parpadeo .75s 2; /* Duración de 1s, infinito */
}
.clase-parpadeo-texto {
    animation: parpadeoTexto .75s 2; /* Duración de 1s, infinito */
}

/* Variante rápida y brusca (tipo cursor o alerta) */
.parpadeo-rapido {
    animation: parpadeo 1s step-end infinite;
}
.parpadeo-lento {
    animation: parpadeo 2s ease-in-out infinite;
}
/*---------------------------------------------*/
/*---------  Switch Left - Right IOS   --------*/
/*---------------------------------------------*/
#switch {
    position: relative;
    display: block;
    vertical-align: top;
    width: 53px;
    height: 25px;
    padding: 2px;
    margin: 0 10px 10px 0;
    /* background: linear-gradient(to bottom, #eeeeee, #FFFFFF 55px);
    background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 55px); */
    border-radius: 18px;
    /* box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05); */
    cursor: pointer;
    box-sizing:content-box;
    border:none;
}
.switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    box-sizing:content-box;
}
.switch-label {
    position: relative;
    display: block;
    height: inherit;
    width: 53px;
    font-size: 10px;
    text-transform: uppercase;
    background: #eceeef;
    border-radius: inherit;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
    box-sizing:content-box;
}
.switch-label:before, .switch-label:after {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    line-height: 1;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
    box-sizing:content-box;
}
.switch-label:before {
    content: attr(data-off);
    right: 5px;
    color: #aaaaaa;
    text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
    content: attr(data-on);
    left: 8px;
    color: #fff;
    text-shadow: 0 1px rgba(0, 0, 0, 0.2);
    opacity: 0;
}
.switch-input:checked ~ .switch-label {
    background: #3B5360;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
    opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
    opacity: 1;
}
.switch-handle {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 21px;
    height: 21px;
    background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
    background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
    border-radius: 100%;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-handle:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -6px;
    width: 12px;
    height: 12px;
    background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
    background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
    border-radius: 6px;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}
.switch-input:checked ~ .switch-handle {
    left: 32px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}
/*------------    Transicion    ------------*/
.switch-label, .switch-handle {
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

/*CSS alertas */
.alert {
    border-radius:0px;
    height:55px;
    width:100%;
}
.alert div {
    float:left;
}
.alert div span {
    margin-right:10px;
    margin-left:10px;
}
.alert div button {
    padding-left:10px;
}
.alert-danger { 
    border-color: #B63E5A;
    background: #d66b6b;
    color: #843636;
    text-align: center; 
}
.alert-danger strong { 
    color: #161616;
}

/* inputs centrados */
.contenedor-inputs {
    display: flex; /* Activa Flexbox */
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Centra verticalmente */
    gap: 10px; /* Espacio entre los inputs */
    width: 100%; /* O el ancho que necesites */
}
.contenedor-inputs input {
    /* Para que los inputs ocupen el espacio necesario y no se desborden */
    /* Puedes ajustar el width según necesites */
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    width:100px;
}

/*CSS globo notificaciones */
#notification_li {
    position:relative;
    z-index:999;
}
/*CSS notification contenedor */
#notificationContainer {
    background-color: #fff;
    color: #3B5360;
    border: 1px solid #6C7F8F;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
    position: absolute;
    top: 50px;
    margin-left: -292px;
    width: 515px;
    height:522px;
    z-index: 999;
    display: none; /* Enable this after jquery implementation  */
}
/*CSS notification Popup Arrow */
#notificationContainer:after, #notificationContainer:before {
    bottom: 100%;
    left: 80%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
#notificationContainer:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}
#notificationContainer:before {
    border-color: rgba(221, 221, 221, 0);
    border-bottom-color: #6C7F8F;
    border-width: 11px;
    margin-left: -11px;
}
#notificationScroll {
    height:483px;
    overflow-y: scroll;
}
/*CSS notification title */
#notificationTitle {
    padding: 8px;
    font-size: 13px;
    background-color: #ffffff;
    color: #3B5360;
    font-weight: 700;
    position: fixed;
    z-index: 1000;
    width: 497px;
    border-bottom: 1px solid #dddddd;
}
/*CSS notification body */
#notificationsBody {
    padding: 33px 0px 0px 0px !important;
    min-height:300px;
}
#notificationsBody div {
    padding: 3px 5px 3px 5px !important;
    height:50px;
}
/*CSS notification footer */
#notificationFooter {
    background-color: #EBF3F4;
    color:#3B5360;
    text-align: center;
    padding: 8px;
    border-top: 1px solid #dddddd;
}
#notificationFooter:hover {
	text-decoration: none;
	background-color: #A6C4C7;
    color:#fff;
}
#notificationFooter a
{
    text-decoration: none;
    background-color: transparent;
    color: #3B5360;
    text-transform: capitalize;
    text-align: center;
    padding: 8px;
    font-size: 12px;
}
#notificationFooter a:hover, #notificationFooter a:visited, #notificationFooter a:link {
    text-decoration: none;
    border:none;
    background-color: transparent;
    color: #3B5360;
    font-weight: 700;
}
/*CSS notification count boubble */
#notification_count {
    width:23px;
    height:23px;
    background: #c93e45;
    color: #ffffff;
    font-weight: 700;
    text-shadow: -1px 1px 1px #5b0b0f;
    border:1px solid #c2c2c2;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    position: absolute;
    margin-left: 175px;
    margin-top: 6px;
    z-index:999;
    text-align: center;
    font-size: 15px;
}
#fila_boubble {
    background:#fff;
    border-bottom:1px dotted #dddddd;
    font-size: 12px;
    overflow:hidden;
    text-align: left;
}
#fila_boubble:hover {
    background:#EBF3F4;
    border-bottom:1px dotted #dddddd;
    font-size: 12px;
    overflow:hidden;
    text-align: left;
}
#fila_boubble .col_boubble1 .linea1{
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    overflow:hidden;
    text-align: left;
    height:20px;
    margin-top:-5px;
}
#fila_boubble .col_boubble1 .linea2{
    font-size: 13px;
    font-weight: 700;
    overflow:hidden;
    text-align: left;
    height:25px;
    border-radius:8px;
    border:1px dashed #3B5360;
    background-color: #EBF3F4;
}
#fila_boubble .col_boubble1 {
    float:left;
    margin-left:-5px;
    font-size: 12px;
    font-weight: 700;
    width:130px;
}
#fila_boubble .col_boubble2, #fila_boubble .col_boubble3, #fila_boubble .col_boubble4 {
    float:left;
    margin-left:5px;
}
#fila_boubble .col_boubble2 {
    width:135px;
    display: flex;
    align-items: center;
}
#fila_boubble .col_boubble3 {
    width:80px;
    display: flex;
    align-items: center;
}
#fila_boubble .col_boubble4 {
    width:90px;
    font-size: 15px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
#fila_boubble .col_boubble_btn {
    float:left;
    margin-left:0;
    width:40px;
}
#fila_boubble .col_boubble_btn a {
    float:left;
    margin-left:0;
    width:100%;
}
#fila_boubble .col_boubble_btn input {
    float:left;
    margin-left:0;
}
#fila_boubble .col_boubble_btn .boton_place {
    /* margin-top:-14px; */
    margin-left:0px;
    width:40px;
}

/*CSS resaltes */
.resalte-ok {
    background: #2C732C;
    color: white;
    padding:4px;
    border-radius: 4px;
}
.resalte-ko {
    background: #B00C0C;
    color: white;
    padding:4px;
    border-radius: 4px;
}

/*CSS colores */
.color-blanco {
    color: #FFF;
}
.color-verde {
    color: #42af42;
}
.color-rojo {
    color: #b91d1d;
}
.color-azul {
    color: #008dbc;
}
.color-naranja {
    color: #d47414;
}
.background-verde {
    background: #2B722B;
}
.background-rojo {
    background: #B00C0C;
}
.background-color1 {
    background: #EDF2F6;
}
.background-color2 {
    background: #D2CDC4;
}
.background-color3 {
    background: #6C7F8F;
}

/*CSS video */
video {
    position:fixed;
    /*min-width:100%;
    width:100%;*/

    /*min-width:100%;
    max-width:100%;*/
    height:130%;

    top:50%;
    left:50%;
    
    transform: translateX(-50%) translateY(-50%);
    
    z-index:-1;
    
    opacity: 0.4;
    /*filter: grayscale(100%);
    -webkit-filter: grayscale(100%);*/
}

/*CSS preloader */
.spinner {
    width: 40px;
    height: 40px;

    position: relative;
    margin: 50px auto;
    margin-top: 80px;
}
.double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #333;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;

    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}
.double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
    background: #EDF2F6;
}
.double-bounce1 {
    background: #6C7F8F;
}
@-webkit-keyframes sk-bounce {
    0%, 100% { -webkit-transform: scale(0.0) }
    50% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bounce {
    0%, 100% { 
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 50% { 
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

/*CSS migas de pan */
.breadcrumbs {
    background: #A6C4C7;
    border-top:0;
    font-family: 'lato';
    /* font-style: italic; */

    padding: 52px 25px 2px 25px;
    margin-top:-2px;
    margin-top:2px;
    margin-bottom:16px;
    height: 72px;
    width: 100%;
}
.breadcrumbs .left {
    float:left;
    color: #3B5360;
}
.breadcrumbs .center {
    float:left;
    color: #3B5360;
}
.breadcrumbs .right {
    float:right;
    color: #3B5360;
}
.breadcrumbs .right img {
    margin-right:6px;
    margin-top:-4px;
    height:18px;
}

/*CSS ajax */
.titulo_page {
    display: block;
    font-size: 1.6em;
    font-weight: 600;
    text-align: center;
    margin: -20px 0 0 0;
    padding-top: 6px;
    padding-left: 90px;
    padding-right: 90px;
    height: 45px;
    background: #ebf3f4;
    color: #fff;
    
    padding-top:0px;
    height:0px;
    visibility:hidden;
}
.campo-cabecera {
    height:26px;
    opacity: 0.9;
    white-space: pre;
    padding:3px;
    padding-left:15px;
    padding-right:15px;
    color:#3B5360;
    background:#D5E3E5;
    background: #fff;
    /* border-left: 1px solid #293e49;
    border-right: 1px solid #293e49; */
    border: 1px solid #293e49;
    border-radius:4px;
}
.campo-normal {
    opacity: 0.7;
    white-space: pre;
    border-radius: 0px;
    padding:3px;
    padding-left:20px;
    padding-right:20px;
    color:#3B5360;
    border-bottom:1px dotted;
}
.mensaje {
    width:100%;
    padding: 0px 0px 0px 0px;
    background: #D6071B;
    color: #fff;
    text-align: center;
    font-size: bolder;
}
.mensaje-espera {
    width:100%;
    padding: 0px 0px 0px 0px;
    background: #6C7F8F;
    color: #fff;
    text-align: center;
    font-size: bolder;
    font-size: 18px;
}
.mensaje-espera-rojo {
    width:100%;
    padding: 0px 0px 0px 0px;
    background: #f9dad6;
    color: #3B5360;
    text-align: center;
    font-size: bolder;
    font-size: 18px;
}
.registros {
    display: inline-block;
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 3px;
    padding: 2px 7px 3px 7px;
    border-radius: 5px;
    height: 20px;
    font-weight: 600;
    background: #3B5360;
    color: #fff;
    border: none;
    border-radius: 0px;
    cursor: default;
    border-radius: 4px;
}
.registros-lupa {
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 2px 7px 3px 30px;
    border-radius: 0px;
    height: 25px;
    font-weight: 600;
    background: #3C4D5A;
    color: #fff;
    border: none;
    cursor: default;
}
#rejillaRowsShow {
    display: inline-block;
    font-size: 14px;
    text-align: left;
    margin-top: 3px;
    margin-bottom: 5px;
    padding: 2px 7px 3px 7px;
    border-radius: 5px;
    height: 25px;
    font-weight: 600;
    background: #6C7F8F;
    color: #fff;
    border: none;
    cursor: default;
}
.div-con-scroll {
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #6C7F8F;
    border-top:none;
    background-color: #fff;
}
.row .form-group {
    margin-left: 85px;
    margin-right: 85px;
}
.form-group {
    margin-top: -10px;
}
.form-group select, .form-group input {
    padding: 0px 10px 0px 10px;
    height:32px;
}
.form-group label {
    padding: 0px 0px 0px 5px;
    margin-top: 3px;
    margin-bottom: 0px;
    font-weight: 600;
}
.form-group .control-label {
    margin-top:-2px;
}
#lupaArticulo .form-group .control-label {
    margin-top:2px;
}
.form-group .boton_place {
    margin-top: 3px;
    margin-bottom: 0px;
    margin-right:5px;
}
.form-group .input-group label {
	margin-top:3px;
}
.form-control-feedback.xs {
    padding-right:300px;
}
.form-control-feedback.sm {
    padding-right:220px;
}
.form-control-feedback.md {
    padding-right:100px;
}
.form-control-feedback.lg {
    padding-right:0px;
}
.modal {
    margin-top: 3%;
}
.modal-titulo, .modal-titulo-rojo {
    display: block;
    text-align: left;
    margin: 0 0 0 0;
    padding-top: 3px;
    padding-left: 10px;
    padding-right: 10px;
    height: 36px;
    background: #3B5360;
    color: #FFF;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
}
.modal-titulo-rojo {
    background: #880909;
    color: #FFF;
}
.modal-titulo h4, .modal-titulo-rojo h4 {
    margin-top:8px;
    font-size: 1.1em;
    font-weight: 600;
}
.modal-titulo img, .modal-titulo-rojo img {
    margin-left:0px;
    margin-top:7px;
    margin-right:8px;
    height:18px;
    width:18px;
    float:left;
    opacity: 0.3;
    filter: alpha(opacity=50);
}
.modal-titulo div, .modal-titulo-rojo div {
    padding-left:10px;
    display:inline-block;
    color:#fff;
}
.modal-listado h4 {
    font-size:14px;
}
.modal-body {
    background: #ebf3f4;
    height: 140px;
}
.modal-body-small {
    background: #ebf3f4;
    height: 50px;
}
.modal-footer-articulo {
    background: #fff;
    height: 290px;
    text-align: left;
    border: none;
    margin-top: -2px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.modal-footer {
    background: #fff;
    height: 290px;
    text-align: left;
    border: none;
    margin-top: -2px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.modal-footer-espera {
    background: #fff;
    height: 290px;
    text-align: left;
    border: none;
    margin-top: -2px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.modal-footer-ivas {
    background: #fff;
    height: 210px;
    text-align: left;
    border: none;
    margin-top: -2px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.modal-footer-ivas .modal-listado {
    height: 190px;
}
.modal-footer-concepto { 
    background: #ebf3f4;
    height: 290px;
    text-align: left;
    padding-top: 20px;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
}
.modal-footer-email {
    background: #ebf3f4;
    height: 380px;
    text-align: left;
    padding-top: 20px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
/* #contenido-ajax-, #contenido-ajax2 {
    text-align: left;
    padding-top: 0px;
    padding-bottom: 0px;
} */
.modal-listado {
    border:1px dotted transparent;
    border-top:none;
    background:#fff;
    height:240px;
    overflow-y: scroll;
    border-radius:4px;
}
/* .adjunto .contenido {
    border:1px solid #3B5360;
    background-color: #fff;
    border-radius: 5px;
    padding:4px 8px 4px 0px;
}
.adjunto div {
    margin-left:10px;
    float:left;
}
.adjunto i {
    font-size: 22px;
    margin-top:0px;
}
.adjunto {
    font-size: 16px;
    font-style: italic;
} */

/*form_login responsive*/
@media screen and (max-width:767px) {
    /* For xs */
    .modal-body {
        height: 195px; 
    }
    .modal-body-small {
        height: 270px;
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    /* For sm */
    .modal-body {
        height: 140px;
    }
    .modal-body-small {
        height: 210px;
    }
}

/*form_login responsive*/
@media screen and (max-width:767px) {
    /* For xs */
    .form_login {
        margin-top: 10%;
        width:110%;
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    /* For sm */
    .form_login {
        margin-top: 18%;
    }
}
#formid .botones {
    height:33px;
    padding-top:2px;
    margin-top:0;
    border-top-right-radius: 4px;
}
#formFactura .botones {
    height:33px;
    padding-top:1px;
    padding-right:10px;
}
#formFactura .botones div {
    padding-right:0px;
}
#rejilla .botones {
    height:33px;
    padding-top:1px;
    padding-right:20px;
}
#formFactura .botones_doc {
    height:33px;
    padding-top:0px;
    padding-bottom:2px;
    padding-right: 10px;

    /* display: flex; Activa Flexbox */
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Centra verticalmente */
    gap: 1px; /* Espacio entre los inputs */
    /* width: 100%; O el ancho que necesites */
}
#formFactura .botones_doc input, #formFactura .botones_doc button {
    /* height:33px;
    padding-top:0px;
    padding-right: 10px; */

    display: flex; /* Activa Flexbox */
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Centra verticalmente */
    gap: 2px; /* Espacio entre los inputs */
    /* width: 100%; O el ancho que necesites */
}
#formFactura .form_cabecera .botones label {
    margin-top:8px;
}
.linea2 .boton_place {
    padding-right:0px;
}
.linea2 .boton_place input {
    margin-right:0px;
}

.form_buscar {
    padding-top: 10px;
    padding-bottom: 0px;
    background:#ebf3f4;
    margin-top:4px;
    margin-bottom: 5px;
    border-bottom: 1px solid #6C7F8F;
}
.form_buscar .container{
    margin-bottom: -5px;
}
.form_buscar .boton {
    margin-top: 10px;
}
.form_cabecera {
    height:170px;
	margin:0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    background: #ebf3f4;
    border: 1px solid #6C7F8F;
    z-index: 0;
}
.form_cabecera .botones {
    margin-bottom: -10px;
    z-index: 1;
}
.botones_hide {
    visibility: hidden;
}
.botones_show {
    visibility: visible;
}
.form_cabecera .form_hide {
    z-index: 1;
}
.form_grande .form_hide, .form_pequeño .form_hide {
    z-index: 1;
}
.form_cabecera .botones div input[type="text"] {
    margin-top: 4px;
    height: 32px;
    padding: 1px 5px 1px 5px;
    border: 1px solid #8fa0ae;
}
.form_cabecera .botones div label {
    margin-top: 5px;
    margin-left: 5px;
    color: #3B5360;
}
.form_cabecera #btnCampo1 label {
    margin-top: 5px;
    margin-left: 5px;
    color: #fff;
}
.form_grande .form-group label {
    padding-left: 15px;
}
#input-btnn {
    padding-right:2px;
}
#input-btnn input[type="text"] {
    text-align: left;
}
#input-btnn label {
    padding-left: 35px;
    text-align: left;
}
.form_grande, .form_pequeño {
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 30px;
    background:#ebf3f4;
    border: 1px solid #6C7F8F;
}
.form_grande .form-group {
    padding-bottom: 4px;
}
.form_grande .botones, .form_pequeño .botones {
    margin-bottom: 40px;
}
.form_pequeño label { 
	padding-left:2px;
}
.form-horizontal .botones, .form_grande .botones, .form_pequeño .botones {
    height:40px;
    background: #A6C4C7;
    border-bottom:1px dotted;
    padding: 5px 10px 0 0;
    margin:0px 0px 20px 0px;
}
.form-horizontal .img_window, .form_pequeño .img_window, .form_cabecera .img_window {
    background-image: url(../img/windows-cabecera.png);
    background-repeat: no-repeat;
    background-position:0px;
    padding-left: 0px;
}
.form_grande, .form_pequeño {
    background-image: url(../img/windows-footer-right.png);
    background-repeat: no-repeat;
    background-position:bottom right;
    border-radius: 4px;
}
#formFactura .detalle_totales {
    background-image: url(../img/windows-footer-left.png);
    background-repeat: no-repeat;
    background-position:bottom left;
}
.titulo_window {
    display: block;
    font-size: 1em;
    font-weight: 600;
    /* font-style: italic; */
    text-align: left;
    margin: 2px 0 0 10px;
    padding-top: 2px;
    padding-left: 0px;
    padding-right: 90px;
    height: 0px;
    color: #fff;
}

/*CSS linea  */
.form_linea {
	margin:0 auto;
    margin-top: -12px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 0px;
    background:#d0e5e3;
    border: 1px solid #6C7F8F;
    border-top: 1px dotted;
    height:100px;
}
.form_linea label {
    height: 22px;
    padding: 1px 1px 1px 1px;
    margin: 0 5px 0 5px;
    text-align: right;
}
.form_linea .boton {
    margin-top:20px;
    margin-right:10px;
}
.form_linea .boton_place {
    margin-top:-8px;
}
.form_linea div {
    padding-left: 8px;
    padding-right: 8px;
}
.form_linea div .linea_IVA {
    padding-right:0;
}
.form_linea input[type="text"], .form_linea input[type="password"] {
    height: 32px;
    padding: 1px 5px 1px 5px;
    border: 1px solid #8fa0ae;
    text-align: right;
}
/*CSS form_factura */
.form_cabecera input[type="text"] {
    border: 1px solid #A6C4C7;
}
.form_cabecera input[type="text"]:disabled {
    background: transparent;
    box-shadow:none;
    border-top: 0px !important;
    border-left: transparent !important;
    border-right: transparent !important;
    border: 1px solid #A6C4C7!important;
}
.form_pequeño input[type="text"]:disabled {
	background: transparent;
	color: #295262;
    box-shadow:none;
    border-top: 0px !important;
    border-left: transparent !important;
    border-right: transparent !important;
    border-bottom: 1px dotted #A6C4C7!important;
}
.form_cabecera select {
    border: 1px solid #A6C4C7;
}
.form_cabecera select:disabled {
    -moz-appearance: window;
    -webkit-appearance: none;

    background: transparent;
    box-shadow:none;
    border-top: 0px !important;
    border-left: transparent !important;
    border-right: transparent !important;
    border: 1px solid #A6C4C7!important; 
}
/*CSS form_linea */
.form_linea input[type="text"] {
    border: 1px solid #A6C4C7;
}
.form_linea input[type="text"]:disabled {
    color:#A6C4C7;
    background: #EBF3F4;
    border: 1px solid #A6C4C7;
}
.form_linea select {
    border: 1px solid #A6C4C7;
}
.form_linea select:disabled {
    -moz-appearance: window;
    -webkit-appearance: none;

    color:#A6C4C7;
    background: #EBF3F4;
    border: 1px solid #A6C4C7;
}
/*CSS detalle_totales */
.detalle_totales input[type="text"] {
    border: 1px solid #A6C4C7;
}
.detalle_totales input[type="text"]:disabled {
    background: transparent;
    box-shadow:none;
    border-top: 0px !important;
    border-left: transparent !important;
    border-right: transparent !important;
    border: 1px solid #A6C4C7!important;
}
.detalle_totales select {
    border: 1px solid #A6C4C7;
}
.detalle_totales select:disabled {
    -moz-appearance: window;
    -webkit-appearance: none;

    background: transparent;
    box-shadow:none;
    border-top: 0px !important;
    border-left: transparent !important;
    border-right: transparent !important;
    border: 1px solid #A6C4C7!important; 
}

/*CSS totales */
.totales input[type="text"], .form_linea input[type="password"] {
    height: 32px;
    padding: 1px 5px 1px 5px;
    text-align: right;
}
.form-group .input-group input[type="text"] {
    border-radius: 15px;
}
.total_doc input[type="text"], .total_doc input[type="text"][readonly], .total_doc input[type="text"][disabled] {
    background: #3C4D5A;
    color: #fff;
    height: 32px;
    margin-top: 0px;
    padding: 1px 5px 1px 5px;
    border: 1px solid #3C4D5A;
    border-radius: 5px;
    text-align: right;
    font-size: 18px;
    font-weight: 600;
}

.form-group.campo2 {
    padding:5px 5px 5px 10px;
}
.form-group .control-label.campo2label {
    font-weight:bolder;
    margin: -7px 5px 5px -7px;
    padding-right:5px;
}
.form-group .campo2label {
    font-weight:bolder;
    margin: -2px 5px 5px -5px;
    padding-right:5px;
}
.form-group .campo2div {
    padding-left:0;
    padding-top:0;
}
.form-group .campo2div div{
    padding:5px;
    margin-left:-5px;
    margin-top:-5px;
    border:1px solid #6C7F8F;
    background-color:#D0E5E3;
    font-weight:bolder;
    border-radius:4px;
}
#div_check.pl-0 {
    padding-left:0px;
}
#div_check.pr-0 {
    padding-right:0px;
}
.form-group .pl-5 {
    padding-left:5px;
}
.form-group .pr-5 {
    padding-right:5px;
}

br-0 {
    border-radius:0;
}
.btr-4, .form_cabecera.form-horizontal {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.bbr-4, .form_linea.form-horizontal {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
@media only screen and (min-width: 768px) {
    .btlr-0, .btlr-0 input, .btlr-0 #div_tot_Total input[type="text"] {
        border-top-left-radius: 0;
    }
    .btrr-0, .btrr-0 input, .btrr-0 #div_tot_Total input[type="text"] {
        border-top-right-radius: 0;
    }
    .bblr-0, .bblr-0 input, .bblr-0 #div_tot_Total input[type="text"] {
        border-bottom-left-radius: 0;
    }
    .bbrr-0, .bbrr-0 input, .bbrr-0 #div_tot_Total input[type="text"] {
        border-bottom-right-radius: 0;
    }
    .br-0, .br-0 input, .br-0 #div_tot_Total input[type="text"] {
        border-radius: 0;
    }
    .btr-0, .btr-0 input, .btr-0 #div_tot_Total input[type="text"] {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    .bbr-0, .bbr-0 input, .bbr-0 #div_tot_Total input[type="text"] {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .blr-0, .blr-0 input, .blr-0 #div_tot_Total input[type="text"] {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .brr-0, .brr-0 input, .brr-0 #div_tot_Total input[type="text"] {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .form-group .campo2div {
        padding-left:5px;
        padding-right:5px;
    }
    .form-group .campo2label {
        font-weight:bolder;
        margin: -8px 5px 2px -5px;
        padding-right:5px;
    }
}

/*CSS lupa */
.form_lupa {
    background: #ebf3f4;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 10px 10px 10px 10px;
}
.form_lupa div {
    margin-top:0px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 2px 2px 2px 2px;
}

/*CSS forms */
.form_cabecera input[type="text"], .form_cabecera input[type="password"], .form_cabecera select,
.form_grande input[type="text"], .form_grande input[type="password"], .form_grande select,
.form_pequeño input[type="text"], .form_pequeño input[type="password"], .form_pequeño select,
.form_login input[type="text"], .form_login input[type="password"], .form_login select,
.form_buscar input[type="text"], .form_buscar input[type="password"], .form_buscar select,
.form_lupa input[type="text"], .form_lupa input[type="password"], .form_lupa select {
    height: 32px;
    padding: 1px 5px 1px 5px;
}
/*CSS marcos forms */
.marco-titulo {
	padding:0 0 0 5px;
	margin:-10px 0 -25px -5px;
}
.marco-titulo label {
	background-color:#99a5af;
	color:white;
	border-bottom-right-radius:8px;
	padding-left:4px;
	padding-right:4px;
    font-weight:400;
    border-radius:6px;
    border-bottom-left-radius:0;
    border-top-right-radius:0;
}
.marco-info {
	border:1px dashed #99a5af;
	padding:25px 10px 0 0;
	margin-top:-10px;
	margin-bottom:20px;
    border-radius:6px;
}

/*CSS rejillas  */
.detalle_totales {
	margin:0 auto;
    /* margin-top: 30px; */
    margin-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    background:#EBF3F4;
    border-top: 1px solid #A6C4C7;
    border-bottom: 1px solid #A6C4C7;
    border:1px solid #6C7F8F;
    border-top:none;
    height:130px;
    line-height: 40px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.detalle_totales label {
    text-align: right;
}
.detalle_totales input[type="text"] {
    margin-top: 0px;
    margin-bottom: 12px;
}
/*form_login responsive*/
@media screen and (max-width:767px) {
    /* For xs */
    .detalle_totales {
        height:440px;
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    /* For sm */
    .detalle_totales {
        height:230px;
    }
}
#rejilla {
	margin:0 auto;
}
#rejilla .rejillaCols {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top:2px;
}
#rejilla .rejillaCols .concepto {
    padding-top: 9px;
    padding-bottom: 10px;
}
#rejilla .rejillaCols .boton_place {
    margin-top:3px;
}
.rejilla{
	margin:0 auto;
    margin-top: -10px;
}
.rejilla2 {
	margin:0 auto;
}
.rejilla2 .botones {
    float:right;
    margin-top:0px;
}
.row .fila_titulo {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.modal-content .row .fila_titulo {
    border-radius: 0;
}
#formid .img_window.botones {
    border-radius: 0;
}
.fila_titulo {
    background:#AD3237;
    color: #fff;
    font-size: 14px;
    margin-top: -1px;
    margin-left:0px;
    padding-left:0px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
    height:22px;
    max-height:40px;
    min-height:40px;
    overflow:hidden;
    line-height:9pt;
    text-align: left;
}
.rejilla .fila_titulo {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;   
}
.fila_titulo2 {
    background:#3B5360;
    color: #fff;
    font-size: 14px;
    margin-top: -1px;
    margin-left:0px;
    padding-left:0px;
    padding-top: 4px;
    padding-bottom: 5px;
    border-radius:0px;
    height:22px;
    max-height:40px;
    min-height:40px;
    overflow:hidden;
    line-height:9pt;
    text-align: left;
}
.fila_titulo span, .fila_titulo2 span {
    color: #fff;
}
.fila_titulo div, .fila_titulo2 div {
    padding-left:0px;
    color: #fff;
}
.modal-dialog .fila_titulo div {
    padding-left:15px;
    color: #fff;
}
/*.fila_blanca div .boton_place, .fila_color div .boton_place {
    padding-left:0px;
    margin-left:0px;
}*/
.fila_blanca div, .fila_color div {
    padding-left:0px;
    margin-left:0px;
}
.read .fila_titulo {
    border-radius:10px;
}
.rejilla .fila_titulo, .rejilla .fila_titulo2 {
    margin-top:-11px;
}
.fila_totales {
    color: #fff;
    font-size: 14px;
    padding-top: 12px;
    padding-bottom: 5px;
    height:525px;
    max-height:40px;
    min-height:40px;
    overflow:hidden;
    line-height:9pt;
}
.fila_blanca {
    background:#fff;
    /* border-left:1px solid #A6C4C7;
    border-right:1px solid #A6C4C7; */
    font-size: 12px;
    font-weight:400;
    padding-top: 12px;
    padding-bottom: 5px;
    height:40px;
    max-height:40px;
    min-height:40px;
    overflow:hidden;
    line-height:9pt;
    text-align: left;
}
.fila_blanca:hover {
    background:#F5F4B2;
}
.fila_color {
    background:#d0e5e3;
    /* border-left:1px solid #A6C4C7;
    border-right:1px solid #A6C4C7; */
    font-size: 12px;
    font-weight: 400;
    padding-top: 12px;
    padding-bottom: 5px;
    height:40px;
    max-height:40px;
    min-height:40px;
    overflow:hidden;
    line-height:9pt;
    text-align: left;
}
.fila_color:hover {
    background:#F5F4B2;
}
.fila_blanca .boton_place, .fila_color .boton_place {
    margin-top:-7px;
    margin-right:-27px;
    padding-right:0px;
}
.fila_blanca.recibos .boton_place, .fila_color.recibos .boton_place {
    margin-top:-15px;
    margin-right:-27px;
    padding-right:0px;
}
/*.boton_place {
    margin-left:-30px;
}*/
.fila_blanca li, .fila_color li {
    margin-top:-4px;
}
.fila_blanca_ajax {
    background:#fff;
    font-size: 12px;
    padding-top: 12px;
    padding-bottom: 5px;
    height:40px;
    max-height:40px;
    min-height:40px;
    overflow:hidden;
    line-height:9pt;
    text-align: left;
    border: none;
}
.fila_blanca_ajax:hover {
    background:#F5F4B2;
    cursor: pointer;
}
.fila_color_ajax {
    background:#d0e5e3;
    font-size: 12px;
    padding-top: 12px;
    padding-bottom: 5px;
    height:40px;
    max-height:40px;
    min-height:40px;
    overflow:hidden;
    line-height:9pt;
    text-align: left;
    border: none;
}
.fila_color_ajax:hover {
    background:#F5F4B2;
    cursor: pointer;
}
.fila_blanca_ajax .boton_place, .fila_color_ajax .boton_place {
    margin-top:-7px;
}
.fila_blanca_ajax li, .fila_color_ajax li {
    margin-top:-4px;
}
.recortar-texto {
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* Aquí es donde se define el diseño del recorte */
}

/*CSS paginacion */
.btn_paginacion {
    margin-left:2px;
    display: inline-block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    float: left;
    text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
    border-top: rgba(255, 255, 255, .2) 1px solid;
    line-height:1em;
    text-align:center;
    vertical-align: middle;
    white-space: nowrap;
    line-height:1em;
    position:relative;
    outline: none;
    overflow: visible;
    cursor:pointer;
    border: 1px solid #d84747;

    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    background: #fff;
    color: #d84747;
    -moz-user-select: none;
    -webkit-user-select:none;
    -khtml-user-select: none;
    user-select: none;
    margin-bottom:1px;
    padding: 3px 5px 1px 5px;
    width: 23px;
    height: 22px;

    display: inline-flex;     /* Cambia inline-block por inline-flex */
    align-items: center;      /* Centrado vertical */
    justify-content: center;  /* Centrado horizontal */
    
    width: 23px;
    height: 22px;
    padding: 0;               /* Elimina el padding para que no reste espacio al número */
    
    /* Mantén el resto de tus estilos (borders, shadows, etc.) */
    border-radius: 10px;
    background: #fff;
    color: #d84747;
    cursor: pointer;
    text-decoration: none; 
}
.btn_paginacion[disabled] {
    border: 1px #e3e3e3 solid;
    color: #e3e3e3;
    background: #fff;
    cursor: default;
    text-decoration: inherit;
    text-shadow: none;
    -webkit-box-shadow:  none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.btn_paginacion[disabled]:hover {
	border: 1px #e3e3e3 solid;
	color: #e3e3e3;
    background: #fdfdfd;
}
.btn_paginacion:hover {
    text-decoration:none;
    background: -moz-linear-gradient(
    center top,
    rgba(255, 255, 255, .2) 0%,
    rgba(255, 255, 255, .1) 100%
    );
    background: -webkit-gradient(
    linear,
    center bottom,
    center top,
    from(rgba(255, 255, 255, .1)),
    to(rgba(255, 255, 255, .2))
    );
    color: #fff;
    background: #a01010;
    border:1px solid #a01010;
}
.btn_paginacion:focus {
    text-decoration: none;
    color: #fff;
}
.btn_paginacion:active {
    text-decoration: none;
    color: #fff;
}
.btn_paginacion span {
    margin-left:-5px;
}
.btn_paginacion span.glyphicon-backward {
    margin-top:-1px;
    margin-left:-4px;
}
.btn_paginacion span.glyphicon-forward {
    margin-top:-1px;
    margin-left:-2px;
}
.btn_paginacion span.glyphicon-step-backward {
    margin-top:-1px;
    margin-left:-1px;
}
.btn_paginacion span.glyphicon-step-forward {
    margin-top:-1px;
    margin-left:-5px;
}
.color_page {
    color: #a01010;
}
.color_page:hover {
    color: #fff;
}
.color_page_disabled {
    color: #e3e3e3; 
}
.btn_paginacion.active {
    top:0px;
    background: #a01010;
    border:1px solid #a01010;
    color: #fff;
}

.btn.azulOscuro {
    cursor: pointer;
    background-color: #3B5360;
    color: #f0f1f1;
    height:40px;
}
/* .btn.azulOscuro:hover {
    cursor: pointer;
    background-color: #2675A5;
    color: #f6f7f7;
    height:40px;
} */
.btn.azulOscuro:hover {
    cursor: pointer;
    background-color: #fff;
    color: #3B5360;
    border:1px solid #3B5360;
    height:40px;
}
.botonGroup {
    background-color: red;
}

/*CSS botones */
.boton {
    margin-top: 0px;
    margin-left:2px;
    margin-right:0px;
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
    border-top: rgba(255, 255, 255, .2) 1px solid;
    line-height:1em;
    text-align:center;
    vertical-align: middle;
    white-space: nowrap;
    line-height:1em;
    position:relative;
    outline: none;
    overflow: visible;
    cursor:default;
    border: 1px solid #999;
    border: rgba(0, 0, 0, .2) 1px solid;
    border-bottom:rgba(0, 0, 0, .4) 1px solid;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    background: -moz-linear-gradient(
    center top,
    rgba(255, 255, 255, .1) 0%,
    rgba(0, 0, 0, .1) 100%
    );
    background: -webkit-gradient(
    linear,
    center bottom,
    center top,
    from(rgba(0, 0, 0, .1)),
    to(rgba(255, 255, 255, .1))
    );
    -moz-user-select: none;
    -webkit-user-select:none;
    -khtml-user-select: none;
    user-select: none;
    margin-bottom:1px;
    padding-left:2px;
    padding-right:2px;
    padding-bottom:2px;
}
.boton[disabled]:active, .boton[disabled],
input[type="reset"][disabled]:active,
input[type="reset"][disabled],
input[type="button"][disabled]:active,
input[type="button"][disabled],
select[disabled] > input[type="button"],
select[disabled] > input[type="button"]:active,
input[type="submit"][disabled]:active,
input[type="submit"][disabled] {
    border: 1px #A6A5A8 solid;
    background: transparent;
    cursor: inherit;
    text-decoration: inherit;
    text-shadow: none;
    -webkit-box-shadow:  none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.boton.full, .boton.full span {
    display: block;
}

.boton:active, .boton.active {
    top:1px;
}
/* boton tamaños */
.boton.muypequeno {
    border-radius: 6px;
    padding-left:2px;
    padding-right:2px;
    font-size:12px;
    width: 28px;
    height: 28px;
    float:right;
}
.botones_doc .boton.muypequeno {
    margin-top:1px;
}
.botones_doc .boton_place .boton.ovalado {
    padding-left:5px;
    padding-right:0;
    font-size:13px;
    font-weight: 400;
    width: 75px;
    height: 28px;
    float:right;
    margin-top: 1px;
}
.botones_doc .boton_place .boton.ovalado.online:hover {
    font-size:13px;
    font-weight: 400;
    cursor: pointer;
}
.boton.ovalado {
    border-radius: 5px;
    padding-left:2px;
    padding-right:2px;
    font-size:14px;
    font-weight: 400;
    width: 90px;
    height: 30px;
    float:right;
}
.boton.ovalado.online {
    margin-top:-5px;
    padding: 7px 2px 5px 2px;
    font-size:14px;
    font-weight: 400;
    width: 90px;
    height: 30px;
    border:1px solid;
}
.boton.ovalado.online:hover {
    font-size:14px;
    font-weight: 400;
    cursor: pointer;
}
.boton.ovalado.online i {
    text-align:center;
    justify-content: center;
    margin-left:-1px;
}
.boton.ovalado.outline {
    margin-top:-5px;
    padding: 7px 2px 3px 2px;
    font-size:14px;
    font-weight: 400;
    width: 90px;
    height: 30px;
    border:1px solid;
    text-align:center;
    display: flex;
    justify-content: center;
}
.boton.ovalado.outline i {
    text-align:center;
    justify-content: center;
    margin-left:1px;
}

.boton.input-group-left {
    font-size:14px;
    width: 30px;
    height: 32px;
    margin: 0px 0px 1px -6px;
    border: rgba(0, 0, 0, .2) 1px solid;
    border-bottom:rgba(0, 0, 0, .4) 1px solid;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.boton.input-group-left-articulo {
    font-size:14px;
    width: 32px;
    height: 32px;
    margin: 0px -2px 1px -12px;
    border: rgba(0, 0, 0, .2) 1px solid;
    border-bottom:rgba(0, 0, 0, .4) 1px solid;
    border-top-left-radius: 1px;
    border-bottom-left-radius: 1px;
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
    border-radius: 4px;
}
.boton.input-group-right {
    font-size:14px;
    font-weight: 300;
    width: 30px;
    height: 33px;
    margin: -1px 0px 1px -4px;
    border: rgba(0, 0, 0, .2) 1px solid;
    border-bottom:rgba(0, 0, 0, .4) 1px solid;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.boton.input-group-right-articulo {
    font-size:14px;
    font-weight: 300;
    width: 30px;
    height: 32px;
    margin: 0px 0px 1px -6px;
    border: rgba(0, 0, 0, .2) 1px solid;
    border-bottom:rgba(0, 0, 0, .4) 1px solid;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.boton.cerrarventana {
    font-size:12px;
    width: 20px;
    height: 20px;
}
.boton.largo {
    font-size:13px;
    width: 85px;
    height: 28px;
    margin: 1px 2px 1px 2px;
    border: 1px solid #999;
    border: rgba(0, 0, 0, .2) 1px solid;
    border-bottom:rgba(0, 0, 0, .4) 1px solid;
    float:left;
}
.boton.largo2 {
    font-size:13px;
    width: 105px;
    height: 28px;
    margin: 1px 2px 1px 2px;
    border: 1px solid #999;
    border: rgba(0, 0, 0, .2) 1px solid;
    border-bottom:rgba(0, 0, 0, .4) 1px solid;
    float:left;
}
.boton.muylargo {
    font-size:13px;
    width: 195px;
    height: 35px;
    margin: 1px 2px 1px 2px;
    border: 1px solid #999;
    border: rgba(0, 0, 0, .2) 1px solid;
    border-bottom:rgba(0, 0, 0, .4) 1px solid;
    padding:10px;
    float:left;
}
.boton.muylargo i {
    font-size:13px;
    float:left;
}
.boton.grande2 {
    font-size:18px;
    width: 110px;
    height: 23px;
    margin: 1px 1px 1px 1px;
    border: 1px solid #999;
    border: rgba(0, 0, 0, .2) 1px solid;
    border-bottom:rgba(0, 0, 0, .4) 1px solid;
}
.boton.grande3 {
    font-size:18px;
    width: 140px;
    height: 24px;
    margin: 2px 2px 2px 2px;
}
/* boton colores */
.boton.blanco {
    cursor: pointer;
    background-color: #fff;
    color:#3B5360; 
}
.boton.blanco:hover {
    cursor: pointer;
    background-color: #fff;
    color:#3B5360;
    font-weight: 700;
}
.boton.rojo {
    cursor: pointer;
    background-color: #d84747;
    color:#fff;
}
.boton.rojo:hover {
    cursor: pointer;
    background-color: #b00c0c;
    color:#fff;
}
.boton.rojo.outline, .boton.rojo.outline:hover {
    cursor: default;
    background: #fff;
    color: #db3131;
    border:1px solid #e06060;
}
.boton.rojo.outline i, .boton.rojo.outline:hover i {
    cursor: default;
    color: #db3131;
    margin-right: 5px;
    margin-top: 1px;
    float:right;
}
.boton.rojo.online {
    cursor: default;
    background: #db3131;
    color: #fff;
    border:1px solid #c41c1c;
}
.boton.rojo.online:hover {
    cursor: default;
    background: #c41c1c;
    color: #fff;
    border:1px #c41c1c;
}
.boton.rojo.online i, .boton.rojo.online:hover i {
    cursor: default;
    color: #fff;
    margin-right: 5px;
    margin-top: 1px;
    float:right;
}
.boton.rojoClaro {
    cursor: pointer;
    background-color: #FF4545;
    color:#fff;
}
.boton.rojoClosed {
    cursor: pointer;
    background-color: #C71E1E;
    color:#fff;
    font-weight: 700;
}
.boton.rojoClosed:hover {
    cursor: pointer;
    background-color: #a01010;
    color:#fff;
}
.boton.azulClaro {
    cursor: pointer;
    background-color: #83abbf;
    color: #f0f1f1;
}
.boton.azulClaro:hover {
    cursor: pointer;
    background-color: #3B5360;
    color: #f6f7f7;
}
.boton.azul {
    cursor: pointer;
    background-color: #00ADEE;
    color: #fff;
}
.boton.azul:hover {
    cursor: pointer;
    background-color: #017fad;
    color: #fff;
}
.boton.azul.outline, .boton.azul.outline:hover {
    cursor: default;
    background: #fff;
    color: #008dbc;
    border:1px solid #008dbc;
}
.boton.azul.outline i, .boton.azul.outline:hover i {
    cursor: default;
    color: #008dbc;
    margin-right: 5px;
    margin-top: 1px;
    float:right;
}
.boton.azul.online {
    cursor: default;
    background: #008dbc;
    color: #fff;
    border:1px solid #036d91;
}
.boton.azul.online:hover {
    cursor: default;
    background: #036d91;
    color: #fff;
    border:1px solid #036d91;
}
.boton.azul.online i, .boton.azul.online:hover i {
    cursor: default;
    color: #fff;
    margin-right: 5px;
    margin-top: 1px;
    float:right;
}
.boton.azul2, .boton.azul2:hover {
    cursor: pointer;
    background: #fff;
    color: #008dbc;
    border:1px solid #008dbc;
}
.boton.azul2:hover {
    cursor: pointer;
    background: #008dbc;
    color: #fff;
    border:1px dashed #008dbc;
}
/* .boton.azul2 i, .boton.azul2:hover i {
    cursor: default;
    color: #008dbc;
    margin-right: 5px;
    margin-top: 1px;
    float:right;
} */
.boton.azulOscuro {
    cursor: pointer;
    background-color: #3B5360;
    color: #f0f1f1;
}
.boton.azulOscuro:hover {
    cursor: pointer;
    background-color: #577382;
    color: #f6f7f7;
}
.boton.azulmasOscuro {
    cursor: pointer;
    background-color: #3B5360;
    color: #f0f1f1;
}
.boton.azulmasOscuro:hover {
    cursor: pointer;
    background-color: #0f1e26;
    color: #f6f7f7;
}
.boton.grisOscuro{
    cursor: pointer;
    background-color: #223844;
    color: #f6f7f7;
}
.boton.grisOscuro:hover {
    cursor: pointer;
    background-color: #bfbdbd;
    color: #f6f7f7;
}
.boton.naranja {
    cursor: pointer;
    background-color: #DB8228;
    color:#fff;
}
.boton.naranja:hover {
    cursor: pointer;
    background-color: #ab6115;
    color:#fff;
}
.boton.naranja.outline, .boton.naranja.outline:hover {
    cursor: default;
    background: #fff;
    color: #d47414;
    border:1px dashed #d47414;
}
.boton.naranja.outline i, .boton.naranja.outline:hover i {
    cursor: default;
    color: #d47414;
    margin-right: 5px;
    margin-top: 1px;
    float:right;
}
.boton.naranja.online {
    cursor: default;
    background: #d47414;
    color: #fff;
    border:1px solid #ab6115;
}
.boton.naranja.online:hover {
    cursor: default;
    background: #ab6115;
    color: #fff;
    border:1px solid #ab6115;
}
.boton.naranja.online i, .boton.naranja.online:hover i {
    cursor: default;
    color: #fff;
    margin-right: 5px;
    margin-top: 1px;
    float:right;
}
.boton.naranja2 {
    cursor: pointer;
    background-color: #fff;
    color: #DB8228;
    border:1px solid #d47414;
}
.boton.naranja2:hover {
    cursor: pointer;
    background-color: #d47414;
    color: #fff;
    border:1px dashed #d47414;
}
.boton.verde {
    cursor: pointer;
    background-color: #849b5d;
    color:#fff;
}
.boton.verde:hover {
    cursor: pointer;
    background-color: #41662f;
    color: #fff;
}
.boton.rojo[disabled], .boton.rojoClaro[disabled], .boton.rojoClosed[disabled], 
.boton.azulOscuro[disabled], .boton.azulClaro[disabled], .boton.grisClaro[disabled],
.boton.naranja[disabled], .boton.azul[disabled], .boton.verde[disabled] {
    cursor:default;
    border: 1px solid #cecece;
    background-color: #efefef;
    color:#ccc;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
/* boton iconos */
.boton.search {
    background-image:url(../img/btn/btn_search.png);
    background-repeat: no-repeat;
    background-position:1px;
    background-size:22px 22px;
    padding-left: 16px;
}
.boton.search[disabled] {
    background-image:url(../img/btn/btn_search_disabled.png);
    background-repeat: no-repeat;
    background-position:1px;
    background-size:22px 22px;
    padding-left: 16px;
}
.boton.ver {
    background-image:url(../img/btn/btn_ver.png) ;
    background-repeat: no-repeat;
    background-position:1px;
    background-size:22px 22px;
    padding-left: 16px;
}
.boton.ver[disabled] {
    background-image:url(../img/btn/btn_ver_disabled.png) ;
    background-repeat: no-repeat;
    background-position:1px;
    background-size:22px 22px;
    padding-left: 16px;
}
.boton.new {
    background-image:url(../img/btn/btn_new.png) ;
    background-repeat: no-repeat;
    /* background-position:1px; */
    background-position:2px;
    background-size:22px 22px;
    padding-left: 16px;
}
.boton.new[disabled] {
    background-image:url(../img/btn/btn_new_disabled.png) ;
    background-repeat: no-repeat;
    background-position:1px;
    background-size:22px 22px;
    padding-left: 16px;
}
.boton.edit {
    background-image:url(../img/btn/btn_edit.png) ;
    background-repeat: no-repeat;
    background-position:2px;
    background-size:22px 22px;
    padding-left: 10px;
}
.boton.edit[disabled] {
    background-image:url(../img/btn/btn_edit_disabled.png) ;
    background-repeat: no-repeat;
    background-position:2px;
    background-size:22px 22px;
    padding-left: 10px;
}
.boton.ovalado.edit, .boton.ovalado.edit:hover {
    background-image:url(../img/btn/btn_edit.png) ;
    background-repeat: no-repeat;
    background-position:1px;
    background-size:20px 20px;
    padding-left: 14px;
}
.boton.ovalado.edit[disabled] {
    background-image:url(../img/btn/btn_edit_disabled.png) ;
    background-repeat: no-repeat;
    background-position:1px;
    background-size:20px 20px;
    padding-left: 10px;
}
.boton.ovalado.okk, .boton.ovalado.okk:hover {
    background-image:url(../img/btn/btn_ok.png) ;
    background-repeat: no-repeat;
    background-position:1px;
    background-size:20px 20px;
    padding-left: 15px;
}
.boton.ovalado.okk[disabled] {
    background-image:url(../img/btn/btn_ok_disabled.png) ;
    background-repeat: no-repeat;
    background-position:1px;
    background-size:20px 20px;
    padding-left: 15px;
}
.boton.ovalado.save {
    background-image:url(../img/btn/btn_save.png) ;
    background-repeat: no-repeat;
    background-position:1px;
    background-size:20px 18px;
    padding-left: 20px;
}
.boton.ovalado.save[disabled] {
    background-image:url(../img/btn/btn_save_disabled.png) ;
    background-repeat: no-repeat;
    background-position:1px;
    background-size:20px 18px;
    padding-left: 20px;
}
.boton.del {
    background-image:url(../img/btn/btn_del.png) ;
    background-repeat: no-repeat;
    background-position:1px;
    background-size:23px 22px;
    padding-left: 16px;
}
.boton.del[disabled] {
    background-image:url(../img/btn/btn_del_disabled.png) ;
    background-repeat: no-repeat;
    background-position:1px;
    background-size:23px 22px;
    padding-left: 18px;
}
.boton.save {
    background-image:url(../img/btn/btn_save.png) ;
    background-repeat: no-repeat;
    background-position:1px;
    background-size:24px 22px;
    padding-left: 20px;
}
.boton.save[disabled] {
    background-image:url(../img/btn/btn_save_disabled.png) ;
    background-repeat: no-repeat;
    background-position:1px;
    background-size:27px 24px;
    padding-left: 20px;
}
.boton.download {
    background-image:url(../img/btn/btn_download.png) ;
    background-repeat: no-repeat;
    background-position:1px;
    background-size:22px 22px;
    padding-left: 16px;
}
.boton.download[disabled] {
    background-image:url(../img/btn/btn_download_disabled.png) ;
    background-repeat: no-repeat;
    background-position:1px;
    background-size:22px 22px;
    padding-left: 16px;
}
.boton.calendar {
    background-image:url(../img/btn/btn_calendar.png) ;
    background-repeat: no-repeat;
    background-position:2px;
    background-size:22px 22px;
    padding-left: 16px;
}
.boton.calendar[disabled] {
    background-image:url(../img/btn/btn_calendar_disabled.png) ;
    background-repeat: no-repeat;
    background-position:2px;
    background-size:22px 22px;
    padding-left: 16px;
}
.boton.print {
    background-image:url(../img/btn/btn_imprimir.png) ;
    background-repeat: no-repeat;
    background-position:1px;
    background-size:25px 25px;
    padding-left: 20px;
    padding-right: 1px;
}
.boton.print[disabled] {
    background-image:url(../img/btn/btn_imprimir_disabled.png) ;
    background-repeat: no-repeat;
    background-position:1px;
    background-size:25px 25px;
    padding-left: 20px;
    padding-right: 1px;
}
.boton.orden {
    background-image:url(../img/btn/btn_orden.png) ;
    background-repeat: no-repeat;
    background-position:1px;
    background-size:22px 22px;
    padding-left: 20px;
}
.boton.orden[disabled] {
    background-image:url(../img/btn/btn_orden_disabled.png) ;
    background-repeat: no-repeat;
    background-position:1px;
    background-size:22px 22px;
    padding-left: 20px;
}
.boton.leftright {
    background-image:url(../img/btn/btn_leftright.png) ;
    background-repeat: no-repeat;
    background-position:1px;
    background-size:22px 22px;
    padding-left: 20px;
}
.boton.leftright[disabled] {
    background-image:url(../img/btn/btn_leftright_disabled.png) ;
    background-repeat: no-repeat;
    background-position:1px;
    background-size:22px 22px;
    padding-left: 20px;
}
/* ---- */
.boton.listado {
    background-image:url(../img/btn/btn_listado.png);
    background-repeat: no-repeat;
    background-position:1px;
    background-size:26px 22px;
    padding-left: 16px;
}
.boton.listado[disabled] {
    background-image:url(../img/btn/btn_listado_disabled.png);
	background-repeat: no-repeat;
    background-position:1px;
    background-size:26px 22px;
    padding-left: 16px;
}
.boton.ovalado.listado, .boton.ovalado.listado:hover {
    background-image:url(../img/btn/btn_listado.png) ;
    background-repeat: no-repeat;
    background-position:1px;
    background-size:20px 20px;
    padding-left: 16px;
}
.boton.listado_bn {
    background-image:url(../img/btn/btn_listado_bn.png);
    background-repeat: no-repeat;
    background-position:1px;
    background-size:24px 22px;
    padding-left: 16px;
}
.boton.listado_bn:hover {
    background-image:url(../img/btn/btn_listado.png);
    background-repeat: no-repeat;
    background-position:1px;
    background-size:24px 22px;
    padding-left: 16px;
}
.boton.listado_bn[disabled] {
    background-image:url(../img/btn/btn_listado_disabled.png);
	background-repeat: no-repeat;
    background-position:1px;
    background-size:24px 22px;
    padding-left: 16px;
}
.boton.listado_rec_bn {
    background-image:url(../img/btn/btn_listado_rec_bn.png);
    background-repeat: no-repeat;
    background-position:1px;
    background-size:24px 22px;
    padding-left: 16px;
}
.boton.listado_rec_bn:hover {
    background-image:url(../img/btn/btn_listado.png);
    background-repeat: no-repeat;
    background-position:1px;
    background-size:24px 22px;
    padding-left: 16px;
}
.boton.listado_rec_bn[disabled] {
    background-image:url(../img/btn/btn_listado_disabled.png);
	background-repeat: no-repeat;
    background-position:1px;
    background-size:24px 22px;
    padding-left: 16px;
}
.boton.xls {
    background-image:url(../img/btn/xls.png) ;
    background-repeat: no-repeat;
    background-position:1px;
    background-size:20px 20px;
    padding-left: 16px;
}
.boton.xls[disabled] {
    background-image:url(../img/btn/xls_disabled.png) ;
    background-repeat: no-repeat;
    background-position:1px;
    background-size:20px 20px;
    padding-left: 16px;
}
.boton.okk {
    background-image:url(../img/btn/btn_ok.png) ;
    background-repeat: no-repeat;
    background-position:1px;
    background-size:22px 22px;
    padding-left: 16px;
}
.boton.okk[disabled] {
    background-image:url(../img/btn/btn_ok_disabled.png) ;
    background-repeat: no-repeat;
    background-position:1px;
    background-size:22px 22px;
    padding-left: 16px;
}
.boton.cancel {
    background-image:url(../img/btn/btn_cancel.png) ;
    background-repeat: no-repeat;
    background-position:1px;
    background-size:22px 22px;
    padding-left: 16px;
}
.boton.cancel[disabled] {
    background-image:url(../img/btn/btn_cancel_disabled.png) ;
    background-repeat: no-repeat;
    background-position:1px;
    background-size:22px 22px;
    padding-left: 16px;
}
.boton.atras {
    background-image:url(../img/btn/btn_atras.png) ;
    background-repeat: no-repeat;
    background-position:2px;
    background-size:21px 21px;
    padding-left: 16px;
}
.boton.atras[disabled] {
    background-image:url(../img/btn/btn_atras_disabled.png) ;
    background-repeat: no-repeat;
    background-position:2px;
    background-size:21px 21px;
    padding-left: 16px;
}
.boton.deshacer {
    background-image:url(../img/btn/btn_deshacer.png) ;
    background-repeat: no-repeat;
    background-position:1px;
    background-size:22px 22px;
    padding-left: 18px;
}
.boton.deshacer[disabled] {
    background-image:url(../img/btn/btn_deshacer_disabled.png) ;
    background-repeat: no-repeat;
    background-position:1px;
    background-size:22px 22px;
    padding-left: 18px;
}
.boton.pend {
    background-image:url(../img/btn/btn_pendiente.png) ;
    background-repeat: no-repeat;
    background-position:2px 1px;
    background-size:22px 22px;
    padding-left: 16px;
}
.boton.pend[disabled] {
    background-image:url(../img/btn/btn_pendiente_disabled.png) ;
    background-repeat: no-repeat;
    background-position:2px 1px;
    background-size:22px 22px;
    padding-left: 16px;
}
.boton.email {
    background-image:url(../img/btn/btn_email.png) ;
    background-repeat: no-repeat;
    background-position:2px;
    background-size:22px 22px;
    padding-left: 16px;
}
.boton.email[disabled] {
    background-image:url(../img/btn/btn_email_disabled.png) ;
    background-repeat: no-repeat;
    background-position:2px;
    background-size:22px 22px;
    padding-left: 16px;
}
.boton.envio {
    background-image:url(../img/btn/btn_envio.png) ;
    background-repeat: no-repeat;
    background-position:1px;
    background-size:22px 22px;
    padding-left: 16px;
}
.boton.envio[disabled] {
    background-image:url(../img/btn/btn_envio_disabled.png) ;
    background-repeat: no-repeat;
    background-position:1px;
    background-size:22px 22px;
    padding-left: 16px;
}
.boton.inbox {
    background-image:url(../img/btn/inbox_into.png) ;
    background-repeat: no-repeat;
    background-position:1px;
    background-size:22px 22px;
    padding-left: 16px;
}
.boton.inbox[disabled] {
    background-image:url(../img/btn/inbox_into_disabled.png) ;
    background-repeat: no-repeat;
    background-position:1px;
    background-size:22px 22px;
    padding-left: 16px;
}
.boton.euro {
    background-image:url(../img/btn/btn_euro.png) ;
    background-repeat: no-repeat;
    background-position:1px;
    background-size:24px 22px;
    padding-left: 23px;
}
.boton.euro[disabled] {
    background-image:url(../img/btn/btn_euro_disabled.png);
    background-repeat: no-repeat;
    background-position:1px;
    background-size:24px 22px;
    padding-left: 23px;
}
.boton.ingreso {
    background-image:url(../img/btn/btn_ingreso.png) ;
    background-repeat: no-repeat;
    background-position:1px;
    background-size:22px 22px;
    padding-left: 23px;
}
.boton.ingreso[disabled] {
    background-image:url(../img/btn/btn_ingreso_disabled.png);
    background-repeat: no-repeat;
    background-position:1px;
    background-size:22px 22px;
    padding-left: 23px;
}
.boton.gasto {
    background-image:url(../img/btn/btn_gasto.png) ;
    background-repeat: no-repeat;
    background-position:1px;
    background-size:22px 22px;
    padding-left: 23px;
}
.boton.gasto[disabled] {
    background-image:url(../img/btn/btn_gasto_disabled.png);
    background-repeat: no-repeat;
    background-position:1px;
    background-size:22px 22px;
    padding-left: 23px;
}
.teclado-pie {
    visibility:hidden;
    position:absolute;
    bottom:0;
    width:100%;
    height:160px;
    margin:0 auto;
}
#div_check.pl-0 {
    padding-left:10px;
}
#div_check.ml-70 {
    margin-left:70px;
}
.div_txtEmal {
    height:43px;
}
#bases-valores-1 input,
#bases-valores-2 input,
#bases-valores-3 input {
    height:32px;
}
/* .container {
    display: flex;
    align-items: center; / Centra verticalmente /
    justify-content: center; / Opcional: Centra horizontalmente /
    height: 100vh; / Ejemplo: para que el contenedor ocupe toda la altura /
} */

/*Media Queries*/
@media only screen and (max-width: 767px) {
    body {
        background-repeat: no-repeat;
        background-attachment: fixed;
        background:url(../img/fondo5-xs.png);
        background-repeat:repeat-x;
        background-size:cover;
        height:100%;
    }
    .logo-menu {
        text-align: center;
        margin-top:-5px;
        margin-left:5px;
        width:86px;
        height:30px;
    }
    #notification_count {
        margin-left: 115px;
        margin-top: 6px;
        font-size: 15px;
    }
    #notification_file {
        margin-left: 108px;
        margin-top: 25px;
        font-size: 15px;
        visibility: visible;
    }
    .breadcrumbs {
        height: 2px;
        margin-bottom:0px;
        visibility:hidden;
    }
    .registros {
        font-size: 12px;
        margin-top: 0px;
        margin-bottom: 0px;
        width:100%;
        font-weight: 700;
    }
    .container {
        padding-top:0;
    }
    .form_buscar {
        border: none;
    }
    .form_grande {
        padding-top: 16px;
    }
    .form_grande .row, .form_pequeño .row {
        padding-top: 0px;
    }
    .form_pequeño, .form_grande {
        margin-top: 10px;
        margin-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 5px;
    }
    .form_pequeño {
        padding-bottom: 20px;
    }
    .form_pequeño .row .form-group {
        margin-left: 10px;
        margin-right: 10px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-bottom:5px;
    }
    .form_grande .row .form-group {
        padding-top: 0px;
        padding-bottom: 0px;
        margin-bottom:15px;
    }
    .form_pequeño #div_txtActivo, .form_grande #div_txtActivo {
        margin-top: 10px;
    }
    .form_buscar .container {
        margin-bottom:-2px;
    }
    .form_buscar .container .form-group {
        margin-bottom:6px;
    }
    .form_cabecera {
        margin-top: 10px;
        height: 330px;
    }
    .form-horizontal .botones, .form_grande .botones, .form_pequeño .botones, .form_cabecera .botones {
        margin:-22px 0px 20px 0px;
    }
    .fila_blanca .boton_place, .fila_color .boton_place {
        padding-right:2px;
    }
    .fila_blanca.recibos .boton_place, .fila_color.recibos .boton_place {
        margin-top:-8px;
        padding-right:2px;
    }
    .fila_blanca div .boton_place, .fila_color div .boton_place {
        padding-left:0px;
        margin-left:-10px;
    }
    .fila_titulo.empresas {
        padding-left:2px;
    }
    .fila_blanca.empresas, .fila_color.empresas {
        padding-left:2px;
    }
    .linea2 label {
        display:none;
    }
    .linea2_lupa {
        margin-left: 3px;
        padding-right:0px;
    }
    .linea2 .boton_place input {
        margin-right:-14px;
        margin-top:0px;
    }
    .form_linea div {
        margin-bottom:3px;
    }
    .form_linea div .linea2 {
        margin-top:5px;
    }
    .form_linea .linea2_lupa label {
        margin-left:-33px;
    }

    .detalle_totales {
        padding-top:10px;
        height:338px;
    }
    .detalle_totales label {
        text-align: left;
        margin-top:2px;
        height:30px;
    }
    .detalle_totales div div {
        padding:1px 1px 1px 1px;
    }
    #div_txtFormaPago select {
        width:100%;
    }
    .totales div {
        padding:1px 1px 1px 1px;
        height:52px;
    }
    #div_check.pl-0 {
        padding-left:0px;
    }
    .boton.largo {
        font-size:12px;
        width: 70px;
        height: 24px;
        margin: 1px 2px 1px 2px;
        border: 1px solid #999;
        border: rgba(0, 0, 0, .2) 1px solid;
        border-bottom:rgba(0, 0, 0, .4) 1px solid;
        float:left;
    }
    .boton.largo2 {
        font-size:11px;
        width: 80px;
        height: 24px;
        margin: 1px 2px 1px 2px;
        border: 1px solid #999;
        border: rgba(0, 0, 0, .2) 1px solid;
        border-bottom:rgba(0, 0, 0, .4) 1px solid;
        float:left;
    }
    .breadcrumbs {
        margin-top:0;
        border:2px solid red;
    }
    .form_cabecera .img_window {
        margin-top:0px;
    }
    .container .form_cabecera {
        margin-top:10px;
        margin-left:-1px;
    }
    .form_buscar {
        margin-top:10px;
    }
    .form-horizontal .img_window, .form_pequeño .img_window, .form_cabecera .img_window {
        background-image: none;
    }
    .form_cabecera #btnCampo1 label, .form_pequeño .titulo_window, .form_grande .titulo_window {
        color: #3B5360;
    }
    .form_pequeño .botones, .form_grande .botones {
        margin-top:6px;
    }
    .busqueda label {
        margin-top:2px;
    }
    .registros-lupa {
        margin-top: -4px;
    }
    .div_txtEmal {
        height:0;
    }
    .marco-info {
        padding: 25px 10px 0 15px;
        margin-left: -15px;
    }
    .marco-titulo {
        margin: -10px 0 -25px -20px;
    }
}
@media only screen and (max-width: 767px) and (orientation:portrait) {
    .span-video {
        display:none;
    }
    .teclado-pie {
        visibility:visible;
        position:absolute;
        bottom:0;
        width:100%;
        height:160px;
        margin:0 auto;
    }
    .teclado-pie img {
        width:100%;
        height:100%;
        margin:0 auto;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) and (orientation:portrait) {
    video {
        height:190%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) and (orientation:landscape) {
    video {
        height:115%;
        width:115%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .form_linea .boton_place {
        margin-top:-28px;
    }
    .form_grande .row, .form_pequeño .row {
        padding-top: 80px;
    }
    .form_grande {
        margin-top: 10px;
        margin-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 5px;
        width:80%;
    }
    .form_grande .row {
        margin-top: 60px;
        margin-bottom: 0px;
        padding-left: 0px;
        padding-right: 10px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .form_pequeño {
        margin-top: 10px;
        margin-bottom: 10px;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 20px;
        width:500px;
    }
    .form_pequeño .row {
        margin-top: 60px;
        margin-bottom: 0px;
        padding-left: 0px;
        padding-right: 10px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .linea2 label {
        display:none;
    }
    /*.linea2 .boton_place input {
        margin-top:0px;
    }*/
    #div_txtFormaPago {
        margin-bottom:14px;
    }
    .div_txtEmal {
        height:0;
    }
    .detalle_totales {
        padding-top: 17px;
        height:235px;
    }
    #notification_count {
        margin-left: 25px;
    }
    #notificationContainer {
        margin-left: -410px;
    }
    /*CSS notification Popup Arrow */
    #notificationContainer:after, #notificationContainer:before {
        bottom: 100%;
        left: 85%;
    }    
}  
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .form_grande .row, .form_pequeño .row {
        padding-top: 80px;
    }
    .form_grande {
        margin-top: 15px;
        margin-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 5px;
        width:90%;
    }
    .form_grande .row {
        margin-top: 60px;
        margin-bottom: 0px;
        padding-left: 0px;
        padding-right: 10px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .form_pequeño {
        margin-top: 10px;
        margin-bottom: 10px;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 20px;
        width:500px;
    }
    .form_pequeño .row {
        margin-top: 60px;
        margin-bottom: 0px;
        padding-left: 0px;
        padding-right: 10px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    #notification_count {
        margin-left: 25px;
    }
    #notificationContainer {
        margin-left: -400px;
    }
    /*CSS notification Popup Arrow */
    #notificationContainer:after, #notificationContainer:before {
        bottom: 100%;
        left: 85%;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .form_grande .row, .form_pequeño .row {
        padding-top: 80px;
    }
    .form_grande {
        margin-top: 15px;
        margin-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 5px;
        width:75%;
    }
    .form_grande .row {
        margin-top: 60px;
        margin-bottom: 0px;
        padding-left: 0px;
        padding-right: 10px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .form_pequeño {
        margin-top: 10px;
        margin-bottom: 10px;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 20px;
        width:40%;
    }
    .form_pequeño .row {
        margin-top: 10px;
        margin-bottom: 0px;
        padding-left: 0px;
        padding-right: 10px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
}
@media only screen and (min-width: 1400px) {
    .form_grande .row, .form_pequeño .row {
        padding-top: 80px;
    }
    .form_grande {
        margin-top: 20px;
        margin-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 5px; 
        width:70%;
    }
    .form_grande .row {
        margin-top: 50px;
        margin-bottom: 0px;
        padding-left: 0px;
        padding-right: 10px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .form_pequeño {
        margin-top: 15px;
        margin-bottom: 10px;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 20px;
        width:40%;
    }
    .form_pequeño .row {
        margin-top: 60px;
        margin-bottom: 0px;
        padding-left: 0px;
        padding-right: 10px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .form_cabecera {
		margin-top: 20px;
        height: 170px;
	}
    .form_cabecera, .form_linea, .detalle_totales, .rejilla, .rejilla2 {
		width: 1200px;
	}
}
.marco_linechart {
    height:250%;
    margin-bottom: 40px;
    background-color: #FCFCFC;
    border: 1px solid #0E3F5E;
    border-radius: 4px;
    text-align: center;
    z-index:-999;
}
#div_linechart {
    width:99%;
    margin:15px 15px 15px 15px;
}
.marco_tiempo {
    margin-top:50px;
    padding-top:10px;
    padding-bottom:10px;
    border-radius: 4px;
    border:1px solid #3B5360;
    height:250%;
    text-align: center;
    z-index:-999;
}