.loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url('../img/load_1.png') 50% 50% no-repeat rgba(255, 255, 255, 0.5); } 
body{
    font-family:Inter;
    font-size:15px;
}

.border-orange {
    /*border: solid 1px #F49A3D;*/
    /*border: solid 1px #1B799B;*/

    background-color: #FFFFFF;
    padding: 15px 0px 15px 0px;
    box-shadow: 0px 0px 20px 0px rgb(6 13 56 / 10%);
    border-radius: 10px;
}
.border-blue{
	border: solid 1px #0FAAE5;
}
.info-box-stats {
    float: left;
    margin-top: 5px;
}
.info-box-stats p {
    font-size: 28px;
    margin-bottom: 14px;
    color: #000000;
    font-weight: 600;
}
.info-box-stats span.info-box-title {
    display: block;
    font-size: 13px;
    margin-bottom: 10px;
    color: #B0B0B0;
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.info-box-icon i {
    font-size: 31px;
    color: #B0B0B0;
}
.info-box-icon {
    float: right;
}
.panel-heading{
	padding-left: 15px;
}

.panel-body {
    padding: 15px;
}
.info-box-progress {
    clear: both;
}
.progress {
    margin: 0;
}
.progress2 {
    margin: 0;
}
.progress-xs {
    height: 5px;
}
.progress-squared {
    border-radius: 0;
}
.progress-bar-info {
    background-color: #EB6106;
}
.center {
    margin: 0 auto;
    float: none!important;
    display: block;
}

/* alerts ***/
.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert-info {
    color: white;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert-info-text {
	border:1px solid;
	font-size:16px;
}

.alert-info-registros {
	/*border:1px solid;*/
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.alert-informativo {
	font-size: 22px;
    padding: 3px;
    box-shadow: 0px 0px 20px 0px rgb(6 13 56 / 10%);
    border-radius: 10px;
}


.alert-info-tipos-entidades, .alert-info-proximo-bloqueo {
	font-size:16px;
	padding-top:15px;
	padding-bottom:15px;
	padding: 15px;
	text-align: justify;
	/*border: 1px solid;*/
	/*border-radius: 5px;*/
	margin-bottom: 15px;
    box-shadow: 0px 0px 20px 0px rgb(6 13 56 / 10%);
    border-radius: 10px;
}

.etiqueta-fecha-devoluciones {
    /*border: 1px solid #1e8eb7;*/
    padding: 3px;
    /*border-radius: 5px;*/
    background-color: #f9fcff;
    font-weight: bold;
    color: #1e8eb7;
    margin-bottom:10px;
    box-shadow: 0px 0px 20px 0px rgb(6 13 56 / 10%);
    border-radius: 10px;
}
.etiqueta-importe-devuelto-devoluciones{
    /*border: 1px solid red;*/
    padding: 3px;
    /*border-radius: 5px;*/
    background-color: #f9fcff;
    font-weight: bold;
    color: red;
    margin-bottom:10px;
    box-shadow: 0px 0px 20px 0px rgb(6 13 56 / 10%);
    border-radius: 10px;
}
.etiqueta-importe-pagado-devoluciones{
    /*border: 1px solid green;*/
    padding-top: 8px;
    padding-bottom: 8px;
    /*border-radius: 5px;*/
    background-color: #f9fcff;
    font-weight: bold;
    color: green;
    margin-bottom:10px;
    box-shadow: 0px 0px 20px 0px rgb(6 13 56 / 10%);
    border-radius: 10px;
}
.etiqueta-importe-neutro-devoluciones{
    /*border: 1px solid gray;*/
    padding: 3px;
    /*border-radius: 5px;*/
    background-color: #f9fcff;
    font-weight: bold;
    color: gray;
    margin-bottom:10px;
    box-shadow: 0px 0px 20px 0px rgb(6 13 56 / 10%);
    border-radius: 10px;
}
.boton-eliminar{
    /*border: 1px solid red;*/
    padding: 3px;
    /*border-radius: 5px;*/
    background-color: #f9fcff;
    font-weight: bold;
    color: red;
    margin-bottom:10px;
    cursor:pointer;
    text-align: center;
    box-shadow: 0px 0px 20px 0px rgb(6 13 56 / 10%);
    border-radius: 10px;
}
.boton-eliminar:hover{
    background-color:red;
    color:white;
}
.boton-agregar{
    border: 1px solid green;
    padding: 3px;
    border-radius: 5px;
    background-color: #f9fcff;
    font-weight: bold;
    color: green;
    margin-bottom:10px;
    cursor:pointer;
    text-align: center;
}
.boton-agregar:hover{
    background-color:green;
    color:white;
}
.boton-ver-flujo{
    /*border: 1px solid #1b799b;*/
    padding: 3px;
    /*border-radius: 5px;*/
    background-color: #e5f4f9;
    font-weight: bold;
    color: green;
    margin-bottom:10px;
    cursor:pointer;
    text-align: center;
    color:#1b799b;
    margin-top:10px;
    box-shadow: 0px 0px 20px 0px rgb(6 13 56 / 10%);
    border-radius: 10px;
}
.boton-ver-flujo:hover{
    background-color:#1b799b;
    color:white;
}
.boton-marcar-pagada-por-fuera{
    /*border: 1px solid #1b799b;*/
    padding: 3px;
    /*border-radius: 5px;*/
    background-color: #e5f4f9;
    font-weight: bold;
    color: green;
    margin-bottom:10px;
    cursor:pointer;
    text-align: center;
    color:#1b799b;
    margin-top:10px;
    box-shadow: 0px 0px 20px 0px rgb(6 13 56 / 10%);
    border-radius: 10px;
}
.boton-marcar-pagada-por-fuera:hover{
    background-color:#1b799b;
    color:white;
}
.boton-marcar-impagada-por-fuera{
    /*border: 1px solid green;*/
    padding: 3px;
    /*border-radius: 5px;*/
    background-color: #f4ffed;;
    font-weight: bold;
    color: green !important;
    margin-bottom:10px;
    cursor:pointer;
    text-align: center;
    color:#1b799b;
    margin-top:10px;
    box-shadow: 0px 0px 20px 0px rgb(6 13 56 / 10%);
    border-radius: 10px;
}
.boton-marcar-impagada-por-fuera:hover{
    background-color:green;
    color:white !important;
}
.titulo-principal
{
    /*margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    color: white;
    font-family: sans-serif;
    background-color: #0FAAE5;
    border-radius:4px;*/
    color: #1F1F36;
    font-family: "Inter", Sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2em;
    letter-spacing: 0px;
    margin-top:10px;
    text-transform: uppercase;
}

.upper{
    text-transform: uppercase;
}

.fa-show-check-format {
    color:green;
    font-size:16px;
}
.fa-show-close-format {
    color: red;
    font-size:16px;
}


.ct-azure {
    stroke: #F49F37 !important;
}


button{
	/*color: #00AEEF;*/
	color:white;
	border-color:#00AEEF;
}
.btn{
	/*background-color: #00AEEF;
	border-color:#00AEEF;
    color:white;*/
    font-family: "Inter", Sans-serif;
    font-size: 14px;
    font-weight: 500;
    background-color: #01397F;
    border-radius: 24px 24px 24px 24px !important;
    padding: 10px 24px 10px 24px !important;
    box-shadow: 0px 7px 15px 0px rgba(65.99999999999999, 132.9999999999998, 244, 0.3);
    color: white;
    border: 0px;
}
.btn:hover, .btn:active, .btn:focus, .btn:visited{
	/*background-color:#078cbc;
	color:white;
	border-color:#078cbc;*/
    background-color: #033FBF;
    color: white;
}
.btn.disabled, .btn.disabled:hover, .btn.disabled:active, .btn.disabled:focus, .btn.disabled:visited {
	background-color:gray;
}
.btn-warning:hover{
	background-color:#078cbc;
	color:white;
	border-color:#078cbc;
}
.btn-warning.btn-fill{
	background-color: #00AEEF;	
	border-color:#00AEEF;
}
.btn-warning.btn-fill:hover{
	background-color: #078cbc;	
	border-color:#078cbc;
}
.btn-warning.btn-fill:focus{
	background-color: #078cbc;	
	border-color:#078cbc;
}
.btn-excel{
   background-color:white;
   border-color:green;
   color:green;
   font-size:16px;
}

.btn-excel:hover, .btn-excel:focus {
	background-color: green;
	color: white !important;
}

button.btn.dropdown-toggle {
    padding: 8px 12px;
    border-radius: 10px;
    border: 1px solid black;
    border-radius: 10px !important;
    padding: 6px 12px !important;
}

/* Clases de SOCILEN */
.progress {
    height: 17px;
    line-height: 17px;
    margin: 5px 0px !important;
    border: 1px solid #e3e3e3;
    border-radius: 8px !important;
    max-width:100px;
}
.etiqueta-a1-big {
    font-size: 40px !important;
    text-align: center;
}
.etiqueta-a1-medium3 {
    font-size: 14px !important;
    position: relative;
    font-weight: bold;
    text-align: center;
}
.etiqueta-a1-medium {
    font-size: 15px !important;
    position: relative;
}
.comentario-tabla {
    border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 15px;
    color: #033FBF;
    font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2em;
    letter-spacing: 0.5px;
}

.titulo-tabla {
    /*color: white;*/
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    font-family: inherit;
    /*background-color:#fcb762;*/
    margin-bottom:0px;

    background-color: #F4F7FF;
   /* border: 1px solid #01397F;*/
    color: #01397F;
    margin-top: 0px;
    box-shadow: 0px 0px 20px 0px rgb(6 13 56 / 10%);
    border-radius: 10px;
    /*background: -webkit-linear-gradient(#f49a3d, #fcd1a6);
    background: -moz-linear-gradient(#f49a3d, #fcd1a6);
    background: -o-linear-gradient(#f49a3d, #fcd1a6);
    background: linear-gradient(#f49a3d, #fcd1a6);*/
}
.card.card-titulo-principal {
    margin-bottom: 0px;
}
.table > thead > tr > th{
	font-size: 14px;
    color: white;
    font-weight: bold;
    padding-top: 10px !important;
    cellspacing: 10px;
    padding-bottom: 5px !important;
    border: 2px solid white !important;
    /*background-color: #ADD8E6 !important;*/
}
.fixed-table-body {
    /*margin-left: 15px;
    margin-right: 15px;*/
    margin-left: 5px;
    margin-right: 5px;
}
.fila-seleccion-tabla{
	background-color:#fccd94 !important;
}
.fila-seleccion-tabla-obligatorio{
	background-color:#fcd3cf !important;
}
.fila-seleccion-tabla-cancelada{
	background-color: #fce8e9 !important;
	box-shadow: 2px 2px 5px red !important;
}
.fila-seleccion-tabla-cancelada-light{
    background-color: #fff7f7 !important;
    /*box-shadow: 2px 2px 5px red !important;*/
    box-shadow: inset -1px -2px 6px 0px #ff00006b !important;

}
 .fila-seleccion-tabla-cancelada:hover{
 	background-color: #efcbcc !important;
	box-shadow: 4px 4px 7px red !important;
 }
.fila-seleccion-tabla-plan-tarifa{
	background-color:#d9fce1 !important;
	/*border:2px solid green !important;*/
}
.fila-seleccion-tabla-plan-tarifa:hover{
	background-color:#d9fce1 !important;
	border:2px solid green !important;
}
.fila-domiciliaciones-cancelada{
	background-color:#edf3f4 !important;
}
.fila-domiciliaciones-cancelada:hover{
	background-color:#edf3f4 !important;
}
.fila-seleccion-tarjeta-cobrada, .fila-seleccion-tarjeta-cobrada:hover{
    background-color:#f4ffec !important;
}
.fila-seleccion-tarjeta-pendiente, .fila-seleccion-tarjeta-pendiente:hover{
    background-color:#fefff7 !important;
}
.fila-seleccion-tarjeta-devuelta, .fila-seleccion-tarjeta-devuelta:hover{
    background-color:#f9efef !important;
}
.fila-seleccion-tarjeta-cancelada, .fila-seleccion-tarjeta-cancelada:hover{
    background-color:#ececec !important;
}
.fila-seleccion-tarjeta-cancelada-low, .fila-seleccion-tarjeta-cancelada-low:hover{
    background-color:#ececec75 !important;
}
.fila-leida{
    background-color: #F4F7FF !important;
    /*box-shadow: 2px 2px 5px red !important;*/
}
.fila-leida-ligth{
    background-color: #fdfdf0 !important;
}
.fila-movimiento-conciliado, .fila-movimiento-conciliado:hover{
    background-color: #f1f1f1 !important;
    box-shadow: 2px 2px 5px green !important;
    color: #a29f9f;
}
.conciliacion-diferencia-negativa, .conciliacion-diferencia-negativa:hover {
    background-color: #fce8e9 !important;
    box-shadow: 2px 2px 5px red !important;
    color:red !important;
}
.conciliacion-diferencia-cero, .conciliacion-diferencia-cero:hover {
    background-color:#d9fce1 !important;
    border:2px solid green !important;
    color:green !important;
}
/************************ HANDSONTABLE *****************************/ 
.handsontable .htDimmed {
    color: #01397F;
    background: #F4F7FF;
    font-weight: normal;
}
.handsontable td{
    font-weight: 600;
    color: #132944e8;
    background-color: #fffff7;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
}
.handsontable th{
    color: #01397F;
    font-weight: 600;
    background-color: #F4F7FF;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
}
.handsontable tbody th.ht__highlight, .handsontable thead th.ht__highlight {
    background-color: #01397F;
    color: white;
}
.hot-fila-seleccion-error, .hot-fila-seleccion-error:hover{
    background-color:#f9efef !important;
    color:red !important;
}
.hot-fila-seleccion-ok, .hot-fila-seleccion-ok:hover{
    background-color:#f4ffec !important;
    color:green !important;
}
.fila-fondo-blanco{
    background-color:white !important;
    color:black !important;
}
.hot-fila-seleccionada, .hot-fila-seleccionada:hover{
    background-color:#fccd94 !important;
}
/********************** FIN HANDSONTABLE ***************************/ 

.photo{
	background-color:white;
}
.fixed-table-container thead th .sortable {
    padding-right: 0px;
}
.progress{
	max-width:100%;
}
.buttonSelected{
	background-color:yellow !important;
}
nav.navbar.navbar-default {
	background-color: #F4F7FF;
}
footer.footer {
	background-color: #00132B;
}
.form-control, .form-control .valid {
	/*border: 1px solid #D2D5D6;*/
	/*color:#078cbc;*/
	/*color:black;*/
    padding: 8px 12px;
    border-radius: 10px;
    border: 1px solid #00000063;

}
.form-control:hover, .form-control:focus{
	/*border: 1px solid #01397F;*/
    /*background-color: #F4F7FF;*/
    border-color: #01397F;
    background-color: #F4F7FF;
}
input[placeholder], [placeholder], *[placeholder] {
    font-weight:normal;
}
.card .form-group label{
	color:#01397F;
    margin-bottom: 8px;
}

.form-group {
    margin-bottom: 20px;
}

/* <editor-fold desc="Botones" defaultstate="collapsed"> */
button.dropdown-toggle:focus, button.dropdown-toggle:hover{
	color: #01397F;
    background-color: #F4F7FF;
    border: 1px solid #01397F;
	/*background-color:#f2fafc;*/
}
button.dropdown-toggle{
	background-color:white;
	color:black;
    padding: 8px 12px !important;
}

.boton-acceso {
	cursor:pointer;
	border:1px solid;
	padding:6px;
	border-radius:5px;
}

.boton-volver {
	margin-left:2px;
}

.boton-stripe-pasarela {
	margin: auto;
	margin-top: 20px;
	width: 220px;
	border: 1px solid;
	/*padding: 5px;*/
	border-radius: 5px;
	cursor: pointer;
}
/* </editor-fold> */

/* <editor-fold desc="Textos" defaultstate="collapsed"> */
.span-btn-excel {
	font-size: 16px;
}

.check-opcion-mostrar {
	font-weight:600;
}
/* </editor-fold> */

.font-registro {
	font-family:Inter;
}

div.tab-content{
	/*border: 1px solid #08AAE7;
    padding: 15px;
    background-color: #e6f2f7;*/
    background-color: #FFFFFF;
    padding: 15px 15px 15px 15px;
    /*box-shadow: 0px 0px 20px 0px rgb(6 13 56 / 10%);*/
    border-radius: 10px;
}
.card-wizard{
	/*border: 1px solid #08AAE7;*/
    background-color: #FFFFFF;
    padding: 15px 0px 15px 0px;
    box-shadow: 0px 0px 20px 0px rgb(6 13 56 / 10%);
    border-radius: 10px;
}
.full-page.login-page:after, .full-page.login-page, .full-page.login-page:before, .full-page[data-color="orange"]:after {
    /*background: linear-gradient(to bottom, #033FBF 0%, rgba(3, 63, 191, 0.6) 100%) !important;*/
    background: white;
}
.full-page.register-page:after, .full-page.register-page, .full-page.register-page:before {
    /*background: linear-gradient(to bottom, #033FBF 0%, rgba(3, 63, 191, 0.6) 100%) !important;*/
    background: white;
}

button > .fa{
	margin-right: 15px;
}

button > span{
	vertical-align: super;
}


/****************************************** CHECKBOX *****************************************************/
/*
    Hide the original radios and checkboxes
    (but still accessible)

    :not(#foo) > is a rule filter to block browsers
                 that don't support that selector from
                 applying rules they shouldn't

*/
/*li:not(#foo) > fieldset > div > span > input[type='radio'],
li:not(#foo) > fieldset > div > span > input[type='checkbox'] {*/
body input[type='checkbox']  {

    /* Hide the input, but have it still be clickable */
    opacity: 0;
    float: left;
    width: 20px;
    height:20px;
    margin-right: -20px;
    margin-top: 3px;
    cursor: pointer;
}

/*li:not(#foo) > fieldset > div > span > input[type='radio'] + label,*/
/*li:not(#foo) > fieldset > div > span > input[type='checkbox'] + label {*/
/*body:not(#foo) input[type='radio'] + label,*/
body:not(#foo) input[type='checkbox'] + label{
    margin: 0;
    clear: none;

    /* Left padding makes room for image */
    padding: 5px 0 4px 24px;

    /* Make look clickable because they are */
    /*cursor: pointer;*/

    background: url(../img/off.png) left center no-repeat;
}

/*
    Change from unchecked to checked graphic
*/
/*li:not(#foo) > fieldset > div > span > input[type='radio']:checked + label {
    background-image: url(assets/img/radio.png);
}*/
/*li:not(#foo) > fieldset > div > span > input[type='checkbox']:checked + label {*/
body:not(#foo) input[type='checkbox']:checked + label{
    background-image: url(../img/check.png);
}
/****************************************** FIN CHECKBOX *****************************************************/

.tab-disabled{
	background-color:#bc7c7c !important;
	cursor:not-allowed;
}
.tab-disabled-pg {
	opacity:0.5;
	cursor:not-allowed;
}
.div-act{
	font-size:14px;
	margin-bottom:5px;
	padding:6px;
	/*border:1px solid #ADD8E6;*/
	max-width:185px;
    min-width:185px;
    width:185px;
	cursor:pointer;
	margin:auto;
    box-shadow: 0px 0px 20px 0px rgb(6 13 56 / 10%);
    border-radius: 10px;
}

.div-act:not(:last-child){
	margin-bottom:10px;
}

.div-act .fa{
	float: right;
	font-size:18px;
	margin-right:10px;
}

.div-st-connect{
    background-color:#f3f5dc !important;
    color:#666d11;
    font-weight: bold;
}
.div-st-charge{
    background-color:#f7e5de !important;
    color:#F06F3E;
    font-weight: bold;
}


/* botones summernote */
.note-btn {
	background-color:white;
	color:black;
}
.note-botones-summernote {
    max-height: 24px;
}
.fc-content{
	cursor:pointer;
}
.btn-wd{
	min-width:120px;
}
.btn-tabla-seleccion{
	border:4px solid #FCB762 !important;
}
.tooltip-inner {
    text-align: left !important;
    background-color: #F4F7FF;
    color: #0c1e56;
}
.cabecera-registros-importar{
    background-color:#ADD8E6;
    font-weight:bold;
    padding:3px;
    margin-top:3px;
    color:white;
}
.cuerpo-recibos-importar{
    padding:5px;
    color: #6cbed9;
    border:1px solid #ADD8E6;
}
.iconos-check{
    font-size: 18px !important;;
    color: #23CCEF;
    cursor: pointer;
}
.size-18{
    font-size: 18px;
}


/* <editor-fold desc="Align" defaultstate="collapsed"> */
.al-items-center {
	align-items: center;
}

.jc-center {
	justify-content: center;
}

/* </editor-fold> */

/* <editor-fold desc="Min-Width" defaultstate="collapsed"> */
.min-50{
    min-width:50px !important;
}
.min-60{
    min-width:60px !important;
}
.min-70{
    min-width:70px !important;
}
.min-80{
    min-width:80px !important;
}
.min-100{
	min-width:100px !important;
}
.min-90{
	min-width:90px;
}
.min-100{
	min-width:100px;
}
.min-110{
	min-width:110px;
}
.min-120{
	min-width:120px;
}
.min-130{
	min-width:130px;
}
.min-140{
	min-width:140px;
}
.min-150{
	min-width:150px;
}
.min-160{
	min-width:160px;
}
.min-170{
	min-width:170px;
}
.min-180{
	min-width:180px;
}
.min-190{
	min-width:190px;
}
.min-200{
	min-width:200px;
}
.min-210{
	min-width:210px;
}
.min-220{
	min-width:220px;
}
.min-230{
	min-width:230px;
}
.min-240{
	min-width:240px;
}
.min-250{
    min-width:250px;
}
.min-260{
    min-width:260px;
}
.min-270{
    min-width:270px;
}
.min-280{
    min-width:280px;
}
.min-290{
    min-width:290px;
}
.min-300{
    min-width:300px;
}
.min-250{
    min-width:250px;
}
/* </editor-fold> */
/* <editor-fold desc="Max-Width" defaultstate="collapsed"> */
.max-250{
	max-width:250px;
}
.max-300{
    max-width:250px;
}
.max-350{
    max-width:250px;
}
.max-10{
	max-width:10px;
}
.max-20{
	max-width:20px;
}
.max-30{
	max-width:30px;
}
.max-40{
	max-width:40px;
}
.max-50{
	max-width:50px;
}
.max-60{
	max-width:60px;
}
.max-70{
	max-width:70px;
}
.max-80{
	max-width:80px;
}
.max-90{
	max-width:90px;
}
.max-100{
	max-width:100px;
}
.max-110{
	max-width:110px;
}
.max-120{
	max-width:120px;
}
.max-130{
	max-width:130px;
}
.max-140{
	max-width:140px;
}
.max-150{
	max-width:150px;
}
.max-160{
	max-width:160px;
}
.max-170{
	max-width:170px;
}
.max-170-imp{
	max-width:170px !important;
}
.max-180{
	max-width:180px;
}
.max-190{
	max-width:190px;
}
.max-200{
	max-width:200px;
}
.max-210{
	max-width:210px;
}
.max-220{
	max-width:220px;
}
.max-230{
	max-width:230px;
}
.max-240{
	max-width:240px;
}
.max-250{
	max-width:250px;
}
/* </editor-fold> */

/* <editor-fold desc="Width" defaultstate="collapsed"> */
.width-100 {
	width: 100px !important;
}
.width-120 {
	width: 120px !important;
}
.width-250 {
	width: 250px !important;
}

.width-48porc {
	width: 48% !important;
}
.width-80porc {
	width: 80% !important;
}
.width-100porc {
	width: 100% !important;
}
/* </editor-fold> */

/* <editor-fold desc="Padding" defaultstate="collapsed"> */
.p-1 {
	padding:1px !important;
}
.p-2 {
	padding: 2px !important;
}
.p-3{
    padding:3px !important;
}
.p-4 {
	padding: 4px !important;
}
.p-5 {
	padding: 5px !important;
}
.p-6 {
	padding: 6px !important;
}
.p-8 {
	padding: 8px !important;
}
.p-10 {
	padding: 10px !important;
}
.p-15{
    padding:15px !important;
}
.p-20 {
	padding: 20px !important;
}


.pt-1 {
	padding-top: 1px;
}
.pt-2 {
	padding-top: 2px;
}
.pt-3 {
	padding-top: 3px;
}
.pt-4 {
	padding-top: 4px;
}
.pt-10 {
	padding-top: 10px;
}
.pt-15 {
	padding-top: 15px;
}
.pt-20 {
	padding-top: 20px;
}
.pt-25 {
	padding-top: 25px;
}
.pt-75 {
	padding-top: 75px;
}


.pr-5 {
	padding-right: 5px;
}
.pr-10 {
	padding-right: 10px;
}
.pr-15 {
	padding-right: 15px;
}
.pr-25 {
	padding-right: 25px;
}
.pr-30 {
	padding-right: 30px;
}


.pl-5 {
	padding-left: 5px;
}
.pl-10 {
	padding-left: 10px;
}
.pl-15 {
	padding-left: 15px !important;
}
.pl-30 {
	padding-left: 30px;
}


.pb-1 {
	padding-bottom: 1px;
}
.pb-4 {
	padding-bottom: 4px;
}
.pb-5 {
	padding-bottom: 5px;
}
.pb-10 {
	padding-bottom: 10px;
}
.pb-15 {
	padding-bottom: 15px;
}
.pb-20 {
	padding-bottom: 20px;
}
.pb-25 {
	padding-bottom: 25px;
}
/* </editor-fold> */

/* <editor-fold desc="Margin" defaultstate="collapsed"> */
.m-0 {
	margin: 0px !important;
}
.m-5 {
    margin: 5px;
}
.m-10 {
	margin: 10px;
}
.m-15 {
	margin: 15px;
}
.m-20 {
    margin: 20px;
}
.m-30 {
    margin: 30px;
}

.mt-0 {
	margin-top: 0px !important;
}
.mt-2 {
	margin-top: 2px;
}
.mt-3 {
	margin-top: 3px;
}
.mt-4 {
	margin-top: 4px;
}
.mt-5 {
	margin-top: 5px;
}
.mt-7 {
	margin-top: 7px;
}
.mt-10 {
	margin-top: 10px;
}
.mt-15 {
	margin-top: 15px;
}
.mt-20 {
	margin-top: 20px;
}
.mt-25 {
	margin-top: 25px;
}
.mt-30 {
	margin-top: 30px;
}
.mt-35 {
    margin-top: 35px;
}
.mt-40 {
    margin-top: 40px;
}
.mt-70 {
	margin-top: 70px;
}

.mb-0 {
	margin-bottom: 0px !important;
}
.mb-5 {
	margin-bottom: 5px;
}
.mb-8 {
	margin-bottom: 8px;
}
.mb-10 {
	margin-bottom: 10px;
}
.mb-15 {
	margin-bottom: 15px;
}
.mb-20 {
	margin-bottom: 20px;
}
.mb-25 {
	margin-bottom: 25px;
}
.mb-35 {
	margin-bottom: 35px;
}
.mb-50 {
	margin-bottom: 50px;
}
.mb-10n {
	margin-bottom: -10px;
}

.mr-0 {
	margin-right: 0px !important;
}
.mr-5 {
	margin-right: 5px;
}
.mr-10 {
	margin-right: 10px;
}
.mr-15 {
	margin-right: 15px;
}

.ml-0 {
	margin-left: 0px !important;
}
.ml-2 {
	margin-left: 2px;
}
.ml-5 {
	margin-left: 5px;
}
.ml-7 {
	margin-left: 7px;
}
.ml-10 {
    margin-left: 10px;
}
.ml-15 {
	margin-left: 15px;
}
/* </editor-fold> */

.mh-30{
    min-height: 30px;
}

/* <editor-fold desc="Text-Align" defaultstate="collapsed"> */
.ta-left {
	text-align: left !important;
}
.ta-center {
	text-align: center !important;
}
.ta-right {
	text-align: right !important;
}
.ta-justify {
	text-align: justify !important;
}
/* </editor-fold> */

/* <editor-fold desc="Border" defaultstate="collapsed"> */
.border-0 {
	border: 0px;
}
.border-1-solid {
	border: 1px solid;
}
.border-2-solid {
	border: 1px solid;
}
.border-1-dotted {
	border: 1px solid;
}
.border-b-1-solid {
	border-bottom: 1px solid;
}
.border-b-1-dotted {
	border-bottom: 1px dotted;
}
.border-b-none {
	border-bottom: none;
}



.border-spacing-0 {
	border-spacing: 0px;
}
/* </editor-fold> */

/* <editor-fold desc="Font Size" defaultstate="collapsed"> */
.fs-10 {
	font-size: 10px !important;
}
.fs-11 {
	font-size: 11px !important;
}
.fs-12 {
	font-size: 12px !important;
}
.fs-13 {
	font-size: 13px !important;
}
.fs-14 {
	font-size: 14px !important;
}
.fs-15 {
	font-size: 15px !important;
}
.fs-16 {
	font-size: 16px !important;
}
.fs-17 {
	font-size: 17px !important;
}
.fs-18 {
	font-size: 18px !important;
}
.fs-20 {
	font-size: 20px !important;
}
.fs-22 {
	font-size: 22px;
}
.fs-24 {
	font-size: 24px;
}
.fs-36 {
	font-size: 36px;
}
.fs-40 {
	font-size: 40px;
}
/* </editor-fold> */

/* <editor-fold desc="Display" defaultstate="collapsed"> */
.display-block {
	display: block;
}
.display-inblock {
	display: inline-block;
}
.display-inline {
	display: inline;
}
/* </editor-fold> */

/* <editor-fold desc="Font Weight" defaultstate="collapsed"> */
.fw-normal {
	font-weight: normal;
}
.fw-bold {
	font-weight: bold;
}
/* </editor-fold> */

/* <editor-fold desc="Text Decoration" defaultstate="collapsed"> */
.tde-underline {
	text-decoration: underline !important;
}

.tde-underline-rayas {
	border-bottom: 1px dotted;
}
/* </editor-fold> */

/* <editor-fold desc="Display" defaultstate="collapsed"> */
.d-none {
	display: none;
}
.d-inline {
	display: inline;
}
.d-inline-block {
    display: inline-block;
}
.d-inline-flex {
	display: inline-flex;
}
.d-flex {
	display: flex;
}
/* </editor-fold> */
.nav-no-clic {
    pointer-events: none;
    color: lightgray !important;
}

/* <editor-fold desc="Margin" defaultstate="collapsed"> */
.margin-auto {
	margin:auto;
}
/* </editor-fold> */

/* <editor-fold desc="Float" defaultstate="collapsed"> */
.f-right {
	float: right;
}
/* </editor-fold> */

/* <editor-fold desc="Word-break" defaultstate="collapsed"> */
.break-word {
	word-break: break-word;
}
.white-space-pre-wrap {
	white-space: pre-wrap;
}
/* </editor-fold> */

/* <editor-fold desc="Opacity" defaultstate="collapsed"> */
.opacity-7 {
	opacity: 0.7;
}
/* </editor-fold> */

/* <editor-fold desc="Line Height" defaultstate="collapsed"> */
.lh-0-5 {
	line-height: 0.5;
}
.lh-50 {
	line-height: 50;
}
/* </editor-fold> */

/* <editor-fold desc="Height" defaultstate="collapsed"> */
.height-28 {
	height: 28px;
}
.height-20 {
	height: 20px;
}
.height-30 {
	height: 30px;
}
.height-44 {
	height: 44px;
}
.height-50 {
	height: 50px;
}
/* </editor-fold> */

/* <editor-fold desc="Min Height" defaultstate="collapsed"> */
.min-h-50 {
	min-height: 50px;
}
.min-h-200 {
	min-height: 200px;
}
.max-h-100 {
    max-height: 100px;
}
.max-h-80 {
    max-height: 80px;
}

/* </editor-fold> */

/* <editor-fold desc="Vertical Align" defaultstate="collapsed"> */
.va-unset {
	vertical-align: unset;
}
/* </editor-fold> */

/* <editor-fold desc="Font Style" defaultstate="collapsed"> */
.fs-italic {
	font-style: italic;
}
/* </editor-fold> */


/* <editor-fold desc="Font Weight" defaultstate="collapsed"> */
.fw-400 {
	font-weight: 400;
}
/* </editor-fold> */
.clic {
	cursor:pointer;
}

.position-absolute {
	position: absolute;
}
.position-relative {
	position: relative;
}

.bg-white, .bg-white:hover{
    background-color:white;
}
.border-radius-3{
    border-radius: 3px;
}
.border-radius-5{
    border-radius: 5px;
}
.border-radius-6{
    border-radius: 6px;
}
.border-radius-8{
    border-radius: 8px;
}
.border-radius-0-0-4-4 {
	border-radius: 0px 0px 4px 4px;
}
.border-radius-4-4-0-0 {
	border-radius: 4px 4px 0px 0px;
}
.border-radius-0-0-10-10 {
	border-radius: 0px 0px 10px 10px;
}
.categoria-div-inside-table{
    padding-bottom:45px;
    padding-right: 5px;
    padding-left:5px;
    padding-top:5px;
    margin-top:10px;
    /*border-radius:6px;
    border: 1px solid #1B799B;
    background-color:beige;*/
    box-shadow: 0px 0px 20px 0px rgb(6 13 56 / 10%);
    border-radius: 10px;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
   appearance: none;
    margin: 0; 
}
input[type=number] {
   -moz-appearance:textfield;
}
/********************** CALENDAR ************************/
.notas-propias{
    background-color: #f5f5dd !important;
    color: black !important;

}
.ed-re{
    /*display: none !important;*/
    background-color: #e01c74 !important;
    color: white !important;
}
.fc-view-container p {
    font-size: .99em;
    line-height: 1.3;
    margin: 0 0 2px;
}
.fc-day-grid-event{
    padding: 3px !important;
}
/********************** FIN CALENDAR ************************/

.span-btn-plus-minus{
    border: 1px solid #078CBC;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.border-shadow{
    box-shadow: 0px 0px 20px 0px rgb(6 13 56 / 10%);
    border-radius: 10px;
}



/********************************************** TABLAS *******************************************************/
.table>tbody>tr>td{
    border-top: 0px;
}

.tabla-normal, #tabla_rentas, #tabla_movimientos, #tabla_clientes, #tabla_tarifas, #tabla_correos, #tabla_conexiones, #tabla_proyectos, #tabla_categorias, #tabla_categorias_recibidas, #tabla_pendientes_emitidas, #tabla_pendientes_recibidas, #tabla_recibos, #tabla_pagos_recurrentes, #tabla_transacciones, #tabla_facturas {
	border-spacing: 0px 20px !important;
    display: table;
    border-collapse: separate !important;
    /*background-color:#d9f0f7;
    border:1px solid lightblue;*/
    border-radius:6px;
}
.tabla-normal thead, #tabla_rentas thead, #tabla_movimientos thead, #tabla_clientes thead, #tabla_tarifas thead, #tabla_correos thead, #tabla_conexiones thead, #tabla_proyectos thead, #tabla_categorias thead, #tabla_categorias_recibidas thead, #tabla_pendientes_emitidas thead, #tabla_pendientes_recibidas thead, #tabla_recibos thead, #tabla_pagos_recurrentes thead, #tabla_transacciones thead, #tabla_facturas thead {
	 /* Nuevo color */
	 background-color:white;
	
}
.tabla-normal tbody > tr, #tabla_rentas  tbody > tr, #tabla_movimientos  tbody > tr, #tabla_clientes  tbody > tr, #tabla_tarifas  tbody > tr, #tabla_correos  tbody > tr, #tabla_conexiones  tbody > tr, #tabla_proyectos  tbody > tr, #tabla_categorias  tbody > tr, #tabla_categorias_recibidas  tbody > tr, #tabla_pendientes_emitidas  tbody > tr, #tabla_pendientes_recibidas  tbody > tr, #tabla_recibos tbody, #tabla_pagos_recurrentes tbody, #tabla_transacciones tbody, #tabla_facturas tbody {
    background-color:  #F4F7FF;
    /*box-shadow: 2px 2px 5px #999*/;
    border-radius: 16px;
}

