/**
  * Custom Css
 */

 /*Generales*/
:root{
    --blueDark: #203348; /**Botones, textos, iconos**/
    --white: #fff;
    --yellowVaca: #FFFF00;
    --grayDark: #484848; /**Botones secundarios**/
}
p,
h1,
h2,
h3,
h4,
h5,
.bio .widget-content-area p,
.user-profile .widget-content-area .user-info p,
.bio .widget-content-area h5,
.table>tbody>tr>td,
.table>thead>tr>th,
.page-item.active .page-link {
  color: var(--blueDark) !important;
}
.dt-buttons .dt-button {
    background-color: var(--white) !important;
    border-color: var(--blueDark) !important;
    color:var(--blueDark) !important;
    padding: 4px 11px;
}
.btn-primary {
    color: var(--white) !important;
    background-color: var(--blueDark) !important;
    border-color: var(--blueDark);
    font-size: 13px;
}
/**Inciar sesión**/
.logo {
    max-width: 105px;
    margin: 0 auto;
}
.form-form .form-container .form-content>p {
    margin-bottom: 20px !important;
}

/**Registro**/
.form-form .form-form-wrap form .field-wrapper svg:not(.feather-eye) {
    top: 3rem !important;
}

/**Sidebar menú**/
.sidebar-theme {
    background: var(--white);
}
#sidebar .theme-brand {
  background-color: var(--white);
  border-bottom: 0px solid #060818;
}
.shadow-bottom {
  display: none;
}
.sidebar-wrapper ul.menu-categories li.menu.menu-heading > .heading {
    cursor:auto;
    font-size: 14px;
    font-weight: 900;
    color:var(--blueDark);
    padding:10px 0 10px 5px;
}
#sidebar ul.menu-categories li.menu > .dropdown-toggle {
    cursor: pointer;
    font-size: 14px;
    color: var(--blueDark);
    font-weight: 500;
}
#sidebar ul.menu-categories li.menu>.dropdown-toggle svg {
    color: var(--blueDark);
    margin-right: 6px;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    fill: var(--blueDark);
}
#sidebar ul.menu-categories li.menu>.dropdown-toggle:hover svg {
    fill: var(--blueDark);
    font-weight: bold;
}
#sidebar ul.menu-categories li.menu>.dropdown-toggle:hover span,
#sidebar ul.menu-categories li.menu>.dropdown-toggle[aria-expanded="true"] span {
   font-weight: bold;
   color: var(--blueDark);
}
#sidebar ul.menu-categories li.menu>.dropdown-toggle:hover span.material-icons-outlined {
    font-weight: normal;
}
#sidebar ul.menu-categories ul.submenu>li a:hover {
    color: var(--blueDark);
    font-weight: bold;
}
#sidebar ul.menu-categories li.menu:not(.active)>.dropdown-toggle[aria-expanded="true"],
#sidebar ul.menu-categories ul.submenu>li a,
#sidebar .theme-brand .toggle-sidebar svg {
    background: transparent;
    color: var(--blueDark);
}
#sidebar ul.menu-categories li.menu {
    margin: 0px 5px 3px 5px;
}
li.menu a i,
li.menu a span{
    display: inline-block;
}
/**Dashboard**/
.widget-chart-one .widget-heading .tabs a {
    background: var(--grayDark);
}
/**Pefil User**/
.education .widget-content-area h3::after, .bio .widget-content-area h3::after, .user-profile .widget-content-area h3::after {
    background: var(--yellowVaca) !important;
}
.navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item svg {
    color: var(--blueDark);
    fill: var(--yellowVaca);
}
/**Consultas**/
.table>thead>tr>th {
    font-size: 12px !important;
}
.table>tbody>tr>td {
    font-size: 11px !important;
}
.form-control {
    height: calc(1.3em + 1.3rem + 2px);
}
.ui-datepicker-trigger>img {
    width: 27px !important;
}
.page-item.active .page-link {
    background-color: var(--yellowVaca) !important;
}
.page-link:hover {
    color: var(--blueDark);
}
.table-hover:not(.table-dark) tbody tr:hover {
    transform: translateY(-1px) scale(1) !important;
}
/***** Login page**/
.form-form .form-form-wrap form .field-wrapper svg:not(.feather-eye),
.form-form .form-form-wrap form .field-wrapper svg.feather-eye,
.navbar .navbar-item .nav-item.user-profile-dropdown .nav-link svg {
    color: var(--blueDark) !important;
    fill: rgba(255, 255, 0, 0.8) !important;
}


