/* Clases para los botones de la interfaz inicial  *Home  */

a {
	text-decoration: none;
}


body {
    overflow-y: scroll;
}

/*///////////Objetos//////////*/

.container {
    max-width: 1600px !important;   
	padding-right: 15px;
    padding-left: 15px;
}



.back-varbl{
	background-image: url("../imagery/backgrounds/winter_1920x1200.jpg");
	background-color: #D9D9D9;
		
}

.propium
	{
    border-radius: 6px;
	background-image: url(../imagery/communi/pixelwhite70opacity.png);
	max-width:900px;
	margin-top:5%;
		}
		
.propium2
	{
    border-radius: 6px;
	background-image: url(../imagery/communi/pixelwhite85opacity.png);
	max-width:1550px;
	margin-top:5%;
	padding:15px;
		}
		
.contenedorcito {
	padding:10px 0px 10px 0px;
	}
	
.mi_tarjeta_arriba {
	width: 78px;
	min-width:70px;
	height: 70px;
	display: inline-block ;
    border-radius: 6px 6px 6px 6px;
    border-top: 1px solid #838383; 
	border-right: 1px solid #838383;
	border-left: 1px solid #838383;
	border-bottom: 1px solid #838383;
	text-align:center;
}	

.mi_tarjeta_arriba > img {
  width: auto;
  height: auto;
  max-height: 50px;
  max-width: 60px;
  margin:10px 10px 12px 10px;
	border-radius: 6px 6px 6px 6px;
  object-fit:contain;
}

.mi_tarjeta_arriba_inv {
	width: 78px;
	min-width:70px;
	height: 70px;
	display: inline-block ;
    border-radius: 6px 6px 6px 6px;
	text-align:center;
}	

.mi_tarjeta_arriba_inv > img {
  width: auto;
  height: auto;
  max-height: 50px;
  max-width: 60px;
  margin:10px 10px 12px 10px;
	border-radius: 6px 6px 6px 6px;
  object-fit:contain;
}

.mi_tarjeta_abajo_pacientes, .mi_tarjeta_abajo_citas, .mi_tarjeta_abajo_expedientes, .mi_tarjeta_abajo_estadisticas, .mi_tarjeta_abajo_clinica, .mi_tarjeta_abajo_herramientas, .mi_tarjeta_abajo_facturacion, .mi_tarjeta_abajo_fin_jornada {
	width: 80px;
	min-width:80px;
	height: 38px;
	border-radius: 0px 0px 4px 4px;
	border-width: none;
	text-align:center;
	padding-top:10px;
}

.mi_tarjeta_abajo_pacientes {
	background-color: #4c8bb5;
}

.mi_tarjeta_abajo_citas {
background-color: #839c3e;
}

.mi_tarjeta_abajo_expedientes {
	background-color: #98845c;
}

.mi_tarjeta_abajo_estadisticas {
	background-color: #7bafe7;
	}
	
.mi_tarjeta_abajo_clinica {
	background-color: #8d5f5a;
	}
	
.mi_tarjeta_abajo_herramientas {
	background-color: #747373;
	}
	
.mi_tarjeta_abajo_facturacion {
	background-color: #61703f;
	}

.mi_tarjeta_abajo_fin_jornada {
background-color: #3c505e;
}


.hover_icon_inv {
	width: 30px;
	min-width:30px;
	height: 30px;
	display: inline-block ;
    border-radius: 6px;
	text-align:center;
}	

.hover_icon_inv > img {
  width: auto;
  height: auto;
  max-height: 20px;
  max-width: 20px;
  margin:6px 4px 4px 4px;
  object-fit:contain;
}

	
.sombreado{
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          	box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}


.hr-fact{
border-width: 4px;
border-color: #61703f;
}

.badge-pieza {
    background-color: #4c8bb5;
    color: #ffffff;
    font-size: 11px;
    padding: 1px 8px;
    border-radius: 4px;
}

.badge-probatus {
    background-color: #61703f;
    color: #ffffff;
    font-size: 11px;
    padding: 1px 8px;
    border-radius: 4px;
}






/*//////////////////////COLORES/////////////////*/

.clr-PACI{
	color:#4c8bb5;
}

.clr-PACI05{
	color:#4c8bb5;
	  opacity: 0.5;
}



.clr-CITA{
	color:#839c3e;
}

.clr-CONSU{
	color:#98845c;
}

.clr-ESTAD{
	color:#2471c4;
}

.clr-CLIN{
	color:#8d5f5a;
}

.clr-TOOL{
	color:#747373;
}

.clr-FACT{
	color:#61703f;
}

.clr-FIN{
	color:#3c505e;
}

.clr-alba{
	color:#FFF;
}

.bg-alba{
	background-color: #FFF;
}

.bg-clr-gal{
	background-color: #668fab;
}

.bg-clr-fich{
	background-color: #678397;
}

.text-bg-warning{
	background-color: #DDC35F;
}