.tabla-normal tbody > tr > td, #tabla_rentas  tbody > tr > td, #tabla_movimientos,  tbody > tr > td, #tabla_clientes  tbody > tr > td, #tabla_tarifas  tbody > tr > td, #tabla_correos  tbody > tr > td, #tabla_conexiones  tbody > tr > td, #tabla_proyectos  tbody > tr > td, #tabla_categorias  tbody > tr > td, #tabla_categorias_recibidas  tbody > tr > td, #tabla_pendientes_emitidas  tbody > tr > td, #tabla_pendientes_recibidas  tbody > tr > td, #tabla_recibos tbody > tr > td, #tabla_pagos_recurrentes tbody > tr > td, #tabla_transacciones tbody > tr > td, #tabla_facturas tbody > tr > td {
    /*border-top:2px solid #1eafe6 !important;*/

}
.tabla-normal tbody > tr > td:last-child, #tabla_rentas  tbody > tr > td:last-child, #tabla_movimientos  tbody > tr > td:last-child, #tabla_clientes  tbody > tr > td:last-child, #tabla_tarifas  tbody > tr > td:last-child, #tabla_correos  tbody > tr > td:last-child, #tabla_conexiones  tbody > tr > td:last-child, #tabla_proyectos  tbody > tr > td:last-child, #tabla_categorias  tbody > tr > td:last-child, #tabla_categorias_recibidas  tbody > tr > td:last-child, #tabla_pendientes_emitidas  tbody > tr > td:last-child, #tabla_pendientes_recibidas  tbody > tr > td:last-child, #tabla_recibos tbody > tr > td:last-child, #tabla_pagos_recurrentes > tr > td:last-child, #tabla_transacciones > tr > td:last-child, #tabla_facturas > tr > td:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.tabla-normal tbody > tr > td:first-child, #tabla_rentas  tbody > tr > td:first-child, #tabla_movimientos  tbody > tr > td:first-child, #tabla_clientes  tbody > tr > td:first-child, #tabla_tarifas  tbody > tr > td:first-child, #tabla_correos  tbody > tr > td:first-child, #tabla_conexiones  tbody > tr > td:first-child, #tabla_proyectos  tbody > tr > td:first-child, #tabla_categorias  tbody > tr > td:first-child, #tabla_categorias_recibidas  tbody > tr > td:first-child, #tabla_pendientes_emitidas  tbody > tr > td:first-child, #tabla_pendientes_recibidas  tbody > tr > td:first-child, #tabla_recibos tbody > tr > td:first-child, #tabla_pagos_recurrentes tbody > tr > td:first-child, #tabla_transacciones tbody > tr > td:first-child, #tabla_facturas tbody > tr > td:last-child  {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.tabla-normal thead > tr, #tabla_rentas  thead > tr, #tabla_movimientos  thead > tr, #tabla_clientes  thead > tr, #tabla_tarifas  thead > tr, #tabla_correos  thead > tr, #tabla_conexiones  thead > tr, #tabla_proyectos  thead > tr, #tabla_categorias  thead > tr, #tabla_categorias_recibidas  thead > tr, #tabla_pendientes_emitidas  thead > tr, #tabla_pendientes_recibidas  thead > tr, #tabla_recibos thead > tr, #tabla_pagos_recurrentes thead > tr, #tabla_transacciones thead > tr, #tabla_facturas thead > tr {
    /*box-shadow: 2px 2px 5px #999;*/
}
.tabla-normal thead > tr, #tabla_rentas  thead > tr, #tabla_movimientos  thead > tr, #tabla_clientes  thead > tr, #tabla_tarifas  thead > tr, #tabla_correos  thead > tr, #tabla_conexiones  thead > tr, #tabla_proyectos  thead > tr, #tabla_categorias  thead > tr, #tabla_categorias_recibidas  thead > tr, #tabla_pendientes_emitidas  thead > tr, #tabla_pendientes_recibidas  thead > tr, #tabla_recibos thead > tr, #tabla_pagos_recurrentes thead > tr, #tabla_transacciones thead > tr, #tabla_facturas thead > tr {
    border-radius:6px !important;
}
.tabla-normal thead > tr > th, #tabla_rentas  thead > tr > th, #tabla_movimientos  thead > tr > th, #tabla_clientes  thead > tr > th, #tabla_tarifas  thead > tr > th, #tabla_correos  thead > tr > th,  #tabla_conexiones  thead > tr > th,  #tabla_proyectos  thead > tr > th,  #tabla_categorias  thead > tr > th,  #tabla_categorias_recibidas  thead > tr > th,  #tabla_pendientes_emitidas  thead > tr > th,  #tabla_pendientes_recibidas  thead > tr > th, #tabla_recibos thead > tr > th, #tabla_pagos_recurrentes thead > tr > th, #tabla_transacciones thead > tr > th, #tabla_facturas thead > tr > th {
    border: 0px !important;
    text-align: center;
    background-color: #01397F;
    /*border: 1px solid #01397F;*/
    color: white;
}
.tabla-normal thead > tr > th:first-child, #tabla_rentas  thead > tr > th:first-child, #tabla_movimientos  thead > tr > th:first-child, #tabla_clientes  thead > tr > th:first-child, #tabla_tarifas  thead > tr > th:first-child, #tabla_correos  thead > tr > th:first-child, #tabla_conexiones  thead > tr > th:first-child, #tabla_proyectos  thead > tr > th:first-child, #tabla_categorias  thead > tr > th:first-child, #tabla_categorias_recibidas  thead > tr > th:first-child, #tabla_pendientes_emitidas  thead > tr > th:first-child, #tabla_pendientes_recibidas  thead > tr > th:first-child, #tabla_recibos thead > tr > th:first-child, #tabla_pagos_recurrentes thead > tr > th:first-child, #tabla_transacciones thead > tr > th:first-child, #tabla_facturas thead > tr > th:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.tabla-normal thead > tr > th:last-child, #tabla_rentas  thead > tr > th:last-child, #tabla_movimientos  thead > tr > th:last-child, #tabla_clientes  thead > tr > th:last-child, #tabla_tarifas  thead > tr > th:last-child, #tabla_correos  thead > tr > th:last-child, #tabla_conexiones  thead > tr > th:last-child, #tabla_proyectos  thead > tr > th:last-child, #tabla_categorias  thead > tr > th:last-child, #tabla_categorias_recibidas  thead > tr > th:last-child, #tabla_pendientes_emitidas  thead > tr > th:last-child, #tabla_pendientes_recibidas  thead > tr > th:last-child, #tabla_recibos thead > tr > th:last-child, #tabla_pagos_recurrentes thead > tr > th:last-child, #tabla_transacciones thead > tr > th:last-child, #tabla_facturas thead > tr > th:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.responsive-row-title {
	text-align: center;
	text-transform:uppercase;
	font-size:16px;
	margin-bottom:7px;
	margin-top:0px;
	padding:4px;
}
.responsive-row{
	margin-bottom:8px;
}
.responsive-row > div {
    margin-bottom: 8px;
}
.responsive-div-detalles-domiciliacion, .responsive-row-recuadro, .responsive-row-recuadro-rojo {
    padding: 4px;
    margin-top: 5px;
    box-shadow: 0px 0px 20px 0px rgb(6 13 56 / 10%);
    border-radius: 10px;
}

