.login{
	background-image: url(../images/background-login.jpg);
    background-size: cover;
	background-repeat: no-repeat;
    height: 100vh;
	display: flex;
}

.app-sidebar__user-avatar {
    width: 60px;
    background: none;
    padding: 1px;
	margin: 1px;
}

.app-sidebar__toggle{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 15pt;
}
.app-sidebar__toggle::before{
	display: none;
}

.headerView{
	background: #009688;
	color: #FFF;
}
.headerUpdate{
	background: #009688;
	color: #FFF;
}

.headerRegister{
	background: #009688;
	color: #FFF;
}
.textcenter{
	text-align: center;
}
.textright{
	text-align: right;
}
.textleft{
	text-align: left;
}
.bootstrap-select > .dropdown-toggle{
	border: 1px solid #CCC;
}


/*Estilos login*/
#divLoading{
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(254,254,255, .65);
	z-index: 9999;
	display: none;
}
#divLoading img{
	width: 50px;
	height: 50px;
}
.required{
	color: red;
	font-size: 13pt;
	font-weight: bold;
}
/* style portada categoría */
.prevPhoto {
    display: flex;
    justify-content: space-between;
    width: 300px;
    height: 200px;
    border: 1px solid #CCC;
    position: relative;
    cursor: pointer;
    background: url(../images/uploads/portada_categoria.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin: auto;
}
.prevPhoto label{
	cursor: pointer;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.prevPhoto img{
	width: 100%;
	height: 100%;
}
.upimg, .notblock{
	display: none !important;
}
.errorArchivo{
	font-size: 16px;
	font-family: arial;
	color: #cc0000;
	text-align: center;
	font-weight: bold; 
	margin-top: 10px;
}
.delPhoto{
	color: #FFF;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	background: red;
	position: absolute;
	right: -10px;
	top: -10px;
	z-index: 10;
}
#tbl_list_productos img{
	width: 50px;
}
.imgProductoDelete{
	width: 175px;
}

#imgCategoria{
	text-align: center;
}
#imgCategoria img{
	width: 200px;
	margin: auto;
}

/* Upload fotos*/
#containerImages{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
#containerImages > div{
	margin-right: 10px;
	margin-bottom: 8px;
}
.prevImage{
	border: 1px solid #CCC;
	width: 120px;
	height: 148px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.prevImage img{
	width: 100%;
}
.inputUploadfile{
	display: none;
}
.btnUploadfile, .btnDeleteImage{
	border: 0;
	background-color: #009688;
	text-align: center;
	padding: 2px 3px;
	color: #FFF;
	font-size: 9pt;
	cursor: pointer;
	width: 100%;
}
.btnDeleteImage{
	background-color: #dc3545;
}
.prevImage .loading{
	width: 30px;
	height: 30px;
}
#celFotos img{
	width: 150px;
	margin: 10px;
}

.info_tableros{
	padding: 10px !important;
}

.info_tableros pre{
	font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;	
	font-size: 100% !important;
	white-space: pre-wrap !important;
}

.vista_tableros .app-title{
	margin: -30px -30px 1px -30px;
    padding: 8px 10px;
}

.vista_tableros .row{
	margin-right: -30px !important;
    margin-left: -31px !important;
}

.vista_tableros .row .col-md-12{
	padding: 0px !important;
}

.app-content{
	background-color: #FFF !important;
}

.listar_modulos a div.primario{
	background-color: #009688 !important;
}

.listar_modulos a div.secundario{
	background-color: #9acccd !important;
}

.listar_modulos a div .titulo{
	color: black !important;
}

.listar_modulos a div .icono{
	color: #504e4e !important;
}

.shadow{
	box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.25) !important
}

.subir{
    padding: 5px 10px;
    background: #17a2b8;
    color:#000;
    border:0px solid #fff;
}
 
.subir:hover{
    color:#000;
    background: #086472;
}

.link-primary{
	color: #0d6efd;
}

.link-success{
	color: #198754;
}

.link-info{
	color: #0dcaf0;
}

.menu_tucas .app-menu__item i{
	color:#0e6b72 !important;
	font-weight: bold !important;
	text-align: center;
}

.menu_tucas .treeview-item i{
	color:#2E9C9D !important;
	text-align: center;
}

.app-title .fa{
	color:#0e6b72 !important;
}
.app-title h1{
	font-weight: bold !important;
}

