* {
    font-family: 'Evo-Regular' !important;
}

.fa {
    font: normal normal normal 14px/1 FontAwesome !important;
    font-style: normal;
    font-variant-caps: normal;
    font-size: 14px;
    line-height: 1;
    font-variant-alternates: normal;
    font-variant-east-asian: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-variant-position: normal;
    font-size: inherit;
    transform: translate(0,0);
}

.top-menu-app {
    position: sticky;
    height: 104px !important;
    background: #060181 !important;
    top: 0;
}

    .top-menu-app .brand {
        height: 104px !important;
        padding-top: 10px;
    }



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

#selectedSchool .selected-shool {
    border-radius: 5px !important;
    background: none !important;
    border: #FFF solid 2px !important;
    color: #FFF !important;
    padding: 8px 20px !important;
    margin-left: 20px !important;
}

    #selectedSchool .selected-shool span {
        color: #FFF !important
    }

    #selectedSchool .selected-shool :hover {
        background: none !important
    }

.top-menu {
    margin-top: 10px !important;
}

.top-nav .nav .caret {
    border-bottom-color: #FFF !important;
    border-top-color: #FFF !important;
}

.arrow-down img {
    width: 15px !important;
}

#userLoginOptions .username {
    color: #FFF !important;
}

#userLoginOptions .icon-user, #userLoginOptions .icon-user :hover {
    background: none !important;
    border: none !important;
}

#userLoginOptions a {
    background: none !important;
    border: none !important;
}

#userLoginOptions span {
    color: #FFF;
    font-size: 18px;
}

#userLoginOptions {
    margin-top: 10px;
}

.vertical-line {
    color: #FFF;
    font-size: 20px;
    padding-top: 5px;
}

.logout-button {
    color: #FFF;
    font-size: 18px;
    padding-top: 6px;
    margin-left: 7px !important;
    cursor: pointer;
}

#main-content {
    width: 100%;
}

.btn-change-type-menu-active, .advancedMenuActive {
    background: #FFF !important;
    color: #060181 !important;
    height: 50px !important;
    border-radius: 0 !important;
}

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


.advancedMenuActive {
    background: #FFF !important;
    color: #060181 !important;
}

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

.simulated-year-menu {
    margin-top: 16px !important;
    margin-right: 20px !important;
}


    .simulated-year-menu a {
        background: #FFF !important;
    }

.btn-degree {
    border: 1px solid #ccc;
    background: #FFF;
    padding: 10px 30px;
    border-radius: 20px;
    color: #09a5df;
    margin-bottom: 20px;
    transition: all 0.4s;
    border-radius: 0;
    margin-right: -5px;
    background: none;
}



.btn-degree-active {
    background: #060181 !important;
    color: #FFF !important;
}

.btn-degree:hover {
    background: #060181;
    color: #FFF;
}

.sidebar {
    height: 100%; /* 100% Full-height */
    width: 104px; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 99999; /* Stay on top */
    top: 0;
    left: 0;
    background-color: #FFF; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.3s; /* 0.5 second transition effect to slide in the sidebar */
}

    .sidebar a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 25px;
        color: #818181;
        display: block;
        transition: 0.3s;
    }

        .sidebar a:hover {
            color: #f1f1f1;
        }

    .sidebar .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
        position: absolute;
        z-index: 999999;
        margin-left: 70px;
        margin-top: 100px;
    }

.openbtn {
    font-size: 20px;
    cursor: pointer;
    background-color: #111;
    color: white;
    padding: 10px 15px;
    border: none;
}

    .openbtn:hover {
        background-color: #444;
    }


.closebtn {
    z-index: 9999999999;
    position: fixed;
    margin-left: -48px;
    margin-top: 100px;
}

.link-assessment, .link-assessment:hover {
    margin: 0 !important;
    background: none !important;
    border-color: #ddd !important;
    border: 0 !important;
    border-top: 1px solid #ddd !important;
    border-radius: 0 !important;
    padding: 25px !important;
    padding-left: 40px !important;
}

.panel-assessment {
    padding: 0 !important;
}

#assessment-list {
    padding: 20px !important;
    padding-bottom: 10px !important;
}

.file-partly, .file-final, .file-waiting, .file-progress {
    border-left: 0 !important;
    border-color: #ddd !important;
}

.btn-dashboard, .btn-dashboard:hover {
    position: absolute;
    right: 40px;
    margin-top: 10px;
    border: 2px solid;
    background: none;
    color: #060181;
}

#logo-max {
    width: 280px !important;
    margin-top: -10px !important;
    margin-bottom: -15px !important;
}

