/**
* TEMPLATE PARA TEMA DOS CLIENTES
*
* Esse arquivo é utilizado para o tema dos clientes
* e está fora do fluxo de SASS da aplicação.
*/

/* GERAL */

/* LOADING */

.btn-expand {
  color: #060181 !important;
}

loading-spinner .spinner {
  border-top-color: #060181;
  border-bottom-color: #060181;
  border-left-color: #060181;
}

@-webkit-keyframes round_square_1 {
  0% {
    -webkit-transform: translateX(0) translateY(0) rotate(0deg);
    transform: translateX(0) translateY(0) rotate(0deg);
  }

  50% {
    -webkit-transform: translateX(-25%) translateY(-25%) rotate(180deg);
    transform: translateX(-25%) translateY(-25%) rotate(180deg);
    background: #020035;
    border-radius: 55%;
  }

  80%, 100% {
    -webkit-transform: translateX(0) translateY(0) rotate(360deg);
    transform: translateX(0) translateY(0) rotate(360deg);
  }
}

@keyframes round_square_1 {
  0% {
    -webkit-transform: translateX(0) translateY(0) rotate(0deg);
    transform: translateX(0) translateY(0) rotate(0deg);
  }

  50% {
    -webkit-transform: translateX(-25%) translateY(-25%) rotate(180deg);
    transform: translateX(-25%) translateY(-25%) rotate(180deg);
    background: #020035;
    border-radius: 55%;
  }

  80%, 100% {
    -webkit-transform: translateX(0) translateY(0) rotate(360deg);
    transform: translateX(0) translateY(0) rotate(360deg);
  }
}

@-webkit-keyframes round_square_2 {
  0% {
    -webkit-transform: translateX(0) translateY(0) rotate(0deg);
    transform: translateX(0) translateY(0) rotate(0deg);
  }

  50% {
    -webkit-transform: translateX(25%) translateY(-25%) rotate(180deg);
    transform: translateX(25%) translateY(-25%) rotate(180deg);
    background: #020035;
    border-radius: 55%;
  }

  80%, 100% {
    -webkit-transform: translateX(0) translateY(0) rotate(360deg);
    transform: translateX(0) translateY(0) rotate(360deg);
  }
}

@keyframes round_square_2 {
  0% {
    -webkit-transform: translateX(0) translateY(0) rotate(0deg);
    transform: translateX(0) translateY(0) rotate(0deg);
  }

  50% {
    -webkit-transform: translateX(25%) translateY(-25%) rotate(180deg);
    transform: translateX(25%) translateY(-25%) rotate(180deg);
    background: #020035;
    border-radius: 55%;
  }

  80%, 100% {
    -webkit-transform: translateX(0) translateY(0) rotate(360deg);
    transform: translateX(0) translateY(0) rotate(360deg);
  }
}

@-webkit-keyframes round_square_3 {
  0% {
    -webkit-transform: translateX(0) translateY(0) rotate(0deg);
    transform: translateX(0) translateY(0) rotate(0deg);
  }

  50% {
    -webkit-transform: translateX(-25%) translateY(25%) rotate(180deg);
    transform: translateX(-25%) translateY(25%) rotate(180deg);
    background: #020035;
    border-radius: 55%;
  }

  80%, 100% {
    -webkit-transform: translateX(0) translateY(0) rotate(360deg);
    transform: translateX(0) translateY(0) rotate(360deg);
  }
}

@keyframes round_square_3 {
  0% {
    -webkit-transform: translateX(0) translateY(0) rotate(0deg);
    transform: translateX(0) translateY(0) rotate(0deg);
  }

  50% {
    -webkit-transform: translateX(-25%) translateY(25%) rotate(180deg);
    transform: translateX(-25%) translateY(25%) rotate(180deg);
    background: #020035;
    border-radius: 55%;
  }

  80%, 100% {
    -webkit-transform: translateX(0) translateY(0) rotate(360deg);
    transform: translateX(0) translateY(0) rotate(360deg);
  }
}

@-webkit-keyframes round_square_4 {
  0% {
    -webkit-transform: translateX(0) translateY(0) rotate(0deg);
    transform: translateX(0) translateY(0) rotate(0deg);
  }

  50% {
    -webkit-transform: translateX(25%) translateY(25%) rotate(180deg);
    transform: translateX(25%) translateY(25%) rotate(180deg);
    background: #020035;
    border-radius: 55%;
  }

  80%, 100% {
    -webkit-transform: translateX(0) translateY(0) rotate(360deg);
    transform: translateX(0) translateY(0) rotate(360deg);
  }
}