#tableMenus td>i{
	color:#009688 !important;
}

.listar_modulos .card:hover{
	background: #d1e7dd !important;
}

.login{
	display: flex;
    justify-content: center;
    align-items: center;
	
}

.login-content .login-box .login-form, .login-content .login-box .forget-form,
.login-content,.login-content .login-box.flipped{
    padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 5px;
	padding-top: 5px;
}


.login-content .login-box.flipped {
    min-height: 390px;
}
.login-content.password .login-box{
	min-height: 480px;
}

.pagTablero{
	position: fixed;
    top: 1%;
    left: 65%;
    z-index: 4000;
	display: none;
}

@media (max-width: 768px) {
	.pagTablero{
		top: 1%;
		left: 10%;
	}
}

.estilo_primario{
	color: var(--primary) !important;
    font-weight: bold;
	text-transform:capitalize;
}

.badge-valida{
	padding: 0.25em 0.75em;
    font-size: 0.75em;
    font-weight: 400;
	border-radius: 10px;
    text-indent: -1px;
    line-height: 1.25;
	background-color: transparent
}

.badge-outlined-default {
	border-color: 1px solid #B0BEC5;
}

.badge-outlined-primary {
	border: 1px solid #007065;
}

.badge-outlined-primary:hover{
	background-color:#007065;
	color:#fff;
}

.badge-outlined-secondary {
	border: 1px solid #323a45;	
}

.badge-outlined-success {
	border: 1px solid #009487;	
	color:#009487 !important;
}
.badge-outlined-success:hover{
	background-color: #009487 !important;
	color: #fff !important;
}

.badge-outlined-warning {
	border: 1px solid #e0a800;
	color: #e0a800;
}

.badge-outlined-warning:hover{
	background-color:#e0a800 !important;
	color:#fff;
}
.badge-outlined-info {
	border: 1px solid #138496;
	color:#138496 !important;
}
.badge-outlined-info:hover{
	background-color: #138496;
	color:#fff !important;
}

.badge-outlined-danger {
	border: 1px solid #dc3545;
	color:#dc3545;
}

.badge-outlined-danger:hover{
	background-color: #dc3545;
	color:#fff !important;
}

#modalReglas .modal-dialog {
    width: 50% !important;
    max-width: 100% !important;
	height: 100%;
    max-height: 100%;
}

.modal-right {
	padding-right: 0 !important;
}

.modal-right .modal-dialog {
	margin: 0 auto;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
}

#modalReglas  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 0.1rem);
	height: 100%;
}