/*.closebtn {
    transition: all 3s;
}*/



#ComparadorConcorrencia-disabled, #ComparadorConcorrencia {
    background: none !important
}

.img-concorrencia {
    display: none !important;
}

#ComparadorConcorrencia-disabled h3, #ComparadorConcorrencia h3 {
    color: #060181 !important;
    margin-top: -20px !important;
    margin-bottom: 10px !important;
}


#MetasPlanos, #MetasPlanos :hover {
    border-radius: 0 !important;
    border: 0 !important;
    border-top: 1px solid #ddd !important;
    margin-bottom: 5px !important;
    color: #060181 !important;
    background: none !important;
    border-color: #FFF !important;
}

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

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

.eye {
    border: 1px solid #060181 !important;
    padding: 9px 0px 8px 13px !important;
    width: 45px !important;
    float: left !important;
    border-radius: 5px !important;
    transition: all 1s !important;
    position: absolute !important;
    z-index: 9999999 !important;
    right: 80px !important;
    cursor: pointer !important;
    margin-top: -70px !important;
}

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

    .eye:hover {
        width: 120px !important;
    }

    .eye h6 {
        transition: all 2s;
        color: #060181 !important;
        font-size: 10px !important;
        margin-top: -20px;
        margin-left: 30px;
    }

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

.img-metas {
    display: none !important;
}

#MetasPlanos h3 {
    margin-left: 40px !important;
}

#ComparadorConcorrencia-disabled, #ComparadorConcorrencia {
    border: 0 !important;
}

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

.graphic-panel {
    padding: 15px !important;
}

#ComparadorConcorrencia, #ComparadorConcorrencia-disabled {
    height: 90px;
    width: 100%;
    margin-bottom: -25px !important;
    cursor: pointer;
    margin-top: 50px;
    margin-left: -60px;
}

#MetasPlanos {
    margin-top: -15px !important
}


[class*=" ico-"], [class^="ico-"], .menu-ico {
    font-family: bucket-ico-font !important;
}

.fa, .fas {
    font-family: "Font Awesome 5 Pro" !important;
    font-weight: 900;
}

.btn-primary-r, .btn-primary-r:hover, .btn-primary-r:active, .btn-primary-r:focus {
    background: none;
    color: #060181;
    border: 2px solid #060181;
}

.btn-primary-rb, .btn-primary-rb:hover, .btn-primary-rb:active, .btn-primary-rb:focus {
    background: none;
    border: none;
    color: #060181;
}

.btn-primary-rc, .btn-primary-rc:hover, .btn-primary-rc:active, .btn-primary-rc:focus {
    background: #060181;
    color: #FFF;
    border: 2px solid #060181;
}

.btn-primary-border, .btn-primary-border:hover, .btn-primary-border:active, .btn-primary-border:focus {
    background: none;
    color: #060181;
    border: 2px solid #060181;
}

.btn-primary-borderless, .btn-primary-borderless:hover, .btn-primary-borderless:active, .btn-primary-borderless:focus {
    background: none;
    border: none;
    color: #060181;
}

.btn-primary-background, .btn-primary-background:hover, .btn-primary-background:active, .btn-primary-background:focus {
    background: #060181;
    color: #FFF;
    border: 2px solid #060181;
}


#close-box-inscriptions {
    border: 0;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    padding-bottom: 30px;
}

table.dataTable.no-footer {
    border-bottom: 0 !important
}

.dataTables_paginate.paging_bootstrap.pagination li {
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #F7F7FB;
}

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

.dataTables_paginate.paging_bootstrap.pagination .next a, .dataTables_paginate.paging_bootstrap.pagination .prev a,
.dataTables_paginate.paging_bootstrap.pagination .next a:hover, .dataTables_paginate.paging_bootstrap.pagination .prev a:hover {
    background: #060181;
    color: #FFF;
}


.link-assessment-open, .link-assessment-open :hover {
    background: none !important;
}

    .link-assessment-open span, .link-assessment-open .title, .link-assessment-open span, .link-assessment-open .title:hover {
        color: #444 !important;
    }

    .link-assessment-open span, .link-assessment-open .title {
    }

.panel-assessment h4 {
    padding-left: 20px !important;
    /*margin-bottom: -10px !important;*/
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #F7F7FB;
}

.form-control {
    background: #F7F7FB
}

label {
    font-weight: normal;
}

.search-color span {
    color: #666 !important;
    font-size: 12px !important;
}

