@font-face {
  font-family: 'SourceSansPro';
  src: url('../fonts/SourceSansPro-Regular.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SourceSansPro';
  src: url('../fonts/SourceSansPro-Bold.ttf');
  font-weight: bold;
  font-style: normal;
}

body {
  font-family: 'SourceSansPro', sans-serif; /* Use the font family */
}

.logo{
	margin-left: 20px;
	margin-right: 80px;
	margin-bottom: 7px !important;
}

/*Fondos Institucionales*/

.bg-primary{
	background: #006241 !important;
	color: #FFF !important;
}

.bg-secondary{
	background: #009D4F !important;
	color: #FFF !important;
}

.bg-preescol{
	background: #CB007B !important;
	color: #FFF !important;
}

.bg-elementary{
	background: #FF6B00 !important;
	color: #FFF !important;
}

.bg-middle{
	background: #00A0DF !important;
	color: #fff !important;
}

.bg-gray{
	background: #f8f9fa !important;
	color: #000 !important;
    box-shadow: 0 1px 2.94px 0.06px rgba(4,26,55,0.16);
}

.bg-red{
	background: #A10000 !important;
	color: #fff !important;
}

.bg-gray2{
	background: #D1D1D1 !important;
	color: #000 !important;
}

.bg-blue{
	background: #5163F0 !important;
	color: #fff !important;
}


/*Letras Institucionales*/

.font-primary{
	color: #006241 !important;
}

.font-secondary{
	color: #009D4F !important;
}

.font-preescol{
	color: #CB007B !important;
}

.font-elementary{
	color: #FF6B00 !important;
}

.font-middle{
	color: #00A0DF !important;
}

.font-pink{
	color: #FD99FF !important;
}

.font-blue{
	color: #08269C !important;
}

.font-red{
	color: #9C0D08 !important;
}

.nav-link{
	font-weight: lighter;
	color: #4F4E4E !important;
	margin-left: 5px;
	margin-right: 5px;
}

.nav-side-link{
	color: #4F4E4E !important;
	text-decoration: none;
	margin-top: 20px;
	margin-left: 5px;
}

.right-dropdow{
	margin-right: 20px;
} 

.accordion-button{
	background: #fafafa !important;
	color: #3f3f3f !important;
}

label{
	font-size: 16px !important;
}

.comment{
	font-size: 14px !important;
	color:#7A7A7A !important;
}


/*.row, .row>*{
	padding-right: 0px !important;
	padding-left: 0px !important;
	margin-right: 0px !important;
}*/

.form-control:disabled, .form-control[readonly]{
	border: none !important;
	background-color:transparent; !important;
}

a{
	color: #4F4E4E !important;
	text-decoration: none;
}



.order-card {
    color: #fff;
}

.bg-c-blue {
    background: linear-gradient(45deg,#00A0DF,#51C1ED);
    opacity: .7;
}

.bg-c-blue:hover {
    opacity: 1;
}

.bg-c-green {
    background: linear-gradient(45deg,#2ed8b6,#59e0c5);
}

.bg-c-yellow {
    background: linear-gradient(45deg,#FF6B00,#ED914E);
    opacity: .7;
}

.bg-c-yellow:hover {
    opacity: 1;
}

.bg-c-pink {
    background: linear-gradient(45deg,#CB007B,#ED0993);
    opacity: .7;
}

.bg-c-pink:hover {
    opacity: 1;
}

.f-pink {
    color: #ED0993 !important;
}

.card {
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2.94px 0.06px rgba(4,26,55,0.16);
    box-shadow: 0 1px 2.94px 0.06px rgba(4,26,55,0.16);
    border: none;
    margin-bottom: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.card .card-block {
    padding: 15px;
}

.order-card i {
    font-size: 20px;
}

.f-left {
    float: left;
}

.f-right {
    float: right;
    font-size: 15px !important;
}

.padding{
	padding-right: 10px !important;
	padding-left: 10px !important;
}
.stat-card {
  padding-left: 5px !important;
  padding-right: 5px !important;
  transition: transform 0.3s ease-in-out;
}

.stat-card:hover {
  transform: translateY(-5px);
}

.stat-card i {
  transition: transform 0.3s ease-in-out;
}

.stat-card:hover i {
  transform: scale(1.1);
}

.grafica{
	padding-left: 5px;
}

.py-5{
	padding-top: 20px !important;
}

.stat-card2 {
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 10px;
}

.stat-icon2 {
    font-size: 40px;
    color: #007bff;
    padding-right: 20px;
    /* Example color - change as needed */
}

.stat-value2 {
    font-size: 24px;
    font-weight: bold;
}



.modal-content{
	margin-top: 25%;
	background-color: #f6f7fa !important;
	overflow: auto;
	max-width:  500px;
}

.modal-heading h2, .modal-heading h4{
	color:#666;
}

.login{
	background-color: #104477 !important;
}

.login:hover{
	background-color: #052c52 !important;
}

.login-img{
	margin-top: 20px;
}

.comentario{
	margin-left: 50px !important;
	background: #F7F7F7 !important;
	margin-top: 5px;
	width: 92%;
	position: relative;

	
}