.nuevaitemrule{
	padding: 5px;
	margin: 5px;
	display: flex;
	justify-content: right;
  }
  
  .row_crear_regla .alert.alert-success{
	padding: 6px !important;
	margin: 0px !important;
	font-weight: bold !important;
	border-radius:0px !important;
  }
  
  #ModalAddReglasParametro .modal-body{
	padding: 0.3em 1em 1em 1em !important;
  }
  
  #modalFormRegla #query{
	width: 100%;
	border: none !important;
	background: transparent !important;
	color:black !important;
	-webkit-text-fill-color:black !important;
	font-size: 1.1em !important;
  }
  
  
  #modalFormRegla #builder #builder-iris .rule-value-container select{
	margin-left: 5px !important;
	width: 15em;
	min-width: 15em;
  }
  #modalFormRegla #builder #builder-iris .rule-value-container input:nth-child(n+2){
	margin-left: 5px !important;
	width: 6em;
	min-width: 6em;
  }
  #modalFormRegla #builder #builder-iris .rule-value-container input:nth-child(-n+1){
	margin-left: 5px !important;
	width: 15em;
	min-width: 15em;
  }
  
  #modalFormRegla #builder #builder-iris .rule-filter-container select{
	margin-left: 5px !important;
	width: 15em;
	min-width: 15em;
  }
  
  
  #modalFormRegla #builder #builder-iris [data-add=rule],
  #modalFormRegla #builder #builder-iris [data-add=group],
  #modalFormRegla #builder #builder-iris [data-delete=group]{
	margin: 2px;
  }
  
  #modalFormRegla #builder #builder-iris .group-conditions label,
  #modalFormRegla #builder #builder-iris .group-conditions label{
	margin: 2px;
  }
  
  #modalFormRegla #builder #builder-iris .rules-list .rule-container{
	display: inline-flex;
	align-items: center;
  }
  #modalFormRegla #builder #builder-iris .rules-list .rule-container .rule-header{
	position: absolute;
	right: 0;
  }
  
  #modalFormRegla #builder #builder-iris .rules-list{
	display: flex;
	flex-direction: column;
  }
  
  #modalFormRegla #builder #builder-iris .borrar_regla{
	/*padding: 0.4em;*/
	padding: 0;
  }
  
  #modalFormRegla #builder #builder-iris .rules-group-container{
	background:transparent !important;
	border-color: rgba(var(--primary-rgb), 1) !important;
  }
  
  #modalFormRegla #builder #builder-iris .rules-group-header{
	display: flex;
	justify-content: flex-start;
  }
  
  #modalFormRegla #builder #builder-iris .group-actions{
	position: absolute;
	right: 1em;
  }
  
  #modalFormRegla #builder #builder-iris .group-actions button{
	padding: 0px !important;
	margin: 1px !important;
	border-radius: 50%;
  }
  
  #modalFormRegla #builder #builder-iris .rule-value-container{
	display: flex !important;
  }
  
  #modalFormRegla #builder #builder-iris .selectwhidthoperator{
	margin-left: 5px !important;
	width: 5em !important;
	min-width: 5em !important;
  }
   
  #modalFormRegla .fa-2{
	font-size: 1.5em;
	color: red !important;
	padding: 0.2em;
  }
  #modalFormRegla .fa-3{
	font-size: 2em;
	color: red !important;
	padding: 0.2em;
  }
  #modalFormRegla .fa-4{
	font-size: 2em;
	color: red !important;
	padding: 0.2em;
  }
  #modalFormRegla .fa-5{
	font-size: 2em;
	color: red !important;
	padding: 0.2em;
  }
  
  #modalFormRegla .success{
	color:#009487 !important; 
  }
  
  #modalFormRegla .danger{
	color:#9c3436 !important; 
  }
  
  #modalFormRegla .borrar_regla:active,
  #modalFormRegla [data-add=rule]:active,
  #modalFormRegla [data-add=group]:active{
	background-color: #b3d9d5 !important;
	border-radius: 50% !important;
  }
  
  #modalFormRegla [data-delete=group]:active{
	background-color: #ffdddd !important;
  }
  
  #modalFormRegla .borrar_regla:hover,
  #modalFormRegla [data-add=rule]:hover,
  #modalFormRegla [data-add=group]:hover,
  #modalFormRegla [data-delete=group]:hover{
	border-radius: 50% !important;
	background-color: #e3eee1 !important;
  }
  
  #modalFormRegla .query-builder .rule-value-container input[type=number], .query-builder .rule-value-container input[type=text], .query-builder .rule-value-container select {
	padding: .375rem .75rem !important;
  }
  
  #modalFormRegla .group-conditions .btn-primary.active{
	background-color: #009487 !important;
  }

  #ModalAddReglasParametro .group-conditions .btn-primary{
	background-color: #7fc5c0 !important;
  }

#builder-iris{
	display: block !important;
}

div:where(.swal2-container){
	z-index: 2500 !important;
}

/*estilos para las card de los calendarios del prestador*/
.page_calendarios .card .card-img-overlay {
    padding: 1.25rem 1.75rem;
	background: rgba(0, 0, 0, 0.35);
    border-radius: 16px;
}

.page_calendarios .bg-transparent {
    background-color: rgba(0,0,0,0) !important;
}

.page_calendarios .card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    border-radius: calc(0.25rem - 1px);
}

.page_calendarios .estilo_calendarios {
    background-color: #d4e7d7e8 !important;
    border-radius: 1em !important;
    height: auto !important;
	padding: 5px !important;
}


.page_calendarios .cta-3 {
	font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 1.25em;
    line-height: 1.3;
    font-weight: 400;
}

.page_calendarios .text-medium {
	padding-top: 3px;
    font-size: 0.9em !important;
	font-weight: 100;
}
.page_calendarios .text-black {
    color: #343a40 !important;
}

.page_calendarios .hover-img-scale-up {
    overflow: hidden;
    backface-visibility: hidden;
    transform: scale(1);
}

.page_calendarios .hover-img-scale-up:hover img.scale {
    transform: scale(1.1);
}
.page_calendarios .hover-img-scale-up img.scale {
    transition: transform 400ms;
}
.page_calendarios .lista_item_calendario:hover{
	//cursor: pointer;
}