.bg-grad-gal-dark{
	background: linear-gradient(to top, #2d485e 0%, #4b687e 12%);
}

.bg-grad-gal-dark2{
	background: linear-gradient(to bottom, #2d485e 0%, #4b687e 12%);
}

.bg-occur-1{background-color: #a2cbe0;}
.bg-occur-11 {background-color:#e8f0f7;}
.bg-occur-2{background-color: #c7d496;}
.bg-occur-3{background-color: #d2c7ae;}
.bg-occur-4{background-color: #7abce7;}
.bg-occur-5{background-color: #ccb0ac;}
.bg-occur-6{background-color: #bebdbd;}
.bg-occur-7{background-color: #b1bb97;}
.bg-occur-8{background-color: #94a5af;}
.bg-occur-9{background-color: #b5cddb;}
.bg-occur-10{background-color: #b5c7d1;}
.bg-occur-11{
	background-color: #dce5ec;
}


.bg-facturas{
		background-color: #61703f;
}

.bg-tto-light{
	background-color: #ede9dd;
}

.bg-tto-light2{
	background-color: #f6f4ee;
}





/*//////////////////BOTONES//////////////////*/

.marco_boton_menu2 {  /* Los botones pequeños, con signo de suma  */ 
	width: 42px;
	min-width:42px;
	height: 42px;
	min-height: 42px;
    border: 1px solid #bbc0c8;
    display: inline-block ;
    border-radius: 4px;
	vertical-align: bottom;

}

.marco_boton_menu2 > img {
  max-height: 20px;
  max-width: 20px;
  margin: 10px 10px 10px 10px;
  object-fit:contain;
}

/* Los botones pequeños, con signo de suma  */ 
.marco_boton_menu2_pacientes, .marco_boton_menu2_citas {  
	width: 42px;
	min-width:42px;
	height: 42px;
	min-height: 42px;
    border: 1px solid #bbc0c8;
    display: inline-block ;
    border-radius: 4px;
	vertical-align: bottom;
	background-color: #eef1f7;
	margin-top: 5px;
	padding-top: 10px;
}


.marco_boton_menu2_pacientes > img, .marco_boton_menu2_citas > img {
  max-height: 20px;
  max-width: 20px;
 /* margin: 10px 10px 10px 10px;*/
  object-fit:contain;
}

.marco_boton_menu2_pacientes:hover {
	background-color: #d3effa;
}


.marco_boton_menu2_citas:hover {
	background-color: #eaf2be;
}


.marco_boton_menu2_expedientes {  /* Los botones pequeños, con signo de suma  */ 
	width: 42px;
	min-width:42px;
	height: 42px;
	min-height: 42px;
    border: 1px solid #bbc0c8;
    display: inline-block ;
    border-radius: 4px;
	vertical-align: bottom;
	background-color: #eef1f7;
	margin-top: 5px;
}

.marco_boton_menu2_expedientes > img {
  max-height: 20px;
  max-width: 20px;
  margin: 10px 10px 10px 10px;
  object-fit:contain;
}

.marco_boton_menu2_expedientes:hover {
	background-color: #e7dcc3;
}

.marco_boton_menu2_herramientas {  /* Los botones pequeños, con signo de suma  */ 

	width: 42px;
	min-width:42px;
	height: 42px;
	min-height: 42px;
    border: 1px solid #bbc0c8;
    display: inline-block ;
    border-radius: 4px;
	box-shadow: 2px 3px 3px #a9a9a9;
	vertical-align: bottom;
	background-color: #eef1f7;
}

.marco_boton_menu2_herramientas > img {
  max-height: 20px;
  max-width: 20px;
  margin: 10px 10px 10px 10px;

  object-fit:contain;
}

.marco_boton_menu2_herramientas:hover {
	background-color: #e7dcc3;
}

.marco_boton_menu2_administracion > img {

  max-height: 20px;
  max-width: 20px;
  margin: 10px 10px 10px 10px;

  object-fit:contain;
}

.marco_boton_menu2_administracion:hover {
	background-color: #e7dcc3;
}


.marco_boton_menu2_facturas {  /* Los botones pequeños, con signo de suma  */ 
	width: 42px;
	min-width:42px;
	height: 42px;
	min-height: 42px;
    border: 1px solid #bbc0c8;
    display: inline-block ;
    border-radius: 4px;
	vertical-align: bottom;
	background-color: #eef1f7;
	margin-top: 5px;

}

.marco_boton_menu2_facturas > img {
  max-height: 20px;
  max-width: 20px;
  margin: 10px 10px 10px 10px;
  object-fit:contain;
}

.marco_boton_menu2_facturas:hover {
	background-color: #e4ebd4;
}

	
.btn_texto, .btn_texto_herramientas
{
	font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
	color: #FFF;	
	font-size: 0.8rem;	
	}
	

.separador_menu1 {
	margin: 15px 2px 0px 0px;
    display: inline-block ;
}

/* Clases para el boton pacientes */
.marco_pacientes {
    background-color: #eef1f7;
}

.marco_pacientes:hover {
	background-color: #d3effa;
}

.marco_pacientes > button {
	background-color: #4c8bb5;
	border-color: #4c8bb5;
}
.marco_pacientes > button:hover {
	border-color: #4c8bb5;
    background: -webkit-linear-gradient(#2e5670,#48884a);  
    background: -moz-linear-gradient(#2e5670,#48884a);  
    background: -o-linear-gradient(#2e5670,#48884a);  
    background: linear-gradient(#2e5670,#48884a); 
}

/* Clases para el boton citas */
.marco_citas {
    background-color: #eef1f7;
}

.marco_citas:hover {
	background-color: #eaf2be;
	border-color:  #79818d;
}

.marco_citas > button {
	background-color: #839c3e;
	border-color: #79818d;
}

.marco_citas > button:hover {
	border-color: #79818d;
    background: -webkit-linear-gradient(#5c6e1d,#8ead24);  
    background: -moz-linear-gradient(#5c6e1d,#8ead24);  
    background: -o-linear-gradient(#5c6e1d,#8ead24);  
    background: linear-gradient(#5c6e1d,#8ead24); 
}

/* Clases para el boton expedientes */
.marco_expedientes {
    background-color: #eef1f7;
}

.marco_expedientes:hover {
	background-color: #e7dcc3;
	border-color: #79818d;
}

.marco_expedientes > button {
	background-color: #98845c;
	border-color: #79818d;
}
.marco_expedientes > button:hover {
	border-color: #79818d;
    background: -webkit-linear-gradient(#b2965e,#97835a);  
    background: -moz-linear-gradient(#b2965e,#97835a);  
    background: -o-linear-gradient(#b2965e,#97835a);  
    background: linear-gradient(#b2965e,#97835a); 
}
.marco_expedientes_inv {
    background-color: none;
}

.marco_expedientes_inv:hover {
	background-color: #184266;
	border-color: #FFF;
}

.marco_expedientes_inv > button {
	background-color: #98845c;
	border-color: #FFF;
}
.marco_expedientes_inv > button:hover {
	border-color: #FFF;
    background: -webkit-linear-gradient(#b2965e,#97835a);  
    background: -moz-linear-gradient(#b2965e,#97835a);  
    background: -o-linear-gradient(#b2965e,#97835a);  
    background: linear-gradient(#b2965e,#97835a); 
}

/* Clases para el boton estadisticas */
.marco_estadisticas {
    background-color: #eef1f7;
}

.marco_estadisticas:hover {
	background-color: #dbebeb;
	border-color: #79818d;
}

.marco_estadisticas > button {
	background-color: #61ace6;
	border-color: #79818d;
}
.marco_estadisticas > button:hover {
	border-color: #79818d;
    background: -webkit-linear-gradient(#2e66a4,#7bafe7);  
    background: -moz-linear-gradient(#2e66a4,#7bafe7);  
    background: -o-linear-gradient(#2e66a4,#7bafe7);  
    background: linear-gradient(#2e66a4,#7bafe7); 
}

/* Clases para el boton ADMINISTRACION CLINICA */
.marco_administracion {
    background-color: #eef1f7;
}

.marco_administracion:hover {
	background-color: #ebdddb;
	border-color: #79818d;
}

.marco_administracion > button {
	background-color: #8d5f5a;
	border-color: #79818d;
}
.marco_administracion > button:hover {
	border-color: #79818d;
    background: -webkit-linear-gradient(#b77b7b,#75504d);  
    background: -moz-linear-gradient(#b77b7b,#75504d);  
    background: -o-linear-gradient(#b77b7b,#75504d);  
    background: linear-gradient(#b77b7b,#75504d); 
}

/* Clases para el boton HERRAMIENTAS */
.marco_herramientas {
    background-color: #eef1f7;
}

.marco_herramientas:hover {
	background-color: #d3d2d1;
	border-color: #79818d;
}

.marco_herramientas > button {
	background-color: #747373;
	border-color: #79818d;
}
.marco_herramientas > button:hover {
	border-color: #79818d;
    background: -webkit-linear-gradient(#bfbebe,#737272);  
    background: -moz-linear-gradient(#bfbebe,#737272);  
    background: -o-linear-gradient(#bfbebe,#737272);  
    background: linear-gradient(#bfbebe,#737272); 
}

/* Clases para el boton FACTURACION */
.marco_facturacion {
    background-color: #eef1f7;
}

.marco_facturacion:hover {
	background-color: #e4ebd4;
	border-color: #79818d;
}

.marco_facturacion > button {
	background-color: #61703f;
	border-color: #79818d;
}
.marco_facturacion > button:hover {
	border-color: #79818d;
    background: -webkit-linear-gradient(#9ba880,#627141);  
    background: -moz-linear-gradient(#9ba880,#627141);  
    background: -o-linear-gradient(#9ba880,#627141);  
    background: linear-gradient(#9ba880,#627141); 
}

.marco_facturacion_inv{	
	background-color: none;
}

.marco_facturacion_inv:hover {
	background-color: #184266;
	border-color: #FFF;
}

.marco_facturacion_inv > button {
	background-color: #98845c;
	border-color: #FFF;
}
.marco_facturacion_inv > button:hover {
	border-color: #FFF;
    background: -webkit-linear-gradient(#b2965e,#97835a);  
    background: -moz-linear-gradient(#b2965e,#97835a);  
    background: -o-linear-gradient(#b2965e,#97835a);  
    background: linear-gradient(#b2965e,#97835a); 
}

.marco_precio{

border-color: rgb(163, 176, 195);
border-radius: 4px;
border-style: solid;
border-width: 1px;
border-image-outset: 0;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
box-sizing: border-box;
color: rgb(108, 117, 125);
padding: 4px;
}

/* Clases para el boton Fin de Jornada */
.marco_fin_jornada {
    background-color: #eef1f7;
}

.marco_fin_jornada:hover {
	background-color: #b6c4ca;
	border-color: #79818d;
}

.marco_fin_jornada > button {
	background-color: #3c505e;
	border-color: #79818d;
}
.marco_fin_jornada > button:hover {
	border-color: #79818d;
    background: -webkit-linear-gradient(#3c505e,#111a1d);  
    background: -moz-linear-gradient(#3c505e,#111a1d);  
    background: -o-linear-gradient(#3c505e,#111a1d);  
    background: linear-gradient(#3c505e,#111a1d); 
}


.sepvar{
	height:50px;
	}
	
/* Clases para el boton MENSAJES */
.marco_mensajes {
    background-color: #eef1f7;
}

.marco_mensajes:hover {
	background-color: #e7dcc3;
	border-color: #79818d;
}

.marco_mensajes > button {
	background-color: #98845c;
	border-color: #79818d;
}
.marco_mensajes > button:hover {
	border-color: #79818d;
    background: -webkit-linear-gradient(#b2965e,#97835a);  
    background: -moz-linear-gradient(#b2965e,#97835a);  
    background: -o-linear-gradient(#b2965e,#97835a);  
    background: linear-gradient(#b2965e,#97835a); 
}


.marco_crear {
    background-color: none;
}

.marco_crear:hover {
	background-color: #eeedee;
	border-color: #FFF;
}

.marco_crear > button {
	background-color: #eaf6fe;
	border-color: #FFF;
}
.marco_crear > button:hover {
	border-color: #FFF;
    background: -webkit-linear-gradient(#b2965e,#97835a);  
    background: -moz-linear-gradient(#b2965e,#97835a);  
    background: -o-linear-gradient(#b2965e,#97835a);  
    background: linear-gradient(#b2965e,#97835a); 
}


.marco_occur0, .marco_occur1, .marco_occur1b, .marco_occur2, .marco_occur3, .marco_occur4, .marco_occur5, .marco_occur6, .marco_occur7, .marco_occur8, .marco_occur9, .marco_occur10 {
	border-radius: 10px;  
	padding: .5rem!important;
	margin-top: 0.2rem;
	margin-bottom: 0.2rem;
	border: 1px solid transparent;
}


.marco_occur0:hover, .marco_occur1:hover, .marco_occur1b:hover, .marco_occur2:hover, .marco_occur3:hover, .marco_occur4:hover, .marco_occur5:hover, .marco_occur6:hover, .marco_occur7:hover, .marco_occur8:hover, .marco_occur9:hover, .marco_occur10:hover {
	
	border: 1px solid;

}

.marco_occur0:hover{
	
}

.marco_occur1:hover{
	border-color: #4c8bb5;

}

.marco_occur_vacuo {
	min-height: 50px;
	background-color: #f0eeee;
	border-radius: 5px;
	text-align: center;
	display: flex; /* Flexbox para la columna */
 	justify-content: center; /* Centrado horizontal */
 	align-items: center; /* Centrado vertical */
	padding-left: 1.2rem;
	padding-right: 1.2rem;
	margin-top: 0.2rem;
	margin-bottom: 0.2rem;
	max-width: 117px;
	border: 1px solid transparent;

}

.marco_occur_vacuo:hover{
	border: 1px solid;
	border-color: #BCBCBC;
}


.marco_occur_vacuo_mobil {
	min-height: 35px;
	background-color: #f0eeee;
	border-radius: 5px;
	text-align: center;
	display: flex; /* Flexbox para la columna */
 	justify-content: center; /* Centrado horizontal */
 	align-items: center; /* Centrado vertical */
	padding-left: 1.2rem;
	padding-right: 1.2rem;
	margin-top: 0.2rem;
	margin-bottom: 0.2rem;

}



.marco_occur0 {background-color: #ece9e9;}
.marco_occur1 { background-color: #ddedf4; }
.marco_occur1b { background-color: #b3d4e6; }
.marco_occur2 { background-color: #d9e2b4;}
.marco_occur3 {background-color: #d2c7ae;}
.marco_occur4 {background-color: #7abce7;}
.marco_occur5 {background-color: #ccb0ac;}
.marco_occur6 {background-color: #bebdbd;}
.marco_occur7 {background-color: #b1bb97;}
.marco_occur8 {background-color: #94a5af;}
.marco_occur9 {background-color: #b5cddb;}
.marco_occur10 {background-color: #b5c7d1;}



.marco_occur0_t, .marco_occur1_t, .marco_occur2_t, .marco_occur3_t, .marco_occur4_t, .marco_occur5_t, .marco_occur6_t, .marco_occur7_t, .marco_occur8_t, .marco_occur9_t, .marco_occur10_t {
	border-radius: 10px 10px 0px 0px;  
	padding: .5rem!important;
	font-family:Roboto;
	font-weight:400;
	color:#171717;	
	font-size:11pt;
	line-height:1.4em;
}

.marco_occur0_t {background-color: #ece9e9;}
.marco_occur1_t { background-color: #a2cbe0; }
.marco_occur2_t { background-color: #c7d496;}
.marco_occur3_t {background-color: #d2c7ae;}
.marco_occur4_t {background-color: #7abce7;}
.marco_occur5_t {background-color: #ccb0ac;}
.marco_occur6_t {background-color: #bebdbd;}
.marco_occur7_t {background-color: #b1bb97;}
.marco_occur8_t {background-color: #94a5af;}
.marco_occur9_t {background-color: #b5cddb;}
.marco_occur10_t {background-color: #b5c7d1;}


.marco_occur0_b, .marco_occur1_b, .marco_occur2_b, .marco_occur3_b, .marco_occur4_b, .marco_occur5_b, .marco_occur6_b, .marco_occur7_b, .marco_occur8_b, .marco_occur9_b, .marco_occur10_b {
	border-radius: 0px 0px 10px 10px ;  
	padding: .5rem!important;
	font-family:Roboto;
	font-weight:400;
	color:#171717;	
	font-size:11pt;
	line-height:1.4em;
}

.marco_occur0_b {background-color: #ece9e9;}
.marco_occur1_b { background-color: #a2cbe0; }
.marco_occur2_b { background-color: #c7d496;}
.marco_occur3_b {background-color: #d2c7ae;}
.marco_occur4_b {background-color: #7abce7;}
.marco_occur5_b {background-color: #ccb0ac;}
.marco_occur6_b {background-color: #bebdbd;}
.marco_occur7_b {background-color: #b1bb97;}
.marco_occur8_b {background-color: #94a5af;}
.marco_occur9_b {background-color: #b5cddb;}
.marco_occur10_b {background-color: #b5c7d1;}







 /* Botón de editar  */

.boton-edit {
	display: inline-block;
}


.boton-edit img{
        width: 26px; 
        transition: transform 0.3s ease;
        cursor: pointer;
    }

    /* Efecto hover */
    .boton-edit img:hover {
        content: url('../imagery/communi/edit_icon-3-hover.svg'); 
    }


 /* Botón de borrar x  */

.boton-borrar {
	display: inline-block;
}


.boton-borrar img{
        width: 26px; 
        transition: transform 0.3s ease;
        cursor: pointer;
    }

    /* Efecto hover */
    .boton-borrar img:hover {
        content: url('../imagery/communi/claudere-hover.svg'); 
    }


 /* Botoncito de información */

.boton-info {
	display: inline-block;
}


.boton-info img{
        width: 14px; 
        transition: transform 0.3s ease;
        cursor: pointer;
    }

    /* Efecto hover */
    .boton-info img:hover {
        content: url('../imagery/communi/info-icon-hover.svg'); 
    }



/*/////// boton modal subir archivos //////*/


.subir_files {
	background-image: url("../imagery/dashboard/maspacientes.png");
	background-position: center;
	background-size: 60% 60%;
	background-repeat: no-repeat;
}






/*//////////////////*/

.container_calend{

width: 100%;
padding-right: calc(var(--bs-gutter-x) * .5);
padding-left: calc(var(--bs-gutter-x) * .5);
margin-right: auto;
margin-left: auto;

}


.caja_totales{
	background-color: #d0d9bb;
	padding-top: 2rem;
	border-radius: 6px;
}

.thumb_doc1{
	width: 2rem;
	float: left;
}

.thumb_doc1:hover{
  background-color: #eef1f7;
border-radius: 0px 12px 0px 0px;
/*	width: 2.1rem;
	min-width:2.1rem;
	height: 2.1rem;
	display: inline-block ;
    border-radius: 6px 6px 6px 6px;
    border: 1px solid #838383; 
	text-align:center;*/
}


.dot_box{
	border-style: dotted;
	border-width: medium;
	border-color: #668fab;
}


.icon-30{
	width: 30px;
	height: auto;
	margin-right: 10px;
}

/*
////////////botones//////////////*/



.btn_DOC  {
	background-color:#668fab; 
	border-color:#a3b0c3;
	border-width: thin;
	color:#FFF;
}


.btn_DOC:hover  {
	background-color:#184266; 
	border-color:#668fab;
	border-width: thin;
	color:#FFF;
}

.btn_DOC:active  {
	background-color:#668fab; 
	border-color:#052841;
	border-width: thin;
	color:#FFF;
}



.btn_ODO  {
	background-color:#668fab; 
	border-color:#668fab;
	border-width: thin;
	color:#FFF;
}


.btn_ODO:hover  {
	background-color:#184266; 
	border-color:#668fab;
	border-width: thin;
	color:#FFF;
}

.btn_ODO:active  {
	background-color:#668fab; 
	border-color:#052841;
	border-width: thin;
	color:#FFF;
}



.btn_Cancel  {
	background-color:none; 
	border-color:#a3b0c3;
	border-width: thin;
	color:#666;
	
}


.btn_Cancel:hover  {
	background-color:#a3b0c3; 
	border-color:#a3b0c3;
	border-width: thin;
	color:#FFF;
}

.btn_Cancel:active  {
	background-color:#e2e5e7; 
	border-color:#668fab;
	border-width: thin;
	color:#668fab;
	
}

.btn_Cancel_inv  {
	background-color:none; 
	border-color:#a3b0c3;
	border-width: thin;
	color:#FFF;
	
}


.btn_Cancel_inv:hover  {
	background-color:#a3b0c3; 
	border-color:#a3b0c3;
	border-width: thin;
	color:#052841;
}

.btn_Cancel_inv:active  {
	background-color:#e2e5e7; 
	border-color:#668fab;
	border-width: thin;
	color:#668fab;
	
}

.btn_back  {
	background-color:none; 
	border-color:#a3b0c3;
	border-width:thin;
	color:#666;
	background-image: url("../imagery/communi/flecha-atras.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 70% 60%;
	height: 30px;
	width: 30px;

}


.btn_back:hover  {
	background-color:#668fab; 
	border-color:#668fab;
	border-width: thin;
	color:#666;
	background-image: url("../imagery/communi/flecha-atras-inv.svg");
	background-repeat: no-repeat;
}

.btn_back_inv  {
	background-color:none; 
	background-image: url("../imagery/communi/flecha-atras-inv.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 70% 60%;
	height: 28px;
	width: 28px;


}


.btn_back_inv:hover  {
	background-color:#184266; 
	border-color:none;
	border-width: none;
	background-image: url("../imagery/communi/flecha-atras-inv.svg");
	background-repeat: no-repeat;
}

.btn_foward  {
	background-color:none; 
	border-color:#a3b0c3;
	border-width:thin;
	color:#666;
	background-image: url("../imagery/communi/flecha-adelante.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 70% 60%;
	height: 28px;
	width: 28px;


}


.btn_foward:hover  {
	background-color:none; 
	border-color:#668fab;
	border-width: thin;
	color:#666;
	background-image: url("../imagery/communi/flecha-adelante-inv.svg");
	background-repeat: no-repeat;
}

.btn_foward_inv  {
	background-color:none; 
	background-image: url("../imagery/communi/flecha-adelante-inv.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 70% 60%;
	height: 30px;
	width: 30px;


}


.btn_foward_inv:hover  {
	background-color:#184266; 
	background-image: url("../imagery/communi/flecha-adelante-inv.svg");
	background-repeat: no-repeat;
}


.btn-Light-ODO{
	background-color: #63636;
}

.accordion-button:not(.collapsed){
	background-color: #ccdeed;
	color: #3d627b;
}


.btn_icon_edit  {
	background-color:none; 
	background-image: url("../imagery/communi/edit_icon.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 70% 60%;
	height: 30px;
	width: auto;
	mix-blend-mode: multiply;

}


.btn_icon_edit:hover  {
	background-color:#ebf2f8; 
	border-color: none;
	border-width: none;
	background-image: url("../imagery/communi/edit_icon.png");
	background-repeat: no-repeat;
}




.btn_icon_edit_inv  {
	background-color:none; 
	background-image: url("../imagery/communi/edit_icon-3-blanco.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 70% 70%;
	height: 35px;
	width: 35px;
}


.btn_icon_edit_inv:hover  {
	background-color:#184266; 
	border-color:none;
	border-width: none;
	background-repeat: no-repeat;
}


.btn_icon_exp_inv  {
	background-color:none; 
	background-image: url("../imagery/communi/expediente-icon.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 70% 70%;
	height: 35px;
	width: 35px;
}


.btn_icon_exp_inv:hover  {
	background-color:#184266; 
	border-color:none;
	border-width: none;
	background-repeat: no-repeat;
}


.btn_icon_exp_albo  {
	background-color:none; 
	background-image: url("../imagery/communi/expediente-icon-white.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 70% 70%;
	height: 35px;
	width: 35px;
}


.btn_icon_exp_albo:hover  {
	background-color:#184266; 
	border-color:none;
	border-width: none;
	background-repeat: no-repeat;
}


.btn_mas_items  {
	background-color:none; 
	background-image: url("../imagery/dashboard/maspacientes.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50%;
	height: 20px;
	width: 10px;
	
}


.btn_mas_items:hover  {
	background-color:#184266; 
	border-color:none;
	border-width: none;
	background-image: url("../imagery/communi/masblanco.png");
}


.btn_icon_launch_inv  {
	background-color:none; 
	background-image: url("../imagery/communi/open-launch-inv.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 70% 70%;
	height: 30px;
	width: 30px;
}


.btn_icon_launch_inv:hover  {
	background-color:#184266; 
	border-color:none;
	border-width: none;
	background-repeat: no-repeat;
}


.cabec_small {
	margin-top:.5rem!important;
	margin-bottom:.5rem!important;
		
}

.cabec_small-2 {
	margin-bottom:.5rem!important;
	padding-top: .5rem;	
}


.occur-obsessa {
position: relative;
  width: 30px;
  height: 30px;
	text-align:center;
	display: flex; /* Flexbox para la columna */
 	justify-content: center; /* Centrado horizontal */
 	align-items: center; /* Centrado vertical */
}

.occur-obsessa::before{
content: url('../imagery/communi/cita-bloqueada.svg');
  display: block;
  position: absolute;
width: 100%;
  height: 100%;
object-fit: cover;
}

.occur-prandi {
position: relative;
  width: 30px;
  height: 30px;
  
	text-align:center;
}

.occur-prandi::before{
content: url('../imagery/communi/out-lunch.svg');
  display: block;
  position: absolute;
width: 100%;
  height: 100%;
object-fit: cover;
}

.occur-morbus {
position: relative;
  width: 30px;
  height: 30px;
	text-align:center;
}

.occur-morbus::before{
content: url('../imagery/communi/out-sick.svg');
  display: block;
  position: absolute;
width: 100%;
  height: 100%;
object-fit: cover;
}

.occur-manutentio {
position: relative;
  width: 30px;
  height: 30px;
  
	text-align:center;
}

.occur-manutentio::before{
content: url('../imagery/communi/manutentio.svg');
  display: block;
  position: absolute;
width: 100%;
  height: 100%;
object-fit: cover;
}


/*////////////2024////////////*/

.rounded_Cl {
	border-radius: 1.5rem;

}



/*//////////////tablas///////////*/

/*///////////Texto parcial///////////*/

div.txtp {
  white-space: nowrap; 
/*  width: 50px;*/

  overflow: hidden;
  text-overflow: ellipsis; 
}


/*///////ostende/abscondo////////*/

.ostend{
	display:block;
}

.abscon{
	display:none;
}



.border_calend{
	border: solid;
	border-width: thin;
	border-color: #668fab;
}



/*////////////////////////Responsive/////////////////////////*/
	
@media (min-width:1367px) {
.sepvar{
	height:100px;
	}
	
	.container {
		max-width: 1600px;
	}
	
	
}	


@media (min-width:1200px) {

	
.container_calend{

max-width: 1300px;

padding-right: calc(var(--bs-gutter-x) * .5);
padding-left: calc(var(--bs-gutter-x) * .5);
margin-right: auto;
margin-left: auto;

}	
	
	
}	


@media screen and (max-width:1200px) {

/*.marco_boton_menu2_pacientes{		
margin-top:10px;
}*/
/*.marco_boton_menu2_citas{		
margin-top:10px;
}
*/
/*.marco_boton_menu2_expedientes{		
margin-top:10px;
}*/

/*.marco_boton_menu2_facturas{		
margin-top:10px;
}	*/	
		
}		



@media screen and (min-width:992px) and (max-width:1199.98px){
	

.container_calend{
width: 900px;
padding-right: calc(var(--bs-gutter-x) * .5);
padding-left: calc(var(--bs-gutter-x) * .5);
margin-right: auto;
margin-left: auto;

}	

}


@media screen and (min-width:992px) {
	
.container800
	{
		max-width: 800px;
		margin-left: auto;
		margin-right: auto;
		}

}



@media screen and (max-width:991px) {
	
.container800
	{
		max-width: 800px;
		margin-left: auto;
		margin-right: auto;
		}
	
	
.container_calend{
width: 800px;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * .5);
padding-left: calc(var(--bs-gutter-x) * .5);
margin-right: auto;
margin-left: auto;

}	
	

.marco_occur_vacuo {
		padding-left: 1.17rem;
		padding-right: 1.17rem;
	}	
	
	
}

@media screen and (min-width:768px) {
.abscon{
	display:none;
}
}

@media screen and (min-height:768px) {
.panel_propio
	{
	margin-top:5%;
		}
}

@media screen and (max-width:767.98px) {
	
.ostend{
	display:none;
}

.abscon{
	display:block;
}
	
	
	
.marco_occur0, .marco_occur1, .marco_occur2, .marco_occur3, .marco_occur4, .marco_occur5, .marco_occur6, .marco_occur7, .marco_occur8, .marco_occur9, .marco_occur10 {
	border-radius: var(--bs-border-radius)!important;  
	padding: .5rem!important;
	font-family:Roboto;
	font-weight:400;
	color:#171717;	
	font-size:13pt;
	line-height:1.2em;
}	
	
	


}

@media screen and (min-width:679px) {

	
	.container800
	{
		max-width: 600px;
		margin: 0px;
		margin-left: auto;
		margin-right: auto;

		}

}


/*///////////SMALL ////////////////*/
@media (max-width:678px) {

.container {
    max-width: 95%; 
	margin: 0px;
	  }

.contenedorcito {
	padding:10px 0px 10px 0px;
	margin-left:0px;
	margin-right:0px;
	}
	
.container800
	{
		max-width: 100%;
		margin: 0px;
		padding-right: 15px;
		padding-left: 15px;

		}	

/*.mi_tarjeta_arriba {
	width: 70px;
	min-width:70px;
	height: 80px;
}

.mi_tarjeta_arriba > img {
  width: auto;
  height : auto;
  max-height: 70px;
  max-width: 70px;
  margin:10px 10px 12px 10px;
}*/	

.mi_tarjeta_abajo_pacientes, .mi_tarjeta_abajo_citas, .mi_tarjeta_abajo_expedientes, .mi_tarjeta_abajo_estadisticas, .mi_tarjeta_abajo_clinica, .mi_tarjeta_abajo_herramientas, .mi_tarjeta_abajo_facturacion, .mi_tarjeta_abajo_fin_jornada {
	width: 100px;
	min-width:100px;
	height: 38px;
	padding-top:10px;
	font-size: 1.0rem;	
}

.btn_texto_herramientas {
	font-size: 0.76rem;	
	}

.mi_tarjeta_abajo_fin_jornada{
	line-height:normal;
	padding-top:4px;
	}
}


.cabec_small {
	margin-top:.25rem!important;
	margin-bottom:0px;
		
}

.cabec_small-2 {
	margin-bottom:.0px;
		
}



@media (max-width:576px) {

.marco_boton_menu2_herramientas {	
display:invisible;
}
	
.marco_boton_menu2_expedientes{		
margin-top:5px;
}

.marco_boton_menu2_facturas{		
margin-top:10px;
}

}

@media (max-width:549px){
.marco_boton_menu2 {	
display:invisible;
}	
.marco_boton_menu2_herramientas {	
display:invisible;
}
	
	}


@media (max-width:537px) {
.marco_boton_menu2 {	
display:none;
}	
	
.marco_boton_menu2_herramientas {	
display:none;
}

/*.panel_propio
{
width:100%;
}*/

}



.cabec_small {
	margin-top:.25rem!important;
	margin-bottom:0px!important;
		
}

.cabec_small-2 {
	margin-bottom:.0px!important;
		
}


@media (max-width:360px) {
	
.panel_propio
{
margin-top:2%;
}

.contenedorcito {
	padding-bottom: 8px;
	}

.mi_tarjeta_arriba {
	width: 70px;
	min-width:70px;
	height: 69px;
}

.mi_tarjeta_arriba > img {
  width: auto;
  height : auto;
  max-height: 70px;
  max-width: 70px;
  margin:10px 12px 12px 11px;
}	

.mi_tarjeta_abajo_pacientes, .mi_tarjeta_abajo_citas, .mi_tarjeta_abajo_expedientes, .mi_tarjeta_abajo_estadisticas, .mi_tarjeta_abajo_clinica, .mi_tarjeta_abajo_herramientas, .mi_tarjeta_abajo_facturacion, .mi_tarjeta_abajo_fin_jornada {
	width: 88px;
	min-width:88px;
	height: 28px;
	padding-top:8px;
}

/*.marco_boton_menu2_pacientes, .marco_boton_menu2_citas, .marco_boton_menu2_expedientes, .marco_boton_menu2_facturas {
	margin-top:5px;
	}*/

.btn_texto, .btn_texto_herramientas
{
	font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
	color: #FFF;	
	font-size: 0.65rem;
	}

	}

/* Fila de iconos de expediente de paciente — versión compacta */
.row-iconos-paciente .mi_tarjeta_arriba_inv {
    width: 54px;
    min-width: 44px;
    height: 50px;
}
.row-iconos-paciente .mi_tarjeta_arriba_inv > img {
    max-height: 30px;
    max-width: 38px;
    margin: 8px 7px 7px 7px;
}
.row-iconos-paciente .contenedorcito {
    padding: 5px 0px 5px 0px;
}