@media print {
    .no-print {
        display: none;
    }
    .app-menu {
        display: none;
    }
}


[data-layout=horizontal] .horizontal-logo {
    padding-left: calc(1.5rem / 2);
    display: none;
}

[data-layout=horizontal] .navbar-header .horizontal-area-logo {
    display: flex;
    padding-right: 10px;
    padding-left: calc(1.5rem / 2);
}

[data-layout=vertical] .navbar-header .horizontal-area-logo {
    display: none;
}


@media (max-width: 1024.98px) {
    [data-layout=horizontal] .navbar-header .horizontal-area-logo {
        padding-right: 0;
        display: flex;
    }
}

@media (max-width: 768px) {
    [data-layout=horizontal] .navbar-header .horizontal-area-logo {
        display: flex;
        padding-right: 0;
        padding-left: 1rem;
    }

    [data-layout=vertical] .navbar-header .horizontal-area-logo {
        padding-left: 1rem;
        display: flex;
    }
}

@media (min-width: 1024.1px) {
    [data-layout=vertical][data-layout-style=detached] #layout-wrapper {
        max-width: 100%;
    }

    [data-layout=vertical][data-layout-style=detached] .layout-width {
        max-width: 100%;
        margin: 0 auto;
    }    
}

@media (min-width: 1024.1px) {
    [data-layout=horizontal] .container-fluid, [data-layout=horizontal] .layout-width {
        max-width: 100%;
        margin: 0 auto;
    }

    [data-layout=horizontal] .topnav-hamburger {
        visibility: hidden;
        display: none;
    }
}