@media (min-width: 768px){
	.page_calendarios .sh-md-22 {
		height: 12rem !important;
	}
}

.page_calendarios .sh-20 {
    height: 11rem !important;
}

.page_calendarios .card {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03) !important;
    background: #ffffff;
    border-radius: 10px;
    border: initial;
}

/*Estilos para el modulo de validacion de archivos*/
.page_calendarios .small-title {
    font-weight: 400;
    margin-bottom: 0;
    font-size: 1em;
    color: var(--primary);
}

.estilo_calendario_subir {
    background-color: #f5f5f5;
    border-radius: 1em;
    height: auto !important;
	padding: 5px 0px 0px 10px;
}

.app-content.page_calendarios{
	background: #f9f9f9 !important;
}

.app-content.page_calendarios .tile,.app-content.page_calendarios .card-footer{
	background: #ffffff !important;
}
.page_calendarios .estilo_calendario_subir .cta-3.text-black, .estilo_calendario_subir .periodos span:first-child {
    color: #009487 !important;
}

.page_calendarios .form-control {
    border: 1px solid #dddddd;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
	border-radius: 10px;
}

.page_calendarios .form-control:focus {
    color: #495057;
    background-color: #FFF;
    border-color: #009688;
    border: 1px solid #009688;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
	border-radius: 10px;
}

.estilo_calendario_subir .text-medium{
	margin-top: 10px;
	font-weight: normal !important;
	line-height: 1.8;
	font-size: 0.9em !important;
}

.estilo_calendario_subir .text-small {
	padding-top: 1em;
    font-size: 0.77em !important;
    font-weight: initial !important;
	line-height: 1.8;
}

.text-small {
    font-size: 0.77em !important;
    font-weight: initial !important;
}

@media (min-width: 768px){
	.page_calendarios .row_ips{
		margin-top: -1.5em;
	}
}

.page_calendarios .tile {
	padding: 10px;
}
.page_calendarios .subir_archivo {
	border-radius: 10px;
}

/*Estilos para la seccion de los archivos Cargados*/
.e-n3 {
    right: 0rem !important;
    z-index: 1;
}
.t-2 {
    top: 0.5rem !important;
    z-index: 1;
}

.estado_radicado{
	padding-right: 0px;
	text-align: right;
}
.datos_radicado{
	padding-left: 0px;
	overflow-wrap: break-word;
	--white-space: nowrap;
}
.sw-11 {
    width: 5.5rem !important;
}
.text-tertiary {
    color: #9C3436 !important;
}

.btn_detalles_app.val{
    padding: 0.5em 0.8em !important;
	margin: 2px;
	min-width: 3em;
	width: 3em;
}
.btn_detalles_app.val i{
    margin: 0px;
}

.lista_radicados_ips{
	height: 21em;
	background: #f9f9f9 !important;
}

.cuadro_rad{
	height: 21em;
	background:#f5f5f5 ;
}

@media (min-width: 10px) and (max-width: 767px){
	.lista_radicados_ips{
		margin-bottom: 10px;
		height: auto !important;
	}
	.cuadro_rad{
		margin-bottom: 10px;
		height: auto !important;
	}
	.datos_radicado {
		padding-left: 0.5rem;

	}
	.calendario_actual .text-black, .calendario_actual .text-medium, .calendario_actual .text-small{
		margin-bottom: 0.5em;
	}
}

@media (min-width: 768px){
	.lista_radicados_ips{
		overflow-x: hidden;
		overflow-y: scroll;
	}
	
}

@media (min-width: 768px) and (max-width: 1649px) {
    .lista_radicados_ips{
		height: 55vh;
		background:#f5f5f5 ;
	}
	
	.cuadro_rad{
		height: 55vh;
		background:#f5f5f5 ;
	}

	.calendario_actual .text-black, .calendario_actual .text-medium, .calendario_actual .text-small{
		margin-bottom: 1.5em;
	}
}

@media only screen and (min-width : 1650px) {
	.lista_radicados_ips{
		height: 65vh;
		background:#f5f5f5 ;
	}
	
	.cuadro_rad{
		height: 65vh;
		background:#f5f5f5 ;
	}

	.calendario_actual .text-black, .calendario_actual .text-medium, .calendario_actual .text-small{
		margin-bottom: 3em;
	}
}

