/* Correcion al estilo del boton de input-file */
input[type="file"]::file-selector-button {
    padding-right: 5%;
}

.btn-flat:disabled {
    color: #c9c9c9
}

.btn-flat.verified {
    filter: grayscale(1)
}


table { 
    width: 100%; 
    border-collapse: collapse; 
    table-layout: fixed;
  }

td, th { 
    padding: 6px; 
    text-align: left; 
    word-wrap:break-word;
    margin: 2vmin;
}

@media 
only screen and (max-width: 767px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid rgba(0, 0, 0, 0.568); }
	
	td { 
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
        text-align: center;
        max-height: 100% !important;
        height: 100% !important;
	}
	
	td:before { 
		position: absolute;
		top: 7px;
		left: 7px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
}

@media 
only screen and (max-width: 767px){
    td{
        font-size: 2.7vmin;
    }
}

/* ui changes styles */
body {
	color: #152536;
}

.egi-card {
	background-color: white !important;
	border-radius: 7px;
	-webkit-box-shadow: 0px 2px 5px 1px rgba(230,230,230,1);
	-moz-box-shadow: 0px 2px 5px 1px rgba(230,230,230,1);
	box-shadow: 0px 2px 5px 1px rgba(230,230,230,1);
}

.egi-card.border-none {
	border-radius: 0;
}

.egi-card.shadow-none {
	box-shadow: none;
}
.egi-card.radius {
	border-radius: 5px;
}

.egi-icon-indicator {
	height: 30px;
	width: 40px;
	text-align: center;
	border-radius: 20px;
	font-size: 20px !important;
	color: white;
	margin-top: auto;
	margin-bottom: auto;
	padding-top: 5px;
}

.egi-icon-indicator.info {
	background-color: #06B6D4;
}

.egi-icon-indicator.primary {
	background-color: #0284C7;
}
.egi-icon-indicator.secondary {
	background-color: #4338CA;
}

.egi-tab {
	padding: 5px 8px 5px 8px;
	color: #A1A5B7;
	font-size: 14px;
	cursor: pointer;
	text-decoration: none;
}
.egi-tab:hover {
	color: #0284C7;
}
.egi-tab.active {
	color: #0284C7;
	border-bottom: 1.7px solid #0284C7; 
}
.egi-tab.secondary:hover {
	color: #4338CA;
}
.egi-tab.secondary.active {
	color: #4338CA;
	border-bottom: 1.7px solid #4338CA; 
}

.text-egi-default {
	color: #152536;
}

.text-egi-secondary {
	color: #4338CA;
}

.text-egi-primary {
	color: #0284C7;
}

.text-egi-danger {
	color: #991B1B;
}

/* Custom buttons */
.btn-egi-primary {
	color: white;
	border-radius: 4px;
	background-color: #0284C7;
}
.btn-egi-primary:hover {
	color: white;
	background-color: #075985;
}
.btn-egi-primary:focus {
	color: white;
	box-shadow: none;
	background-color: #082F49;
}

.btn-egi-secondary {
	color: white;
	border-radius: 4px;
	background-color: #4F46E5;
}
.btn-egi-secondary:hover {
	color: white;
	background-color: #4338CA;
}
.btn-egi-secondary:focus {
	color: white;
	box-shadow: none;
	background-color: #312E81;
}

.btn-egi-success {
	color: white;
	border-radius: 4px;
	background-color: #059669;
}
.btn-egi-success:hover {
	color: white;
	background-color: #065F46;
}
.btn-egi-success:focus {
	color: white;
	box-shadow: none;
	background-color: #064E3B;
}

.btn-egi-danger {
	color: white;
	border-radius: 4px;
	background-color: #DC2626;
}
.btn-egi-danger:hover {
	color: white;
	background-color: #C82333;
}
.btn-egi-danger:focus {
	color: white;
	box-shadow: none;
	background-color: #991B1B;
}

.btn-egi-warning {
	color: white;
	border-radius: 4px;
	background-color: #F59E0B;
}
.btn-egi-warning:hover {
	color: white;
	background-color: #D97706;
}
.btn-egi-warning:focus {
	color: white;
	box-shadow: none;
	background-color: #B45309;
}

.btn-egi-info {
	color: white;
	border-radius: 4px;
	background-color: #0AA2C0;
}
.btn-egi-info:hover {
	color: white;
	background-color: #087990;
}
.btn-egi-info:focus {
	color: white;
	box-shadow: none;
	background-color: #055160;
}