.responsive-div-importe-calendar {
	border: 1px solid;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 8px;
	padding: 7px;
	margin-top: 7px;
	margin-bottom: 7px;
}

.responsive-div-accion {
	padding:4px;
	border:1px solid;
	margin-top:5px;
}

.responsive-row-importes {
	/*border: 1px solid;*/
	margin-bottom: 8px;
	padding: 10px; 
	border-radius: 8px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.modificar-nota{
	padding:5px;
	border-radius:10px;
	/*border:1px solid;*/
	margin-top:10px;
	cursor:pointer;
}

.div-contrato-sin-firmar {
	padding:5px;
	margin-top:10px;
	border-radius:3px;
}

.div-mandato-firmado, .div-factura-generada {
/*	border:1px solid;*/
	padding:6px;
	margin-top:10px;
    box-shadow: 0px 0px 20px 0px rgb(6 13 56 / 10%);
    border-radius: 10px;
    margin-bottom: 15px;
}

.div-estado-domiciliaciones {
	border:1px solid;
	border-radius:3px;
	padding:3px;
}

.div-total-estado-rentas {
	border-top:1px dotted;
	margin-top:3px;
	padding:4px;
}

.div-eliminar-enlace {
	cursor: pointer;
	/*border: 1px solid;*/
	padding: 5px;
    box-shadow: 0px 0px 20px 0px rgb(6 13 56 / 10%);
    border-radius: 10px;
    margin-bottom: 3px;
}

.div-duplicar-enlace {
	/*border:1px solid;*/
	padding:5px;
	cursor:pointer;
    box-shadow: 0px 0px 20px 0px rgb(6 13 56 / 10%);
    border-radius: 10px;
    margin-bottom: 3px;
}

.div-editar-enlace {
	/*border:1px solid;*/
	padding:5px;
	cursor:pointer;
    box-shadow: 0px 0px 20px 0px rgb(6 13 56 / 10%);
    border-radius: 10px;
    margin-bottom: 3px;
}

.div-reenviar-email {
	/*border:1px solid;*/
	padding:5px;
	cursor:pointer;
    box-shadow: 0px 0px 20px 0px rgb(6 13 56 / 10%);
    border-radius: 10px;
    margin-bottom: 3px;
}


.div-envio-sms {
	/*border: 1px solid;*/
	padding: 5px;
	cursor: pointer;
    box-shadow: 0px 0px 20px 0px rgb(6 13 56 / 10%);
    border-radius: 10px;
    margin-bottom: 3px;
}

.div-fecha-alta-domiciliacion {
	display:inline-block;
	/*border:1px solid;*/
	/*border-radius:12px;*/
	padding:5px;
	font-size:18px;
    box-shadow: 0px 0px 20px 0px rgb(6 13 56 / 10%);
    border-radius: 10px;
}

.link-tabla-firma {
	text-decoration:underline;
	font-weight:bold;
}

.span-generar-recibo {
	cursor:pointer;
	font-size:14px;
	border:1px solid;
	padding:5px;
}

.div-pago-tarjeta-recuadro {
	font-weight:bold;
	margin:auto;
	width:220px;
	/*border:1px solid;*/
	padding:5px;
	/*border-radius:5px;*/
	cursor:pointer;
    box-shadow: 0px 0px 20px 0px rgb(6 13 56 / 10%);
    border-radius: 10px;
}

.div-total-edicion-renta {
	border:1px solid;
	padding:3px;
}

.div-total-edicion-renta > a {
    color: black;
    font-size: 15px;
}

.div-mandato-no-firmado {
	border:1px solid;
	padding:3px;
	cursor:pointer;
}

.div-codigo-domiciliacion {
	display: inline-block;
	border: 1px solid;
	padding: 10px 10px 10px 10px;
	border-radius: 5px;
	font-weight: 600;
}

.div-fechas-variables {
	/*border:1px solid; */
    box-shadow: 0px 0px 20px 0px rgb(6 13 56 / 10%);
    border-radius: 10px;
	padding:10px;
	margin-bottom: 10px;
}

.div-filtro-fecha, .div-recuadro-general {
	margin: 2px;
	padding: 15px;
    box-shadow: 0px 0px 20px 0px rgb(6 13 56 / 10%);
    border-radius: 10px;
}

.div-estado-devuelto, .div-estado-cobrado, .div-estado-cancelado, .div-estado-emitido {
	border:1px solid;
	border-radius:4px;
	padding:3px;
}

.div-estado-pendpago, .div-estado-pagada, .div-estado-cobrado, .div-estado-devuelto, .div-estado-cancelado, .div-estado-pendiente {
	margin:auto;
	/*border:1px solid;*/
	padding:10px 10px 10px 10px;
	/*border-radius:5px;*/
	font-weight:600;
	margin-top:5px;
	margin-bottom:5px;
    box-shadow: 0px 0px 20px 0px rgb(6 13 56 / 10%);
    border-radius: 10px;
}

.div-recuadro-estado-entidad-pago, .div-estado-recibo-emitido, .div-estado-recibo-reintento, .div-estado-recibo-cobrado, .div-estado-recibo-devuelto, .div-estado-recibo-cancelado, .div-estado-recibo-pendiente, .div-propuesta-estudio {
	display:inline-block;
	border:0px solid;
	padding:10px 10px 10px 10px;
	box-shadow: 0px 0px 20px 0px rgb(6 13 56 / 10%);
    border-radius: 10px;
	font-weight:600;
}

.div-razon-devolucion {
	padding:4px 10px 4px 10px;
	/*border-radius:5px;*/
    box-shadow: 0px 0px 20px 0px rgb(6 13 56 / 10%);
    border-radius: 10px;
}

.div-coste-tarifa {
	border: 1px solid;
	padding: 5px;
}
.div-coste-tarifa-detalles {
	border-bottom: 1px dotted;
}

.div-recuadro-origen {
	padding:5px;
    margin-top:10px;
    box-shadow: 0px 0px 20px 0px rgb(6 13 56 / 10%);
    border-radius: 10px;
}

.div-seleccionar-presupuesto {
	margin: 2px;
	border: 1px solid;
	padding: 15px;
	border-radius: 3px;
}

.div-nota-recibo {
	/*border:1px solid;
	border-radius:4px;*/
	padding:4px;
	margin-top:5px;
    box-shadow: 0px 0px 20px 0px rgb(6 13 56 / 10%);
    border-radius: 10px;
}

.div-nota-recibo-devuelto {
	border:1px solid;
	padding:4px 10px 4px 10px;
	border-radius:5px;
}

.div-titulo-tabla-personalizada {
	text-align:center;
	font-size:18px;
	font-weight:bold;
	padding:5px !important;
}

.div-tabla-personalizada-espacio {
	margin-bottom:15px;
	/*border:1px solid;*/
    box-shadow: 0px 0px 20px 0px rgb(6 13 56 / 10%);
    border-radius: 10px;
}

.div-card-stripe {
	padding-top: 30px;
	box-shadow: 0 25px 30px -13px rgba(40, 40, 40, 0.4);
	/*border: 1px solid;*/
	margin-top: 40px;
	border-color: #d3d8e8;
	background-color: #ecfaff;
    height:500px;
}
.div-card-stripe-left {
    padding-top: 30px;
    box-shadow: 0 25px 30px -13px rgba(40, 40, 40, 0.4);
    /*border: 1px solid;*/
    margin-top: 40px;
    border-color: #d3d8e8;
    background-color: #ecfaff;
    height:500px;
}

.div-card-stripe-last {
    padding-top: 30px;
    box-shadow: 0 25px 30px -13px rgba(40, 40, 40, 0.4);
    /*border: 1px solid;*/
    margin-top: 40px;
    border-color: #d3d8e8;
    background-color: white;
    height:635px;
}

.bottom-stripe-confianza {
    position: absolute;
    display: block;
    bottom: 0px;
    width: 100%;
    margin-bottom: 0px;
}

.card-number-stripe {
    border:1px solid lightgray;
    margin-bottom:2px;
}

.parent-card-stripe {
    display:flex;
}

.card-expiry-stripe{
    width:50%;
    border:1px solid lightgray;
}
.card-cvc-stripe{
    width:49%;
    border:1px solid lightgray;
    margin-left: auto; 
    margin-right: 0;
}

.div-tabla-personalizada-espacio-stripe {
	/*border: 2px solid;*/
	/*border-radius: 5px;*/
	/*margin-top: 15px;*/
    box-shadow: 0px 0px 20px 0px rgb(6 13 56 / 10%);
    border-radius: 10px;
}

.div-movimiento-estado {
	border: 1px solid;
	padding: 10px;
	border-radius: 5px;
	font-weight: 600;
}

.div-moneda-texto-juntos {
	padding: 4px;
	margin-bottom: 7px;
	/*border: 1px solid;*/
    box-shadow: 0px 0px 20px 0px rgb(6 13 56 / 10%);
    border-radius: 10px;
}

.div-estados-domiciliaciones {
	border-top:1px dotted;
	margin-top:3px;
	padding:4px;
}
.span-generar-recibo {
	border:1px solid;
	padding:5px;
	border-radius:5px;
}

.td-texto-principal {
	border-bottom: 1px dotted;
	cursor:pointer;
}

.td-texto {
	font-size: 15px;
	font-weight: bold;
}

.td-domiciliaciones-emitidas {
	border-bottom: 1px dotted;
	cursor:pointer;
}

.label-texto-opciones {
	font-size: 18px;
}
.row-parent > .row {
    margin-left: 0px;
    margin-right: 0px;
}

.clic{
	cursor: pointer;
}

.oculto{
	display: none;
}

.div-opciones-empresa {
	border-bottom: 1px solid;
	padding-bottom:5px;
	margin-bottom:10px;	
}



/* <editor-fold desc="Login" defaultstate="collapsed"> */

.container-login, .container-login-validate {
	padding-top:30px;
	/*box-shadow: 0 25px 30px -13px rgba(40, 40, 40, 0.4);
	border: 1px solid;*/
	margin-top:40px;
    box-shadow: 0px 0px 20px 0px rgb(6 13 56 / 10%);
    border-radius: 10px;
    padding-left: 25px;
    padding-right: 25px;
}

.body-login {
	background-image: url('../img/portada-tadosi-login.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0px 75px;
	font-family:Inter !important;
}

.login-end {
	margin-top:15px;
	padding-top:32px;
	padding-bottom:20px;
	border-radius:0px 0px 10px 10px;
}

.alert-info-login {
	text-align:center;
}
/* </editor-fold> */

/* <editor-fold desc="Registro" defaultstate="collapsed"> */
.imagen-persona-registro {
	border-radius: 100px;
	border: 5px solid;
}

.div-informacion-registro {
	padding-left:20px;
	margin-top:36px;
	margin-bottom:20px;
	font-size:30px;
	font-weight:normal;
}

.borde-izquierdo-separacion{
    border-left:1px solid lightgray;
}
/* </editor-fold> */

.z-index-1051 {
	z-index: 1051;
}
.z-index-1 {
	z-index: 1;
}


.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	padding: 3px 8px;
}

/* ASISTENTE */
.boton-pregunta{
    cursor: pointer;
    margin:15px;
    padding: 12px;
    background-color: #e5f2f7;
    color: rgba(12,130,173,1);
    font-weight: 600;
    font-size: 18px;
    border-radius: 10px;
    border: 2px solid rgba(12,130,173,1);
}
.boton-pregunta:hover{
    color:white;
    background-color:rgba(12,130,173,1);
}
.boton-pregunta-cancelar{
        cursor: pointer;
    margin: 15px;
    padding: 12px;
    background-color: #fdf2f2;
    color: rgb(173, 12, 12);
    font-weight: 600;
    font-size: 18px;
    border-radius: 10px;
    border: 2px solid rgb(173, 12, 12);
}
.boton-pregunta-cancelar:hover{
    color:white;
    background-color: rgb(173, 12, 12);
}
.boton-pregunta-success{
    cursor: pointer;
    margin: 15px;
    padding: 12px;
    background-color: #e8f7e5;
    color: rgb(3, 130, 2);
    font-weight: 600;
    font-size: 18px;
    border-radius: 10px;
    border: 2px solid rgb(3, 130, 2);
}
.boton-pregunta-success:hover{
    color:white;
    background-color: rgb(3, 130, 2);
}
.alert-border{
    border:0px;
}
.btn-cancelar-asistente{
    background-color: #FB404B !important;
    border-color: #FB404B !important;

}
.w100{
    width:100%;
}
.h40{
    height:40px;
}
.cabecera-desplegable, .cabecera-desplegable:hover{
    background-color: #1b799b !important;
    color:white !important;
}
/* FIN ASISTENTE */

.ui-autocomplete {
    font-size: 12px !important;
}


.ui-state-focus {
    color: #5abfe4 !important;
    background: none !important;
    background-color: #edf8fc !important;
    border: 1px solid #5abfe4 !important;
}
.note-btn {
    height: 40px;
}

.dropdown-divider {
    border: 1px solid #E6FBFF;
}

.titulo-alerta-modal-gc {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px;
}
.parrafo-alerta-modal-gc {
    font-size: 18px;
    line-height: 1.5;
    text-align: justify;
    margin-bottom: 15px;
    font-weight: 500;
}
.parrafo-alerta-modal-gc li {
    margin-top: 7px;
}

.facturas-asociadas-texto{
    color: #0a80aa;
    font-size: 16px;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: bold;
}

#moneda_seleccionada {
    /*border: 1px solid #078cbc;*/
    border-radius: 5px;
    padding: 10px;
    /*background-color: #fdffd6;*/
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    color: #01397F;
    box-shadow: 0px 0px 20px 0px rgb(6 13 56 / 10%);
    border-radius: 10px;
}
.div-feedback-no-sel{
    color: #fc5353;
    background-color: white;
    border: 1px solid #fc5353;
}
.div-feedback-sel{
    color: white;
    background-color: #fc5353;
    border: 1px solid #fc5353;
}
.textarea-feedback{
    resize: none;
    width: 100% !important;
    border-color: #0FAAE5;
    padding: 10px;
    font-weight: 500;
    font-size: 18px;
    color: #0FAAE5;
}
.div-button-inside-input{
    /* This bit sets up the horizontal layout */
  display:flex;
  flex-direction:row;
  
  /* This bit draws the box around it */
  /*border:1px solid grey;*/

  /* I've used padding so you can see the edges of the elements. */
  padding:2px;
}
.input-with-button-inside{
  /* Tell the input to use all the available space */
  flex-grow:2;
  /* And hide the input's outline, so the form looks like the outline */
  border:none;
  padding: 8px 12px;
}
.input-with-button-inside:hover{
    /*background-color: #f2fafc;*/
    /*border: none;*/
}
.input-with-button-inside:valid{
    border: none;
}
input.input-with-button-inside::placeholder {
    color: #c2c3c5;
}