.lista_radicados_ips::-webkit-scrollbar {
    -webkit-appearance: none;
}

.lista_radicados_ips::-webkit-scrollbar:vertical {
    width:10px;
}

.lista_radicados_ips::-webkit-scrollbar-button:increment,.lista_radicados_ips::-webkit-scrollbar-button {
    display: none;
} 

.lista_radicados_ips::-webkit-scrollbar:horizontal {
    height: 10px;
}

.lista_radicados_ips::-webkit-scrollbar-thumb {
    background-color: #797979;
    border-radius: 20px;
    border: 2px solid #f1f2f3;
}

.lista_radicados_ips::-webkit-scrollbar-track {
    border-radius: 10px;  
}

.lista_radicados_ips .bg-danger,.lista_radicados_ips .bg-warning, .lista_radicados_ips .bg-success,
.lista_radicados_ips .bg-info{
    color: #fff !important;
}

@media (min-width: 768px){
	.sh-md-12 {
		height: 6rem !important;
	}
}
.sh-14 {
    height: 7rem !important;
}

.swal2-loading .swal2-loader {
	border-left-color: #9c3436 !important;
	border-right-color: #9c3436 !important;
}

div:where(.swal2-container) div:where(.swal2-loader) {
	display: none;
	align-items: center;
	justify-content: center;
	width: 2.2em;
	height: 2.2em;
	margin: 0 1.875em;
	animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
	border-width: 0.25em;
	border-style: solid;
	border-radius: 100%;
	border-color: #009487 rgba(0, 0, 0, 0) #009487 rgba(0, 0, 0, 0) !important;
}

/*estilos captcha*/
#imagen_cargue {
    background-image: url(../images/fon_cap.jpg);
    margin: 0.2em;
    text-align: center;
    box-sizing: border-box;
    box-shadow: 2px 2px 10px 2px gray;
    border-radius: 3px;
    width: 6em;
    min-width: 6em;
    height: 1.5em;
    min-height: 1.5em;
    padding: 1px !important;
    font-weight: bold;
    user-select: none;
    text-decoration: line-through;
    font-style: italic;
    font-size: x-large;
    margin-left: 10px;
}
.recargar_capt {
    cursor: pointer;
}

/*busqueda avanzada de datatable*/

.con_search .search-input-container .search-magnifier-icon, .search-input-container .search-delete-icon {
    color: #afafaf;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 100%;
    text-align: center;
    cursor: pointer;
}

.con_search .search-input-container input,.con_search .search-input-container select {
    background: transparent !important;
    width: calc(100% - 0px);
    border: initial;
}
.con_search .search-input-container {
    border-radius: 10px;
	margin: 4px;
}
.con_search .group_search {
	display: flex;
	justify-content: end;
	flex-wrap: wrap;
}

.con_search .group_search div{
	flex: 0 0 auto; /* Para que los elementos no cambien de tamaño */
  	margin-bottom: 10px; /* Margen entre elementos */
	padding: 0;
}

@media screen and (max-width: 600px) {
	.con_search .group_search div {
	  width: 100%; /* Todos los elementos ocupan el 100% del ancho cuando el ancho de la pantalla es menor que 600px */
	}
}

.con_search .search-input-container .search-magnifier-icon:hover, .search-input-container .search-delete-icon:hover {
    color: var(--primary);
}

.con_search .search-input-container.searc_btn{
	padding: 0;
}

.group_search .btns_rad{
	margin: 0.3em;
}

.center_afil_nov {
    text-align: center;
}
.estilo_afil_nov {
    background-color: #97e7d5 !important;
    font-weight: bold;
}

#tableRadicaciones_filter{
	display: none !important;
}

.btn-foreground-alternate:hover, .btn-foreground-alternate:not(:disabled):not(.disabled):focus:hover, .btn-foreground-alternate:not(:disabled):not(.disabled).focus:hover {
    background-color: #ffffff;
    color: var(--primary) !important;
}

.btn-foreground-alternate, .btn-foreground-alternate:not(:disabled):not(.disabled):focus, .btn-foreground-alternate:not(:disabled):not(.disabled).focus {
    background-color: #ffffff;
    color: #7c7c7c !important;
}

.dividir_vista {
    border-top: 1px solid teal;
    font-weight: bold;
    font-size: 1.3em;
    color: teal;
    text-align: center;
}