[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item > .menu-dropdown > ul > li > a {
    background-color: white;
    color: var(--vz-vertical-menu-item-color);
}

[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav:hover .nav-sm > .nav-link {
    color: var(--vz-vertical-menu-item-hover-color);
}

[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-sm > .nav-link {
    color: var(--vz-vertical-menu-item-color);
}

[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item:hover > a.menu-link {
    background-color: var(--area_background);
}




[data-layout=horizontal] #page-topbar {
    left: 0;
    /*border-bottom: none;*/
}

[data-layout=horizontal] .navbar-menu .navbar-nav {
    margin-top: 5px;
}

[data-layout=horizontal] .navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] {
    color: var(--vz-topnav-item-color-active);
    color: var(--area_text);
}
[data-layout=horizontal] .navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:after {
    color: var(--vz-topnav-item-color-active);
    color: var(--area_text);
}

[data-layout=horizontal] .page-content {
    padding: calc(45px + 1.5rem) calc(1.5rem / 2) 15px calc(1.5rem / 2);
}





.page-content {
    padding: calc(70px + 1.5rem) calc(1.5rem / 2) 15px calc(1.5rem / 2);
}






.auth-one-bg {
    background-image: url(../images/auth/giae_background.png);
    background-position: center;
    background-size: cover;
}

.auth-one-bg .bg-overlay {
    opacity: .7;
    background: linear-gradient(to bottom right, #f18324, #3ab34a, #00a1e2, #00a1e2, #3ab34a, #f18324);
}

.btn-link-black {
    color: #333;
    text-decoration: none;
}



[data-layout=vertical][data-layout-style=detached] .footer {
    border-top: none;
}

[data-layout=vertical][data-layout-style=detached] .footer .container-fluid {
    border-top: 1px dashed var(--vz-border-color);
    border-top: none;
}

.navbar-menu .navbar-nav .nav-sm .nav-link:before{
    top:50%;
}

.navbar-menu .h-100 {
    height: calc(100% - 95px) !important;
}

.form-check-input:checked {
    background-color: #73dce9;
    border-color: #73dce9;
}

.validation-summary-errors ul {
    margin-bottom: 0;
    list-style: none;
    padding-left: 0;
}

.btn-load .spinner-border, .btn-load .spinner-grow {
    height: 17px;
    width: 17px;
}

.btn-load.btn-load-lg .spinner-border, .btn-load .spinner-grow {
    height: 21px;
    width: 21px;
}

.btn-load .btn-loader{
    display: none;
}


.btn-load .load-element {
    display: none;
    margin: 2px 0px;
}

.btn-load.btn-sm .load-element {
    margin: 0px 0px 1px 0px;
}

.form-check-input {
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.btn-sm {
    line-height: 18px;
}

.btn-load.loading .load-element {
    display: block;
}

.btn-load .btn-txt {
    display: inline-block;
}

.btn-load.loading .btn-loader {
    display: inline-block;
    top: 1px;
    position: relative;
}

.btn-load.loading .btn-txt {
    display: none;
}

.team-list.list-view-filter .team-box .team-profile-img .avatar-lg {
    background-position: center;
    background-size: cover;
    border-width: 3px;
}

.invalid-feedback {
    color: #dc3545;
}
.form-control.is-invalid, 
.was-validated .form-control:invalid {
    border-color: #dc3545;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
}

.form-check-input.is-invalid, .was-validated .form-check-input:invalid,
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus{
    border-color: #dc3545;
}

.swal2-styled:focus {
    box-shadow: none;
}

.swal2-container .swal2-title {
    font-size: 21px;
    padding-top: 0px;
}

.swal2-content {
    font-size: 15px;
    font-weight: 300;
}

.swal2-styled.swal2-cancel {
    background-color: #f3f6f9;
    color: #000;
}

.swal2-styled.swal2-cancel, .swal2-styled.swal2-confirm {
    font-size: 15px;
}

.swal2-styled.swal2-confirm {
    background-color: #34c38f;
    color:#fff;
}

.profile-wid-bg::before {
    opacity: .7;
    background: linear-gradient(to bottom right,#f18324,#3ab34a,#00a1e2,#00a1e2,#3ab34a, #f18324);
}



.btn-outline-light {
    color: #888;
    border-color: #ddd;
}

.table-icon{
    cursor:pointer;
}

.badge-corrected {
    position: relative;
    top: -1px;
}



a.disabled {
    cursor: default;
    opacity: .65;
}

.navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:hover:before {
    background-color: var(--area_background) !important;
}

.btn-giae-topbar {
    color: var(--vz-header-item-color-dark);
    font-size: 12px;
    line-height: 18px;
    position: relative;
    top: 1px;
    border-left: 1px solid #fff;
    border-radius: 0;
}
.btn-giae-topbar:hover {
    color:#fff;
}

.btn-giae-topbar i{
    font-size:18px;
}

ul.schoolyear-topbar-list{
    max-height:190px;
    list-style:none;
    padding:0;
}

ul.schoolyear-topbar-list li {

}

ul.schoolyear-topbar-list li a{

}

ul.schoolyear-topbar-list li a:hover,
ul.schoolyear-topbar-list li a:active,
ul.schoolyear-topbar-list li a:focus{

}



.card-tertiary {
    color: #132649;
    background-color: var(--area_background);
}

.card-tertiary .card-title {
    color: #fff;
}

.alert-tertiary {
    color: #fff;
    background-color: var(--area_background);
    border-color: #cce0fd;
}



.modal-fullscreen {
    width: calc(100vw - 100px);
    max-width: none;
    height: calc(100% - 100px);
    margin: 50px;
}

.dx-dropdownbutton-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
    padding: 5px 8px;
}

.modal-header > * {
    margin: .25rem;
}

.modal-header {
    border-bottom: 1px solid var(--vz-border-color);
    padding: 0.75rem 1rem !important;
}

.modal-footer {
    border-top: 1px solid var(--vz-border-color);
    padding: 0.75rem 1rem !important;
}

.card-border-grid-master-detail {
    border-color: #ddd !important;
    border-radius: 0px !important;
    box-shadow: none !important;
}







.card {
    margin-bottom: 0.75rem;
}

.card-custom-height {
    height: calc(100vh - 183px);
    min-height: 250px;
    display: flex;
    flex-direction: column;
    margin-bottom: 0.75rem;
}

[data-layout=horizontal] .card-max-height {
    height: calc(100vh - 153px);
    min-height: 350px;
    display: flex;
    flex-direction: column;
    margin-bottom: 0px;
}

[data-layout=horizontal] .card-max-height-with-sub-menu {
    height: calc(100vh - 225px);
    min-height: 350px;
    display: flex;
    flex-direction: column;
    margin-bottom: 0px;
}

[data-layout=vertical] .card-max-height {
    height: calc(100vh - 183px);
    min-height: 350px;
    display: flex;
    flex-direction: column;
    margin-bottom: 0px;
}

[data-layout=vertical] .card-max-height-with-sub-menu {
    height: calc(100vh - 255px);
    min-height: 350px;
    display: flex;
    flex-direction: column;
    margin-bottom: 0px;
}

.card-custom-height .card-body, .card-max-height .card-body, .card-max-height-with-sub-menu .card-body {
    flex: 1;
    overflow: auto; /* permite scroll se necessário */
}




.dx-state-disabled.dx-datagrid-save-button {
    background-color: transparent;
    border-color: #ddd;
    color: #333;
}

.dx-datagrid-save-button {
    background-color: #5cb85c;
    color: white;
}


.dx-datagrid-save-button:hover, .dx-datagrid-save-button:active, .dx-datagrid-save-button:focus {
    background-color: #5cb85c;
    color: white;
    opacity: 0.8;
}

.dx-datagrid-save-button .dx-icon {
    color: #fff;
}

.dx-state-disabled.dx-datagrid-save-button .dx-icon {
    color: #333;
}


.btn-outline-docente {
    color: var(--area_background);
    border-color: var(--area_background);
}

.btn-check:active + .btn-outline-docente, 
.btn-check:checked + .btn-outline-docente, 
.btn-outline-docente.active, 
.btn-outline-docente.dropdown-toggle.show, 
.btn-outline-docente:active {
    color: #fff;
    background-color: var(--area_background);
    border-color: var(--area_background);
}

.btn-outline-docente:hover {
    color: var(--area_background);
}

.mail-list a.active, .mail-list a.active i {
    color: var(--area_background);
    font-weight: 500;
}

.mail-list a:hover, .mail-list a:hover i {
    color: var(--area_background);
}

.dx-radiogroup .dx-radiobutton {
    margin-bottom: .25rem !important
}