.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% - 70px) !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;
}
    .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);
}

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

.bg-danger-red {
    background-color: #dc3545!important;
}
.text-danger-red,
a.text-danger-red {
    color: #dc3545 !important;
}
.badge-soft-danger-red {
    color: #dc3545;
    background-color: rgba(220,53,69,.1);
}
.btn-danger-red {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.btn-danger-red:hover {
    color: #fff;
    background-color: #bb2d3b;
    border-color: #b02a37;
}
.btn-danger-red:focus {
    color: #fff;
    background-color: #bb2d3b;
    border-color: #b02a37;
}
btn-danger-red:active {
    color: #fff;
    background-color: #b02a37;
    border-color: #a52834;
}

.alert-danger-red:not(.alert-top-border) {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}

.alert-top-border.alert-danger-red {
    border-top-color: #dc3545;
}

.btn-outline-danger-red {
    color: #dc3545;
    border-color: #dc3545;
}
.btn-outline-danger-red:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.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;
}