.lista_intentos_ips .bg-danger,.lista_intentos_ips .bg-warning, .lista_intentos_ips .bg-success,
.lista_intentos_ips .bg-info{
    color: #fff !important;
}
.lista_intentos_ips .card{
	border:0px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.07);
}

.con_search .caja_dash{
    display: flex;
    align-items: center;
}

.con_search .tile{
    padding: 1em;
}

.con_search .caja_dash .search-input-container{
	margin: 0px;
}

.listar_modulos i,.listar_modulos .titulo {
	transition: color 1s ease;
}

.listar_modulos a:hover i, .listar_modulos a:hover .titulo {
	color: #9c3436 !important; /* Cambia el color de fondo al hacer hover sobre el contenedor */
}

#tableCampos td span{
	margin-right: 2px;
}

input.inputEdicion{
	width: 99%;
    height: 1.625em !important;
	padding: 1em !important;
    margin: 0.2em;
	font-size: 1em !important;
}

select.inputEdicion{
	width: 99%;
	padding: 0.3em !important;
    margin: 0.2em !important;
	font-size: 1em !important;
}

#tableCampos .dropdown-menu.show{
	border-radius: 5%;
}

.tarjeta_cargando .card-body{
	display: flex;
	justify-content: center;
	align-items: center;
}
.tarjeta_cargando .card-body i{
	font-size: 3em;
}
.page_calendarios{
	padding-bottom:1px;
}

.pointer{
	cursor: pointer;
}

.mibadge.danger{
	color: #FFF;
	background-color: #dc3545;
}
.mibadge.warning{
	color: #212529;
  	background-color: #ffc107;
}
.mibadge.info{
	color: #FFF;
  	background-color: #17a2b8;
}
.mibadge.success{
	color: #FFF;
	background-color: #28a745;
}
#icoSistema{
	color:#009688;
}

#icoSistema:hover{
	cursor: pointer;
	color:#000;
}

/*Estilos barra de navegacion*/
.app-header {
	padding-right:10px;
}

.app-nav .dropdown button:hover{
	border: none !important;
}
.app-nav .dropdown button:active,.app-nav .dropdown button:focus{
	border: none !important;
}

.opcion_sistema{
	width: 100%;
	height: 100%;
}
.opcion_sistema .opciones{
	width: 100%;
	height: 100%;
	padding: 10px;
}

.text-left .btn{
	margin-bottom: 0.3em;
}

.text-right .btn{
	margin-bottom: 0.3em;
}

.centrar_cargar{
	display:flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.graficas_calen .row{
	border-bottom: 1px solid #000;
	margin-bottom: 1em;
}

/*Estilos boton flotante*/
.fab-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  user-select: none;
  position: fixed;
  bottom: 30px; right: 30px;
  &:hover {
    height: 100%;
    .sub-button:nth-child(2) {
        transform: translateY(-50px);
    }
    .sub-button:nth-child(3) {
        transform: translateY(-110px);
    }
    .sub-button:nth-child(4) {
        transform: translateY(-170px);
    }
    .sub-button:nth-child(5) {
        transform: translateY(-230px);
    }
    .sub-button:nth-child(6) {
        transform: translateY(-290px);
    }
    .fab-content{
	    transform:rotate(90deg);
		transition: all .5s ease;
	}
  }
  .fab {
    position: relative;
    height: 40px; width: 40px;
    background-color: #17a2b8;
    border-radius: 50%;
    z-index: 2;
    &::before {
      content: " ";
      position: absolute;
      bottom: 0; right: 0;
      height: 20px; width: 20px;
      background-color: inherit;
      border-radius: 0 0 4px 0;
      z-index: -1;
    }
    .fab-content {
      display: flex;
      align-items: center; justify-content: center;
      height: 100%; width: 100%;
      border-radius: 50%;
	  transition: all .5s ease;
      .material-icons {
        color: white;
        font-size: 48px;
      }
    }
  }
  .sub-button {
    position: absolute;
    display: flex;
    align-items: center; justify-content: center;
    bottom: 1px; right: 1px;
    height: 40px; width: 40px;
    background-color: #17a2b8;
    border-radius: 50%;
    transition: all .3s ease;
    &:hover {
     	color:#000;
    }
    .material-icons {
  		color: white;
     	padding-top: 1px;
    }
  }
}
.fab-container i{
	color:#fff;
}

.fab-container a:hover{
	color:#000;
}