.note-editor.note-frame {
    border: 0px !important;
    box-shadow: 0px 0px 20px 0px rgb(6 13 56 / 10%);
    border-radius: 10px;
}

.panel-default>.panel-heading{
    color: #01397F;
}

.page-list > .btn-group > button.btn.btn-default.dropdown-toggle {
    border-radius: 100px !important;
}


.form-group label.error {
    color: #FB404B !important;
}


@media screen and (max-width: 480px) {
    /* ASISTENTE */
    #btn_volver_a_inicio_header{
        width:100%;
        margin-bottom:10px;
    }
    .dr-none{
        display:none;
    }
    .wr100{
        width:100%;
    }
    /* FIN ASISTENTE */

    .tabla-normal tbody > tr > td, #tabla_rentas_responsive  tbody > tr > td, #tabla_movimientos_responsive  tbody > tr > td, #tabla_clientes_responsive  tbody > tr > td, #tabla_tarifas_responsive  tbody > tr > td, #tabla_correos_responsive  tbody > tr > td, #tabla_conexiones_responsive  tbody > tr > td, #tabla_proyectos_responsive  tbody > tr > td, #tabla_categorias_responsive  tbody > tr > td, #tabla_categorias_recibidas_responsive  tbody > tr > td, #tabla_pendientes_emitidas_responsive  tbody > tr > td, #tabla_pendientes_recibidas_responsive  tbody > tr > td {
        border: 1px solid 0DAAE6 !important;
    }
    /* Nuevo color */
    .tabla-normal tbody > tr, #tabla_rentas_responsive  tbody > tr, #tabla_movimientos_responsive  tbody > tr, #tabla_clientes_responsive  tbody > tr, #tabla_tarifas_responsive  tbody > tr, #tabla_correos_responsive  tbody > tr , #tabla_conexiones_responsive  tbody > tr, #tabla_proyectos_responsive  tbody > tr, #tabla_categorias_responsive  tbody > tr, #tabla_categorias_recibidas_responsive  tbody > tr, #tabla_pendientes_emitidas_responsive  tbody > tr, #tabla_pendientes_recibidas_responsive  tbody > tr {
        background-color: #F4F7FF;
        /*box-shadow: 3px 3px 6px #999;*/
    }
    .tabla-normal, tabla_rentas_responsive, #tabla_movimientos_responsive, #tabla_clientes_responsive, #tabla_tarifas_responsive, #tabla_correos_responsive , #tabla_conexiones_responsive, #tabla_proyectos_responsive, #tabla_categorias_responsive, #tabla_categorias_recibidas_responsive, #tabla_pendientes_emitidas_responsive, #tabla_pendientes_recibidas_responsive {
    	border-spacing: 0px 30px !important;
	    display: table;
	    border-collapse: separate !important;
	    /* Nuevo color */
	    /*background-color:lightblue;*/
    }
    .fixed-table-body{
    	margin-right:0px;
    	margin-left:0px;
    }
    .border-orange{
    }

    .columns.columns-right.pull-right{
    	display:none;
    }
    canvas.jSignature { height: 30vh !important }
}