.selectedAuditError {
    background: #FFF;
    border-radius: 50%;
    padding: 6px 2px;
    margin-top: -2px !important;
    margin-left: -110px !important;
    position: absolute;
}

.btn-border-red, .btn-border-red :hover {
    border-color: #FB95AD !important;
    color: #FB95AD !important;
}

#sidebar {
    z-index: 10;
}

.btn-user-options, .btn-user-options:active, .btn-user-options:focus, .btn-user-options:hover {
    border-radius: 50%;
    padding: 15px 20px;
    background: #FFF !important;
    border: none;
    margin-top: -10px;
    position: absolute;
    margin-left: -200px;
}

.drop-user-opt .dropdown-menu {
    margin-top: 50px;
    position: absolute;
    margin-right: 150px;
}

#userLoginOptions #userName {
    padding: 20px;
}

.selectedAuditError i, .selectedAuditError i:hover {
    color: #060181;
}

.selectedAuditError i {
    font-size: 18px !important;
    padding-top: 7px;
    padding-left: 12px !important;
}

#amountCards {
    color: #060181;
}

.user-platforms select {
    padding: 10px 20px;
    border-radius: 20px;
    border: 0;
    background: #F74B4B;
    color: #FFF;
    text-align: center;
    margin-top: 2px;
    margin-left: -30px;
}

    .user-platforms select option {
        background: white !important;
        color: black;
        text-align: left;
        padding: 5px 0px !important;
    }

.faxxx {
    font: normal normal normal 14px/1 FontAwesome !important;
}

.header.top-menu-app ul.school-select li.dropdown ul.schools ul.list li a span.name::before {
    display: none !important;
}

.header.top-menu-app ul.school-select li.dropdown ul.schools, .header.top-menu-app ul.school-select li.dropdown ul.schools ul.list li {
    background: #FFF !important;
}

    .header.top-menu-app ul.school-select li.dropdown ul.schools form input.search {
        box-shadow: none !important;
    }

    .header.top-menu-app ul.school-select li.dropdown ul.schools form .search-icon {
        display: none;
    }

.scholl-config i {
    display: none;
}

.area-detail, .area-detail:hover {
    text-decoration: none;
}

.minor-data-value-info span {
    font-size: 18px !important
}

.mini-stat-sel:hover > .mini-stat-info span, .mini-stat-sel:hover > .mini-stat-info a {
    color: #FFF !important;
}

.mini-stat-sel {
    transition: all 0.4s;
}

h4.modal-title {
    text-transform: none !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;
}


.btn-primary-borderless{
    text-decoration:none !important;
}

a,button{
    text-decoration:none !important
}

*{
    text-transform:initial !important;
}

.color-primary {
  color: #060181;
}

.color-h-secondary:hover {
  color: #f74a4b;
}

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

.bg-h-secondary:hover {
  background-color: #f74a4b;
}

/* Header */
#main-header.top-menu-app {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#main-header.top-menu-app > .top-nav {
  width: calc(100% - 346px);
  transition: width 0.2s ease-in-out;
  margin-top: 0 !important;
}

#main-header.top-menu-app > .company-brand {
  width: 326px;
  display: flex;
  transition: width 0.2s ease-in-out;
  justify-content: center;
  position: relative;
}

#main-header.top-menu-app > .company-brand > .sidebar-toggle-box {
  display: none;
  position: absolute;
}

#main-header.top-menu-app > .company-brand > a {
  width: calc(100% - 40px);
  height: 70px;
  display: block;
  position: relative;
}

#main-header.top-menu-app > .company-brand > a > img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  transform: translate(-50%, -50%);
  transition: opacity 0.2s ease-in-out;
  opacity: 1;
  left: 50%;
  top: 50%;
}

#main-header.top-menu-app > .company-brand > a > img.small-logo {
  opacity: 0;
}

#container.app-control.sidebar-collapsed > #main-header.top-menu-app > .company-brand > a > img.small-logo {
  opacity: 1;
}

#container.app-control.sidebar-collapsed > #main-header.top-menu-app > .company-brand > a > img.normal-logo {
  opacity: 0;
}

#container.app-control.sidebar-collapsed > #main-header.top-menu-app > .top-nav {
  width: calc(100% - 180px);
}

#container.app-control.sidebar-collapsed > #main-header.top-menu-app > .company-brand {
  width: 160px;
}

@media (max-width: 1024px) {
    .normal-logo {
        opacity: 0 !important;
    }

    .small-logo {
        opacity: 1 !important;
    }

    .company-brand {
        width: 160px !important;
    }

    #main-header.top-menu-app {
        justify-content: start !important;
    }
}