/**
* Preload
**/

#floatingCirclesG{
	position:relative;
	width:125px;
	height:125px;
	margin:auto;
	transform:scale(0.6);
		-o-transform:scale(0.6);
		-ms-transform:scale(0.6);
		-webkit-transform:scale(0.6);
		-moz-transform:scale(0.6);
}

.f_circleG{
	position:absolute;
	background-color:rgb(255,255,255);
	height:22px;
	width:22px;
	border-radius:12px;
		-o-border-radius:12px;
		-ms-border-radius:12px;
		-webkit-border-radius:12px;
		-moz-border-radius:12px;
	animation-name:f_fadeG;
		-o-animation-name:f_fadeG;
		-ms-animation-name:f_fadeG;
		-webkit-animation-name:f_fadeG;
		-moz-animation-name:f_fadeG;
	animation-duration:1.2s;
		-o-animation-duration:1.2s;
		-ms-animation-duration:1.2s;
		-webkit-animation-duration:1.2s;
		-moz-animation-duration:1.2s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
}

#frotateG_01{
	left:0;
	top:51px;
	animation-delay:0.45s;
		-o-animation-delay:0.45s;
		-ms-animation-delay:0.45s;
		-webkit-animation-delay:0.45s;
		-moz-animation-delay:0.45s;
}

#frotateG_02{
	left:15px;
	top:15px;
	animation-delay:0.6s;
		-o-animation-delay:0.6s;
		-ms-animation-delay:0.6s;
		-webkit-animation-delay:0.6s;
		-moz-animation-delay:0.6s;
}

#frotateG_03{
	left:51px;
	top:0;
	animation-delay:0.75s;
		-o-animation-delay:0.75s;
		-ms-animation-delay:0.75s;
		-webkit-animation-delay:0.75s;
		-moz-animation-delay:0.75s;
}

#frotateG_04{
	right:15px;
	top:15px;
	animation-delay:0.9s;
		-o-animation-delay:0.9s;
		-ms-animation-delay:0.9s;
		-webkit-animation-delay:0.9s;
		-moz-animation-delay:0.9s;
}

#frotateG_05{
	right:0;
	top:51px;
	animation-delay:1.05s;
		-o-animation-delay:1.05s;
		-ms-animation-delay:1.05s;
		-webkit-animation-delay:1.05s;
		-moz-animation-delay:1.05s;
}

#frotateG_06{
	right:15px;
	bottom:15px;
	animation-delay:1.2s;
		-o-animation-delay:1.2s;
		-ms-animation-delay:1.2s;
		-webkit-animation-delay:1.2s;
		-moz-animation-delay:1.2s;
}

#frotateG_07{
	left:51px;
	bottom:0;
	animation-delay:1.35s;
		-o-animation-delay:1.35s;
		-ms-animation-delay:1.35s;
		-webkit-animation-delay:1.35s;
		-moz-animation-delay:1.35s;
}

#frotateG_08{
	left:15px;
	bottom:15px;
	animation-delay:1.5s;
		-o-animation-delay:1.5s;
		-ms-animation-delay:1.5s;
		-webkit-animation-delay:1.5s;
		-moz-animation-delay:1.5s;
}



@keyframes f_fadeG{
	0%{
		background-color:rgb(0,0,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-o-keyframes f_fadeG{
	0%{
		background-color:rgb(0,0,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-ms-keyframes f_fadeG{
	0%{
		background-color:rgb(0,0,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-webkit-keyframes f_fadeG{
	0%{
		background-color:rgb(0,0,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-moz-keyframes f_fadeG{
	0%{
		background-color:rgb(0,0,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}