@media (max-width: 480px) {
	.div-act {
		width: 100%;
		min-width: unset;
		max-width: unset;
	}
}

@media screen and (max-width: 480px) {
	#div_texto_anadido{
		display:none;
	}

	.card.container{
		width:95% !important;
	}

	#imagen_logo{
		width:95% !important;
		height: auto;
	}
	
	/*#tabla_movimientos_responsive  tbody > tr > td {
		border: 1px solid 0DAAE6 !important;
	}
	#tabla_movimientos_responsive{
		border-spacing: 0px 20px !important;
		display: table;
		border-collapse: separate !important;
	}*/
	.fixed-table-body{
		margin-right:0px;
		margin-left:0px;
	}
	.table-responsive{
		margin-right:0px !important;
		margin-left:0px !important;
	}
	.sin-padding{
		padding-left:0px;
		padding-right:0px;
	}

    .div-card-stripe {
        height:550px;
    }
    .div-card-stripe-left {
        height:550px;
    }
    .div-card-stripe-last{
        height:750px;
    }

}

@media screen and (max-width: 600px) {
	#texto_extra_politica{
		display:none;
	}
    .note-toolbar.panel-heading {
        display: none;
    }
}

@media screen and (max-width: 991px) {
	.content{
		margin:0px;
	}

	.container{
		margin:auto;
		margin-left:15px;
		margin-top:15px !important;
	}

	.col-principal{
		margin:0px;
	}

	body{
		background-image: none !important;
	}

	.img-logo{
		height:43px;
	}
	
	.ocultar-caras-res{
		display:none;
	}
	.borde-izquierdo-separacion{
		border:0px solid gray;
	}
	.cuadro-entero-lightgray{
		/*border:1px solid lightgray;*/
		padding-top:15px;
		padding-bottom:15px;
	}
	.content{
		padding-top: 5vh !important;
	}
	#div_texto_heading{
		display:none;
	}
	.imagen-logo-domicilialo-register{
		padding-bottom:25px;
	}
	.boton-filtrar {
		margin-top: 0px;
	}

}

@media screen and (max-width: 1366px) {
	.img-logo{
		height:30px;
	}
    .body-login {
        background-position: 0px 140px;
    }
}


@media screen and (max-width: 420px) {
    .div-card-stripe-left {
        height:600px;
    }
}
@media screen and (max-width: 350px) {
    .div-card-stripe-left {
        height:670px;
    }
}
@media screen and (max-width: 300px) {
    .div-card-stripe-left {
        height:750px;
    }
}