.btn-egi-light {
	color: #343A40;
	border-radius: 4px;
	background-color: #F8F9FA;
}
.btn-egi-light:hover {
	color: #343A40;
	background-color: #DEE2E6;
}
.btn-egi-light:focus {
	color: #343A40;
	box-shadow: none;
	background-color: #CED4DA;
}

.btn-egi-dark {
	color: white;
	border-radius: 4px;
	background-color: #6C757D;
}
.btn-egi-dark:hover {
	color: white;
	background-color: #343A40;
}
.btn-egi-dark:focus {
	color: white;
	box-shadow: none;
	background-color: #212529;
}
.btn-egi-outline-primary {
	color: #0284C7;
	border: solid 2px #0284C7;
	border-radius: 6px;
	background-color: #00000000;
	font-weight: bold;
}
.btn-egi-outline-primary:hover {
	color: white;
	border: solid 2px #0284C7;
	border-radius: 6px;
	background-color: #0284C7;
}
.btn-egi-outline-secondary {
	color: #4F46E5;
	border: solid 2px #4F46E5;
	border-radius: 6px;
	background-color: #00000000;
	font-weight: bold;
}
.btn-egi-outline-secondary:hover {
	color: white;
	background-color: #4F46E5;
}

/* custom icon buttons */
.btn-egi-icon-primary {
	color: #0284C7;
	font-size: 16px;
	border-radius: 20px;
	background-color: #E9ECEF;
	padding: 1px 15px;
	margin: 2px 0;
}
.btn-egi-icon-primary:hover {
	color: #075985;
	background-color: #DEE2E6;
}
.btn-egi-icon-primary:focus {
	color: #082F49;
	box-shadow: none;
	background-color: #CED4DA;
}

.btn-egi-icon-secondary {
	color: #4F46E5;
	font-size: 16px;
	border-radius: 20px;
	background-color: #E9ECEF;
	padding: 1px 15px;
	margin: 2px 0;
}
.btn-egi-icon-secondary:hover {
	color: #4338CA;
	background-color: #DEE2E6;
}
.btn-egi-icon-secondary:focus {
	color: #312E81;
	box-shadow: none;
	background-color: #CED4DA;
}

.btn-egi-icon-success {
	color: #059669;
	font-size: 16px;
	border-radius: 20px;
	background-color: #E9ECEF;
	padding: 1px 15px;
	margin: 2px 0;
}
.btn-egi-icon-success:hover {
	color: #065F46;
	background-color: #DEE2E6;
}
.btn-egi-icon-success:focus {
	color: #065F46;
	box-shadow: none;
	background-color: #CED4DA;
}

.btn-egi-icon-danger {
	color: #DC2626;
	font-size: 16px;
	border-radius: 20px;
	background-color: #E9ECEF;
	padding: 1px 15px;
	margin: 2px 0;
}
.btn-egi-icon-danger:hover {
	color: #C82333;
	background-color: #DEE2E6;
}
.btn-egi-icon-danger:focus {
	color: #991B1B;
	box-shadow: none;
	background-color: #CED4DA;
}

.btn-egi-icon-warning {
	color: #F59E0B;
	font-size: 16px;
	border-radius: 20px;
	background-color: #E9ECEF;
	padding: 1px 15px;
	margin: 2px 0;
}
.btn-egi-icon-warning:hover {
	color: #D97706;
	background-color: #DEE2E6;
}
.btn-egi-icon-warning:focus {
	color: #B45309;
	box-shadow: none;
	background-color: #CED4DA;
}

.bg-egi-primary {
	background-color: #0284C7;
}

.bg-egi-secondary {
	background-color: #3730A3;
}

.btn:focus {
	box-shadow: none;
}

.pill {
	padding: 1px 15px;
	border-radius: 20px;
	color: white;
}

@media (max-width: 1400px) {
	.pill {
		font-size: 1vw;
	}
}

@media (max-width: 1210px) {
	.pill {
		font-size: 0.8vw;
	}
}

@media (max-width: 1024px) {
	.pill {
		font-size: 1rem;
	}
}

.pill.pill-success {
	background-color: #059669;
}
.pill.pill-warning {
	background-color: #F59E0B;
}
.pill.pill-danger {
	background-color: #DC2626;
}
.pill.pill-primary {
	background-color: #0284C7;
}
.pill.pill-secondary {
	background-color: #4338CA;
}

.fw-300 {
	font-weight: 300;
}
.fw-600 {
	font-weight: 600;
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
	--bs-table-accent-bg: #F8F9FA !important;
}

.modal-content {
	border:none;
	border-radius: 10px
}

.page-link { 
	color: #312E81;
}
.page-link:focus {  
	box-shadow: none;
}