.login-btn {
    background-color: #ed3338 !important;
}
#login-header {
    background-color: #ed3338 !important;
}
.flex-card.auth-card .auth-card-header img {
    max-height: 70px;
}
.flex-card.auth-card .auth-card-header.header-primary {
    background-color: #00D1B2;
    color: #fff;
    box-shadow: 0 14px 26px -12px rgb(15 181 244 / 29%), 0 4px 23px 0px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(54 235 244 / 68%) !important;
}



.child-menu li.have-children ul li a {
    background-color: #5a5a5a !important;
    padding: 12px 25px 12px 62px;
}
.letra{
    color: #fff !important;
}
.nume{
    color: #9e9e9e !important;
}
.levelA{
        color: #fff !important;
    }
/*\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\
// © 2020 School iBox //\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//
//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//*/
:root {
  --primary: #c22623;
  --secondary: #807c7c;
}
.dashboard-wrapper .flex-card .icon-header i.secondary {
    background-color: #c22623 !important;
    box-shadow: 0 14px 26px -12px rgb(244 15 15 / 29%), 0 4px 23px 0px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(244 54 54 / 68%) !important;
}
.dashboard-wrapper .flex-card .icon-header i.primary,
.dashboard-wrapper .flex-card .material-header.is-primary {
    box-shadow: 0 14px 26px -12px rgb(112 111 112 / 42%), 0 4px 23px 0px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(93 93 93 / 20%) !important;
}
/*\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\
// L O G I N \//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\////\\//\\//\\//\\
//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//*/
.flex-card.auth-card .auth-card-header.header-primary {
	background-color: #fff;
}
.flex-card.auth-card .button.primary-btn.btn-outlined {
    border-color: #fff !important;
    color: #fff !important;
}
.forgot:hover,
.return:hover {
	color: #e00 !important;
}
.login-form-wrapper .flex-card.auth-card .auth-card-header {
	margin: 0px !important;
}
.login-form-wrapper .flex-card.auth-card .auth-card-header img {
    max-height: 70px !important;
}
/*\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\
// M E N U /\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\////\\//\\//\\//\\
//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//*/
.child-menu {
	background-color: #c22623!important;
}
.child-menu li.have-children.active {
    background-color: #807c7c !important;
}
.child-menu li.have-children ul li a:hover,
.child-menu li.have-children ul li.is-active a {
    background-color: #eee !important;
    color: #c22623;
}
.child-menu li.have-children ul li a {
    background-color: #ed3338 !important;
    color: #fff;
}
.child-menu .sidebar-menu li a:hover {
    background-color: #807c7c !important;
}
.has-background-info {
    background-color: #c22623!important;
}
/*----------------------------------------------------------------------------*/

nav.dashboard-nav .navbar-item .new-circle {
    background-color: #807c7c;
}
.button.is-light[disabled], fieldset[disabled] .button.is-light {
    background-color: #e2e2e2 !important;
    border-color: transparent;
    box-shadow: none;
}
.button.is-info {
    color: #fff !important;
}
.button.is-info.is-inverted {
    color: var(--primary) !important;
}
.button.is-link.is-outlined {
    background-color: transparent !important;
    border-color: var(--primary) !important;
    color: var(--primary) !important;
}
.button.is-white {
    background-color: #fff !important;
    border-color: transparent !important;
    color: #0a0a0a !important;
}
.button.primary-btn {
    border: 0px !important;
}
.button.primary-btn.btn-outlined {
    border-color: #222 !important;
    color: #222 !important;
    background-color: transparent;
}
.button.secondary-btn {
    border-color: #c22623!important;
    background-color: #c22623!important;
}
.card-title.is-tile .card-stat.primary {
    color: #807c7c !important;
}
.control button {
    color: #c22623!important;
}
.control-material.is-secondary input.material-input:focus ~ label,
.control-material.is-secondary input:valid ~ label,
.control-material.is-secondary textarea:focus ~ label {
    color: #0074ba;
}
.fab.is-active .fab__ripple {
    background-color: #0074ba;
}
.flex-card .icon-header i.primary {
    background-color: #807c7c !important;
}
.flex-card .icon-header i.secondary {
    background-color: #c22623!important;
}
.flex-card .material-header.is-primary {
    background-color: #807c7c !important;
}
.has-event {
    background-color: #c22623!important;
}
.invite-user-modal .modal-footer button.modal-dismiss,
.icon-action-modal .modal-footer button.modal-dismiss {
	color: #ffb700;
     /*color: #f29400;*/
}
.iziToast-buttons-child.revealIn {
	border: 1px solid #fff !important;
}
.levelA {
	background-color:#f0f0f0 !important;
}
.main-menu .main-menu-inner .profile .dot {
    background: #807c7c;
}
.main-menu .main-menu-inner .side-icon.is-active i {
    color: #807c7c !important;
}
.modal {
    justify-content: flex-start !important;
}
.modal.is-active .modal-background {
	background: #c22623!important;
	opacity:0.3 !important;
}
.note-toolbar button {
	background-color: #eee;
}
.pageloader {
    background: #333 !important;
	opacity:0.3 !important;
}
.pagination li.active {
    background: #c22623!important;
}
.profile-container .cover-overlay {
    background: #fff !important;
    border-bottom: 2px solid #0074ba;
}
.profile-heading .light-text {
    color: #807c7c !important;
}
.profile-heading .stat-key,
.profile-heading .stat-val {
    color: #c22623!important;
}
.profile-container .profile-sections-wrapper #profile-view .info-item .info-description.highlighted {
    color: #0074ba;
}
.select:not(.is-multiple):not(.is-loading)::after {
    border-color: #0074ba;
}
.switch[type="checkbox"].is-primary:checked + label::before {
    background: #0074ba;
}
.switch[type="checkbox"].is-primary:checked:hover + label::before {
    background: #807c7c;
}
.tabs li.is-active a {
    color: #c22623!important;
}
.tag.is-info {
    background-color: var(--primary) !important;
}
.team {
    background-color: var(--secondary) !important;
}
/*\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\
// E V A L U A R   S E S I Ó N /\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//
//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//*/
#evaluar-sesion-modal .insignia {
	border: 2px solid #fff;
}
#evaluar-sesion-modal .insignia,
#evaluar-sesion-modal .insignia-selected {
	border-radius: 50px;
	cursor: pointer;
	width: 100px;
}
#evaluar-sesion-modal .insignia-selected {
	background-color: #eee;
	border: 2px solid #aaa;
}
#evaluar-sesion-modal .flex-card,
#evaluar-sesion-modal .modal-content {
    overflow: visible !important;
	width: 700px;
}