@keyframes round_square_4 {
  0% {
    -webkit-transform: translateX(0) translateY(0) rotate(0deg);
    transform: translateX(0) translateY(0) rotate(0deg);
  }

  50% {
    -webkit-transform: translateX(25%) translateY(25%) rotate(180deg);
    transform: translateX(25%) translateY(25%) rotate(180deg);
    background: #020035;
    border-radius: 55%;
  }

  80%, 100% {
    -webkit-transform: translateX(0) translateY(0) rotate(360deg);
    transform: translateX(0) translateY(0) rotate(360deg);
  }
}

.loader.round-square .wrap span {
  background: #060181 !important;
}

.btn-suport,
.freshwidget-theme {
  background-color: #060181 !important;
}

/* BOOTSTRAP */

#focusedInput,
.form-control:focus {
  border-color: #060181;
}

.btn-primary {
  background-color: #060181;
  border-color: #060181;
}

.btn-primary.active,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open .dropdown-toggle.btn-primary,
.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled].focus,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
  background-color: #020035;
  border-color: #020035;
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
  background-color: #01001C;
  border-color: #01001C;
}

.btn-link:focus,
.btn-link:hover {
  color: #020035;
}

.progress-bar {
  background-color: #04014E;
}

.progress-bar-danger {
  background-color: #d9534f !important;
}

.tab-bg-dark-navy-blue li a:hover,
.tab-bg-dark-navy-blue li.active a {
  color: #020035 !important;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
  background-color: #020035;
}

/* LOGIN */

.login-page .logo-login {
  background-color: #060181 !important;
}

.login-page .btn-login-primary-action {
  background-color: #060181 !important;
}

.login-page .form-signin a {
  color: #060181;
}

.login-page .form-signin h2.form-signin-heading {
  background: #060181;
  border-bottom: #04014E;
}

.login-page .form-signin p.description-step-two {
  color: #020035;
}

/* CHOOSE ASSESSMENT */

#choose-assessment .assessment-chooser {
  border-color: #0A02CD;
  border-top-color: #060181;
}

#choose-assessment .assessments .assessment-link {
  color: #060181;
}

#choose-assessment .assessments .assessment-link:hover,
#choose-assessment .assessments .assessment-link:focus {
  background-color: #060181;
}

#choose-assessment .assessments .assessment-item:not(:last-child) .assessment-link::after {
  background-color: #0A02CD;
}

/* HEADER */

.sidebar-toggle-box {
  display: none;
}

.btn-info,
.btn-info:hover,
.btn-info:active {
  background-color: #060181 !important;
  border-color: #060181 !important;
}

.btn-info {
  background-color: #060181;
  border-color: #060181;
  color: #fff !important;
}

header.panel-heading ul.simulated-year-menu span.item-list-year:hover {
  background-color: #3F37FD;
}

.header.top-menu-app ul.school-select li.dropdown div.scholl-config ul li a {
  color: #060181;
}

.header.top-menu-app ul.school-select li.dropdown ul.schools form input.search:focus {
  border-color: #060181;
}

.header.top-menu-app ul.school-select li.dropdown ul.schools form input.search:focus + .search-icon {
  color: #060181;
}

.header.top-menu-app ul.school-select li.dropdown ul.schools div.scrolling ul li:hover,
.header.top-menu-app ul.school-select li.dropdown ul.schools .school-groups-section .school-groups-list .group-item:hover {
  background-color: #3F37FD;
}

.btn-siderbar-support,
.btn-siderbar-support .fa {
  color: #060181 !important;
}

.dropdown-menu.extended.logout > li > a:hover i {
  color: #060181;
}

.boxSimulating {
  background-color: #060181;
}

.background-primary {
  background-color: #060181;
  color: white;
}
/* NAVBAR */

ul.sidebar-menu li a.active,
ul.sidebar-menu li a:focus,
ul.sidebar-menu li a:hover,
ul.sidebar-menu li a.active i,
ul.sidebar-menu li a:focus i,
ul.sidebar-menu li a:hover i,
ul.sidebar-menu li ul.sub li a:hover,
ul.sidebar-menu li ul.sub li.active a {
  color: #020035;
}

ul.sidebar-menu li ul.sub li.active a {
  border-left-color: #060181;
}

/* PANEL OPTIONS */