.fab-container a:hover i {
    color: #000; /* Cambia el color del icono a rojo cuando se pasa el ratón */
}

/* Estilos para tarjeta de calendarios de IPS*/
.listar_calendarios .right {
    float: right !important;
  }
.listar_calendarios .card {
    position: relative;
    margin: .5rem 0 1rem 0;
    background-color: #fff;
    -webkit-transition: -webkit-box-shadow .25s;
    transition: -webkit-box-shadow .25s;
    transition: box-shadow .25s;
    transition: box-shadow .25s, -webkit-box-shadow .25s;
	border-radius: 2px;
}
.listar_calendarios .card .card-image img {
    display: block;
    border-radius: 2px 2px 0 0;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
}
.listar_calendarios .card .card-image {
    position: relative;
    overflow: hidden;
    transition:0.5s all;
}
.listar_calendarios .card .card-image:hover{
    opacity: 0.6;
    cursor: pointer;
    transition:0.5s all;
    
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1.01;
    --tw-scale-y: 1.01;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.listar_calendarios .card .card-content {
    padding: 10px;
    border-radius: 0 0 2px 2px;
}
.listar_calendarios .card .card-content .card-title {
    font-size: 15px;
    margin-bottom: 8px;
    transition:0.5s all;
}
.listar_calendarios .card .card-title:hover{
      text-decoration: underline;
      cursor:pointer;
      transition:0.5s all;
}
.listar_calendarios .card .card-content p {
    margin: 0;
}
.w-100 {
    width: 100% !important;
}

/* Estilos para campos virtuales de llaves unicas*/
.rowCampoLLaves .container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 20px;
}

.rowCampoLLaves .box {
    width: 48%; /* 50% - un pequeño margen */
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	flex: 1 1 auto;
}

.rowCampoLLaves h1 {
    margin-bottom: 10px;
	font-size: 1.1rem;
}

.rowCampoLLaves input[type="text"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
	background-color: #f1f5f9;
}

.rowCampoLLaves input[type="text"]:focus{
	outline: 0px solid #ccc;
}

.rowCampoLLaves ul {
    list-style-type: none;
    margin-bottom: 20px;
    padding-left: 0;
	height:250px;
	overflow-y:scroll;
}

.rowCampoLLaves ul li {
    margin: 5px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    background-color: #f9f9f9; /* Fondo gris claro */
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    cursor: move; /* Cursor de movimiento */
}

/* Separador entre los elementos de la lista */
.rowCampoLLaves ul li {
    border-bottom: 1px solid #ddd; /* Línea de separación gris */
}

.rowCampoLLaves button {
    padding: 5px 10px;
    
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

@media (max-width: 768px) {
    .rowCampoLLaves .box {
        width: 100%;
    }
}


/**************** ESTILOS DASHBOARD ****************/

.card-custom {
	border-radius: 20px;
	border: none;
	background-color: #ffffff;
	background-color: #eef3f8;
	cursor: pointer;
	padding: 5px 5px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
	transition: all 0.3s ease;
}

.card-custom:hover {
transform: translateY(-5px);
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}

.card-custom h5, .card-custom span{
	margin: 5px;
} 

.card-icon {
	font-size: 2.5rem;
	margin-bottom: 5px;
    padding: 5px;
}

.listar_modulos .card:hover {
	background: #eef3f8 !important;
	opacity:0.9;
}

.badge-custom {
font-size: 0.75rem;
font-weight: 600;
padding: 4px 10px;
border-radius: 5px;
display: inline-block;
margin-top: 8px;
}

.listar_modulos .card-title.mb-1{
	text-align: center;
}

.bgdash-success {
	background-color: #1abc9c;
	color: #fff;
}
.bgdash-text-success {
	color: rgb(25, 135, 84) !important;
}

.bgdash-info {
	background-color: #3498db;
	color: #fff;
}
.bgdash-text-info {
	color: rgb(63 111 183) !important;
}

.bgdash-warning {
	background-color: #e3b406;
	color: #fff;
}
.bgdash-text-warning {
	color: #e3b406;
}

.bgdash-danger {
	background-color: #dc3545 !important;
	color: #fff;
}
.bgdash-text-danger{
	color: #dc3545;
}

.bgdash-light {
	background-color: #17a2b8 !important;
}

.bgdash-dark {
	background-color: #343a40 !important;
}

.cur-hand{
	cursor: pointer !important;
}