.panel-heading .filters,
.panel-heading .actions,
.panel-heading .filters .show-menu a:hover,
.panel-heading .actions .show-menu a:hover {
  background-color: #060181;
}

/* CRYSTAL BALL */

.nav-newtable > span > span {
  color: #04014E;
}

.nav-newtable .nav-buttons input {
  border-color: #060181;
}

.nav-newtable .nav-buttons .btn-target-page,
.nav-newtable .nav-buttons .btn-search,
.nav-newtable .nav-buttons .btn-paginator {
  background-color: #060181;
}

.nav-newtable .nav-buttons .btn-target-page:hover,
.nav-newtable .nav-buttons .btn-search:hover,
.nav-newtable .nav-buttons .btn-paginator:hover {
  background-color: #04014E;
}

.newtable tbody tr.active {
  background-color: #6F6AFE;
}

.newtable tbody tr.active td {
  border-top-color: #5750FE;
  border-bottom-color: #5750FE;
}

.newtable span.primary-label {
  background-color: #01001C;
}

/* STRENGTHS AND WEAKNESSES */

.modal-students .modal-header {
  background-color: #060181;
}

.assessment-result-evaluations-student span.question-item.active,
.assessment-result-evaluations-student span.question-item-selected {
  background-color: #060181;
}

.btn-primary-background, .btn-primary-background:hover, .btn-primary-background:active, .btn-primary-background:focus {
  background: #060181 !important;
}

ul.sidebar-menu li a i {
  color: #060181 !important;
}

.top-menu-app {
  background: #060181 !important;
}

.btn-change-type-menu-active, .advancedMenuActive {
  color: #060181 !important;
}

.btn-change-type-menu:hover {
  color: #060181 !important;
}

.advancedMenuActive {
  color: #060181 !important;
}

.advancedMenuActive:hover {
  color: #060181 !important;
}


.btn-degree:hover {
  background: #060181 !important;
}

.btn-dashboard, .btn-dashboard:hover {
  color: #FFF !important;
}

.btn-dashboard:hover {
  background: #F74A4B !important;
  border-color: #F74A4B !important;
}

.menu-ico h4 {
  color: #060181 !important;
}



#ComparadorConcorrencia-disabled h3, #ComparadorConcorrencia h3 {
  color: #060181 !important;
}

#MetasPlanos, #MetasPlanos :hover {
  color: #060181 !important;
}

.metasColor2 h3 {
  color: #060181 !important;
}

.metasColor2:hover > h3 {
  color: #060181 !important;
}

.eye {
  border: #060181 !important;
}

.eye i {
  color: #060181 !important;
}

.eye h6 {
  color: #060181 !important;
}

.metasColor2 h3 {
  color: #060181 !important;
}

#ComparadorConcorrencia-disabled h3, #ComparadorConcorrencia h3 {
  color: #060181 !important;
}

.btn-primary-r { 
  color: #060181 !important;
}

.btn-primary-rb {
  color: #060181 !important;
}

.btn-primary-rc {
  color: #FFF !important;
  border: #060181 !important;
  background: #060181 !important;
}

.btn-primary-r {
  border-color: #060181 !important;
}

.delete-ua, .delete-ua:hover {
  color: #060181 !important;
}

.panel-heading .filters, .panel-heading .actions {
  background: #060181 !important;
}

.panel-heading .filters .show-menu a:hover, .panel-heading .actions .show-menu a:hover {
  background: #F74A4B !important;
}

.btn-primary-border {
  color: #060181 !important;
  border-color: #060181 !important;
}

.btn-primary-borderless{
  color: #060181 !important;
}

.btn-primary-background {
  background: #060181 !important;
  border: #060181 !important;
}

.dataTables_paginate.paging_bootstrap.pagination li.disabled a {
  background: #060181 !important;
}

.dataTables_paginate.paging_bootstrap.pagination .next a, .dataTables_paginate.paging_bootstrap.pagination .prev a {
  background: #060181 !important;
}

.dataTables_paginate.paging_bootstrap.pagination .next a:hover, .dataTables_paginate.paging_bootstrap.pagination .prev a:hover {
  color: #F74A4B !important;
}

.btn-user-options {
  color: #060181 !important;
}

.btn-user-options:active, .btn-user-options:focus, .btn-user-options:hover {
  color: #F74A4B !important;
}

.selectedAuditError i {
  color: #060181 !important;
}

.selectedAuditError i:hover {
  color: #F74A4B !important;
}

#amountCards {
  color: #060181 !important;
}

/* manager-students.css */
.delete-ua, .delete-ua:hover {
  color: #060181 !important;
}

.panel-heading .filters, .panel-heading .actions, .panel-heading .filters .show-menu a:hover, .panel-heading .actions .show-menu a:hover {
  background: #060181 !important;
}

.panel-heading .filters .show-menu a:hover, .panel-heading .actions .show-menu a:hover {
  background: #F74A4B !important;
}

/* students-evaluations.css */


.top-menu-app {
  background: #060181 !important;
}

.delete-ua, .delete-ua:hover {
  background: none !important;
  border: none !important;
  color: #060181 !important;
}


.btn-user-options {
  color: #060181 !important;
}

.btn-user-options:active, .btn-user-options:focus, .btn-user-options:hover {
  color: #F74A4B !important;
}

 .btn-primary-r:hover, .btn-primary-r:active, .btn-primary-r:focus, .btn-primary-r:visited {
  color: #F74A4B !important;
}

 .btn-primary-rb:hover, .btn-primary-rb:active, .btn-primary-rb:focus, .btn-primary-rb:visited {
  color: #F74A4B !important;
}

.btn-primary-rc:hover, .btn-primary-rc:active, .btn-primary-rc:focus, .btn-primary-rc:visited {
  color: #FFF !important;
  border: #F74A4B !important;
  background: #F74A4B !important;
}

 .btn-primary-r:active, .btn-primary-r:focus, .btn-primary-r:visited:hover {
  border-color: #F74A4B !important;
  background: none !important;
}

.btn-primary-border:hover, .btn-primary-border:active, .btn-primary-border:focus, .btn-primary-border:visited {
  color: #F74A4B !important;
  border-color: #F74A4B !important;
}
.btn-primary-borderless:hover, .btn-primary-borderless:active, .btn-primary-borderless:focus, .btn-primary-borderless:visited {
  color: #F74A4B !important;
}

 .btn-primary-background:hover, .btn-primary-background:active, .btn-primary-background:focus, .btn-primary-background:visited {
  background: #F74A4B !important;
  border: #F74A4B !important;
}

 .btn-degree-active,.btn-degree:hover {
  border-color: #F74A4B !important;
  background: #F74A4B !important;
}

.filter-genre :hover {
  background: #F74A4B !important;
}

.eye h6:hover {
  color: #F74A4B !important;
}

.eye i:hover {
  color: #F74A4B !important;
}

.eye:hover {
  color: #F74A4B !important;
}

.header.top-menu-app ul.school-select li.dropdown ul.schools div.scrolling ul li:hover, .header.top-menu-app ul.school-select li.dropdown ul.schools .school-groups-section .school-groups-list .group-item:hover {
  background: #F74A4B !important;
  color: #FFF !important;
}

#advanced-menu .btn-degree-active, #advanced-menu .btn-degree:hover {
  border-color: #F74A4B !important;
  background: #F74A4B !important;
  color: #FFF !important;
}

header.panel-heading ul.simulated-year-menu .dropdown-toggle {
  color: #060181 !important;

}

.area-detail {
  color: #060181 !important;
}

.area-detail:hover {
  color: #F74A4B !important;
}

.mini-stat-sel:hover {
  background: #F74A4B !important;
  color: #FFF;
}

.mini-stat-sel:hover > .mini-stat-icon {
  color: #F74A4B !important;
  background: #FFF;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
  color: #F74A4B !important;
}

.btn-primary-background, .btn-primary-background:hover, .btn-primary-background:active, .btn-primary-background:focus,
.btn-primary-rc, .btn-primary-rc:hover, .btn-primary-rc:active, .btn-primary-rc:focus {
  color: #FFF !important;
}

.header.top-menu-app .brand {
  background: #060181 !important;
}

#dash-ct .opt-active {
  border-color: #F74A4B !important;
}

#dash-ct .mini-stat-icon {
  color: #060181 !important;
}

#dash-ct .opt-active .mini-stat-icon {
  background: #060181 !important;
}

#dash-ct .opt-active .mini-stat-icon i {
  color: #FFF !important;
}

.user-platforms #dropdownMenuButton {
  background: #F74A4B !important;
}

.user-platforms a:hover {
  background: #F74A4B !important;
  color:#FFF !important;
}

.wrapper .card-composing {
  border-bottom: 1px solid #F74A4B !important;
}