* {
    list-style: none;
    box-sizing: border-box;
    font-weight: 400;
    font-family: "SFProDisplay",sans-serif;
    color: #000;
    font-style: normal
}

::-webkit-scrollbar {
    height: 4px;
    width: 4px
}

::-webkit-scrollbar-track {
    border-radius: 10px
}

::-webkit-scrollbar-thumb {
    background: #90caf9;
    border-radius: 10px
}

.container {
    max-width: 1444px;
    margin: 0 auto;
    padding: 0 50px
}

input {
    outline: none;
    border: none;
    font-size: 14px;
    background: transparent;
    padding: 0 10px
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .container {
        width:100%;
        height: 100%;
        margin: 0 auto;
        padding: 0 15px;
        align-items: center;
        justify-content: center
    }

    input {
        outline: none;
        border: none;
        font-size: 12px;
        background: transparent;
        padding: 0 10px
    }

    ::-webkit-scrollbar {
        height: 15px
    }
}


.app {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
    position: relative
}

.center {
    min-height: 300px;
    display: flex;
    justify-content: center;
    align-items: center
}

.loginApp {
    height: 100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr auto
}

input:valid {
    background: #fff
}

.goBackBtn {
    display: flex;
    align-items: center;
    color: #2962ff;
    border: none;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: .15px;
    cursor: pointer;
    background: transparent;
    margin-left: 80px
}

.goBackBtn>svg {
    font-size: 22px;
    margin-top: -3px;
    margin-right: 8px
}

.goBackBtn>svg>g>path {
    color: #2962ff
}

.showInPDF {
    display: none
}

@media print {
    body {
        margin: 1em
    }

    .afterGBB span {
        margin-right: 50px;
        color: #2962ff
    }

    .showInPDF {
        display: block
    }
}

@media screen and (max-width: 767px) and (min-width:320px) {
    #root,.app,.loginApp,body,html {
        max-width:100%;
        scroll-behavior: smooth
    }
}

.animationLoader {
    width: 1290px;
    height: 100%;
    margin: 0 auto;
    position: relative;
    background-color: #e7edf1;
    overflow: hidden
}

.animationLoader:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: loading 1.5s infinite
}

@keyframes loading {
    to {
        transform: translateX(100%)
    }
}

.roleApp {
    height: 100%;
    box-shadow: 0 4px 4px rgba(187,222,251,.25)
}

.initialModalChangePassword>div {
    margin-top: 140px!important
}

.initialModalChangePassword>div .initialChangePassword {
    text-align: center;
    padding: 20px 0
}

.initialModalChangePassword>div .initialChangePassword>h1 {
    font-size: 28px;
    text-transform: uppercase;
    margin-top: 20px;
    padding: 0 60px
}

.Toastify__toast--success {
    border: 1px solid #64b5f6!important;
    border-radius: 10px!important;
    background: #bbdefb!important
}

.Toastify__toast--success .Toastify__progress-bar--success {
    background: #64b5f6
}

.Toastify__toast--error {
    border: 1px solid #cc5f55!important;
    border-radius: 10px!important;
    background: #fde6e4!important
}

.Toastify__toast--error .Toastify__progress-bar--error {
    background: #cc5f55
}

.hookModal {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(252,252,253,.78);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000
}

.hookModal>div {
    background: #fff;
    box-shadow: 0 4px 4px rgba(0,0,0,.25);
    position: relative
}

.hookModal>div>i {
    display: inline-block;
    position: absolute;
    right: 18px;
    top: 23px;
    cursor: pointer;
    z-index: 1
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .loginApp,body,html {
        zoom:.9
    }

    .roleApp {
        height: 100%;
        box-shadow: none!important
    }

    .initialModalChangePassword>div {
        margin-top: 140px!important;
        width: 260px
    }

    .initialModalChangePassword>div .initialChangePassword {
        text-align: center;
        padding: 20px 0
    }

    .initialModalChangePassword>div .initialChangePassword>img {
        height: 24.62px;
        width: 80px
    }

    .initialModalChangePassword>div .initialChangePassword>h1 {
        font-size: 14px;
        text-transform: uppercase;
        margin-top: 20px;
        padding: 0 20px
    }

    .goBackBtn {
        font-size: 14px
    }
}

.slick-list {
    border-radius: 20px
}

.Form_form__2e8ed {
    width: 580px
}

.Form_form__2e8ed p {
    font-size: 16px
}

.Form_form__2e8ed>div {
    margin-top: 35px;
    display: grid;
    grid-template-columns: 1fr;
    max-width: 430px
}

.Form_form__2e8ed>div .Form_select__2LxSB {
    margin-bottom: 39px
}

.Form_form__2e8ed>div .Form_select__2LxSB>div p {
    color: #777776;
    font-size: 14px
}

.Form_form__2e8ed>div .Form_fullName__295EC {
    margin-bottom: 40px
}

.Form_form__2e8ed>div .Form_fullName__295EC input {
    padding-left: 19px;
    padding-right: 19px
}

.Form_form__2e8ed>div .Form_phoneNumber__39Heb {
    margin-bottom: 40px
}

.Form_form__2e8ed>div textarea {
    padding: 10px 19px;
    margin-bottom: 39px;
    font-size: 14px
}

.Form_form__2e8ed>div button {
    width: 200px
}

.Form_form__2e8ed>div .Form_loader__3W-6l {
    position: relative;
    background-color: #e7edf1;
    overflow: hidden;
    height: 40px;
    border-radius: 5px;
    margin-bottom: 40px
}

.Form_form__2e8ed>div .Form_loader__3W-6l:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: Form_loading__3PUqN 1.5s infinite
}

@keyframes Form_loading__3PUqN {
    to {
        transform: translateX(100%)
    }
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .Form_form__2e8ed {
        width:100vw;
        display: flex;
        justify-content: center;
        flex-direction: column;
        padding: 20px 0 15px!important;
        margin: 10px 1px!important;
        align-items: center
    }

    .Form_form__2e8ed p {
        font-size: 15px;
        font-weight: 700
    }

    .Form_form__2e8ed>div {
        margin-top: 25px;
        width: 100vw;
        max-width: inherit
    }

    .Form_form__2e8ed>div>div>textarea {
        border-radius: 20px
    }

    .Form_form__2e8ed>div .Form_select__2LxSB {
        margin-bottom: 19px
    }

    .Form_form__2e8ed>div .Form_select__2LxSB div {
        border-radius: 20px;
        height: 45px
    }

    .Form_form__2e8ed>div .Form_select__2LxSB>div p {
        font-size: 12px;
        font-weight: 400;
        letter-spacing: .15px
    }

    .Form_form__2e8ed>div .Form_fullName__295EC {
        margin-bottom: 30px
    }

    .Form_form__2e8ed>div .Form_fullName__295EC input {
        padding-left: 20px;
        padding-right: 10px
    }

    .Form_form__2e8ed>div .Form_phoneNumber__39Heb {
        margin-bottom: 30px
    }

    .Form_form__2e8ed>div .Form_phoneNumber__39Heb div {
        grid-template-columns: 60px 1fr!important
    }

    .Form_form__2e8ed>div textarea {
        padding: 15px 19px;
        margin-bottom: 19px;
        font-size: 12px
    }

    .Form_form__2e8ed>div button {
        height: 40px;
        font-size: 14px;
        justify-self: center;
        width: 200px;
        align-items: center
    }

    .Form_form__2e8ed>div .Form_loader__3W-6l {
        position: relative;
        background-color: #e7edf1;
        overflow: hidden;
        height: 30px
    }

    .Form_form__2e8ed>div .Form_loader__3W-6l:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transform: translateX(-100%);
        background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
        animation: Form_loading__3PUqN 1.5s infinite
    }

    @keyframes Form_loading__3PUqN {
        to {
            transform: translateX(100%)
        }
    }
}

.field {
    width: 100%;
    position: relative
}

.field>div {
    display: grid;
    height: 40px;
    border-radius: 5px;
    position: relative;
    background: hsla(0,0%,100%,.65);
    border: 1px solid #c4c4c4;
    border-radius: 20px
}

.field>div>input[type=number]::-webkit-inner-spin-button,.field>div>input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none
}

.field>div input:valid {
    background: #fff
}

.field>div label {
    border-right: 1px solid #c4c4c4;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #777776;
    font-weight: 500;
    padding-left: 18px
}

.field>div label img {
    height: 16px
}

.field>div>input {
    width: 100%;
    border-radius: 20px;
    padding-left: 15px
}

.field>div>i {
    align-self: center;
    position: absolute;
    width: 42px;
    height: 38px;
    border-radius: 30px 0 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    right: 285px;
    background: transparent;
    border-right: 2px solid #ccc;
    padding-left: 5px;
    cursor: default
}

.field>div>i>svg {
    font-size: 22px
}

.field>div>i>svg>path {
    color: #777776
}

.field>div .icon_eyeContainer {
    position: absolute;
    height: 38px;
    width: 50px;
    border: none;
    background: transparent;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 30px 30px 0;
    padding-right: 3px;
    transition: .3s ease
}

.field>div .icon_eyeContainer:hover {
    cursor: pointer;
    background: #f1f1f1
}

.field>.moduleFieldIconValidateActive {
    border: 1px solid #d50303!important
}

.field>p {
    font-size: 12px;
    margin-top: 5px;
    margin-left: 10px;
    color: #d50303;
    font-weight: 500
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .field>div {
        height:38px
    }

    .field>div label {
        border-right: 1px solid #c4c4c4;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        color: #777776;
        font-weight: 500
    }

    .field>div label img {
        height: 16px
    }

    .field>div>input {
        border-radius: 5px
    }

    .field>div>i {
        right: 10px
    }

    .field>div>i:hover {
        background-color: rgba(11,31,53,.15);
        transition: all .2s ease-in-out
    }

    .field>div>i:active {
        transform: scale(.8);
        transition: all .2s ease-in-out
    }

    .field>.moduleFieldIconValidateActive {
        border: 1px solid #f33!important
    }

    .field>p {
        margin-top: 3px;
        color: #f33;
        position: absolute;
        line-height: 12px
    }

    .fieldSelect {
        position: relative
    }

    .fieldSelect>div {
        display: grid;
        align-items: center;
        grid-template-columns: 1fr auto;
        min-height: 20px!important;
        border-radius: 5px;
        border: 1px solid #c4c4c4;
        cursor: pointer;
        padding: 1px 19px!important
    }

    .fieldSelect>div p {
        font-size: 16px;
        color: rgba(0,0,0,.54);
        pointer-events: none;
        white-space: nowrap;
        overflow: hidden;
        padding: 5px;
        text-overflow: ellipsis
    }

    .fieldSelect>div svg {
        transform: rotate(0deg);
        transition: transform .2s ease-in;
        pointer-events: none
    }

    .fieldSelect .fieldSelectActiveToggle svg {
        transform: rotate(180deg);
        transition: transform .2s ease-in
    }

    .fieldSelect span {
        min-height: 50px;
        max-height: 190px;
        margin-top: 1px;
        position: absolute;
        display: block;
        left: 0;
        right: 0;
        padding: 12px 0;
        background: #fff;
        box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        z-index: 1;
        overflow: auto
    }

    .fieldSelect span::-webkit-scrollbar {
        height: 20px;
        width: 11px
    }

    .fieldSelect span::-webkit-scrollbar-track {
        border-radius: 10px
    }

    .fieldSelect span::-webkit-scrollbar-thumb {
        background: #90caf9;
        border-radius: 10px;
        border: 3px solid #fff
    }

    .fieldSelect span i {
        display: flex;
        align-items: center;
        font-style: normal;
        padding: 3px 19px;
        min-height: 30px;
        cursor: pointer;
        width: 100%
    }

    .fieldSelect span i:hover {
        color: #42a5f5
    }

    .fieldSelect span .fieldSelectActive {
        pointer-events: none;
        background: #42a5f5;
        color: #fff
    }

    .fieldSelect>p {
        font-size: 13px;
        margin-top: 3px;
        color: #f33;
        font-weight: 500
    }
}

.fieldSelect {
    position: relative
}

.fieldSelect>div {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr auto;
    min-height: 40px;
    border-radius: 25px;
    border: 1px solid #c4c4c4;
    cursor: pointer;
    padding: 0 19px
}

.fieldSelect>div p {
    font-size: 16px;
    color: rgba(0,0,0,.54);
    pointer-events: none;
    white-space: nowrap;
    overflow: hidden;
    padding: 5px;
    text-overflow: ellipsis
}

.fieldSelect>div svg {
    transform: rotate(0deg);
    transition: transform .2s ease-in;
    pointer-events: none
}

.fieldSelect .fieldSelectActiveToggle svg {
    transform: rotate(180deg);
    transition: transform .2s ease-in
}

.fieldSelect span {
    min-height: 50px;
    max-height: 190px;
    margin-top: 1px;
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    padding: 12px 0;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    z-index: 11;
    overflow: auto
}

.fieldSelect span::-webkit-scrollbar {
    height: 20px;
    width: 11px
}

.fieldSelect span::-webkit-scrollbar-track {
    border-radius: 10px
}

.fieldSelect span::-webkit-scrollbar-thumb {
    background: #90caf9;
    border-radius: 10px;
    border: 3px solid #fff
}

.fieldSelect span i {
    display: flex;
    align-items: center;
    font-style: normal;
    padding: 3px 19px;
    min-height: 30px;
    cursor: pointer;
    width: 100%;
    font-size: 16px
}

.fieldSelect span i:hover {
    color: #42a5f5
}

.fieldSelect span .fieldSelectActive {
    pointer-events: none;
    background: #42a5f5;
    color: #fff
}

.fieldSelect>p {
    font-size: 13px;
    margin-top: 3px;
    color: #f33;
    font-weight: 500
}

.scheduleDateModal {
    position: relative;
    z-index: 1
}

.scheduleDateModal>span {
    display: grid;
    grid-template-columns: 1fr 39px;
    align-items: center;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #c4c4c4;
    cursor: pointer
}

.scheduleDateModal>span>p {
    font-size: 18px;
    margin-left: 20px;
    pointer-events: none
}

.scheduleDateModal>span>i {
    font-style: normal;
    border-left: 1px solid #c4c4c4;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    pointer-events: none
}

.scheduleDateModal>span>i>img {
    pointer-events: none
}

.scheduleDateModal>div {
    position: absolute;
    left: -15px;
    right: -15px;
    margin-top: 5px;
    background: #fff;
    box-shadow: 0 4px 4px rgba(0,0,0,.25);
    border-radius: 15px;
    overflow: hidden
}

.scheduleDateModal>div>span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #e3f2fd;
    padding: 15px 20px
}

.scheduleDateModal>div>span>p {
    line-height: 0;
    position: relative;
    top: 3px
}

.scheduleDateModal>div>span>i {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    cursor: pointer;
    transition: all .3s ease-in-out
}

.scheduleDateModal>div>span>i:hover {
    background-color: rgba(11,31,53,.15);
    transition: all .3s ease-in-out
}

.scheduleDateModal>div>span>i:active {
    transform: scale(.8)
}

.scheduleDateModal>div>div {
    padding: 20px 15px
}

.scheduleDateModal>div>div>ul {
    display: grid;
    grid-template-columns: repeat(7,1fr)
}

.scheduleDateModal>div>div>ul>li {
    font-size: 12px;
    font-weight: 500;
    text-align: center
}

.scheduleDateModal>div>div>nav {
    margin-top: 10px
}

.scheduleDateModal>div>div>nav>ul {
    display: grid;
    grid-template-columns: repeat(7,1fr);
    margin-top: 9px
}

.scheduleDateModal>div>div>nav>ul>button {
    text-align: center;
    font-size: 12px;
    height: 36px;
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    cursor: pointer;
    border: none
}

.scheduleDateModal>div>div>nav>ul>button>i {
    font-style: normal;
    pointer-events: none
}

.scheduleDateModal>div>div>nav>ul>button:hover {
    background-color: #f8f8f8
}

.scheduleDateModal>div>div>nav>ul>.fieldDateActive {
    box-shadow: inset 0 0 0 1px #2196f3;
    position: relative
}

.scheduleDateModal>div>div>nav>ul>.fieldDateActive>i {
    z-index: 2
}

.scheduleDateModal>div>div>nav>ul>.fieldDateActive:after {
    content: "";
    display: block;
    position: absolute;
    left: 3px;
    right: 3px;
    top: 3px;
    bottom: 3px;
    background: #2196f3;
    z-index: 1
}

.scheduleDateModal>div>div>nav>ul>.fieldDateActive:hover {
    background: transparent
}

.scheduleFormDate {
    position: relative;
    z-index: 1
}

.scheduleFormDate>span {
    display: grid;
    grid-template-columns: 1fr 39px;
    align-items: center;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #c4c4c4;
    cursor: pointer
}

.scheduleFormDate>span>p {
    font-size: 18px;
    margin-left: 20px;
    pointer-events: none
}

.scheduleFormDate>span>i {
    font-style: normal;
    border-left: 1px solid #c4c4c4;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    pointer-events: none
}

.scheduleFormDate>span>i>img {
    pointer-events: none
}

.scheduleFormDate>div {
    position: absolute;
    left: -15px;
    right: -15px;
    margin-top: 5px;
    background: #fff;
    box-shadow: 0 4px 4px rgba(0,0,0,.25);
    border-radius: 15px;
    overflow: hidden
}

.scheduleFormDate>div>span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #e3f2fd;
    padding: 15px 20px
}

.scheduleFormDate>div>span>p {
    line-height: 0;
    position: relative;
    top: 3px
}

.scheduleFormDate>div>span>i {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    cursor: pointer;
    transition: all .3s ease-in-out
}

.scheduleFormDate>div>span>i:hover {
    background-color: rgba(11,31,53,.15);
    transition: all .3s ease-in-out
}

.scheduleFormDate>div>span>i:active {
    transform: scale(.8)
}

.scheduleFormDate>div>div {
    padding: 20px 15px
}

.scheduleFormDate>div>div>ul {
    display: grid;
    grid-template-columns: repeat(7,1fr)
}

.scheduleFormDate>div>div>ul>li {
    font-size: 12px;
    font-weight: 500;
    text-align: center
}

.scheduleFormDate>div>div>nav {
    margin-top: 10px
}

.scheduleFormDate>div>div>nav>ul {
    display: grid;
    grid-template-columns: repeat(7,1fr);
    margin-top: 9px
}

.scheduleFormDate>div>div>nav>ul>button {
    text-align: center;
    font-size: 12px;
    height: 36px;
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    cursor: pointer;
    border: none
}

.scheduleFormDate>div>div>nav>ul>button>i {
    font-style: normal;
    pointer-events: none
}

.scheduleFormDate>div>div>nav>ul>button:hover {
    background-color: #f8f8f8
}

.scheduleFormDate>div>div>nav>ul>.fieldDateActive {
    box-shadow: inset 0 0 0 1px #2196f3;
    position: relative
}

.scheduleFormDate>div>div>nav>ul>.fieldDateActive>i {
    z-index: 2
}

.scheduleFormDate>div>div>nav>ul>.fieldDateActive:after {
    content: "";
    display: block;
    position: absolute;
    left: 3px;
    right: 3px;
    top: 3px;
    bottom: 3px;
    background: #2196f3;
    z-index: 1
}

.scheduleFormDate>div>div>nav>ul>.fieldDateActive:hover {
    background: transparent
}

.fieldDate {
    position: relative;
    z-index: 1
}

.fieldDate>span {
    display: grid;
    grid-template-columns: 1fr 51px;
    align-items: center;
    height: 40px;
    border-radius: 20px;
    border: 1px solid #c4c4c4;
    cursor: pointer
}

.fieldDate>span>p {
    font-size: 18px;
    margin-left: 20px;
    pointer-events: none
}

.fieldDate>span>i {
    font-style: normal;
    border-left: 1px solid #c4c4c4;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.fieldDate>span>i,.fieldDate>span>i>img {
    pointer-events: none
}

.fieldDate>div {
    position: absolute;
    left: -15px;
    right: -15px;
    margin-top: 5px;
    background: #fff;
    box-shadow: 0 4px 4px rgba(0,0,0,.25);
    border-radius: 20px;
    overflow: hidden
}

.fieldDate>div>span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #e3f2fd;
    padding: 15px 20px
}

.fieldDate>div>span>p {
    line-height: 0;
    position: relative;
    top: 3px;
    font-size: 12px;
    color: #1565c0
}

.fieldDate>div>span>i {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    cursor: pointer;
    transition: all .3s ease-in-out
}

.fieldDate>div>span>i>svg {
    stroke: #1565c0
}

.fieldDate>div>span>i:hover {
    background-color: rgba(11,31,53,.15);
    transition: all .3s ease-in-out
}

.fieldDate>div>span>i:active {
    transform: scale(.8)
}

.fieldDate>div>div {
    padding: 20px 15px
}

.fieldDate>div>div>ul {
    display: grid;
    grid-template-columns: repeat(7,1fr)
}

.fieldDate>div>div>ul>li {
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    color: #1565c0
}

.fieldDate>div>div>ul>li:last-child {
    color: #6d7589
}

.fieldDate>div>div>nav {
    margin-top: 10px
}

.fieldDate>div>div>nav>ul {
    display: grid;
    grid-template-columns: repeat(7,1fr);
    margin-top: 9px
}

.fieldDate>div>div>nav>ul>button {
    text-align: center;
    font-size: 12px;
    height: 36px;
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    cursor: pointer;
    border: none;
    border-radius: 10px
}

.fieldDate>div>div>nav>ul>button:last-child>i {
    color: #6d7589
}

.fieldDate>div>div>nav>ul>button>i {
    font-style: normal;
    pointer-events: none
}

.fieldDate>div>div>nav>ul>button:hover {
    background-color: #f8f8f8
}

.fieldDate>div>div>nav>ul>.fieldDateActive {
    box-shadow: inset 0 0 0 1px #2196f3;
    position: relative;
    border-radius: 10px
}

.fieldDate>div>div>nav>ul>.fieldDateActive>i {
    z-index: 2
}

.fieldDate>div>div>nav>ul>.fieldDateActive:after {
    content: "";
    display: block;
    position: absolute;
    left: 3px;
    right: 3px;
    top: 3px;
    bottom: 3px;
    background: #2196f3;
    z-index: 1;
    border-radius: 10px
}

.fieldDate>div>div>nav>ul>.fieldDateActive:hover {
    background: transparent
}

.fieldExamDate {
    position: relative;
    z-index: 1;
    background: #fff
}

.fieldExamDate>span {
    display: grid;
    grid-template-columns: 1fr 39px;
    align-items: center;
    height: 40px;
    border-radius: 0;
    cursor: pointer
}

.fieldExamDate>span>p {
    font-size: 18px;
    margin-left: 20px;
    pointer-events: none
}

.fieldExamDate>span>i {
    font-style: normal;
    border-left: 1px solid #c4c4c4;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    pointer-events: none
}

.fieldExamDate>span>i>img {
    pointer-events: none
}

.fieldExamDate>div {
    width: 355px;
    position: absolute;
    left: -6px;
    right: -15px;
    margin-top: 8px;
    background: #fff;
    box-shadow: 0 4px 4px rgba(0,0,0,.25);
    border-radius: 0;
    overflow: hidden
}

.fieldExamDate>div>span {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    border-radius: 5px;
    cursor: pointer;
    margin: 0 20px
}

.fieldExamDate>div>span>p {
    font-size: 12px;
    font-weight: 400;
    line-height: 0;
    position: relative;
    top: 3px;
    color: #1565c0;
    margin-left: 20px;
    pointer-events: none
}

.fieldExamDate>div>span>i {
    font-style: normal;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #1565c0;
    padding: 0 10px;
    border-radius: 5px
}

.fieldExamDate>div>span>i:hover {
    background-color: rgba(11,31,53,.15);
    transition: all .3s ease-in-out
}

.fieldExamDate>div>span>i:active {
    transform: scale(.8)
}

.fieldExamDate>div>div {
    padding: 20px 15px
}

.fieldExamDate>div>div>ul {
    display: grid;
    grid-template-columns: repeat(7,1fr)
}

.fieldExamDate>div>div>ul>li {
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    color: #1565c0
}

.fieldExamDate>div>div>ul>li:last-child {
    color: #6d7589
}

.fieldExamDate>div>div>nav {
    margin-top: 10px
}

.fieldExamDate>div>div>nav>ul {
    display: grid;
    grid-template-columns: repeat(7,1fr);
    margin-top: 9px
}

.fieldExamDate>div>div>nav>ul>button {
    text-align: center;
    font-size: 12px;
    height: 36px;
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    cursor: pointer;
    border: none
}

.fieldExamDate>div>div>nav>ul>button:last-child>i {
    color: #6d7589
}

.fieldExamDate>div>div>nav>ul>button>i {
    font-style: normal;
    pointer-events: none
}

.fieldExamDate>div>div>nav>ul>button:hover {
    background-color: #f8f8f8
}

.fieldExamDate>div>div>nav>ul>.fieldDateActive {
    box-shadow: inset 0 0 0 1px #2196f3;
    position: relative
}

.fieldExamDate>div>div>nav>ul>.fieldDateActive>i {
    z-index: 2
}

.fieldExamDate>div>div>nav>ul>.fieldDateActive:after {
    content: "";
    display: block;
    position: absolute;
    left: 3px;
    right: 3px;
    top: 3px;
    bottom: 3px;
    background: #2196f3;
    z-index: 1
}

.fieldExamDate>div>div>nav>ul>.fieldDateActive:hover {
    background: transparent
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .field>div {
        border-radius:30px
    }

    .field>div label {
        font-size: 12px
    }

    .field>div>input {
        border-radius: 30px;
        font-size: 14px
    }

    .field>div>i {
        right: inherit
    }

    .field>div>i:hover {
        background-color: rgba(11,31,53,.15);
        transition: all .2s ease-in-out
    }

    .field>div>i:active {
        transform: scale(.8);
        transition: all .2s ease-in-out
    }

    .field>.moduleFieldIconValidateActive {
        border: 1px solid #f33!important
    }

    .field>p {
        margin-top: 3px;
        color: #f33;
        position: absolute;
        line-height: 12px
    }

    .fieldSelect {
        position: relative
    }

    .fieldSelect>div {
        display: grid;
        align-items: center;
        grid-template-columns: 1fr auto;
        min-height: 20px!important;
        border-radius: 20px;
        border: 1px solid #c4c4c4;
        cursor: pointer;
        padding: 1px 19px!important
    }

    .fieldSelect>div p {
        font-size: 12px;
        color: rgba(0,0,0,.54);
        pointer-events: none;
        white-space: nowrap;
        overflow: hidden;
        padding: 5px;
        text-overflow: ellipsis
    }

    .fieldSelect>div svg {
        transform: rotate(0deg);
        transition: transform .2s ease-in;
        pointer-events: none
    }

    .fieldSelect .fieldSelectActiveToggle svg {
        transform: rotate(180deg);
        transition: transform .2s ease-in
    }

    .fieldSelect span {
        min-height: 50px;
        max-height: 190px;
        margin-top: 1px;
        position: absolute;
        display: block;
        left: 0;
        right: 0;
        padding: 12px 0;
        background: #fff;
        box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
        border-radius: 0 0 10px 10px;
        z-index: 10;
        overflow: auto
    }

    .fieldSelect span::-webkit-scrollbar {
        height: 20px;
        width: 11px
    }

    .fieldSelect span::-webkit-scrollbar-track {
        border-radius: 10px
    }

    .fieldSelect span::-webkit-scrollbar-thumb {
        background: #90caf9;
        border-radius: 10px;
        border: 3px solid #fff
    }

    .fieldSelect span i {
        display: flex;
        align-items: center;
        font-style: normal;
        padding: 3px 19px;
        min-height: 30px;
        cursor: pointer;
        width: 100%;
        font-size: 12px
    }

    .fieldSelect span i:hover {
        color: #42a5f5
    }

    .fieldSelect span .fieldSelectActive {
        pointer-events: none;
        background: #42a5f5;
        color: #fff
    }

    .fieldSelect>p {
        font-size: 12px;
        margin-top: 3px;
        color: #f33;
        font-weight: 500
    }

    .scheduleDateModal {
        position: relative;
        z-index: 1
    }

    .scheduleDateModal>span {
        display: grid;
        grid-template-columns: 1fr 39px;
        align-items: center;
        height: 40px;
        border-radius: 5px;
        border: 1px solid #c4c4c4;
        cursor: pointer
    }

    .scheduleDateModal>span>p {
        font-size: 12px;
        margin-left: 20px;
        pointer-events: none
    }

    .scheduleDateModal>span>i {
        font-style: normal;
        border-left: 1px solid #c4c4c4;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        pointer-events: none
    }

    .scheduleDateModal>span>i>img {
        pointer-events: none
    }

    .scheduleDateModal>div {
        position: absolute;
        left: -15px;
        right: -15px;
        margin-top: 5px;
        background: #fff;
        box-shadow: 0 4px 4px rgba(0,0,0,.25);
        border-radius: 15px;
        overflow: hidden
    }

    .scheduleDateModal>div>span {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #e3f2fd;
        padding: 15px 20px
    }

    .scheduleDateModal>div>span>p {
        line-height: 0;
        position: relative;
        top: 3px
    }

    .scheduleDateModal>div>span>i {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        cursor: pointer;
        transition: all .3s ease-in-out
    }

    .scheduleDateModal>div>span>i:hover {
        background-color: rgba(11,31,53,.15);
        transition: all .3s ease-in-out
    }

    .scheduleDateModal>div>span>i:active {
        transform: scale(.8)
    }

    .scheduleDateModal>div>div {
        padding: 20px 15px
    }

    .scheduleDateModal>div>div>ul {
        display: grid;
        grid-template-columns: repeat(7,1fr)
    }

    .scheduleDateModal>div>div>ul>li {
        font-size: 12px;
        font-weight: 500;
        text-align: center
    }

    .scheduleDateModal>div>div>nav {
        margin-top: 10px
    }

    .scheduleDateModal>div>div>nav>ul {
        display: grid;
        grid-template-columns: repeat(7,1fr);
        margin-top: 9px
    }

    .scheduleDateModal>div>div>nav>ul>button {
        text-align: center;
        font-size: 12px;
        height: 36px;
        width: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        cursor: pointer;
        border: none
    }

    .scheduleDateModal>div>div>nav>ul>button>i {
        font-style: normal;
        pointer-events: none
    }

    .scheduleDateModal>div>div>nav>ul>button:hover {
        background-color: #f8f8f8
    }

    .scheduleDateModal>div>div>nav>ul>.fieldDateActive {
        box-shadow: inset 0 0 0 1px #2196f3;
        position: relative
    }

    .scheduleDateModal>div>div>nav>ul>.fieldDateActive>i {
        z-index: 2
    }

    .scheduleDateModal>div>div>nav>ul>.fieldDateActive:after {
        content: "";
        display: block;
        position: absolute;
        left: 3px;
        right: 3px;
        top: 3px;
        bottom: 3px;
        background: #2196f3;
        z-index: 1
    }

    .scheduleDateModal>div>div>nav>ul>.fieldDateActive:hover {
        background: transparent
    }

    .scheduleFormDate {
        position: relative;
        z-index: 1
    }

    .scheduleFormDate>span {
        display: grid;
        grid-template-columns: 1fr 39px;
        align-items: center;
        height: 40px;
        border-radius: 5px;
        border: 1px solid #c4c4c4;
        cursor: pointer
    }

    .scheduleFormDate>span>p {
        font-size: 12px;
        margin-left: 20px;
        pointer-events: none
    }

    .scheduleFormDate>span>i {
        font-style: normal;
        border-left: 1px solid #c4c4c4;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        pointer-events: none
    }

    .scheduleFormDate>span>i>img {
        pointer-events: none
    }

    .scheduleFormDate>div {
        position: absolute;
        left: -15px;
        right: -15px;
        margin-top: 5px;
        background: #fff;
        box-shadow: 0 4px 4px rgba(0,0,0,.25);
        border-radius: 15px;
        overflow: hidden
    }

    .scheduleFormDate>div>span {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #e3f2fd;
        padding: 15px 20px
    }

    .scheduleFormDate>div>span>p {
        line-height: 0;
        position: relative;
        top: 3px
    }

    .scheduleFormDate>div>span>i {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        cursor: pointer;
        transition: all .3s ease-in-out
    }

    .scheduleFormDate>div>span>i:hover {
        background-color: rgba(11,31,53,.15);
        transition: all .3s ease-in-out
    }

    .scheduleFormDate>div>span>i:active {
        transform: scale(.8)
    }

    .scheduleFormDate>div>div {
        padding: 20px 15px
    }

    .scheduleFormDate>div>div>ul {
        display: grid;
        grid-template-columns: repeat(7,1fr)
    }

    .scheduleFormDate>div>div>ul>li {
        font-size: 12px;
        font-weight: 500;
        text-align: center
    }

    .scheduleFormDate>div>div>nav {
        margin-top: 10px
    }

    .scheduleFormDate>div>div>nav>ul {
        display: grid;
        grid-template-columns: repeat(7,1fr);
        margin-top: 9px
    }

    .scheduleFormDate>div>div>nav>ul>button {
        text-align: center;
        font-size: 12px;
        height: 36px;
        width: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        cursor: pointer;
        border: none
    }

    .scheduleFormDate>div>div>nav>ul>button>i {
        font-style: normal;
        pointer-events: none
    }

    .scheduleFormDate>div>div>nav>ul>button:hover {
        background-color: #f8f8f8
    }

    .scheduleFormDate>div>div>nav>ul>.fieldDateActive {
        box-shadow: inset 0 0 0 1px #2196f3;
        position: relative
    }

    .scheduleFormDate>div>div>nav>ul>.fieldDateActive>i {
        z-index: 2
    }

    .scheduleFormDate>div>div>nav>ul>.fieldDateActive:after {
        content: "";
        display: block;
        position: absolute;
        left: 3px;
        right: 3px;
        top: 3px;
        bottom: 3px;
        background: #2196f3;
        z-index: 1
    }

    .scheduleFormDate>div>div>nav>ul>.fieldDateActive:hover {
        background: transparent
    }

    .fieldDate {
        position: relative;
        z-index: 3
    }

    .fieldDate>span {
        position: relative;
        display: grid;
        grid-template-columns: 1fr 39px;
        align-items: center;
        border: 1px solid #c4c4c4;
        cursor: pointer;
        z-index: -1;
        border-radius: 20px;
        height: 30px
    }

    .fieldDate>span>p {
        font-size: 12px;
        margin-left: 20px;
        pointer-events: none
    }

    .fieldDate>span>i {
        font-style: normal;
        border-left: 1px solid #c4c4c4;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer
    }

    .fieldDate>span>i,.fieldDate>span>i>img {
        pointer-events: none
    }

    .fieldDate>div {
        position: absolute;
        left: -50px;
        right: -15px;
        margin-top: 5px;
        background: #fff;
        box-shadow: 0 4px 4px rgba(0,0,0,.25);
        border-radius: 15px;
        overflow: hidden;
        z-index: 4
    }

    .fieldDate>div>span {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #e3f2fd;
        padding: 15px 20px
    }

    .fieldDate>div>span>p {
        line-height: 0;
        position: relative;
        top: 3px
    }

    .fieldDate>div>span>i {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        cursor: pointer;
        transition: all .3s ease-in-out
    }

    .fieldDate>div>span>i:hover {
        background-color: rgba(11,31,53,.15);
        transition: all .3s ease-in-out
    }

    .fieldDate>div>span>i:active {
        transform: scale(.8)
    }

    .fieldDate>div>div {
        padding: 20px 6px
    }

    .fieldDate>div>div>ul {
        display: grid;
        grid-template-columns: repeat(7,1fr)
    }

    .fieldDate>div>div>ul>li {
        font-size: 12px;
        font-weight: 500;
        text-align: center
    }

    .fieldDate>div>div>nav {
        margin-top: 10px
    }

    .fieldDate>div>div>nav>ul {
        display: grid;
        grid-template-columns: repeat(7,1fr);
        margin-top: 9px
    }

    .fieldDate>div>div>nav>ul>button {
        text-align: center;
        font-size: 12px;
        height: 36px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        cursor: pointer;
        border: none
    }

    .fieldDate>div>div>nav>ul>button>i {
        font-style: normal;
        pointer-events: none
    }

    .fieldDate>div>div>nav>ul>button:hover {
        background-color: #f8f8f8
    }

    .fieldDate>div>div>nav>ul>.fieldDateActive {
        box-shadow: inset 0 0 0 1px #2196f3;
        position: relative
    }

    .fieldDate>div>div>nav>ul>.fieldDateActive>i {
        z-index: 2
    }

    .fieldDate>div>div>nav>ul>.fieldDateActive:after {
        content: "";
        display: block;
        position: absolute;
        left: 3px;
        right: 3px;
        top: 3px;
        bottom: 3px;
        background: #2196f3;
        z-index: 1
    }

    .fieldDate>div>div>nav>ul>.fieldDateActive:hover {
        background: transparent
    }
}

.buttons_button__3y7Qh {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #fff;
    background: #2979ff;
    border: none;
    height: 40px;
    border-radius: 25px;
    cursor: pointer;
    width: 100%
}

.buttons_button__3y7Qh>img {
    height: 25px
}

.buttons_button__3y7Qh:hover {
    background: #2674fc
}

.buttons_button__3y7Qh:active {
    background: #1d67e1
}

.buttons_button__3y7Qh:disabled {
    background: #2979ff
}

.Eye_main__23kYs>path:hover {
    fill: #2962ff
}

.form_textarea__2zwgf>textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #c4c4c4;
    border-radius: 20px;
    outline: none;
    height: 151px;
    resize: none;
    font-size: 18px
}

.form_textarea__2zwgf>p {
    font-size: 13px;
    margin-top: -4px;
    color: #f33;
    font-weight: 500
}

.form_selectMultiple__1T203 {
    position: relative
}

.form_selectMultiple__1T203>div {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr auto;
    grid-gap: 10px;
    min-height: 40px;
    border-radius: 25px;
    border: 1px solid #c4c4c4;
    cursor: pointer;
    padding: 5px 15px
}

.form_selectMultiple__1T203>div p {
    font-size: 16px;
    color: rgba(0,0,0,.54);
    pointer-events: none;
    clear: both;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    align-items: center;
    grid-gap: 4px
}

.form_selectMultiple__1T203>div svg {
    transform: rotate(0deg);
    transition: transform .2s ease-in;
    pointer-events: none;
    font-size: 23px;
    margin-top: 2px
}

.form_selectMultiple__1T203>div svg>path {
    color: #000
}

.form_selectMultiple__1T203 .form_fieldSelectActiveToggle__3zmVg svg {
    transform: rotate(180deg);
    transition: transform .2s ease-in
}

.form_selectMultiple__1T203 span {
    min-height: 50px;
    max-height: 190px;
    margin-top: 1px;
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    padding: 12px 0;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    z-index: 1;
    overflow: auto
}

.form_selectMultiple__1T203 span>div {
    display: flex;
    align-items: center;
    font-style: normal;
    padding: 3px 19px;
    min-height: 30px;
    cursor: pointer;
    width: 100%;
    grid-gap: 10px
}

.form_selectMultiple__1T203 span>div>input {
    transform: scale(1.2);
    cursor: pointer
}

.form_selectMultiple__1T203 span>div:hover {
    color: #42a5f5
}

.form_selectMultiple__1T203 span .form_fieldSelectActive__1prLu {
    pointer-events: none;
    background: #42a5f5;
    color: #fff
}

.form_selectMultiple__1T203>p {
    font-size: 13px;
    margin-top: 3px;
    color: #f33;
    font-weight: 500
}

.form_yearCalendar__2KBkV>header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.form_yearCalendar__2KBkV>header>h1 {
    color: #2962ff;
    font-size: 22px
}

.form_yearCalendar__2KBkV>header>.form_yearCalendarSelect__2SRRh {
    width: 110px;
    position: relative;
    left: -20px;
    border-radius: 20px!important
}

.form_yearCalendar__2KBkV>header>.form_yearCalendarSelect__2SRRh>div {
    border-color: transparent;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 20px!important
}

.form_yearCalendar__2KBkV>header>.form_yearCalendarSelect__2SRRh>div p {
    text-align: center
}

.form_yearCalendar__2KBkV>main {
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-row-gap: 15px;
    grid-column-gap: 10px
}

.form_yearCalendar__2KBkV>main>div>p {
    font-size: 14px;
    color: #1565c0;
    padding-left: 5px;
    margin-left: 9px
}

.form_yearCalendar__2KBkV>main>div>div {
    margin-top: 10px
}

.form_yearCalendar__2KBkV>main>div>div ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px
}

.form_yearCalendar__2KBkV>main>div>div ul li {
    font-size: 12px;
    width: 28px;
    margin: 0 4px;
    display: flex;
    align-items: center;
    justify-content: center
}

.form_yearCalendar__2KBkV>main>div>div ul li:last-child {
    color: #6d7589;
    pointer-events: none
}

.form_yearCalendar__2KBkV>main>div>div>ul li {
    font-weight: 500;
    color: #1565c0
}

.form_yearCalendar__2KBkV>main>div>div>ul li:last-child {
    color: #6d7589
}

.form_yearCalendar__2KBkV>main>div>div>nav>ul>li {
    cursor: pointer
}

.form_yearCalendar__2KBkV>main>div>div>nav>ul>.form_const__2ZwQH {
    background: #2196f3;
    box-sizing: border-box;
    box-shadow: 0 4px 4px rgba(0,0,0,.25);
    border-radius: 10px;
    color: #fff;
    border: 1px solid #f5fbff
}

.form_yearCalendar__2KBkV>main>div>div>nav>ul>.form_normal__2rco7 {
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0 4px 4px rgba(0,0,0,.25);
    border-radius: 10px;
    color: #2196f3;
    border: 1px solid #2196f3
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .form_textarea__2zwgf>textarea {
        border-radius:5px
    }

    .form_selectMultiple__1T203>div {
        min-height: 30px;
        border-radius: 20px;
        padding: 5px 8px
    }

    .form_selectMultiple__1T203>div p {
        font-size: 12px
    }

    .form_selectMultiple__1T203>span {
        max-height: 350px
    }

    .form_yearCalendar__2KBkV>header>h1 {
        font-size: 14px
    }

    .form_yearCalendar__2KBkV>header>.form_yearCalendarSelect__2SRRh>div p {
        font-size: 12px!important
    }
}

.Help_main__2ZPMP main {
    padding: 38px 42px 0;
    height: 80vh;
    display: flex;
    justify-content: flex-start
}

.Help_main__2ZPMP main .Help_warningTxt__1-crG>.Help_warning__3aI3V {
    color: red;
    font-weight: 400;
    font-size: 16px
}

.Help_main__2ZPMP main .Help_warningTxt__1-crG>p {
    width: 700px;
    font-weight: 400;
    font-size: 12px;
    line-height: 26px;
    margin: 15px 0
}

.Help_main__2ZPMP main .Help_warningTxt__1-crG>p>a {
    color: #2962ff;
    text-decoration: none
}

.Help_main__2ZPMP main .Help_warningTxt__1-crG>p>a:hover {
    text-decoration: underline
}

.Help_main__2ZPMP main .Help_contactData__2tgrM {
    display: block;
    width: 700px;
    align-self: flex-end;
    margin-bottom: 80px;
    margin-top: 20px
}

.Help_main__2ZPMP main .Help_contactData__2tgrM>div {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: 1fr 1fr
}

.Help_main__2ZPMP main .Help_contactData__2tgrM p {
    font-size: 16px;
    padding-bottom: 10px;
    line-height: 25.6px
}

.Help_main__2ZPMP main .Help_contactData__2tgrM a {
    margin-top: 20px;
    display: flex;
    align-items: center;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400
}

.Help_main__2ZPMP main .Help_contactData__2tgrM a:hover {
    text-decoration: underline
}

.Help_main__2ZPMP main .Help_contactData__2tgrM a .Help_iconContainer__2tuOh {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background: #2962ff;
    margin-right: 18px
}

.Help_main__2ZPMP main .Help_contactData__2tgrM a .Help_iconContainer__2tuOh>svg {
    width: 15px
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .Help_main__2ZPMP {
        height:100%
    }

    .Help_main__2ZPMP>div {
        width: 100vw
    }

    .Help_main__2ZPMP main {
        padding: 0;
        flex-direction: column;
        align-items: center;
        height: 100%
    }

    .Help_main__2ZPMP main>div {
        width: 90vw;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        margin-bottom: 50vh
    }

    .Help_main__2ZPMP main .Help_warningTxt__1-crG>.Help_warning__3aI3V {
        text-align: center;
        font-weight: 700
    }

    .Help_main__2ZPMP main .Help_warningTxt__1-crG>p {
        width: 90vw;
        font-size: 13.5px;
        text-align: justify
    }

    .Help_main__2ZPMP main>span {
        display: block;
        width: 100%;
        align-self: flex-end;
        margin-bottom: 10px;
        padding-left: 9px
    }

    .Help_main__2ZPMP main>span p {
        font-size: 12px;
        padding-bottom: 10px
    }

    .Help_main__2ZPMP main>span a {
        margin-top: 20px;
        display: flex;
        align-items: center;
        text-decoration: none;
        font-size: 12px
    }

    .Help_main__2ZPMP main>span a>img {
        width: 20px;
        margin-right: 18px
    }

    .Help_main__2ZPMP main .Help_contactData__2tgrM {
        width: 90vw
    }

    .Help_main__2ZPMP main .Help_contactData__2tgrM>div {
        display: flex;
        flex-direction: column
    }
}

.Main_bgVideo__1hjOx {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: -1
}

.Main_main__3lB2F {
    z-index: 1
}

.Main_main__3lB2F main {
    height: 100%;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center
}

.Main_main__3lB2F main .Main_reward__2JEeQ {
    margin-top: 40px;
    position: absolute;
    right: 70px;
    top: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(https://amir1github.github.io/edonish/static/media/gold.webp) no-repeat 50%/cover hsla(0,0%,100%,.8);
    width: 175px;
    height: 175px;
    border-radius: 50%
}

.Main_main__3lB2F main .Main_reward__2JEeQ>p {
    font-size: 10px;
    font-weight: 500;
    width: 96.18px;
    height: 33.9px;
    text-align: center;
    color: #225dff
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .Main_main__3lB2F {
        height:100vh
    }

    .Main_main__3lB2F main {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .Main_main__3lB2F main .Main_reward__2JEeQ {
        top: 0;
        width: 90px;
        height: 90px;
        position: relative;
        margin-top: 9px;
        left: 150px
    }

    .Main_main__3lB2F main .Main_reward__2JEeQ>p {
        font-size: 6px;
        width: 59.18px;
        height: 16.9px
    }

    .Main_main__3lB2F .Main_modal__3kBdn {
        top: 50px!important
    }

    .Main_main__3lB2F .Main_modal__3kBdn>div {
        top: 78px!important;
        align-items: center
    }
}

.Agreement_main__2ixDg>h1 {
    font-size: 28px;
    padding-left: 40px
}

.Agreement_main__2ixDg>div {
    padding: 10px;
    border: 5px solid #fff;
    box-sizing: border-box;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.25));
    -webkit-backdrop-filter: blur(9px);
    backdrop-filter: blur(9px);
    height: 100%;
    border-radius: 25px
}

.Agreement_main__2ixDg>div>div {
    height: 660px;
    border-radius: 25px;
    background: #fff;
    padding-right: 10px;
    padding-top: 21px;
    box-shadow: 0 1px 1px rgba(0,0,0,.25)
}

.Agreement_main__2ixDg>div>div>span {
    height: 615px;
    display: block;
    font-family: inherit;
    overflow: scroll;
    padding: 0 30px 30px;
    letter-spacing: .4px;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px
}

.Agreement_main__2ixDg>div>div>span>h2 {
    text-align: left
}

.Agreement_main__2ixDg>div>div>span>p {
    position: relative;
    margin: 20px 0;
    font-size: 14px;
    line-height: 18px
}

.Agreement_main__2ixDg>div>div>span h3 {
    margin: 25px 0;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700
}

.Agreement_main__2ixDg>div>div>span>ol>li {
    font-size: 14px;
    margin: 20px 0;
    letter-spacing: .4px
}

.Agreement_main__2ixDg>div>div>span>ol>p {
    font-size: 14px;
    margin: 10px 0 10px 30px
}

.Agreement_main__2ixDg>div>div>span>ol>p:before {
    content: "•";
    transform: rotate(180deg);
    margin-right: 7px
}

.Agreement_main__2ixDg>div>div>span ol .Agreement_subLI__2pSZr {
    margin: 4px 30px
}

.Agreement_main__2ixDg>div>div>span ol .Agreement_subLI__2pSZr:before {
    content: "•";
    transform: rotate(180deg);
    margin-right: 7px
}

.Agreement_main__2ixDg>div>div>span .Agreement_listItem__3N-tu {
    font-size: 14px;
    margin: 4px auto 4px 60px
}

.Agreement_main__2ixDg>div>div>span .Agreement_listItem__3N-tu:before {
    content: "⁃";
    margin-right: 4px
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .Agreement_main__2ixDg>h1 {
        margin-top:15px;
        font-size: 14px;
        width: 90%
    }

    .Agreement_main__2ixDg>div {
        padding: 7px;
        border: 3px solid #fff;
        box-sizing: border-box;
        filter: drop-shadow(0 1px 1px rgba(0,0,0,.25));
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        height: 90%;
        width: 100%;
        background-color: rgba(212,211,211,.25)
    }

    .Agreement_main__2ixDg>div>div {
        box-shadow: 2px 4px 6px 2px rgba(0,0,0,.25);
        background: #fff;
        height: 460px
    }

    .Agreement_main__2ixDg>div>div>span {
        height: 430px;
        padding: 5px 0 0 10px;
        text-align: justify
    }

    .Agreement_main__2ixDg>div>div>span>h2 {
        font-size: 18px
    }

    .Agreement_main__2ixDg>div>div>span>p {
        margin: 9px 0;
        font-size: 12px
    }

    .Agreement_main__2ixDg>div>div>span h3 {
        margin: 10px 0;
        font-size: 12px
    }

    .Agreement_main__2ixDg>div>div>span>ol>li {
        font-size: 12px;
        margin: 10px 0;
        line-height: 18px
    }

    .Agreement_main__2ixDg>div>div>span>ol>p {
        font-size: 12px
    }

    .Agreement_main__2ixDg>div>div ::-webkit-scrollbar {
        width: 5px
    }
}

.modalContainer {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000
}

.modalContainer .modal {
    position: relative
}

.modal {
    position: fixed;
    width: 100%;
    height: 110vh;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(252,252,253,.78);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    z-index: 1098
}

.modal>div {
    background: #fff;
    padding: 20px 30px 45px;
    box-shadow: 0 4px 4px rgba(0,0,0,.25);
    border-radius: 20px!important;
    position: relative
}

.modal>div>i {
    right: 15px;
    top: 15px;
    cursor: pointer;
    z-index: 1;
    width: 25px;
    height: 25px;
    flex-direction: column
}

.modal>div>i,.modalApp {
    display: flex;
    position: absolute;
    justify-content: center;
    align-items: center
}

.modalApp {
    padding: 10px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(252,252,253,.78);
    z-index: 1000
}

.modalApp>div {
    background: #fff;
    box-shadow: 0 4px 4px rgba(0,0,0,.25);
    position: relative
}

.modalApp>div>i {
    display: inline-block;
    position: absolute;
    right: 18px;
    top: 23px;
    cursor: pointer
}

.modalComponent {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 30px;
    width: 673px;
    height: 800px;
    background: #bbdefb;
    box-shadow: 0 4px 4px rgba(0,0,0,.25);
    border-radius: 20px
}

.modalComponent>i {
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .modalContainer {
        position:absolute;
        bottom: auto;
        right: auto;
        z-index: 9999
    }

    .modal {
        justify-content: center;
        z-index: 1000;
        align-items: center
    }

    .modal>div {
        width: 100vw;
        box-shadow: 2.46154px 4.92308px 7.38461px 2.46154px rgba(0,0,0,.25);
        top: 5vh;
        padding: 40px 15px;
        border-radius: 15px;
        margin: 10px
    }

    .modal>div>i {
        display: inline-block;
        right: 18px
    }

    .modalComponent {
        padding: 10px;
        width: 100%;
        height: 100%
    }

    .modalComponent>i {
        display: inline-block
    }
}

.PhoneConfirmation_main__2BJWM {
    width: 360px
}

.PhoneConfirmation_main__2BJWM h1 {
    font-size: 28px;
    margin-top: 10px
}

.PhoneConfirmation_main__2BJWM>div {
    margin-top: 22px
}

.PhoneConfirmation_main__2BJWM>div>p {
    font-size: 18px;
    margin-bottom: 13px;
    color: #777776
}

.PhoneConfirmation_main__2BJWM button {
    margin-top: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #fff;
    background: #2979ff;
    border: none;
    height: 40px;
    border-radius: 25px;
    cursor: pointer;
    width: 200px;
    margin-bottom: 24px
}

.Registration_main__3fhOe {
    width: 290px
}

.Registration_main__3fhOe>h1 {
    font-size: 22px;
    padding-left: 12px;
    margin-top: 20px
}

.Registration_main__3fhOe>form .Registration_formList__5Ihy5 {
    margin-top: 20px;
    display: grid;
    grid-gap: 20px
}

.Registration_main__3fhOe>form .Registration_formList__5Ihy5>div {
    width: 280px
}

.Registration_main__3fhOe>form .Registration_formList__5Ihy5>div>div {
    width: 290px
}

.Registration_main__3fhOe>form .Registration_formList__5Ihy5>div:nth-child(3),.Registration_main__3fhOe>form .Registration_formList__5Ihy5>div:nth-child(4),.Registration_main__3fhOe>form .Registration_formList__5Ihy5>div:nth-child(5) {
    grid-column: 1/-1
}

.Registration_main__3fhOe>form .Registration_formList__5Ihy5>div>label {
    font-size: 14px;
    font-weight: 400;
    color: rgba(0,0,0,.54);
    margin-left: 10px
}

.Registration_main__3fhOe>form .Registration_formChecked__3x16y {
    width: 290px
}

.Registration_main__3fhOe>form .Registration_formChecked__3x16y>h1 {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0,0,0,.54);
    margin-left: 10px
}

.Registration_main__3fhOe>form .Registration_formChecked__3x16y>div {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 20px;
    margin-top: 10px
}

.Registration_main__3fhOe>form .Registration_formChecked__3x16y>div>div {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr;
    height: 40px;
    border: 1px solid #c4c4c4;
    border-radius: 25px;
    cursor: pointer;
    position: relative
}

.Registration_main__3fhOe>form .Registration_formChecked__3x16y>div>div label {
    font-size: 14px;
    padding: 0 11px;
    height: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
    color: rgba(0,0,0,.54)
}

.Registration_main__3fhOe>form .Registration_formChecked__3x16y>div>div input:active label {
    color: #000
}

.Registration_main__3fhOe>form .Registration_formChecked__3x16y>div>div input {
    position: absolute;
    pointer-events: none;
    right: 13px;
    transform: scale(1.4)
}

.Registration_main__3fhOe>form .Registration_formRadio__787sK>div {
    margin-top: 15px;
    display: flex;
    align-items: center;
    grid-gap: 10px;
    margin-left: 10px
}

.Registration_main__3fhOe>form .Registration_formRadio__787sK>div label {
    font-size: 12px;
    color: #2979ff;
    cursor: pointer;
    text-decoration: underline
}

.Registration_main__3fhOe>form .Registration_formRadio__787sK>div input {
    transform: scale(1.4);
    cursor: pointer
}

.Registration_main__3fhOe>form .Registration_formRadio__787sK>p {
    font-size: 13px;
    margin-top: 3px;
    color: #f33;
    font-weight: 500
}

.Registration_main__3fhOe>form .Registration_button__wgjlQ {
    margin-top: 25px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    align-items: center;
    grid-gap: 20px
}

.Registration_main__3fhOe>p {
    text-align: center;
    font-size: 14px;
    margin-top: 10px;
    position: relative;
    top: 17px;
    color: #2979ff;
    cursor: pointer
}

.Registration_main__3fhOe>div {
    left: -131.5px;
    top: -85px;
    z-index: 100
}

.Registration_main__3fhOe>div>div {
    display: grid;
    grid-template-rows: auto 1fr;
    grid-template-columns: 1fr;
    grid-gap: 10px;
    height: 100%
}

.Registration_main__3fhOe>div>div>h1 {
    font-size: 28px
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .Registration_main__3fhOe {
        min-width:260px;
        margin: auto
    }

    .Registration_main__3fhOe>h1 {
        margin-left: -10px;
        margin-top: 15px;
        font-size: 16px
    }

    .Registration_main__3fhOe>form {
        width: 100%;
        padding: 0 0 20px!important;
        margin: 0!important
    }

    .Registration_main__3fhOe>form .Registration_formList__5Ihy5 {
        grid-template-columns: auto
    }

    .Registration_main__3fhOe>form .Registration_formChecked__3x16y>h1 {
        color: #222;
        margin-left: 0
    }

    .Registration_main__3fhOe>form .Registration_formChecked__3x16y>div {
        margin-top: 3px
    }

    .Registration_main__3fhOe>form .Registration_formChecked__3x16y>div>div {
        height: 30px
    }

    .Registration_main__3fhOe>form .Registration_formChecked__3x16y>div>div label {
        color: #000!important
    }

    .Registration_main__3fhOe>form .Registration_formChecked__3x16y>div>div input {
        transform: scale(1)
    }

    .Registration_main__3fhOe>form .Registration_formRadio__787sK>div label {
        color: #448aff!important;
        letter-spacing: .35px;
        line-height: 143%;
        font-weight: 400;
        font-size: 12px
    }

    .Registration_main__3fhOe>form .Registration_formRadio__787sK>p {
        font-size: 12px
    }

    .Registration_main__3fhOe>form .Registration_button__wgjlQ {
        font-size: 12px;
        justify-content: center;
        justify-items: center;
        justify-self: center
    }

    .Registration_main__3fhOe>form .Registration_button__wgjlQ button {
        font-size: 16px;
        letter-spacing: .5px;
        height: 40px
    }

    .Registration_main__3fhOe>p {
        text-align: start;
        font-size: 12px;
        margin-top: 1px;
        top: 1px;
        color: #448aff!important;
        letter-spacing: .15px;
        line-height: 160%
    }

    .Registration_main__3fhOe>div {
        width: 100%;
        left: 0;
        top: 0
    }

    .Registration_main__3fhOe>div>div {
        display: flex;
        flex-direction: column;
        height: 100%
    }

    .Registration_main__3fhOe>div>div>h1 {
        font-size: 14px
    }
}

.NewPassword_main__7PC0S>h1 {
    font-size: 22px;
    margin-top: 20px
}

.NewPassword_main__7PC0S>div {
    margin-top: 20px;
    display: grid;
    grid-gap: 14px;
    width: 280px
}

.NewPassword_main__7PC0S>div h1 {
    color: #777776;
    font-size: 18px;
    margin-bottom: 10px
}

.NewPassword_main__7PC0S button {
    max-width: 280px;
    margin-top: 30px
}

.NewPassword_main__7PC0S>p {
    text-align: right;
    color: #2979ff;
    position: relative;
    top: 14px
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .NewPassword_main__7PC0S {
        width:100%
    }

    .NewPassword_main__7PC0S>h1 {
        font-size: 14px
    }

    .NewPassword_main__7PC0S>div {
        margin-top: 32px
    }

    .NewPassword_main__7PC0S>div h1 {
        font-size: 12px
    }

    .NewPassword_main__7PC0S button {
        max-width: 200px
    }
}

.ForgetPassword_main__1kpIO {
    width: 305px
}

.ForgetPassword_main__1kpIO h1 {
    font-size: 22px;
    margin-top: 20px
}

.ForgetPassword_main__1kpIO>.ForgetPassword_phone__block__2jrvo {
    margin-top: 32px
}

.ForgetPassword_main__1kpIO>.ForgetPassword_phone__block__2jrvo>p {
    font-size: 14px;
    margin-bottom: 10px;
    color: #777776
}

.ForgetPassword_main__1kpIO>.ForgetPassword_phone__block__2jrvo>div>div>input {
    padding-left: 10px
}

.ForgetPassword_main__1kpIO>.ForgetPassword_key__block__3EHNm {
    margin-top: 20px
}

.ForgetPassword_main__1kpIO .ForgetPassword_radio__block__125vW {
    display: flex;
    align-items: center;
    grid-gap: 23px;
    margin-top: 18px
}

.ForgetPassword_main__1kpIO .ForgetPassword_radio__block__125vW label {
    font-size: 18px;
    margin-left: 9px;
    cursor: pointer
}

.ForgetPassword_main__1kpIO .ForgetPassword_radio__block__125vW input {
    transform: scale(1.1)
}

.ForgetPassword_main__1kpIO>.ForgetPassword_btnContainer__8ZjjV {
    display: flex;
    justify-content: center
}

.ForgetPassword_main__1kpIO>.ForgetPassword_btnContainer__8ZjjV button {
    margin-top: 18px;
    margin-bottom: 5px;
    font-size: 16px
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .ForgetPassword_main__1kpIO {
        padding-bottom:-100px;
        width: 100%
    }

    .ForgetPassword_main__1kpIO h1 {
        font-size: 16px
    }

    .ForgetPassword_main__1kpIO>.ForgetPassword_phone__block__2jrvo {
        margin-top: 16px
    }

    .ForgetPassword_main__1kpIO .ForgetPassword_radio__block__125vW>div {
        display: flex;
        align-items: center
    }

    .ForgetPassword_main__1kpIO .ForgetPassword_radio__block__125vW>div label {
        font-size: 14px
    }

    .ForgetPassword_main__1kpIO button {
        font-size: 16px!important;
        margin-top: 18px;
        margin-bottom: 1px;
        max-width: 320px;
        height: 40px
    }
}

.LoginForm_avatarImgCont__10b7i {
    position: absolute;
    top: -12%;
    left: 39%;
    background: #2962ff;
    border-radius: 50%;
    width: 92px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center
}

.LoginForm_line__1R_SH {
    width: 290px;
    height: 2px;
    background: #e3f2fd;
    margin: 10px 0 15px
}

.LoginForm_form__a-BLU {
    position: relative;
    margin-left: 80px;
    max-width: 380px;
    padding: 43px 25px 15px;
    display: grid;
    grid-template-columns: 1fr;
    background: hsla(0,0%,100%,.9);
    border: 1px solid hsla(0,0%,100%,.95);
    border-radius: 15px;
    margin-top: 145px
}

.LoginForm_form__a-BLU>div {
    margin: 0 0 15px
}

.LoginForm_form__a-BLU>div:last-child {
    margin: 0
}

.LoginForm_form__a-BLU .LoginForm_header__3tvoK {
    display: flex;
    align-items: center;
    height: 27px;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 20px
}

.LoginForm_form__a-BLU .LoginForm_header__3tvoK h1 {
    font-size: 24px;
    margin-left: 12px
}

.LoginForm_form__a-BLU .LoginForm_login__36dna h1 {
    font-size: 18px;
    color: #777776;
    margin-bottom: 5px
}

.LoginForm_form__a-BLU .LoginForm_login__36dna>div>div>input,.LoginForm_form__a-BLU .LoginForm_password__2iRLP>div>div>input {
    padding-left: 60px
}

.LoginForm_form__a-BLU .LoginForm_password__2iRLP>div:first-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px
}

.LoginForm_form__a-BLU .LoginForm_password__2iRLP>div:first-child>h1 {
    font-size: 18px;
    color: #777776;
    font-weight: 400
}

.LoginForm_form__a-BLU .LoginForm_password__2iRLP>div:last-child {
    display: flex;
    align-items: center;
    text-align: right;
    justify-content: flex-end;
    margin-top: 13px
}

.LoginForm_form__a-BLU .LoginForm_password__2iRLP>div:last-child>p {
    color: #448aff;
    font-weight: 400;
    font-size: 14px;
    text-align: right;
    letter-spacing: .3px;
    transition: 1s;
    padding-right: 10px
}

.LoginForm_form__a-BLU .LoginForm_password__2iRLP>div:last-child>p:hover {
    cursor: pointer;
    text-decoration: underline
}

.LoginForm_form__a-BLU .LoginForm_button__2IVIK {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column
}

.LoginForm_form__a-BLU .LoginForm_button__2IVIK>div {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 8px 0
}

.LoginForm_form__a-BLU .LoginForm_button__2IVIK>div>button {
    border: none;
    width: 320px;
    height: 40px;
    background: #5ab8fd;
    border-radius: 20px;
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    transition: 1s ease
}

.LoginForm_form__a-BLU .LoginForm_button__2IVIK>div>button:hover {
    background: #448aff;
    cursor: pointer
}

.LoginForm_form__a-BLU .LoginForm_button__2IVIK>div>p {
    color: #448aff;
    font-weight: 400;
    font-size: 16px;
    text-align: right;
    letter-spacing: .3px;
    transition: 1s ease
}

.LoginForm_form__a-BLU .LoginForm_button__2IVIK>div>p:hover {
    cursor: pointer;
    text-decoration: underline
}

@media screen and (max-width: 767px) and (min-width:320px) {
    form {
        max-width:100%!important;
        min-width: 260px;
        margin: 10px 1px 100px!important;
        padding: 45px 30px 15px!important;
        grid-gap: 3px!important;
        width: 380px
    }

    form>div {
        margin: 0 0 10px
    }

    form .LoginForm_header__3tvoK {
        display: flex;
        align-items: center;
        height: 14px!important
    }

    form .LoginForm_header__3tvoK img {
        height: 20px!important
    }

    form h1 {
        font-size: 20px!important;
        margin-left: 12px
    }

    form .LoginForm_login__36dna h1 {
        font-size: 12px!important;
        color: #777776;
        margin-bottom: 5px;
        margin-left: 3px
    }

    form .LoginForm_login__36dna #LoginForm_login__36dna {
        height: 30px
    }

    form .LoginForm_password__2iRLP>div>div>input {
        line-height: 20px;
        padding-top: 3px
    }

    form .LoginForm_password__2iRLP>div:first-child {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 5px
    }

    form .LoginForm_password__2iRLP>div:first-child>h1 {
        font-size: 12px!important;
        color: #777776;
        font-weight: 400;
        margin-left: 3px
    }

    form .LoginForm_password__2iRLP>div:first-child>p {
        font-size: 10px!important;
        color: #2979ff;
        cursor: pointer;
        color: #448aff!important;
        font-size: 10px;
        letter-spacing: .15px;
        line-height: 160%
    }

    form .LoginForm_password__2iRLP>div:first-child>p:after {
        content: "";
        display: block;
        position: relative;
        width: 100%;
        top: -3px;
        border-top: 1px solid #2979ff
    }

    form .LoginForm_button__2IVIK {
        display: flex;
        flex-direction: column;
        align-items: stretch
    }

    form .LoginForm_button__2IVIK>button {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        color: #fff;
        background: #2979ff;
        border: none;
        height: 40px;
        border-radius: 25px;
        cursor: pointer;
        width: 110px!important;
        font-size: 14px!important;
        height: 30px!important;
        align-self: flex-start
    }

    form .LoginForm_button__2IVIK>p {
        font-size: 12px!important;
        color: #2979ff;
        cursor: pointer;
        align-self: flex-end;
        margin-top: 10px;
        color: #448aff!important;
        letter-spacing: .15px;
        line-height: 160%;
        text-transform: capitalize
    }

    form .LoginForm_button__2IVIK>p:after {
        content: "";
        display: block;
        position: relative;
        width: 100%;
        top: -3px;
        border-top: 1px solid #2979ff
    }
}

.CompanyLogo_main__1Tc0U {
    box-shadow: 0 0 8px 1px rgba(0,0,0,.07);
    z-index: 1;
    background: hsla(0,0%,100%,.92)
}

.CompanyLogo_main__1Tc0U>div {
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.CompanyLogo_main__1Tc0U>div>span a:link {
    text-decoration: none
}

.CompanyLogo_main__1Tc0U>div>span>a {
    width: 287px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 10px
}

.CompanyLogo_main__1Tc0U>div>span>a>.CompanyLogo_logo__2Isd2 {
    width: 50px;
    height: 60px
}

.CompanyLogo_main__1Tc0U>div>span>a>.CompanyLogo_logo__2Isd2:first-child {
    margin-right: 5px
}

.CompanyLogo_main__1Tc0U>div>span>a>.CompanyLogo_logoWithText__3qeRI {
    width: 60px;
    height: 65px
}

.CompanyLogo_main__1Tc0U>div>span>a>h3 {
    text-align: center;
    font-family: "Times New Roman",Times,serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    height: 55px;
    width: 208px;
    text-decoration: none;
    display: flex;
    align-items: center;
    padding-left: 4px
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .CompanyLogo_main__1Tc0U {
        display:flex;
        max-width: 100%;
        justify-content: center
    }

    .CompanyLogo_main__1Tc0U>div {
        max-width: 100%;
        justify-content: center;
        border-bottom: none;
        flex-direction: column
    }

    .CompanyLogo_main__1Tc0U>div span {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%
    }

    .CompanyLogo_main__1Tc0U>div span:last-child {
        display: block;
        align-items: center;
        padding: 25px 40px;
        display: grid;
        grid-template-columns: auto;
        justify-content: center
    }

    .CompanyLogo_main__1Tc0U>div span:last-child>a {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin-right: 1px;
        text-decoration: none;
        font-family: inherit;
        margin-bottom: 15px;
        justify-content: center;
        padding: 0
    }

    .CompanyLogo_main__1Tc0U>div span:last-child>a p {
        width: 60%;
        line-height: 160%;
        font-weight: 700;
        margin: 5px;
        font-size: 12px
    }

    .CompanyLogo_main__1Tc0U>div span:last-child>a:first-child>img,.CompanyLogo_main__1Tc0U>div span:last-child>a:nth-child(2)>img {
        height: 50px
    }

    .CompanyLogo_main__1Tc0U>div span:last-child>a:nth-child(3)>img {
        width: 50px;
        height: 71px
    }

    .CompanyLogo_main__1Tc0U>div span:last-child>a:nth-child(4)>img {
        width: 50x;
        height: 71px
    }

    .CompanyLogo_main__1Tc0U>div span:last-child>a:last-child>img {
        height: 50px
    }
}

.Footer_main__1fJma {
    background: hsla(0,0%,100%,.92);
    z-index: 1
}

.Footer_main__1fJma>div {
    max-width: 1444px;
    margin: 0 auto;
    padding: 0 50px;
    height: 80px
}

.Footer_main__1fJma span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0
}

.Footer_main__1fJma span p {
    font-size: 14px;
    color: #777776;
    letter-spacing: .15px;
    position: relative
}

.Footer_main__1fJma span p:hover:nth-child(3)>a {
    color: #2979ff
}

.Footer_main__1fJma span p>a {
    text-decoration: none;
    color: #777776
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .Footer_main__1fJma {
        width:100%;
        padding: 0;
        border-top: none!important;
        margin-top: -10px
    }

    .Footer_main__1fJma div {
        height: inherit
    }

    .Footer_main__1fJma span {
        width: inherit;
        flex-direction: column
    }

    .Footer_main__1fJma span p {
        font-size: 12px;
        margin-bottom: 12px
    }
}

.deleteAccountPageMain {
    width: 90%;
    margin: 25px auto;
    max-width: 1400px
}

.headerBlock {
    flex-direction: column;
    align-items: center;
    grid-row-gap: 35px;
    row-gap: 35px
}

.headerBlock,.rowBlock {
    width: 100%;
    display: flex
}

.rowBlock {
    margin-top: 70px;
    flex-direction: row;
    justify-content: space-between;
    align-items: start
}

.bannerBlock {
    width: 33%;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)
}

.textBlock {
    width: 55%;
    margin-top: 45px
}

@media screen and (max-width: 767px) {
    .rowBlock {
        flex-direction:column-reverse;
        grid-row-gap: 50px;
        row-gap: 50px
    }

    .bannerBlock {
        width: 100%
    }

    .textBlock {
        width: 80%;
        margin: 0 auto
    }
}

.Login_mainContainer__3H_bJ {
    height: 100%
}

.Login_mainContainer__3H_bJ>div:nth-last-child(2) {
    left: 0;
    right: 0;
    bottom: 100px
}

.Login_mainContainer__3H_bJ>div:last-child {
    left: 0;
    right: 0;
    bottom: 0
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Login_mainContainer__3H_bJ>div:nth-child(3) {
        position:inherit!important
    }
}

.main_guest {
    max-width: 280px;
    border-radius: 20px;
    margin: 30px auto auto;
    box-shadow: 1px 1px 20px rgba(0,0,0,.25);
    padding: 36px 40px 31px
}

.main_guest .add_child_container {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    grid-gap: 10px;
    gap: 10px;
    padding-bottom: 20px
}

.main_guest .add_child_container .add_img_container {
    border-radius: 20px;
    width: 100%;
    height: 191px;
    background: #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center
}

.main_guest .add_child_container h3 {
    text-align: center;
    line-height: 24px
}

.main_guest .add_child_container>p {
    color: #9d9d9d;
    font-size: 16px
}

.main_guest .variants {
    display: flex;
    flex-direction: column;
    grid-gap: 20px;
    gap: 20px;
    margin-top: 10px
}

.main_guest .variants .variant p {
    color: #9d9d9d;
    font-size: 14px;
    margin: 10px 0
}

.main_guest .variants .variant>button {
    font-size: 16px!important;
    height: 40px;
    text-align: center
}

.main_guest .variants .variant a {
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    padding: 2px 7px;
    background-color: #2979ff;
    border-radius: 20px;
    min-height: 40px!important;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.main_guest .reference__line {
    height: 1px;
    width: 180px;
    background: rgba(32,32,32,.5);
    opacity: .42;
    margin: 6px 0
}

.ApplicationSuccess_container__3ArBp {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 650px;
    background: #fff;
    padding: 30px 35px;
    border-radius: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    transition: opacity .4s ease-in-out;
    animation: ApplicationSuccess_modal-fade-in__3ayLG .4s ease-in-out
}

.ApplicationSuccess_container__3ArBp img {
    width: 140px;
    margin: 10px
}

.ApplicationSuccess_container__3ArBp h3 {
    font-size: 30px;
    font-weight: 700
}

.ApplicationSuccess_container__3ArBp p {
    font-size: 22px;
    line-height: 35px;
    text-align: center;
    padding: 0 40px;
    margin-bottom: 20px
}

.ApplicationSuccess_container__3ArBp button {
    width: 180px;
    font-size: 16px!important;
    height: 40px
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .ApplicationSuccess_container__3ArBp {
        width:90vw;
        padding: 20px 0 40px
    }

    .ApplicationSuccess_container__3ArBp h3 {
        font-size: 24px
    }

    .ApplicationSuccess_container__3ArBp p {
        font-size: 17px;
        line-height: 25px
    }
}

@keyframes ApplicationSuccess_modal-fade-in__3ayLG {
    0% {
        opacity: 0;
        transform: translateY(-80%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.ChildApplication_container__3KbaB {
    display: flex;
    flex-direction: column;
    justify-content: center;
    grid-gap: 15px;
    gap: 15px;
    width: 380px;
    background: #fff;
    padding: 30px 50px;
    border-radius: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    transition: opacity .4s ease-in-out
}

.ChildApplication_container__3KbaB .ChildApplication_application_txt__1rM1z {
    font-size: 22px
}

.ChildApplication_container__3KbaB .ChildApplication_inputBox__25YZh {
    display: flex;
    flex-direction: column;
    grid-gap: 5px;
    gap: 5px
}

.ChildApplication_container__3KbaB .ChildApplication_inputBox__25YZh p {
    color: rgba(0,0,0,.54)
}

.ChildApplication_container__3KbaB .ChildApplication_inputBox__25YZh input {
    border: 1px solid rgba(0,0,0,.54);
    height: 35px;
    border-radius: 20px;
    padding: 0 20px;
    font-size: 16px
}

.ChildApplication_container__3KbaB .ChildApplication_inputBox__25YZh>.ChildApplication_phone__1Jwsa {
    position: relative;
    display: flex;
    align-items: center
}

.ChildApplication_container__3KbaB .ChildApplication_inputBox__25YZh>.ChildApplication_phone__1Jwsa>p {
    position: absolute;
    left: 10px;
    font-weight: 700;
    height: 35px;
    display: flex;
    align-items: center;
    padding-right: 7px;
    justify-content: center;
    border-right: 1px solid grey
}

.ChildApplication_container__3KbaB .ChildApplication_inputBox__25YZh>.ChildApplication_phone__1Jwsa>input {
    padding-left: 60px;
    width: 100%
}

.ChildApplication_container__3KbaB .ChildApplication_btnsContainer__272yc {
    display: flex;
    margin-top: 20px;
    margin-bottom: 10px;
    grid-gap: 15px;
    gap: 15px;
    width: 100%
}

.ChildApplication_container__3KbaB .ChildApplication_btnsContainer__272yc>button {
    font-size: 16px!important;
    height: 40px
}

.ChildApplication_container__3KbaB .ChildApplication_btnsContainer__272yc>button:disabled {
    cursor: not-allowed
}

.OpacityModal_main_container__3PDH9 {
    background: rgba(2,2,2,.05);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    z-index: 10;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity .4s ease-in-out
}

.OpacityModal_main_container__3PDH9 .OpacityModal_content__3_KXN {
    position: relative;
    animation: OpacityModal_modal-fade-in__2YGSv .4s ease-in-out
}

.OpacityModal_main_container__3PDH9 .OpacityModal_content__3_KXN .OpacityModal_closeBtn__zcRJ4 {
    color: #474747;
    position: absolute;
    font-size: 20px;
    top: 15px;
    right: 20px;
    border: none;
    background: transparent;
    padding: 4px 6px;
    cursor: pointer
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .OpacityModal_main_container__3PDH9 {
        align-items:flex-start
    }

    .OpacityModal_main_container__3PDH9 .OpacityModal_content__3_KXN {
        top: 130px
    }
}

@keyframes OpacityModal_modal-fade-in__2YGSv {
    0% {
        opacity: 0;
        transform: translateY(-80%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.mainReference {
    background: url(/static/media/bg_guest.72fa8599.webp)
}

.mainReference>div {
    display: flex;
    align-items: center;
    justify-content: center
}

.mainReference>div .sliderReference {
    padding: 20px
}

.mainReference>div .sliderReference .swiper-slide {
    height: 565px;
    width: -webkit-fit-content!important;
    width: -moz-fit-content!important;
    width: fit-content!important;
    padding: 36px 40px 31px;
    background: #fff;
    box-shadow: 1px 1px 20px rgba(0,0,0,.25);
    border-radius: 20px;
    margin-right: 70px!important
}

.mainReference>div .sliderReference .swiper-slide .reference-img__container {
    display: flex;
    justify-content: center
}

.mainReference>div .sliderReference .swiper-slide .reference-img__container>div {
    width: 178px;
    height: 191px;
    background: no-repeat 50%/cover;
    border-radius: 20px;
    margin-bottom: 5px
}

.mainReference>div .sliderReference .swiper-slide .add_child_container {
    width: 178px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    grid-gap: 10px;
    gap: 10px;
    padding-bottom: 20px
}

.mainReference>div .sliderReference .swiper-slide .add_child_container .add_img_container {
    border-radius: 20px;
    width: 100%;
    height: 191px;
    background: #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center
}

.mainReference>div .sliderReference .swiper-slide .add_child_container h3 {
    text-align: center;
    line-height: 24px
}

.mainReference>div .sliderReference .swiper-slide .add_child_container>p {
    color: #9d9d9d;
    font-size: 16px
}

.mainReference>div .sliderReference .swiper-slide .variants {
    display: flex;
    flex-direction: column;
    grid-gap: 20px;
    gap: 20px;
    margin-top: 10px
}

.mainReference>div .sliderReference .swiper-slide .variants .variant p {
    color: #9d9d9d;
    font-size: 14px;
    margin: 10px 0
}

.mainReference>div .sliderReference .swiper-slide .variants .variant>button {
    font-size: 16px!important;
    height: 40px;
    text-align: center
}

.mainReference>div .sliderReference .swiper-slide .variants .variant a {
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    padding: 2px 7px;
    background-color: #2979ff;
    border-radius: 20px;
    min-height: 40px!important;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.mainReference>div .sliderReference .swiper-slide .reference__txt_data>.reference__fullName {
    font-size: 18px;
    margin-top: 8px
}

.mainReference>div .sliderReference .swiper-slide .reference__txt_data>p {
    font-size: 18px;
    color: #777776;
    margin-top: 6px;
    line-height: 32px
}

.mainReference>div .sliderReference .swiper-slide .reference__line {
    height: 1px;
    width: 180px;
    background: rgba(32,32,32,.5);
    opacity: .42;
    margin: 6px 0
}

.mainReference>div .sliderReference .swiper-slide .reference-login_and_password__container>.reference-login_and_password-title {
    letter-spacing: .4px;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    margin: 8px 0
}

.mainReference>div .sliderReference .swiper-slide .reference-login_and_password__container .reference-inpts__container>div {
    margin: 8px 0
}

.mainReference>div .sliderReference .swiper-slide .reference-login_and_password__container .reference-inpts__container>div>label {
    position: relative
}

.mainReference>div .sliderReference .swiper-slide .reference-login_and_password__container .reference-inpts__container>div>label>.reference-inp__img {
    position: absolute;
    left: 0
}

.mainReference>div .sliderReference .swiper-slide .reference-login_and_password__container .reference-inpts__container>div>label>input {
    border-bottom: 1px solid #c1e1fb;
    width: 180px;
    padding: 3px 15px 3px 29px;
    color: #9d9d9d
}

.mainReference>div .sliderReference .swiper-slide .reference-login_and_password__container .reference-inpts__container>div>label .reference-img__eye {
    position: absolute;
    top: 0;
    right: 10px;
    border: none;
    background: transparent;
    cursor: pointer
}

.mainReference>div .sliderReference .swiper-slide>button {
    width: 160px;
    margin: 0 auto;
    position: absolute;
    bottom: 30px;
    text-align: center;
    left: 0;
    right: 0
}

.mainReference>div .reference-slider__navigation {
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mainReference>div .reference-slider__navigation>button {
    display: block;
    background: transparent;
    outline: none;
    border: none;
    cursor: pointer;
    height: 50px;
    width: 49px
}

.mainReference>div .reference-slider__navigation>button:first-child {
    background: url(/static/media/left-reference.478a3295.png) no-repeat 50%/cover
}

.mainReference>div .reference-slider__navigation>button:last-child {
    background: url(/static/media/right-reference.35958fc4.png) no-repeat 50%/cover
}

.mainReference>div .reference-slider__navigation .swiper-button-disabled:first-child {
    background: url(/static/media/left-reference-transparent.0e8b9db7.png) no-repeat 50%/cover
}

.mainReference>div .reference-slider__navigation .swiper-button-disabled:last-child {
    background: url(/static/media/right-reference-transparent.c9e90ffd.png) no-repeat 50%/cover
}

.emptyParentReference {
    display: flex;
    align-items: center;
    justify-content: center
}

.emptyParentReference>span {
    display: block;
    background: #fff;
    box-shadow: 1px 1px 10px rgba(0,0,0,.25);
    border-radius: 4px;
    max-width: 690px;
    padding: 46px;
    text-align: center
}

.emptyParentReference>span>h1,.emptyParentReference>span>p {
    line-height: 35px;
    color: #777776
}

.emptyParentReference>span>p {
    margin-top: 40px;
    font-size: 20px
}

.referenceModal {
    display: flex;
    align-items: center;
    justify-content: center
}

.referenceModal>div {
    box-shadow: 1px 1px 10px rgba(0,0,0,.25);
    border-radius: 4px;
    width: 690px;
    padding: 40px;
    margin-top: 0;
    margin-bottom: 96px
}

.referenceModal>div>div {
    text-align: center
}

.referenceModal>div>div>h1 {
    text-transform: uppercase;
    font-size: 28px;
    width: 527px;
    margin: 9px auto 0
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .mainReference>div .sliderReference {
        align-self:flex-start;
        margin-top: 19px
    }

    .mainReference>div .sliderReference .swiper-slide {
        align-items: center;
        padding: 27px 23px 21px
    }

    .mainReference>div .sliderReference .swiper-slide>h1 {
        font-size: 14px;
        margin-top: 15px
    }

    .mainReference>div .sliderReference .swiper-slide>p {
        font-size: 11px;
        margin-top: 6px;
        line-height: 18px
    }

    .mainReference>div .sliderReference .swiper-slide>button {
        width: 150px;
        height: 40px
    }

    .mainReference>div .reference-slider__navigation {
        top: 45%;
        padding: 0 20px
    }

    .mainReference>div .reference-slider__navigation>button {
        height: 32px;
        width: 30px
    }

    .emptyParentReference>span {
        max-width: 100%
    }

    .referenceModal>div,.referenceModal>div>div>h1 {
        width: 100%
    }
}

.Student_main__3Cz43 {
    position: relative;
    height: 100%
}

.Student_main__3Cz43 .Student_container__201NC {
    max-width: 1100px;
    margin: 0 auto;
    display: block;
    padding: 30px
}

.Student_main__3Cz43 .Student_container__201NC>.Student_navbarContainer__1uPU0 {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.Student_main__3Cz43 .Student_container__201NC>.Student_navbarContainer__1uPU0 .Student_navbarComponents__lbZnQ {
    min-width: 200px
}

.Student_main__3Cz43 .Student_container__201NC>.Student_navbarContainer__1uPU0 .Student_navbarComponents__lbZnQ:first-child {
    min-width: 190px
}

.Student_main__3Cz43 .Student_container__201NC>.Student_navbarContainer__1uPU0>img {
    cursor: pointer
}

.Student_main__3Cz43 .Student_container__201NC>div {
    margin-top: 15px;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 18px
}

.Student_main__3Cz43 .Student_container__201NC>div>h1 {
    font-size: 18px
}

.Student_main__3Cz43 .Student_modal__tkOHf>div {
    width: 496px;
    padding: 20px;
    background: #bbdefb
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .Student_main__3Cz43 .Student_container__201NC {
        max-width:100%;
        margin: 0 auto;
        display: block;
        padding: 20px 30px
    }

    .Student_main__3Cz43 .Student_container__201NC>p {
        font-size: 14px
    }

    .Student_main__3Cz43 .Student_container__201NC>.Student_navbarContainer__1uPU0 .Student_navbarComponents__lbZnQ {
        min-width: 100%
    }

    .Student_main__3Cz43 .Student_container__201NC>div>h1 {
        font-size: 14px
    }

    .Student_main__3Cz43 .Student_modal__tkOHf>div {
        top: 0!important;
        width: 100%
    }
}

.NavbarComponents_main__1Hrp7 {
    position: relative;
    z-index: 0;
    overflow-y: hidden;
    overflow-x: auto;
    scrollbar-width: none
}

.NavbarComponents_main__1Hrp7::-webkit-scrollbar {
    width: 0;
    height: 0
}

.NavbarComponents_main__1Hrp7>div {
    display: flex;
    padding: 5px
}

.NavbarComponents_main__1Hrp7>div button {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 233.38px;
    height: 60px;
    border: none;
    outline: none;
    box-shadow: 0 2px 2px rgba(187,222,251,.25),2px 0 7px rgba(227,242,253,.5);
    background: #fff;
    font-size: 18px;
    cursor: pointer;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 50px;
    margin-left: -38px;
    padding: 0 30px 0 60px
}

.NavbarComponents_main__1Hrp7>div button:first-child {
    min-width: 233.38px;
    margin-left: 0;
    padding-left: 32px;
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px
}

.NavbarComponents_main__1Hrp7>div .NavbarComponents_activeLink__2JArg {
    background: #e3f2fd
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .NavbarComponents_main__1Hrp7 {
        margin-left:-5px;
        margin-top: -5px
    }

    .NavbarComponents_main__1Hrp7>div button {
        justify-content: flex-start;
        min-width: 130px;
        height: auto;
        box-shadow: none;
        font-size: 14px;
        border-top-right-radius: 0;
        border-bottom-left-radius: 0;
        margin-left: 0;
        padding: 5px
    }

    .NavbarComponents_main__1Hrp7>div button:first-child {
        min-width: 120px;
        padding: 5px;
        border-bottom-left-radius: 0
    }

    .NavbarComponents_main__1Hrp7>div .NavbarComponents_activeLink__2JArg {
        color: #2979ff;
        background-color: #fff;
        box-shadow: none
    }
}

.DiaryDashboardWeek_loadComponent__14Eqo {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(5,1fr);
    grid-gap: 30px
}

.DiaryDashboardWeek_loadComponent__14Eqo>div {
    width: 100%;
    height: 30px;
    border-radius: 5px;
    position: relative;
    background-color: #e7edf1;
    overflow: hidden
}

.DiaryDashboardWeek_loadComponent__14Eqo>div:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: DiaryDashboardWeek_loading__2y6Ay 1.5s infinite
}

@keyframes DiaryDashboardWeek_loading__2y6Ay {
    to {
        transform: translateX(100%)
    }
}

.DiaryDashboardWeek_main__1WTXZ {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    height: 100%;
    position: relative
}

.DiaryDashboardWeek_main__1WTXZ>div:first-child {
    display: grid;
    grid-template-columns: 127px 173px 231px 298px 1fr;
    margin-bottom: 7px
}

.DiaryDashboardWeek_main__1WTXZ>div:first-child p {
    color: #64b5f6
}

.DiaryDashboardWeek_main__1WTXZ>div:nth-child(2) {
    height: 248px;
    overflow: auto
}

.DiaryDashboardWeek_main__1WTXZ>div:nth-child(2) span {
    display: grid;
    grid-template-columns: 127px 173px 231px 298px 1fr;
    padding: 13px 0;
    border-bottom: 1px solid #e3f2fd
}

.DiaryDashboardWeek_main__1WTXZ>div:nth-child(2) span>p {
    padding: 0 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.DiaryDashboardWeek_main__1WTXZ>div:nth-child(2) span>p>i {
    background-color: red;
    width: 5px;
    height: 5px;
    position: absolute;
    border-radius: 50%
}

.DiaryDashboardWeek_main__1WTXZ .DiaryDashboardWeek_modal__3f_ai {
    align-items: center;
    background: none
}

.DiaryDashboardWeek_main__1WTXZ .DiaryDashboardWeek_modal__3f_ai>div {
    width: 506px;
    padding: 20px;
    background: #bbdefb
}

.DiaryDashboardWeek_main__1WTXZ .DiaryDashboardWeek_modal__3f_ai>div>i {
    right: 6px;
    top: 6px
}

.DiaryDashboardWeek_main__1WTXZ .DiaryDashboardWeek_modal__3f_ai>div span {
    display: block;
    padding: 3px 2px;
    border: 2px solid #fff;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.25));
    margin-top: 5px
}

.DiaryDashboardWeek_main__1WTXZ .DiaryDashboardWeek_modal__3f_ai>div span input,.DiaryDashboardWeek_main__1WTXZ .DiaryDashboardWeek_modal__3f_ai>div span textarea {
    width: 100%;
    height: 40px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,.25);
    outline: none
}

.DiaryDashboardWeek_main__1WTXZ .DiaryDashboardWeek_modal__3f_ai>div span input {
    font-size: 16px;
    color: #777776
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .DiaryDashboardWeek_loadComponent__14Eqo {
        display:none
    }

    .DiaryDashboardWeek_main__1WTXZ {
        overflow: hidden;
        justify-content: space-between
    }

    .DiaryDashboardWeek_main__1WTXZ,.DiaryDashboardWeek_main__1WTXZ>div {
        display: flex;
        flex-direction: row;
        width: 100%
    }

    .DiaryDashboardWeek_main__1WTXZ>div:first-child {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-bottom: 7px;
        justify-content: space-between
    }

    .DiaryDashboardWeek_main__1WTXZ>div:first-child span {
        display: grid;
        grid-template-columns: 50% 50%
    }

    .DiaryDashboardWeek_main__1WTXZ>div:first-child span div {
        width: 100%;
        align-items: center
    }

    .DiaryDashboardWeek_main__1WTXZ>div:first-child span div:last-child p {
        color: #000;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .DiaryDashboardWeek_main__1WTXZ>div:first-child span div:last-child p:first-child {
        display: flex;
        justify-content: flex-end;
        padding-right: 20px!important
    }

    .DiaryDashboardWeek_main__1WTXZ>div:first-child p {
        color: #64b5f6;
        padding: 5px 5px 5px 10px!important;
        border-bottom: 1px solid #e3f2fd;
        height: 30px;
        font-size: 12px;
        align-items: center;
        font-weight: 400;
        width: 100%;
        max-width: 280px
    }

    .DiaryDashboardWeek_main__1WTXZ>div:first-child p:first-child {
        background: #e3f2fd;
        color: #000;
        font-weight: 500
    }

    .DiaryDashboardWeek_main__1WTXZ>div:first-child p>i {
        background-color: red;
        width: 3px;
        height: 3px;
        position: absolute;
        border-radius: 50%
    }

    .DiaryDashboardWeek_main__1WTXZ .DiaryDashboardWeek_modal__3f_ai>div {
        width: 90%
    }
}

.DiaryDashboardWeek_modalMark__comment__i3cQe {
    position: absolute;
    background: #bbdefb;
    box-shadow: 0 2px 0 rgba(0,0,0,.25);
    border-radius: 50px;
    z-index: 100;
    top: 0;
    right: 150px;
    width: 506px;
    height: 110px
}

.DiaryDashboardWeek_modalMark__comment__i3cQe>.DiaryDashboardWeek_markCommentContent__1DVoC>.DiaryDashboardWeek_inpContainer__zIfGK {
    width: 466px;
    height: 51px;
    border: 2px solid #fff;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.25));
    -webkit-backdrop-filter: blur(4.5px);
    backdrop-filter: blur(4.5px);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px
}

.DiaryDashboardWeek_modalMark__comment__i3cQe>.DiaryDashboardWeek_markCommentContent__1DVoC>.DiaryDashboardWeek_inpContainer__zIfGK>input {
    background: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,.25);
    border-radius: 30px;
    width: 456px;
    height: 41px
}

.DiaryDashboardWeek_modalMark__comment__i3cQe .DiaryDashboardWeek_triangle__1eGlT {
    position: relative
}

.DiaryDashboardWeek_modalMark__comment__i3cQe .DiaryDashboardWeek_triangle__1eGlT:after {
    content: "";
    position: absolute;
    bottom: 50%;
    right: -10px;
    width: 0;
    height: 0;
    border-left: 20px solid #bbdefb;
    border-bottom: 20px solid transparent;
    border-top: 20px solid transparent
}

.Loader_appLoader__1vMFW {
    width: 100%;
    height: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    z-index: 1000;
    transition: .6s;
    display: flex;
    justify-content: center;
    align-items: center
}

.Loader_appLoader__1vMFW img {
    height: 50px;
    animation: Loader_pulse__2BBPm 2s infinite
}

@keyframes Loader_pulse__2BBPm {
    0% {
        transform: scale(.9)
    }

    50% {
        transform: scale(1.1)
    }

    to {
        transform: scale(.9)
    }
}

.Loader_loaderNavbarLinks__1D0Vw {
    display: flex;
    align-items: center;
    grid-gap: 20px
}

.Loader_loaderNavbarLinks__1D0Vw>div {
    border-radius: 5px;
    height: 60px;
    width: 320px;
    position: relative;
    background-color: #e7edf1;
    overflow: hidden
}

.Loader_loaderNavbarLinks__1D0Vw>div:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: Loader_loading__s_z8O 1.5s infinite
}

.Loader_loaderSelectQuarter__3_hwl {
    width: 100%;
    height: 66px;
    border-radius: 5px;
    position: relative;
    background-color: #e7edf1;
    overflow: hidden
}

.Loader_loaderSelectQuarter__3_hwl:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: Loader_loading__s_z8O 1.5s infinite
}

@keyframes Loader_loading__s_z8O {
    to {
        transform: translateX(100%)
    }
}

.Loader_commonLoad__1jmTU {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1001;
    background: rgba(252,252,253,.78)
}

.Loader_commonLoad__1jmTU>img {
    height: 100px
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .Loader_loaderSelectQuarter__3_hwl {
        display:none
    }

    .Loader_commonLoad__1jmTU {
        position: absolute;
        z-index: 100
    }

    .Loader_commonLoad__1jmTU>img {
        height: 50px
    }
}

.DashboardWeek_main__3Pvzk {
    height: 473px;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.25);
    border-radius: 10px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr
}

.DashboardWeek_main__3Pvzk>footer {
    padding: 19px 30px 30px
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .DashboardWeek_main__3Pvzk {
        position:relative;
        height: 100%;
        box-shadow: none;
        border-radius: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .DashboardWeek_main__3Pvzk>footer {
        display: flex;
        align-items: center;
        width: 100%;
        padding: 20px 0
    }
}

.CardDashboardWeek_main__2UDEN {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-gap: 2px
}

.CardDashboardWeek_main__2UDEN>div {
    height: 128px;
    border-radius: 10px;
    position: relative;
    background-color: #e7edf1;
    overflow: hidden
}

.CardDashboardWeek_main__2UDEN>div:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: CardDashboardWeek_loading__3i0cd 1.5s infinite
}

@keyframes CardDashboardWeek_loading__3i0cd {
    to {
        transform: translateX(100%)
    }
}

.CardDashboardWeek_main__2UDEN>span {
    display: block;
    background: #e3f2fd;
    padding: 12px 25px;
    height: 128px;
    border-bottom: 4px solid transparent;
    cursor: pointer;
    border-radius: 10px
}

.CardDashboardWeek_main__2UDEN>span h1 {
    font-size: 18px;
    font-weight: 500
}

.CardDashboardWeek_main__2UDEN>span h2 {
    font-size: 16px
}

.CardDashboardWeek_main__2UDEN>span p {
    line-height: 20px;
    margin-top: 8px;
    color: #9f9f9f
}

.CardDashboardWeek_main__2UDEN .CardDashboardWeek_activeCard__1WxGs {
    background: #bbdefb;
    border-color: #64b5f6
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .CardDashboardWeek_mainM__3vw9Z {
        position:relative
    }

    .CardDashboardWeek_mainM__3vw9Z>div:first-child div>span {
        display: block;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 16px 18%;
        height: 81px;
        border-bottom: 4px solid transparent;
        cursor: pointer;
        border-radius: 10px
    }

    .CardDashboardWeek_mainM__3vw9Z>div:first-child div>span>div {
        display: flex;
        flex-direction: column
    }

    .CardDashboardWeek_mainM__3vw9Z>div:first-child div>span>div h1 {
        font-size: 14px;
        font-weight: 500
    }

    .CardDashboardWeek_mainM__3vw9Z>div:first-child div>span>div h2 {
        font-size: 14px;
        margin-top: 8px
    }

    .CardDashboardWeek_mainM__3vw9Z>div:first-child div>span div {
        line-height: 20px;
        color: #9f9f9f
    }

    .CardDashboardWeek_mainM__3vw9Z>div:first-child div>span div p {
        margin-top: 8px;
        color: #9f9f9f
    }

    .CardDashboardWeek_mainM__3vw9Z>div:first-child div .CardDashboardWeek_activeCard__1WxGs {
        background: #bbdefb;
        border-bottom: 7px solid #64b5f6
    }

    .CardDashboardWeek_mainM__3vw9Z>div:last-child {
        width: 100%;
        padding: 0 15px;
        position: absolute;
        top: 40%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 10
    }

    .CardDashboardWeek_mainM__3vw9Z>div:last-child>button {
        display: block;
        background: transparent;
        outline: none;
        border: none;
        cursor: pointer;
        height: 20px;
        width: 25px
    }

    .CardDashboardWeek_mainM__3vw9Z>div:last-child>button:first-child {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAASCAYAAACuLnWgAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGMSURBVHgBrZUhc8JAFISPm6kBg0GDwWCKLaaDBI2GH1F0RXWj+gtSjW4lg2ltazCIpjqmphhEutu8gzdHEo4Zbmbn5uULt+9yO4cxJ0aWZU2qhNWpEnZFmQCDDvQlanqsBT2J6h5rQGNoRCNbZYBpCXUKGBe9h1oFjN3fQntjG2CQQMNarfajXpmLwRaKwLaKDcRgB72D7WygQaL4DFNPythj1+awuw/XmD3TYIJpJOUCbKUYjbtSrsG+HbNnGPA7T6R8AVso1la724CtdfM20IDPZ6rLZ8WYur6UKdin8YaVl6oMGpjuTH6YKfSoGJPEg+b8C72ZglEa4UsOKwkYmnwXHWgpn+d/gLPDyORxZXLmijGm7J4zdzwoNJGXkxNGfB5L2QObKsYm3Tm0JMbHJoFGjKtL1FjirH/rEtWVOB+bBBrR5FXKicTaMZps1G7bhSaBRrHqeqoXk/imUvbdpVqYrhIjfQtHshgPe+7dwgwCQ8JY31Tewp6Rz5i4B3PoWjMmbSVGYeMSf1p/0HoWODODp/oAAAAASUVORK5CYII=) no-repeat 50%/cover
    }

    .CardDashboardWeek_mainM__3vw9Z>div:last-child>button:last-child {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAASCAYAAACuLnWgAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGaSURBVHgBtZUvU8NAEMUvmcFQE4OmpqaGWjCdyqKr2w9BNQJNFJ8g6GqQnZpiwdRUEHQNhpqKsI+8y2wvvfwR7MzOdfNy97vNvTTGSGRZdoY0J0KunyM9WoQ0dUHAreTYXUzqjuQT8+IE4JPZrWKE6ndHcujpCIB7T0ddyWUVKAyC4CDjWvJA0I0VRfuRIZbcEzRX2rcMI8m0DhSqCR9213LzlVoMiyQs+6JNHa0WFDoTNix7cnNfaSsZFixxfpM2IH0mmADIVu36UmmAvLKciDZsCjqCcAIe247lQFtUtER1O3U2kfpAJQgDRsBhw2nXjuNibgImmWvHeUCRD1IVmWkZPghsjB3C1m+0uQ3YGHZGp7Fo+4KeP56lybtIJUdwbglC+9q3+532ttpMBuu6hI+nCpCWOqFteyw3ctOX0mDbMcsFbV0LOILQKXaXW9rZarCrfTdeaOdGgAJCmw54bUcb60VmqrvnNoA/CO2Jg8aI/6q1WgQ2vTO5CWDbR6VFTQBFJwwAVo6TbADwoJ2kIq0CGLWrf/1o/QI/kxc4YSBvTQAAAABJRU5ErkJggg==) no-repeat 50%/cover
    }

    .CardDashboardWeek_mainM__3vw9Z>div:last-child .CardDashboardWeek_swiper-button-disabled__3teUa:first-child {
        background: url(/static/media/left-reference-transparent.0e8b9db7.png) no-repeat 50%/cover
    }

    .CardDashboardWeek_mainM__3vw9Z>div:last-child .CardDashboardWeek_swiper-button-disabled__3teUa:last-child {
        background: url(/static/media/right-reference-transparent.c9e90ffd.png) no-repeat 50%/cover
    }

    .CardDashboardWeek_mainM__3vw9Z .CardDashboardWeek_sliderReference__8yG8Q {
        align-self: flex-start;
        background: #bbdefb;
        border-radius: 10px
    }

    .CardDashboardWeek_mainM__3vw9Z .CardDashboardWeek_sliderReference__8yG8Q .CardDashboardWeek_swiper__38rr9 {
        height: auto;
        box-shadow: 1px 1px 20px #64b5f6;
        border-radius: 4px;
        position: relative;
        align-items: center;
        width: 100%
    }
}

.SelectQuarter_main__BVRKd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    box-shadow: 0 2px 1px rgba(0,0,0,.25),0 1px 1px rgba(0,0,0,.1),2px 1px 3px rgba(0,0,0,.15);
    background: #fff;
    padding: 0 56px;
    border-right: 5px;
    border-radius: 20px
}

.SelectQuarter_main__BVRKd p {
    font-size: 18px;
    cursor: pointer
}

.SelectQuarter_main__BVRKd button {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    transition: all .2s ease-in-out
}

.SelectQuarter_main__BVRKd button svg {
    font-size: 20px
}

.SelectQuarter_main__BVRKd button svg path {
    color: rgba(0,0,0,.54)
}

.SelectQuarter_main__BVRKd button:hover {
    background-color: rgba(11,31,53,.15);
    transition: all .2s ease-in-out
}

.SelectQuarter_main__BVRKd button:active {
    transform: scale(.8);
    transition: all .2s ease-in-out
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .SelectQuarter_main__BVRKd {
        height:45px;
        filter: drop-shadow(0 2px 1px rgba(0,0,0,.2)) drop-shadow(0 1px 1px rgba(0,0,0,.14)) drop-shadow(0 1px 3px rgba(0,0,0,.12));
        padding: 0 3px;
        box-shadow: 0 2px 2px rgba(0,0,0,.15),1px 1px 0 rgba(0,0,0,.1);
        border-radius: 43px
    }

    .SelectQuarter_main__BVRKd p {
        font-size: 14px!important
    }
}

.ScheduleList_loadComponent__30RoF {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(5,1fr);
    grid-gap: 30px
}

.ScheduleList_loadComponent__30RoF>div {
    width: 100%;
    height: 30px;
    border-radius: 5px;
    position: relative;
    background-color: #e7edf1;
    overflow: hidden
}

.ScheduleList_loadComponent__30RoF>div:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: ScheduleList_loading__1RtBn 1.5s infinite
}

@keyframes ScheduleList_loading__1RtBn {
    to {
        transform: translateX(100%)
    }
}

.ScheduleList_main__rG8Ar {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    height: 100%
}

.ScheduleList_main__rG8Ar>ul {
    display: grid;
    margin-bottom: 7px
}

.ScheduleList_main__rG8Ar>ul li {
    color: #64b5f6;
    padding: 0 5px
}

.ScheduleList_main__rG8Ar .ScheduleList_title__rd0YP {
    grid-template-columns: 127px 173px 211px 258px 1fr
}

.ScheduleList_main__rG8Ar nav {
    overflow: auto;
    height: 350px
}

.ScheduleList_main__rG8Ar nav>ul {
    display: grid;
    padding: 13px 0;
    border-bottom: 1px solid #e3f2fd
}

.ScheduleList_main__rG8Ar nav>ul>li {
    padding: 0 5px
}

.ScheduleList_main__rG8Ar nav>p {
    text-align: center;
    margin-top: 40px
}

.ScheduleList_main__rG8Ar .ScheduleList_list__1sBiq {
    overflow: auto;
    height: 270px
}

.ScheduleList_main__rG8Ar .ScheduleList_list__1sBiq>div {
    border-bottom: 1px solid #e3f2fd;
    padding: 20px
}

.ScheduleList_main__rG8Ar .ScheduleList_list__1sBiq>ul {
    grid-template-columns: 127px 173px 211px 258px 1fr
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .ScheduleList_loadComponent__30RoF {
        display:none
    }

    .ScheduleList_main__rG8Ar {
        grid-template-columns: auto;
        grid-template-rows: 1fr;
        width: 100%;
        overflow: auto
    }

    .ScheduleList_main__rG8Ar>div {
        display: grid;
        grid-template-columns: 50% 50%;
        grid-template-rows: 1fr;
        height: 100%;
        width: 100%;
        align-items: flex-start
    }

    .ScheduleList_main__rG8Ar>div>ul {
        margin-bottom: 0;
        width: 100%
    }

    .ScheduleList_main__rG8Ar>div>ul li {
        color: #64b5f6;
        padding: 8px 5px;
        border-bottom: 1px solid #e2e2e2;
        width: 100%;
        height: 30px;
        font-size: 13px
    }

    .ScheduleList_main__rG8Ar>div>ul li:first-child {
        display: flex;
        color: #000;
        font-weight: 600;
        background-color: #e3f2fd;
        height: 30px
    }

    .ScheduleList_main__rG8Ar>div>ul li:first-child>span:first-child {
        display: block!important
    }

    .ScheduleList_main__rG8Ar>div>ul li:first-child>span:first-child:before {
        content: ": "
    }

    .ScheduleList_main__rG8Ar>div>ul li:last-child {
        border-bottom: none
    }

    .ScheduleList_main__rG8Ar>div nav {
        width: 100%;
        overflow: auto;
        height: 100%
    }

    .ScheduleList_main__rG8Ar>div nav>ul {
        display: grid;
        padding: 0;
        border-bottom: none;
        width: 100%;
        align-items: center
    }

    .ScheduleList_main__rG8Ar>div nav>ul>li {
        display: flex;
        align-items: center;
        padding: 8px 5px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        border-bottom: 1px solid #e2e2e2;
        width: 100%;
        height: 30px;
        font-size: 13px
    }

    .ScheduleList_main__rG8Ar>div nav>ul>li:first-child {
        font-weight: 600;
        padding-right: 40px;
        background-color: #e3f2fd;
        justify-content: flex-end
    }

    .ScheduleList_main__rG8Ar>div nav>ul>li:last-child {
        border-bottom: none
    }

    .ScheduleList_main__rG8Ar>div nav>p {
        text-align: center;
        font-size: 12px;
        margin-top: 40px
    }

    .ScheduleList_main__rG8Ar .ScheduleList_title__rd0YP {
        grid-template-columns: 1fr;
        width: 100%;
        height: 100%
    }

    .ScheduleList_main__rG8Ar .ScheduleList_list__1sBiq {
        overflow: auto;
        height: 100%
    }

    .ScheduleList_main__rG8Ar .ScheduleList_list__1sBiq>ul {
        grid-template-columns: auto;
        width: 100%
    }
}

.Rating_main__203UC>span {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end
}

.Rating_main__203UC>span>i {
    position: relative;
    background-color: #e7edf1;
    overflow: hidden;
    height: 40px;
    width: 200px;
    border-radius: 25px
}

.Rating_main__203UC>span>i:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: Rating_loading__20IsN 1.5s infinite
}

@keyframes Rating_loading__20IsN {
    to {
        transform: translateX(100%)
    }
}

.Rating_main__203UC>span>h1 {
    font-size: 18px
}

.Rating_main__203UC>span .Rating_select__gnh29 {
    width: 199px;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 25px
}

.Rating_main__203UC>span .Rating_select__gnh29>div {
    border: none;
    border-radius: 25px
}

.Rating_main__203UC>span .Rating_select__gnh29>div>p {
    text-align: center
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .Rating_main__203UC>span {
        justify-content:center;
        width: 199px;
        height: 40px
    }

    .Rating_main__203UC>span>h1 {
        font-size: 14px
    }

    .Rating_main__203UC>span .Rating_select__gnh29 {
        height: 40px;
        width: 100%
    }

    .Rating_main__203UC>span .Rating_select__gnh29>div>p {
        padding: 10px 5px;
        font-size: 14px
    }

    .Rating_loaderQuarter__1OzLq {
        display: none;
        height: 40px;
        border-radius: 5px;
        background-color: #e7edf1;
        overflow: hidden;
        position: relative;
        top: 0;
        right: 0;
        width: 200px
    }

    .Rating_loaderQuarter__1OzLq:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transform: translateX(-100%);
        background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
        animation: Rating_loading__20IsN 1.5s infinite
    }

    @keyframes Rating_loading__20IsN {
        to {
            transform: translateX(100%)
        }
    }
}

.Table_main__1EwgF {
    border-collapse: collapse;
    position: relative
}

.Table_main__1EwgF header {
    background: #bbdefb
}

.Table_main__1EwgF header>span {
    display: grid;
    grid-template-columns: 47px 262px repeat(6,1fr)
}

.Table_main__1EwgF header>span>p {
    border-left: 1px solid #fff;
    height: 40px;
    padding: 0 17px;
    display: flex;
    align-items: center
}

.Table_main__1EwgF header>span>p:first-child {
    display: flex;
    align-items: center;
    padding: 0 5px;
    justify-content: center
}

.Table_main__1EwgF section {
    overflow: auto
}

.Table_main__1EwgF section>article {
    display: grid;
    grid-template-columns: 47px 262px repeat(6,1fr);
    border-bottom: 1px solid #e2e2e2
}

.Table_main__1EwgF section>article>p {
    display: flex;
    align-items: center;
    border-left: 1px solid #fff;
    height: 48.5px;
    padding: 0 17px
}

.Table_main__1EwgF section>article>p:first-child {
    display: flex;
    align-items: center;
    padding: 0 5px;
    justify-content: center
}

.Table_main__1EwgF section>article>p:nth-child(2n+4) {
    color: #64b5f6
}

.Table_main__1EwgF>div {
    position: relative
}

.Table_main__1EwgF>div>div {
    position: relative;
    background-color: #e7edf1;
    overflow: hidden;
    margin-top: 5px;
    border-radius: 5px;
    width: 100%;
    height: 50px
}

.Table_main__1EwgF>div>div:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: Table_loading__auKBJ 1.5s infinite
}

@keyframes Table_loading__auKBJ {
    to {
        transform: translateX(100%)
    }
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .Table_main__1EwgF div {
        display:grid;
        grid-template-columns: 50% 50%
    }

    .Table_main__1EwgF div header {
        background: none
    }

    .Table_main__1EwgF div header>span {
        display: grid;
        grid-template-columns: auto
    }

    .Table_main__1EwgF div header>span>p {
        border-left: none;
        height: 30px;
        padding: 5px 17px;
        color: #64b5f6;
        display: flex;
        align-items: center;
        font-size: 12px
    }

    .Table_main__1EwgF div header>span>p:first-child {
        display: flex;
        align-items: center;
        padding: 5px 17px;
        justify-content: flex-start;
        color: #000;
        background: #bbdefb
    }

    .Table_main__1EwgF div header>span>p:nth-child(odd) {
        color: #000;
        border-bottom: 1px solid #e2e2e2
    }

    .Table_main__1EwgF div section {
        overflow: auto;
        height: 100%
    }

    .Table_main__1EwgF div section>article {
        display: grid;
        grid-template-columns: auto;
        border-bottom: none
    }

    .Table_main__1EwgF div section>article>p {
        display: flex;
        align-items: center;
        border-left: none;
        height: 30px;
        padding: 5px 17px;
        color: #64b5f6;
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .Table_main__1EwgF div section>article>p:first-child {
        display: block;
        align-items: center;
        padding: 5px 17px;
        color: #000!important;
        background: #bbdefb;
        justify-content: flex-start;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .Table_main__1EwgF div section>article>p:nth-child(odd) {
        color: #777776;
        border-bottom: 1px solid #e2e2e2
    }
}

.Attendance_main__1_E33>header {
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.Attendance_main__1_E33>header>div {
    width: 200px;
    text-align: center;
    border-radius: 25px;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1)
}

.Attendance_main__1_E33>header>div>div {
    border: none
}

.Attendance_main__1_E33>header>div>div p {
    padding: 10px 5px
}

.Attendance_main__1_E33>header>i {
    position: relative;
    background-color: #e7edf1;
    overflow: hidden;
    width: 200px;
    height: 40px;
    border-radius: 25px
}

.Attendance_main__1_E33>header>i:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: Attendance_loading__1_XDO 1.5s infinite
}

@keyframes Attendance_loading__1_XDO {
    to {
        transform: translateX(100%)
    }
}

.Attendance_main__1_E33>span {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.Attendance_main__1_E33>span>h1 {
    font-size: 14px
}

.Attendance_main__1_E33>span .Attendance_select__1AVC0 {
    width: 200px;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 25px
}

.Attendance_main__1_E33>span .Attendance_select__1AVC0>div {
    border: none;
    border-radius: 25px
}

.Attendance_main__1_E33>span .Attendance_select__1AVC0>div>p {
    text-align: center;
    padding: 10px 5px!important
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .Attendance_main__1_E33>header {
        justify-content:flex-start
    }

    .Attendance_main__1_E33>header>div {
        width: 199px
    }

    .Attendance_main__1_E33>header>div>div p {
        font-size: 14px
    }
}

.Journal_loading__2YR7k {
    height: 500px;
    position: relative;
    background-color: #e7edf1;
    overflow: hidden
}

.Journal_loading__2YR7k:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: Journal_loading__2YR7k 1.5s infinite
}

@keyframes Journal_loading__2YR7k {
    to {
        transform: translateX(100%)
    }
}

.Journal_main__LVBeK>header {
    background-color: #bbdefb;
    display: grid;
    grid-template-columns: 369px 1fr;
    margin-right: 17px
}

.Journal_main__LVBeK>header>ul {
    display: grid;
    grid-template-columns: 30px 1fr repeat(2,40px) 30px
}

.Journal_main__LVBeK>header>ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #e3f2fd;
    font-weight: 500;
    font-size: 14px
}

.Journal_main__LVBeK>header>ul li:nth-child(n+3) {
    text-align: center;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    padding: 15px 0 15px 4px;
    border-left: none;
    border-right: 1px solid #e3f2fd;
    font-weight: 400;
    line-height: 17.9px
}

.Journal_main__LVBeK>header>ul li:last-child {
    border-left: 2px solid #e3f2fd
}

.Journal_main__LVBeK>header>div {
    display: flex;
    overflow-x: scroll;
    scrollbar-width: none;
    pointer-events: none
}

.Journal_main__LVBeK>header>div::-webkit-scrollbar {
    width: 0;
    height: 0
}

.Journal_main__LVBeK>header>div>nav {
    display: grid;
    grid-template-rows: 27px 30px 1fr;
    border-right: 1px solid #e3f2fd
}

.Journal_main__LVBeK>header>div>nav>li {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px
}

.Journal_main__LVBeK>header>div>nav>ul {
    border-top: 1px solid #e3f2fd;
    display: flex
}

.Journal_main__LVBeK>header>div>nav>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    font-size: 12px;
    border-right: 1px solid #e3f2fd
}

.Journal_main__LVBeK>header>div>nav>ul>li:last-child {
    border-right: none
}

.Journal_main__LVBeK>footer {
    max-height: 390px;
    overflow-y: scroll;
    display: grid;
    grid-template-columns: 369px 1fr
}

.Journal_main__LVBeK>footer>span>ul {
    display: grid;
    grid-template-columns: 30px 1fr repeat(2,40px) 30px
}

.Journal_main__LVBeK>footer>span>ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #e3f2fd;
    font-size: 14px;
    height: 30px;
    border-bottom: 1px solid #e3f2fd
}

.Journal_main__LVBeK>footer>span>ul li:nth-child(2) {
    padding-left: 12.5px;
    justify-content: flex-start
}

.Journal_main__LVBeK>footer>span>ul li:last-child {
    border-right: 2px solid #e3f2fd
}

.Journal_main__LVBeK>footer>div {
    display: flex;
    overflow-x: hidden
}

.Journal_main__LVBeK>footer>div>span {
    display: block
}

.Journal_main__LVBeK>footer>div>span>ul {
    display: flex;
    border-bottom: 1px solid #e3f2fd
}

.Journal_main__LVBeK>footer>div>span>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 28.97px;
    border-right: 1px solid #e3f2fd;
    font-size: 14px
}

.Journal_main__LVBeK>div.Journal_scroll__313Qb {
    display: grid;
    grid-template-columns: 369px 1fr;
    margin-right: 17px
}

.Journal_main__LVBeK>div.Journal_scroll__313Qb>span {
    display: flex;
    grid-gap: 1px;
    overflow-y: hidden;
    overflow-x: auto
}

.Journal_main__LVBeK>div.Journal_scroll__313Qb>span li {
    min-width: 30px;
    height: 1px
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .Journal_loading__2YR7k {
        display:none
    }

    .Journal_main__LVBeK {
        min-width: -webkit-max-content;
        min-width: max-content
    }

    .Journal_main__LVBeK>header {
        grid-template-columns: 300px 1fr
    }

    .Journal_main__LVBeK>header>ul li {
        font-size: 12px
    }

    .Journal_main__LVBeK>footer {
        max-height: 100%;
        overflow-y: hidden;
        grid-template-columns: 300px 1fr
    }

    .Journal_main__LVBeK>footer>span>ul li {
        font-size: 12px
    }

    .Journal_main__LVBeK>footer>span>ul li:nth-child(2) {
        display: grid;
        flex-wrap: nowrap;
        padding-left: 12.5px;
        white-space: nowrap;
        align-items: center;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .Journal_main__LVBeK>footer>div>span>ul>li {
        font-size: 12px
    }

    .Journal_main__LVBeK>div.Journal_scroll__313Qb {
        display: none
    }
}

.GeneralSchoolManager_main__3dW7f {
    position: relative;
    height: 100%
}

.GeneralSchoolManager_main__3dW7f .GeneralSchoolManager_container__10NHn {
    max-width: 1100px;
    margin: 0 auto;
    display: block;
    padding: 30px
}

.GeneralSchoolManager_main__3dW7f .GeneralSchoolManager_container__10NHn>.GeneralSchoolManager_navbarContainer__3v851 {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.GeneralSchoolManager_main__3dW7f .GeneralSchoolManager_container__10NHn>.GeneralSchoolManager_navbarContainer__3v851 .GeneralSchoolManager_navbarComponents__1zLqU {
    min-height: 200px
}

.GeneralSchoolManager_main__3dW7f .GeneralSchoolManager_container__10NHn>.GeneralSchoolManager_navbarContainer__3v851 .GeneralSchoolManager_navbarComponents__1zLqU:first-child {
    min-width: 190px
}

.GeneralSchoolManager_main__3dW7f .GeneralSchoolManager_container__10NHn>.GeneralSchoolManager_navbarContainer__3v851>img {
    cursor: pointer
}

.Registration_main__3diXR {
    position: relative;
    height: 100%
}

.Registration_main__3diXR .Registration_container__2ggao {
    max-width: 1100px;
    margin: 0 auto;
    display: block;
    padding: 30px 30px 0
}

.Registration_main__3diXR .Registration_container__2ggao>.Registration_navbarContainer__Qydww {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.Registration_main__3diXR .Registration_container__2ggao>.Registration_navbarContainer__Qydww .Registration_navbarComponents__2jmZs,.Registration_main__3diXR .Registration_container__2ggao>.Registration_navbarContainer__Qydww .Registration_navbarComponents__2jmZs:first-child {
    min-width: 320px
}

.Registration_main__3diXR .Registration_container__2ggao>.Registration_navbarContainer__Qydww>img {
    cursor: pointer
}

.Registration_main__3diXR .Registration_container__2ggao>div {
    margin-top: 15px;
    display: grid;
    grid-template-columns: 1fr
}

.Registration_main__3diXR .Registration_container__2ggao>div>h1 {
    font-size: 18px
}

.Registration_main__3diXR .Registration_container__2ggao .Registration_addBtn__lCqou {
    width: 180px;
    height: 40px;
    margin-top: 20px
}

.Registration_main__3diXR .Registration_modalManager__2aU2U>div {
    width: 890px;
    padding-bottom: 54px
}

.Registration_main__3diXR .Registration_modalManager__2aU2U h4 {
    margin-bottom: 17px;
    color: #2962ff;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    font-family: Palatino Linotype
}

.Registration_main__3diXR .Registration_modalManager__2aU2U label {
    display: flex;
    flex-direction: column
}

.Registration_main__3diXR .Registration_modalManager__2aU2U label>span {
    font-family: Palatino Linotype;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .15px;
    padding-left: 10px;
    color: rgba(0,0,0,.5)
}

.Registration_main__3diXR .Registration_modalManager__2aU2U input {
    border-radius: 4px;
    height: 40px;
    border: 1px solid #e8e8e8
}

.Registration_main__3diXR .Registration_modalSchool__1JUfX>div {
    width: 1110px;
    padding-bottom: 54px
}

.Registration_main__3diXR .Registration_modalSchool__1JUfX h4 {
    margin-bottom: 17px;
    color: #2962ff;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    font-family: Palatino Linotype
}

.Registration_main__3diXR .Registration_modalSchool__1JUfX label {
    display: flex;
    flex-direction: column
}

.Registration_main__3diXR .Registration_modalSchool__1JUfX label>span {
    font-family: Palatino Linotype;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .15px;
    padding-left: 10px;
    color: rgba(0,0,0,.5)
}

.Registration_main__3diXR .Registration_modalSchool__1JUfX input {
    border-radius: 4px;
    height: 40px;
    border: 1px solid #e8e8e8
}

.Registration_main__3diXR .Registration_fields__1UVY8 {
    display: grid;
    grid-template-columns: 250px 250px 250px;
    grid-column-gap: 30px;
    grid-row-gap: 27px;
    margin-bottom: 32px
}

.Registration_main__3diXR .Registration_radioButton__1emAB {
    display: flex;
    align-items: center;
    grid-gap: 15px;
    padding-bottom: 16px
}

.Registration_main__3diXR .Registration_radioButton__1emAB>input {
    transform: scale(1.2);
    margin-top: 2px;
    cursor: pointer
}

.Registration_main__3diXR .Registration_radioButton__1emAB>label {
    cursor: pointer
}

.Registration_main__3diXR .Registration_Buttons__2LiVG {
    margin-top: 30px;
    width: 320px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 30px
}

.Registration_main__3diXR .Registration_modalContainer__1thrH {
    padding-top: 6px;
    padding-left: 15px;
    padding-right: 15px
}

.Buttons_main__1oQHn {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    width: 90%
}

.Buttons_main__1oQHn>span {
    margin: auto
}

.Buttons_main__1oQHn>span button {
    border: none;
    background-color: initial;
    cursor: pointer
}

.Managers_main__CFRD2 {
    position: relative;
    height: 100%
}

.Managers_main__CFRD2 .Managers_container__3wivd {
    max-width: 1100px;
    margin: 0 auto;
    display: block;
    padding: 30px
}

.Managers_main__CFRD2 .Managers_container__3wivd header>ul {
    display: grid;
    grid-template-columns: 5% 17% 17% 15% 15% 17% 15%;
    background-color: #e3f2fd
}

.Managers_main__CFRD2 .Managers_container__3wivd header>ul>li {
    display: flex;
    align-items: center;
    border-left: 1px solid #fff;
    height: 40px;
    padding: 0 17px
}

.Managers_main__CFRD2 .Managers_container__3wivd header>ul>li:first-child {
    padding: 0 5px;
    justify-content: center
}

.Managers_main__CFRD2 .Managers_container__3wivd footer {
    height: 500px;
    overflow: auto
}

.Managers_main__CFRD2 .Managers_container__3wivd footer>nav>ul {
    display: grid;
    grid-template-columns: 5% 17% 17% 15% 15% 17% 15%;
    border-bottom: 1px solid #e2e2e2
}

.Managers_main__CFRD2 .Managers_container__3wivd footer>nav>ul>li {
    border-left: 1px solid #fff;
    height: 48.5px;
    padding: 0 17px;
    display: flex;
    align-items: center
}

.Managers_main__CFRD2 .Managers_container__3wivd footer>nav>ul>li:first-child {
    padding: 0 5px;
    justify-content: center
}

.Managers_main__CFRD2 .Managers_container__3wivd footer>nav>ul>li:nth-child(n+3) {
    color: #777776
}

.Buttons_main__3xiyU {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    width: 90%
}

.Buttons_main__3xiyU>span {
    margin: auto
}

.Buttons_main__3xiyU>span button {
    border: none;
    background-color: initial;
    cursor: pointer
}

.Schools_main__3VNeu {
    position: relative;
    height: 100%
}

.Schools_main__3VNeu .Schools_container__hBh6Q {
    max-width: 1100px;
    margin: 0 auto;
    display: block;
    padding: 30px
}

.Schools_main__3VNeu .Schools_container__hBh6Q header>ul {
    display: grid;
    grid-template-columns: 5% 40% 40% 15%;
    background-color: #e3f2fd
}

.Schools_main__3VNeu .Schools_container__hBh6Q header>ul>li {
    display: flex;
    align-items: center;
    border-left: 1px solid #fff;
    height: 40px;
    padding: 0 17px
}

.Schools_main__3VNeu .Schools_container__hBh6Q header>ul>li:first-child {
    padding: 0 5px;
    justify-content: center
}

.Schools_main__3VNeu .Schools_container__hBh6Q footer {
    height: 500px;
    overflow: auto
}

.Schools_main__3VNeu .Schools_container__hBh6Q footer>nav>ul {
    display: grid;
    grid-template-columns: 5% 40% 40% 15%;
    border-bottom: 1px solid #e2e2e2
}

.Schools_main__3VNeu .Schools_container__hBh6Q footer>nav>ul>li {
    border-left: 1px solid #fff;
    height: 48.5px;
    padding: 0 17px;
    display: flex;
    align-items: center
}

.Schools_main__3VNeu .Schools_container__hBh6Q footer>nav>ul>li:first-child {
    padding: 0 5px;
    justify-content: center
}

.Schools_main__3VNeu .Schools_container__hBh6Q footer>nav>ul>li:nth-child(n+3) {
    color: #777776
}

.layout_cardForm__3oRJl>p {
    font-size: 14px;
    padding-bottom: 5px;
    padding-left: 16px;
    color: #777776
}

.layout_cardForm__3oRJl>div>div>div:nth-child(2)>div span {
    margin: 0
}

.layout_cardDay__29htK>div {
    display: block;
    background: #e3f2fd;
    padding: 12px 25px;
    height: 128px;
    border-bottom: 4px solid transparent;
    cursor: pointer;
    border-radius: 10px
}

.layout_cardDay__29htK .layout_activeCardDay__1DjVU {
    background: #bbdefb;
    border-color: #64b5f6
}

.layout_cardDay__29htK .layout_normal__1Gd_s {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr
}

.layout_cardDay__29htK .layout_normal__1Gd_s>h1 {
    font-size: 18px;
    font-weight: 500
}

.layout_cardDay__29htK .layout_normal__1Gd_s>h2 {
    font-size: 16px
}

.layout_cardDay__29htK .layout_normal__1Gd_s>span {
    display: flex;
    align-items: center
}

.layout_cardDay__29htK .layout_normal__1Gd_s>span>p {
    color: #b6b8b9
}

.layout_error__3fNBG {
    padding: 0 100px 12px
}

.layout_error__3fNBG>img {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 617px;
    height: 337px
}

.layout_error__3fNBG>h1 {
    text-align: center;
    color: #2979ff;
    font-size: 50px;
    line-height: 35px;
    letter-spacing: .4px;
    margin-top: 25px;
    margin-bottom: 90px
}

.layout_error__3fNBG>p {
    position: relative;
    z-index: 5;
    font-size: 28px;
    line-height: 45px;
    letter-spacing: .4px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 108px
}

.layout_error__3fNBG>button {
    width: 160px;
    margin: 0 auto;
    position: relative;
    z-index: 6
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .layout_cardForm__3oRJl {
        z-index:auto
    }

    .layout_cardForm__3oRJl>p {
        font-size: 12px;
        padding-left: 10px
    }

    .layout_cardDay__29htK .layout_normal__1Gd_s>h1 {
        font-size: 14px
    }

    .layout_error__3fNBG {
        padding: 0 10px 12px
    }

    .layout_error__3fNBG>img {
        height: 100px
    }

    .layout_error__3fNBG>h1 {
        font-size: 16px;
        line-height: 20px;
        margin-top: 10px;
        margin-bottom: 20px
    }

    .layout_error__3fNBG>p {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 80px
    }

    .layout_error__3fNBG>button {
        width: 130px
    }
}

.Address_container__28OIN,.Manager_container__2ewjH {
    display: grid;
    grid-template-columns: 321px 321px 321px;
    grid-column-gap: 30px;
    grid-row-gap: 17px;
    margin-bottom: 29px
}

.Institutions_main__1vMXH {
    position: relative;
    height: 100%
}

.Institutions_main__1vMXH .Institutions_container__1Gxyj {
    max-width: 1100px;
    margin: 0 auto;
    display: block;
    padding: 30px 30px 0
}

.Institutions_main__1vMXH .Institutions_container__1Gxyj>div {
    margin-top: 15px;
    display: grid;
    grid-template-columns: 1fr
}

.Institutions_main__1vMXH .Institutions_container__1Gxyj>div>h1 {
    font-size: 18px
}

.Institutions_main__1vMXH .Institutions_container__1Gxyj .Institutions_addBtn__3flXP {
    width: 180px;
    height: 40px;
    margin-top: 20px
}

.Buttons_main__2Co2m {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    width: 90%
}

.Buttons_main__2Co2m>span {
    margin: auto
}

.Buttons_main__2Co2m>span button {
    border: none;
    background-color: initial;
    cursor: pointer
}

.schools_main__2ryGP {
    position: relative;
    height: 100%
}

.schools_main__2ryGP .schools_container__1zeAj {
    max-width: 1100px;
    margin: 0 auto;
    display: block;
    padding: 30px
}

.schools_main__2ryGP .schools_container__1zeAj header>ul {
    display: grid;
    grid-template-columns: 5% 40% 13% 13% 13% 15%;
    background-color: #e3f2fd
}

.schools_main__2ryGP .schools_container__1zeAj header>ul>li {
    display: flex;
    align-items: center;
    border-left: 1px solid #fff;
    height: 40px;
    padding: 0 17px
}

.schools_main__2ryGP .schools_container__1zeAj header>ul>li:first-child {
    padding: 0 5px;
    justify-content: center
}

.schools_main__2ryGP .schools_container__1zeAj footer {
    height: 500px;
    overflow: auto
}

.schools_main__2ryGP .schools_container__1zeAj footer>nav>ul {
    display: grid;
    grid-template-columns: 5% 40% 13% 13% 13% 15%;
    border-bottom: 1px solid #e2e2e2
}

.schools_main__2ryGP .schools_container__1zeAj footer>nav>ul>li {
    border-left: 1px solid #fff;
    height: 48.5px;
    padding: 0 17px;
    display: flex;
    align-items: center
}

.schools_main__2ryGP .schools_container__1zeAj footer>nav>ul>li:first-child {
    padding: 0 5px;
    justify-content: center
}

.schools_main__2ryGP .schools_container__1zeAj footer>nav>ul>li:nth-child(n+3) {
    color: #777776
}

.NotFound_main__1jsH4 {
    display: flex;
    align-items: center;
    justify-content: center
}

.NotFound_main__1jsH4>h1 {
    text-align: center;
    color: #777776
}

.Table_main__2rxzc>header {
    display: grid;
    background: #bbdefb;
    height: 40px
}

.Table_main__2rxzc>header>span {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: flex-start;
    padding-left: 20px;
    border-left: 1px solid #fff
}

.Table_main__2rxzc>header>span:last-child {
    justify-content: center;
    padding-left: 0;
    padding-right: 10px
}

.Table_main__2rxzc>footer>div>div {
    height: 33px;
    margin-top: 30px
}

.Table_main__2rxzc>footer>span>i {
    display: block;
    height: 50px;
    border-bottom: 1px solid #e2e2e2
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .Table_main__2rxzc>header {
        height:30px
    }

    .Table_main__2rxzc>header>span,.Table_main__2rxzc>header>span:last-child {
        padding-left: 10px
    }

    .Table_main__2rxzc>footer>span>i {
        height: 30px
    }
}

.ErrNotFound_main__3Xkl0>div {
    display: flex;
    align-items: center;
    justify-content: center
}

.ErrNotFound_main__3Xkl0>div>h1 {
    text-align: center;
    margin-left: 8px
}

.ErrNotFound_main__3Xkl0>div>svg>path:first-child,.ErrNotFound_main__3Xkl0>div>svg>path:nth-child(2) {
    animation: ErrNotFound_b__2nHZn 3s ease-in-out infinite;
    animation-delay: 3s
}

@keyframes ErrNotFound_b__2nHZn {
    0% {
        transform: rotate(0deg)
    }

    20% {
        transform: rotate(-5deg)
    }

    40% {
        transform: rotate(5deg)
    }

    60% {
        transform: rotate(-5deg)
    }

    80% {
        transform: rotate(5deg)
    }

    to {
        transform: rotate(0deg)
    }
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .ErrNotFound_main__3Xkl0>div>h1 {
        font-size:15px
    }
}

.StaffsAdministration_main__2Kgy8>header {
    grid-template-columns: 60px repeat(3,170px) 332px 1fr;
    width: 1060px
}

.StaffsAdministration_main__2Kgy8>header>span:last-child {
    padding-left: 17px;
    justify-content: start
}

.StaffsAdministration_tableList__2cucg {
    height: 520px;
    overflow: scroll
}

.StaffsAdministration_tableList__2cucg>div>div {
    display: grid;
    grid-template-columns: 60px repeat(3,170px) 332px 1fr;
    border-bottom: 1px solid #e2e2e2
}

.StaffsAdministration_tableList__2cucg>div>div:hover {
    background: hsla(0,0%,97.3%,.61);
    cursor: pointer
}

.StaffsAdministration_tableList__2cucg>div>div>p {
    padding: 10px 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.StaffsAdministration_tableList__2cucg>div>div>span {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0 15px
}

.StaffsAdministration_tableList__2cucg>div>div>span>button {
    border: none;
    display: inline-block;
    background: transparent;
    cursor: pointer
}

.StaffsTeachers_main__DVXTy>header {
    grid-template-columns: 60px repeat(3,170px) 332px 1fr;
    width: 1060px
}

.StaffsTeachers_main__DVXTy>header>span:last-child {
    justify-content: start;
    padding-left: 17px
}

.StaffsTeachers_tableList__gEGFK {
    height: 520px;
    overflow: scroll
}

.StaffsTeachers_tableList__gEGFK>div>div {
    display: grid;
    grid-template-columns: 60px repeat(3,170px) 332px 1fr;
    border-bottom: 1px solid #e2e2e2
}

.StaffsTeachers_tableList__gEGFK>div>div:hover {
    background: hsla(0,0%,97.3%,.61);
    cursor: pointer
}

.StaffsTeachers_tableList__gEGFK>div>div>p {
    padding: 10px 20px;
    pointer-events: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.StaffsTeachers_tableList__gEGFK>div>div>p:first-child {
    white-space: normal;
    overflow: initial;
    text-overflow: clip
}

.StaffsTeachers_tableList__gEGFK>div>div>ul {
    padding: 10px 20px
}

.StaffsTeachers_tableList__gEGFK>div>div>ul>li {
    margin-top: 10px
}

.StaffsTeachers_tableList__gEGFK>div>div>ul>li:first-child {
    margin-top: 0
}

.StaffsTeachers_tableList__gEGFK>div>div>span {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0 15px
}

.StaffsTeachers_tableList__gEGFK>div>div>span>button {
    border: none;
    display: inline-block;
    background: transparent;
    cursor: pointer
}

.material-ui__select>.material-ui__select__container .material-ui__select__control {
    border: 1px solid #c4c4c4;
    box-shadow: none;
    height: 40px;
    border-radius: 20px
}

.material-ui__select>.material-ui__select__container .material-ui__select__control:hover {
    border-color: #c4c4c4
}

.material-ui__select>.material-ui__select__container__active .material-ui__select__control {
    border: 1px solid #f33
}

.material-ui__select>.material-ui__select__container__active .material-ui__select__control:hover {
    border-color: #f33
}

.material-ui__select>p {
    font-size: 12px;
    margin-top: 3px;
    color: #f33;
    font-weight: 500
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .material-ui__select>.material-ui__select__container .material-ui__select__control {
        min-height:38px;
        max-height: 38px;
        font-size: 12px
    }

    .material-ui__select>.material-ui__select__container__active .material-ui__select__control {
        min-height: 30px
    }
}

.FormPersonal_main__19yY5 {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 40px;
    align-items: center
}

.FormPersonal_main__19yY5>span {
    display: block
}

.FormPersonal_main__19yY5>span label {
    display: block;
    width: 180px;
    height: 190px;
    background: no-repeat 50%/cover;
    cursor: pointer;
    position: relative;
    z-index: 1
}

.FormPersonal_main__19yY5>span label:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: transparent;
    z-index: 2;
    transition: all .3s ease-in-out
}

.FormPersonal_main__19yY5>span label:hover:after {
    background: rgba(0,0,0,.2);
    transition: all .3s ease-in-out
}

.FormPersonal_main__19yY5>div {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-column-gap: 30px;
    grid-row-gap: 22px
}

.FormPersonal_main__19yY5>div>div:last-child {
    grid-column: 2/-1
}

.FormPersonal_main__19yY5>div>div>i {
    display: block;
    height: 40px;
    border-radius: 5px;
    position: relative;
    background-color: #e7edf1;
    overflow: hidden
}

.FormPersonal_main__19yY5>div>div>i:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: FormPersonal_loading__2Kn4A 1.5s infinite
}

@keyframes FormPersonal_loading__2Kn4A {
    to {
        transform: translateX(100%)
    }
}

.FormProfessionally_main__RbCSm {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-column-gap: 30px;
    grid-row-gap: 20px;
    padding-bottom: 4px
}

.FormProfessionally_main__RbCSm>div:first-child {
    grid-column: 1/3
}

.FormProfessionally_main__RbCSm>div:nth-child(2) {
    grid-column: 3/-1
}

.FormProfessionally_main__RbCSm>div:nth-child(3) {
    grid-column: 1/3;
    grid-row: 2
}

.FormProfessionally_main__RbCSm>div:nth-child(4) {
    grid-column: 3/-1;
    grid-row: 2
}

.FormProfessionally_main__RbCSm>div>i {
    display: block;
    height: 40px;
    border-radius: 5px;
    position: relative;
    background-color: #e7edf1;
    overflow: hidden
}

.FormProfessionally_main__RbCSm>div>i:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: FormProfessionally_loading__3RQ-8 1.5s infinite
}

@keyframes FormProfessionally_loading__3RQ-8 {
    to {
        transform: translateX(100%)
    }
}

.FormPrivate_main__UfINu>h1 {
    font-size: 18px;
    color: #2979ff
}

.FormPrivate_main__UfINu>div {
    width: 280px;
    margin-top: 40px
}

.FormPrivate_main__UfINu>span {
    display: flex;
    align-items: center;
    grid-gap: 15px;
    margin-top: 40px;
    padding-bottom: 46px
}

.FormPrivate_main__UfINu>span>input {
    transform: scale(1.2);
    margin-top: 2px;
    cursor: pointer
}

.FormPrivate_main__UfINu>span>label {
    cursor: pointer
}

.UniversalForm_main__1uuaB {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 25px;
    width: 1008px
}

.UniversalForm_main__1uuaB>h1 {
    font-size: 22px;
    color: #2979ff
}

.UniversalForm_main__1uuaB>main,.UniversalForm_main__1uuaB>nav {
    margin-top: 35px
}

.UniversalForm_main__1uuaB>.UniversalForm_view__2ELbo {
    position: relative
}

.UniversalForm_main__1uuaB>.UniversalForm_view__2ELbo * {
    color: rgba(0,0,0,.5019607843137255);
    pointer-events: none!important
}

.UniversalForm_main__1uuaB>.UniversalForm_view__2ELbo:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.UniversalForm_main__1uuaB>footer {
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: center
}

.UniversalForm_main__1uuaB>footer>span {
    display: flex;
    align-items: center;
    grid-gap: 40px
}

.UniversalForm_main__1uuaB>footer>span>button {
    width: 160px
}

.print_a4__3v_ZN {
    width: 700px;
    height: 800px;
    display: grid;
    border: 1px solid hsla(0,0%,80%,.39);
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr
}

.print_a4__3v_ZN>header {
    display: flex;
    align-items: center;
    padding: 22px
}

.print_a4__3v_ZN>header>img {
    height: 39px
}

.print_a4__3v_ZN>header>p {
    font-size: 18px;
    margin-left: 18px;
    color: #777776;
    margin-top: 5px;
    margin-right: 20px
}

.print_a4__3v_ZN>div {
    display: grid;
    grid-template-columns: repeat(2,1fr)
}

.print_a4__3v_ZN>div>div {
    padding: 10px 15px
}

.print_a4__3v_ZN>div>div>h1 {
    font-size: 18px
}

.print_a4__3v_ZN>div>div>span {
    display: block;
    margin-top: 18px
}

.print_a4__3v_ZN>div>div>span>h1 {
    font-size: 14px;
    color: #777776
}

.print_a4__3v_ZN>div>div>span>p {
    margin-top: 10px
}

.print_a4__3v_ZN>div>div:first-child {
    background: #bbdefb
}

.print_a4__3v_ZN>div>div:first-child>i {
    display: block;
    width: 180px;
    height: 163px;
    margin: 18px auto 0;
    background: no-repeat 50%/cover
}

.print_a4__3v_ZN>div>div:nth-child(2)>h1 {
    color: #2979ff
}

.print_panel__20nnF {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr auto
}

.print_panel__20nnF>span {
    display: block;
    overflow: hidden
}

.print_panel__20nnF>div {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 27px
}

.print_panel__20nnF>div>div {
    display: flex;
    align-items: center;
    grid-gap: 30px
}

.print_panel__20nnF>div>div>button {
    width: 160px
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .print_a4__3v_ZN {
        width:100%;
        height: 100%
    }

    .print_a4__3v_ZN>header {
        justify-content: center
    }

    .print_a4__3v_ZN>header>img {
        margin-right: 0
    }

    .print_a4__3v_ZN>header>p {
        font-size: 14px
    }

    .print_a4__3v_ZN>div {
        grid-template-columns: 50% 50%
    }

    .print_a4__3v_ZN>div>div>h1 {
        font-size: 14px
    }

    .print_a4__3v_ZN>div>div>span {
        margin-top: 14px
    }

    .print_a4__3v_ZN>div>div>span>h1 {
        font-size: 12px
    }

    .print_a4__3v_ZN>div>div>span>p {
        margin-top: 10px;
        font-size: 12px
    }

    .print_a4__3v_ZN>div>div:first-child>i {
        width: 80px;
        height: 93px
    }

    .print_panel__20nnF>div {
        padding: 27px 0
    }

    .print_panel__20nnF>div>div {
        grid-gap: 20px
    }

    .print_panel__20nnF>div>div>button {
        width: 120px
    }
}

.Transfer_main__2H6i_ {
    padding: 10px 15px;
    width: 830px
}

.Transfer_main__2H6i_>h1 {
    color: #2979ff;
    margin-bottom: 20px;
    font-size: 22px
}

.Transfer_main__2H6i_>header {
    display: grid;
    grid-template-columns: 2fr 200px;
    position: relative;
    z-index: 100
}

.Transfer_main__2H6i_>header>div:first-child {
    display: grid;
    grid-gap: 20px
}

.Transfer_main__2H6i_>header>div:first-child>p {
    color: rgba(0,0,0,.5)
}

.Transfer_main__2H6i_>header>i {
    display: block;
    width: 199px;
    height: 40px;
    border-radius: 5px;
    position: relative;
    background-color: #e7edf1;
    overflow: hidden
}

.Transfer_main__2H6i_>header>i:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: Transfer_loading__1_vMv 1.5s infinite
}

.Transfer_main__2H6i_>main {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    margin-top: 35px;
    grid-gap: 40px
}

.Transfer_main__2H6i_>main>section {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: repeat(2,1fr)
}

.Transfer_main__2H6i_>main>section>div {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 30px
}

.Transfer_main__2H6i_>main>section>div:first-child>div:first-child>div>p,.Transfer_main__2H6i_>main>section>div:nth-child(2)>div:nth-child(2)>div>p {
    position: absolute
}

.Transfer_main__2H6i_>main>section>div>span {
    display: block;
    height: 64px
}

.Transfer_main__2H6i_>main>section>div>div .Transfer_loaderMessageSelect__15snV {
    display: block;
    height: 40px;
    border-radius: 5px;
    position: relative;
    background-color: #e7edf1;
    overflow: hidden
}

.Transfer_main__2H6i_>main>section>div>div .Transfer_loaderMessageSelect__15snV:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: Transfer_loading__1_vMv 1.5s infinite
}

@keyframes Transfer_loading__1_vMv {
    to {
        transform: translateX(100%)
    }
}

.Transfer_main__2H6i_ .Transfer_view__2UXFc {
    position: relative
}

.Transfer_main__2H6i_ .Transfer_view__2UXFc:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1
}

.Transfer_main__2H6i_ .Transfer_view__2UXFc * {
    color: rgba(0,0,0,.5019607843137255)
}

.Transfer_main__2H6i_>footer {
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 30px
}

.Transfer_main__2H6i_>footer>button {
    width: 160px
}

.Administrator_main__3dHnx>header {
    grid-template-columns: 60px repeat(3,141px) 84px 147px 161px 1fr
}

.Administrator_tableList__2oRve {
    height: 520px;
    overflow: auto
}

.Administrator_tableList__2oRve>div>div {
    display: grid;
    grid-template-columns: 60px repeat(3,141px) 84px 167px 161px 1fr;
    border-bottom: 1px solid #e2e2e2
}

.Administrator_tableList__2oRve>div>div:hover {
    background: hsla(0,0%,97.3%,.61);
    cursor: pointer
}

.Administrator_tableList__2oRve>div>div>p {
    padding: 10px 20px;
    pointer-events: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(0,0,0,.5019607843137255)
}

.Administrator_tableList__2oRve>div>.Administrator_view__HcbeW>p {
    color: #2962ff
}

.Students_main__bY6Ks>header {
    grid-template-columns: 60px repeat(3,131px) 90px 80px 75px 155px 1fr
}

.Students_tableList__3bYAm {
    height: 520px;
    overflow: auto
}

.Students_tableList__3bYAm>div>div {
    display: grid;
    grid-template-columns: 60px repeat(3,131px) 90px 80px 75px 155px 1fr;
    border-bottom: 1px solid #e2e2e2
}

.Students_tableList__3bYAm>div>div:hover {
    background: hsla(0,0%,97.3%,.61);
    cursor: pointer
}

.Students_tableList__3bYAm>div>div>p {
    padding: 10px 20px;
    pointer-events: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(0,0,0,.5019607843137255)
}

.Students_tableList__3bYAm>div>.Students_view__26ZF5>p {
    color: #2962ff
}

.Teachers_main__2mhRe>header {
    grid-template-columns: 60px repeat(3,141px) 84px 147px 161px 1fr
}

.Teachers_tableList__3Vgn6 {
    height: 520px;
    overflow: auto
}

.Teachers_tableList__3Vgn6>div>div {
    display: grid;
    grid-template-columns: 60px repeat(3,141px) 84px 167px 161px 1fr;
    border-bottom: 1px solid #e2e2e2
}

.Teachers_tableList__3Vgn6>div>div:hover {
    background: hsla(0,0%,97.3%,.61);
    cursor: pointer
}

.Teachers_tableList__3Vgn6>div>div>p {
    padding: 10px 20px;
    pointer-events: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(0,0,0,.5019607843137255)
}

.Teachers_tableList__3Vgn6>div>.Teachers_view__1CtKs>p {
    color: #2962ff
}

.Message_main__1tQFi {
    position: relative
}

.Message_main__1tQFi>p {
    position: absolute;
    left: -152px;
    font-size: 18px;
    color: #2962ff;
    display: flex;
    align-items: center;
    grid-gap: 5px;
    margin-top: 10px;
    cursor: pointer
}

.Message_main__1tQFi>p>svg {
    font-size: 22px;
    margin-top: -5px
}

.Message_main__1tQFi>p>svg>g>path {
    color: #2962ff
}

.Message_main__1tQFi>h1 {
    margin-top: 25px;
    font-size: 22px;
    color: #2962ff
}

.AlertModal_main__34pwg {
    padding: 15px 54px;
    width: 640px
}

.AlertModal_main__34pwg>h2 {
    color: #2979ff;
    text-transform: uppercase;
    line-height: 35px
}

.AlertModal_main__34pwg>h2,.AlertModal_main__34pwg>h3 {
    text-align: center;
    font-size: 24px;
    padding: 10px
}

.AlertModal_main__34pwg>div {
    padding: 10px 0
}

.AlertModal_main__34pwg>div>p {
    font-size: 18px;
    margin-bottom: 5px
}

.AlertModal_main__34pwg>div>p>span {
    color: #2979ff
}

.AlertModal_main__34pwg>div:nth-child(4)>p {
    text-align: center;
    font-size: 20px;
    color: #777776;
    line-height: 35px
}

.AlertModal_main__34pwg>footer {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
    grid-gap: 60px
}

.AlertModal_main__34pwg>footer>button {
    width: 160px
}

.Staffs_spaceBetween__2ryxh {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center
}

.Staffs_a__3Id9P {
    padding: 3px 2px;
    width: 297px;
    z-index: 1000
}

.Staffs_a__3Id9P>div {
    background: #fff;
    height: 41px;
    border-radius: 0
}

.Staffs_main__1DmJg {
    height: 100%;
    position: relative
}

.Staffs_main__1DmJg .Staffs_container__1ih30 {
    max-width: 1270px;
    margin: 0 auto;
    display: block;
    padding: 30px 30px 0
}

.Staffs_main__1DmJg .Staffs_container__1ih30>header:first-child {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.Staffs_main__1DmJg .Staffs_container__1ih30>header:first-child>button {
    margin-top: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: none;
    outline: none;
    background: none;
    cursor: pointer
}

.Staffs_main__1DmJg .Staffs_container__1ih30>button {
    width: 180px;
    margin-top: 20px
}

.Staffs_main__1DmJg .Staffs_container__1ih30>i {
    display: block;
    height: 40px;
    width: 199px;
    border-radius: 5px;
    margin-top: 20px;
    position: relative;
    background-color: #e7edf1;
    overflow: hidden
}

.Staffs_main__1DmJg .Staffs_container__1ih30>i:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: Staffs_loading__lOESI 1.5s infinite
}

@keyframes Staffs_loading__lOESI {
    to {
        transform: translateX(100%)
    }
}

.Staffs_main__1DmJg .Staffs_container__1ih30 .Staffs_staffSelect__347Oo {
    width: 290px;
    height: 40px;
    margin-top: 20px;
    margin-bottom: 30px
}

.Staffs_main__1DmJg .Staffs_container__1ih30 .Staffs_staffSelect__347Oo>div {
    border-color: transparent;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 20px
}

.Staffs_main__1DmJg .Staffs_container__1ih30 .Staffs_staffSelect__347Oo>div p {
    text-align: center
}

.Staffs_main__1DmJg .Staffs_container__1ih30 .Staffs_archiveSelect__1QOs2 {
    width: 199px;
    margin-top: 20px
}

.Staffs_main__1DmJg .Staffs_container__1ih30 .Staffs_archiveSelect__1QOs2>div {
    border-color: transparent;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 25px
}

.Staffs_main__1DmJg .Staffs_container__1ih30 .Staffs_archiveSelect__1QOs2>div p {
    text-align: center
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Staffs_main__1DmJg .Staffs_container__1ih30 {
        padding:20px 0 0;
        max-width: 100vw
    }

    .Staffs_main__1DmJg .Staffs_container__1ih30>header:first-child {
        justify-content: space-between;
        flex-direction: column-reverse;
        align-items: flex-end
    }

    .Staffs_main__1DmJg .Staffs_container__1ih30>header>div:nth-child(2) {
        margin-bottom: 15px
    }
}

.StaffsContral_main__3wDtp>header {
    grid-template-columns: 60px 368px 177px 235px 182px;
    width: inherit
}

.StaffsContral_main__3wDtp>header>span:last-child {
    padding-left: 17px;
    justify-content: start
}

.StaffsContral_tableList__2Huxg {
    height: 520px;
    overflow-y: scroll;
    overflow-x: hidden
}

.StaffsContral_tableList__2Huxg>div>div {
    display: grid;
    grid-template-columns: 60px 368px 177px 235px 182px;
    border-bottom: 1px solid #e2e2e2
}

.StaffsContral_tableList__2Huxg>div>div:hover {
    background: hsla(0,0%,97.3%,.61);
    cursor: pointer
}

.StaffsContral_tableList__2Huxg>div>div>p {
    padding: 10px 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.StaffsContral_tableList__2Huxg>div>div>span {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0 15px
}

.StaffsContral_tableList__2Huxg>div>div>span>button {
    border: none;
    display: inline-block;
    background: transparent;
    cursor: pointer
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .StaffsContral_main__3wDtp>header {
        width:100vw;
        grid-template-columns: 7vw 35vw 20vw 19vw 19vw;
        font-size: 10px
    }

    .StaffsContral_tableList__2Huxg {
        height: 520px;
        overflow-y: scroll;
        overflow-x: hidden
    }

    .StaffsContral_tableList__2Huxg * {
        font-size: 10px!important
    }

    .StaffsContral_tableList__2Huxg>div>div {
        grid-template-columns: 7vw 35vw 20vw 19vw 19vw
    }

    .StaffsContral_tableList__2Huxg>div>div>p {
        padding: 10px 20px 10px 10px
    }
}

.StaffsControlContainer_selectorsContainer__2_P_e {
    display: flex;
    flex-direction: row;
    grid-column-gap: 20px;
    column-gap: 20px;
    margin-bottom: 25px;
    justify-content: flex-end
}

.StaffsControlContainer_childrenSelect__wf-7c {
    width: 290px
}

.StaffsControlContainer_childrenSelect__wf-7c>div {
    border-color: transparent;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 25px
}

.StaffsControlContainer_childrenSelect__wf-7c>div p {
    text-align: center
}

.StaffsControlContainer_date__21job {
    width: 292px
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .StaffsControlContainer_selectorsContainer__2_P_e {
        margin:20px 0
    }
}

.StaffsSubject_main__3uCgM {
    margin-top: 30px
}

.StaffsSubject_main__3uCgM>header {
    grid-template-columns: 284px 75px 404px 136px;
    width: 1105px
}

.StaffsSubject_main__3uCgM>header>span:last-child {
    padding-left: 20px;
    justify-content: start
}

.StaffsSubject_tableList__2xV0u {
    height: 650px;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 1115px
}

.StaffsSubject_tableList__2xV0u>div {
    counter-reset: section
}

.StaffsSubject_tableList__2xV0u>div>div {
    display: grid;
    grid-template-columns: 284px 540px;
    border-bottom: 1px solid #e2e2e2
}

.StaffsSubject_tableList__2xV0u>div>div>div {
    display: flex
}

.StaffsSubject_tableList__2xV0u>div>div>div:first-child {
    padding-left: 20px;
    display: flex;
    align-items: center
}

.StaffsSubject_tableList__2xV0u>div>div>div>ol {
    list-style: decimal outside;
    display: grid;
    grid-template-columns: 75px auto
}

.StaffsSubject_tableList__2xV0u>div>div>div>ol>div {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #e2e2e2
}

.StaffsSubject_tableList__2xV0u>div>div>div>ol .StaffsSubject_borderNone__1kDav {
    border-bottom: none
}

.StaffsSubject_tableList__2xV0u>div>div>div>ol .StaffsSubject_result__1O5mw:before {
    counter-increment: section;
    content: counters(section,".")
}

.StaffsSubject_tableList__2xV0u>div>div>div>ol>li {
    display: grid;
    grid-template-columns: 408px 300px;
    border-bottom: 1px solid #e2e2e2;
    padding: 12px 20px
}

.StaffsSubject_tableList__2xV0u>div>div>div>ol>li:last-child {
    border: none
}

.StaffsSubject_tableList__2xV0u>div>div>div>ol>li>span {
    display: flex;
    align-items: center
}

.StaffsSubject_tableList__2xV0u>div>div>div>ol>li>ul {
    display: flex;
    flex-wrap: wrap
}

.StaffsSubject_tableList__2xV0u>div>div>div>ol>li>ul>li {
    margin-right: 5px
}

@media print {
    .StaffsSubject_tableList__2xV0u {
        height: auto
    }

    .StaffsSubject_main__3uCgM {
        margin-left: -40px;
        zoom:.8}
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .StaffsSubject_main__3uCgM {
        margin-top:20px
    }

    .StaffsSubject_main__3uCgM>header {
        width: 100vw;
        grid-template-columns: 25vw 8vw 32vw 31vw
    }

    .StaffsSubject_main__3uCgM>header>span:last-child {
        padding-left: 10px
    }

    .StaffsSubject_main__3uCgM * {
        font-size: 12px
    }

    .StaffsSubject_tableList__2xV0u {
        width: 100vw;
        height: 600px
    }

    .StaffsSubject_tableList__2xV0u>div>div {
        grid-template-columns: 25vw auto
    }

    .StaffsSubject_tableList__2xV0u>div>div>div:first-child {
        padding-left: 10px;
        padding-top: 10px;
        align-items: flex-start
    }

    .StaffsSubject_tableList__2xV0u>div>div>div>ol {
        grid-template-columns: 8vw auto
    }

    .StaffsSubject_tableList__2xV0u>div>div>div>ol>li {
        grid-template-columns: 32vw 31vw;
        padding: 7px 10px
    }
}

.Searcher_clearBtn__2NCst {
    background: transparent;
    color: #9d9d9d;
    position: absolute;
    top: 11px;
    left: 600px;
    border: none;
    font-size: 16px
}

.Searcher_searcher__17pPT {
    padding: 0;
    display: flex;
    margin: 30px 0 20px
}

.Searcher_searcher__17pPT>div {
    display: flex;
    position: relative
}

.Searcher_searcher__17pPT>div>form {
    display: flex;
    align-items: center
}

.Searcher_searcher__17pPT>div>form>input {
    height: 40.65px;
    width: 620px;
    border-radius: 25px 0 0 25px;
    box-shadow: 0 4px 4px rgba(187,222,251,.25),2px 0 10px rgba(227,242,253,.25);
    display: flex;
    margin: 0;
    border: 2px solid #bbdefb;
    padding-left: 25px;
    font-size: 14px
}

.Searcher_searcher__17pPT>div>form>input::placeholder {
    color: #ccc;
    font-size: 14px;
    font-weight: 400
}

.Searcher_searcher__17pPT>div>form>.Searcher_searchBtn__4wZ2Q {
    margin: 0;
    line-height: 18px;
    display: flex;
    align-items: center;
    font-size: 14px;
    padding: 8px 24px;
    text-align: center;
    color: #fff;
    background: #2962ff;
    border-radius: 0 25px 25px 0;
    border: none;
    box-shadow: 0 4px 4px rgba(187,222,251,.25),2px 0 10px rgba(227,242,253,.25);
    cursor: pointer;
    transition: .6s ease;
    height: 40.5px
}

.Searcher_searcher__17pPT>div>form>.Searcher_searchBtn__4wZ2Q>img {
    margin-right: 7px
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Searcher_searcher__17pPT {
        margin:0
    }

    .Searcher_searcher__17pPT .Searcher_clearBtn__2NCst {
        font-size: 12px;
        right: 38vw;
        left: inherit
    }

    .Searcher_searcher__17pPT>div>form {
        display: flex;
        align-items: center;
        width: 100vw;
        padding: 0!important;
        margin: 0!important
    }

    .Searcher_searcher__17pPT>div>form .Searcher_searchBtn__4wZ2Q,.Searcher_searcher__17pPT>div>form>input {
        height: 30px;
        font-size: 12px
    }
}

.StaffsCase_main__1dd_8 .StaffsCase_table__123RB>header {
    grid-template-columns: 60px 240px 160px 135px 110px 140px 170px 130px;
    width: 1125px
}

.StaffsCase_main__1dd_8 .StaffsCase_table__123RB>header>span:last-child {
    padding-left: 17px;
    justify-content: start
}

.StaffsCase_main__1dd_8 .StaffsCase_tableList__2u04c {
    height: 600px;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 1125px
}

.StaffsCase_main__1dd_8 .StaffsCase_tableList__2u04c>div>div {
    display: grid;
    grid-template-columns: 60px 240px 160px 135px 110px 140px 170px 150px;
    border-bottom: 1px solid #e2e2e2
}

.StaffsCase_main__1dd_8 .StaffsCase_tableList__2u04c>div>div:hover {
    border-bottom: 1px solid #2962ff;
    background: hsla(0,0%,97.3%,.61);
    cursor: pointer
}

.StaffsCase_main__1dd_8 .StaffsCase_tableList__2u04c>div>div:hover p,.StaffsCase_main__1dd_8 .StaffsCase_tableList__2u04c>div>div:hover p span,.StaffsCase_main__1dd_8 .StaffsCase_tableList__2u04c>div>div:hover span,.StaffsCase_main__1dd_8 .StaffsCase_tableList__2u04c>div>div:hover span span {
    color: #2962ff
}

.StaffsCase_main__1dd_8 .StaffsCase_tableList__2u04c>div>div:hover p span>svg,.StaffsCase_main__1dd_8 .StaffsCase_tableList__2u04c>div>div:hover span span>svg {
    width: 25px
}

.StaffsCase_main__1dd_8 .StaffsCase_tableList__2u04c>div>div:hover>p>svg {
    fill: #2962ff
}

.StaffsCase_main__1dd_8 .StaffsCase_tableList__2u04c>div>div>p {
    padding: 10px 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.StaffsCase_main__1dd_8 .StaffsCase_tableList__2u04c>div>div>p>span {
    display: flex;
    justify-content: center
}

.StaffsCase_main__1dd_8 .StaffsCase_tableList__2u04c>div>div>p>span>img {
    margin: 0 13px
}

.StaffsCase_main__1dd_8 .StaffsCase_tableList__2u04c>div>div>span {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0 15px
}

.StaffsCase_main__1dd_8 .StaffsCase_tableList__2u04c>div>div>span>button {
    border: none;
    display: inline-block;
    background: transparent;
    cursor: pointer
}

@media print {
    .StaffsCase_main__1dd_8 .StaffsCase_tableList__2u04c {
        height: auto;
        overflow-y: hidden;
        overflow-x: hidden
    }
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .StaffsCase_main__1dd_8 {
        width:100vw;
        margin: 0 auto 20px
    }

    .StaffsCase_main__1dd_8 .StaffsCase_tableListMobi__1WaZQ {
        width: 100vw;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin: auto;
        height: 600px
    }

    .StaffsCase_main__1dd_8 .StaffsCase_tableListMobi__1WaZQ div {
        width: 100%;
        overflow: scroll
    }

    .StaffsCase_main__1dd_8 .StaffsCase_tableListMobi__1WaZQ div>.StaffsCase_rowOne__GKjTl {
        min-height: 30px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr
    }

    .StaffsCase_main__1dd_8 .StaffsCase_tableListMobi__1WaZQ div>.StaffsCase_rowOne__GKjTl p,.StaffsCase_main__1dd_8 .StaffsCase_tableListMobi__1WaZQ div>.StaffsCase_rowOne__GKjTl span {
        font-size: 12px;
        padding-left: 10px;
        display: flex;
        align-items: center;
        border-left: 1px solid #fff
    }

    .StaffsCase_main__1dd_8 .StaffsCase_tableListMobi__1WaZQ div>.StaffsCase_rowOne__GKjTl:first-child {
        background: #e3f2fd
    }

    .StaffsCase_main__1dd_8 .StaffsCase_tableListMobi__1WaZQ div>.StaffsCase_rowTwo__1jez- {
        min-height: 30px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr
    }

    .StaffsCase_main__1dd_8 .StaffsCase_tableListMobi__1WaZQ div>.StaffsCase_rowTwo__1jez- p,.StaffsCase_main__1dd_8 .StaffsCase_tableListMobi__1WaZQ div>.StaffsCase_rowTwo__1jez- span {
        font-size: 12px;
        padding-left: 10px;
        display: flex;
        align-items: center;
        border-left: 1px solid #fff
    }

    .StaffsCase_main__1dd_8 .StaffsCase_tableListMobi__1WaZQ div>.StaffsCase_rowTwo__1jez- p:last-child,.StaffsCase_main__1dd_8 .StaffsCase_tableListMobi__1WaZQ div>.StaffsCase_rowTwo__1jez- span:last-child {
        margin-left: 15px
    }

    .StaffsCase_main__1dd_8 .StaffsCase_tableListMobi__1WaZQ div>header.StaffsCase_rowTwo__1jez- {
        background: #e2e2e2
    }
}

.TableTwo_main__xJMjZ>header {
    display: grid;
    background: #bbdefb;
    height: 40px
}

.TableTwo_main__xJMjZ>header>span {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: flex-start;
    padding-left: 20px;
    border-left: 1px solid #fff
}

.TableTwo_main__xJMjZ>header>span:last-child {
    justify-content: center;
    padding-left: 0;
    padding-right: 10px
}

.TableTwo_main__xJMjZ>footer>div>div {
    height: 33px;
    margin-top: 30px;
    position: relative;
    background-color: #e7edf1;
    overflow: hidden
}

.TableTwo_main__xJMjZ>footer>div>div:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: TableTwo_loading__1W80A 1.5s infinite
}

@keyframes TableTwo_loading__1W80A {
    to {
        transform: translateX(100%)
    }
}

.TableTwo_main__xJMjZ>footer>span>i {
    display: block;
    height: 50px;
    border-bottom: 1px solid #e2e2e2
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .TableTwo_main__xJMjZ>header {
        height:30px
    }

    .TableTwo_main__xJMjZ>header>span,.TableTwo_main__xJMjZ>header>span:last-child {
        padding-left: 10px
    }

    .TableTwo_main__xJMjZ>footer>span>i {
        height: 30px
    }
}

.TeacherMain_main__3X2DW {
    width: 1050px;
    height: 510px
}

.TeacherMain_main__3X2DW>h3 {
    color: #2962ff;
    font-size: 22px
}

.TeacherMain_main__3X2DW .TeacherMain_links__1UmMb {
    margin-top: 30px
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .TeacherMain_main__3X2DW {
        width:100%
    }

    .TeacherMain_main__3X2DW>h3 {
        font-size: 16px
    }

    .TeacherMain_main__3X2DW .TeacherMain_links__1UmMb {
        margin-top: 20px
    }

    .TeacherMain_main__3X2DW div:first-child {
        width: 100%
    }
}

.TeacherInfo_loading__1sxUg {
    display: block;
    position: relative;
    background-color: #e7edf1;
    overflow: hidden;
    border-radius: 25px;
    width: 200px;
    height: 35px
}

.TeacherInfo_loading__1sxUg:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: TeacherInfo_loading__1sxUg 1.5s infinite
}

@keyframes TeacherInfo_loading__1sxUg {
    to {
        transform: translateX(100%)
    }
}

.TeacherInfo_container__JnWLD {
    display: flex;
    flex-direction: column
}

.TeacherInfo_container__JnWLD .TeacherInfo_teacherInfo__1vKLC {
    display: grid;
    grid-template-columns: 200px 800px;
    margin: 8px 0 0
}

.TeacherInfo_container__JnWLD .TeacherInfo_teacherInfo__1vKLC>.TeacherInfo_avatar__aPh_r {
    display: flex;
    align-items: center
}

.TeacherInfo_container__JnWLD .TeacherInfo_teacherInfo__1vKLC>.TeacherInfo_avatar__aPh_r>div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 190px;
    height: 200px;
    background: #bbdefb;
    border-radius: 50%
}

.TeacherInfo_container__JnWLD .TeacherInfo_teacherInfo__1vKLC>.TeacherInfo_avatar__aPh_r>div>span {
    display: block;
    min-width: 181px;
    min-height: 191px;
    background: no-repeat 50%/cover;
    border-radius: 50%
}

.TeacherInfo_container__JnWLD .TeacherInfo_teacherInfo__1vKLC>.TeacherInfo_avatar__aPh_r>div>img {
    border-radius: 50%
}

.TeacherInfo_container__JnWLD .TeacherInfo_teacherInfo__1vKLC>.TeacherInfo_form__3Fkp3 {
    display: grid;
    grid-template-columns: 250px 250px 250px;
    margin-left: 20px
}

.TeacherInfo_container__JnWLD .TeacherInfo_teacherInfo__1vKLC>.TeacherInfo_form__3Fkp3>div {
    margin: 15px 10px
}

.TeacherInfo_container__JnWLD .TeacherInfo_teacherInfo__1vKLC>.TeacherInfo_form__3Fkp3>div>p {
    padding-left: 20px;
    color: rgba(0,0,0,.5)
}

.TeacherInfo_container__JnWLD .TeacherInfo_teacherInfo__1vKLC>.TeacherInfo_form__3Fkp3>div>input {
    padding-left: 20px;
    width: 200px;
    height: 40px;
    border: 1px solid #aaa;
    border-radius: 20px;
    margin-top: 5px;
    cursor: not-allowed
}

.TeacherInfo_container__JnWLD .TeacherInfo_teacherInfo__1vKLC>.TeacherInfo_form__3Fkp3>div:last-child>input {
    width: 450px
}

.TeacherInfo_container__JnWLD .TeacherInfo_btn__13vIu {
    width: 160px;
    height: 40px;
    border: none;
    background: #2962ff;
    margin: 30px auto 10px;
    color: #fff;
    font-size: 18px;
    border-radius: 20px;
    cursor: pointer
}

.TeacherProf_loading__3UsgP {
    display: block;
    position: relative;
    background-color: #e7edf1;
    overflow: hidden;
    border-radius: 25px;
    width: 200px;
    height: 35px
}

.TeacherProf_loading__3UsgP:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: TeacherProf_loading__3UsgP 1.5s infinite
}

@keyframes TeacherProf_loading__3UsgP {
    to {
        transform: translateX(100%)
    }
}

.TeacherProf_container__3ih2q {
    display: flex;
    flex-direction: column
}

.TeacherProf_container__3ih2q>.TeacherProf_form__2MIcI {
    display: flex;
    justify-content: center;
    align-items: center
}

.TeacherProf_container__3ih2q>.TeacherProf_form__2MIcI>.TeacherProf_onePart__237h9 {
    display: grid;
    grid-template-columns: 500px;
    margin: 15px
}

.TeacherProf_container__3ih2q>.TeacherProf_form__2MIcI>.TeacherProf_onePart__237h9>div {
    margin: 15px 10px
}

.TeacherProf_container__3ih2q>.TeacherProf_form__2MIcI>.TeacherProf_onePart__237h9>div>p {
    padding-left: 15px;
    color: rgba(0,0,0,.5)
}

.TeacherProf_container__3ih2q>.TeacherProf_form__2MIcI>.TeacherProf_onePart__237h9>div>input {
    width: 100%;
    height: 40px;
    border: 1px solid #aaa;
    border-radius: 20px;
    margin-top: 5px;
    padding-left: 15px;
    cursor: not-allowed
}

.TeacherProf_container__3ih2q>.TeacherProf_form__2MIcI>.TeacherProf_onePart__237h9>section {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.TeacherProf_container__3ih2q>.TeacherProf_form__2MIcI>.TeacherProf_onePart__237h9>section>div {
    margin: 10px
}

.TeacherProf_container__3ih2q>.TeacherProf_form__2MIcI>.TeacherProf_onePart__237h9>section>div>p {
    padding-left: 20px;
    color: rgba(0,0,0,.5)
}

.TeacherProf_container__3ih2q>.TeacherProf_form__2MIcI>.TeacherProf_onePart__237h9>section>div>input {
    width: 100%;
    height: 40px;
    padding-left: 15px;
    border: 1px solid #aaa;
    border-radius: 20px;
    margin-top: 5px;
    cursor: not-allowed
}

.TeacherProf_container__3ih2q .TeacherProf_btn__Rxk_B {
    width: 160px;
    height: 40px;
    border: none;
    background: #2962ff;
    margin: 30px auto 10px;
    color: #fff;
    font-size: 18px;
    border-radius: 20px;
    cursor: pointer
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .TeacherProf_container__3ih2q>.TeacherProf_form__2MIcI {
        flex-direction:column
    }

    .TeacherProf_container__3ih2q>.TeacherProf_form__2MIcI>.TeacherProf_onePart__237h9 {
        display: block;
        margin: 0 15px;
        width: 90%
    }

    .TeacherProf_container__3ih2q>.TeacherProf_form__2MIcI>.TeacherProf_onePart__237h9>div {
        margin: 12px 0
    }

    .TeacherProf_container__3ih2q>.TeacherProf_form__2MIcI>.TeacherProf_onePart__237h9>div>p {
        font-size: 12px
    }

    .TeacherProf_container__3ih2q>.TeacherProf_form__2MIcI>.TeacherProf_onePart__237h9>div>input {
        height: 30px
    }

    .TeacherProf_container__3ih2q>.TeacherProf_form__2MIcI>.TeacherProf_onePart__237h9>section {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 30px
    }

    .TeacherProf_container__3ih2q>.TeacherProf_form__2MIcI>.TeacherProf_onePart__237h9>section>div {
        margin: 10px 0
    }

    .TeacherProf_container__3ih2q>.TeacherProf_form__2MIcI>.TeacherProf_onePart__237h9>section>div>p {
        font-size: 12px
    }

    .TeacherProf_container__3ih2q>.TeacherProf_form__2MIcI>.TeacherProf_onePart__237h9>section>div>input {
        height: 30px
    }
}

.TeacherPersonalAcc_loading__2gJf1 {
    display: block;
    position: relative;
    background-color: #e7edf1;
    overflow: hidden;
    border-radius: 25px;
    width: 200px;
    height: 35px
}

.TeacherPersonalAcc_loading__2gJf1:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: TeacherPersonalAcc_loading__2gJf1 1.5s infinite
}

@keyframes TeacherPersonalAcc_loading__2gJf1 {
    to {
        transform: translateX(100%)
    }
}

.TeacherPersonalAcc_main__OFIzk {
    display: flex;
    flex-direction: column;
    align-content: space-between;
    margin: 15px;
    height: 350px
}

.TeacherPersonalAcc_main__OFIzk>div {
    margin: 15px 10px
}

.TeacherPersonalAcc_main__OFIzk>div>p {
    padding-left: 15px;
    color: rgba(0,0,0,.5)
}

.TeacherPersonalAcc_main__OFIzk>div>section {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    margin-top: 5px;
    font-size: 16px
}

.TeacherPersonalAcc_main__OFIzk>div>section>span {
    width: 70px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px 0 0 20px;
    border: 1px solid #aaa;
    border-right: none
}

.TeacherPersonalAcc_main__OFIzk>div>section>input {
    width: 280px;
    height: 40px;
    border: 1px solid #aaa;
    border-radius: 0 20px 20px 0;
    padding-left: 15px;
    cursor: not-allowed;
    font-size: 16px
}

.TeacherPersonalAcc_main__OFIzk .TeacherPersonalAcc_btn__pmVxq {
    width: 160px;
    height: 40px;
    border: none;
    background: #2962ff;
    margin: auto auto 0;
    color: #fff;
    font-size: 18px;
    border-radius: 20px;
    cursor: pointer
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .TeacherPersonalAcc_main__OFIzk>div * {
        font-size:12px!important
    }

    .TeacherPersonalAcc_main__OFIzk>div>section>input,.TeacherPersonalAcc_main__OFIzk>div>section>span {
        height: 30px
    }
}

.MobiNavbarComponent_main__3LJn- {
    width: 100%;
    position: relative;
    z-index: 0;
    overflow-y: hidden;
    overflow-x: auto;
    scrollbar-width: none
}

.MobiNavbarComponent_main__3LJn-::-webkit-scrollbar {
    width: 0;
    height: 0
}

.MobiNavbarComponent_main__3LJn->div {
    display: flex;
    padding: 5px
}

.MobiNavbarComponent_main__3LJn->div button {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 233.38px;
    height: 60px;
    border: none;
    outline: none;
    box-shadow: 0 2px 2px rgba(187,222,251,.25),2px 0 7px rgba(227,242,253,.5);
    background: #fff;
    font-size: 18px;
    cursor: pointer;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 50px;
    margin-left: -38px;
    padding: 0 30px 0 60px
}

.MobiNavbarComponent_main__3LJn->div button:first-child {
    min-width: 233.38px;
    margin-left: 0;
    padding-left: 32px;
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px
}

.MobiNavbarComponent_main__3LJn->div .MobiNavbarComponent_activeLink__35HtI {
    background: #e3f2fd
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .MobiNavbarComponent_main__3LJn->div {
        display:flex;
        overflow: scroll;
        width: 100%
    }

    .MobiNavbarComponent_main__3LJn->div>button {
        min-width: 100px!important;
        height: 40px;
        font-size: 12px
    }

    .MobiNavbarComponent_main__3LJn->div>button:first-child {
        min-width: 100px!important
    }
}

>h3 {
    color: #2962ff;
    font-size: 22px
}

.TeacherInfoMobi_loading__2LxbM {
    display: block;
    position: relative;
    background-color: #e7edf1;
    overflow: hidden;
    border-radius: 25px;
    width: inherit;
    height: 35px
}

.TeacherInfoMobi_loading__2LxbM:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: TeacherInfoMobi_loading__2LxbM 1.5s infinite
}

@keyframes TeacherInfoMobi_loading__2LxbM {
    to {
        transform: translateX(100%)
    }
}

.TeacherInfoMobi_container__1_hn_ .TeacherInfoMobi_teacherInfo__3mKk_ {
    display: flex;
    flex-direction: column;
    margin: 8px 0 0
}

.TeacherInfoMobi_container__1_hn_ .TeacherInfoMobi_teacherInfo__3mKk_>.TeacherInfoMobi_avatar__3NM4C {
    display: grid;
    grid-template-columns: 1fr 230px;
    margin-top: 10px
}

.TeacherInfoMobi_container__1_hn_ .TeacherInfoMobi_teacherInfo__3mKk_>.TeacherInfoMobi_avatar__3NM4C>div {
    display: flex;
    flex-direction: column;
    align-items: center
}

.TeacherInfoMobi_container__1_hn_ .TeacherInfoMobi_teacherInfo__3mKk_>.TeacherInfoMobi_avatar__3NM4C>div>span {
    display: block;
    min-width: 110px;
    min-height: 110px;
    background: no-repeat 50%/cover;
    border-radius: 50%
}

.TeacherInfoMobi_container__1_hn_ .TeacherInfoMobi_teacherInfo__3mKk_>.TeacherInfoMobi_avatar__3NM4C>div>div {
    width: 230px;
    margin-bottom: 10px;
    padding: 0 20px
}

.TeacherInfoMobi_container__1_hn_ .TeacherInfoMobi_teacherInfo__3mKk_>.TeacherInfoMobi_avatar__3NM4C>div>div>p {
    padding-left: 10px;
    color: rgba(0,0,0,.5);
    font-size: 12px
}

.TeacherInfoMobi_container__1_hn_ .TeacherInfoMobi_teacherInfo__3mKk_>.TeacherInfoMobi_avatar__3NM4C>div>div>input {
    padding-left: 10px;
    width: 150px;
    height: 25px;
    border: 1px solid #aaa;
    border-radius: 20px;
    margin-top: 5px;
    cursor: not-allowed
}

.TeacherInfoMobi_container__1_hn_ .TeacherInfoMobi_teacherInfo__3mKk_ .TeacherInfoMobi_loadingForm__YZIGA {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    grid-gap: 10px;
    gap: 10px
}

.TeacherInfoMobi_container__1_hn_ .TeacherInfoMobi_teacherInfo__3mKk_>.TeacherInfoMobi_form__1BZ8m {
    display: flex;
    flex-direction: column;
    align-items: center
}

.TeacherInfoMobi_container__1_hn_ .TeacherInfoMobi_teacherInfo__3mKk_>.TeacherInfoMobi_form__1BZ8m>.TeacherInfoMobi_mainInfo__1ILeW {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%
}

.TeacherInfoMobi_container__1_hn_ .TeacherInfoMobi_teacherInfo__3mKk_>.TeacherInfoMobi_form__1BZ8m>.TeacherInfoMobi_mainInfo__1ILeW>div {
    margin: 0;
    padding: 10px
}

.TeacherInfoMobi_container__1_hn_ .TeacherInfoMobi_teacherInfo__3mKk_>.TeacherInfoMobi_form__1BZ8m>.TeacherInfoMobi_mainInfo__1ILeW>div>p {
    padding-left: 10px;
    color: rgba(0,0,0,.5);
    font-size: 12px
}

.TeacherInfoMobi_container__1_hn_ .TeacherInfoMobi_teacherInfo__3mKk_>.TeacherInfoMobi_form__1BZ8m>.TeacherInfoMobi_mainInfo__1ILeW>div>input {
    padding-left: 10px;
    width: 150px;
    height: 25px;
    border: 1px solid #aaa;
    border-radius: 20px;
    margin-top: 5px;
    cursor: not-allowed
}

.TeacherInfoMobi_container__1_hn_ .TeacherInfoMobi_teacherInfo__3mKk_>.TeacherInfoMobi_form__1BZ8m .TeacherInfoMobi_addressInfo__1WJrQ {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 100%
}

.TeacherInfoMobi_container__1_hn_ .TeacherInfoMobi_teacherInfo__3mKk_>.TeacherInfoMobi_form__1BZ8m .TeacherInfoMobi_addressInfo__1WJrQ>div {
    padding: 10px
}

.TeacherInfoMobi_container__1_hn_ .TeacherInfoMobi_teacherInfo__3mKk_>.TeacherInfoMobi_form__1BZ8m .TeacherInfoMobi_addressInfo__1WJrQ>div>p {
    padding-left: 10px;
    color: rgba(0,0,0,.5);
    font-size: 12px
}

.TeacherInfoMobi_container__1_hn_ .TeacherInfoMobi_teacherInfo__3mKk_>.TeacherInfoMobi_form__1BZ8m .TeacherInfoMobi_addressInfo__1WJrQ>div>input {
    padding-left: 10px;
    width: 100%;
    height: 25px;
    border: 1px solid #aaa;
    border-radius: 20px;
    margin-top: 5px;
    cursor: not-allowed
}

.TeacherInfoMobi_container__1_hn_ .TeacherInfoMobi_teacherInfo__3mKk_>.TeacherInfoMobi_form__1BZ8m .TeacherInfoMobi_addressInfo__1WJrQ .TeacherInfoMobi_addressDistrict__sJUdU {
    width: unset
}

.TeacherInfoMobi_container__1_hn_ .TeacherInfoMobi_teacherInfo__3mKk_>.TeacherInfoMobi_form__1BZ8m .TeacherInfoMobi_addressInfo__1WJrQ .TeacherInfoMobi_addressStreet__1vBE8 {
    width: 95%
}

.TeacherInfoMobi_container__1_hn_ .TeacherInfoMobi_btn__2MHad {
    width: 160px;
    height: 40px;
    border: none;
    background: #2962ff;
    margin: 30px auto 10px;
    color: #fff;
    font-size: 18px;
    border-radius: 20px;
    cursor: pointer
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .StaffsCaseContainer_main__YsL0g .StaffsCaseContainer_searchContainer__1KLXV {
        margin-bottom:20px
    }
}

.StaffsArchive_main__2zwV4>header {
    display: grid;
    grid-template-columns: 60px repeat(4,180px) 120px 1fr
}

.StaffsArchive_tableList__16GqA {
    height: 520px;
    overflow: auto
}

.StaffsArchive_tableList__16GqA>div>div {
    display: grid;
    grid-template-columns: 60px repeat(4,180px) 120px 1fr;
    border-bottom: 1px solid #e2e2e2
}

.StaffsArchive_tableList__16GqA>div>div:hover {
    border-bottom: 1px solid #2962ff;
    background: hsla(0,0%,97.3%,.61);
    cursor: pointer
}

.StaffsArchive_tableList__16GqA>div>div:hover p,.StaffsArchive_tableList__16GqA>div>div:hover p span,.StaffsArchive_tableList__16GqA>div>div:hover span,.StaffsArchive_tableList__16GqA>div>div:hover span span {
    color: #2962ff
}

.StaffsArchive_tableList__16GqA>div>div:hover>p>svg {
    fill: #2962ff
}

.StaffsArchive_tableList__16GqA>div>div>p {
    padding: 10px 20px;
    pointer-events: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.StaffsArchive_tableList__16GqA>div>div>span {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0 15px
}

.StaffsArchive_tableList__16GqA>div>div>span>button {
    border: none;
    display: inline-block;
    background: transparent;
    cursor: pointer
}

.StaffsArchive_tableList__16GqA>div>div>span>button>svg {
    font-size: 22px
}

.StaffsArchive_tableList__16GqA>div>div>span>button>svg>circle,.StaffsArchive_tableList__16GqA>div>div>span>button>svg>path,.StaffsArchive_tableList__16GqA>div>div>span>button>svg>rect {
    color: #a3a3a3
}

.StaffsArchive_tableList__16GqA>div>div>span>.StaffsArchive_opacityButton__3oKXM {
    opacity: .5
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .StaffsArchive_main__2zwV4 {
        width:100vw;
        margin: 0 auto 20px
    }

    .StaffsArchive_main__2zwV4 .StaffsArchive_tableListMobi__2fGio {
        width: 100vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: auto
    }

    .StaffsArchive_main__2zwV4 .StaffsArchive_tableListMobi__2fGio div {
        width: 100%
    }

    .StaffsArchive_main__2zwV4 .StaffsArchive_tableListMobi__2fGio div>.StaffsArchive_rowOne__1oqFK {
        min-height: 30px;
        display: grid;
        grid-template-columns: 1fr 1fr
    }

    .StaffsArchive_main__2zwV4 .StaffsArchive_tableListMobi__2fGio div>.StaffsArchive_rowOne__1oqFK p,.StaffsArchive_main__2zwV4 .StaffsArchive_tableListMobi__2fGio div>.StaffsArchive_rowOne__1oqFK span {
        font-size: 12px;
        padding-left: 10px;
        display: flex;
        align-items: center;
        border-left: 1px solid #fff
    }

    .StaffsArchive_main__2zwV4 .StaffsArchive_tableListMobi__2fGio div>.StaffsArchive_rowOne__1oqFK:first-child {
        background: #e3f2fd
    }

    .StaffsArchive_main__2zwV4 .StaffsArchive_tableListMobi__2fGio div>.StaffsArchive_rowTwo__3Nq6l {
        min-height: 30px;
        display: grid;
        grid-template-columns: 1fr 1fr
    }

    .StaffsArchive_main__2zwV4 .StaffsArchive_tableListMobi__2fGio div>.StaffsArchive_rowTwo__3Nq6l p,.StaffsArchive_main__2zwV4 .StaffsArchive_tableListMobi__2fGio div>.StaffsArchive_rowTwo__3Nq6l span {
        font-size: 12px;
        padding-left: 10px;
        display: flex;
        align-items: center;
        border-left: 1px solid #fff
    }

    .StaffsArchive_main__2zwV4 .StaffsArchive_tableListMobi__2fGio div>.StaffsArchive_rowTwo__3Nq6l>span>button {
        border: none;
        background: transparent
    }

    .StaffsArchive_main__2zwV4 .StaffsArchive_tableListMobi__2fGio div>.StaffsArchive_rowTwo__3Nq6l>span>button:not(:first-child) {
        padding-left: 10px
    }

    .StaffsArchive_main__2zwV4 .StaffsArchive_tableListMobi__2fGio div>.StaffsArchive_rowTwo__3Nq6l>span>button>svg {
        font-size: 22px
    }

    .StaffsArchive_main__2zwV4 .StaffsArchive_tableListMobi__2fGio div>.StaffsArchive_rowTwo__3Nq6l>span>button>svg>circle,.StaffsArchive_main__2zwV4 .StaffsArchive_tableListMobi__2fGio div>.StaffsArchive_rowTwo__3Nq6l>span>button>svg>path,.StaffsArchive_main__2zwV4 .StaffsArchive_tableListMobi__2fGio div>.StaffsArchive_rowTwo__3Nq6l>span>button>svg>rect {
        color: #a3a3a3
    }

    .StaffsArchive_main__2zwV4 .StaffsArchive_tableListMobi__2fGio div>.StaffsArchive_rowTwo__3Nq6l>span>.StaffsArchive_opacityButton__3oKXM {
        opacity: .5
    }

    .StaffsArchive_main__2zwV4 .StaffsArchive_tableListMobi__2fGio div>header.StaffsArchive_rowTwo__3Nq6l {
        background: #e2e2e2
    }
}

.ModalForm_main__2DXMf {
    padding: 20px 10px
}

.ModalForm_main__2DXMf>footer>span {
    width: 300px;
    margin: 10px 0;
    display: grid;
    justify-content: space-between;
    grid-template-columns: 1fr 1fr;
    grid-gap: 12px;
    gap: 12px
}

.ModalForm_LField__2TEJt>div {
    height: 38px
}

.CopyAndPrintBtns_copy_and_print_btns__3cijB {
    top: 10px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right: -190px
}

.CopyAndPrintBtns_copy_and_print_btns__3cijB>div>button {
    margin: 0 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    padding: 6px;
    background: #e3f2fd;
    transition: .4s ease;
    border: none
}

.CopyAndPrintBtns_copy_and_print_btns__3cijB>div>button:hover {
    cursor: pointer;
    background: #e5e4ff
}

.CopyAndPrintBtns_copy_and_print_btns__3cijB>div>button:disabled {
    background: #000
}

.CopyAndPrintBtns_copy_and_print_btns__3cijB>div>button:disabled:hover {
    cursor: not-allowed;
    background: #000
}

.CopyAndPrintBtns_copy_and_print_btns__3cijB>div>button:active {
    background: #e4f7ff
}

.CopyAndPrintBtns_copy_and_print_btns__3cijB>div>button>svg {
    width: 21px;
    height: 21px
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .CopyAndPrintBtns_copy_and_print_btns__3cijB {
        margin-right:0;
        top: 0
    }

    .CopyAndPrintBtns_copy_and_print_btns__3cijB>div>button {
        width: 30px;
        height: 30px
    }

    .CopyAndPrintBtns_copy_and_print_btns__3cijB>div:last-child {
        display: none
    }
}

.StaffsSchedule_selectorContent__3Sx0X {
    width: 1040px;
    display: flex;
    padding: 30px 0;
    justify-content: flex-end
}

.StaffsSchedule_selectorContent__3Sx0X .StaffsSchedule_staffSelect__2ODdp>div {
    width: 180px;
    border-color: transparent;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 25px
}

.StaffsSchedule_selectorContent__3Sx0X .StaffsSchedule_staffSelect__2ODdp>div p {
    text-align: center
}

.StaffsSchedule_main__2-bhW {
    width: 1040px
}

.StaffsSchedule_main__2-bhW>div>main {
    padding-top: 5px;
    padding-bottom: 10px;
    margin-top: 15px;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.25)
}

.StaffsSchedule_main__2-bhW>div>main>div {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.StaffsSchedule_main__2-bhW>div>main>div>.StaffsSchedule_weekDays__3Ph8m {
    display: grid;
    grid-template-columns: repeat(6,173px);
    grid-template-rows: 70px;
    justify-content: center
}

.StaffsSchedule_main__2-bhW>div>main>div>.StaffsSchedule_weekDays__3Ph8m>div>div {
    display: flex;
    padding: 5px 28px;
    align-items: center;
    background: #e3f2fd;
    border: 1px solid #fff;
    height: 60px;
    transition: 1s ease
}

.StaffsSchedule_main__2-bhW>div>main>div>.StaffsSchedule_weekDays__3Ph8m>div>div:hover {
    background: #70ccfa;
    cursor: pointer
}

.StaffsSchedule_main__2-bhW>div>main>div>.StaffsSchedule_weekDays__3Ph8m>div>div>div>p {
    font-weight: 700;
    font-size: 18px
}

.StaffsSchedule_main__2-bhW>div>main>div>.StaffsSchedule_weekDays__3Ph8m>div>div>div>span {
    font-weight: 400;
    font-size: 16px
}

.StaffsSchedule_main__2-bhW>div>main>div>.StaffsSchedule_weekDays__3Ph8m>.StaffsSchedule_activeDay__2sGjd {
    padding-bottom: 6px;
    border-bottom: 4px solid #64b5f6
}

.StaffsSchedule_main__2-bhW>div>main>div>.StaffsSchedule_weekDays__3Ph8m>.StaffsSchedule_activeDay__2sGjd>div {
    background: #bbdefb
}

.StaffsSchedule_main__2-bhW>div>main>div .StaffsSchedule_scheduleClasses__2YLnk {
    height: 350px;
    overflow-y: scroll;
    display: flex;
    justify-content: center;
    align-items: flex-start
}

.StaffsSchedule_main__2-bhW>div>main>div .StaffsSchedule_scheduleClassesDataContainer__3UPi- {
    display: grid;
    grid-template-columns: 170px 170px 170px 170px 170px 170px;
    padding: 21px 25px;
    overflow-x: hidden
}

.StaffsSchedule_main__2-bhW>div>main>div .StaffsSchedule_scheduleClassesDataContainer__3UPi->div {
    margin-bottom: 22px
}

.StaffsSchedule_main__2-bhW>div>main>div .StaffsSchedule_scheduleClassesDataContainer__3UPi->div>h4 {
    letter-spacing: 5px;
    color: #64b5f6;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 5px
}

.StaffsSchedule_main__2-bhW>div>main>div .StaffsSchedule_scheduleClassesDataContainer__3UPi->div>ol {
    list-style-type: decimal
}

.StaffsSchedule_main__2-bhW>div>main>div .StaffsSchedule_scheduleClassesDataContainer__3UPi->div>ol>li {
    margin-bottom: 3px;
    word-wrap: break-word;
    display: grid;
    grid-template-columns: 1fr 8fr
}

.StaffsSchedule_main__2-bhW>div>main>div .StaffsSchedule_scheduleClassesDataContainer__3UPi->div>ol>li>span {
    word-wrap: break-word
}

.StaffsSchedule_main__2-bhW>div>main>div .StaffsSchedule_scheduleClassesDataContainer__3UPi->div>ol>li>.StaffsSchedule_num__cyVPm {
    margin-right: 6px;
    color: #777
}

.StaffsSchedule_center__184RM {
    height: 345px;
    display: flex;
    align-items: center
}

@media print {
    .StaffsSchedule_main__2-bhW {
        margin-left: -40px;
        zoom:.8}

    .StaffsSchedule_main__2-bhW>div .StaffsSchedule_scheduleClasses__2YLnk {
        height: inherit!important
    }
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .StaffsSchedule_main__2-bhW {
        width:100vw
    }

    .StaffsSchedule_main__2-bhW>div main {
        box-shadow: none
    }

    .StaffsSchedule_main__2-bhW>div main>div .StaffsSchedule_weekDays__3Ph8m {
        display: flex
    }

    .StaffsSchedule_main__2-bhW>div main>div .StaffsSchedule_weekDays__3Ph8m>div {
        width: 100%
    }

    .StaffsSchedule_main__2-bhW>div main>div .StaffsSchedule_weekDays__3Ph8m>div>div {
        background: #bbdefb;
        height: 80px;
        border-radius: 10px;
        pointer-events: none
    }

    .StaffsSchedule_main__2-bhW>div main>div .StaffsSchedule_weekDays__3Ph8m>div>div>div>p {
        font-size: 16px
    }

    .StaffsSchedule_main__2-bhW>div main>div .StaffsSchedule_weekDays__3Ph8m>div>div>div>span {
        font-size: 14px
    }

    .StaffsSchedule_main__2-bhW .StaffsSchedule_selectorContent__3Sx0X {
        width: inherit;
        padding: 15px 0;
        justify-content: flex-start
    }

    .StaffsSchedule_main__2-bhW .StaffsSchedule_selectorContent__3Sx0X .StaffsSchedule_staffSelect__2ODdp>div {
        width: 150px
    }

    .StaffsSchedule_main__2-bhW>div .StaffsSchedule_scheduleClasses__2YLnk {
        height: 550px!important
    }

    .StaffsSchedule_main__2-bhW>div .StaffsSchedule_scheduleClassesDataContainer__3UPi- {
        grid-template-columns: 1fr 1fr!important;
        grid-gap: 20px
    }

    .StaffsSchedule_main__2-bhW>div .StaffsSchedule_scheduleClassesDataContainer__3UPi->div>h4 {
        font-size: 16px
    }

    .StaffsSchedule_main__2-bhW>div .StaffsSchedule_scheduleClassesDataContainer__3UPi->div>ol>li>span {
        font-size: 14px
    }

    .StaffsSchedule_main__2-bhW .StaffsSchedule_modalContainer__15XMd>div {
        top: 50px
    }
}

.Periods_main__3UEmg {
    height: 100%;
    position: relative
}

.Periods_main__3UEmg .Periods_container__1JhrD {
    max-width: 1270px;
    margin: 0 auto;
    display: block;
    padding: 30px
}

.Periods_yearCalendarModal__3we5X {
    z-index: 1000;
    top: 0!important;
    align-items: center
}

.Periods_yearCalendarModal__3we5X>div {
    margin-top: 0!important
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Periods_main__3UEmg * {
        font-size:12px!important
    }
}

.PeriodsShifts_main__1hQ6Q {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    height: 100%;
    margin-top: 20px
}

.PeriodsShifts_main__1hQ6Q .PeriodsShifts_table__1_ugK:first-child {
    margin-left: 0
}

.PeriodsShifts_main__1hQ6Q .PeriodsShifts_table__1_ugK:last-child {
    margin-right: 0
}

.PeriodsShifts_main__1hQ6Q .PeriodsShifts_headline__3vvdv {
    margin-top: 30px;
    margin-bottom: 30px
}

.PeriodsShifts_main__1hQ6Q .PeriodsShifts_headline__3vvdv>h3 {
    color: #2962ff
}

.PeriodsShifts_shifts__3hE-a {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 25px
}

.PeriodsShifts_shifts__3hE-a>table {
    width: 100%;
    border-collapse: initial;
    border-spacing: 1.5px
}

.PeriodsShifts_shifts__3hE-a>table th {
    background: #e3f2fd;
    cursor: default
}

.PeriodsShifts_shifts__3hE-a>table td {
    border: 1px solid #e3f2fd;
    cursor: default
}

.PeriodsShifts_shifts__3hE-a>table td,.PeriodsShifts_shifts__3hE-a>table th {
    padding: 10px 0;
    text-align: center
}

.PeriodsShifts_shifts__3hE-a>div {
    height: 336px;
    border-radius: 5px;
    position: relative;
    background-color: #e7edf1;
    overflow: hidden
}

.PeriodsShifts_shifts__3hE-a>div:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: PeriodsShifts_loading__2-qMO 1.5s infinite
}

@keyframes PeriodsShifts_loading__2-qMO {
    to {
        transform: translateX(100%)
    }
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .PeriodsShifts_main__1hQ6Q {
        margin-top:0
    }

    .PeriodsShifts_main__1hQ6Q * {
        font-size: 12px
    }

    .PeriodsShifts_main__1hQ6Q .PeriodsShifts_headline__3vvdv {
        display: none
    }

    .PeriodsShifts_shifts__3hE-a {
        grid-template-columns: 1fr;
        grid-gap: 20px;
        width: 90vw;
        margin: 20px auto
    }
}

.PeriodsQuarters_main__sgGV0 {
    width: 1030px
}

.PeriodsQuarters_main__sgGV0>header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px
}

.PeriodsQuarters_main__sgGV0>header>button {
    width: 200px
}

.PeriodsQuarters_main__sgGV0>header>.PeriodsQuarters_periodsQuarters__2oxQL {
    width: 270px
}

.PeriodsQuarters_main__sgGV0>header>.PeriodsQuarters_periodsQuarters__2oxQL>div {
    border-color: transparent;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 25px
}

.PeriodsQuarters_main__sgGV0>header>.PeriodsQuarters_periodsQuarters__2oxQL>div p {
    text-align: center
}

.PeriodsQuarters_main__sgGV0>h1 {
    color: #2962ff;
    margin-top: 48px;
    font-size: 22px
}

.PeriodsQuarters_main__sgGV0>span {
    display: block;
    margin-top: 46px
}

.PeriodsQuarters_main__sgGV0>span li {
    text-align: center;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.PeriodsQuarters_main__sgGV0>span>ul {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-gap: 2px
}

.PeriodsQuarters_main__sgGV0>span>ul>li {
    background: #e3f2fd
}

.PeriodsQuarters_main__sgGV0>span>ul>li:first-child {
    grid-column: 1/4
}

.PeriodsQuarters_main__sgGV0>span>ul>li:nth-child(2) {
    grid-column: 4/-1
}

.PeriodsQuarters_main__sgGV0>span>ul>li:nth-child(3) {
    grid-column: 1/3;
    grid-row: 2
}

.PeriodsQuarters_main__sgGV0>span>ul>li:nth-child(4) {
    grid-column: 3/5;
    grid-row: 2
}

.PeriodsQuarters_main__sgGV0>span>ul>li:nth-child(5) {
    grid-column: 5/-1;
    grid-row: 2
}

.PeriodsQuarters_main__sgGV0>span>nav {
    margin-top: 2px;
    display: grid;
    grid-gap: 2px
}

.PeriodsQuarters_main__sgGV0>span>nav>ul {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 2px
}

.PeriodsQuarters_main__sgGV0>span>nav>ul>li:first-child {
    background: #e3f2fd
}

.PeriodsQuarters_main__sgGV0>span>nav>ul>li:nth-child(2),.PeriodsQuarters_main__sgGV0>span>nav>ul>li:nth-child(3) {
    border: 1px solid #e3f2fd
}

.PeriodsQuarters_main__sgGV0>span>nav>div {
    height: 40px;
    border-radius: 5px;
    position: relative;
    background-color: #e7edf1;
    overflow: hidden
}

.PeriodsQuarters_main__sgGV0>span>nav>div:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: PeriodsQuarters_loading__o_Lok 1.5s infinite
}

@keyframes PeriodsQuarters_loading__o_Lok {
    to {
        transform: translateX(100%)
    }
}

.PeriodsQuarters_modal__18q_j>div {
    padding: 30px;
    border-radius: 20px
}

@media print {
    .PeriodsQuarters_main__sgGV0 {
        zoom:.9}
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .PeriodsQuarters_main__sgGV0 {
        width:inherit;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column
    }

    .PeriodsQuarters_main__sgGV0 * {
        font-size: 12px
    }

    .PeriodsQuarters_main__sgGV0>header {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
        width: 100%
    }

    .PeriodsQuarters_main__sgGV0>header .PeriodsQuarters_periodsQuarters__2oxQL,.PeriodsQuarters_main__sgGV0>header>button {
        width: 100%
    }

    .PeriodsQuarters_main__sgGV0>span {
        width: 90vw
    }

    .PeriodsQuarters_yearCalendarContainer__2qlh_ {
        background-color: green!important
    }
}

.Form_main__FPq8G {
    padding: 15px 20px
}

.Form_main__FPq8G .Form_title__KGTkr>h1 {
    color: #2962ff;
    font-size: 22px
}

.Form_main__FPq8G .Form_links__1TQFL {
    margin-top: 30px
}

.Form_main__FPq8G>div:last-child {
    position: relative
}

.Form_main__FPq8G>div:last-child>div>header {
    font-size: 16px
}

.Form_main__FPq8G>div:last-child>div>header>div {
    grid-template-columns: repeat(5,1fr)
}

.Form_main__FPq8G>div:last-child>div>header>div>div p {
    font-size: 16px;
    padding: 5px 10px 5px 20px
}

.Form_main__FPq8G>div:last-child>div>header>div>div:nth-child(3) {
    grid-column: 3/5
}

.Form_main__FPq8G>div:last-child>div>header>div>div:nth-child(4) {
    grid-column: 5/-1
}

.Form_main__FPq8G>div:last-child>div>header>div>div:nth-child(5) {
    grid-column: 1/3
}

.Form_main__FPq8G>div:last-child>div>header>div>div:nth-child(6) {
    grid-column: 3/5
}

.Form_main__FPq8G>div:last-child>div>header>div>div:nth-child(7) {
    grid-column: 5/-1
}

.Form_main__FPq8G>div:last-child>div>header>div>div:nth-child(8) {
    grid-column: 1/-2
}

.Form_main__FPq8G>div:last-child>div>header>div>div>div>div>div {
    border-radius: 25px
}

.Form_main__FPq8G>div:last-child>div>header>div>div>div>div>div>div:first-child {
    padding-left: 20px
}

.Form_main__FPq8G>div:last-child>div>header>div>div>div>div>div:nth-child(2)>div span {
    margin: 0
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Form_main__FPq8G .Form_title__KGTkr>h1 {
        font-size:12px
    }

    .Form_main__FPq8G .Form_links__1TQFL {
        margin-top: 10px
    }

    .Form_main__FPq8G>div:last-child>div>header>div {
        grid-template-columns: repeat(6,1fr);
        width: 100%;
        grid-gap: 10px
    }

    .Form_main__FPq8G>div:last-child>div>header>div>div p {
        font-size: 14px
    }

    .Form_main__FPq8G>div:last-child>div>header>div>div:first-child,.Form_main__FPq8G>div:last-child>div>header>div>div:nth-child(2) {
        grid-row: 1;
        grid-column: auto/span 2
    }

    .Form_main__FPq8G>div:last-child>div>header>div>div:nth-child(3),.Form_main__FPq8G>div:last-child>div>header>div>div:nth-child(4) {
        grid-row: 2;
        grid-column: auto/span 3
    }

    .Form_main__FPq8G>div:last-child>div>header>div>div:nth-child(5),.Form_main__FPq8G>div:last-child>div>header>div>div:nth-child(6) {
        grid-row: 3;
        grid-column: auto/span 3
    }

    .Form_main__FPq8G>div:last-child>div>header>div>div:nth-child(7) {
        grid-row: 4;
        grid-column: auto/span 3
    }

    .Form_main__FPq8G>div:last-child>div>header>div>div:nth-child(8) {
        grid-row: 5;
        grid-column: auto/span 6
    }

    .Form_main__FPq8G>div:last-child>div>header>div>div:nth-child(9) {
        grid-row: 6;
        grid-column: auto/span 3
    }
}

.SubGroup_main__20jLf {
    width: 826px;
    height: 400.5px
}

.SubGroup_main__20jLf>p {
    padding-top: 30px
}

.SubGroup_main__20jLf .SubGroup_table__3C5JZ {
    margin-top: 30px
}

.SubGroup_main__20jLf .SubGroup_table__3C5JZ>header {
    grid-template-columns: 60px repeat(3,150px) 1fr
}

.SubGroup_main__20jLf .SubGroup_tableList__2frSZ {
    height: 330px;
    overflow: auto
}

.SubGroup_main__20jLf .SubGroup_tableList__2frSZ>div:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.SubGroup_main__20jLf .SubGroup_tableList__2frSZ>div>div {
    display: grid;
    grid-template-columns: 60px repeat(3,150px) 1fr;
    border-bottom: 1px solid #e2e2e2
}

.SubGroup_main__20jLf .SubGroup_tableList__2frSZ>div>div:hover {
    background: hsla(0,0%,97.3%,.61);
    cursor: pointer
}

.SubGroup_main__20jLf .SubGroup_tableList__2frSZ>div>div>p {
    padding: 20px;
    pointer-events: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.SubGroup_main__20jLf .SubGroup_tableList__2frSZ>div>div>span {
    padding: 10px 10px 10px 20px;
    display: block
}

.SubGroup_main__20jLf .SubGroup_tableList__2frSZ>div>div>span>div>div {
    border-color: transparent;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 25px
}

.SubGroup_main__20jLf .SubGroup_tableList__2frSZ>div>div>span>div>div p {
    text-align: center
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .SubGroup_main__20jLf {
        width:100%;
        padding-top: 10px;
        font-size: 12px
    }

    .SubGroup_main__20jLf>p {
        padding-top: 10px
    }

    .SubGroup_main__20jLf .SubGroup_table__3C5JZ {
        margin-top: 10px
    }

    .SubGroup_main__20jLf .SubGroup_table__3C5JZ>header {
        display: none
    }

    .SubGroup_main__20jLf .SubGroup_tableList__2frSZ {
        height: 460px
    }

    .SubGroup_main__20jLf .SubGroup_tableList__2frSZ>div>div {
        grid-template-columns: 50px 1fr 1fr;
        font-size: 12px
    }

    .SubGroup_main__20jLf .SubGroup_tableList__2frSZ>div>div>p {
        padding: 10px;
        display: flex;
        justify-content: start;
        align-items: center
    }

    .SubGroup_main__20jLf .SubGroup_tableList__2frSZ>div>div>span {
        padding: 10px 0
    }
}

.CreateClass_main__2jxMI {
    width: 826px;
    position: relative;
    z-index: 1
}

.CreateClass_main__2jxMI:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.CreateClass_main__2jxMI>header {
    margin-top: 40px
}

.CreateClass_main__2jxMI>header .CreateClass_orderNum__DfJTc {
    display: flex;
    flex-direction: column
}

.CreateClass_main__2jxMI>header .CreateClass_orderNum__DfJTc>p {
    width: 200px
}

.CreateClass_main__2jxMI>header .CreateClass_orderNum__DfJTc>section {
    display: flex
}

.CreateClass_main__2jxMI>header .CreateClass_orderNum__DfJTc>section>div {
    width: 50px;
    height: 40px;
    border-radius: 20px 0 0 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(0,0,0,.23);
    border-right: none
}

.CreateClass_main__2jxMI>header .CreateClass_orderNum__DfJTc>section>input {
    width: 150px;
    height: 40px;
    border: 1px solid rgba(0,0,0,.23);
    border-radius: 0 20px 20px 0
}

.CreateClass_main__2jxMI>header>div {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-gap: 40px
}

.CreateClass_main__2jxMI>header>div>div:nth-child(3) {
    grid-column: 3/5;
    grid-row: 1
}

.CreateClass_main__2jxMI>header>div>div:nth-child(4) {
    grid-column: 5/-1;
    grid-row: 1
}

.CreateClass_main__2jxMI>header>div>div:nth-child(5) {
    grid-column: 1/3;
    grid-row: 2
}

.CreateClass_main__2jxMI>header>div>div:nth-child(6) {
    grid-column: 3/5;
    grid-row: 2
}

.CreateClass_main__2jxMI>header>div>div:nth-child(7) {
    grid-column: 5/-1;
    grid-row: 2
}

.CreateClass_main__2jxMI>header>span {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-gap: 40px
}

.CreateClass_main__2jxMI>header>span>div {
    display: block;
    height: 40px;
    position: relative;
    background-color: #e7edf1;
    overflow: hidden;
    border-radius: 5px
}

.CreateClass_main__2jxMI>header>span>div:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: CreateClass_loading__1fbk2 1.5s infinite
}

@keyframes CreateClass_loading__1fbk2 {
    to {
        transform: translateX(100%)
    }
}

.CreateClass_main__2jxMI>header>span>div:nth-child(3) {
    grid-column: 3/5;
    grid-row: 1
}

.CreateClass_main__2jxMI>header>span>div:nth-child(4) {
    grid-column: 5/-1;
    grid-row: 1
}

.CreateClass_main__2jxMI>header>span>div:nth-child(5) {
    grid-column: 1/3;
    grid-row: 2
}

.CreateClass_main__2jxMI>header>span>div:nth-child(6) {
    grid-column: 3/5;
    grid-row: 2
}

.CreateClass_main__2jxMI>header>span>div:nth-child(7) {
    grid-column: 5/-1;
    grid-row: 2
}

.CreateClass_main__2jxMI>main {
    margin-top: 84px;
    padding-bottom: 35px;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 30px
}

.CreateClass_main__2jxMI>main>div {
    display: flex
}

.CreateClass_main__2jxMI>main>div>span {
    display: flex;
    align-items: center;
    grid-gap: 15px
}

.CreateClass_main__2jxMI>main>div>span>input {
    margin-top: -3px;
    transform: scale(1.2);
    cursor: pointer
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .CreateClass_main__2jxMI {
        width:100%
    }

    .CreateClass_main__2jxMI>header {
        margin-top: 0
    }

    .CreateClass_main__2jxMI>header .CreateClass_orderNum__DfJTc>section>div {
        font-size: 14px;
        padding: 10px
    }

    .CreateClass_main__2jxMI>main {
        margin-top: 15px;
        font-size: 12px;
        grid-gap: 20px
    }
}

.Empty_main__2ejDE {
    width: 826px;
    height: 400.5px;
    display: flex;
    align-items: center;
    justify-content: center
}

.Empty_main__2ejDE>div {
    text-align: center
}

.Empty_main__2ejDE>div>h1 {
    font-size: 28px;
    color: #2979ff
}

.Empty_main__2ejDE>div>p {
    margin-top: 27px;
    font-size: 20px;
    color: rgba(0,0,0,.5019607843137255)
}

.ClassesChange_mainContainer__3nfd6>div:nth-child(2)>div {
    height: 700px
}

.ClassesChange_mainContainer__3nfd6 .ClassesChange_main__pRLvb {
    height: 100%
}

.ClassesChange_mainContainer__3nfd6 .ClassesChange_main__pRLvb .ClassesChange_classesSelect__1MjAb {
    width: 199px
}

.ClassesChange_mainContainer__3nfd6 .ClassesChange_main__pRLvb .ClassesChange_classesSelect__1MjAb>div {
    border-color: transparent;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 25px
}

.ClassesChange_mainContainer__3nfd6 .ClassesChange_main__pRLvb .ClassesChange_classesSelect__1MjAb>div p {
    text-align: center
}

.ClassesChange_mainContainer__3nfd6 .ClassesChange_main__pRLvb .ClassesChange_table__ADPPQ {
    margin-top: 20px
}

.ClassesChange_mainContainer__3nfd6 .ClassesChange_main__pRLvb .ClassesChange_table__ADPPQ>header {
    grid-template-columns: 88px 80px 280px 105px 165px 200px 150px
}

.ClassesChange_mainContainer__3nfd6 .ClassesChange_main__pRLvb .ClassesChange_tableList__2xtRG {
    height: 520px;
    overflow-y: auto
}

.ClassesChange_mainContainer__3nfd6 .ClassesChange_main__pRLvb .ClassesChange_tableList__2xtRG>div>div {
    display: grid;
    grid-template-columns: 88px 80px 280px 105px 165px 200px 150px;
    border-bottom: 1px solid #e2e2e2
}

.ClassesChange_mainContainer__3nfd6 .ClassesChange_main__pRLvb .ClassesChange_tableList__2xtRG>div>div:hover {
    background: #e3f2fd;
    border-bottom-color: #2962ff;
    cursor: pointer
}

.ClassesChange_mainContainer__3nfd6 .ClassesChange_main__pRLvb .ClassesChange_tableList__2xtRG>div>div:hover>p,.ClassesChange_mainContainer__3nfd6 .ClassesChange_main__pRLvb .ClassesChange_tableList__2xtRG>div>div:hover>p:first-child {
    color: #2962ff
}

.ClassesChange_mainContainer__3nfd6 .ClassesChange_main__pRLvb .ClassesChange_tableList__2xtRG>div>div:hover>span>button:first-child>svg>path {
    fill: #2962ff
}

.ClassesChange_mainContainer__3nfd6 .ClassesChange_main__pRLvb .ClassesChange_tableList__2xtRG>div>div:hover>span>button:last-child>svg {
    stroke: #2962ff
}

.ClassesChange_mainContainer__3nfd6 .ClassesChange_main__pRLvb .ClassesChange_tableList__2xtRG>div>div>p {
    padding: 10px 20px;
    pointer-events: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ClassesChange_mainContainer__3nfd6 .ClassesChange_main__pRLvb .ClassesChange_tableList__2xtRG>div>div>span {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0 15px
}

.ClassesChange_mainContainer__3nfd6 .ClassesChange_main__pRLvb .ClassesChange_tableList__2xtRG>div>div>span>button {
    border: none;
    display: inline-block;
    background: transparent;
    cursor: pointer
}

.ClassesChange_mainContainer__3nfd6 .ClassesChange_main__pRLvb .ClassesChange_tableList__2xtRG>div>div>span>button>svg {
    font-size: 22px
}

.ClassesChange_mainContainer__3nfd6 .ClassesChange_main__pRLvb .ClassesChange_tableList__2xtRG>div>div>span>button>svg circle,.ClassesChange_mainContainer__3nfd6 .ClassesChange_main__pRLvb .ClassesChange_tableList__2xtRG>div>div>span>button>svg path {
    color: #999
}

@media print {
    .ClassesChange_main__pRLvb {
        margin-left: 30px
    }

    .ClassesChange_main__pRLvb .ClassesChange_tableList__2xtRG {
        height: inherit!important
    }
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .ClassesChange_mainContainer__3nfd6 .ClassesChange_main__pRLvb .ClassesChange_classesSelect__1MjAb {
        margin-left:inherit
    }

    .ClassesChange_mainContainer__3nfd6 .ClassesChange_main__pRLvb .ClassesChange_table__ADPPQ .ClassesChange_tableListMobi__29fow {
        height: 600px;
        overflow: scroll
    }

    .ClassesChange_mainContainer__3nfd6 .ClassesChange_main__pRLvb .ClassesChange_table__ADPPQ .ClassesChange_tableListMobi__29fow div {
        width: 100%;
        overflow: scroll
    }

    .ClassesChange_mainContainer__3nfd6 .ClassesChange_main__pRLvb .ClassesChange_table__ADPPQ .ClassesChange_tableListMobi__29fow div>.ClassesChange_rowOne__2lLka {
        display: grid;
        grid-template-columns: 15vw 15vw 40vw 28vw;
        height: 30px
    }

    .ClassesChange_mainContainer__3nfd6 .ClassesChange_main__pRLvb .ClassesChange_table__ADPPQ .ClassesChange_tableListMobi__29fow div>.ClassesChange_rowOne__2lLka p,.ClassesChange_mainContainer__3nfd6 .ClassesChange_main__pRLvb .ClassesChange_table__ADPPQ .ClassesChange_tableListMobi__29fow div>.ClassesChange_rowOne__2lLka span {
        font-size: 12px;
        padding-left: 10px;
        display: flex;
        align-items: center;
        border-left: 1px solid #fff
    }

    .ClassesChange_mainContainer__3nfd6 .ClassesChange_main__pRLvb .ClassesChange_table__ADPPQ .ClassesChange_tableListMobi__29fow div>.ClassesChange_rowOne__2lLka:first-child {
        background: #e3f2fd
    }

    .ClassesChange_mainContainer__3nfd6 .ClassesChange_main__pRLvb .ClassesChange_table__ADPPQ .ClassesChange_tableListMobi__29fow div>.ClassesChange_rowTwo__3xCgW {
        display: grid;
        grid-template-columns: 1fr 1fr
    }

    .ClassesChange_mainContainer__3nfd6 .ClassesChange_main__pRLvb .ClassesChange_table__ADPPQ .ClassesChange_tableListMobi__29fow div>.ClassesChange_rowTwo__3xCgW p,.ClassesChange_mainContainer__3nfd6 .ClassesChange_main__pRLvb .ClassesChange_table__ADPPQ .ClassesChange_tableListMobi__29fow div>.ClassesChange_rowTwo__3xCgW span {
        font-size: 12px;
        padding-left: 10px;
        display: flex;
        align-items: center;
        border-left: 1px solid #fff;
        height: 30px
    }

    .ClassesChange_mainContainer__3nfd6 .ClassesChange_main__pRLvb .ClassesChange_table__ADPPQ .ClassesChange_tableListMobi__29fow div>header.ClassesChange_rowTwo__3xCgW {
        background: #e2e2e2;
        height: 30px
    }

    .ClassesChange_mainContainer__3nfd6 .ClassesChange_main__pRLvb .ClassesChange_table__ADPPQ .ClassesChange_tableListMobi__29fow div>.ClassesChange_rowThree__1DX5b {
        display: grid;
        grid-template-columns: 1fr
    }

    .ClassesChange_mainContainer__3nfd6 .ClassesChange_main__pRLvb .ClassesChange_table__ADPPQ .ClassesChange_tableListMobi__29fow div>.ClassesChange_rowThree__1DX5b>span {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0 15px;
        height: 30px;
        font-size: 12px
    }

    .ClassesChange_mainContainer__3nfd6 .ClassesChange_main__pRLvb .ClassesChange_table__ADPPQ .ClassesChange_tableListMobi__29fow div>.ClassesChange_rowThree__1DX5b>span>button {
        border: none;
        display: inline-block;
        background: transparent;
        cursor: pointer
    }

    .ClassesChange_mainContainer__3nfd6 .ClassesChange_main__pRLvb .ClassesChange_table__ADPPQ .ClassesChange_tableListMobi__29fow div>.ClassesChange_rowThree__1DX5b>span>button>svg {
        font-size: 20px
    }

    .ClassesChange_mainContainer__3nfd6 .ClassesChange_main__pRLvb .ClassesChange_table__ADPPQ .ClassesChange_tableListMobi__29fow div>.ClassesChange_rowThree__1DX5b>span>button>svg circle,.ClassesChange_mainContainer__3nfd6 .ClassesChange_main__pRLvb .ClassesChange_table__ADPPQ .ClassesChange_tableListMobi__29fow div>.ClassesChange_rowThree__1DX5b>span>button>svg path {
        color: #999
    }

    .ClassesChange_mainContainer__3nfd6 .ClassesChange_main__pRLvb .ClassesChange_table__ADPPQ .ClassesChange_tableListMobi__29fow div>.ClassesChange_rowThree__1DX5b>span>button:not(:first-child) {
        padding-left: 20px
    }

    .ClassesChange_mainContainer__3nfd6 .ClassesChange_main__pRLvb .ClassesChange_table__ADPPQ .ClassesChange_tableListMobi__29fow div>header.ClassesChange_rowThree__1DX5b {
        background: #e2e2e2;
        height: 30px
    }
}

.Curriculum_main__1KCio {
    padding: 10px;
    position: relative
}

.Curriculum_main__1KCio>h1 {
    font-size: 22px;
    color: #2979ff!important
}

.Curriculum_main__1KCio>header {
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(3,364px);
    grid-gap: 30px
}

.Curriculum_main__1KCio>header>p {
    margin-left: 15px
}

.Curriculum_main__1KCio>main>span {
    margin-top: 30px;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 30px
}

.Curriculum_main__1KCio>main>span>div {
    height: 40px;
    border-radius: 5px;
    position: relative;
    background-color: #e7edf1;
    overflow: hidden
}

.Curriculum_main__1KCio>main>span>div:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: Curriculum_loading__gcjFZ 1.5s infinite
}

@keyframes Curriculum_loading__gcjFZ {
    to {
        transform: translateX(100%)
    }
}

.Curriculum_main__1KCio>main>div {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 400px
}

.Curriculum_main__1KCio>main>div:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.Curriculum_main__1KCio>main>div>div {
    display: grid;
    grid-template-columns: repeat(3,364px);
    grid-gap: 30px;
    margin-top: 30px
}

.Curriculum_main__1KCio>main>div>div>i {
    border-radius: 5px;
    border: 1px solid #c4c4c4;
    cursor: pointer;
    padding: 5px 19px;
    display: grid;
    align-items: center
}

.Curriculum_main__1KCio>main>div>div:first-child {
    margin-top: 20px
}

.Curriculum_main__1KCio>main>div>div>span {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.Curriculum_main__1KCio>main>div>div>span>span {
    display: flex;
    align-items: center
}

.Curriculum_main__1KCio>main>div>div>span>span:first-child {
    grid-gap: 20px
}

.Curriculum_main__1KCio>main>div>div>span>span:first-child>input {
    transform: scale(1.2)
}

.Curriculum_main__1KCio>main>div>div>span>span:nth-child(2) {
    grid-gap: 30px
}

.Curriculum_main__1KCio>main>div>div>span>span:nth-child(2)>i svg {
    font-size: 22px
}

.Curriculum_main__1KCio>main>div>div>span>span:nth-child(2)>i svg>circle,.Curriculum_main__1KCio>main>div>div>span>span:nth-child(2)>i svg>line,.Curriculum_main__1KCio>main>div>div>span>span:nth-child(2)>i svg>path {
    color: #2979ff
}

.Curriculum_main__1KCio>footer {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px
}

.Curriculum_main__1KCio>footer span {
    display: flex;
    align-items: center;
    grid-gap: 30px
}

.Curriculum_main__1KCio>footer span>button {
    width: 160px
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Curriculum_main__1KCio * {
        font-size:12px!important
    }

    .Curriculum_main__1KCio>header {
        display: none
    }

    .Curriculum_main__1KCio>main>div {
        height: 550px;
        margin: 20px 0
    }

    .Curriculum_main__1KCio>main>div>div {
        display: flex;
        flex-direction: column;
        grid-gap: 10px;
        margin-top: 10px
    }

    .Curriculum_main__1KCio>main>div>div>section>p {
        padding: 10px 20px;
        color: grey
    }

    .Curriculum_main__1KCio>main>div>div>section>div>div {
        border-radius: 20px
    }

    .Curriculum_main__1KCio>main>div>div>span {
        justify-content: flex-start;
        padding: 3px
    }
}

.Table_main__34KGe {
    margin-top: 10px
}

.Table_main__34KGe>header {
    display: grid;
    grid-template-columns: 60px 80px 90px 241px 290px 1fr;
    grid-template-rows: 40px;
    background: #bbdefb
}

.Table_main__34KGe>header>p {
    display: flex;
    align-items: center;
    padding-left: 20px;
    border-left: 1px solid #fff
}

.Table_main__34KGe>header>p:nth-child(2) {
    justify-content: center;
    padding-left: 0
}

.Table_main__34KGe>main {
    border: 1px solid #e2e2e2
}

.Table_main__34KGe>main>div {
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 30px;
    grid-gap: 30px
}

.Table_main__34KGe>main>div>div {
    height: 30px;
    border-radius: 5px;
    position: relative;
    background-color: #e7edf1;
    overflow: hidden
}

.Table_main__34KGe>main>div>div:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: Table_loading__nGMGQ 1.5s infinite
}

@keyframes Table_loading__nGMGQ {
    to {
        transform: translateX(100%)
    }
}

.Table_main__34KGe>main>nav {
    height: 390px;
    overflow-y: auto
}

.Table_main__34KGe>main>nav>ul {
    display: grid;
    grid-template-columns: 60px 80px 90px 241px 290px 136px 1fr;
    border-bottom: 1px solid #e2e2e2
}

.Table_main__34KGe>main>nav>ul:hover {
    background: #f3f4f5
}

.Table_main__34KGe>main>nav>ul>li {
    border-left: 1px solid #fff;
    padding: 13px 5px 13px 20px;
    pointer-events: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.Table_main__34KGe>main>nav>ul>span {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0 15px
}

.Table_main__34KGe>main>span {
    display: grid;
    grid-template-columns: 1fr
}

.Table_main__34KGe>main>span>i {
    display: block;
    border-bottom: 1px solid #e2e2e2;
    height: 49px
}

.From_main__198JF {
    padding: 10px;
    position: relative
}

.From_main__198JF>h1 {
    color: #2962ff;
    font-size: 22px
}

.From_main__198JF>header {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 30px;
    margin-top: 30px
}

.From_main__198JF>header * {
    color: #999!important
}

.From_main__198JF>header:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.From_main__198JF>header>div {
    width: 314px
}

.From_main__198JF>header>div>h1 {
    font-size: 14px;
    color: #777776;
    margin-left: 10px;
    margin-bottom: 5px
}

.From_main__198JF>header>div>i {
    display: block;
    height: 40px;
    border-radius: 5px;
    position: relative;
    background-color: #e7edf1;
    overflow: hidden
}

.From_main__198JF>header>div>i:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: From_loading__2HXJC 1.5s infinite
}

.From_main__198JF>header .From_checkNone__N0d2p {
    visibility: hidden
}

.From_main__198JF>main {
    margin-top: 30px
}

.From_main__198JF>main span>label {
    font-size: 16px;
    margin-left: 15px
}

.From_main__198JF>main span input {
    transform: scale(1.3)
}

.From_main__198JF>footer {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 30px;
    margin-top: 30px
}

.From_main__198JF>footer>div {
    width: 314px
}

.From_main__198JF>footer>div>h1 {
    font-size: 14px;
    color: #777776;
    margin-left: 10px;
    margin-bottom: 5px
}

.From_main__198JF>footer>div>i {
    display: block;
    height: 40px;
    border-radius: 5px;
    position: relative;
    background-color: #e7edf1;
    overflow: hidden
}

.From_main__198JF>footer>div>i:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: From_loading__2HXJC 1.5s infinite
}

@keyframes From_loading__2HXJC {
    to {
        transform: translateX(100%)
    }
}

.From_main__198JF>.From_footerNone__cNjLv {
    visibility: hidden
}

.From_main__198JF>div {
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.From_main__198JF>div>span {
    display: flex;
    align-items: center;
    grid-gap: 30px
}

.From_main__198JF>div>span>button {
    width: 160px
}

.From_main__198JF>.From_lock___19Fp {
    position: absolute;
    bottom: 0;
    left: 0;
    background: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.From_main__198JF>.From_lock___19Fp>svg {
    font-size: 36px
}

.Date_main__20vh9 {
    width: 300px
}

.Date_main__20vh9>span {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 30px
}

.Schedule_main__1jvmo {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    height: 100%;
    margin-top: 20px
}

.Schedule_main__1jvmo>p {
    font-size: 18px;
    margin-bottom: 20px
}

.Schedule_main__1jvmo>main {
    margin-top: 20px
}

.Schedule_main__1jvmo>main>header {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-gap: 2px
}

.Schedule_main__1jvmo>main>header>span {
    display: block;
    padding: 30px 25px 20px 30px;
    cursor: pointer;
    border-bottom: 4px solid transparent;
    background: #e3f2fd
}

.Schedule_main__1jvmo>main>header>span>h1 {
    font-size: 18px
}

.Schedule_main__1jvmo>main>header>span>p {
    margin-top: 7px;
    color: #9f9f9f;
    line-height: 22px
}

.Schedule_main__1jvmo>main>header>div {
    display: block;
    height: 137px;
    border-radius: 5px;
    position: relative;
    background-color: #e7edf1;
    overflow: hidden
}

.Schedule_main__1jvmo>main>header>div:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: Schedule_loading__FolRS 1.5s infinite
}

@keyframes Schedule_loading__FolRS {
    to {
        transform: translateX(100%)
    }
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Schedule_main__1jvmo {
        width:100vw
    }

    .Schedule_main__1jvmo * {
        font-size: 12px!important
    }

    .Schedule_main__1jvmo>div {
        margin-bottom: 10px
    }

    .Schedule_main__1jvmo>div>section>div {
        position: fixed!important
    }

    .Schedule_main__1jvmo>p {
        margin: 15px 0!important
    }

    .Schedule_main__1jvmo>p:after {
        margin-top: 20px
    }
}

.DashboardWeekKeyProp_main__2bLWv {
    height: 473px;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.25);
    border-radius: 10px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr
}

.DashboardWeekKeyProp_main__2bLWv>footer {
    padding: 19px 30px 30px
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .DashboardWeekKeyProp_main__2bLWv {
        position:relative;
        height: 100%;
        box-shadow: none;
        border-radius: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .DashboardWeekKeyProp_main__2bLWv>footer {
        display: flex;
        align-items: center;
        width: 100%;
        padding: 20px 0
    }
}

.CardDashboardWeekKeyProp_main__tyEE_ {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-gap: 2px
}

.CardDashboardWeekKeyProp_main__tyEE_>div {
    height: 128px;
    border-radius: 10px;
    position: relative;
    background-color: #e7edf1;
    overflow: hidden
}

.CardDashboardWeekKeyProp_main__tyEE_>div:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: CardDashboardWeekKeyProp_loading__yIKpQ 1.5s infinite
}

@keyframes CardDashboardWeekKeyProp_loading__yIKpQ {
    to {
        transform: translateX(100%)
    }
}

.CardDashboardWeekKeyProp_main__tyEE_>span {
    display: block;
    background: #e3f2fd;
    padding: 12px 25px;
    height: 128px;
    border-bottom: 4px solid transparent;
    cursor: pointer;
    border-radius: 10px
}

.CardDashboardWeekKeyProp_main__tyEE_>span h1 {
    font-size: 18px;
    font-weight: 500
}

.CardDashboardWeekKeyProp_main__tyEE_>span h2 {
    font-size: 16px
}

.CardDashboardWeekKeyProp_main__tyEE_>span p {
    line-height: 20px;
    margin-top: 8px;
    color: #9f9f9f
}

.CardDashboardWeekKeyProp_main__tyEE_ .CardDashboardWeekKeyProp_activeCard__1AMuy {
    background: #bbdefb;
    border-color: #64b5f6
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .CardDashboardWeekKeyProp_mainM__2K_lz {
        position:relative
    }

    .CardDashboardWeekKeyProp_mainM__2K_lz>div:first-child div>span {
        display: block;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 16px 18%;
        height: 81px;
        border-bottom: 4px solid transparent;
        cursor: pointer;
        border-radius: 10px
    }

    .CardDashboardWeekKeyProp_mainM__2K_lz>div:first-child div>span>div {
        display: flex;
        flex-direction: column
    }

    .CardDashboardWeekKeyProp_mainM__2K_lz>div:first-child div>span>div h1 {
        font-size: 14px;
        font-weight: 500
    }

    .CardDashboardWeekKeyProp_mainM__2K_lz>div:first-child div>span>div h2 {
        font-size: 14px;
        margin-top: 8px
    }

    .CardDashboardWeekKeyProp_mainM__2K_lz>div:first-child div>span div {
        line-height: 20px;
        color: #9f9f9f
    }

    .CardDashboardWeekKeyProp_mainM__2K_lz>div:first-child div>span div p {
        margin-top: 8px;
        color: #9f9f9f
    }

    .CardDashboardWeekKeyProp_mainM__2K_lz>div:first-child div .CardDashboardWeekKeyProp_activeCard__1AMuy {
        background: #bbdefb;
        border-bottom: 7px solid #64b5f6
    }

    .CardDashboardWeekKeyProp_mainM__2K_lz>div:last-child {
        width: 100%;
        padding: 0 15px;
        position: absolute;
        top: 40%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 10
    }

    .CardDashboardWeekKeyProp_mainM__2K_lz>div:last-child>button {
        display: block;
        background: transparent;
        outline: none;
        border: none;
        cursor: pointer;
        height: 20px;
        width: 25px
    }

    .CardDashboardWeekKeyProp_mainM__2K_lz>div:last-child>button:first-child {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAASCAYAAACuLnWgAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGMSURBVHgBrZUhc8JAFISPm6kBg0GDwWCKLaaDBI2GH1F0RXWj+gtSjW4lg2ltazCIpjqmphhEutu8gzdHEo4Zbmbn5uULt+9yO4cxJ0aWZU2qhNWpEnZFmQCDDvQlanqsBT2J6h5rQGNoRCNbZYBpCXUKGBe9h1oFjN3fQntjG2CQQMNarfajXpmLwRaKwLaKDcRgB72D7WygQaL4DFNPythj1+awuw/XmD3TYIJpJOUCbKUYjbtSrsG+HbNnGPA7T6R8AVso1la724CtdfM20IDPZ6rLZ8WYur6UKdin8YaVl6oMGpjuTH6YKfSoGJPEg+b8C72ZglEa4UsOKwkYmnwXHWgpn+d/gLPDyORxZXLmijGm7J4zdzwoNJGXkxNGfB5L2QObKsYm3Tm0JMbHJoFGjKtL1FjirH/rEtWVOB+bBBrR5FXKicTaMZps1G7bhSaBRrHqeqoXk/imUvbdpVqYrhIjfQtHshgPe+7dwgwCQ8JY31Tewp6Rz5i4B3PoWjMmbSVGYeMSf1p/0HoWODODp/oAAAAASUVORK5CYII=) no-repeat 50%/cover
    }

    .CardDashboardWeekKeyProp_mainM__2K_lz>div:last-child>button:last-child {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAASCAYAAACuLnWgAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGaSURBVHgBtZUvU8NAEMUvmcFQE4OmpqaGWjCdyqKr2w9BNQJNFJ8g6GqQnZpiwdRUEHQNhpqKsI+8y2wvvfwR7MzOdfNy97vNvTTGSGRZdoY0J0KunyM9WoQ0dUHAreTYXUzqjuQT8+IE4JPZrWKE6ndHcujpCIB7T0ddyWUVKAyC4CDjWvJA0I0VRfuRIZbcEzRX2rcMI8m0DhSqCR9213LzlVoMiyQs+6JNHa0WFDoTNix7cnNfaSsZFixxfpM2IH0mmADIVu36UmmAvLKciDZsCjqCcAIe247lQFtUtER1O3U2kfpAJQgDRsBhw2nXjuNibgImmWvHeUCRD1IVmWkZPghsjB3C1m+0uQ3YGHZGp7Fo+4KeP56lybtIJUdwbglC+9q3+532ttpMBuu6hI+nCpCWOqFteyw3ctOX0mDbMcsFbV0LOILQKXaXW9rZarCrfTdeaOdGgAJCmw54bUcb60VmqrvnNoA/CO2Jg8aI/6q1WgQ2vTO5CWDbR6VFTQBFJwwAVo6TbADwoJ2kIq0CGLWrf/1o/QI/kxc4YSBvTQAAAABJRU5ErkJggg==) no-repeat 50%/cover
    }

    .CardDashboardWeekKeyProp_mainM__2K_lz>div:last-child .CardDashboardWeekKeyProp_swiper-button-disabled__ceifE:first-child {
        background: url(/static/media/left-reference-transparent.0e8b9db7.png) no-repeat 50%/cover
    }

    .CardDashboardWeekKeyProp_mainM__2K_lz>div:last-child .CardDashboardWeekKeyProp_swiper-button-disabled__ceifE:last-child {
        background: url(/static/media/right-reference-transparent.c9e90ffd.png) no-repeat 50%/cover
    }

    .CardDashboardWeekKeyProp_mainM__2K_lz .CardDashboardWeekKeyProp_sliderReference__34hTL {
        align-self: flex-start;
        background: #bbdefb;
        border-radius: 10px
    }

    .CardDashboardWeekKeyProp_mainM__2K_lz .CardDashboardWeekKeyProp_sliderReference__34hTL .CardDashboardWeekKeyProp_swiper__3-SZZ {
        height: auto;
        box-shadow: 1px 1px 20px #64b5f6;
        border-radius: 4px;
        position: relative;
        align-items: center;
        width: 100%
    }
}

.ScheduleListKeyProp_loadComponent__2qTJX {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(5,1fr);
    grid-gap: 30px
}

.ScheduleListKeyProp_loadComponent__2qTJX>div {
    width: 100%;
    height: 30px;
    border-radius: 5px;
    position: relative;
    background-color: #e7edf1;
    overflow: hidden
}

.ScheduleListKeyProp_loadComponent__2qTJX>div:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: ScheduleListKeyProp_loading__MRPaT 1.5s infinite
}

@keyframes ScheduleListKeyProp_loading__MRPaT {
    to {
        transform: translateX(100%)
    }
}

.ScheduleListKeyProp_main__2taXf {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    height: 100%;
    padding-left: 24px
}

.ScheduleListKeyProp_main__2taXf>ul {
    display: grid;
    margin-bottom: 7px
}

.ScheduleListKeyProp_main__2taXf>ul li {
    color: #64b5f6;
    padding: 0 5px
}

.ScheduleListKeyProp_main__2taXf .ScheduleListKeyProp_yourTitle__3fRcc {
    grid-template-columns: 139px 160px 176px 192px 172px 1fr
}

.ScheduleListKeyProp_main__2taXf .ScheduleListKeyProp_title__ylMcV {
    grid-template-columns: 127px 173px 211px 258px 1fr
}

.ScheduleListKeyProp_main__2taXf nav ul {
    display: grid;
    padding: 13px 0;
    border-bottom: 1px solid #e3f2fd
}

.ScheduleListKeyProp_main__2taXf nav ul>li {
    padding: 0 5px
}

.ScheduleListKeyProp_main__2taXf nav p {
    text-align: center;
    margin-top: 40px
}

.ScheduleListKeyProp_main__2taXf .ScheduleListKeyProp_yourList__JlXqq {
    height: 250px
}

.ScheduleListKeyProp_main__2taXf .ScheduleListKeyProp_yourList__JlXqq>div {
    height: 250px;
    width: 973px;
    overflow-x: auto
}

.ScheduleListKeyProp_main__2taXf .ScheduleListKeyProp_yourList__JlXqq>div>ul {
    grid-template-columns: 139px 160px 176px 192px 172px 1fr
}

.ScheduleListKeyProp_main__2taXf .ScheduleListKeyProp_yourList__JlXqq>div>ul>li:nth-child(3) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ScheduleListKeyProp_main__2taXf .ScheduleListKeyProp_list__3NCec {
    overflow: auto;
    height: 250px
}

.ScheduleListKeyProp_main__2taXf .ScheduleListKeyProp_list__3NCec>div>ul {
    grid-template-columns: 127px 173px 211px 258px 1fr;
    overflow: auto
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .ScheduleListKeyProp_loadComponent__2qTJX {
        display:none
    }

    .ScheduleListKeyProp_main__2taXf {
        grid-template-columns: auto;
        padding-left: 0;
        width: 100%;
        margin-top: 0;
        font-size: 12px
    }

    .ScheduleListKeyProp_main__2taXf nav {
        display: grid;
        grid-template-columns: auto
    }

    .ScheduleListKeyProp_main__2taXf nav div div {
        display: grid;
        grid-template-columns: 50% 50%;
        width: 100%
    }

    .ScheduleListKeyProp_main__2taXf nav ul {
        border-bottom: none;
        padding: 0
    }

    .ScheduleListKeyProp_main__2taXf nav p {
        margin-top: 0
    }

    .ScheduleListKeyProp_main__2taXf .ScheduleListKeyProp_yourList__JlXqq {
        height: 100%
    }

    .ScheduleListKeyProp_main__2taXf .ScheduleListKeyProp_yourList__JlXqq>div {
        height: 100%;
        width: 100%
    }

    .ScheduleListKeyProp_main__2taXf .ScheduleListKeyProp_yourList__JlXqq>div div .ScheduleListKeyProp_yourTitle__3fRcc {
        grid-template-columns: auto
    }

    .ScheduleListKeyProp_main__2taXf .ScheduleListKeyProp_yourList__JlXqq>div div .ScheduleListKeyProp_yourTitle__3fRcc li {
        padding: 6px 5px;
        display: flex;
        border-bottom: 1px solid #e3f2fd;
        color: #64b5f6
    }

    .ScheduleListKeyProp_main__2taXf .ScheduleListKeyProp_yourList__JlXqq>div div .ScheduleListKeyProp_yourTitle__3fRcc li:first-child:first-child {
        color: #000;
        font-weight: 600;
        background-color: #e3f2fd
    }

    .ScheduleListKeyProp_main__2taXf .ScheduleListKeyProp_yourList__JlXqq>div div .ScheduleListKeyProp_yourTitle__3fRcc li:first-child span {
        display: block!important
    }

    .ScheduleListKeyProp_main__2taXf .ScheduleListKeyProp_yourList__JlXqq>div div .ScheduleListKeyProp_yourTitle__3fRcc li:first-child span:before {
        content: ": "
    }

    .ScheduleListKeyProp_main__2taXf .ScheduleListKeyProp_yourList__JlXqq>div div>ul {
        grid-template-columns: auto
    }

    .ScheduleListKeyProp_main__2taXf .ScheduleListKeyProp_yourList__JlXqq>div div>ul li {
        padding: 6px 5px;
        border-bottom: 1px solid #e3f2fd
    }

    .ScheduleListKeyProp_main__2taXf .ScheduleListKeyProp_yourList__JlXqq>div div>ul li:first-child {
        color: #000;
        font-weight: 600;
        background-color: #e3f2fd;
        padding-right: 20px;
        text-align: end
    }

    .ScheduleListKeyProp_main__2taXf .ScheduleListKeyProp_yourList__JlXqq>div div>ul>li:nth-child(2) {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .ScheduleListKeyProp_main__2taXf .ScheduleListKeyProp_listMain__2uQvp {
        overflow: hidden;
        height: 100%;
        width: 100%
    }

    .ScheduleListKeyProp_main__2taXf .ScheduleListKeyProp_listMain__2uQvp div .ScheduleListKeyProp_title__ylMcV {
        grid-template-columns: auto;
        width: 100%
    }

    .ScheduleListKeyProp_main__2taXf .ScheduleListKeyProp_listMain__2uQvp div .ScheduleListKeyProp_title__ylMcV li {
        padding: 6px 5px;
        display: flex;
        border-bottom: 1px solid #e3f2fd;
        color: #64b5f6;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .ScheduleListKeyProp_main__2taXf .ScheduleListKeyProp_listMain__2uQvp div .ScheduleListKeyProp_title__ylMcV li:first-child:first-child {
        color: #000;
        font-weight: 600;
        background-color: #e3f2fd
    }

    .ScheduleListKeyProp_main__2taXf .ScheduleListKeyProp_listMain__2uQvp div .ScheduleListKeyProp_title__ylMcV li:first-child span {
        display: block!important
    }

    .ScheduleListKeyProp_main__2taXf .ScheduleListKeyProp_listMain__2uQvp div .ScheduleListKeyProp_title__ylMcV li:first-child span:before {
        content: ": "
    }

    .ScheduleListKeyProp_main__2taXf .ScheduleListKeyProp_listMain__2uQvp div .ScheduleListKeyProp_list__3NCec {
        grid-template-columns: auto;
        overflow: auto;
        width: 100%;
        height: 100%
    }

    .ScheduleListKeyProp_main__2taXf .ScheduleListKeyProp_listMain__2uQvp div .ScheduleListKeyProp_list__3NCec li {
        padding: 6px 5px;
        border-bottom: 1px solid #e3f2fd;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .ScheduleListKeyProp_main__2taXf .ScheduleListKeyProp_listMain__2uQvp div .ScheduleListKeyProp_list__3NCec li:first-child {
        color: #000;
        font-weight: 600;
        background-color: #e3f2fd;
        padding-right: 20px;
        text-align: end
    }
}

.GroupInfo_main__17Siw {
    position: relative
}

.GroupInfo_main__17Siw .GroupInfo_navbarComponents__1PwXA {
    min-width: 238px
}

.GroupInfo_main__17Siw .GroupInfo_navbarComponents__1PwXA:first-child {
    min-width: 208px
}

.GroupInfo_main__17Siw>p {
    position: absolute;
    left: -152px;
    font-size: 18px;
    color: #2962ff;
    display: flex;
    align-items: center;
    grid-gap: 5px;
    margin-top: 10px;
    cursor: pointer
}

.GroupInfo_main__17Siw>p>svg {
    font-size: 22px;
    margin-top: -5px
}

.GroupInfo_main__17Siw>p>svg>g>path {
    color: #2962ff
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .GroupInfo_main__17Siw>p {
        top:68px;
        left: 0;
        font-size: 12px;
        z-index: 5
    }

    .GroupInfo_main__17Siw>header {
        padding: 10px 0
    }

    .GroupInfo_main__17Siw>div {
        margin-top: 10px!important
    }
}

.Attendance_main__1Ub2->header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.Attendance_main__1Ub2->header>div {
    display: flex;
    align-items: center;
    grid-gap: 39px
}

.Attendance_main__1Ub2->header>div>.Attendance_childrenSelect__y9jw0 {
    width: 290px
}

.Attendance_main__1Ub2->header>div>.Attendance_childrenSelect__y9jw0>div {
    border-color: transparent;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 25px
}

.Attendance_main__1Ub2->header>div>.Attendance_childrenSelect__y9jw0>div p {
    text-align: center
}

.Attendance_main__1Ub2->header>div>.Attendance_date__3Xksa {
    width: 292px
}

.Attendance_main__1Ub2->.Attendance_table__2lL1T {
    margin-top: 20px
}

.Attendance_main__1Ub2->.Attendance_table__2lL1T>header {
    grid-template-columns: 62px 404px 177px 236px 1fr
}

.Attendance_main__1Ub2- .Attendance_tableList__2HT7P {
    height: 520px;
    overflow: scroll
}

.Attendance_main__1Ub2- .Attendance_tableList__2HT7P>div>div {
    display: grid;
    grid-template-columns: 62px 404px 177px 236px 1fr;
    border-bottom: 1px solid #e2e2e2
}

.Attendance_main__1Ub2- .Attendance_tableList__2HT7P>div>div:hover {
    background: hsla(0,0%,97.3%,.61);
    cursor: pointer
}

.Attendance_main__1Ub2- .Attendance_tableList__2HT7P>div>div>p {
    padding: 10px 20px;
    pointer-events: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.Attendance_main__1Ub2- .Attendance_tableList__2HT7P>div>div>span {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0 15px
}

.Attendance_main__1Ub2- .Attendance_tableList__2HT7P>div>div>span>button {
    border: none;
    display: inline-block;
    background: transparent;
    cursor: pointer
}

@media print {
    .Attendance_main__1Ub2- {
        zoom:.6}

    .Attendance_main__1Ub2- .Attendance_tableList__2HT7P {
        height: inherit!important
    }
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Attendance_main__1Ub2- * {
        font-size:10px!important
    }

    .Attendance_main__1Ub2->header {
        flex-direction: column
    }

    .Attendance_main__1Ub2->header>p {
        width: 100%;
        padding-left: 10px
    }

    .Attendance_main__1Ub2->header>div {
        grid-gap: 20px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin: 10px 0;
        width: 100%
    }

    .Attendance_main__1Ub2->header>div>div {
        width: 100%!important
    }

    .Attendance_main__1Ub2->.Attendance_table__2lL1T>header {
        grid-template-columns: 7vw 35vw 20vw 19vw 18vw
    }

    .Attendance_main__1Ub2->.Attendance_table__2lL1T>header span:last-child {
        padding-left: 10px
    }

    .Attendance_tableList__2HT7P {
        height: 550px;
        overflow-y: scroll;
        overflow-x: hidden
    }

    .Attendance_tableList__2HT7P>div>div {
        grid-template-columns: 7vw 35vw 20vw 19vw 18vw!important
    }

    .Attendance_tableList__2HT7P>div>div>p {
        padding: 10px 20px 10px 10px!important
    }
}

.Journal_main__1T4SR>header {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    margin-bottom: 20px
}

.Journal_main__1T4SR>header>p {
    display: flex;
    grid-gap: 10px
}

.Journal_main__1T4SR>header>div {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 20px
}

.Journal_main__1T4SR>header>div>div {
    grid-gap: 20px
}

.Journal_main__1T4SR>header>div>div>div {
    border: none;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 25px
}

.Journal_main__1T4SR>header>div>div>div>p {
    color: #000
}

.Journal_main__1T4SR .Journal_subjectSelect__1KWb5 {
    width: 200px
}

.Journal_main__1T4SR .Journal_subjectSelect__1KWb5>div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.Journal_main__1T4SR .Journal_scroll__3uBC3 {
    display: grid;
    grid-template-columns: 319px 1fr;
    margin-right: 17px
}

.Journal_main__1T4SR .Journal_scroll__3uBC3 ::-webkit-scrollbar {
    height: 4px
}

.Journal_main__1T4SR .Journal_scroll__3uBC3>span {
    display: flex;
    grid-gap: 1px;
    overflow-y: hidden;
    overflow-x: auto
}

.Journal_main__1T4SR .Journal_scroll__3uBC3>span li {
    min-width: 30px;
    height: 1px
}

.Journal_select__3yPN7 {
    min-width: 200px
}

.Journal_disabledSelect__32xGu {
    width: 200px;
    visibility: hidden
}

.Journal_disabledSelect__32xGu:before {
    content: "";
    display: block;
    width: 100%;
    border-radius: 4px;
    position: absolute;
    height: 100%;
    background-color: #e9e9e9!important
}

.Journal_disabledSelect__32xGu>div>p {
    color: #999!important;
    z-index: 99
}

@media print {
    .Journal_main__1T4SR {
        zoom:.8!important}
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Journal_main__1T4SR * {
        font-size:12px!important
    }

    .Journal_main__1T4SR>section {
        width: 100vw;
        overflow: hidden
    }

    .Journal_main__1T4SR>header {
        display: flex;
        flex-direction: column
    }

    .Journal_main__1T4SR>header>p {
        justify-content: flex-end;
        width: 100%;
        margin: -15px 0 15px
    }

    .Journal_main__1T4SR>header>div {
        grid-template-columns: 1fr 1fr
    }

    .Journal_finalTable__3Fmfy * {
        font-size: 12px!important
    }
}

@media print {
    .Journal_main__1T4SR {
        display: none!important
    }
}

.FinalTableHeader_main__3-bYO {
    display: grid;
    grid-template-columns: auto 1fr
}

.FinalTableHeader_main__3-bYO .FinalTableHeader_finalScoreHeaderWithExam__2Q5nw {
    grid-template-columns: 30px 229px 30px 30px 30px 30px 30px 30px 30px 30px 30px 30px
}

.FinalTableHeader_main__3-bYO>ul {
    display: grid;
    grid-template-columns: 30px 229px 30px 30px 30px 30px 30px 30px 30px 30px;
    background-color: #bbdefb
}

.FinalTableHeader_main__3-bYO>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #e3f2fd;
    font-weight: 500;
    font-size: 14px
}

.FinalTableHeader_main__3-bYO>ul>li:nth-child(n+3) {
    text-align: center;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    padding: 15px 0 15px 4px;
    border-left: none;
    border-right: 1px solid #e3f2fd;
    font-weight: 400;
    font-size: 14px;
    line-height: 17.9px
}

.FinalTableHeader_main__3-bYO>ul>li:last-child {
    border-left: 1px solid #e3f2fd
}

.FinalTableHeader_main__3-bYO>div {
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    margin-right: 17px;
    scrollbar-width: none
}

.FinalTableHeader_main__3-bYO>div::-webkit-scrollbar {
    width: 0;
    height: 0
}

.FinalTableHeader_main__3-bYO>div>nav {
    display: grid;
    grid-template-rows: 30px repeat(2,35px) minmax(30px,1fr);
    border-right: 1px solid #e3f2fd;
    background-color: #bbdefb
}

.FinalTableHeader_main__3-bYO>div>nav:last-child {
    border-right: none
}

.FinalTableHeader_main__3-bYO>div>nav>li {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px
}

.FinalTableHeader_main__3-bYO>div>nav>ul {
    border-top: 1px solid #e3f2fd;
    display: flex
}

.FinalTableHeader_main__3-bYO>div>nav>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    font-size: 12px;
    border-right: 1px solid #e3f2fd
}

.FinalTableHeader_main__3-bYO>div>nav>ul>li:last-child {
    border-right: none
}

.FinalTableHeader_modal__2fkxV {
    margin-top: 90px;
    background: none;
    align-items: start!important
}

.FinalTableHeader_modal__2fkxV>div {
    margin-top: 30px;
    background: #bbdefb;
    border-radius: 5px;
    padding: 35px 25px
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .FinalTableHeader_main__3-bYO {
        zoom:.8
    }

    .FinalTableHeader_main__3-bYO>ul {
        display: grid;
        grid-template-columns: 30px 140px 30px 30px 30px 30px 30px 30px 30px 30px
    }

    .FinalTableHeader_main__3-bYO .FinalTableHeader_finalScoreHeaderWithExam__2Q5nw {
        grid-template-columns: 30px 140px 30px 30px 30px 30px 30px 30px 30px 30px 30px 30px
    }
}

.Modal_main__3NPCq>div {
    margin-top: 12px
}

.Modal_main__3NPCq>div .Modal_descriptionJournalModal__2K5Zd {
    padding: 3px 2px;
    border: 2px solid #fff;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.25))
}

.Modal_main__3NPCq>div .Modal_descriptionJournalModal__2K5Zd>div {
    background: #fff;
    height: 41px;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0,0,0,.25)
}

.Modal_main__3NPCq>div>p {
    margin-bottom: 4px
}

.Modal_main__3NPCq>div>span {
    display: block;
    padding: 3px 2px;
    border: 2px solid #fff;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.25))
}

.Modal_main__3NPCq>div>span input,.Modal_main__3NPCq>div>span textarea {
    width: 100%;
    height: 40px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,.25);
    outline: none
}

.Modal_main__3NPCq>div:nth-child(2) {
    position: relative;
    z-index: 1
}

.FinalTableFooter_main__31jyD {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr;
    max-height: 390px;
    overflow-y: scroll;
    overflow-x: hidden
}

.FinalTableFooter_main__31jyD>span>ul {
    display: flex
}

.FinalTableFooter_main__31jyD>span>ul:hover:after {
    background: #e3f2fd
}

.FinalTableFooter_main__31jyD>span>ul:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 30px;
    z-index: -1
}

.FinalTableFooter_main__31jyD>span>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    height: 30px;
    border-bottom: 1px solid #e3f2fd
}

.FinalTableFooter_main__31jyD>span>ul>li:first-child {
    width: 30px
}

.FinalTableFooter_main__31jyD>span>ul>li:nth-child(2) {
    width: 230px;
    padding-left: 12.5px;
    justify-content: flex-start
}

.FinalTableFooter_main__31jyD>span>ul>li:nth-child(n+3) {
    width: 30px;
    border-left: 1px solid #e3f2fd
}

.FinalTableFooter_main__31jyD>span>ul>li:last-child {
    border-right: 2px solid #e3f2fd
}

.FinalTableFooter_main__31jyD>div {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none
}

.FinalTableFooter_main__31jyD>div::-webkit-scrollbar {
    width: 0;
    height: 0
}

.FinalTableFooter_main__31jyD>div>span {
    display: block;
    position: relative
}

.FinalTableFooter_main__31jyD>div>span>ul {
    display: flex;
    border-bottom: 1px solid #e3f2fd
}

.FinalTableFooter_main__31jyD>div>span>ul:hover:after {
    background: #e3f2fd
}

.FinalTableFooter_main__31jyD>div>span>ul:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    left: -450px;
    height: 30px;
    z-index: -1
}

.FinalTableFooter_main__31jyD>div>span>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 28.63px;
    border-right: 1px solid #e3f2fd;
    font-size: 14px
}

.FinalTableFooter_main__31jyD>div>span>ul>li:hover:after {
    content: "";
    display: block;
    position: absolute;
    min-width: 30px;
    height: 100%;
    top: 0;
    bottom: 0;
    z-index: -1;
    background: #e3f2fd!important
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .FinalTableFooter_main__31jyD {
        width:-webkit-max-content;
        width: max-content;
        max-height: inherit;
        zoom:.8}

    .FinalTableFooter_main__31jyD>span>ul>li:nth-child(2) {
        width: 140px!important
    }
}

.TableHeader_main__3iiTb {
    display: grid;
    grid-template-columns: auto 1fr;
    width: 100%
}

.TableHeader_main__3iiTb .TableHeader_gtr__2g-Bc {
    grid-template-rows: 1fr 28px
}

.TableHeader_main__3iiTb>ul {
    display: grid;
    grid-template-columns: 30px 229px 30px 30px;
    background-color: #bbdefb
}

.TableHeader_main__3iiTb>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #e3f2fd;
    font-weight: 500;
    font-size: 14px
}

.TableHeader_main__3iiTb>ul>li:nth-child(n+3) {
    text-align: center;
    padding: 15px 0 15px 4px;
    border-right: 1px solid #e3f2fd;
    border-left: 1px solid #e3f2fd;
    font-weight: 400;
    line-height: 17.9px
}

.TableHeader_main__3iiTb>ul>li:nth-child(n+3) div {
    white-space: nowrap;
    transform: rotate(-90deg)
}

.TableHeader_main__3iiTb>ul>li:last-child {
    border-left: 1px solid #e3f2fd
}

.TableHeader_main__3iiTb>ul .TableHeader_groupsContainer__1oweZ {
    display: grid;
    grid-template-columns: 30px 229px 30px 30px
}

.TableHeader_main__3iiTb>ul .TableHeader_groupsContainer__1oweZ>li {
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #e3f2fd;
    font-weight: 500;
    font-size: 12px;
    border-top: 1px solid #e3f2fd
}

.TableHeader_main__3iiTb>ul .TableHeader_groupsContainer__1oweZ>li:nth-child(n+3) {
    border-right: 1px solid #e3f2fd;
    border-left: 1px solid #e3f2fd;
    border-top: 1px solid #e3f2fd
}

.TableHeader_main__3iiTb>ul .TableHeader_groupsContainer__1oweZ>li:last-child {
    border-left: 1px solid #e3f2fd
}

.TableHeader_main__3iiTb>.TableHeader_table__3czEW {
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    margin-right: 17px;
    width: 100%;
    scrollbar-width: none
}

.TableHeader_main__3iiTb>.TableHeader_table__3czEW::-webkit-scrollbar {
    width: 0;
    height: 0
}

.TableHeader_main__3iiTb>.TableHeader_table__3czEW>nav {
    display: grid;
    grid-template-rows: 30px repeat(2,35px) minmax(30px,1fr);
    border-right: 1px solid #e3f2fd;
    background-color: #bbdefb
}

.TableHeader_main__3iiTb>.TableHeader_table__3czEW>nav:last-child {
    border-right: none
}

.TableHeader_main__3iiTb>.TableHeader_table__3czEW>nav>li {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px
}

.TableHeader_main__3iiTb>.TableHeader_table__3czEW>nav>ul {
    border-top: 1px solid #e3f2fd;
    display: flex
}

.TableHeader_main__3iiTb>.TableHeader_table__3czEW>nav>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    font-size: 12px;
    border-right: 1px solid #e3f2fd
}

.TableHeader_main__3iiTb>.TableHeader_table__3czEW>nav>ul>li:last-child {
    border-right: none
}

.TableHeader_main__3iiTb>.TableHeader_table__3czEW>nav .TableHeader_groupsContainerAB__1g5CV {
    height: 28px;
    text-transform: uppercase
}

.TableHeader_modal__SD7xz {
    background: none;
    align-items: center!important;
    justify-content: center;
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    margin-right: 17px;
    width: auto;
    z-index: 3
}

.TableHeader_modal__SD7xz>div {
    margin-top: 30px;
    background: #bbdefb;
    border-radius: 25px;
    padding: 45px 25px!important
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .TableHeader_main__3iiTb {
        overflow:hidden;
        width: -webkit-max-content;
        width: max-content;
        zoom:.8}

    .TableHeader_main__3iiTb>ul,.TableHeader_main__3iiTb>ul .TableHeader_groupsContainer__1oweZ {
        grid-template-columns: 30px 140px 30px 30px
    }

    .TableHeader_main__3iiTb .TableHeader_table__3czEW {
        width: 100%;
        overflow: scroll
    }
}

.Modal_main__3WuHt>div {
    width: 300px;
    margin-top: 12px
}

.Modal_main__3WuHt>div .Modal_descriptionJournalModal__3ktEs {
    padding: 3px 2px;
    border: 2px solid #fff;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.25));
    border-radius: 30px
}

.Modal_main__3WuHt>div .Modal_descriptionJournalModal__3ktEs>div {
    background: #fff;
    height: 41px;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0,0,0,.25);
    border-radius: 20px
}

.Modal_main__3WuHt>div>p {
    margin-bottom: 4px
}

.Modal_main__3WuHt>div>span {
    border-radius: 30px;
    display: block;
    padding: 3px 2px;
    border: 2px solid #fff;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.25))
}

.Modal_main__3WuHt>div>span input,.Modal_main__3WuHt>div>span textarea {
    width: 100%;
    height: 40px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,.25);
    outline: none
}

.Modal_main__3WuHt>div>span>input {
    border-radius: 20px
}

.Modal_main__3WuHt>div:nth-child(2) {
    position: relative;
    z-index: 1
}

.TableFooter_main__3tu5b {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr;
    max-height: 390px;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100%
}

.TableFooter_main__3tu5b::-webkit-scrollbar {
    height: 0
}

.TableFooter_main__3tu5b>span>ul {
    display: flex
}

.TableFooter_main__3tu5b>span>ul:hover:after {
    background: #e3f2fd
}

.TableFooter_main__3tu5b>span>ul:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 30px;
    z-index: -1
}

.TableFooter_main__3tu5b>span>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    height: 30px;
    border-bottom: 1px solid #e3f2fd
}

.TableFooter_main__3tu5b>span>ul>li:first-child {
    width: 30px
}

.TableFooter_main__3tu5b>span>ul>li:nth-child(2) {
    width: 230px;
    padding-left: 12.5px;
    justify-content: flex-start
}

.TableFooter_main__3tu5b>span>ul>li:nth-child(n+3) {
    width: 30px;
    border-left: 1px solid #e3f2fd
}

.TableFooter_main__3tu5b>span>ul>li:last-child {
    border-right: 2px solid #e3f2fd
}

.TableFooter_main__3tu5b>div {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    scrollbar-width: none
}

.TableFooter_main__3tu5b>div::-webkit-scrollbar {
    width: 0;
    height: 0
}

.TableFooter_main__3tu5b>div>span {
    display: block;
    position: relative
}

.TableFooter_main__3tu5b>div>span>ul {
    display: flex;
    border-bottom: 1px solid #e3f2fd
}

.TableFooter_main__3tu5b>div>span>ul:hover:after {
    background: #e3f2fd
}

.TableFooter_main__3tu5b>div>span>ul:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    left: -450px;
    height: 30px;
    z-index: -1
}

.TableFooter_main__3tu5b>div>span>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 28.97px;
    border-right: 1px solid #e3f2fd;
    font-size: 14px
}

.TableFooter_main__3tu5b>div>span>ul>li:hover:after {
    content: "";
    display: block;
    position: absolute;
    min-width: 30px;
    height: 100%;
    top: 0;
    bottom: 0;
    z-index: -1;
    background: #e3f2fd!important
}

@media print {
    .TableFooter_main__3tu5b {
        max-height: inherit!important
    }
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .TableFooter_main__3tu5b {
        width:-webkit-max-content;
        width: max-content;
        zoom:.8;max-height: -webkit-max-content;
        max-height: max-content
    }

    .TableFooter_main__3tu5b>span>ul li:nth-child(2) {
        width: 140px
    }
}

.FinalTableFooter_main__1kUOq {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr;
    max-height: auto;
    overflow-y: scroll;
    overflow-x: hidden
}

.FinalTableFooter_main__1kUOq>span>ul {
    display: flex
}

.FinalTableFooter_main__1kUOq>span>ul:hover:after {
    background: #e3f2fd
}

.FinalTableFooter_main__1kUOq>span>ul:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 30px;
    z-index: -1
}

.FinalTableFooter_main__1kUOq>span>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    height: 30px;
    border-bottom: 1px solid #e3f2fd
}

.FinalTableFooter_main__1kUOq>span>ul>li:first-child {
    width: 30px
}

.FinalTableFooter_main__1kUOq>span>ul>li:nth-child(2) {
    width: 230px;
    padding-left: 12.5px;
    justify-content: flex-start
}

.FinalTableFooter_main__1kUOq>span>ul>li:nth-child(n+3) {
    width: 30px;
    border-left: 1px solid #e3f2fd
}

.FinalTableFooter_main__1kUOq>span>ul>li:last-child {
    border-right: 2px solid #e3f2fd
}

.FinalTableFooter_main__1kUOq>div {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none
}

.FinalTableFooter_main__1kUOq>div::-webkit-scrollbar {
    width: 0;
    height: 0
}

.FinalTableFooter_main__1kUOq>div>span {
    display: block;
    position: relative
}

.FinalTableFooter_main__1kUOq>div>span>ul {
    display: flex;
    border-bottom: 1px solid #e3f2fd
}

.FinalTableFooter_main__1kUOq>div>span>ul:hover:after {
    background: #e3f2fd
}

.FinalTableFooter_main__1kUOq>div>span>ul:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    left: -450px;
    height: 30px;
    z-index: -1
}

.FinalTableFooter_main__1kUOq>div>span>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 28.63px;
    border-right: 1px solid #e3f2fd;
    font-size: 14px
}

.FinalTableFooter_main__1kUOq>div>span>ul>li:hover:after {
    content: "";
    display: block;
    position: absolute;
    min-width: 30px;
    height: 100%;
    top: 0;
    bottom: 0;
    z-index: -1;
    background: #e3f2fd!important
}

@media print {
    .FinalTableFooter_main__1kUOq {
        max-height: inherit!important
    }
}

.FinalTableHeader_main__1ZSry {
    display: grid;
    grid-template-columns: auto 1fr
}

.FinalTableHeader_main__1ZSry .FinalTableHeader_finalScoreHeaderWithOutExam__2kh-1 {
    display: grid;
    background-color: #bbdefb;
    grid-template-columns: 30px 229px 30px 30px 30px 30px 30px 30px 30px 30px
}

.FinalTableHeader_main__1ZSry .FinalTableHeader_finalScoreHeaderWithExam__1fSrM {
    display: grid;
    background-color: #bbdefb;
    grid-template-columns: 30px 229px 30px 30px 30px 30px 30px 30px 30px 30px 30px 30px
}

.FinalTableHeader_main__1ZSry>ul {
    display: grid;
    background-color: #bbdefb
}

.FinalTableHeader_main__1ZSry>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #e3f2fd;
    font-weight: 500;
    font-size: 14px
}

.FinalTableHeader_main__1ZSry>ul>li:nth-child(n+3) {
    text-align: center;
    padding: 15px 0 15px 4px;
    border-right: 1px solid #e3f2fd;
    border-left: 1px solid #e3f2fd;
    font-weight: 400;
    font-size: 14px;
    line-height: 17.9px
}

.FinalTableHeader_main__1ZSry>ul>li:nth-child(n+3) div {
    white-space: nowrap;
    transform: rotate(-90deg)
}

.FinalTableHeader_main__1ZSry>ul>li:last-child {
    border-left: 1px solid #e3f2fd
}

.FinalTableHeader_main__1ZSry>div {
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    margin-right: 17px;
    scrollbar-width: none
}

.FinalTableHeader_main__1ZSry>div::-webkit-scrollbar {
    width: 0;
    height: 0
}

.FinalTableHeader_main__1ZSry>div>nav {
    display: grid;
    grid-template-rows: 30px repeat(2,35px) minmax(30px,1fr);
    border-right: 1px solid #e3f2fd;
    background-color: #bbdefb
}

.FinalTableHeader_main__1ZSry>div>nav:last-child {
    border-right: none
}

.FinalTableHeader_main__1ZSry>div>nav>li {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px
}

.FinalTableHeader_main__1ZSry>div>nav>ul {
    border-top: 1px solid #e3f2fd;
    display: flex
}

.FinalTableHeader_main__1ZSry>div>nav>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    font-size: 12px;
    border-right: 1px solid #e3f2fd
}

.FinalTableHeader_main__1ZSry>div>nav>ul>li:last-child {
    border-right: none
}

.FinalTableHeader_modal__3s6-n {
    margin-top: 90px;
    background: none;
    align-items: start!important
}

.FinalTableHeader_modal__3s6-n>div {
    margin-top: 30px;
    background: #bbdefb;
    border-radius: 5px;
    padding: 35px 25px
}

.Modal_main__3aM6G>div {
    margin-top: 12px
}

.Modal_main__3aM6G>div .Modal_descriptionJournalModal__2AdC_ {
    padding: 3px 2px;
    border: 2px solid #fff;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.25))
}

.Modal_main__3aM6G>div .Modal_descriptionJournalModal__2AdC_>div {
    background: #fff;
    height: 41px;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0,0,0,.25)
}

.Modal_main__3aM6G>div>p {
    margin-bottom: 4px
}

.Modal_main__3aM6G>div>span {
    display: block;
    padding: 3px 2px;
    border: 2px solid #fff;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.25))
}

.Modal_main__3aM6G>div>span input,.Modal_main__3aM6G>div>span textarea {
    width: 100%;
    height: 40px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,.25);
    outline: none
}

.Modal_main__3aM6G>div:nth-child(2) {
    position: relative;
    z-index: 1
}

.TableFooter_main__38PCT {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr;
    max-height: auto;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 1100px
}

.TableFooter_main__38PCT::-webkit-scrollbar {
    height: 0
}

.TableFooter_main__38PCT>span>ul {
    display: flex
}

.TableFooter_main__38PCT>span>ul:hover:after {
    background: #e3f2fd
}

.TableFooter_main__38PCT>span>ul:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 30px;
    z-index: -1
}

.TableFooter_main__38PCT>span>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    height: 30px;
    border-bottom: 1px solid #e3f2fd
}

.TableFooter_main__38PCT>span>ul>li:first-child {
    width: 30px
}

.TableFooter_main__38PCT>span>ul>li:nth-child(2) {
    width: 230px;
    padding-left: 12.5px;
    justify-content: flex-start
}

.TableFooter_main__38PCT>span>ul>li:nth-child(n+3) {
    width: 30px;
    border-left: 1px solid #e3f2fd
}

.TableFooter_main__38PCT>span>ul>li:last-child {
    border-right: 2px solid #e3f2fd
}

.TableFooter_main__38PCT>div {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    width: 780px;
    scrollbar-width: none
}

.TableFooter_main__38PCT>div::-webkit-scrollbar {
    width: 0;
    height: 0
}

.TableFooter_main__38PCT>div>span {
    display: block;
    position: relative
}

.TableFooter_main__38PCT>div>span>ul {
    display: flex;
    border-bottom: 1px solid #e3f2fd
}

.TableFooter_main__38PCT>div>span>ul:hover:after {
    background: #e3f2fd
}

.TableFooter_main__38PCT>div>span>ul:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    left: -450px;
    height: 30px;
    z-index: -1
}

.TableFooter_main__38PCT>div>span>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 28.97px;
    border-right: 1px solid #e3f2fd;
    font-size: 14px
}

.TableFooter_main__38PCT>div>span>ul>li:hover:after {
    content: "";
    display: block;
    position: absolute;
    min-width: 30px;
    height: 100%;
    top: 0;
    bottom: 0;
    z-index: -1;
    background: #e3f2fd!important
}

@media print {
    .TableFooter_main__38PCT {
        max-height: inherit!important
    }
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .TableFooter_main__38PCT {
        width:-webkit-max-content;
        width: max-content;
        zoom:.8;max-height: -webkit-max-content;
        max-height: max-content
    }

    .TableFooter_main__38PCT>span>ul li:nth-child(2) {
        width: 140px
    }
}

.TableHeader_main__yNvvL {
    display: grid;
    grid-template-columns: auto 1fr
}

.TableHeader_main__yNvvL .TableHeader_gtr__2LWL0 {
    grid-template-rows: 1fr 28px
}

.TableHeader_main__yNvvL>ul {
    display: grid;
    grid-template-columns: 30px 229px 30px 30px;
    background-color: #bbdefb
}

.TableHeader_main__yNvvL>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #e3f2fd;
    font-weight: 500;
    font-size: 14px
}

.TableHeader_main__yNvvL>ul>li:nth-child(n+3) {
    text-align: center;
    padding: 15px 0 15px 4px;
    border-right: 1px solid #e3f2fd;
    border-left: 1px solid #e3f2fd;
    font-weight: 400;
    line-height: 17.9px
}

.TableHeader_main__yNvvL>ul>li:nth-child(n+3) div {
    white-space: nowrap;
    transform: rotate(-90deg)
}

.TableHeader_main__yNvvL>ul>li:last-child {
    border-left: 1px solid #e3f2fd
}

.TableHeader_main__yNvvL>ul .TableHeader_groupsContainer__cIB6N {
    display: grid;
    grid-template-columns: 30px 229px 30px 30px
}

.TableHeader_main__yNvvL>ul .TableHeader_groupsContainer__cIB6N>li {
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #e3f2fd;
    font-weight: 500;
    font-size: 12px;
    border-top: 1px solid #e3f2fd
}

.TableHeader_main__yNvvL>ul .TableHeader_groupsContainer__cIB6N>li:nth-child(n+3) {
    border-right: 1px solid #e3f2fd;
    border-left: 1px solid #e3f2fd;
    border-top: 1px solid #e3f2fd
}

.TableHeader_main__yNvvL>ul .TableHeader_groupsContainer__cIB6N>li:last-child {
    border-left: 1px solid #e3f2fd
}

.TableHeader_main__yNvvL>.TableHeader_table__23OHL {
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    margin-right: 17px;
    width: 780px;
    max-width: 780px;
    scrollbar-width: none
}

.TableHeader_main__yNvvL>.TableHeader_table__23OHL::-webkit-scrollbar {
    width: 0;
    height: 0
}

.TableHeader_main__yNvvL>.TableHeader_table__23OHL>nav {
    display: grid;
    grid-template-rows: 30px repeat(2,35px) minmax(30px,1fr);
    border-right: 1px solid #e3f2fd;
    background-color: #bbdefb
}

.TableHeader_main__yNvvL>.TableHeader_table__23OHL>nav:last-child {
    border-right: none
}

.TableHeader_main__yNvvL>.TableHeader_table__23OHL>nav>li {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px
}

.TableHeader_main__yNvvL>.TableHeader_table__23OHL>nav>ul {
    border-top: 1px solid #e3f2fd;
    display: flex
}

.TableHeader_main__yNvvL>.TableHeader_table__23OHL>nav>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    font-size: 12px;
    border-right: 1px solid #e3f2fd
}

.TableHeader_main__yNvvL>.TableHeader_table__23OHL>nav>ul>li:last-child {
    border-right: none
}

.TableHeader_main__yNvvL>.TableHeader_table__23OHL>nav .TableHeader_groupsContainerAB__1hVPi {
    height: 28px;
    text-transform: uppercase
}

.TableHeader_modal__2aXQ9 {
    background: none;
    align-items: center!important;
    justify-content: center;
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    margin-right: 17px;
    width: auto;
    z-index: 3
}

.TableHeader_modal__2aXQ9>div {
    margin-top: 30px;
    background: #bbdefb;
    border-radius: 25px;
    padding: 45px 25px!important
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .TableHeader_main__yNvvL {
        overflow:hidden;
        width: -webkit-max-content;
        width: max-content;
        zoom:.8}

    .TableHeader_main__yNvvL>ul,.TableHeader_main__yNvvL>ul .TableHeader_groupsContainer__cIB6N {
        grid-template-columns: 30px 140px 30px 30px
    }

    .TableHeader_main__yNvvL .TableHeader_table__23OHL {
        width: 100%;
        overflow: scroll
    }
}

.Modal_main__2cD3O>div {
    width: 300px;
    margin-top: 12px
}

.Modal_main__2cD3O>div .Modal_descriptionJournalModal__18zoh {
    padding: 3px 2px;
    border: 2px solid #fff;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.25));
    border-radius: 30px
}

.Modal_main__2cD3O>div .Modal_descriptionJournalModal__18zoh>div {
    background: #fff;
    height: 41px;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0,0,0,.25);
    border-radius: 20px
}

.Modal_main__2cD3O>div>p {
    margin-bottom: 4px
}

.Modal_main__2cD3O>div>span {
    border-radius: 30px;
    display: block;
    padding: 3px 2px;
    border: 2px solid #fff;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.25))
}

.Modal_main__2cD3O>div>span input,.Modal_main__2cD3O>div>span textarea {
    width: 100%;
    height: 40px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,.25);
    outline: none
}

.Modal_main__2cD3O>div>span>input {
    border-radius: 20px
}

.Modal_main__2cD3O>div:nth-child(2) {
    position: relative;
    z-index: 1
}

.ClassesArchiveJournalForPrint_c__2sx2l {
    display: flex;
    flex-direction: row;
    margin-left: -50px;
    align-items: center
}

.ClassesArchiveJournalForPrint_c__2sx2l>button {
    margin-right: 10px;
    margin-left: 0
}

.ClassesArchiveJournalForPrint_center__3vM-L {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 300px
}

.ClassesArchiveJournalForPrint_main__29MDb>header {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    margin-bottom: 20px
}

.ClassesArchiveJournalForPrint_main__29MDb>header>p {
    display: flex;
    grid-gap: 10px
}

.ClassesArchiveJournalForPrint_main__29MDb>header>div {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 20px
}

.ClassesArchiveJournalForPrint_main__29MDb>header>div>div {
    grid-gap: 20px
}

.ClassesArchiveJournalForPrint_main__29MDb>header>div>div>div {
    border: none;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 25px
}

.ClassesArchiveJournalForPrint_main__29MDb>header>div>div>div>p {
    color: #000
}

.ClassesArchiveJournalForPrint_main__29MDb .ClassesArchiveJournalForPrint_subjectSelect__3lgB2 {
    width: 200px
}

.ClassesArchiveJournalForPrint_main__29MDb .ClassesArchiveJournalForPrint_subjectSelect__3lgB2>div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ClassesArchiveJournalForPrint_main__29MDb .ClassesArchiveJournalForPrint_scroll__3sa51 {
    display: grid;
    grid-template-columns: 319px 1fr;
    margin-right: 17px
}

.ClassesArchiveJournalForPrint_main__29MDb .ClassesArchiveJournalForPrint_scroll__3sa51 ::-webkit-scrollbar {
    height: 8px
}

.ClassesArchiveJournalForPrint_main__29MDb .ClassesArchiveJournalForPrint_scroll__3sa51>span {
    display: flex;
    grid-gap: 1px;
    overflow-y: hidden;
    overflow-x: auto
}

.ClassesArchiveJournalForPrint_main__29MDb .ClassesArchiveJournalForPrint_scroll__3sa51>span li {
    min-width: 30px;
    height: 1px
}

.ClassesArchiveJournalForPrint_select__1bdJR {
    min-width: 200px
}

.ClassesArchiveJournalForPrint_disabledSelect__3CpT8 {
    width: 200px;
    visibility: hidden
}

.ClassesArchiveJournalForPrint_disabledSelect__3CpT8:before {
    content: "";
    display: block;
    width: 100%;
    border-radius: 4px;
    position: absolute;
    height: 100%;
    background-color: #e9e9e9!important
}

.ClassesArchiveJournalForPrint_disabledSelect__3CpT8>div>p {
    color: #999!important;
    z-index: 99
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .ClassesArchiveJournalForPrint_c__2sx2l {
        margin-left:inherit;
        justify-content: space-between
    }

    .ClassesArchiveJournalForPrint_center__3vM-L *,.ClassesArchiveJournalForPrint_main__29MDb * {
        font-size: 12px!important
    }

    .ClassesArchiveJournalForPrint_main__29MDb>header {
        display: flex;
        flex-direction: column
    }

    .ClassesArchiveJournalForPrint_main__29MDb>header>p {
        justify-content: flex-end;
        align-items: center;
        width: 100%;
        height: 30px
    }

    .ClassesArchiveJournalForPrint_main__29MDb>header>div {
        grid-template-columns: 1fr 1fr;
        width: 100%
    }

    .ClassesArchiveJournalForPrint_main__29MDb>section {
        width: 100vw;
        overflow: scroll
    }

    .ClassesArchiveJournalForPrint_main__29MDb .ClassesArchiveJournalForPrint_subjectSelect__3lgB2 {
        width: 100%
    }
}

@media print {
    .ClassesArchiveJournalForPrint_c__2sx2l {
        display: none!important
    }
}

.StydentsHomeWorkTable_printTable__1RCxW {
    display: flex
}

.StydentsHomeWorkTable_printTable__1RCxW table {
    border-collapse: collapse
}

.StydentsHomeWorkTable_printTable__1RCxW table td {
    border: 1px solid #000;
    font-weight: 700;
    font-size: 1.2em;
    height: 50px
}

.StydentsHomeWorkTable_printTable__1RCxW table th {
    border: 1px solid #000;
    font-size: 1.05em;
    height: 30px;
    text-align: start
}

.StydentsHomeWorkTable_printTable__1RCxW table th span {
    padding: 0 20px
}

.JournalPrintListHeader_printJournalPDFLogo__1RCNG {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    grid-row-gap: 20px;
    row-gap: 20px;
    border-bottom: 3px solid #64b5f6;
    padding-bottom: 30px;
    margin-bottom: 30px
}

.JournalPrintListHeader_printJournalPDF__20wRA {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px
}

.JournalPrintListHeader_printJournalPDF__20wRA div {
    display: grid;
    align-content: start;
    grid-row-gap: 15px;
    row-gap: 15px
}

.JournalPrintListHeader_printJournalPDF__20wRA div span {
    color: #64b5f6
}

.JournalPrintListHeader_printJournalPDF__20wRA .JournalPrintListHeader_firstColumn__269O5 {
    grid-template-columns: 120px auto
}

.JournalPrintListHeader_printJournalPDF__20wRA .JournalPrintListHeader_secondColumn__3hEZr {
    grid-template-columns: 150px auto
}

.UserInfo_main__2Jt6h {
    padding: 15px 20px
}

.UserInfo_main__2Jt6h>h3 {
    color: #2962ff;
    font-size: 22px
}

.UserInfo_main__2Jt6h .UserInfo_links__2JTGO {
    margin-top: 30px
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .UserInfo_main__2Jt6h * {
        font-size:12px!important
    }
}

.UserInfoForm_loading__1IWxj {
    display: block;
    position: relative;
    background-color: #e7edf1;
    overflow: hidden;
    border-radius: 25px;
    width: 200px;
    height: 35px
}

.UserInfoForm_loading__1IWxj:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: UserInfoForm_loading__1IWxj 1.5s infinite
}

@keyframes UserInfoForm_loading__1IWxj {
    to {
        transform: translateX(100%)
    }
}

.UserInfoForm_userInfo__WYgHA {
    display: grid;
    grid-template-columns: 200px 800px
}

.UserInfoForm_userInfo__WYgHA>.UserInfoForm_avatar__N7BWc {
    display: flex;
    align-items: center
}

.UserInfoForm_userInfo__WYgHA>.UserInfoForm_avatar__N7BWc>div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 190px;
    height: 200px;
    background: #bbdefb;
    border-radius: 50%
}

.UserInfoForm_userInfo__WYgHA>.UserInfoForm_avatar__N7BWc>div>span {
    display: block;
    min-width: 181px;
    min-height: 191px;
    background: no-repeat 50%/cover;
    border-radius: 50%
}

.UserInfoForm_userInfo__WYgHA>.UserInfoForm_avatar__N7BWc>div>img {
    border-radius: 50%
}

.UserInfoForm_userInfo__WYgHA>.UserInfoForm_form__WZqut {
    display: grid;
    grid-template-columns: 250px 250px 250px;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    margin-left: 20px
}

.UserInfoForm_userInfo__WYgHA>.UserInfoForm_form__WZqut>div {
    margin: 15px 10px
}

.UserInfoForm_userInfo__WYgHA>.UserInfoForm_form__WZqut>div>p {
    padding-left: 20px;
    color: rgba(0,0,0,.5)
}

.UserInfoForm_userInfo__WYgHA>.UserInfoForm_form__WZqut>div>input {
    padding-left: 20px;
    width: 230px;
    height: 40px;
    border: 1px solid #aaa;
    border-radius: 20px;
    margin-top: 5px;
    cursor: not-allowed;
    font-size: 16px
}

.UserInfoForm_userInfo__WYgHA>.UserInfoForm_form__WZqut>div:last-child>input {
    width: 480px
}

.AboutParent_loading__R05jk {
    display: block;
    position: relative;
    background-color: #e7edf1;
    overflow: hidden;
    border-radius: 25px;
    width: 200px;
    height: 35px
}

.AboutParent_loading__R05jk:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: AboutParent_loading__R05jk 1.5s infinite
}

@keyframes AboutParent_loading__R05jk {
    to {
        transform: translateX(100%)
    }
}

.AboutParent_aboutParent__Wbv7X>div {
    display: flex
}

.AboutParent_aboutParent__Wbv7X>div>h4 {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    margin-right: 35px;
    display: flex;
    align-items: center;
    letter-spacing: .15px;
    color: #2962ff
}

.AboutParent_aboutParent__Wbv7X>div>section {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr
}

.AboutParent_aboutParent__Wbv7X>div>section>div {
    margin: 15px 10px
}

.AboutParent_aboutParent__Wbv7X>div>section>div>p {
    padding-left: 20px;
    color: rgba(0,0,0,.5)
}

.AboutParent_aboutParent__Wbv7X>div>section>div>input {
    padding-left: 20px;
    width: 250px;
    height: 40px;
    border: 1px solid #aaa;
    border-radius: 20px;
    margin-top: 5px;
    cursor: not-allowed
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .AboutParent_loading__R05jk {
        width:inherit
    }

    .AboutParent_aboutParent__Wbv7X * {
        font-size: 12px!important
    }

    .AboutParent_aboutParent__Wbv7X>div {
        flex-direction: column
    }

    .AboutParent_aboutParent__Wbv7X>div>section {
        grid-template-columns: 1fr 1fr
    }

    .AboutParent_aboutParent__Wbv7X>div>section>div>input {
        width: 100%;
        height: 30px
    }
}

.UserInfoFormMobi_loading__21H9i {
    display: block;
    position: relative;
    background-color: #e7edf1;
    overflow: hidden;
    border-radius: 25px;
    height: 35px;
    width: 100%
}

.UserInfoFormMobi_loading__21H9i:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: UserInfoFormMobi_loading__21H9i 1.5s infinite
}

@keyframes UserInfoFormMobi_loading__21H9i {
    to {
        transform: translateX(100%)
    }
}

.UserInfoFormMobi_userInfo__2Zm_k {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.UserInfoFormMobi_userInfo__2Zm_k>.UserInfoFormMobi_avatar__N2APl {
    display: grid;
    grid-template-columns: 1fr 230px;
    margin-top: 10px;
    width: 100%
}

.UserInfoFormMobi_userInfo__2Zm_k>.UserInfoFormMobi_avatar__N2APl>section>span {
    display: block;
    min-width: 110px;
    min-height: 110px;
    background: no-repeat 50%/cover;
    border-radius: 50%
}

.UserInfoFormMobi_userInfo__2Zm_k>.UserInfoFormMobi_avatar__N2APl>section>img {
    border-radius: 50%
}

.UserInfoFormMobi_userInfo__2Zm_k>.UserInfoFormMobi_avatar__N2APl>div {
    display: flex;
    flex-direction: column;
    align-items: center
}

.UserInfoFormMobi_userInfo__2Zm_k>.UserInfoFormMobi_avatar__N2APl>div>div {
    width: 230px;
    margin-bottom: 10px;
    padding: 0 20px
}

.UserInfoFormMobi_userInfo__2Zm_k>.UserInfoFormMobi_avatar__N2APl>div>div>p {
    padding-left: 10px;
    color: rgba(0,0,0,.5);
    font-size: 12px
}

.UserInfoFormMobi_userInfo__2Zm_k>.UserInfoFormMobi_avatar__N2APl>div>div>input {
    padding-left: 10px;
    width: 150px;
    height: 25px;
    border: 1px solid #aaa;
    border-radius: 20px;
    margin-top: 5px;
    cursor: not-allowed
}

.UserInfoFormMobi_userInfo__2Zm_k>.UserInfoFormMobi_form__6_BoY {
    display: flex;
    flex-direction: column;
    align-items: center
}

.UserInfoFormMobi_userInfo__2Zm_k>.UserInfoFormMobi_form__6_BoY>.UserInfoFormMobi_mainInfo__3shcT {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%
}

.UserInfoFormMobi_userInfo__2Zm_k>.UserInfoFormMobi_form__6_BoY>.UserInfoFormMobi_mainInfo__3shcT>div {
    margin: 0;
    padding: 10px
}

.UserInfoFormMobi_userInfo__2Zm_k>.UserInfoFormMobi_form__6_BoY>.UserInfoFormMobi_mainInfo__3shcT>div>p {
    padding-left: 10px;
    color: rgba(0,0,0,.5);
    font-size: 12px
}

.UserInfoFormMobi_userInfo__2Zm_k>.UserInfoFormMobi_form__6_BoY>.UserInfoFormMobi_mainInfo__3shcT>div>input {
    padding-left: 10px;
    width: 150px;
    height: 25px;
    border: 1px solid #aaa;
    border-radius: 20px;
    margin-top: 5px;
    cursor: not-allowed
}

.UserInfoFormMobi_userInfo__2Zm_k>.UserInfoFormMobi_form__6_BoY .UserInfoFormMobi_addressInfo__1tpsy {
    width: 100%
}

.UserInfoFormMobi_userInfo__2Zm_k>.UserInfoFormMobi_form__6_BoY .UserInfoFormMobi_addressInfo__1tpsy>div {
    padding: 10px;
    width: 70%
}

.UserInfoFormMobi_userInfo__2Zm_k>.UserInfoFormMobi_form__6_BoY .UserInfoFormMobi_addressInfo__1tpsy>div>p {
    padding-left: 10px;
    color: rgba(0,0,0,.5);
    font-size: 12px
}

.UserInfoFormMobi_userInfo__2Zm_k>.UserInfoFormMobi_form__6_BoY .UserInfoFormMobi_addressInfo__1tpsy>div>input {
    padding-left: 10px;
    width: 100%;
    height: 25px;
    border: 1px solid #aaa;
    border-radius: 20px;
    margin-top: 5px;
    cursor: not-allowed
}

.UserInfoFormMobi_loadingForm__20GAx {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    grid-gap: 10px;
    gap: 10px;
    margin: 40px 0
}

.Students_main__VigK9 {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    height: 100%
}

.Students_main__VigK9>header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.Students_main__VigK9>header>p {
    font-size: 18px
}

.Students_main__VigK9>header>button {
    width: 160px
}

.Students_main__VigK9>.Students_table__1VA0a {
    margin-top: 20px
}

.Students_main__VigK9>.Students_table__1VA0a>header {
    grid-template-columns: 62px 141px 141px 141px 84px 84px 83px 152px 1fr
}

.Students_main__VigK9 .Students_tableList__Avo8I {
    height: 520px;
    overflow: scroll
}

.Students_main__VigK9 .Students_tableList__Avo8I>div>div {
    display: grid;
    grid-template-columns: 62px 141px 141px 141px 84px 84px 83px 152px 1fr;
    border-bottom: 1px solid #e2e2e2
}

.Students_main__VigK9 .Students_tableList__Avo8I>div>div:hover {
    background: hsla(0,0%,97.3%,.61);
    cursor: pointer
}

.Students_main__VigK9 .Students_tableList__Avo8I>div>div>p {
    padding: 10px 20px;
    pointer-events: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.Students_main__VigK9 .Students_tableList__Avo8I>div>div>span {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0 15px
}

.Students_main__VigK9 .Students_tableList__Avo8I>div>div>span>button {
    border: none;
    display: inline-block;
    background: transparent;
    cursor: pointer
}

.Students_modalContainer__THDNV>div>div {
    width: 1110px
}

@media print {
    .Students_main__VigK9 .Students_tableList__Avo8I {
        height: inherit
    }
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Students_main__VigK9 * {
        font-size:12px!important
    }

    .Students_main__VigK9 .Students_tableListMobi__3LzTY {
        width: 100vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: auto;
        height: 550px;
        overflow: scroll;
        justify-content: flex-start
    }

    .Students_main__VigK9 .Students_tableListMobi__3LzTY div {
        width: 100%
    }

    .Students_main__VigK9 .Students_tableListMobi__3LzTY div>.Students_rowOne__3rF1y {
        min-height: 30px;
        display: grid;
        grid-template-columns: .3fr 1.3fr .6fr .6fr
    }

    .Students_main__VigK9 .Students_tableListMobi__3LzTY div>.Students_rowOne__3rF1y p,.Students_main__VigK9 .Students_tableListMobi__3LzTY div>.Students_rowOne__3rF1y span {
        font-size: 12px;
        padding-left: 10px;
        display: flex;
        align-items: center;
        border-left: 1px solid #fff
    }

    .Students_main__VigK9 .Students_tableListMobi__3LzTY div>.Students_rowOne__3rF1y:first-child {
        background: #e3f2fd
    }

    .Students_main__VigK9 .Students_tableListMobi__3LzTY div>.Students_rowTwo__2QHXZ {
        min-height: 30px;
        display: grid;
        grid-template-columns: 1fr 1fr
    }

    .Students_main__VigK9 .Students_tableListMobi__3LzTY div>.Students_rowTwo__2QHXZ p,.Students_main__VigK9 .Students_tableListMobi__3LzTY div>.Students_rowTwo__2QHXZ span {
        font-size: 12px;
        padding-left: 10px;
        display: flex;
        align-items: center;
        border-left: 1px solid #fff
    }

    .Students_main__VigK9 .Students_tableListMobi__3LzTY div>header.Students_rowTwo__2QHXZ {
        background: #e2e2e2
    }
}

.Classes_main__1GUgC {
    height: 100%;
    position: relative
}

.Classes_main__1GUgC .Classes_container__vuIBb {
    max-width: 1270px;
    margin: 0 auto;
    display: block;
    padding: 30px
}

.Classes_main__1GUgC .Classes_container__vuIBb .Classes_navbarComponents__17yuz {
    min-width: 238px
}

.Classes_main__1GUgC .Classes_container__vuIBb .Classes_navbarComponents__17yuz:first-child {
    min-width: 208px
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Classes_main__1GUgC .Classes_container__vuIBb {
        padding:20px 0;
        max-width: 100vw
    }

    .Classes_main__1GUgC .Classes_container__vuIBb .Classes_navContainer__2lstb {
        display: flex;
        flex-direction: column-reverse
    }

    .Classes_main__1GUgC .Classes_container__vuIBb .Classes_navContainer__2lstb>div:nth-child(2) {
        margin-bottom: 15px
    }
}

.ClassesStudents_classesSelect__1e-ds {
    width: 180px;
    height: 40px;
    margin: 0 15px
}

.ClassesStudents_classesSelect__1e-ds>div {
    border-color: transparent;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 20px
}

.ClassesStudents_classesSelect__1e-ds>div p {
    text-align: center
}

.ClassesStudents_main__iX-JV .ClassesStudents_searcherSelectorContainer__30ylO {
    display: flex;
    align-items: baseline;
    position: relative
}

.ClassesStudents_main__iX-JV .ClassesStudents_searcherSelectorContainer__30ylO .ClassesStudents_selectorContainer__1cOgb {
    display: grid;
    grid-template-columns: 1fr .3fr 1fr;
    align-items: center
}

.ClassesStudents_main__iX-JV .ClassesStudents_table__1Rzb1>header {
    grid-template-columns: 80px 175px 150px 135px 75px 145px 190px 140px;
    width: 1095px
}

.ClassesStudents_main__iX-JV .ClassesStudents_table__1Rzb1>header>span:last-child {
    padding-left: 17px;
    justify-content: start
}

.ClassesStudents_main__iX-JV .ClassesStudents_tableList__2HCbq {
    height: 420px;
    overflow: scroll
}

.ClassesStudents_main__iX-JV .ClassesStudents_tableList__2HCbq>div>div {
    display: grid;
    grid-template-columns: 80px 175px 150px 135px 75px 145px 190px 112px;
    border-bottom: 1px solid #e2e2e2
}

.ClassesStudents_main__iX-JV .ClassesStudents_tableList__2HCbq>div>div:hover {
    background: hsla(0,0%,97.3%,.61);
    border-bottom-color: #2962ff;
    cursor: pointer
}

.ClassesStudents_main__iX-JV .ClassesStudents_tableList__2HCbq>div>div:hover>p {
    color: #2962ff
}

.ClassesStudents_main__iX-JV .ClassesStudents_tableList__2HCbq>div>div:hover>p>svg>path {
    fill: #2962ff
}

.ClassesStudents_main__iX-JV .ClassesStudents_tableList__2HCbq>div>div>p {
    padding: 10px 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ClassesStudents_main__iX-JV .ClassesStudents_tableList__2HCbq>div>div>p>span {
    display: flex;
    justify-content: space-between
}

.ClassesStudents_main__iX-JV .ClassesStudents_tableList__2HCbq>div>div>p:last-child {
    display: flex;
    justify-content: center
}

.ClassesStudents_main__iX-JV .ClassesStudents_tableList__2HCbq>div>div>p>svg>path {
    fill: #9d9d9d
}

.ClassesStudents_main__iX-JV .ClassesStudents_tableList__2HCbq>div>div>p>svg>path:hover {
    fill: #2962ff
}

.ClassesStudents_main__iX-JV .ClassesStudents_tableList__2HCbq>div>div>span {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0 15px
}

.ClassesStudents_main__iX-JV .ClassesStudents_tableList__2HCbq>div>div>span>button {
    border: none;
    display: inline-block;
    background: transparent;
    cursor: pointer
}

.ClassesStudents_modalContainer__2eMSr>div>div {
    width: 1110px
}

@media print {
    .ClassesStudents_main__iX-JV {
        margin-left: -30px;
        zoom:.9}

    .ClassesStudents_main__iX-JV .ClassesStudents_tableList__2HCbq {
        height: auto!important;
        overflow: hidden!important
    }
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .ClassesStudents_main__iX-JV {
        margin:10px 0
    }

    .ClassesStudents_main__iX-JV .ClassesStudents_searcherSelectorContainer__30ylO {
        flex-direction: column;
        grid-gap: 20px;
        margin: 20px 0
    }

    .ClassesStudents_main__iX-JV .ClassesStudents_tableListMobi__1uBRE {
        width: 100vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: auto;
        height: 550px;
        overflow: scroll;
        justify-content: flex-start
    }

    .ClassesStudents_main__iX-JV .ClassesStudents_tableListMobi__1uBRE div {
        width: 100%
    }

    .ClassesStudents_main__iX-JV .ClassesStudents_tableListMobi__1uBRE div>.ClassesStudents_rowOne__2Po5p {
        min-height: 30px;
        display: grid;
        grid-template-columns: .4fr 1.3fr .6fr 1fr
    }

    .ClassesStudents_main__iX-JV .ClassesStudents_tableListMobi__1uBRE div>.ClassesStudents_rowOne__2Po5p p,.ClassesStudents_main__iX-JV .ClassesStudents_tableListMobi__1uBRE div>.ClassesStudents_rowOne__2Po5p span {
        font-size: 12px;
        padding-left: 10px;
        display: flex;
        align-items: center;
        border-left: 1px solid #fff
    }

    .ClassesStudents_main__iX-JV .ClassesStudents_tableListMobi__1uBRE div>.ClassesStudents_rowOne__2Po5p:first-child {
        background: #e3f2fd
    }

    .ClassesStudents_main__iX-JV .ClassesStudents_tableListMobi__1uBRE div>.ClassesStudents_rowTwo__3aZRz {
        min-height: 30px;
        display: grid;
        grid-template-columns: 1fr 1fr
    }

    .ClassesStudents_main__iX-JV .ClassesStudents_tableListMobi__1uBRE div>.ClassesStudents_rowTwo__3aZRz p,.ClassesStudents_main__iX-JV .ClassesStudents_tableListMobi__1uBRE div>.ClassesStudents_rowTwo__3aZRz span {
        font-size: 12px;
        padding-left: 10px;
        display: flex;
        align-items: center;
        border-left: 1px solid #fff
    }

    .ClassesStudents_main__iX-JV .ClassesStudents_tableListMobi__1uBRE div>header.ClassesStudents_rowTwo__3aZRz {
        background: #e2e2e2
    }

    .ClassesStudents_modalContainer__2eMSr>div>div {
        width: 100vw;
        height: 90vh
    }
}

.LoaderDots_twelve__1Y64p {
    width: 100%
}

.LoaderDots_eleven__1RvjX {
    width: 91.53%
}

.LoaderDots_ten__2tQt3 {
    width: 83.06%
}

.LoaderDots_nine__3Fc0c {
    width: 74.6%
}

.LoaderDots_eight__3HOvu {
    width: 66.13%
}

.LoaderDots_seven__2tIYj {
    width: 57.66%
}

.LoaderDots_six__20cHW {
    width: 49.2%
}

.LoaderDots_five__3WU39 {
    width: 40.73%
}

.LoaderDots_four__1HYTf {
    width: 32.26%
}

.LoaderDots_three__32tCi {
    width: 23.8%
}

.LoaderDots_two__3RK2P {
    width: 15.33%
}

.LoaderDots_one__4J3Wk {
    width: 6.866%
}

.LoaderDots_col__50jLw {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%
}

.LoaderDots_col__50jLw:first-of-type {
    margin-left: 0
}

.LoaderDots_container__1CnDh {
    width: 100%;
    max-width: 940px;
    margin: 0 auto;
    position: relative;
    text-align: center
}

.LoaderDots_cf__1wcLe:after,.LoaderDots_cf__1wcLe:before {
    content: " ";
    display: table
}

.LoaderDots_cf__1wcLe:after {
    clear: both
}

.LoaderDots_cf__1wcLe {
    *zoom:1}

.LoaderDots_row__Cz1ZH {
    margin: 30px 0
}

.LoaderDots_three__32tCi {
    background-color: #eee;
    padding: 50px 0
}

.LoaderDots_loader__2bmKB {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    position: relative;
    margin: 0 auto
}

#LoaderDots_loaderTwo__7YqEa span {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #3498db;
    margin: 25px 5px
}

#LoaderDots_loaderTwo__7YqEa span:first-child {
    animation: LoaderDots_bounce__k5uwW 1s ease-in-out infinite
}

#LoaderDots_loaderTwo__7YqEa span:nth-child(2) {
    animation: LoaderDots_bounce__k5uwW 1s ease-in-out .33s infinite
}

#LoaderDots_loaderTwo__7YqEa span:nth-child(3) {
    animation: LoaderDots_bounce__k5uwW 1s ease-in-out .66s infinite
}

@keyframes LoaderDots_bounce__k5uwW {
    0%,75%,to {
        transform: translateY(0)
    }

    25% {
        transform: translateY(-20px)
    }
}

.ClassesArchive_main__1XmCV {
    margin-top: 20px
}

.ClassesArchive_main__1XmCV>header {
    display: grid;
    grid-template-columns: 40px repeat(3,145px) 85px 140px 140px 1fr;
    font-size: 16px
}

.ClassesArchive_main__1XmCV>header>span:first-child {
    display: grid;
    place-items: center;
    padding-left: 0
}

.ClassesArchive_main__1XmCV main {
    height: 550px;
    overflow: auto
}

.ClassesArchive_main__1XmCV main>span {
    display: grid;
    grid-template-columns: 40px repeat(3,145px) 85px 140px 140px 1fr
}

.ClassesArchive_main__1XmCV main>span>p {
    padding: 10px 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 1px solid #e2e2e2
}

.ClassesArchive_main__1XmCV main>span>p:last-child {
    display: flex;
    align-items: center;
    justify-content: center
}

.ClassesArchive_main__1XmCV main>span>p:last-child>button {
    border: none;
    margin: 0 7px;
    background: none
}

.ClassesArchive_classes__tfY8w .ClassesArchive_main__1XmCV>header {
    display: grid;
    grid-template-columns: 90px 280px 170px 170px 150px 160px;
    font-size: 16px
}

.ClassesArchive_classes__tfY8w .ClassesArchive_main__1XmCV>header>span:nth-child(4) {
    padding-left: 20px;
    border-left: 1px solid #fff;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 170px;
    display: inline-block;
    padding-top: 10px
}

.ClassesArchive_classes__tfY8w .ClassesArchive_main__1XmCV>header>span:last-child {
    justify-content: start;
    padding-left: 20px
}

.ClassesArchive_classes__tfY8w .ClassesArchive_main__1XmCV main>span {
    display: grid;
    grid-template-columns: 90px 280px 170px 170px 150px 160px
}

.ClassesArchive_classes__tfY8w .ClassesArchive_main__1XmCV main>span:hover {
    border-bottom: 1px solid #2962ff;
    background: hsla(0,0%,97.3%,.61);
    cursor: pointer
}

.ClassesArchive_classes__tfY8w .ClassesArchive_main__1XmCV main>span:hover p,.ClassesArchive_classes__tfY8w .ClassesArchive_main__1XmCV main>span:hover p span,.ClassesArchive_classes__tfY8w .ClassesArchive_main__1XmCV main>span:hover span,.ClassesArchive_classes__tfY8w .ClassesArchive_main__1XmCV main>span:hover span span {
    color: #2962ff
}

.ClassesArchive_classes__tfY8w .ClassesArchive_main__1XmCV main>span:hover>p>button>svg {
    fill: #2962ff
}

.ClassesArchive_classes__tfY8w .ClassesArchive_main__1XmCV main>span>p {
    padding: 10px 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 1px solid #e2e2e2
}

.ClassesArchive_classes__tfY8w .ClassesArchive_main__1XmCV main>span>p:last-child {
    display: flex;
    align-items: center;
    justify-content: center
}

.ClassesArchive_classes__tfY8w .ClassesArchive_main__1XmCV main>span>p:last-child>button {
    border: none;
    margin: 0 7px;
    background: none
}

.ClassesArchive_modal__1gTuh {
    z-index: 999
}

.ClassesArchive_modal__1gTuh>div {
    padding: 0
}

@media print {
    .ClassesArchive_main__1XmCV {
        zoom:.9}

    .ClassesArchive_main__1XmCV main {
        height: inherit!important
    }
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .ClassesArchive_students__3IEKh .ClassesArchive_main__1XmCV .ClassesArchive_tableListMobi__1v5Uo {
        height:600px;
        overflow: scroll
    }

    .ClassesArchive_students__3IEKh .ClassesArchive_main__1XmCV .ClassesArchive_tableListMobi__1v5Uo div>.ClassesArchive_rowOne__3Vnib {
        display: grid;
        grid-template-columns: .3fr 1.3fr .7fr;
        height: 30px
    }

    .ClassesArchive_students__3IEKh .ClassesArchive_main__1XmCV .ClassesArchive_tableListMobi__1v5Uo div>.ClassesArchive_rowOne__3Vnib p,.ClassesArchive_students__3IEKh .ClassesArchive_main__1XmCV .ClassesArchive_tableListMobi__1v5Uo div>.ClassesArchive_rowOne__3Vnib span {
        font-size: 12px;
        padding-left: 10px;
        display: flex;
        align-items: center;
        border-left: 1px solid #fff
    }

    .ClassesArchive_students__3IEKh .ClassesArchive_main__1XmCV .ClassesArchive_tableListMobi__1v5Uo div>.ClassesArchive_rowOne__3Vnib:first-child {
        background: #e3f2fd
    }

    .ClassesArchive_students__3IEKh .ClassesArchive_main__1XmCV .ClassesArchive_tableListMobi__1v5Uo div>.ClassesArchive_rowTwo__c8OG6 {
        display: grid;
        grid-template-columns: 1fr 1fr .8fr
    }

    .ClassesArchive_students__3IEKh .ClassesArchive_main__1XmCV .ClassesArchive_tableListMobi__1v5Uo div>.ClassesArchive_rowTwo__c8OG6 p,.ClassesArchive_students__3IEKh .ClassesArchive_main__1XmCV .ClassesArchive_tableListMobi__1v5Uo div>.ClassesArchive_rowTwo__c8OG6 span {
        font-size: 12px;
        padding-left: 10px;
        display: flex;
        align-items: center;
        border-left: 1px solid #fff;
        height: 30px
    }

    .ClassesArchive_students__3IEKh .ClassesArchive_main__1XmCV .ClassesArchive_tableListMobi__1v5Uo div>.ClassesArchive_rowTwo__c8OG6 p>button,.ClassesArchive_students__3IEKh .ClassesArchive_main__1XmCV .ClassesArchive_tableListMobi__1v5Uo div>.ClassesArchive_rowTwo__c8OG6 span>button {
        border: none;
        background: transparent
    }

    .ClassesArchive_students__3IEKh .ClassesArchive_main__1XmCV .ClassesArchive_tableListMobi__1v5Uo div>header.ClassesArchive_rowTwo__c8OG6 {
        background: #e2e2e2;
        height: 30px
    }

    .ClassesArchive_classes__tfY8w * {
        font-size: 12px!important
    }

    .ClassesArchive_classes__tfY8w .ClassesArchive_main__1XmCV .ClassesArchive_tableListMobi__1v5Uo {
        height: 600px;
        overflow: scroll
    }

    .ClassesArchive_classes__tfY8w .ClassesArchive_main__1XmCV .ClassesArchive_tableListMobi__1v5Uo div {
        width: 100%;
        overflow: scroll
    }

    .ClassesArchive_classes__tfY8w .ClassesArchive_main__1XmCV .ClassesArchive_tableListMobi__1v5Uo div>.ClassesArchive_rowOne__3Vnib {
        display: grid;
        grid-template-columns: 1fr 2fr;
        height: 30px
    }

    .ClassesArchive_classes__tfY8w .ClassesArchive_main__1XmCV .ClassesArchive_tableListMobi__1v5Uo div>.ClassesArchive_rowOne__3Vnib p,.ClassesArchive_classes__tfY8w .ClassesArchive_main__1XmCV .ClassesArchive_tableListMobi__1v5Uo div>.ClassesArchive_rowOne__3Vnib span {
        padding-left: 10px;
        display: flex;
        align-items: center;
        border-left: 1px solid #fff
    }

    .ClassesArchive_classes__tfY8w .ClassesArchive_main__1XmCV .ClassesArchive_tableListMobi__1v5Uo div>.ClassesArchive_rowOne__3Vnib:first-child {
        background: #e3f2fd
    }

    .ClassesArchive_classes__tfY8w .ClassesArchive_main__1XmCV .ClassesArchive_tableListMobi__1v5Uo div>.ClassesArchive_rowTwo__c8OG6 {
        display: grid;
        grid-template-columns: 1fr 1fr .8fr
    }

    .ClassesArchive_classes__tfY8w .ClassesArchive_main__1XmCV .ClassesArchive_tableListMobi__1v5Uo div>.ClassesArchive_rowTwo__c8OG6 p,.ClassesArchive_classes__tfY8w .ClassesArchive_main__1XmCV .ClassesArchive_tableListMobi__1v5Uo div>.ClassesArchive_rowTwo__c8OG6 span {
        padding-left: 10px;
        display: flex;
        align-items: center;
        border-left: 1px solid #fff;
        height: 30px
    }

    .ClassesArchive_classes__tfY8w .ClassesArchive_main__1XmCV .ClassesArchive_tableListMobi__1v5Uo div>header.ClassesArchive_rowTwo__c8OG6 {
        background: #e2e2e2;
        height: 30px
    }

    .ClassesArchive_classes__tfY8w .ClassesArchive_main__1XmCV .ClassesArchive_tableListMobi__1v5Uo div>.ClassesArchive_rowThree__1XCAW {
        display: grid;
        grid-template-columns: 1fr
    }

    .ClassesArchive_classes__tfY8w .ClassesArchive_main__1XmCV .ClassesArchive_tableListMobi__1v5Uo div>.ClassesArchive_rowThree__1XCAW>p>button {
        border: none;
        background: transparent;
        padding-left: 10px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: flex-start
    }

    .ClassesArchive_classes__tfY8w .ClassesArchive_main__1XmCV .ClassesArchive_tableListMobi__1v5Uo div>.ClassesArchive_rowThree__1XCAW>span {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0 15px;
        height: 30px;
        font-size: 12px
    }

    .ClassesArchive_classes__tfY8w .ClassesArchive_main__1XmCV .ClassesArchive_tableListMobi__1v5Uo div>header.ClassesArchive_rowThree__1XCAW {
        background: #e2e2e2;
        height: 30px
    }
}

.Controls_main__1VJ1V {
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 21px
}

.Controls_main__1VJ1V .Controls_left__18JXf>button {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #fff;
    background: #2979ff;
    border: none;
    height: 40px;
    border-radius: 25px;
    cursor: pointer;
    width: 170px
}

.Controls_main__1VJ1V .Controls_right__3XiNE {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.Controls_main__1VJ1V .Controls_right__3XiNE>span {
    padding-left: 10px
}

.Controls_main__1VJ1V .Controls_right__3XiNE>span>button {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #fff;
    background: #2979ff;
    border: none;
    height: 40px;
    border-radius: 25px;
    cursor: pointer;
    width: 40px;
    border-radius: 5px
}

.Controls_main__1VJ1V .Controls_classesStatusSelect__2UPwN {
    width: 199px;
    margin-right: 25px
}

.Controls_main__1VJ1V .Controls_classesStatusSelect__2UPwN>div {
    border-color: transparent;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 25px
}

.Controls_main__1VJ1V .Controls_classesStatusSelect__2UPwN>div p {
    text-align: center
}

.Controls_main__1VJ1V .Controls_classesSelect__M5QGq {
    width: 199px
}

.Controls_main__1VJ1V .Controls_classesSelect__M5QGq>div {
    border-color: transparent;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 25px
}

.Controls_main__1VJ1V .Controls_classesSelect__M5QGq>div p {
    text-align: center
}

.Controls_main__1VJ1V .Controls_classesDateSelect__AVcbD {
    width: 199px
}

.Controls_main__1VJ1V .Controls_classesDateSelect__AVcbD>div {
    border-color: transparent;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 25px
}

.Controls_main__1VJ1V .Controls_classesDateSelect__AVcbD>div p {
    text-align: center
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Controls_main__1VJ1V {
        flex-direction:column-reverse
    }

    .Controls_main__1VJ1V>div {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100vw
    }

    .Controls_main__1VJ1V .Controls_classesSelect__M5QGq {
        width: unset
    }
}

.FinalTableFooter_main__uFW9y {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr;
    max-height: 390px;
    overflow-y: scroll;
    overflow-x: hidden
}

.FinalTableFooter_main__uFW9y>span>ul {
    display: flex
}

.FinalTableFooter_main__uFW9y>span>ul:hover:after {
    background: #e3f2fd
}

.FinalTableFooter_main__uFW9y>span>ul:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 30px;
    z-index: -1
}

.FinalTableFooter_main__uFW9y>span>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    height: 30px;
    border-bottom: 1px solid #e3f2fd
}

.FinalTableFooter_main__uFW9y>span>ul>li:first-child {
    width: 30px
}

.FinalTableFooter_main__uFW9y>span>ul>li:nth-child(2) {
    width: 230px;
    padding-left: 12.5px;
    justify-content: flex-start
}

.FinalTableFooter_main__uFW9y>span>ul>li:nth-child(n+3) {
    width: 30px;
    border-left: 1px solid #e3f2fd
}

.FinalTableFooter_main__uFW9y>span>ul>li:last-child {
    border-right: 2px solid #e3f2fd
}

.FinalTableFooter_main__uFW9y>div {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none
}

.FinalTableFooter_main__uFW9y>div::-webkit-scrollbar {
    width: 0;
    height: 0
}

.FinalTableFooter_main__uFW9y>div>span {
    display: block;
    position: relative
}

.FinalTableFooter_main__uFW9y>div>span>ul {
    display: flex;
    border-bottom: 1px solid #e3f2fd
}

.FinalTableFooter_main__uFW9y>div>span>ul:hover:after {
    background: #e3f2fd
}

.FinalTableFooter_main__uFW9y>div>span>ul:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    left: -450px;
    height: 30px;
    z-index: -1
}

.FinalTableFooter_main__uFW9y>div>span>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 28.63px;
    border-right: 1px solid #e3f2fd;
    font-size: 14px
}

.FinalTableFooter_main__uFW9y>div>span>ul>li:hover:after {
    content: "";
    display: block;
    position: absolute;
    min-width: 30px;
    height: 100%;
    top: 0;
    bottom: 0;
    z-index: -1;
    background: #e3f2fd!important
}

@media print {
    .FinalTableFooter_main__uFW9y {
        max-height: inherit!important
    }
}

.FinalTableHeader_main__3Zkc5 {
    display: grid;
    grid-template-columns: auto 1fr
}

.FinalTableHeader_main__3Zkc5 .FinalTableHeader_finalScoreHeaderWithOutExam__3ELTK {
    display: grid;
    background-color: #bbdefb;
    grid-template-columns: 30px 229px 30px 30px 30px 30px 30px 30px 30px 30px
}

.FinalTableHeader_main__3Zkc5 .FinalTableHeader_finalScoreHeaderWithExam__2pTVC {
    display: grid;
    background-color: #bbdefb;
    grid-template-columns: 30px 229px 30px 30px 30px 30px 30px 30px 30px 30px 30px 30px
}

.FinalTableHeader_main__3Zkc5>ul {
    display: grid;
    background-color: #bbdefb
}

.FinalTableHeader_main__3Zkc5>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #e3f2fd;
    font-weight: 500;
    font-size: 14px
}

.FinalTableHeader_main__3Zkc5>ul>li:nth-child(n+3) {
    text-align: center;
    padding: 15px 0 15px 4px;
    border-right: 1px solid #e3f2fd;
    border-left: 1px solid #e3f2fd;
    font-weight: 400;
    font-size: 14px;
    line-height: 17.9px
}

.FinalTableHeader_main__3Zkc5>ul>li:nth-child(n+3) div {
    white-space: nowrap;
    transform: rotate(-90deg)
}

.FinalTableHeader_main__3Zkc5>ul>li:last-child {
    border-left: 1px solid #e3f2fd
}

.FinalTableHeader_main__3Zkc5>div {
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    margin-right: 17px;
    scrollbar-width: none
}

.FinalTableHeader_main__3Zkc5>div::-webkit-scrollbar {
    width: 0;
    height: 0
}

.FinalTableHeader_main__3Zkc5>div>nav {
    display: grid;
    grid-template-rows: 30px repeat(2,35px) minmax(30px,1fr);
    border-right: 1px solid #e3f2fd;
    background-color: #bbdefb
}

.FinalTableHeader_main__3Zkc5>div>nav:last-child {
    border-right: none
}

.FinalTableHeader_main__3Zkc5>div>nav>li {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px
}

.FinalTableHeader_main__3Zkc5>div>nav>ul {
    border-top: 1px solid #e3f2fd;
    display: flex
}

.FinalTableHeader_main__3Zkc5>div>nav>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    font-size: 12px;
    border-right: 1px solid #e3f2fd
}

.FinalTableHeader_main__3Zkc5>div>nav>ul>li:last-child {
    border-right: none
}

.FinalTableHeader_modal__2_e0U {
    margin-top: 90px;
    background: none;
    align-items: start!important
}

.FinalTableHeader_modal__2_e0U>div {
    margin-top: 30px;
    background: #bbdefb;
    border-radius: 5px;
    padding: 35px 25px
}

.Modal_main__J_I_m>div {
    margin-top: 12px
}

.Modal_main__J_I_m>div .Modal_descriptionJournalModal__ysypP {
    padding: 3px 2px;
    border: 2px solid #fff;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.25))
}

.Modal_main__J_I_m>div .Modal_descriptionJournalModal__ysypP>div {
    background: #fff;
    height: 41px;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0,0,0,.25)
}

.Modal_main__J_I_m>div>p {
    margin-bottom: 4px
}

.Modal_main__J_I_m>div>span {
    display: block;
    padding: 3px 2px;
    border: 2px solid #fff;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.25))
}

.Modal_main__J_I_m>div>span input,.Modal_main__J_I_m>div>span textarea {
    width: 100%;
    height: 40px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,.25);
    outline: none
}

.Modal_main__J_I_m>div:nth-child(2) {
    position: relative;
    z-index: 1
}

.ClassesArchiveJournal_c__12MxE {
    display: flex;
    flex-direction: row;
    margin-left: -50px;
    align-items: center
}

.ClassesArchiveJournal_c__12MxE>button {
    margin-right: 10px;
    margin-left: 0
}

.ClassesArchiveJournal_center__1trsa {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 300px
}

.ClassesArchiveJournal_main__2SG0L>header {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    margin-bottom: 20px
}

.ClassesArchiveJournal_main__2SG0L>header>p {
    display: flex;
    grid-gap: 10px
}

.ClassesArchiveJournal_main__2SG0L>header>div {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 20px
}

.ClassesArchiveJournal_main__2SG0L>header>div>div {
    grid-gap: 20px
}

.ClassesArchiveJournal_main__2SG0L>header>div>div>div {
    border: none;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 25px
}

.ClassesArchiveJournal_main__2SG0L>header>div>div>div>p {
    color: #000
}

.ClassesArchiveJournal_main__2SG0L .ClassesArchiveJournal_table__puufy>header {
    grid-template-columns: 60px 1fr 1fr auto
}

.ClassesArchiveJournal_main__2SG0L .ClassesArchiveJournal_tableList__2CTiq {
    height: 520px;
    overflow: auto
}

.ClassesArchiveJournal_main__2SG0L .ClassesArchiveJournal_tableList__2CTiq>div>div {
    display: grid;
    grid-template-columns: 60px 1fr 1fr auto auto;
    border-bottom: 1px solid #e2e2e2
}

.ClassesArchiveJournal_main__2SG0L .ClassesArchiveJournal_tableList__2CTiq>div>div>p {
    padding: 10px 20px;
    width: 100%
}

.ClassesArchiveJournal_main__2SG0L .ClassesArchiveJournal_subjectSelect__1_ZjL {
    width: 200px
}

.ClassesArchiveJournal_main__2SG0L .ClassesArchiveJournal_subjectSelect__1_ZjL>div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ClassesArchiveJournal_main__2SG0L .ClassesArchiveJournal_scroll__N29CG {
    display: grid;
    grid-template-columns: 319px 1fr;
    margin-right: 17px
}

.ClassesArchiveJournal_main__2SG0L .ClassesArchiveJournal_scroll__N29CG ::-webkit-scrollbar {
    height: 8px
}

.ClassesArchiveJournal_main__2SG0L .ClassesArchiveJournal_scroll__N29CG>span {
    display: flex;
    grid-gap: 1px;
    overflow-y: hidden;
    overflow-x: auto
}

.ClassesArchiveJournal_main__2SG0L .ClassesArchiveJournal_scroll__N29CG>span li {
    min-width: 30px;
    height: 1px
}

.ClassesArchiveJournal_select__2-O3J {
    min-width: 200px
}

.ClassesArchiveJournal_disabledSelect__38Qvg {
    width: 200px;
    visibility: hidden
}

.ClassesArchiveJournal_disabledSelect__38Qvg:before {
    content: "";
    display: block;
    width: 100%;
    border-radius: 4px;
    position: absolute;
    height: 100%;
    background-color: #e9e9e9!important
}

.ClassesArchiveJournal_disabledSelect__38Qvg>div>p {
    color: #999!important;
    z-index: 99
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .ClassesArchiveJournal_c__12MxE {
        margin-left:inherit;
        justify-content: space-between
    }

    .ClassesArchiveJournal_center__1trsa *,.ClassesArchiveJournal_main__2SG0L * {
        font-size: 12px!important
    }

    .ClassesArchiveJournal_main__2SG0L>header {
        display: flex;
        flex-direction: column
    }

    .ClassesArchiveJournal_main__2SG0L>header>p {
        justify-content: flex-end;
        align-items: center;
        width: 100%;
        height: 30px
    }

    .ClassesArchiveJournal_main__2SG0L>header>div {
        grid-template-columns: 1fr 1fr;
        width: 100%
    }

    .ClassesArchiveJournal_main__2SG0L>section {
        width: 100vw;
        overflow: scroll
    }

    .ClassesArchiveJournal_main__2SG0L .ClassesArchiveJournal_subjectSelect__1_ZjL {
        width: 100%
    }
}

@media print {
    .ClassesArchiveJournal_main__2SG0L {
        display: none!important
    }
}

.ant-table-cell .printAntTable {
    padding: 5px 14px!important;
    border: 1px solid #9d9d9d!important
}

.ant-table-wrapper .ant-table .ant-table-header {
    margin-bottom: -20px!important
}

.SheduleJournal_main__2C6mO {
    width: 100%;
    grid-row-gap: 30px;
    row-gap: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 50px
}

.SheduleJournal_main__2C6mO>p:first-child {
    font-size: 26px
}

.SheduleJournal_main__2C6mO>div {
    width: 100%
}

.SheduleJournal_main__2C6mO>div>.SheduleJournal_box__2bp3Q {
    width: 100%;
    min-height: 100px;
    border: 1px solid #9d9d9d;
    display: grid;
    grid-template-columns: repeat(7,minmax(0,1fr))
}

.SheduleJournal_main__2C6mO>div>.SheduleJournal_box__2bp3Q>div:not(:nth-child(2)),.SheduleJournal_main__2C6mO>div>.SheduleJournal_box__2bp3Q div:not(:nth-child(3)),.SheduleJournal_main__2C6mO>div>.SheduleJournal_box__2bp3Q div:not(:nth-child(4)),.SheduleJournal_main__2C6mO>div>.SheduleJournal_box__2bp3Q div:not(:nth-child(5)),.SheduleJournal_main__2C6mO>div>.SheduleJournal_box__2bp3Q div:not(:nth-child(6)),.SheduleJournal_main__2C6mO>div>.SheduleJournal_box__2bp3Q div:not(:nth-child(7)),.SheduleJournal_main__2C6mO>div>.SheduleJournal_box__2bp3Q div:not(:nth-child(8)) {
    width: 100%;
    grid-row: span 2;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #9d9d9d;
    font-size: 14px;
    font-weight: 400;
    height: 100%;
    text-align: center
}

.SheduleJournal_main__2C6mO>div>.SheduleJournal_box__2bp3Q>div:nth-child(2) {
    grid-row: span 1;
    grid-column: span 6;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 400;
    height: 100%
}

.SheduleJournal_main__2C6mO>div>.SheduleJournal_box__2bp3Q>div:nth-child(3),.SheduleJournal_main__2C6mO>div>.SheduleJournal_box__2bp3Q div:nth-child(4),.SheduleJournal_main__2C6mO>div>.SheduleJournal_box__2bp3Q div:nth-child(5),.SheduleJournal_main__2C6mO>div>.SheduleJournal_box__2bp3Q div:nth-child(6),.SheduleJournal_main__2C6mO>div>.SheduleJournal_box__2bp3Q div:nth-child(7),.SheduleJournal_main__2C6mO>div>.SheduleJournal_box__2bp3Q div:nth-child(8) {
    grid-row: span 1;
    grid-column: span 1;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.SheduleJournal_main__2C6mO>div>.SheduleJournal_box2__19KD5 {
    display: grid;
    grid-template-columns: 1fr 6fr;
    width: 100%;
    min-height: 100px;
    border: 1px solid #9d9d9d
}

.SheduleJournal_main__2C6mO>div>.SheduleJournal_box2__19KD5>div:first-child {
    width: 100%;
    display: grid;
    height: 100%;
    grid-template-rows: repeat(12,75px)
}

.SheduleJournal_main__2C6mO>div>.SheduleJournal_box2__19KD5>div:first-child>div {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid #9d9d9d;
    font-size: 14px;
    font-weight: 400
}

.SheduleJournal_main__2C6mO>div>.SheduleJournal_box2__19KD5>div:nth-child(2) {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(6,minmax(0,1fr))
}

.SheduleJournal_main__2C6mO>div>.SheduleJournal_box2__19KD5>div:nth-child(2)>div {
    width: 100%;
    height: 100%;
    grid-template-rows: repeat(12,75px);
    display: grid
}

.SheduleJournal_main__2C6mO>div>.SheduleJournal_box2__19KD5>div:nth-child(2)>div>div {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid #9d9d9d;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    height: 100%
}

.ant-table .ant-table-small {
    margin-block:0!important;margin-inline:0!important}

.ant-table-cell .antdTableSheet {
    border: 1px solid #9d9d9d!important
}

.antdColoredHeaderT .ant-table-cell {
    padding: 14px!important
}

.antdColoredHeaderT .ant-table-thead>tr>th {
    background-color: #bbdefb
}

@media print {
    body {
        padding: 0;
        box-sizing: border-box;
        width: 1050px
    }
}

.ant-table-cell {
    padding: 5px!important
}

.ClassesCabinets_main__1WdRR {
    height: 100%
}

.ClassesCabinets_main__1WdRR .ClassesCabinets_table__1Pvz1 {
    width: 900px;
    margin-top: 20px
}

.ClassesCabinets_main__1WdRR .ClassesCabinets_table__1Pvz1>header {
    grid-template-columns: 60px 330px 260px 140px 120px
}

.ClassesCabinets_main__1WdRR .ClassesCabinets_table__1Pvz1>header>span:last-child {
    padding-left: 17px;
    justify-content: start
}

.ClassesCabinets_main__1WdRR .ClassesCabinets_tableList__26eY6 {
    height: 520px;
    overflow-y: auto
}

.ClassesCabinets_main__1WdRR .ClassesCabinets_tableList__26eY6>div>div {
    display: grid;
    grid-template-columns: 60px 330px 260px 140px auto;
    border-bottom: 1px solid #e2e2e2
}

.ClassesCabinets_main__1WdRR .ClassesCabinets_tableList__26eY6>div>div:hover {
    border-bottom: 1px solid #2962ff;
    background: hsla(0,0%,97.3%,.61);
    cursor: pointer
}

.ClassesCabinets_main__1WdRR .ClassesCabinets_tableList__26eY6>div>div:hover p,.ClassesCabinets_main__1WdRR .ClassesCabinets_tableList__26eY6>div>div:hover p span,.ClassesCabinets_main__1WdRR .ClassesCabinets_tableList__26eY6>div>div:hover span,.ClassesCabinets_main__1WdRR .ClassesCabinets_tableList__26eY6>div>div:hover span span {
    color: #2962ff
}

.ClassesCabinets_main__1WdRR .ClassesCabinets_tableList__26eY6>div>div:hover>p>svg {
    fill: #2962ff
}

.ClassesCabinets_main__1WdRR .ClassesCabinets_tableList__26eY6>div>div>p {
    padding: 10px 10px 10px 20px;
    pointer-events: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ClassesCabinets_main__1WdRR .ClassesCabinets_tableList__26eY6>div>div>span {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0 15px
}

.ClassesCabinets_main__1WdRR .ClassesCabinets_tableList__26eY6>div>div>span>button {
    border: none;
    display: inline-block;
    background: transparent;
    cursor: pointer
}

@media print {
    .ClassesCabinets_main__1WdRR .ClassesCabinets_tableList__26eY6 {
        height: inherit!important
    }
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .ClassesCabinets_main__1WdRR {
        margin:20px 0
    }

    .ClassesCabinets_main__1WdRR .ClassesCabinets_tableListMobi__3EXg3 {
        width: 100vw;
        display: flex;
        flex-direction: column;
        height: 550px;
        overflow: scroll;
        align-items: center;
        margin: auto
    }

    .ClassesCabinets_main__1WdRR .ClassesCabinets_tableListMobi__3EXg3 div {
        width: 100%
    }

    .ClassesCabinets_main__1WdRR .ClassesCabinets_tableListMobi__3EXg3 div>.ClassesCabinets_rowOne__12QaA {
        min-height: 30px;
        display: grid;
        grid-template-columns: 1fr 1fr
    }

    .ClassesCabinets_main__1WdRR .ClassesCabinets_tableListMobi__3EXg3 div>.ClassesCabinets_rowOne__12QaA p,.ClassesCabinets_main__1WdRR .ClassesCabinets_tableListMobi__3EXg3 div>.ClassesCabinets_rowOne__12QaA span {
        font-size: 12px;
        padding-left: 10px;
        display: flex;
        align-items: center;
        border-left: 1px solid #fff
    }

    .ClassesCabinets_main__1WdRR .ClassesCabinets_tableListMobi__3EXg3 div>.ClassesCabinets_rowOne__12QaA:first-child {
        background: #e3f2fd
    }

    .ClassesCabinets_main__1WdRR .ClassesCabinets_tableListMobi__3EXg3 div>.ClassesCabinets_rowTwo__8tuSo {
        min-height: 30px;
        display: grid;
        grid-template-columns: 1fr 1fr
    }

    .ClassesCabinets_main__1WdRR .ClassesCabinets_tableListMobi__3EXg3 div>.ClassesCabinets_rowTwo__8tuSo p,.ClassesCabinets_main__1WdRR .ClassesCabinets_tableListMobi__3EXg3 div>.ClassesCabinets_rowTwo__8tuSo span {
        font-size: 12px;
        padding-left: 10px;
        display: flex;
        align-items: center;
        border-left: 1px solid #fff
    }

    .ClassesCabinets_main__1WdRR .ClassesCabinets_tableListMobi__3EXg3 div>.ClassesCabinets_rowTwo__8tuSo>span>button {
        border: none;
        background: transparent
    }

    .ClassesCabinets_main__1WdRR .ClassesCabinets_tableListMobi__3EXg3 div>.ClassesCabinets_rowTwo__8tuSo>span>button:not(:first-child) {
        padding-left: 10px
    }

    .ClassesCabinets_main__1WdRR .ClassesCabinets_tableListMobi__3EXg3 div>.ClassesCabinets_rowTwo__8tuSo>span>button>svg {
        font-size: 22px
    }

    .ClassesCabinets_main__1WdRR .ClassesCabinets_tableListMobi__3EXg3 div>.ClassesCabinets_rowTwo__8tuSo>span>button>svg>circle,.ClassesCabinets_main__1WdRR .ClassesCabinets_tableListMobi__3EXg3 div>.ClassesCabinets_rowTwo__8tuSo>span>button>svg>path,.ClassesCabinets_main__1WdRR .ClassesCabinets_tableListMobi__3EXg3 div>.ClassesCabinets_rowTwo__8tuSo>span>button>svg>rect {
        color: #a3a3a3
    }

    .ClassesCabinets_main__1WdRR .ClassesCabinets_tableListMobi__3EXg3 div>.ClassesCabinets_rowTwo__8tuSo>span>.ClassesCabinets_opacityButton__7RMUX {
        opacity: .5
    }

    .ClassesCabinets_main__1WdRR .ClassesCabinets_tableListMobi__3EXg3 div>header.ClassesCabinets_rowTwo__8tuSo {
        background: #e2e2e2
    }
}

.CreateCabinet_main__LTIHl {
    width: 650px;
    position: relative;
    box-shadow: 4px 4px 40px -6px #d0d0d0;
    padding: 25px 35px;
    background: #fff;
    pointer-events: none;
    border-radius: 20px
}

.CreateCabinet_main__LTIHl>header {
    z-index: 2
}

.CreateCabinet_main__LTIHl>header>h1 {
    color: #2962ff;
    font-size: 22px
}

.CreateCabinet_main__LTIHl>main {
    margin-top: 43px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-column-gap: 45px;
    grid-row-gap: 20px
}

.CreateCabinet_main__LTIHl>main:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.CreateCabinet_main__LTIHl>main>div>h1 {
    font-size: 14px;
    color: grey;
    margin-bottom: 5px;
    margin-left: 20px
}

.CreateCabinet_main__LTIHl>main>div>div>div>div>div:first-child {
    padding-left: 17px
}

.CreateCabinet_main__LTIHl>main>div>div>div>div>div:first-child>div {
    max-width: calc(100% - 20px)
}

.CreateCabinet_main__LTIHl>main>div>div>div>input {
    padding-left: 20px
}

.CreateCabinet_main__LTIHl>main>div>i {
    display: block;
    height: 40px;
    border-radius: 5px;
    position: relative;
    background-color: #e7edf1;
    overflow: hidden
}

.CreateCabinet_main__LTIHl>main>div>i:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: CreateCabinet_loading__BtHgl 1.5s infinite
}

@keyframes CreateCabinet_loading__BtHgl {
    to {
        transform: translateX(100%)
    }
}

.School_container__36sWJ {
    max-width: 1300px;
    display: block;
    padding: 30px;
    height: 100%;
    margin: 0 auto
}

.School_main__18hTd {
    width: 1000px;
    margin-top: 10px;
    display: grid;
    grid-template-columns: 240px 1fr
}

.School_main__18hTd>section {
    display: grid
}

.School_main__18hTd>section>span {
    margin-bottom: 40px
}

.School_main__18hTd>section>span>label {
    background: no-repeat 50%/cover;
    display: block;
    width: 220px;
    height: 185px;
    margin-bottom: 15px;
    position: relative;
    border-radius: 23px
}

.School_main__18hTd>section>span>label:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: transparent;
    z-index: 2;
    transition: all .3s ease-in-out
}

.School_main__18hTd>section>span>p {
    text-align: center;
    font-size: 18px;
    line-height: 160%;
    letter-spacing: .15px;
    color: #777776
}

.School_main__18hTd>main {
    padding: 0 105px
}

.School_main__18hTd>main>div>hr {
    width: 400px
}

.School_main__18hTd>main>div>h2 {
    font-size: 18px;
    line-height: 160%;
    letter-spacing: .15px;
    color: #777776;
    padding-bottom: 15px
}

.School_main__18hTd>main>div>textarea {
    resize: none;
    width: 650px;
    height: 190px;
    overflow: auto;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    font-size: 18px;
    line-height: 160%;
    color: #777776;
    padding: 5px;
    margin-top: 15px
}

.School_main__18hTd>main>div>textarea:disabled {
    background-color: initial
}

.School_main__18hTd>main>div:nth-child(2) {
    display: grid;
    grid-template-columns: auto 1fr;
    margin-top: 30px;
    margin-bottom: 25px
}

.School_main__18hTd>main>div:nth-child(2)>span {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

.School_main__18hTd>main>div:nth-child(2)>span>img:first-child,.School_main__18hTd>main>div:nth-child(2)>span>img:nth-child(2),.School_main__18hTd>main>div:nth-child(2)>span>img:nth-child(3),.School_main__18hTd>main>div:nth-child(2)>span>img:nth-child(4) {
    width: 35px
}

.School_main__18hTd>main>div>section {
    width: 550px;
    display: grid;
    grid-template-rows: repeat(4,auto);
    grid-gap: 10px;
    padding-left: 25px;
    place-items: center
}

.School_address__27CF5>div {
    grid-template-columns: minmax(110px,140px) 350px;
    border: none
}

.School_address__27CF5>div>input {
    color: #000
}

.School_address__27CF5>div>label {
    min-width: 90px;
    color: #999;
    border: none;
    justify-content: start;
    font-weight: 400
}

.School_phoneNumber__13kwk>div {
    border: none
}

.School_phoneNumber__13kwk>div>input {
    margin-left: 110px;
    color: #000
}

.School_phoneNumber__13kwk>div>label {
    width: 190px;
    border: none;
    color: #999;
    justify-content: start;
    font-weight: 400
}

.School_inputDisabled__KPPNo>div {
    grid-template-columns: 110px 440px!important
}

.School_inputDisabled__KPPNo>div>label {
    width: 110px
}

.School_inputDisabled__KPPNo>div>input {
    color: #000
}

.School_isDisabled__2oijE>div {
    grid-template-columns: 190px 350px!important
}

.School_isDisabled__2oijE>div>label {
    width: 190px
}

.School_isDisabled__2oijE>div>input {
    color: #000
}

.School_navbarComponents__3M6HT {
    min-width: 238px
}

.School_navbarComponents__3M6HT:first-child {
    min-width: 208px
}

.Statistics_navbarComponents__KvrxM {
    min-width: 238px!important;
    margin-top: 10px
}

.Statistics_navbarComponents__KvrxM:first-child {
    min-width: 208px!important
}

.AcademicYear_main__36xL6>header {
    text-align: center;
    margin: 20px 0
}

.AcademicYear_main__36xL6 .AcademicYear_disabled__2h2js {
    pointer-events: none!important;
    background-color: #e5e5e5
}

.AcademicYear_main__36xL6 .AcademicYear_disabled__2h2js>div {
    pointer-events: none!important
}

.AcademicYear_main__36xL6>section {
    display: flex;
    justify-content: space-between
}

.AcademicYear_main__36xL6>section>article {
    display: flex
}

.AcademicYear_main__36xL6>section>article>div {
    margin-right: 20px;
    width: 200px;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 25px
}

.AcademicYear_main__36xL6>section>article>div>div {
    border: none
}

.AllSchool_table__1pB4S {
    width: 1230px;
    border: 1px solid #bbdefb;
    margin: 50px auto
}

.AllSchool_table__1pB4S .AllSchool_t__1WwSB {
    font-size: 16px;
    font-weight: 400;
    height: 40px;
    background: #5fb3fb;
    display: flex;
    align-items: center;
    justify-content: center
}

.AllSchool_table__1pB4S .AllSchool_total__1bmo0 {
    font-size: 14px;
    display: grid;
    grid-template-columns: repeat(15,1fr);
    background: #5fb3fb
}

.AllSchool_table__1pB4S .AllSchool_total__1bmo0>li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    list-style-type: none;
    text-align: center;
    width: 1fr
}

.AllSchool_table__1pB4S .AllSchool_total__1bmo0>li:first-child {
    width: 108px
}

.AllSchool_table__1pB4S .AllSchool_total__1bmo0>li:nth-child(2) {
    width: 141px
}

.AllSchool_table__1pB4S .AllSchool_total__1bmo0>li:nth-child(13) {
    width: 114px
}

.AllSchool_table__1pB4S .AllSchool_total__1bmo0>li:nth-child(14) {
    width: 91px
}

.AllSchool_table__1pB4S .AllSchool_total__1bmo0>li:nth-child(15) {
    width: 92px
}

.AllSchool_selectorContainer__24lAl {
    display: flex;
    justify-content: flex-end;
    width: 1100px;
    margin: auto
}

.AllSchool_selectorContainer__24lAl .AllSchool_staffSelect__3A671 {
    width: 260px;
    margin-left: 30px
}

.AllSchool_selectorContainer__24lAl .AllSchool_staffSelect__3A671>div {
    border-color: transparent;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 20px
}

.AllSchool_selectorContainer__24lAl .AllSchool_staffSelect__3A671>div p {
    text-align: center
}

.AllSchool_region__2GrPD {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 16px
}

.AllSchool_region__2GrPD>span {
    height: 40px;
    background: #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400
}

.AllSchool_region__2GrPD .AllSchool_classes__3vBbO {
    display: flex;
    flex-direction: column
}

.AllSchool_region__2GrPD .AllSchool_classes__3vBbO>span {
    height: 40px;
    color: #0d36a6;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400
}

.AllSchool_region__2GrPD .AllSchool_classes__3vBbO>header {
    font-size: 14px;
    display: grid;
    grid-template-columns: 250px 680px auto;
    background: #bbdefb
}

.AllSchool_region__2GrPD .AllSchool_classes__3vBbO>header>ul:first-child {
    display: flex
}

.AllSchool_region__2GrPD .AllSchool_classes__3vBbO>header>ul:first-child>li {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    border-right: 1px solid #fff
}

.AllSchool_region__2GrPD .AllSchool_classes__3vBbO>header>ul:nth-child(2) {
    display: grid;
    grid-template-rows: 50px 60px;
    align-items: center
}

.AllSchool_region__2GrPD .AllSchool_classes__3vBbO>header>ul:nth-child(2)>span {
    text-align: center
}

.AllSchool_region__2GrPD .AllSchool_classes__3vBbO>header>ul:nth-child(2)>span:last-child {
    display: grid;
    grid-template-columns: repeat(10,1fr);
    border-top: 1px solid #fff
}

.AllSchool_region__2GrPD .AllSchool_classes__3vBbO>header>ul:nth-child(2)>span:last-child>li {
    border-right: 1px solid #fff;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center
}

.AllSchool_region__2GrPD .AllSchool_classes__3vBbO>header>ul:nth-child(2)>span:last-child>li:last-child {
    border-right: none
}

.AllSchool_region__2GrPD .AllSchool_classes__3vBbO>header>ul:nth-child(3) {
    display: flex;
    border-left: 1px solid #fff
}

.AllSchool_region__2GrPD .AllSchool_classes__3vBbO>header>ul:nth-child(3)>li {
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #fff;
    text-align: center
}

.AllSchool_region__2GrPD .AllSchool_classes__3vBbO>header>ul:nth-child(3)>li:nth-child(2) {
    width: 93px
}

.AllSchool_region__2GrPD .AllSchool_classes__3vBbO>header>ul:nth-child(3)>li:last-child {
    border-right: none
}

.AllSchool_region__2GrPD .AllSchool_classes__3vBbO>main {
    font-size: 14px;
    text-decoration: none
}

.AllSchool_region__2GrPD .AllSchool_classes__3vBbO>main>ul {
    display: grid;
    grid-template-columns: repeat(15,1fr)
}

.AllSchool_region__2GrPD .AllSchool_classes__3vBbO>main>ul>li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    list-style-type: none;
    text-align: center;
    border: 1px solid #bbdefb
}

.AllSchool_region__2GrPD .AllSchool_classes__3vBbO>main>ul>li:first-child {
    width: 108px
}

.AllSchool_region__2GrPD .AllSchool_classes__3vBbO>main>ul>li:nth-child(2) {
    width: 141px
}

.AllSchool_region__2GrPD .AllSchool_classes__3vBbO>main>ul>li:nth-child(13) {
    width: 114px
}

.AllSchool_region__2GrPD .AllSchool_classes__3vBbO>main>ul>li:nth-child(14) {
    width: 91px
}

.AllSchool_region__2GrPD .AllSchool_classes__3vBbO>main>ul>li:nth-child(15) {
    width: 92px
}

.AllSchool_total__1bmo0 {
    font-size: 14px;
    display: grid;
    grid-template-columns: repeat(14,1fr);
    background: #70ccfa
}

.AllSchool_total__1bmo0>li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    list-style-type: none;
    text-align: center
}

.AllSchool_total__1bmo0>li:first-child {
    width: 248px;
    display: flex;
    justify-content: flex-end
}

.AllSchool_total__1bmo0>li:first-child>span {
    padding-right: 30px
}

.AllSchool_total__1bmo0>li:nth-child(12) {
    width: 110px
}

.AllSchool_total__1bmo0>li:nth-child(13) {
    width: 93px
}

.AllSchool_total__1bmo0>li:nth-child(14) {
    width: 90px
}

.MainTable_main__2mQ6- {
    overflow-y: auto;
    width: 100%;
    position: relative
}

.MainTable_main__2mQ6- thead {
    background-color: #bbdefb;
    overflow-x: auto;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    padding: 10px
}

.MainTable_main__2mQ6- th {
    height: 50px
}

.MainTable_main__2mQ6- td {
    text-align: center;
    border: 1px solid #bbdefb;
    height: 40px
}

.AgeComposition_title__1Mlxv {
    margin: 20px auto
}

.AgeComposition_title__1Mlxv,.NationalTeam_title__2mitI {
    text-align: center;
    font-size: 16px;
    letter-spacing: .4px;
    line-height: 22px
}

.NationalTeam_title__2mitI {
    margin: 20px 0
}

.NationalTeam_tableSticky__2nfMf>thead>tr>td,.NationalTeam_tableSticky__2nfMf>thead>tr>th {
    background: #bbdefb;
    top: 0;
    position: -webkit-sticky;
    position: sticky;
    height: 60px;
    border: 1px solid #fff
}

.NationalTeam_tableHeight__2bsJj {
    height: 550px;
    display: block;
    overflow: scroll;
    width: 100%;
    position: relative
}

.NationalTeam_tableBordered__FGqlB>thead>tr>th .NationalTeam_tableBordered__FGqlB>tbody>tr>th .NationalTeam_tableBordered__FGqlB>thead>tr>td .NationalTeam_tableBordered__FGqlB>tbody>tr>td {
    padding: 0 5;
    text-align: center;
    border: 1px solid #bbdefb
}

.Residence_title__ICg9r {
    text-align: center;
    font-size: 16px;
    letter-spacing: .4px;
    line-height: 22px;
    margin: 20px auto
}

.Residence_tableSticky__1VfRc>thead>tr>td,.Residence_tableSticky__1VfRc>thead>tr>th {
    background: #bbdefb;
    top: 0;
    position: -webkit-sticky;
    position: sticky;
    z-index: 1
}

.Residence_tableHeight__1gwAQ {
    height: 700px;
    display: block;
    overflow: scroll;
    width: 100%;
    position: relative
}

.Residence_tableBordered__E4YAe>tbody>tr>td,.Residence_tableBordered__E4YAe>tbody>tr>th,.Residence_tableBordered__E4YAe>thead>tr>td,.Residence_tableBordered__E4YAe>thead>tr>th {
    padding: 0 5px;
    text-align: center;
    border: 1px solid #bbdefb
}

.Residence_total__3Ke20 {
    background: #70ccfa
}

.Rating_main__2MSoO {
    margin-top: 20px
}

.Rating_main__2MSoO>h4 {
    text-align: center;
    margin-bottom: 20px
}

.Rating_main__2MSoO>header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.Rating_main__2MSoO>header>div {
    display: flex;
    grid-gap: 20px
}

.Rating_main__2MSoO>header>div>div {
    width: 190px
}

.Rating_main__2MSoO>header .Rating_select__2-nDU>div {
    border: none;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 25px
}

.Rating_main__2MSoO .Rating_table__1cMZF {
    margin-top: 16px
}

.Rating_main__2MSoO .Rating_table__1cMZF>header {
    display: grid;
    grid-template-columns: 40px 337px repeat(6,1fr)
}

.Rating_main__2MSoO .Rating_table__1cMZF>header>span:first-child {
    padding-left: 10px;
    text-align: center
}

.Rating_main__2MSoO .Rating_table__1cMZF>header>span:last-child {
    justify-content: left;
    padding-left: 15px
}

.Rating_main__2MSoO .Rating_table__1cMZF>footer>main {
    height: 420px;
    overflow: auto
}

.Rating_main__2MSoO .Rating_table__1cMZF>footer>main>ul {
    display: grid;
    grid-template-columns: 40px 337px repeat(6,1fr)
}

.Rating_main__2MSoO .Rating_table__1cMZF>footer>main>ul>li {
    padding: 10px 10px 10px 20px;
    border-bottom: 1px solid #e2e2e2
}

.Rating_main__2MSoO .Rating_table__1cMZF>footer>main>ul>li:nth-child(n+3):nth-child(2n) {
    color: #999
}

.FormTM_main__3kH3k>h3 {
    text-align: center;
    margin: 20px 0
}

.FormTM_main__3kH3k>header {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    grid-template-rows: 1fr
}

.FormTM_main__3kH3k>header>ul {
    grid-template-rows: 155px;
    background-color: #bbdefb
}

.FormTM_main__3kH3k>header>ul:first-child {
    display: grid;
    grid-template-columns: repeat(4,1fr)
}

.FormTM_main__3kH3k>header>ul:nth-child(2) {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.FormTM_main__3kH3k>header>ul:nth-child(2)>section {
    display: grid;
    grid-template-rows: 40px auto
}

.FormTM_main__3kH3k>header>ul:nth-child(2)>section>span:first-child {
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.FormTM_main__3kH3k>header>ul:nth-child(2)>section>span:last-child {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    display: grid;
    grid-template-rows: repeat(5,1fr)
}

.FormTM_main__3kH3k>header>ul:nth-child(2)>section>span:last-child>li {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-right: 1px solid #fff
}

.FormTM_main__3kH3k>header>ul:nth-child(2)>section:last-child>span:last-child {
    display: grid;
    grid-template-rows: repeat(5,1fr)
}

.FormTM_main__3kH3k>header>ul:last-child {
    display: grid;
    grid-template-columns: repeat(6,1fr)
}

.FormTM_main__3kH3k>header>ul:last-child>li {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    text-align: center
}

.FormTM_main__3kH3k>header>ul>li {
    display: grid;
    place-items: center;
    border-right: 1px solid #fff
}

.FormTM_main__3kH3k>header>ul>li:nth-child(n+2):nth-child(-n+16) {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    text-align: center
}

.FormTM_main__3kH3k>header>ul>li:nth-child(17) {
    border-left: 1px solid #fff
}

.FormTM_main__3kH3k>main {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr
}

.FormTM_main__3kH3k>main>ul:first-child {
    display: grid;
    grid-template-columns: repeat(4,1fr)
}

.FormTM_main__3kH3k>main>ul:nth-child(2) {
    display: grid;
    grid-template-columns: repeat(2,1fr)
}

.FormTM_main__3kH3k>main>ul:nth-child(2)>span {
    display: grid;
    grid-template-columns: repeat(5,1fr)
}

.FormTM_main__3kH3k>main>ul:nth-child(2)>span>li,.FormTM_main__3kH3k>main>ul>li {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb
}

.FormTM_main__3kH3k>main>ul:last-child {
    display: grid;
    grid-template-columns: 1fr 2fr
}

.FormTM_main__3kH3k>main>ul:last-child>span:first-child {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.FormTM_main__3kH3k>main>ul:last-child>span:first-child>li {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb
}

.FormTM_main__3kH3k>main>ul:last-child>span:last-child {
    display: grid;
    grid-template-columns: repeat(4,1fr)
}

.FormTM_main__3kH3k>main>ul:last-child>span:last-child>li {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb
}

.School2_container__3FkMy {
    max-width: 1300px;
    display: block;
    padding: 30px;
    height: 100%;
    margin: 0 auto
}

.School2_container__3FkMy>div {
    margin-bottom: 269.51px
}

.School2_container__3FkMy>div>div>div {
    display: flex;
    justify-content: flex-end;
    padding-right: 225px
}

.School2_container__3FkMy>div>div>div:last-child {
    justify-content: start;
    padding-right: 145px
}

.School2_main__2Xyu5 {
    margin-top: 10px;
    display: grid;
    grid-template-columns: 240px 1fr;
    grid-gap: 50px
}

.School2_main__2Xyu5>section {
    display: grid
}

.School2_main__2Xyu5>section>span>label {
    background: no-repeat 50%/cover;
    display: block;
    width: 280px;
    height: 200px;
    margin-bottom: 15px;
    position: relative
}

.School2_main__2Xyu5>section>span>label:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: transparent;
    z-index: 2;
    transition: all .3s ease-in-out
}

.School2_main__2Xyu5>section>span>p {
    text-align: center;
    font-size: 18px;
    line-height: 160%;
    letter-spacing: .15px;
    color: #777776
}

.School2_main__2Xyu5>main {
    padding: 70px 30px 0
}

.School2_main__2Xyu5>main>div>h2 {
    font-size: 18px;
    line-height: 160%;
    letter-spacing: .15px;
    color: #777776;
    margin-left: 60px;
    padding-bottom: 15px
}

.School2_main__2Xyu5>main>div>textarea {
    resize: none;
    width: 650px;
    height: 190px;
    overflow: auto;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    font-size: 18px;
    line-height: 160%;
    color: #777776;
    padding: 5px;
    margin-top: 15px;
    margin-left: 55px
}

.School2_main__2Xyu5>main>div>textarea:disabled {
    background-color: initial
}

.School2_main__2Xyu5>main>div:nth-child(2) {
    display: grid;
    grid-template-columns: auto 1fr;
    margin-top: 10px;
    margin-bottom: 25px
}

.School2_main__2Xyu5>main>div:nth-child(2)>span {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

.School2_main__2Xyu5>main>div:nth-child(2)>span>img:nth-child(2),.School2_main__2Xyu5>main>div:nth-child(2)>span>img:nth-child(3),.School2_main__2Xyu5>main>div:nth-child(2)>span>img:nth-child(4) {
    margin-top: 35px;
    width: 48px;
    height: 48px
}

.School2_main__2Xyu5>main>div:nth-child(2)>span>img:first-child {
    width: 56px;
    height: 56px
}

.School2_main__2Xyu5>main>div>section {
    width: 550px;
    display: grid;
    grid-template-rows: repeat(4,auto);
    grid-gap: 35px;
    padding-left: 25px;
    place-items: center
}

.School2_address__3D6z4>div {
    grid-template-columns: minmax(110px,140px) 350px;
    border: none
}

.School2_address__3D6z4>div>input {
    margin-left: 30px;
    color: #999
}

.School2_address__3D6z4>div>label {
    min-width: 90px;
    color: #999;
    border: none;
    justify-content: start;
    font-weight: 400
}

.School2_phoneNumber__1jtUV>div {
    border: none
}

.School2_phoneNumber__1jtUV>div>input {
    margin-left: 140px;
    color: #999
}

.School2_phoneNumber__1jtUV>div>label {
    width: 190px;
    border: none;
    color: #999;
    justify-content: start;
    font-weight: 400
}

.School2_inputDisabled__1d88z>div {
    grid-template-columns: 110px 440px!important
}

.School2_inputDisabled__1d88z>div>label {
    width: 110px
}

.School2_inputDisabled__1d88z>div>input {
    color: #999
}

.School2_isDisabled__11hLH>div {
    grid-template-columns: 190px 350px!important
}

.School2_isDisabled__11hLH>div>label {
    width: 190px
}

.School2_isDisabled__11hLH>div>input {
    color: #999
}

.School2_navbarComponents__1GyTZ {
    min-width: 238px
}

.School2_navbarComponents__1GyTZ:first-child {
    min-width: 208px
}

.School2_navbarComponents__1GyTZ {
    min-width: 238px!important;
    margin-top: 10px
}

.School2_navbarComponents__1GyTZ:first-child {
    min-width: 208px!important
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .School2_container__3FkMy {
        max-width:100vw;
        padding: 0
    }

    .School2_container__3FkMy>header {
        display: flex;
        flex-direction: column-reverse;
        position: relative
    }

    .School2_container__3FkMy>header>div:nth-child(2) {
        margin: 20px
    }

    .School2_container__3FkMy>div>div>div,.School2_container__3FkMy>div>div>div:last-child {
        padding-right: 0
    }
}

.FormTMOne_staffSelect__36phO {
    width: 290px;
    height: 40px;
    margin: 20px 15px 30px
}

.FormTMOne_staffSelect__36phO>div {
    border-color: transparent;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 20px
}

.FormTMOne_staffSelect__36phO>div p {
    text-align: center
}

.FormTMOne_langSelect__1Sjay {
    width: 290px;
    height: 40px;
    margin: 20px 35px 30px 20px
}

.FormTMOne_langSelect__1Sjay>div {
    border-color: transparent;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 20px
}

.FormTMOne_langSelect__1Sjay>div p {
    text-align: center
}

.FormTMOne_main__1gQmq {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.FormTMOne_main__1gQmq>h3 {
    text-align: center;
    margin: 20px 0
}

.FormTMOne_main__1gQmq>header {
    display: grid;
    grid-template-columns: 230px 780px;
    grid-template-rows: 168px
}

.FormTMOne_main__1gQmq>header>ul {
    display: grid;
    grid-template-columns: 178.4px 51px;
    border: 1px solid #bbdefb
}

.FormTMOne_main__1gQmq>header>ul>li {
    border: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.FormTMOne_main__1gQmq>header>div {
    display: grid;
    grid-template-columns: 720px
}

.FormTMOne_main__1gQmq>header>div>span {
    border-right: 1px solid #bbdefb;
    border-top: 1px solid #bbdefb;
    border-color: #bbdefb;
    border-style: solid;
    border-width: 2px 2px 1px 1px;
    display: flex;
    justify-content: center;
    align-items: center
}

.FormTMOne_main__1gQmq>header>div>div {
    display: grid;
    grid-template-columns: 180px 180px 180px 180px
}

.FormTMOne_main__1gQmq>header>div>div>section {
    display: grid;
    grid-template-columns: 60px 60px 60px;
    grid-template-rows: 71px 71px;
    grid-template-areas: "a a a";
    border: 1px solid #bbdefb
}

.FormTMOne_main__1gQmq>header>div>div>section>div {
    border: 1px solid #bbdefb;
    display: flex;
    justify-content: center;
    align-items: center;
    grid-area: a
}

.FormTMOne_main__1gQmq>header>div>div>section>span {
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-area: a
}

.FormTMOne_main__1gQmq>header>div>div>section>span>span {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb
}

.FormTMOne_main__1gQmq>header>div>div>section>li {
    justify-self: stretch;
    align-self: stretch;
    border: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    text-align: center
}

.FormTMOne_main__1gQmq>header>div>div>section>li>span {
    transform: rotate(-90deg);
    font-size: 12px
}

.FormTMOne_main__1gQmq>main>ul {
    display: grid;
    grid-template-columns: 178.4px 53px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px
}

.FormTMOne_main__1gQmq>main>ul>li {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb;
    padding: 7px 0;
    font-size: 14px
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .FormTMOne_main__1gQmq .FormTMOne_selectorContainer__1OOj_ {
        width:100vw;
        display: grid;
        grid-template-columns: 1fr 1.1fr;
        grid-gap: 20px;
        gap: 20px;
        margin: 20px 0
    }

    .FormTMOne_main__1gQmq .FormTMOne_selectorContainer__1OOj_ .FormTMOne_staffSelect__36phO {
        width: 100%;
        margin: 0
    }

    .FormTMOne_main__1gQmq .FormTMOne_selectorContainer__1OOj_ div:nth-child(2) {
        margin-left: 0
    }

    .FormTMOne_main__1gQmq .FormTMOne_container__1zoap>div {
        width: 100vw;
        overflow: scroll
    }

    .FormTMOne_main__1gQmq .FormTMOne_container__1zoap>div>div {
        width: -webkit-max-content;
        width: max-content;
        zoom:.7}
}

.LeftSchool_main__1pWF7 {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.LeftSchool_main__1pWF7>h3 {
    text-align: center;
    margin: 20px 0
}

.LeftSchool_main__1pWF7>header {
    display: grid;
    grid-template-columns: 430px 685px;
    grid-template-rows: 150px
}

.LeftSchool_main__1pWF7>header>ul {
    display: grid;
    grid-template-columns: 430px;
    border: 1px solid #bbdefb
}

.LeftSchool_main__1pWF7>header>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.LeftSchool_main__1pWF7>header>div {
    display: grid;
    grid-template-columns: repeat(12,62px);
    font-size: 12px
}

.LeftSchool_main__1pWF7>header>div>div {
    display: grid;
    grid-template-rows: 30px 120px
}

.LeftSchool_main__1pWF7>header>div>div>span {
    border: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center
}

.LeftSchool_main__1pWF7>header>div>div>ul {
    display: grid;
    grid-template-columns: 30px 32px
}

.LeftSchool_main__1pWF7>header>div>div>ul>li {
    border: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center
}

.LeftSchool_main__1pWF7>header>div>div>ul>li>span {
    font-size: 12px;
    line-height: 14px;
    transform: rotate(-90deg);
    text-align: center
}

.LeftSchool_main__1pWF7>main {
    font-size: 12px
}

.LeftSchool_main__1pWF7>main>ul {
    display: grid;
    grid-template-columns: 430px 30px 32px 30px 32px 30px 32px 30px 32px 30px 32px 30px 32px 30px 32px 30px 32px 30px 32px 30px 32px 30px 32px 30px 32px 30px 32px;
    grid-template-rows: 44px
}

.LeftSchool_main__1pWF7>main>ul:last-child {
    background: #70ccfa
}

.LeftSchool_main__1pWF7>main>ul>li {
    border: 1px solid #bbdefb;
    display: flex;
    justify-content: center;
    align-items: center
}

.LeftSchool_main__1pWF7>main>ul>li:first-child {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 15px
}

.Langs_total__3OOMj {
    font-size: 14px;
    display: grid;
    grid-template-columns: repeat(13,1fr);
    background: #5fb3fb
}

.Langs_total__3OOMj>li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    list-style-type: none;
    text-align: center;
    width: 1fr
}

.Langs_total__3OOMj>li:first-child {
    width: 230px;
    display: flex;
    justify-content: flex-end
}

.Langs_total__3OOMj>li:first-child>span {
    padding-right: 30px
}

.Langs_region__2pC4i {
    width: 950px
}

.Langs_region__2pC4i>h2 {
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 18px;
    background: #bbdefb;
    font-weight: 700
}

.Langs_region__2pC4i .Langs_titleStyle__1XJV1 {
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center
}

.Langs_region__2pC4i .Langs_container__3e31S {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 16px;
    border: 1px solid #bbdefb
}

.Langs_region__2pC4i .Langs_container__3e31S>header {
    display: grid;
    grid-template-columns: 230px 720px;
    grid-template-rows: 170px
}

.Langs_region__2pC4i .Langs_container__3e31S>header>ul {
    display: grid
}

.Langs_region__2pC4i .Langs_container__3e31S>header>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.Langs_region__2pC4i .Langs_container__3e31S>header>div>span {
    border-left: 1px solid #bbdefb;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 31px
}

.Langs_region__2pC4i .Langs_container__3e31S>header>div>div {
    display: grid;
    grid-template-columns: repeat(4,180px)
}

.Langs_region__2pC4i .Langs_container__3e31S>header>div>div>section {
    display: grid;
    grid-template-columns: 60px 60px 60px;
    grid-template-rows: 60px 79px;
    grid-template-areas: "a a a"
}

.Langs_region__2pC4i .Langs_container__3e31S>header>div>div>section>div {
    border-left: 1px solid #bbdefb;
    border-top: 1px solid #bbdefb;
    display: flex;
    justify-content: center;
    align-items: center;
    grid-area: a
}

.Langs_region__2pC4i .Langs_container__3e31S>header>div>div>section>span {
    display: grid;
    grid-template-rows: 1fr 30px;
    grid-area: a
}

.Langs_region__2pC4i .Langs_container__3e31S>header>div>div>section>span>span {
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 1px solid #bbdefb;
    border-top: 1px solid #bbdefb
}

.Langs_region__2pC4i .Langs_container__3e31S>header>div>div>section>li {
    justify-self: stretch;
    align-self: stretch;
    border-left: 1px solid #bbdefb;
    border-top: 1px solid #bbdefb;
    border-bottom: none;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: .6px
}

.Langs_region__2pC4i .Langs_container__3e31S>header>div>div>section>li>span {
    transform: rotate(-90deg);
    font-size: 12px
}

.Langs_region__2pC4i .Langs_container__3e31S>main {
    font-size: 14px;
    text-decoration: none
}

.Langs_region__2pC4i .Langs_container__3e31S>main>ul {
    display: grid;
    grid-template-columns: 230px repeat(12,60px)
}

.Langs_region__2pC4i .Langs_container__3e31S>main>ul>li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    list-style-type: none;
    text-align: center;
    border-left: 1px solid #bbdefb;
    border-top: 1px solid #bbdefb
}

.Langs_region__2pC4i .Langs_container__3e31S>main>ul>li:first-child {
    border-left: none
}

.Langs_region__2pC4i .Langs_container__3e31S>main .Langs_lightBlue__2XHLf {
    background: #70ccfa
}

.Langs_region__2pC4i .Langs_container__3e31S>main .Langs_lightBlue__2XHLf>li {
    border: none
}

.Langs_region__2pC4i .Langs_container__3e31S>main .Langs_lightBlue__2XHLf>li:first-child {
    justify-content: flex-end;
    padding-right: 20px
}

.Langs_region__2pC4i>ul {
    font-size: 14px;
    display: grid;
    grid-template-columns: repeat(13,1fr);
    background: #70ccfa
}

.Langs_region__2pC4i>ul>li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    list-style-type: none;
    text-align: center
}

.Langs_region__2pC4i>ul>li:first-child {
    width: 230px;
    display: flex;
    justify-content: flex-end
}

.Langs_region__2pC4i>ul>li:first-child>span {
    padding-right: 30px
}

@media print {
    .Langs_region__2pC4i {
        page-break-before: always
    }
}

.Slope_main__1dl7f>h2 {
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 18px;
    background: #bbdefb;
    font-weight: 700
}

.Slope_main__1dl7f>.Slope_titleStyle__W45ev {
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center
}

.Slope_main__1dl7f>header {
    display: grid;
    grid-template-columns: 280px 675px;
    grid-template-rows: 145px;
    border: 1px solid #bbdefb;
    border-bottom: none
}

.Slope_main__1dl7f>header>ul {
    display: grid
}

.Slope_main__1dl7f>header>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.Slope_main__1dl7f>header>div {
    display: grid
}

.Slope_main__1dl7f>header>div>div {
    display: grid;
    grid-template-columns: 225px 225px 225px
}

.Slope_main__1dl7f>header>div>div>section {
    display: grid;
    grid-template-columns: 75px 75px 75px;
    grid-template-rows: 71px 75px;
    grid-template-areas: "a a a"
}

.Slope_main__1dl7f>header>div>div>section>div {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-area: a;
    border: 2px solid #bbdefb;
    border-top: none;
    border-right: none
}

.Slope_main__1dl7f>header>div>div>section>li {
    align-self: stretch;
    border-left: 2px solid #bbdefb;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center
}

.Slope_main__1dl7f>header>div>div>section>li>span {
    transform: rotate(-90deg);
    font-size: 12px
}

.Slope_main__1dl7f>main {
    border: 1px solid #bbdefb;
    border-top: none
}

.Slope_main__1dl7f>main>ul {
    display: grid;
    grid-template-columns: 280px repeat(9,75px)
}

.Slope_main__1dl7f>main>ul>li {
    min-height: 48px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 2px solid #bbdefb;
    border-top: 2px solid #bbdefb;
    padding: 7px 0;
    font-size: 13px
}

.Slope_main__1dl7f>main>ul>li:first-child {
    border-left: none
}

.Slope_main__1dl7f>main .Slope_lightBlue__1H9AL {
    background: #70ccfa
}

.Slope_main__1dl7f>main .Slope_lightBlue__1H9AL>li {
    border: none
}

.Slope_main__1dl7f>main .Slope_lightBlue__1H9AL>li:first-child {
    justify-content: flex-end;
    padding-right: 20px
}

.ForiegnLangs_main__2_nkW>h3 {
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center
}

.ForiegnLangs_main__2_nkW>h2 {
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 18px;
    background: #bbdefb;
    font-weight: 700
}

.ForiegnLangs_main__2_nkW>header {
    display: grid;
    grid-template-columns: 230px auto;
    grid-template-rows: 59px;
    border: 1px solid #bbdefb
}

.ForiegnLangs_main__2_nkW>header>ul,.ForiegnLangs_main__2_nkW>header>ul>li {
    display: flex;
    justify-content: center;
    align-items: center
}

.ForiegnLangs_main__2_nkW>header>ul>li {
    text-align: center
}

.ForiegnLangs_main__2_nkW>header>div {
    display: grid;
    grid-template-columns: 130px 500px auto
}

.ForiegnLangs_main__2_nkW>header>div .ForiegnLangs_middle__2w0g7 {
    display: grid;
    grid-template-rows: 30px 30px;
    grid-template-areas: none;
    border-left: 1px solid #bbdefb
}

.ForiegnLangs_main__2_nkW>header>div .ForiegnLangs_middle__2w0g7>span {
    text-align: center;
    padding: 4px 0
}

.ForiegnLangs_main__2_nkW>header>div .ForiegnLangs_middle__2w0g7>ul {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    font-size: 14px
}

.ForiegnLangs_main__2_nkW>header>div .ForiegnLangs_middle__2w0g7>ul>li {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb;
    border-right: none;
    border-bottom: none
}

.ForiegnLangs_main__2_nkW>header>div .ForiegnLangs_middle__2w0g7>ul>li:first-child {
    border-left: none
}

.ForiegnLangs_main__2_nkW>header>div>section {
    display: grid;
    grid-template-areas: "a a a";
    border-bottom: none
}

.ForiegnLangs_main__2_nkW>header>div>section:last-child {
    background: #70ccfa
}

.ForiegnLangs_main__2_nkW>header>div>section>div {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-area: a;
    border-left: 1px solid #bbdefb
}

.ForiegnLangs_main__2_nkW>header>div>section>li {
    justify-self: stretch;
    align-self: stretch;
    border: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    text-align: center
}

.ForiegnLangs_main__2_nkW>header>div>section>li>span {
    transform: rotate(-90deg);
    font-size: 12px
}

.ForiegnLangs_main__2_nkW>main {
    border: 1px solid #bbdefb;
    border-top: none
}

.ForiegnLangs_main__2_nkW>main .ForiegnLangs_lightBlue__1F_54 {
    background: #70ccfa
}

.ForiegnLangs_main__2_nkW>main .ForiegnLangs_lightBlue__1F_54>li {
    border: none
}

.ForiegnLangs_main__2_nkW>main .ForiegnLangs_lightBlue__1F_54>li:first-child {
    justify-content: flex-end;
    padding-right: 20px
}

.ForiegnLangs_main__2_nkW>main>ul {
    display: grid;
    grid-template-columns: 230px 130px repeat(5,100px) 108px;
    grid-template-rows: 90px
}

.ForiegnLangs_main__2_nkW>main>ul>li {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #bbdefb;
    font-size: 14px
}

.ForiegnLangs_main__2_nkW>main>ul>ul {
    display: grid;
    grid-template-rows: 30px 30px 30px
}

.ForiegnLangs_main__2_nkW>main>ul>ul>li {
    border-left: 1px solid #bbdefb;
    border-bottom: 1px solid #bbdefb;
    text-align: center;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center
}

.ForiegnLangs_main__2_nkW>main>ul>ul:last-child {
    background: #70ccfa;
    border-left: 1px solid #bbdefb
}

.ForiegnLangs_main__2_nkW>main>ul>ul:last-child>li {
    border: none
}

@media print {
    .ForiegnLangs_main__2_nkW {
        page-break-before: always
    }
}

.Graduates_table__fAcqa>h2 {
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 18px;
    background: #bbdefb;
    font-weight: 700
}

.Graduates_table__fAcqa>.Graduates_titleStyle__22zmY {
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center
}

.Graduates_table__fAcqa .Graduates_total__34W-K {
    font-size: 14px;
    display: grid;
    grid-template-columns: 230px 55px 50px repeat(4,46.75px) repeat(2,47.5px) repeat(8,48.13px);
    background: #70ccfa
}

.Graduates_table__fAcqa .Graduates_total__34W-K>li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    list-style-type: none;
    text-align: center;
    border: none
}

.Graduates_table__fAcqa .Graduates_total__34W-K>li:first-child {
    width: 230px;
    display: flex;
    justify-content: flex-end
}

.Graduates_table__fAcqa .Graduates_total__34W-K>li:first-child>span {
    padding-right: 30px
}

.Graduates_table__fAcqa>ul {
    font-size: 14px;
    display: grid;
    grid-template-columns: 230px 55px 50px repeat(4,46.75px) repeat(2,47.5px) repeat(8,48.13px);
    background: #70ccfa
}

.Graduates_table__fAcqa>ul>li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    list-style-type: none;
    text-align: center
}

.Graduates_table__fAcqa>ul>li:first-child {
    display: flex;
    justify-content: flex-end
}

.Graduates_table__fAcqa>ul>li:first-child>span {
    padding-right: 30px
}

.Graduates_classes__2G9-s {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 16px
}

.Graduates_classes__2G9-s>header {
    font-size: 12px;
    display: grid;
    grid-template-columns: 230px 387px 385px;
    grid-template-rows: 170px
}

.Graduates_classes__2G9-s>header>span {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb;
    font-size: 12px
}

.Graduates_classes__2G9-s>header>section {
    display: grid;
    grid-template-rows: 40px 130px
}

.Graduates_classes__2G9-s>header>section>.Graduates_title__1eWp_ {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: 1px solid #bbdefb
}

.Graduates_classes__2G9-s>header>section>div {
    display: grid;
    grid-template-columns: 292px 95px
}

.Graduates_classes__2G9-s>header>section>div>.Graduates_passed__1gevI {
    display: grid;
    grid-auto-rows: 30px 100px
}

.Graduates_classes__2G9-s>header>section>div>.Graduates_passed__1gevI>p {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb
}

.Graduates_classes__2G9-s>header>section>div>.Graduates_passed__1gevI>ul {
    display: grid;
    grid-template-columns: 55px 50px 1fr 1fr
}

.Graduates_classes__2G9-s>header>section>div>.Graduates_passed__1gevI>ul>li {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb
}

.Graduates_classes__2G9-s>header>section>div>.Graduates_passed__1gevI>ul>li>span {
    transform: rotate(-90deg);
    width: 60px
}

.Graduates_classes__2G9-s>header>section>div>.Graduates_passed__1gevI>ul>div {
    display: grid;
    grid-template-rows: 40px 60px
}

.Graduates_classes__2G9-s>header>section>div>.Graduates_passed__1gevI>ul>div>span {
    text-align: center;
    border: 1px solid #bbdefb;
    display: flex;
    justify-content: center;
    align-items: center
}

.Graduates_classes__2G9-s>header>section>div>.Graduates_passed__1gevI>ul>div>ul {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.Graduates_classes__2G9-s>header>section>div>.Graduates_passed__1gevI>ul>div>ul>li {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb
}

.Graduates_classes__2G9-s>header>section>div>.Graduates_passed__1gevI>ul>div>ul>li>span {
    transform: rotate(-90deg);
    width: 44px
}

.Graduates_classes__2G9-s>header>section>div>.Graduates_notPassed__3Q7WQ {
    display: grid;
    grid-template-rows: 30px 100px
}

.Graduates_classes__2G9-s>header>section>div>.Graduates_notPassed__3Q7WQ>p {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb
}

.Graduates_classes__2G9-s>header>section>div>.Graduates_notPassed__3Q7WQ>ul {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.Graduates_classes__2G9-s>header>section>div>.Graduates_notPassed__3Q7WQ>ul>li {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb
}

.Graduates_classes__2G9-s>header>section>div>.Graduates_notPassed__3Q7WQ>ul>li>span {
    transform: rotate(-90deg)
}

.Graduates_classes__2G9-s>header>.Graduates_secondPart__3gwar {
    display: grid;
    grid-template-rows: 40px 130px
}

.Graduates_classes__2G9-s>header>.Graduates_secondPart__3gwar>div {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.Graduates_classes__2G9-s>header>.Graduates_secondPart__3gwar>div>section {
    display: grid;
    grid-template-rows: 30px 100px
}

.Graduates_classes__2G9-s>header>.Graduates_secondPart__3gwar>div>section>p {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: 1px solid #bbdefb
}

.Graduates_classes__2G9-s>header>.Graduates_secondPart__3gwar>div>section>div {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.Graduates_classes__2G9-s>header>.Graduates_secondPart__3gwar>div>section>div>div {
    display: grid;
    grid-template-rows: 40px 60px
}

.Graduates_classes__2G9-s>header>.Graduates_secondPart__3gwar>div>section>div>div>span {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb
}

.Graduates_classes__2G9-s>header>.Graduates_secondPart__3gwar>div>section>div>div>ul {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.Graduates_classes__2G9-s>header>.Graduates_secondPart__3gwar>div>section>div>div>ul>li {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb
}

.Graduates_classes__2G9-s>header>.Graduates_secondPart__3gwar>div>section>div>div>ul>li>span {
    transform: rotate(-90deg);
    width: 44px
}

.Graduates_classes__2G9-s>main {
    font-size: 14px;
    text-decoration: none
}

.Graduates_classes__2G9-s>main>ul {
    display: grid;
    grid-template-columns: 230px 55px 50px repeat(4,46.75px) repeat(2,47.5px) repeat(8,48.13px)
}

.Graduates_classes__2G9-s>main>ul>li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    list-style-type: none;
    text-align: center;
    border: 1px solid #bbdefb
}

.Graduates_classes__2G9-s>main .Graduates_lightBlue__13SDE {
    background: #70ccfa
}

.Graduates_classes__2G9-s>main .Graduates_lightBlue__13SDE>li {
    border: none
}

.Graduates_classes__2G9-s>main .Graduates_lightBlue__13SDE>li:first-child {
    justify-content: flex-end;
    padding-right: 20px
}

.ByAge_main__q9MYK {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.ByAge_main__q9MYK>h2 {
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 18px;
    background: #bbdefb;
    font-weight: 700
}

.ByAge_main__q9MYK>.ByAge_titleStyle__3HUfY {
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center
}

.ByAge_main__q9MYK .ByAge_container__2nRSC {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 16px;
    border: 1px solid #bbdefb;
    border-top: none
}

.ByAge_main__q9MYK .ByAge_container__2nRSC>header {
    display: grid;
    grid-template-columns: 230px 754px;
    grid-template-rows: 150px;
    font-size: 14px
}

.ByAge_main__q9MYK .ByAge_container__2nRSC>header>ul {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb
}

.ByAge_main__q9MYK .ByAge_container__2nRSC>header>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.ByAge_main__q9MYK .ByAge_container__2nRSC>header>div {
    display: grid;
    grid-template-columns: repeat(16,1fr)
}

.ByAge_main__q9MYK .ByAge_container__2nRSC>header>div>div {
    display: grid;
    grid-template-rows: 30px 120px
}

.ByAge_main__q9MYK .ByAge_container__2nRSC>header>div>div>span {
    border: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center
}

.ByAge_main__q9MYK .ByAge_container__2nRSC>header>div>div>ul {
    display: grid;
    grid-template-columns: 40px 42px
}

.ByAge_main__q9MYK .ByAge_container__2nRSC>header>div>div>ul>li {
    border: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center
}

.ByAge_main__q9MYK .ByAge_container__2nRSC>header>div>div>ul>li>span {
    font-size: 12px;
    line-height: 14px;
    transform: rotate(-90deg);
    text-align: center;
    white-space: nowrap;
    letter-spacing: .7px
}

.ByAge_main__q9MYK .ByAge_container__2nRSC>main>ul {
    display: grid;
    grid-template-columns: 230px 40px 42px 40px 42px 40px 42px 40px 42px 40px 42px 40px 42px 40px 42px 40px 42px 40px 42px 40px 42px 40px 42px 40px 42px 40px 42px 40px 42px;
    grid-template-rows: 30px
}

.ByAge_main__q9MYK .ByAge_container__2nRSC>main>ul>li {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb;
    font-size: 12px
}

.ByAge_main__q9MYK .ByAge_container__2nRSC>main>ul:nth-child(12) {
    background: #70ccfa
}

.ByAge_main__q9MYK .ByAge_container__2nRSC>main>ul:nth-child(12)>li:first-child {
    display: flex;
    justify-content: flex-end;
    padding-right: 30px
}

.ByAge_main__q9MYK .ByAge_container__2nRSC>main>ul:nth-child(12)>li {
    border: none
}

.ByAge_main__q9MYK .ByAge_total__26XO5 {
    font-size: 11px;
    background: #70ccfa;
    display: grid;
    grid-template-columns: 230px 40px 42px 40px 42px 40px 42px 40px 42px 40px 42px 40px 42px 40px 42px 40px 42px 40px 42px 40px 42px 40px 42px 40px 42px 40px 42px 40px 42px;
    grid-template-rows: 30px
}

.ByAge_main__q9MYK .ByAge_total__26XO5>li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    list-style-type: none;
    text-align: center
}

.ByAge_main__q9MYK .ByAge_total__26XO5>li:first-child {
    width: 230px;
    display: flex;
    justify-content: flex-end;
    padding-right: 30px
}

.ByAge_main__q9MYK .ByAge_total__26XO5>li:first-child>span {
    padding-right: 30px
}

@media print {
    .ByAge_main__q9MYK {
        page-break-before: always
    }
}

.StudyLang_main__26D-w {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.StudyLang_main__26D-w h2 {
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 18px;
    background: #bbdefb;
    font-weight: 700
}

.StudyLang_main__26D-w>h3 {
    text-align: center;
    margin: 20px 0
}

.StudyLang_main__26D-w>.StudyLang_titleStyle__1ukc9 {
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center
}

.StudyLang_main__26D-w .StudyLang_container__359-r>header>div {
    width: 1010px;
    display: grid;
    font-size: 12px;
    grid-template-rows: 50px
}

.StudyLang_main__26D-w .StudyLang_container__359-r>header>div>ul {
    display: grid;
    grid-template-columns: 170px repeat(14,60px);
    list-style-type: none
}

.StudyLang_main__26D-w .StudyLang_container__359-r>header>div>ul>li {
    text-decoration: none;
    border: 1px solid #bbdefb;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.StudyLang_main__26D-w .StudyLang_container__359-r>header>div>ul>li:last-child {
    background: #70ccfa
}

.StudyLang_main__26D-w .StudyLang_container__359-r>main>div {
    width: 1010px
}

.StudyLang_main__26D-w .StudyLang_container__359-r>main>div>h4 {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb;
    box-sizing: border-box;
    font-weight: 700;
    font-size: 14px;
    height: 48px
}

.StudyLang_main__26D-w .StudyLang_container__359-r>main>div>ul {
    display: grid;
    grid-template-columns: 170px repeat(14,60px);
    font-size: 12px
}

.StudyLang_main__26D-w .StudyLang_container__359-r>main>div>ul>li {
    display: grid;
    grid-template-rows: 30px 36px
}

.StudyLang_main__26D-w .StudyLang_container__359-r>main>div>ul>li:first-child {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb
}

.StudyLang_main__26D-w .StudyLang_container__359-r>main>div>ul>li:last-child {
    background: #70ccfa
}

.StudyLang_main__26D-w .StudyLang_container__359-r>main>div>ul>li:last-child>span {
    border: none
}

.StudyLang_main__26D-w .StudyLang_container__359-r>main>div>ul>li>span {
    border: 1px solid #bbdefb;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.StudyLang_total__3eSIr {
    font-size: 14px;
    display: grid;
    grid-template-columns: 170px repeat(14,60px);
    background: #5fb3fb;
    background: #70ccfa
}

.StudyLang_total__3eSIr>li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    list-style-type: none;
    text-align: center;
    width: 1fr
}

.StudyLang_total__3eSIr>li:first-child {
    display: flex;
    justify-content: flex-end;
    padding-right: 30px
}

.StudyLang_total__3eSIr>li:first-child>span {
    padding-right: 30px
}

@media print {
    .StudyLang_main__26D-w {
        page-break-after: always
    }
}

.FormTMTwo_staffSelect__3ATC1 {
    width: 290px;
    height: 40px;
    margin: 20px 15px 30px
}

.FormTMTwo_staffSelect__3ATC1>div {
    border-color: transparent;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 20px
}

.FormTMTwo_staffSelect__3ATC1>div p {
    text-align: center
}

.FormTMTwo_main__LWO1M {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.FormTMTwo_main__LWO1M>h3 {
    text-align: center;
    margin: 20px 0
}

.FormTMTwo_main__LWO1M>header {
    display: grid;
    grid-template-columns: 230px 780px;
    grid-template-rows: 168px
}

.FormTMTwo_main__LWO1M>header>ul {
    display: grid;
    grid-template-columns: 178.4px 51px;
    border: 1px solid #bbdefb
}

.FormTMTwo_main__LWO1M>header>ul>li {
    border: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.FormTMTwo_main__LWO1M>header>div {
    display: grid;
    grid-template-columns: 720px
}

.FormTMTwo_main__LWO1M>header>div>span {
    border-right: 1px solid #bbdefb;
    border-top: 1px solid #bbdefb;
    border-color: #bbdefb;
    border-style: solid;
    border-width: 2px 2px 1px 1px;
    display: flex;
    justify-content: center;
    align-items: center
}

.FormTMTwo_main__LWO1M>header>div>div {
    display: grid;
    grid-template-columns: 180px 180px 180px 180px
}

.FormTMTwo_main__LWO1M>header>div>div>section {
    display: grid;
    grid-template-columns: 60px 60px 60px;
    grid-template-rows: 71px 71px;
    grid-template-areas: "a a a";
    border: 1px solid #bbdefb
}

.FormTMTwo_main__LWO1M>header>div>div>section>div {
    border: 1px solid #bbdefb;
    display: flex;
    justify-content: center;
    align-items: center;
    grid-area: a
}

.FormTMTwo_main__LWO1M>header>div>div>section>span {
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-area: a
}

.FormTMTwo_main__LWO1M>header>div>div>section>span>span {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb
}

.FormTMTwo_main__LWO1M>header>div>div>section>li {
    justify-self: stretch;
    align-self: stretch;
    border: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    text-align: center
}

.FormTMTwo_main__LWO1M>header>div>div>section>li>span {
    transform: rotate(-90deg);
    font-size: 12px
}

.FormTMTwo_main__LWO1M>main>ul {
    display: grid;
    grid-template-columns: 178.4px 53px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px
}

.FormTMTwo_main__LWO1M>main>ul>li {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb;
    padding: 7px 0;
    font-size: 14px
}

.FormTMTwo_container__1FrFh {
    margin: auto
}

@media print {
    .FormTMTwo_main__LWO1M .FormTMTwo_selectorContainer__1GVkx {
        display: flex;
        margin: -20px 0 0
    }
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .FormTMTwo_main__LWO1M .FormTMTwo_selectorContainer__1GVkx {
        width:100vw;
        display: grid;
        grid-template-columns: 1fr 1.1fr;
        grid-gap: 20px;
        gap: 20px;
        margin: 20px 0
    }

    .FormTMTwo_main__LWO1M .FormTMTwo_selectorContainer__1GVkx .FormTMTwo_staffSelect__3ATC1 {
        width: 100%;
        margin: 0
    }

    .FormTMTwo_main__LWO1M .FormTMTwo_selectorContainer__1GVkx div:nth-child(2) {
        margin-left: 0
    }

    .FormTMTwo_main__LWO1M .FormTMTwo_container__1FrFh>div {
        width: 100vw;
        overflow: scroll
    }

    .FormTMTwo_main__LWO1M .FormTMTwo_container__1FrFh>div>div {
        width: -webkit-max-content;
        width: max-content;
        zoom:.7}
}

.ComeWent_main__1RzKM {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 1000px
}

.ComeWent_main__1RzKM>h3 {
    text-align: center;
    margin: 20px 0
}

.ComeWent_main__1RzKM>header {
    display: grid;
    grid-template-columns: 230px auto;
    grid-template-rows: 150px
}

.ComeWent_main__1RzKM>header>ul {
    display: grid;
    grid-template-columns: auto
}

.ComeWent_main__1RzKM>header>ul>li {
    border: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.ComeWent_main__1RzKM>header>div {
    display: grid;
    grid-template-columns: 600px auto
}

.ComeWent_main__1RzKM>header>div>section {
    display: grid;
    grid-template-rows: 29px 105px
}

.ComeWent_main__1RzKM>header>div>section>span {
    text-align: center;
    border: 1px solid #bbdefb
}

.ComeWent_main__1RzKM>header>div>section>div {
    display: grid;
    grid-template-columns: repeat(4,150px)
}

.ComeWent_main__1RzKM>header>div>section>div>section {
    display: grid;
    grid-template-rows: 44px 77px
}

.ComeWent_main__1RzKM>header>div>section>div>section>span {
    font-size: 12px;
    align-items: center;
    text-align: center;
    display: flex;
    justify-content: center;
    border: 1px solid #bbdefb
}

.ComeWent_main__1RzKM>header>div>section>div>section>ul {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.ComeWent_main__1RzKM>header>div>section>div>section>ul>li {
    display: flex;
    border: 1px solid #bbdefb;
    justify-content: center;
    align-items: center
}

.ComeWent_main__1RzKM>header>div>section>div>section>ul>li>span {
    font-size: 12px;
    text-align: center;
    display: block;
    transform: rotate(-90deg)
}

.ComeWent_main__1RzKM>header>div>div {
    display: grid;
    grid-template-rows: 73px 77px
}

.ComeWent_main__1RzKM>header>div>div>span {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb;
    font-size: 12px;
    letter-spacing: .815em
}

.ComeWent_main__1RzKM>header>div>div>ul {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.ComeWent_main__1RzKM>header>div>div>ul>li {
    display: flex;
    border: 1px solid #bbdefb;
    justify-content: center;
    align-items: center;
    padding: 1px
}

.ComeWent_main__1RzKM>header>div>div>ul>li>span {
    font-size: 12px;
    text-align: center;
    display: block;
    transform: rotate(-90deg)
}

.ComeWent_main__1RzKM>main>ul {
    display: grid;
    grid-template-columns: 230px repeat(8,1fr) 85px 85px;
    grid-template-rows: 40px
}

.ComeWent_main__1RzKM>main>ul>li {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb;
    padding: 7px 0;
    font-size: 14px
}

.ComeWent_main__1RzKM>main>ul>ul {
    display: grid;
    grid-template-rows: 30px 30px 30px
}

.ComeWent_main__1RzKM>main>ul>ul>li {
    border: 1px solid #bbdefb;
    text-align: center;
    font-size: 12px;
    padding: 6px 0
}

.LeftSchool_main__8D0RQ {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.LeftSchool_main__8D0RQ>h3 {
    text-align: center;
    margin: 20px 0
}

.LeftSchool_main__8D0RQ>header {
    display: grid;
    grid-template-columns: 430px 802px;
    grid-template-rows: 150px
}

.LeftSchool_main__8D0RQ>header>ul {
    display: grid;
    grid-template-columns: 430px;
    border: 1px solid #bbdefb
}

.LeftSchool_main__8D0RQ>header>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.LeftSchool_main__8D0RQ>header>div {
    display: grid;
    grid-template-columns: repeat(11,62px) 60px 60px;
    font-size: 12px
}

.LeftSchool_main__8D0RQ>header>div>li {
    border: 1px solid #bbdefb;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 150px
}

.LeftSchool_main__8D0RQ>header>div>li>span {
    text-align: center
}

.LeftSchool_main__8D0RQ>header>div>div {
    display: grid;
    grid-template-rows: 30px 120px
}

.LeftSchool_main__8D0RQ>header>div>div>span {
    border: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.LeftSchool_main__8D0RQ>header>div>div>ul {
    display: grid;
    grid-template-columns: 31px 31px
}

.LeftSchool_main__8D0RQ>header>div>div>ul>li {
    border: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center
}

.LeftSchool_main__8D0RQ>header>div>div>ul>li>span {
    font-size: 12px;
    line-height: 14px;
    transform: rotate(-90deg);
    text-align: center
}

.LeftSchool_main__8D0RQ>header>div>div>ul>span {
    transform: rotate(-90deg);
    width: 121px;
    height: 31.5px;
    border-left: 1px solid #bbdefb;
    border-right: 1px solid #bbdefb;
    margin-left: -45px;
    margin-top: 44.5px;
    display: flex;
    justify-content: center;
    align-items: center
}

.LeftSchool_main__8D0RQ>main {
    font-size: 12px
}

.LeftSchool_main__8D0RQ>main>ul {
    display: grid;
    grid-template-columns: 430px repeat(22,1fr) 60px 60px;
    grid-template-rows: 44px
}

.LeftSchool_main__8D0RQ>main>ul>li {
    display: flex;
    align-items: center;
    border: 1px solid #bbdefb;
    justify-content: center;
    font-size: 14px
}

.LeftSchool_main__8D0RQ>main>ul>li:first-child {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 15px
}

.LeftSchool_main__8D0RQ>main>ul:last-child {
    background: #70ccfa
}

.LeftSchool_main__8D0RQ>main>ul:last-child>li:first-child {
    display: flex;
    justify-content: flex-end;
    padding-right: 30px
}

.LeftSchool_main__8D0RQ>main>ul:last-child>li {
    border: none
}

.CameSchoole_main__FEhJL {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.CameSchoole_main__FEhJL>h3 {
    text-align: center;
    margin: 20px 0
}

.CameSchoole_main__FEhJL>header {
    display: grid;
    grid-template-columns: 430px 640px;
    grid-template-rows: 150px
}

.CameSchoole_main__FEhJL>header>ul {
    display: grid;
    grid-template-columns: 430px;
    border: 1px solid #bbdefb
}

.CameSchoole_main__FEhJL>header>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.CameSchoole_main__FEhJL>header>div {
    display: grid;
    grid-template-columns: repeat(11,58px) 60px 60px;
    font-size: 12px
}

.CameSchoole_main__FEhJL>header>div>li {
    border: solid #bbdefb;
    border-width: 1px 1px 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 149px
}

.CameSchoole_main__FEhJL>header>div>li>span {
    text-align: center
}

.CameSchoole_main__FEhJL>header>div>div {
    display: grid;
    grid-template-rows: 30px 120px
}

.CameSchoole_main__FEhJL>header>div>div>span {
    border: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.CameSchoole_main__FEhJL>header>div>div>ul {
    display: grid;
    grid-template-columns: 28px 30px
}

.CameSchoole_main__FEhJL>header>div>div>ul>li {
    border: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center
}

.CameSchoole_main__FEhJL>header>div>div>ul>li>span {
    font-size: 12px;
    line-height: 14px;
    transform: rotate(-90deg);
    text-align: center
}

.CameSchoole_main__FEhJL>header>div>div>ul>span {
    transform: rotate(-90deg);
    width: 121px;
    height: 33.5px;
    border-left: 1px solid #bbdefb;
    border-right: 1px solid #bbdefb;
    margin-left: -45px;
    margin-top: 43px;
    display: flex;
    justify-content: center;
    align-items: center
}

.CameSchoole_main__FEhJL>main {
    font-size: 12px
}

.CameSchoole_main__FEhJL>main>ul {
    display: grid;
    grid-template-columns: 430px 30px 29px 29px 29px 29px 29px 29px 29px 29px 29px 28px 30px 28px 29px 29px 30px 29px 29px 29px 29px 29px 29px 60px 60px;
    grid-template-rows: 44px
}

.CameSchoole_main__FEhJL>main>ul>li {
    display: flex;
    align-items: center;
    border: 2px solid #bbdefb;
    font-size: 14px;
    line-height: 19px;
    padding: 7px 0 7px 8px
}

.CameSchoole_main__FEhJL>main>ul:last-child {
    background: #70ccfa
}

.Lang_main__2wUT7 {
    width: 950px
}

.Lang_main__2wUT7>section {
    height: inherit
}

.Lang_main__2wUT7>section .Lang_district__27nws {
    background: #bbdefb;
    padding: 10px 0
}

.Lang_main__2wUT7>section .Lang_district__27nws>h3 {
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: .15px
}

.Lang_main__2wUT7>section>div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 15px 0
}

.Lang_main__2wUT7>section>div>p {
    text-align: center
}

.Lang_main__2wUT7>header {
    display: grid;
    grid-template-columns: 230px 780px;
    grid-template-rows: 168px;
    font-size: 14px
}

.Lang_main__2wUT7>header>ul {
    display: grid;
    grid-template-columns: 230px;
    border: 1px solid #bbdefb
}

.Lang_main__2wUT7>header>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.Lang_main__2wUT7>header>div {
    display: grid;
    grid-template-columns: 720px
}

.Lang_main__2wUT7>header>div>span {
    border: 1px solid #bbdefb;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px
}

.Lang_main__2wUT7>header>div>div {
    display: grid;
    grid-template-columns: repeat(4,180px)
}

.Lang_main__2wUT7>header>div>div>section {
    display: grid;
    grid-template-columns: repeat(3,60px);
    grid-template-rows: 55px 83px;
    grid-template-areas: "a a a"
}

.Lang_main__2wUT7>header>div>div>section>div {
    border: 1px solid #bbdefb;
    display: flex;
    justify-content: center;
    align-items: center;
    grid-area: a
}

.Lang_main__2wUT7>header>div>div>section>span {
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-area: a
}

.Lang_main__2wUT7>header>div>div>section>span>span {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb
}

.Lang_main__2wUT7>header>div>div>section>li {
    justify-self: stretch;
    align-self: stretch;
    border: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    text-align: center
}

.Lang_main__2wUT7>header>div>div>section>li>span {
    transform: rotate(-90deg);
    font-size: 12px;
    letter-spacing: .7px;
    margin-left: -5px
}

.Lang_main__2wUT7>main>ul {
    display: grid;
    grid-template-columns: 230px repeat(12,60px)
}

.Lang_main__2wUT7>main>ul>li {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb;
    height: 30px;
    font-size: 14px
}

.Lang_main__2wUT7>main>ul:last-child>li:first-child {
    display: flex;
    justify-content: flex-end;
    padding-right: 30px
}

.Lang_main__2wUT7>main>ul:last-child>li {
    border: none;
    background: #70ccfa
}

.KnowledgeLevel_main__1ojIQ>section {
    height: inherit
}

.KnowledgeLevel_main__1ojIQ>section .KnowledgeLevel_district__3IJr- {
    background: #bbdefb;
    padding: 10px 0
}

.KnowledgeLevel_main__1ojIQ>section .KnowledgeLevel_district__3IJr->h3 {
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: .15px
}

.KnowledgeLevel_main__1ojIQ>section>div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 15px 0
}

.KnowledgeLevel_main__1ojIQ>section>div>p {
    text-align: center
}

.KnowledgeLevel_main__1ojIQ>h3 {
    text-align: center;
    margin: 20px 0
}

.KnowledgeLevel_main__1ojIQ>header {
    display: grid;
    grid-template-columns: 230px 720px;
    grid-template-rows: 150px
}

.KnowledgeLevel_main__1ojIQ>header>ul {
    display: grid;
    grid-template-columns: 230px;
    border: 1px solid #bbdefb
}

.KnowledgeLevel_main__1ojIQ>header>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.KnowledgeLevel_main__1ojIQ>header>div {
    display: grid;
    grid-template-columns: 599.8px 120.2px
}

.KnowledgeLevel_main__1ojIQ>header>div>section {
    display: grid;
    grid-template-rows: 29px 105px
}

.KnowledgeLevel_main__1ojIQ>header>div>section>span {
    text-align: center;
    border: 1px solid #bbdefb;
    display: flex;
    justify-content: center;
    align-items: center
}

.KnowledgeLevel_main__1ojIQ>header>div>section>div {
    display: grid;
    grid-template-columns: repeat(6,100px)
}

.KnowledgeLevel_main__1ojIQ>header>div>section>div>section {
    display: grid;
    grid-template-rows: 44px 77px
}

.KnowledgeLevel_main__1ojIQ>header>div>section>div>section>span {
    font-size: 12px;
    align-items: center;
    text-align: center;
    display: flex;
    justify-content: center;
    border: 1px solid #bbdefb
}

.KnowledgeLevel_main__1ojIQ>header>div>section>div>section>ul {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.KnowledgeLevel_main__1ojIQ>header>div>section>div>section>ul>li {
    display: flex;
    align-items: center;
    border: 1px solid #bbdefb;
    font-size: 11px;
    justify-content: center;
    justify-self: stretch;
    align-self: stretch
}

.KnowledgeLevel_main__1ojIQ>header>div>section>div>section>ul>li>span {
    text-align: center;
    transform: rotate(-90deg);
    letter-spacing: 1.1px;
    margin-left: -3px
}

.KnowledgeLevel_main__1ojIQ>header>div>div {
    display: grid;
    grid-template-rows: 150px
}

.KnowledgeLevel_main__1ojIQ>header>div>div>ul {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.KnowledgeLevel_main__1ojIQ>header>div>div>ul>li {
    display: flex;
    border: 1px solid #bbdefb;
    justify-content: center;
    align-items: center
}

.KnowledgeLevel_main__1ojIQ>header>div>div>ul>li>span {
    font-size: 12px;
    text-align: center;
    display: block;
    transform: rotate(-90deg)
}

.KnowledgeLevel_main__1ojIQ>main>ul {
    display: grid;
    grid-template-columns: 230px repeat(12,1fr) 60px 60px;
    grid-template-rows: 30px
}

.KnowledgeLevel_main__1ojIQ>main>ul>li {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb;
    font-size: 14px;
    height: 30px
}

.KnowledgeLevel_lightBlue__2z3dG {
    background: #70ccfa
}

.KnowledgeLevel_lightBlue__2z3dG>li {
    border: none!important
}

.KnowledgeLevel_lightBlue__2z3dG>li:first-child {
    justify-content: end;
    padding-right: 20px
}

.ByAge_main__EwTrP {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 950px
}

.ByAge_main__EwTrP>h2 {
    background: #bbdefb;
    font-weight: 700
}

.ByAge_main__EwTrP>h2,.ByAge_main__EwTrP>h3 {
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 16px
}

.ByAge_main__EwTrP header {
    display: grid;
    grid-template-columns: 530px 420px;
    grid-template-rows: 170px;
    font-size: 14px
}

.ByAge_main__EwTrP header>ul {
    display: grid;
    grid-template-columns: 440px 90px
}

.ByAge_main__EwTrP header>ul>li {
    display: flex;
    border: 2px solid #bbdefb;
    border-bottom: none;
    align-items: center;
    justify-content: center;
    text-align: center
}

.ByAge_main__EwTrP header>ul>li:last-child {
    border-left: none
}

.ByAge_main__EwTrP header>section {
    display: grid;
    grid-template-rows: 30px 140px
}

.ByAge_main__EwTrP header>section>span {
    text-align: center;
    border: 2px solid #bbdefb;
    border-left: none
}

.ByAge_main__EwTrP header>section>ul {
    display: grid;
    grid-template-columns: repeat(6,70px)
}

.ByAge_main__EwTrP header>section>ul>li {
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 2px solid #bbdefb
}

.ByAge_main__EwTrP header>section>ul>li>span {
    text-align: center;
    transform: rotate(-90deg)
}

.ByAge_main__EwTrP>main>.ByAge_totalCont__2jheC {
    display: grid;
    grid-template-columns: 440px 90px repeat(6,70px);
    grid-template-rows: 30px;
    font-size: 12px;
    background: #70ccfa
}

.ByAge_main__EwTrP>main>.ByAge_totalCont__2jheC>li {
    display: flex;
    justify-content: center;
    align-items: center;
    border: none
}

.ByAge_main__EwTrP>main>.ByAge_totalCont__2jheC>li:first-child {
    display: flex;
    justify-content: flex-end;
    padding-right: 240px;
    align-items: center
}

.ByAge_main__EwTrP>main>.ByAge_fTotalCont__1GK2B {
    display: grid;
    grid-template-columns: 440px 90px repeat(6,70px);
    grid-template-rows: 30px;
    font-size: 12px;
    background: #a3dffd
}

.ByAge_main__EwTrP>main>.ByAge_fTotalCont__1GK2B>li {
    display: flex;
    justify-content: center;
    align-items: center;
    border: none
}

.ByAge_main__EwTrP>main>.ByAge_fTotalCont__1GK2B>li:first-child {
    display: flex;
    justify-content: flex-end;
    padding-right: 240px;
    align-items: center
}

.ByAge_main__EwTrP>main>div>ul {
    display: grid;
    grid-template-columns: 440px 90px repeat(6,70px);
    grid-template-rows: 30px;
    font-size: 12px
}

.ByAge_main__EwTrP>main>div>ul>li {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-top: 2px solid #bbdefb;
    border-right: 2px solid #bbdefb
}

.ByAge_main__EwTrP>main>div>ul>li:first-child {
    border-left: 2px solid #bbdefb;
    border-top: 2px solid #bbdefb
}

.ByAgeContainer_container__3NCfg>div>main>div>ul:nth-child(odd) {
    background: #70ccfa
}

.ByAgeContainer_container__3NCfg>div>main>div>ul:nth-child(2n) {
    background-color: #a3dffd
}

.ByAgeContainer_container__3NCfg>div>main>div>ul:last-child {
    border-bottom: 2px solid #bbdefb
}

.Kom_staffSelect__dQVqS {
    width: 290px;
    height: 40px;
    margin: 20px 15px 30px
}

.Kom_staffSelect__dQVqS>div {
    border-color: transparent;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 20px
}

.Kom_staffSelect__dQVqS>div p {
    text-align: center
}

.Kom_langSelect__2A_tF {
    width: 290px;
    height: 40px;
    margin: 20px 35px 30px 20px
}

.Kom_langSelect__2A_tF>div {
    border-color: transparent;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 4px
}

.Kom_langSelect__2A_tF>div p {
    text-align: center
}

.Kom_main__1oa7x {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.Kom_main__1oa7x>h3 {
    text-align: center;
    margin: 20px 0
}

.Kom_main__1oa7x>header {
    display: grid;
    grid-template-columns: 230px 780px;
    grid-template-rows: 168px
}

.Kom_main__1oa7x>header>ul {
    display: grid;
    grid-template-columns: 178.4px 51px;
    border: 1px solid #bbdefb
}

.Kom_main__1oa7x>header>ul>li {
    border: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.Kom_main__1oa7x>header>div {
    display: grid;
    grid-template-columns: 720px
}

.Kom_main__1oa7x>header>div>span {
    border-right: 1px solid #bbdefb;
    border-top: 1px solid #bbdefb;
    border-color: #bbdefb;
    border-style: solid;
    border-width: 2px 2px 1px 1px;
    display: flex;
    justify-content: center;
    align-items: center
}

.Kom_main__1oa7x>header>div>div {
    display: grid;
    grid-template-columns: 180px 180px 180px 180px
}

.Kom_main__1oa7x>header>div>div>section {
    display: grid;
    grid-template-columns: 60px 60px 60px;
    grid-template-rows: 71px 71px;
    grid-template-areas: "a a a";
    border: 1px solid #bbdefb
}

.Kom_main__1oa7x>header>div>div>section>div {
    border: 1px solid #bbdefb;
    display: flex;
    justify-content: center;
    align-items: center;
    grid-area: a
}

.Kom_main__1oa7x>header>div>div>section>span {
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-area: a
}

.Kom_main__1oa7x>header>div>div>section>span>span {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb
}

.Kom_main__1oa7x>header>div>div>section>li {
    justify-self: stretch;
    align-self: stretch;
    border: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    text-align: center
}

.Kom_main__1oa7x>header>div>div>section>li>span {
    transform: rotate(-90deg);
    font-size: 12px
}

.Kom_main__1oa7x>main>ul {
    display: grid;
    grid-template-columns: 178.4px 53px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px
}

.Kom_main__1oa7x>main>ul>li {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb;
    padding: 7px 0;
    font-size: 14px
}

.Kom_container__3B4CY {
    margin: auto
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Kom_main__1oa7x .Kom_selectorContainer__2GyKE {
        width:100vw;
        display: grid;
        grid-template-columns: 1fr 1.1fr;
        grid-gap: 20px;
        gap: 20px;
        margin: 20px 0 0
    }

    .Kom_main__1oa7x .Kom_selectorContainer__2GyKE .Kom_staffSelect__dQVqS {
        width: 100%;
        margin: 0
    }

    .Kom_main__1oa7x .Kom_selectorContainer__2GyKE div:nth-child(2) {
        margin-left: 0
    }

    .Kom_main__1oa7x .Kom_selectorContainer__2GyKE>div {
        width: 100%!important
    }

    .Kom_main__1oa7x .Kom_container__3B4CY>div {
        width: 100vw;
        overflow: scroll
    }

    .Kom_main__1oa7x .Kom_container__3B4CY>div>div {
        width: -webkit-max-content;
        width: max-content;
        zoom:.7}
}

.TeacherWork_main__2Yv1X {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 952px
}

.TeacherWork_main__2Yv1X>h2 {
    background: #bbdefb;
    font-weight: 700
}

.TeacherWork_main__2Yv1X>h2,.TeacherWork_main__2Yv1X>h3 {
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 16px
}

.TeacherWork_main__2Yv1X>header {
    margin: auto;
    font-size: 14px;
    display: grid;
    grid-template-columns: 350px 600px;
    grid-template-rows: 170px
}

.TeacherWork_main__2Yv1X>header>ul {
    display: grid;
    grid-template-columns: 230px 60px 60px;
    font-size: 14px
}

.TeacherWork_main__2Yv1X>header>ul>li {
    border-top: 2px solid #bbdefb;
    border-right: 2px solid #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.TeacherWork_main__2Yv1X>header>ul>li:first-child {
    border-left: 2px solid #bbdefb
}

.TeacherWork_main__2Yv1X>header>ul>li>span {
    text-align: center;
    transform: rotate(-90deg)
}

.TeacherWork_main__2Yv1X>header>section {
    display: grid;
    grid-template-rows: 40px 130px
}

.TeacherWork_main__2Yv1X>header>section>span {
    text-align: center;
    border-top: 2px solid #bbdefb;
    border-right: 2px solid #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center
}

.TeacherWork_main__2Yv1X>header>section>ul {
    display: grid;
    grid-template-columns: 60px 60px 60px 60px auto 60px 60px;
    border-right: 1px solid #bbdefb
}

.TeacherWork_main__2Yv1X>header>section>ul>li {
    display: flex;
    align-items: center;
    border-right: 2px solid #bbdefb;
    border-top: 2px solid #bbdefb;
    justify-content: center
}

.TeacherWork_main__2Yv1X>header>section>ul>li>span {
    text-align: center;
    transform: rotate(-90deg);
    letter-spacing: 1.5px;
    line-height: 13px
}

.TeacherWork_main__2Yv1X>header>section>ul>li:nth-child(6) {
    border-left: 2px solid #bbdefb
}

.TeacherWork_main__2Yv1X>header>section>ul>li:last-child {
    border-right: none
}

.TeacherWork_main__2Yv1X>header>section>ul>div {
    display: grid;
    grid-template-rows: 30px 100px
}

.TeacherWork_main__2Yv1X>header>section>ul>div>span {
    border-top: 2px solid #bbdefb;
    display: flex;
    justify-content: center;
    align-items: center
}

.TeacherWork_main__2Yv1X>header>section>ul>div>ul {
    display: grid;
    grid-template-columns: 60px 60px 60px 60px
}

.TeacherWork_main__2Yv1X>header>section>ul>div>ul>li {
    display: flex;
    flex-direction: flex;
    justify-content: center;
    align-items: center;
    border-right: 2px solid #bbdefb;
    border-top: 2px solid #bbdefb
}

.TeacherWork_main__2Yv1X>header>section>ul>div>ul>li:last-child {
    border-right: none
}

.TeacherWork_main__2Yv1X>header>section>ul>div>ul>li>span {
    text-align: center;
    transform: rotate(-90deg);
    font-size: 13px;
    letter-spacing: 1.5px;
    line-height: 13px
}

.TeacherWork_main__2Yv1X>main {
    margin: 0 auto
}

.TeacherWork_main__2Yv1X>main>div>ul {
    display: grid;
    grid-template-columns: 230px repeat(12,60px);
    grid-template-rows: 30px;
    font-size: 12px
}

.TeacherWork_main__2Yv1X>main>div>ul>li {
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 2px solid #bbdefb;
    border-right: 2px solid #bbdefb
}

.TeacherWork_main__2Yv1X>main>div>ul>li:first-child {
    border-left: 2px solid #bbdefb
}

.TeacherWork_main__2Yv1X>main .TeacherWork_totalUl__1Uxzr {
    background: #70ccfa;
    display: grid;
    grid-template-columns: 230px repeat(12,60px);
    grid-template-rows: 30px;
    font-size: 12px
}

.TeacherWork_main__2Yv1X>main .TeacherWork_totalUl__1Uxzr>li {
    display: flex;
    justify-content: center;
    align-items: center;
    border: none
}

.TeacherWork_main__2Yv1X>main .TeacherWork_totalUl__1Uxzr>li:first-child {
    border-left: 2px solid #bbdefb;
    display: flex;
    justify-content: flex-end;
    padding-right: 30px
}

.WorkYears_main__2stvP {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    max-width: 950px
}

.WorkYears_main__2stvP>h2 {
    background: #bbdefb;
    font-weight: 700
}

.WorkYears_main__2stvP>h2,.WorkYears_main__2stvP>h3 {
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 16px
}

.WorkYears_main__2stvP header {
    display: grid;
    grid-template-columns: 320px 350px 280px;
    grid-template-rows: 170px;
    font-size: 14px
}

.WorkYears_main__2stvP header>ul {
    display: grid;
    grid-template-columns: 230px 90px
}

.WorkYears_main__2stvP header>ul>li {
    display: flex;
    border: 1px solid #bbdefb;
    border-top: 2px solid #bbdefb;
    align-items: center;
    justify-content: center;
    text-align: center
}

.WorkYears_main__2stvP header>ul>li:first-child {
    border-left: 2px solid #bbdefb
}

.WorkYears_main__2stvP header>section {
    display: grid;
    grid-template-columns: 350px 280px
}

.WorkYears_main__2stvP header>section>div {
    display: grid;
    grid-template-rows: 30px 140px
}

.WorkYears_main__2stvP header>section>div>span {
    border-top: 2px solid #bbdefb;
    text-align: center
}

.WorkYears_main__2stvP header>section>div>ul {
    display: grid;
    grid-template-columns: 70px 70px 70px 70px 70px
}

.WorkYears_main__2stvP header>section>div>ul>li {
    display: flex;
    flex-direction: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb
}

.WorkYears_main__2stvP header>section>div>ul>li>span {
    text-align: center;
    transform: rotate(-90deg)
}

.WorkYears_main__2stvP header>section>section {
    display: grid;
    grid-template-rows: 30px 140px
}

.WorkYears_main__2stvP header>section>section>span {
    border: 2px solid #bbdefb;
    border-bottom: none;
    text-align: center
}

.WorkYears_main__2stvP header>section>section>ul {
    display: grid;
    grid-template-columns: 70px 70px 70px 70px
}

.WorkYears_main__2stvP header>section>section>ul>li {
    display: flex;
    flex-direction: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb
}

.WorkYears_main__2stvP header>section>section>ul>li:last-child {
    border-right: 2px solid #bbdefb
}

.WorkYears_main__2stvP header>section>section>ul>li>span {
    text-align: center;
    transform: rotate(-90deg)
}

.WorkYears_main__2stvP>main>div .WorkYears_total__3dEom {
    background: #70ccfa
}

.WorkYears_main__2stvP>main>div .WorkYears_total__3dEom>li {
    border: none
}

.WorkYears_main__2stvP>main>div .WorkYears_total__3dEom>li:first-child {
    display: flex;
    padding-right: 30px;
    justify-content: flex-end;
    align-items: center
}

.WorkYears_main__2stvP>main>div .WorkYears_fTotal__1weeJ {
    background: #a3dffd
}

.WorkYears_main__2stvP>main>div .WorkYears_fTotal__1weeJ>li {
    border: none
}

.WorkYears_main__2stvP>main>div .WorkYears_fTotal__1weeJ>li:first-child {
    display: flex;
    padding-right: 30px;
    justify-content: flex-end;
    align-items: center
}

.WorkYears_main__2stvP>main>div>ul {
    display: grid;
    grid-template-columns: 230px 90px repeat(9,70px);
    grid-template-rows: 30px;
    font-size: 12px
}

.WorkYears_main__2stvP>main>div>ul>li {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: 1px solid #bbdefb
}

.WorkYears_main__2stvP>main>div>ul>li:first-child {
    border-left: 2px solid #bbdefb
}

.WorkYears_main__2stvP>main>div>ul>li:last-child {
    border-right: 2px solid #bbdefb
}

.Scarcity_main__NXCus {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 955px
}

.Scarcity_main__NXCus>h2 {
    background: #bbdefb
}

.Scarcity_main__NXCus>h2,.Scarcity_main__NXCus>h3 {
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 16px
}

.Scarcity_main__NXCus>header {
    display: grid;
    grid-template-columns: 475px 480px;
    grid-template-rows: 170px;
    font-size: 14px
}

.Scarcity_main__NXCus>header>span {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-left: 1px solid #bbdefb;
    border-top: 1px solid #bbdefb;
    border-color: #bbdefb;
    border-style: solid;
    border-width: 2px 1px 1px 2px
}

.Scarcity_main__NXCus>header>ul {
    display: grid;
    grid-template-columns: repeat(8,60px)
}

.Scarcity_main__NXCus>header>ul>li {
    display: flex;
    border: 1px solid #bbdefb;
    border-top: 2px solid #bbdefb;
    text-align: center;
    align-items: center;
    justify-content: center
}

.Scarcity_main__NXCus>header>ul>li:last-child {
    border-right: 2px solid #bbdefb
}

.Scarcity_main__NXCus>header>ul>li>span {
    text-align: center;
    transform: rotate(-90deg)
}

.Scarcity_main__NXCus main {
    display: flex;
    flex-direction: column;
    font-size: 12px
}

.Scarcity_main__NXCus main>div>span {
    width: 100%;
    height: 30px;
    border-left: 1px solid #bbdefb;
    border-right: 1px solid #bbdefb;
    border-color: #bbdefb;
    border-style: solid;
    border-width: 1px 2px;
    padding-left: 190px;
    display: flex;
    align-items: center
}

.Scarcity_main__NXCus main>div>ul {
    display: grid;
    grid-template-columns: 475px repeat(8,60px)
}

.Scarcity_main__NXCus main>div>ul input[type=number]::-webkit-inner-spin-button,.Scarcity_main__NXCus main>div>ul input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none
}

.Scarcity_main__NXCus main>div>ul>li {
    display: block;
    border: 1px solid #bbdefb;
    justify-content: center;
    align-items: center;
    padding: 5px 0;
    text-align: center
}

.Scarcity_main__NXCus main>div>ul>li:first-child {
    text-align: left;
    border-left: 2px solid #bbdefb
}

.Scarcity_main__NXCus main>div>ul>li:last-child {
    border-right: 2px solid #bbdefb
}

.Scarcity_main__NXCus main>div>ul>li>input {
    font-size: 12px;
    width: 100%;
    text-align: center
}

.Scarcity_main__NXCus main>div>ul>li:first-child {
    padding: 5px 15px;
    justify-content: start
}

.Scarcity_main__NXCus main>div>ul>li:first-child>span {
    padding-left: 30px;
    height: 30px
}

.Scarcity_main__NXCus main>div>ul:last-child {
    background: #70ccfa
}

.Scarcity_main__NXCus main>div>ul:last-child>li:first-child {
    display: flex;
    justify-content: flex-end;
    padding-right: 25px
}

.GeneralSum_container__2mhHT {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 952px
}

.GeneralSum_container__2mhHT>h2 {
    background: #bbdefb;
    font-weight: 700
}

.GeneralSum_container__2mhHT>h2,.GeneralSum_container__2mhHT>h3 {
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 16px
}

.GeneralSum_container__2mhHT .GeneralSum_main__1bySA {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 14px
}

.GeneralSum_container__2mhHT .GeneralSum_main__1bySA .GeneralSum_darkBlue__1L61E {
    background: #70ccfa
}

.GeneralSum_container__2mhHT .GeneralSum_main__1bySA .GeneralSum_lightBlue__1eRT6 {
    background: #a3dffd
}

.GeneralSum_container__2mhHT .GeneralSum_main__1bySA h3 {
    text-align: center;
    margin: 20px
}

.GeneralSum_container__2mhHT .GeneralSum_main__1bySA header {
    display: grid;
    grid-template-columns: 370px 291px 291px;
    grid-template-rows: 90px
}

.GeneralSum_container__2mhHT .GeneralSum_main__1bySA header ul {
    display: grid;
    grid-template-columns: 40px 330px
}

.GeneralSum_container__2mhHT .GeneralSum_main__1bySA header ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 2px solid #bbdefb;
    border-right: none;
    border-bottom: none
}

.GeneralSum_container__2mhHT .GeneralSum_main__1bySA header ul>li .GeneralSum_lineNum__1CcEa {
    transform: rotate(-90deg)
}

.GeneralSum_container__2mhHT .GeneralSum_main__1bySA header div {
    display: grid;
    grid-template-rows: 40px 50px
}

.GeneralSum_container__2mhHT .GeneralSum_main__1bySA header div>span {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #bbdefb;
    border-left: none
}

.GeneralSum_container__2mhHT .GeneralSum_main__1bySA header div>section {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.GeneralSum_container__2mhHT .GeneralSum_main__1bySA header div>section>span {
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 2px solid #bbdefb
}

.GeneralSum_container__2mhHT .GeneralSum_main__1bySA header div:nth-child(2)>span {
    border-left: 2px solid #bbdefb
}

.GeneralSum_container__2mhHT .GeneralSum_main__1bySA main {
    display: flex;
    flex-direction: column;
    border: 2px solid #bbdefb;
    border-bottom: none
}

.GeneralSum_container__2mhHT .GeneralSum_main__1bySA main>div>.GeneralSum_mainHeader__1yeTI {
    width: 100%;
    height: 30px;
    padding-left: 190px;
    display: flex;
    align-items: center
}

.GeneralSum_container__2mhHT .GeneralSum_main__1bySA main>div>div {
    display: grid;
    grid-template-columns: auto 145px 145px
}

.GeneralSum_container__2mhHT .GeneralSum_main__1bySA main>div>div>section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0
}

.GeneralSum_container__2mhHT .GeneralSum_main__1bySA main>div>div>section>ul {
    display: grid;
    grid-template-columns: 40px 330px repeat(4,145px);
    grid-template-rows: 30px
}

.GeneralSum_container__2mhHT .GeneralSum_main__1bySA main>div>div>section>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #bbdefb;
    border-bottom: none;
    border-left: none
}

.GeneralSum_container__2mhHT .GeneralSum_main__1bySA main>div>div>section>ul>li:nth-child(2) {
    display: flex;
    justify-content: flex-start;
    padding-left: 20px
}

.GeneralSum_container__2mhHT .GeneralSum_main__1bySA main>div>div>section>ul>li:nth-child(3) {
    background: #70ccfa;
    border: none
}

.GeneralSum_container__2mhHT .GeneralSum_main__1bySA main>div>div>section>ul>li:nth-child(4) {
    background: #a3dffd;
    border: none
}

.GeneralSum_container__2mhHT .GeneralSum_main__1bySA main>div>div>section>ul>li:nth-child(5) {
    background: #70ccfa;
    border: none
}

.GeneralSum_container__2mhHT .GeneralSum_main__1bySA main>div>div>section>ul>li:nth-child(6) {
    background: #a3dffd;
    border: none
}

.GeneralSum_container__2mhHT .GeneralSum_main__1bySA main>div>div>section>ul:last-child>li:first-child,.GeneralSum_container__2mhHT .GeneralSum_main__1bySA main>div>div>section>ul:last-child li:nth-child(2) {
    border-bottom: 2px solid #bbdefb
}

.GeneralSum_container__2mhHT .GeneralSum_main__1bySA main>div>div>span {
    border: none;
    width: 145px;
    height: 100%
}

@media print {
    .GeneralSum_container__2mhHT {
        page-break-after: always
    }
}

.Teachers_main__1UCHP>header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0
}

.Teachers_tableList__3lkbG {
    overflow: hidden
}

.Teachers_tableList__3lkbG>div>div {
    display: grid;
    grid-template-columns: 64px 237px 84px 255px 104px 95px 100px;
    border-bottom: 1px solid #e2e2e2
}

.Teachers_tableList__3lkbG>div>div:hover {
    background: hsla(0,0%,97.3%,.61);
    cursor: pointer
}

.Teachers_tableList__3lkbG>div>div>p {
    padding: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .Teachers_main__1UCHP>header {
        font-size:12px;
        margin-right: 0;
        height: 30px;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        left: 0
    }

    .Teachers_tableList__3lkbG {
        height: 100%;
        overflow: hidden
    }

    .Teachers_tableList__3lkbG>div>div {
        grid-template-columns: 33% 14% 19% 18% 16%;
        font-size: 12px
    }

    .Teachers_tableList__3lkbG>div>div>p {
        height: 30px;
        padding: 5px 0 5px 10px
    }
}

.ant-select-selector {
    border-radius: 20px!important
}

.Table2_main__1VfkR>header {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    background: #bbdefb;
    padding-top: 6px;
    height: 40px;
    width: 100%
}

.Table2_main__1VfkR>header>span {
    height: 100%;
    border-left: 1px solid #fff
}

.Table2_main__1VfkR>header>span:first-child {
    width: 6.8%;
    text-align: center
}

.Table2_main__1VfkR>header>span:nth-child(2) {
    flex-grow: 1.85;
    padding-left: 10px
}

.Table2_main__1VfkR>header>span:nth-child(3) {
    width: 9%;
    text-align: center
}

.Table2_main__1VfkR>header>span:nth-child(4) {
    flex-grow: 3;
    padding-left: 10px
}

.Table2_main__1VfkR>header>span:nth-child(5) {
    width: 11%;
    text-align: center
}

.Table2_main__1VfkR>header>span:nth-child(6) {
    width: 10%;
    text-align: center
}

.Table2_main__1VfkR>header>span:nth-child(7) {
    width: 11%;
    text-align: center
}

.Table2_main__1VfkR>footer>div>div {
    height: 33px;
    margin-top: 30px
}

.Table2_main__1VfkR>footer>span>i {
    display: block;
    height: 50px;
    border-bottom: 1px solid #e2e2e2
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .Table2_main__1VfkR>header {
        display:flex;
        flex-direction: row;
        justify-content: start;
        align-items: center;
        background: #bbdefb;
        padding-top: 6px;
        height: 40px;
        width: 100%
    }

    .Table2_main__1VfkR>header>span {
        height: 100%;
        border-left: 1px solid #fff
    }

    .Table2_main__1VfkR>header>span:first-child {
        width: 33%;
        text-align: left
    }

    .Table2_main__1VfkR>header>span:nth-child(2) {
        width: 14%;
        text-align: left
    }

    .Table2_main__1VfkR>header>span:nth-child(3) {
        width: 19%;
        padding-right: 8px
    }

    .Table2_main__1VfkR>header>span:nth-child(4) {
        width: 18%;
        text-align: left
    }

    .Table2_main__1VfkR>header>span:nth-child(5) {
        width: 16%;
        text-align: left
    }

    .Table2_main__1VfkR>footer>span>i {
        height: 30px
    }
}

.AcademicYear_table__2hDfz {
    width: 1230px;
    border: 1px solid #bbdefb;
    margin: auto
}

.AcademicYear_table__2hDfz h3 {
    color: #000;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #bbdefb;
    padding: 10px 0
}

.AcademicYear_table__2hDfz .AcademicYear_t__17uHn {
    font-size: 16px;
    font-weight: 400;
    height: 40px;
    background: #5fb3fb;
    display: flex;
    align-items: center;
    justify-content: center
}

.AcademicYear_table__2hDfz .AcademicYear_total__3IKqs {
    font-size: 14px;
    display: grid;
    grid-template-columns: repeat(15,1fr);
    background: #5fb3fb
}

.AcademicYear_table__2hDfz .AcademicYear_total__3IKqs>li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    list-style-type: none;
    text-align: center;
    width: 1fr
}

.AcademicYear_table__2hDfz .AcademicYear_total__3IKqs>li:first-child {
    width: 108px
}

.AcademicYear_table__2hDfz .AcademicYear_total__3IKqs>li:nth-child(2) {
    width: 141px
}

.AcademicYear_table__2hDfz .AcademicYear_total__3IKqs>li:nth-child(13) {
    width: 114px
}

.AcademicYear_table__2hDfz .AcademicYear_total__3IKqs>li:nth-child(14) {
    width: 91px
}

.AcademicYear_table__2hDfz .AcademicYear_total__3IKqs>li:nth-child(15) {
    width: 92px
}

.AcademicYear_selectorContainer__1d7UM {
    display: flex;
    justify-content: flex-end;
    width: 1100px;
    margin: auto
}

.AcademicYear_selectorContainer__1d7UM .AcademicYear_staffSelect__2_a4g {
    width: 260px;
    margin-left: 30px
}

.AcademicYear_selectorContainer__1d7UM .AcademicYear_staffSelect__2_a4g>div {
    border-color: transparent;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 20px
}

.AcademicYear_selectorContainer__1d7UM .AcademicYear_staffSelect__2_a4g>div p {
    text-align: center
}

.AcademicYear_region__2_EZE {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 16px
}

.AcademicYear_region__2_EZE>span {
    height: 40px;
    background: #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400
}

.AcademicYear_region__2_EZE .AcademicYear_classes__2Pzjy {
    display: flex;
    flex-direction: column
}

.AcademicYear_region__2_EZE .AcademicYear_classes__2Pzjy>span {
    height: 40px;
    color: #0d36a6;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400
}

.AcademicYear_region__2_EZE .AcademicYear_classes__2Pzjy>header {
    font-size: 14px;
    display: grid;
    grid-template-columns: 250px 680px auto;
    background: #bbdefb
}

.AcademicYear_region__2_EZE .AcademicYear_classes__2Pzjy>header>ul:first-child {
    display: flex
}

.AcademicYear_region__2_EZE .AcademicYear_classes__2Pzjy>header>ul:first-child>li {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    border-right: 1px solid #fff
}

.AcademicYear_region__2_EZE .AcademicYear_classes__2Pzjy>header>ul:nth-child(2) {
    display: grid;
    grid-template-rows: 50px 60px;
    align-items: center
}

.AcademicYear_region__2_EZE .AcademicYear_classes__2Pzjy>header>ul:nth-child(2)>span {
    text-align: center
}

.AcademicYear_region__2_EZE .AcademicYear_classes__2Pzjy>header>ul:nth-child(2)>span:last-child {
    display: grid;
    grid-template-columns: repeat(10,1fr);
    border-top: 1px solid #fff
}

.AcademicYear_region__2_EZE .AcademicYear_classes__2Pzjy>header>ul:nth-child(2)>span:last-child>li {
    border-right: 1px solid #fff;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center
}

.AcademicYear_region__2_EZE .AcademicYear_classes__2Pzjy>header>ul:nth-child(2)>span:last-child>li:last-child {
    border-right: none
}

.AcademicYear_region__2_EZE .AcademicYear_classes__2Pzjy>header>ul:nth-child(3) {
    display: flex;
    border-left: 1px solid #fff
}

.AcademicYear_region__2_EZE .AcademicYear_classes__2Pzjy>header>ul:nth-child(3)>li {
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #fff;
    text-align: center
}

.AcademicYear_region__2_EZE .AcademicYear_classes__2Pzjy>header>ul:nth-child(3)>li:nth-child(2) {
    width: 93px
}

.AcademicYear_region__2_EZE .AcademicYear_classes__2Pzjy>header>ul:nth-child(3)>li:last-child {
    border-right: none
}

.AcademicYear_region__2_EZE .AcademicYear_classes__2Pzjy>main {
    font-size: 14px;
    text-decoration: none
}

.AcademicYear_region__2_EZE .AcademicYear_classes__2Pzjy>main>ul {
    display: grid;
    grid-template-columns: repeat(15,1fr)
}

.AcademicYear_region__2_EZE .AcademicYear_classes__2Pzjy>main>ul>li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    list-style-type: none;
    text-align: center;
    border: 1px solid #bbdefb
}

.AcademicYear_region__2_EZE .AcademicYear_classes__2Pzjy>main>ul>li:first-child {
    width: 108px
}

.AcademicYear_region__2_EZE .AcademicYear_classes__2Pzjy>main>ul>li:nth-child(2) {
    width: 141px
}

.AcademicYear_region__2_EZE .AcademicYear_classes__2Pzjy>main>ul>li:nth-child(13) {
    width: 114px
}

.AcademicYear_region__2_EZE .AcademicYear_classes__2Pzjy>main>ul>li:nth-child(14) {
    width: 91px
}

.AcademicYear_region__2_EZE .AcademicYear_classes__2Pzjy>main>ul>li:nth-child(15) {
    width: 92px
}

@media print {
    .AcademicYear_pagebreak__2FsDV {
        page-break-after: always
    }
}

.AcademicYearContainer_main__18gtq {
    margin-top: 30px;
    display: flex;
    flex-direction: column
}

.AcademicYearContainer_main__18gtq .AcademicYearContainer_table___lgax {
    margin: 30px auto
}

.AcademicYearContainer_selectorContainer__1erBw {
    display: flex;
    justify-content: flex-end;
    width: 1100px;
    margin: auto
}

.AcademicYearContainer_selectorContainer__1erBw .AcademicYearContainer_staffSelect__1_bgj {
    width: 260px;
    margin-left: 30px
}

.AcademicYearContainer_selectorContainer__1erBw .AcademicYearContainer_staffSelect__1_bgj>div {
    border-color: transparent;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 20px
}

.AcademicYearContainer_selectorContainer__1erBw .AcademicYearContainer_staffSelect__1_bgj>div p {
    text-align: center
}

@media print {
    .AcademicYearContainer_main__18gtq {
        zoom:.5;margin: -100px
    }
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .AcademicYearContainer_main__18gtq {
        margin-top:20px
    }

    .AcademicYearContainer_main__18gtq .AcademicYearContainer_table___lgax {
        margin: 20px auto;
        width: 100vw;
        overflow: scroll
    }

    .AcademicYearContainer_main__18gtq .AcademicYearContainer_table___lgax>div {
        zoom:.7}

    .AcademicYearContainer_main__18gtq .AcademicYearContainer_selectorContainer__1erBw {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100vw;
        grid-gap: 30px;
        gap: 30px;
        margin: auto
    }

    .AcademicYearContainer_main__18gtq .AcademicYearContainer_selectorContainer__1erBw>.AcademicYearContainer_staffSelect__1_bgj {
        width: 100%;
        margin: 0
    }
}

.tablesheet .ant-table-cell {
    padding: 14px!important
}

.tablesheet .ant-table-thead>tr>th {
    background-color: #bbdefb
}

.ToFirstClass_main__37Oyh {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: start
}

.ToFirstClass_main__37Oyh>div {
    height: 100%
}

.ToFirstClass_main__37Oyh>div:first-child {
    width: 18%;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
    padding-top: 90px
}

.ToFirstClass_main__37Oyh>div:first-child>a {
    padding: 10px 0;
    display: block;
    width: 100%;
    background-color: initial;
    text-decoration: none;
    transition: all;
    transition-timing-function: linear;
    transition-duration: 75ms
}

.ToFirstClass_main__37Oyh>div:first-child>a>div {
    display: flex;
    flex-direction: row;
    align-items: center;
    grid-column-gap: 20px;
    column-gap: 20px;
    width: 70%;
    margin: 0 auto
}

.ToFirstClass_main__37Oyh>div:first-child>a>div>p {
    font-size: 16px;
    font-weight: 400;
    color: #2979ff;
    text-transform: uppercase
}

.ToFirstClass_main__37Oyh>div:first-child>a:hover {
    border-left: 4px solid #3365e1;
    background-color: #eff6ff
}

.ToFirstClass_main__37Oyh>div:nth-child(2) {
    width: 82%
}

.ToFirstClass_navLinkActive__3uaom {
    border-left: 4px solid #3365e1;
    background-color: #eff6ff!important
}

.StaffsAdministration_main__ub3Q9>header {
    grid-template-columns: 60px repeat(3,170px) 332px 1fr;
    width: 1060px
}

.StaffsAdministration_main__ub3Q9>header>span:last-child {
    padding-left: 17px;
    justify-content: start
}

.StaffsAdministration_tableList__2lyJW {
    height: 520px;
    overflow: scroll
}

.StaffsAdministration_tableList__2lyJW>div>div {
    display: grid;
    grid-template-columns: 60px repeat(3,170px) 332px 1fr;
    border-bottom: 1px solid #e2e2e2
}

.StaffsAdministration_tableList__2lyJW>div>div:hover {
    background: hsla(0,0%,97.3%,.61);
    cursor: pointer
}

.StaffsAdministration_tableList__2lyJW>div>div>p {
    padding: 10px 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.StaffsAdministration_tableList__2lyJW>div>div>span {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0 15px
}

.StaffsAdministration_tableList__2lyJW>div>div>span>button {
    border: none;
    display: inline-block;
    background: transparent;
    cursor: pointer
}

.StaffsTeachers_main__3ACaz>header {
    grid-template-columns: 60px repeat(3,170px) 332px 1fr;
    width: 1060px
}

.StaffsTeachers_main__3ACaz>header>span:last-child {
    justify-content: start;
    padding-left: 17px
}

.StaffsTeachers_tableList__20aZa {
    height: 520px;
    overflow: scroll
}

.StaffsTeachers_tableList__20aZa>div>div {
    display: grid;
    grid-template-columns: 60px repeat(3,170px) 332px 1fr;
    border-bottom: 1px solid #e2e2e2
}

.StaffsTeachers_tableList__20aZa>div>div:hover {
    background: hsla(0,0%,97.3%,.61);
    cursor: pointer
}

.StaffsTeachers_tableList__20aZa>div>div>p {
    padding: 10px 20px;
    pointer-events: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.StaffsTeachers_tableList__20aZa>div>div>p:first-child {
    white-space: normal;
    overflow: initial;
    text-overflow: clip
}

.StaffsTeachers_tableList__20aZa>div>div>ul {
    padding: 10px 20px
}

.StaffsTeachers_tableList__20aZa>div>div>ul>li {
    margin-top: 10px
}

.StaffsTeachers_tableList__20aZa>div>div>ul>li:first-child {
    margin-top: 0
}

.StaffsTeachers_tableList__20aZa>div>div>span {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0 15px
}

.StaffsTeachers_tableList__20aZa>div>div>span>button {
    border: none;
    display: inline-block;
    background: transparent;
    cursor: pointer
}

.FormPersonal_main__1qmHz {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 40px;
    align-items: center
}

.FormPersonal_main__1qmHz>span {
    display: block
}

.FormPersonal_main__1qmHz>span label {
    display: block;
    width: 180px;
    height: 190px;
    background: no-repeat 50%/cover;
    cursor: pointer;
    position: relative;
    z-index: 1
}

.FormPersonal_main__1qmHz>span label:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: transparent;
    z-index: 2;
    transition: all .3s ease-in-out
}

.FormPersonal_main__1qmHz>span label:hover:after {
    background: rgba(0,0,0,.2);
    transition: all .3s ease-in-out
}

.FormPersonal_main__1qmHz>div {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-column-gap: 30px;
    grid-row-gap: 22px
}

.FormPersonal_main__1qmHz>div>div:last-child {
    grid-column: 2/-1
}

.FormPersonal_main__1qmHz>div>div>i {
    display: block;
    height: 40px;
    border-radius: 5px;
    position: relative;
    background-color: #e7edf1;
    overflow: hidden
}

.FormPersonal_main__1qmHz>div>div>i:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: FormPersonal_loading__2I_YL 1.5s infinite
}

@keyframes FormPersonal_loading__2I_YL {
    to {
        transform: translateX(100%)
    }
}

.FormProfessionally_main__1jqqk {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-column-gap: 30px;
    grid-row-gap: 20px;
    padding-bottom: 4px
}

.FormProfessionally_main__1jqqk>div:first-child {
    grid-column: 1/3
}

.FormProfessionally_main__1jqqk>div:nth-child(2) {
    grid-column: 3/-1
}

.FormProfessionally_main__1jqqk>div:nth-child(3) {
    grid-column: 1/3;
    grid-row: 2
}

.FormProfessionally_main__1jqqk>div:nth-child(4) {
    grid-column: 3/-1;
    grid-row: 2
}

.FormProfessionally_main__1jqqk>div>i {
    display: block;
    height: 40px;
    border-radius: 5px;
    position: relative;
    background-color: #e7edf1;
    overflow: hidden
}

.FormProfessionally_main__1jqqk>div>i:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: FormProfessionally_loading__15U8Y 1.5s infinite
}

@keyframes FormProfessionally_loading__15U8Y {
    to {
        transform: translateX(100%)
    }
}

.FormPrivate_main__2b_VF>h1 {
    font-size: 18px;
    color: #2979ff
}

.FormPrivate_main__2b_VF>div {
    width: 280px;
    margin-top: 40px
}

.FormPrivate_main__2b_VF>span {
    display: flex;
    align-items: center;
    grid-gap: 15px;
    margin-top: 40px;
    padding-bottom: 46px
}

.FormPrivate_main__2b_VF>span>input {
    transform: scale(1.2);
    margin-top: 2px;
    cursor: pointer
}

.FormPrivate_main__2b_VF>span>label {
    cursor: pointer
}

.UniversalForm_main__aS2Rl {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 25px;
    width: 1008px
}

.UniversalForm_main__aS2Rl>h1 {
    font-size: 22px;
    color: #2979ff
}

.UniversalForm_main__aS2Rl>main,.UniversalForm_main__aS2Rl>nav {
    margin-top: 35px
}

.UniversalForm_main__aS2Rl>.UniversalForm_view__IX8am {
    position: relative
}

.UniversalForm_main__aS2Rl>.UniversalForm_view__IX8am * {
    color: rgba(0,0,0,.5019607843137255);
    pointer-events: none!important
}

.UniversalForm_main__aS2Rl>.UniversalForm_view__IX8am:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.UniversalForm_main__aS2Rl>footer {
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: center
}

.UniversalForm_main__aS2Rl>footer>span {
    display: flex;
    align-items: center;
    grid-gap: 40px
}

.UniversalForm_main__aS2Rl>footer>span>button {
    width: 160px
}

.Transfer_main__HWEil {
    padding: 10px 15px;
    width: 830px
}

.Transfer_main__HWEil>h1 {
    color: #2979ff;
    margin-bottom: 20px;
    font-size: 22px
}

.Transfer_main__HWEil>header {
    display: grid;
    grid-template-columns: 2fr 200px;
    position: relative;
    z-index: 100
}

.Transfer_main__HWEil>header>div:first-child {
    display: grid;
    grid-gap: 20px
}

.Transfer_main__HWEil>header>div:first-child>p {
    color: rgba(0,0,0,.5)
}

.Transfer_main__HWEil>header>i {
    display: block;
    width: 199px;
    height: 40px;
    border-radius: 5px;
    position: relative;
    background-color: #e7edf1;
    overflow: hidden
}

.Transfer_main__HWEil>header>i:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: Transfer_loading__3K3Tr 1.5s infinite
}

.Transfer_main__HWEil>main {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    margin-top: 35px;
    grid-gap: 40px
}

.Transfer_main__HWEil>main>section {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: repeat(2,1fr)
}

.Transfer_main__HWEil>main>section>div {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 30px
}

.Transfer_main__HWEil>main>section>div:first-child>div:first-child>div>p,.Transfer_main__HWEil>main>section>div:nth-child(2)>div:nth-child(2)>div>p {
    position: absolute
}

.Transfer_main__HWEil>main>section>div>span {
    display: block;
    height: 64px
}

.Transfer_main__HWEil>main>section>div>div .Transfer_loaderMessageSelect__3zAQk {
    display: block;
    height: 40px;
    border-radius: 5px;
    position: relative;
    background-color: #e7edf1;
    overflow: hidden
}

.Transfer_main__HWEil>main>section>div>div .Transfer_loaderMessageSelect__3zAQk:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: Transfer_loading__3K3Tr 1.5s infinite
}

@keyframes Transfer_loading__3K3Tr {
    to {
        transform: translateX(100%)
    }
}

.Transfer_main__HWEil .Transfer_view__3Xmat {
    position: relative
}

.Transfer_main__HWEil .Transfer_view__3Xmat:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1
}

.Transfer_main__HWEil .Transfer_view__3Xmat * {
    color: rgba(0,0,0,.5019607843137255)
}

.Transfer_main__HWEil>footer {
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 30px
}

.Transfer_main__HWEil>footer>button {
    width: 160px
}

.Administrator_main__1Oi0_>header {
    grid-template-columns: 60px repeat(3,141px) 84px 147px 161px 1fr
}

.Administrator_tableList__3Wt2f {
    height: 520px;
    overflow: auto
}

.Administrator_tableList__3Wt2f>div>div {
    display: grid;
    grid-template-columns: 60px repeat(3,141px) 84px 167px 161px 1fr;
    border-bottom: 1px solid #e2e2e2
}

.Administrator_tableList__3Wt2f>div>div:hover {
    background: hsla(0,0%,97.3%,.61);
    cursor: pointer
}

.Administrator_tableList__3Wt2f>div>div>p {
    padding: 10px 20px;
    pointer-events: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(0,0,0,.5019607843137255)
}

.Administrator_tableList__3Wt2f>div>.Administrator_view__3moAN>p {
    color: #2962ff
}

.Students_main__3MoD4>header {
    grid-template-columns: 60px repeat(3,131px) 90px 80px 75px 155px 1fr
}

.Students_tableList__2VZxs {
    height: 520px;
    overflow: auto
}

.Students_tableList__2VZxs>div>div {
    display: grid;
    grid-template-columns: 60px repeat(3,131px) 90px 80px 75px 155px 1fr;
    border-bottom: 1px solid #e2e2e2
}

.Students_tableList__2VZxs>div>div:hover {
    background: hsla(0,0%,97.3%,.61);
    cursor: pointer
}

.Students_tableList__2VZxs>div>div>p {
    padding: 10px 20px;
    pointer-events: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(0,0,0,.5019607843137255)
}

.Students_tableList__2VZxs>div>.Students_view__2ZqC6>p {
    color: #2962ff
}

.Teachers_main__ICMgp>header {
    grid-template-columns: 60px repeat(3,141px) 84px 147px 161px 1fr
}

.Teachers_tableList__oG4ZR {
    height: 520px;
    overflow: auto
}

.Teachers_tableList__oG4ZR>div>div {
    display: grid;
    grid-template-columns: 60px repeat(3,141px) 84px 167px 161px 1fr;
    border-bottom: 1px solid #e2e2e2
}

.Teachers_tableList__oG4ZR>div>div:hover {
    background: hsla(0,0%,97.3%,.61);
    cursor: pointer
}

.Teachers_tableList__oG4ZR>div>div>p {
    padding: 10px 20px;
    pointer-events: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(0,0,0,.5019607843137255)
}

.Teachers_tableList__oG4ZR>div>.Teachers_view__3okmC>p {
    color: #2962ff
}

.Message_main__DGY29 {
    position: relative
}

.Message_main__DGY29>p {
    position: absolute;
    left: -152px;
    font-size: 18px;
    color: #2962ff;
    display: flex;
    align-items: center;
    grid-gap: 5px;
    margin-top: 10px;
    cursor: pointer
}

.Message_main__DGY29>p>svg {
    font-size: 22px;
    margin-top: -5px
}

.Message_main__DGY29>p>svg>g>path {
    color: #2962ff
}

.Message_main__DGY29>h1 {
    margin-top: 25px;
    font-size: 22px;
    color: #2962ff
}

.AlertModal_main__djcM5 {
    padding: 15px 54px;
    width: 640px
}

.AlertModal_main__djcM5>h2 {
    color: #2979ff;
    text-transform: uppercase;
    line-height: 35px
}

.AlertModal_main__djcM5>h2,.AlertModal_main__djcM5>h3 {
    text-align: center;
    font-size: 24px;
    padding: 10px
}

.AlertModal_main__djcM5>div {
    padding: 10px 0
}

.AlertModal_main__djcM5>div>p {
    font-size: 18px;
    margin-bottom: 5px
}

.AlertModal_main__djcM5>div>p>span {
    color: #2979ff
}

.AlertModal_main__djcM5>div:nth-child(4)>p {
    text-align: center;
    font-size: 20px;
    color: #777776;
    line-height: 35px
}

.AlertModal_main__djcM5>footer {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
    grid-gap: 60px
}

.AlertModal_main__djcM5>footer>button {
    width: 160px
}

.Staffs_spaceBetween__2o-tk {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center
}

.Staffs_a__3dfMN {
    padding: 3px 2px;
    width: 297px;
    z-index: 1000
}

.Staffs_a__3dfMN>div {
    background: #fff;
    height: 41px;
    border-radius: 0
}

.Staffs_main__2Ik75 {
    height: 100%;
    position: relative
}

.Staffs_main__2Ik75 .Staffs_container__1vy_4 {
    max-width: 1270px;
    margin: 0 auto;
    display: block;
    padding: 30px
}

.Staffs_main__2Ik75 .Staffs_container__1vy_4>header:first-child {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.Staffs_main__2Ik75 .Staffs_container__1vy_4>header:first-child>button {
    margin-top: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: none;
    outline: none;
    background: none;
    cursor: pointer
}

.Staffs_main__2Ik75 .Staffs_container__1vy_4>button {
    width: 180px;
    margin-top: 20px
}

.Staffs_main__2Ik75 .Staffs_container__1vy_4>i {
    display: block;
    height: 40px;
    width: 199px;
    border-radius: 5px;
    margin-top: 20px;
    position: relative;
    background-color: #e7edf1;
    overflow: hidden
}

.Staffs_main__2Ik75 .Staffs_container__1vy_4>i:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: Staffs_loading__1a9TF 1.5s infinite
}

@keyframes Staffs_loading__1a9TF {
    to {
        transform: translateX(100%)
    }
}

.Staffs_main__2Ik75 .Staffs_container__1vy_4 .Staffs_staffSelect__3CRW0 {
    width: 290px;
    height: 40px;
    margin-top: 20px;
    margin-bottom: 30px
}

.Staffs_main__2Ik75 .Staffs_container__1vy_4 .Staffs_staffSelect__3CRW0>div {
    border-color: transparent;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 20px
}

.Staffs_main__2Ik75 .Staffs_container__1vy_4 .Staffs_staffSelect__3CRW0>div p {
    text-align: center
}

.Staffs_main__2Ik75 .Staffs_container__1vy_4 .Staffs_archiveSelect__O4NXU {
    width: 199px;
    margin-top: 20px
}

.Staffs_main__2Ik75 .Staffs_container__1vy_4 .Staffs_archiveSelect__O4NXU>div {
    border-color: transparent;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 25px
}

.Staffs_main__2Ik75 .Staffs_container__1vy_4 .Staffs_archiveSelect__O4NXU>div p {
    text-align: center
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Staffs_main__2Ik75 .Staffs_container__1vy_4 {
        padding:20px 0 0;
        max-width: 100vw
    }

    .Staffs_main__2Ik75 .Staffs_container__1vy_4>header:first-child {
        justify-content: space-between;
        flex-direction: column-reverse;
        align-items: flex-end
    }

    .Staffs_main__2Ik75 .Staffs_container__1vy_4>header>div:nth-child(2) {
        margin-bottom: 15px
    }
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .StaffsCaseContainer_main__1GML3 .StaffsCaseContainer_searchContainer__3PDZ_ {
        margin-bottom:20px
    }
}

.StaffsControlContainer_selectorsContainer__1HGHb {
    display: flex;
    flex-direction: row;
    grid-column-gap: 20px;
    column-gap: 20px;
    margin-bottom: 25px;
    justify-content: flex-end
}

.StaffsControlContainer_childrenSelect__3jG8j {
    width: 290px
}

.StaffsControlContainer_childrenSelect__3jG8j>div {
    border-color: transparent;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 25px
}

.StaffsControlContainer_childrenSelect__3jG8j>div p {
    text-align: center
}

.StaffsControlContainer_date__Yz9e3 {
    width: 292px
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .StaffsControlContainer_selectorsContainer__1HGHb {
        margin:20px 0
    }
}

.Periods_main__2HhZ5 {
    height: 100%;
    position: relative
}

.Periods_main__2HhZ5 .Periods_container__89ROX {
    max-width: 1270px;
    margin: 0 auto;
    display: block;
    padding: 30px
}

.Periods_yearCalendarModal__1t4ha {
    z-index: 1000;
    top: 0!important;
    align-items: center
}

.Periods_yearCalendarModal__1t4ha>div {
    margin-top: 0!important
}

.Form_main__12jJk {
    padding: 15px 20px
}

.Form_main__12jJk .Form_title__1j0Ze>h1 {
    color: #2962ff;
    font-size: 22px
}

.Form_main__12jJk .Form_links__r1rc8 {
    margin-top: 30px
}

.Form_main__12jJk>div:last-child {
    position: relative
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Form_main__12jJk .Form_title__1j0Ze>h1 {
        font-size:12px
    }

    .Form_main__12jJk .Form_links__r1rc8 {
        margin-top: 10px
    }

    .Form_main__12jJk>div:last-child>div>header>div {
        grid-template-columns: repeat(6,1fr);
        width: 100%;
        grid-gap: 10px
    }

    .Form_main__12jJk>div:last-child>div>header>div>div p {
        font-size: 14px
    }

    .Form_main__12jJk>div:last-child>div>header>div>div:first-child,.Form_main__12jJk>div:last-child>div>header>div>div:nth-child(2) {
        grid-row: 1;
        grid-column: auto/span 2
    }

    .Form_main__12jJk>div:last-child>div>header>div>div:nth-child(3),.Form_main__12jJk>div:last-child>div>header>div>div:nth-child(4) {
        grid-row: 2;
        grid-column: auto/span 3
    }

    .Form_main__12jJk>div:last-child>div>header>div>div:nth-child(5),.Form_main__12jJk>div:last-child>div>header>div>div:nth-child(6) {
        grid-row: 3;
        grid-column: auto/span 3
    }

    .Form_main__12jJk>div:last-child>div>header>div>div:nth-child(7) {
        grid-row: 4;
        grid-column: auto/span 3
    }

    .Form_main__12jJk>div:last-child>div>header>div>div:nth-child(8) {
        grid-row: 5;
        grid-column: auto/span 6
    }

    .Form_main__12jJk>div:last-child>div>header>div>div:nth-child(9) {
        grid-row: 6;
        grid-column: auto/span 3
    }
}

.ClassesChange_mainContainer__1c44D>div:nth-child(2)>div {
    height: 700px
}

.ClassesChange_mainContainer__1c44D .ClassesChange_main__15TYg {
    height: 100%
}

.ClassesChange_mainContainer__1c44D .ClassesChange_main__15TYg .ClassesChange_classesSelect__13NFS {
    width: 199px
}

.ClassesChange_mainContainer__1c44D .ClassesChange_main__15TYg .ClassesChange_classesSelect__13NFS>div {
    border-color: transparent;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 25px
}

.ClassesChange_mainContainer__1c44D .ClassesChange_main__15TYg .ClassesChange_classesSelect__13NFS>div p {
    text-align: center
}

.ClassesChange_mainContainer__1c44D .ClassesChange_main__15TYg .ClassesChange_table__2wgyi {
    margin-top: 20px
}

.ClassesChange_mainContainer__1c44D .ClassesChange_main__15TYg .ClassesChange_table__2wgyi>header {
    grid-template-columns: 88px 80px 280px 105px 165px 200px 150px
}

.ClassesChange_mainContainer__1c44D .ClassesChange_main__15TYg .ClassesChange_tableList__1ixEw {
    height: 520px;
    overflow-y: auto
}

.ClassesChange_mainContainer__1c44D .ClassesChange_main__15TYg .ClassesChange_tableList__1ixEw>div>div {
    display: grid;
    grid-template-columns: 88px 80px 280px 105px 165px 200px 150px;
    border-bottom: 1px solid #e2e2e2
}

.ClassesChange_mainContainer__1c44D .ClassesChange_main__15TYg .ClassesChange_tableList__1ixEw>div>div:hover {
    background: #e3f2fd;
    border-bottom-color: #2962ff;
    cursor: pointer
}

.ClassesChange_mainContainer__1c44D .ClassesChange_main__15TYg .ClassesChange_tableList__1ixEw>div>div:hover>p,.ClassesChange_mainContainer__1c44D .ClassesChange_main__15TYg .ClassesChange_tableList__1ixEw>div>div:hover>p:first-child {
    color: #2962ff
}

.ClassesChange_mainContainer__1c44D .ClassesChange_main__15TYg .ClassesChange_tableList__1ixEw>div>div:hover>span>button:first-child>svg>path {
    fill: #2962ff
}

.ClassesChange_mainContainer__1c44D .ClassesChange_main__15TYg .ClassesChange_tableList__1ixEw>div>div:hover>span>button:last-child>svg {
    stroke: #2962ff
}

.ClassesChange_mainContainer__1c44D .ClassesChange_main__15TYg .ClassesChange_tableList__1ixEw>div>div>p {
    padding: 10px 20px;
    pointer-events: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ClassesChange_mainContainer__1c44D .ClassesChange_main__15TYg .ClassesChange_tableList__1ixEw>div>div>span {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0 15px
}

.ClassesChange_mainContainer__1c44D .ClassesChange_main__15TYg .ClassesChange_tableList__1ixEw>div>div>span>button {
    border: none;
    display: inline-block;
    background: transparent;
    cursor: pointer
}

.ClassesChange_mainContainer__1c44D .ClassesChange_main__15TYg .ClassesChange_tableList__1ixEw>div>div>span>button>svg {
    font-size: 22px
}

.ClassesChange_mainContainer__1c44D .ClassesChange_main__15TYg .ClassesChange_tableList__1ixEw>div>div>span>button>svg circle,.ClassesChange_mainContainer__1c44D .ClassesChange_main__15TYg .ClassesChange_tableList__1ixEw>div>div>span>button>svg path {
    color: #999
}

@media print {
    .ClassesChange_main__15TYg {
        margin-left: 30px
    }

    .ClassesChange_main__15TYg .ClassesChange_tableList__1ixEw {
        height: inherit!important
    }
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .ClassesChange_mainContainer__1c44D .ClassesChange_main__15TYg .ClassesChange_classesSelect__13NFS {
        margin-left:inherit
    }

    .ClassesChange_mainContainer__1c44D .ClassesChange_main__15TYg .ClassesChange_table__2wgyi .ClassesChange_tableListMobi__34zSp {
        height: 600px;
        overflow: scroll
    }

    .ClassesChange_mainContainer__1c44D .ClassesChange_main__15TYg .ClassesChange_table__2wgyi .ClassesChange_tableListMobi__34zSp div {
        width: 100%;
        overflow: scroll
    }

    .ClassesChange_mainContainer__1c44D .ClassesChange_main__15TYg .ClassesChange_table__2wgyi .ClassesChange_tableListMobi__34zSp div>.ClassesChange_rowOne__ZC9IK {
        display: grid;
        grid-template-columns: 15vw 15vw 40vw 28vw;
        height: 30px
    }

    .ClassesChange_mainContainer__1c44D .ClassesChange_main__15TYg .ClassesChange_table__2wgyi .ClassesChange_tableListMobi__34zSp div>.ClassesChange_rowOne__ZC9IK p,.ClassesChange_mainContainer__1c44D .ClassesChange_main__15TYg .ClassesChange_table__2wgyi .ClassesChange_tableListMobi__34zSp div>.ClassesChange_rowOne__ZC9IK span {
        font-size: 12px;
        padding-left: 10px;
        display: flex;
        align-items: center;
        border-left: 1px solid #fff
    }

    .ClassesChange_mainContainer__1c44D .ClassesChange_main__15TYg .ClassesChange_table__2wgyi .ClassesChange_tableListMobi__34zSp div>.ClassesChange_rowOne__ZC9IK:first-child {
        background: #e3f2fd
    }

    .ClassesChange_mainContainer__1c44D .ClassesChange_main__15TYg .ClassesChange_table__2wgyi .ClassesChange_tableListMobi__34zSp div>.ClassesChange_rowTwo__C8DhH {
        display: grid;
        grid-template-columns: 1fr 1fr
    }

    .ClassesChange_mainContainer__1c44D .ClassesChange_main__15TYg .ClassesChange_table__2wgyi .ClassesChange_tableListMobi__34zSp div>.ClassesChange_rowTwo__C8DhH p,.ClassesChange_mainContainer__1c44D .ClassesChange_main__15TYg .ClassesChange_table__2wgyi .ClassesChange_tableListMobi__34zSp div>.ClassesChange_rowTwo__C8DhH span {
        font-size: 12px;
        padding-left: 10px;
        display: flex;
        align-items: center;
        border-left: 1px solid #fff;
        height: 30px
    }

    .ClassesChange_mainContainer__1c44D .ClassesChange_main__15TYg .ClassesChange_table__2wgyi .ClassesChange_tableListMobi__34zSp div>header.ClassesChange_rowTwo__C8DhH {
        background: #e2e2e2;
        height: 30px
    }

    .ClassesChange_mainContainer__1c44D .ClassesChange_main__15TYg .ClassesChange_table__2wgyi .ClassesChange_tableListMobi__34zSp div>.ClassesChange_rowThree__1yC6K {
        display: grid;
        grid-template-columns: 1fr
    }

    .ClassesChange_mainContainer__1c44D .ClassesChange_main__15TYg .ClassesChange_table__2wgyi .ClassesChange_tableListMobi__34zSp div>.ClassesChange_rowThree__1yC6K>span {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0 15px;
        height: 30px;
        font-size: 12px
    }

    .ClassesChange_mainContainer__1c44D .ClassesChange_main__15TYg .ClassesChange_table__2wgyi .ClassesChange_tableListMobi__34zSp div>.ClassesChange_rowThree__1yC6K>span>button {
        border: none;
        display: inline-block;
        background: transparent;
        cursor: pointer
    }

    .ClassesChange_mainContainer__1c44D .ClassesChange_main__15TYg .ClassesChange_table__2wgyi .ClassesChange_tableListMobi__34zSp div>.ClassesChange_rowThree__1yC6K>span>button>svg {
        font-size: 20px
    }

    .ClassesChange_mainContainer__1c44D .ClassesChange_main__15TYg .ClassesChange_table__2wgyi .ClassesChange_tableListMobi__34zSp div>.ClassesChange_rowThree__1yC6K>span>button>svg circle,.ClassesChange_mainContainer__1c44D .ClassesChange_main__15TYg .ClassesChange_table__2wgyi .ClassesChange_tableListMobi__34zSp div>.ClassesChange_rowThree__1yC6K>span>button>svg path {
        color: #999
    }

    .ClassesChange_mainContainer__1c44D .ClassesChange_main__15TYg .ClassesChange_table__2wgyi .ClassesChange_tableListMobi__34zSp div>.ClassesChange_rowThree__1yC6K>span>button:not(:first-child) {
        padding-left: 20px
    }

    .ClassesChange_mainContainer__1c44D .ClassesChange_main__15TYg .ClassesChange_table__2wgyi .ClassesChange_tableListMobi__34zSp div>header.ClassesChange_rowThree__1yC6K {
        background: #e2e2e2;
        height: 30px
    }
}

.Settings_main__OPYT7 {
    height: 310px;
    width: 600px;
    padding: 25px 35px;
    background: #fff;
    box-shadow: 4px 4px 40px -6px #d0d0d0
}

.Settings_main__OPYT7>div {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-row-gap: 25px
}

.Settings_main__OPYT7>div>p:first-child {
    color: #2962ff;
    font-size: 22px;
    grid-column: 1/3
}

.Settings_main__OPYT7>div>p:nth-child(2) {
    grid-column: 1/3;
    color: rgba(0,0,0,.5);
    font-size: 18px
}

.Settings_main__OPYT7>div>p:nth-child(3) {
    grid-column: 1/3;
    color: rgba(0,0,0,.5);
    margin-left: 10px;
    margin-bottom: 5px
}

.Settings_main__OPYT7>div:nth-child(2)>div>span i {
    pointer-events: none
}

.Settings_main__OPYT7>div:nth-child(2)>div>span i:hover {
    color: inherit
}

.Settings_main__OPYT7>div:nth-child(2)>i {
    display: block;
    height: 40px;
    border-radius: 5px;
    position: relative;
    background-color: #e7edf1;
    overflow: hidden
}

.Settings_main__OPYT7>div:nth-child(2)>i:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: Settings_loading__1JbTZ 1.5s infinite
}

@keyframes Settings_loading__1JbTZ {
    to {
        transform: translateX(100%)
    }
}

.Settings_main__OPYT7>span {
    display: flex;
    justify-content: center;
    margin-top: 70px;
    grid-gap: 40px;
    gap: 40px
}

.Settings_main__OPYT7>span>button {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #fff;
    background: #2979ff;
    border: none;
    height: 40px;
    border-radius: 25px;
    cursor: pointer;
    width: 160px
}

.ClassesSubjects_main__1PCIV {
    height: 100%
}

.ClassesSubjects_main__1PCIV>button {
    width: 160px
}

.ClassesSubjects_main__1PCIV .ClassesSubjects_table__M75iq {
    margin-top: 20px
}

.ClassesSubjects_main__1PCIV .ClassesSubjects_table__M75iq>header {
    grid-template-columns: 60px 400px 1fr
}

.ClassesSubjects_main__1PCIV .ClassesSubjects_table__M75iq>header>span:last-child {
    padding-left: 17px;
    justify-content: start
}

.ClassesSubjects_main__1PCIV .ClassesSubjects_tableList__3cVDc {
    height: 520px;
    overflow-y: auto
}

.ClassesSubjects_main__1PCIV .ClassesSubjects_tableList__3cVDc>div>div {
    display: grid;
    grid-template-columns: 60px 400px 421px 1fr;
    border-bottom: 1px solid #e2e2e2
}

.ClassesSubjects_main__1PCIV .ClassesSubjects_tableList__3cVDc>div>div:hover {
    background: hsla(0,0%,97.3%,.61);
    cursor: pointer
}

.ClassesSubjects_main__1PCIV .ClassesSubjects_tableList__3cVDc>div>div>p {
    padding: 10px 20px;
    pointer-events: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ClassesArchive_main__3-BQu {
    margin-top: 20px
}

.ClassesArchive_main__3-BQu>header {
    display: grid;
    grid-template-columns: 40px repeat(3,145px) 85px 140px 140px 1fr;
    font-size: 16px
}

.ClassesArchive_main__3-BQu>header>span:first-child {
    display: grid;
    place-items: center;
    padding-left: 0
}

.ClassesArchive_main__3-BQu main {
    height: 550px;
    overflow: auto
}

.ClassesArchive_main__3-BQu main>span {
    display: grid;
    grid-template-columns: 40px repeat(3,145px) 85px 140px 140px 1fr
}

.ClassesArchive_main__3-BQu main>span>p {
    padding: 10px 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 1px solid #e2e2e2
}

.ClassesArchive_main__3-BQu main>span>p:last-child {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.ClassesArchive_main__3-BQu main>span>p:last-child>button {
    border: none;
    margin: 0 7px;
    background: none
}

.ClassesArchive_classes__1QxXf .ClassesArchive_main__3-BQu>header {
    display: grid;
    grid-template-columns: 90px 280px 170px 170px 150px 160px;
    font-size: 16px
}

.ClassesArchive_classes__1QxXf .ClassesArchive_main__3-BQu>header>span:nth-child(4) {
    padding-left: 20px;
    border-left: 1px solid #fff;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 170px;
    display: inline-block;
    padding-top: 10px
}

.ClassesArchive_classes__1QxXf .ClassesArchive_main__3-BQu>header>span:last-child {
    justify-content: start;
    padding-left: 20px
}

.ClassesArchive_classes__1QxXf .ClassesArchive_main__3-BQu main>span {
    display: grid;
    grid-template-columns: 90px 280px 170px 170px 150px 160px
}

.ClassesArchive_classes__1QxXf .ClassesArchive_main__3-BQu main>span:hover {
    border-bottom: 1px solid #2962ff;
    background: hsla(0,0%,97.3%,.61);
    cursor: pointer
}

.ClassesArchive_classes__1QxXf .ClassesArchive_main__3-BQu main>span:hover p,.ClassesArchive_classes__1QxXf .ClassesArchive_main__3-BQu main>span:hover p span,.ClassesArchive_classes__1QxXf .ClassesArchive_main__3-BQu main>span:hover span,.ClassesArchive_classes__1QxXf .ClassesArchive_main__3-BQu main>span:hover span span {
    color: #2962ff
}

.ClassesArchive_classes__1QxXf .ClassesArchive_main__3-BQu main>span:hover>p>button>svg {
    fill: #2962ff
}

.ClassesArchive_classes__1QxXf .ClassesArchive_main__3-BQu main>span>p {
    padding: 10px 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 1px solid #e2e2e2
}

.ClassesArchive_classes__1QxXf .ClassesArchive_main__3-BQu main>span>p:last-child {
    display: flex;
    align-items: center;
    justify-content: center
}

.ClassesArchive_classes__1QxXf .ClassesArchive_main__3-BQu main>span>p:last-child>button {
    border: none;
    margin: 0 7px;
    background: none
}

.ClassesArchive_modal__30Wf8 {
    z-index: 999
}

.ClassesArchive_modal__30Wf8>div {
    padding: 0
}

@media print {
    .ClassesArchive_main__3-BQu {
        zoom:.9}

    .ClassesArchive_main__3-BQu main {
        height: inherit!important
    }
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .ClassesArchive_students__2L_91 .ClassesArchive_main__3-BQu .ClassesArchive_tableListMobi__3qgwW {
        height:600px;
        overflow: scroll
    }

    .ClassesArchive_students__2L_91 .ClassesArchive_main__3-BQu .ClassesArchive_tableListMobi__3qgwW div>.ClassesArchive_rowOne__2Mcem {
        display: grid;
        grid-template-columns: .3fr 1.3fr .7fr;
        height: 30px
    }

    .ClassesArchive_students__2L_91 .ClassesArchive_main__3-BQu .ClassesArchive_tableListMobi__3qgwW div>.ClassesArchive_rowOne__2Mcem p,.ClassesArchive_students__2L_91 .ClassesArchive_main__3-BQu .ClassesArchive_tableListMobi__3qgwW div>.ClassesArchive_rowOne__2Mcem span {
        font-size: 12px;
        padding-left: 10px;
        display: flex;
        align-items: center;
        border-left: 1px solid #fff
    }

    .ClassesArchive_students__2L_91 .ClassesArchive_main__3-BQu .ClassesArchive_tableListMobi__3qgwW div>.ClassesArchive_rowOne__2Mcem:first-child {
        background: #e3f2fd
    }

    .ClassesArchive_students__2L_91 .ClassesArchive_main__3-BQu .ClassesArchive_tableListMobi__3qgwW div>.ClassesArchive_rowTwo__rJRl_ {
        display: grid;
        grid-template-columns: 1fr 1fr .8fr
    }

    .ClassesArchive_students__2L_91 .ClassesArchive_main__3-BQu .ClassesArchive_tableListMobi__3qgwW div>.ClassesArchive_rowTwo__rJRl_ p,.ClassesArchive_students__2L_91 .ClassesArchive_main__3-BQu .ClassesArchive_tableListMobi__3qgwW div>.ClassesArchive_rowTwo__rJRl_ span {
        font-size: 12px;
        padding-left: 10px;
        display: flex;
        align-items: center;
        border-left: 1px solid #fff;
        height: 30px
    }

    .ClassesArchive_students__2L_91 .ClassesArchive_main__3-BQu .ClassesArchive_tableListMobi__3qgwW div>.ClassesArchive_rowTwo__rJRl_ p>button,.ClassesArchive_students__2L_91 .ClassesArchive_main__3-BQu .ClassesArchive_tableListMobi__3qgwW div>.ClassesArchive_rowTwo__rJRl_ span>button {
        border: none;
        background: transparent
    }

    .ClassesArchive_students__2L_91 .ClassesArchive_main__3-BQu .ClassesArchive_tableListMobi__3qgwW div>header.ClassesArchive_rowTwo__rJRl_ {
        background: #e2e2e2;
        height: 30px
    }

    .ClassesArchive_classes__1QxXf * {
        font-size: 12px!important
    }

    .ClassesArchive_classes__1QxXf .ClassesArchive_main__3-BQu .ClassesArchive_tableListMobi__3qgwW {
        height: 600px;
        overflow: scroll
    }

    .ClassesArchive_classes__1QxXf .ClassesArchive_main__3-BQu .ClassesArchive_tableListMobi__3qgwW div {
        width: 100%;
        overflow: scroll
    }

    .ClassesArchive_classes__1QxXf .ClassesArchive_main__3-BQu .ClassesArchive_tableListMobi__3qgwW div>.ClassesArchive_rowOne__2Mcem {
        display: grid;
        grid-template-columns: 1fr 2fr;
        height: 30px
    }

    .ClassesArchive_classes__1QxXf .ClassesArchive_main__3-BQu .ClassesArchive_tableListMobi__3qgwW div>.ClassesArchive_rowOne__2Mcem p,.ClassesArchive_classes__1QxXf .ClassesArchive_main__3-BQu .ClassesArchive_tableListMobi__3qgwW div>.ClassesArchive_rowOne__2Mcem span {
        padding-left: 10px;
        display: flex;
        align-items: center;
        border-left: 1px solid #fff
    }

    .ClassesArchive_classes__1QxXf .ClassesArchive_main__3-BQu .ClassesArchive_tableListMobi__3qgwW div>.ClassesArchive_rowOne__2Mcem:first-child {
        background: #e3f2fd
    }

    .ClassesArchive_classes__1QxXf .ClassesArchive_main__3-BQu .ClassesArchive_tableListMobi__3qgwW div>.ClassesArchive_rowTwo__rJRl_ {
        display: grid;
        grid-template-columns: 1fr 1fr .8fr
    }

    .ClassesArchive_classes__1QxXf .ClassesArchive_main__3-BQu .ClassesArchive_tableListMobi__3qgwW div>.ClassesArchive_rowTwo__rJRl_ p,.ClassesArchive_classes__1QxXf .ClassesArchive_main__3-BQu .ClassesArchive_tableListMobi__3qgwW div>.ClassesArchive_rowTwo__rJRl_ span {
        padding-left: 10px;
        display: flex;
        align-items: center;
        border-left: 1px solid #fff;
        height: 30px
    }

    .ClassesArchive_classes__1QxXf .ClassesArchive_main__3-BQu .ClassesArchive_tableListMobi__3qgwW div>header.ClassesArchive_rowTwo__rJRl_ {
        background: #e2e2e2;
        height: 30px
    }

    .ClassesArchive_classes__1QxXf .ClassesArchive_main__3-BQu .ClassesArchive_tableListMobi__3qgwW div>.ClassesArchive_rowThree__20cA0 {
        display: grid;
        grid-template-columns: 1fr
    }

    .ClassesArchive_classes__1QxXf .ClassesArchive_main__3-BQu .ClassesArchive_tableListMobi__3qgwW div>.ClassesArchive_rowThree__20cA0>p>button {
        border: none;
        background: transparent;
        padding-left: 10px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: flex-start
    }

    .ClassesArchive_classes__1QxXf .ClassesArchive_main__3-BQu .ClassesArchive_tableListMobi__3qgwW div>.ClassesArchive_rowThree__20cA0>span {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0 15px;
        height: 30px;
        font-size: 12px
    }

    .ClassesArchive_classes__1QxXf .ClassesArchive_main__3-BQu .ClassesArchive_tableListMobi__3qgwW div>header.ClassesArchive_rowThree__20cA0 {
        background: #e2e2e2;
        height: 30px
    }
}

.Controls_main__EFTi9 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 21px
}

.Controls_main__EFTi9 .Controls_left__yb0i->button {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #fff;
    background: #2979ff;
    border: none;
    height: 40px;
    border-radius: 25px;
    cursor: pointer;
    width: 170px
}

.Controls_main__EFTi9 .Controls_right__kslY9 {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.Controls_main__EFTi9 .Controls_right__kslY9>span {
    padding-left: 10px
}

.Controls_main__EFTi9 .Controls_right__kslY9>span>button {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #fff;
    background: #2979ff;
    border: none;
    height: 40px;
    border-radius: 25px;
    cursor: pointer;
    width: 40px;
    border-radius: 5px
}

.Controls_main__EFTi9 .Controls_classesStatusSelect__VITOk {
    width: 199px;
    margin-right: 25px
}

.Controls_main__EFTi9 .Controls_classesStatusSelect__VITOk>div {
    border-color: transparent;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 25px
}

.Controls_main__EFTi9 .Controls_classesStatusSelect__VITOk>div p {
    text-align: center
}

.Controls_main__EFTi9 .Controls_classesSelect__-Dam4 {
    width: 199px
}

.Controls_main__EFTi9 .Controls_classesSelect__-Dam4>div {
    border-color: transparent;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 25px
}

.Controls_main__EFTi9 .Controls_classesSelect__-Dam4>div p {
    text-align: center
}

.Controls_main__EFTi9 .Controls_classesDateSelect__1qSiq {
    width: 199px
}

.Controls_main__EFTi9 .Controls_classesDateSelect__1qSiq>div {
    border-color: transparent;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 25px
}

.Controls_main__EFTi9 .Controls_classesDateSelect__1qSiq>div p {
    text-align: center
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Controls_main__EFTi9 {
        flex-direction:column-reverse
    }

    .Controls_main__EFTi9>div {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100vw
    }

    .Controls_main__EFTi9 .Controls_classesSelect__-Dam4 {
        width: unset
    }
}

.Table_main__1bcuW {
    margin-top: 10px
}

.Table_main__1bcuW>header {
    display: grid;
    grid-template-columns: 60px 80px 90px 241px 290px 1fr;
    grid-template-rows: 40px;
    background: #bbdefb
}

.Table_main__1bcuW>header>p {
    display: flex;
    align-items: center;
    padding-left: 20px;
    border-left: 1px solid #fff
}

.Table_main__1bcuW>header>p:nth-child(2) {
    justify-content: center;
    padding-left: 0
}

.Table_main__1bcuW>main {
    border: 1px solid #e2e2e2
}

.Table_main__1bcuW>main>div {
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 30px;
    grid-gap: 30px
}

.Table_main__1bcuW>main>div>div {
    height: 30px;
    border-radius: 5px;
    position: relative;
    background-color: #e7edf1;
    overflow: hidden
}

.Table_main__1bcuW>main>div>div:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: Table_loading__1-uDV 1.5s infinite
}

@keyframes Table_loading__1-uDV {
    to {
        transform: translateX(100%)
    }
}

.Table_main__1bcuW>main>nav {
    height: 390px;
    overflow-y: auto
}

.Table_main__1bcuW>main>nav>ul {
    display: grid;
    grid-template-columns: 60px 80px 90px 241px 290px 136px 1fr;
    border-bottom: 1px solid #e2e2e2
}

.Table_main__1bcuW>main>nav>ul:hover {
    background: #f3f4f5
}

.Table_main__1bcuW>main>nav>ul>li {
    border-left: 1px solid #fff;
    padding: 13px 5px 13px 20px;
    pointer-events: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.Table_main__1bcuW>main>nav>ul>span {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0 15px
}

.Table_main__1bcuW>main>span {
    display: grid;
    grid-template-columns: 1fr
}

.Table_main__1bcuW>main>span>i {
    display: block;
    border-bottom: 1px solid #e2e2e2;
    height: 49px
}

.From_main__9yGId {
    padding: 10px;
    position: relative
}

.From_main__9yGId>h1 {
    color: #2962ff;
    font-size: 22px
}

.From_main__9yGId>header {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 30px;
    margin-top: 30px
}

.From_main__9yGId>header * {
    color: #999!important
}

.From_main__9yGId>header:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.From_main__9yGId>header>div {
    width: 314px
}

.From_main__9yGId>header>div>h1 {
    font-size: 14px;
    color: #777776;
    margin-left: 10px;
    margin-bottom: 5px
}

.From_main__9yGId>header>div>i {
    display: block;
    height: 40px;
    border-radius: 5px;
    position: relative;
    background-color: #e7edf1;
    overflow: hidden
}

.From_main__9yGId>header>div>i:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: From_loading__1ENsA 1.5s infinite
}

.From_main__9yGId>header .From_checkNone__2e9s8 {
    visibility: hidden
}

.From_main__9yGId>main {
    margin-top: 30px
}

.From_main__9yGId>main span>label {
    font-size: 16px;
    margin-left: 15px
}

.From_main__9yGId>main span input {
    transform: scale(1.3)
}

.From_main__9yGId>footer {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 30px;
    margin-top: 30px
}

.From_main__9yGId>footer>div {
    width: 314px
}

.From_main__9yGId>footer>div>h1 {
    font-size: 14px;
    color: #777776;
    margin-left: 10px;
    margin-bottom: 5px
}

.From_main__9yGId>footer>div>i {
    display: block;
    height: 40px;
    border-radius: 5px;
    position: relative;
    background-color: #e7edf1;
    overflow: hidden
}

.From_main__9yGId>footer>div>i:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: From_loading__1ENsA 1.5s infinite
}

@keyframes From_loading__1ENsA {
    to {
        transform: translateX(100%)
    }
}

.From_main__9yGId>.From_footerNone__1ZPve {
    visibility: hidden
}

.From_main__9yGId>div {
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.From_main__9yGId>div>span {
    display: flex;
    align-items: center;
    grid-gap: 30px
}

.From_main__9yGId>div>span>button {
    width: 160px
}

.From_main__9yGId>.From_lock__23Mb9 {
    position: absolute;
    bottom: 0;
    left: 0;
    background: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.From_main__9yGId>.From_lock__23Mb9>svg {
    font-size: 36px
}

.Date_main__1JHWe {
    width: 300px
}

.Date_main__1JHWe>span {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 30px
}

.Schedule_main__3fgLM {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    height: 100%;
    margin-top: 20px
}

.Schedule_main__3fgLM>p {
    font-size: 18px;
    margin-bottom: 20px
}

.Schedule_main__3fgLM>main {
    margin-top: 20px
}

.Schedule_main__3fgLM>main>header {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-gap: 2px
}

.Schedule_main__3fgLM>main>header>span {
    display: block;
    padding: 30px 25px 20px 30px;
    cursor: pointer;
    border-bottom: 4px solid transparent;
    background: #e3f2fd
}

.Schedule_main__3fgLM>main>header>span>h1 {
    font-size: 18px
}

.Schedule_main__3fgLM>main>header>span>p {
    margin-top: 7px;
    color: #9f9f9f;
    line-height: 22px
}

.Schedule_main__3fgLM>main>header>div {
    display: block;
    height: 137px;
    border-radius: 5px;
    position: relative;
    background-color: #e7edf1;
    overflow: hidden
}

.Schedule_main__3fgLM>main>header>div:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: Schedule_loading__3IxFU 1.5s infinite
}

@keyframes Schedule_loading__3IxFU {
    to {
        transform: translateX(100%)
    }
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Schedule_main__3fgLM {
        width:100vw
    }

    .Schedule_main__3fgLM * {
        font-size: 12px!important
    }

    .Schedule_main__3fgLM>div {
        margin-bottom: 10px
    }

    .Schedule_main__3fgLM>div>section>div {
        position: fixed!important
    }

    .Schedule_main__3fgLM>p {
        margin: 15px 0!important
    }

    .Schedule_main__3fgLM>p:after {
        margin-top: 20px
    }
}

.GroupInfo_main__ZB_YZ {
    position: relative
}

.GroupInfo_main__ZB_YZ .GroupInfo_navbarComponents__1W4E4 {
    min-width: 238px
}

.GroupInfo_main__ZB_YZ .GroupInfo_navbarComponents__1W4E4:first-child {
    min-width: 208px
}

.GroupInfo_main__ZB_YZ>p {
    position: absolute;
    left: -152px;
    font-size: 18px;
    color: #2962ff;
    display: flex;
    align-items: center;
    grid-gap: 5px;
    margin-top: 10px;
    cursor: pointer
}

.GroupInfo_main__ZB_YZ>p>svg {
    font-size: 22px;
    margin-top: -5px
}

.GroupInfo_main__ZB_YZ>p>svg>g>path {
    color: #2962ff
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .GroupInfo_main__ZB_YZ>p {
        top:68px;
        left: 0;
        font-size: 12px;
        z-index: 5
    }

    .GroupInfo_main__ZB_YZ>header {
        padding: 10px 0
    }

    .GroupInfo_main__ZB_YZ>div {
        margin-top: 10px!important
    }
}

.Attendance_main__1_JCG>header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.Attendance_main__1_JCG>header>div {
    display: flex;
    align-items: center;
    grid-gap: 39px
}

.Attendance_main__1_JCG>header>div>.Attendance_childrenSelect__3pWMO {
    width: 290px
}

.Attendance_main__1_JCG>header>div>.Attendance_childrenSelect__3pWMO>div {
    border-color: transparent;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 25px
}

.Attendance_main__1_JCG>header>div>.Attendance_childrenSelect__3pWMO>div p {
    text-align: center
}

.Attendance_main__1_JCG>header>div>.Attendance_date__1k_6R {
    width: 292px
}

.Attendance_main__1_JCG>.Attendance_table__2sXMj {
    margin-top: 20px
}

.Attendance_main__1_JCG>.Attendance_table__2sXMj>header {
    grid-template-columns: 62px 404px 177px 236px 1fr
}

.Attendance_main__1_JCG .Attendance_tableList__3_51r {
    height: 520px;
    overflow: scroll
}

.Attendance_main__1_JCG .Attendance_tableList__3_51r>div>div {
    display: grid;
    grid-template-columns: 62px 404px 177px 236px 1fr;
    border-bottom: 1px solid #e2e2e2
}

.Attendance_main__1_JCG .Attendance_tableList__3_51r>div>div:hover {
    background: hsla(0,0%,97.3%,.61);
    cursor: pointer
}

.Attendance_main__1_JCG .Attendance_tableList__3_51r>div>div>p {
    padding: 10px 20px;
    pointer-events: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.Attendance_main__1_JCG .Attendance_tableList__3_51r>div>div>span {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0 15px
}

.Attendance_main__1_JCG .Attendance_tableList__3_51r>div>div>span>button {
    border: none;
    display: inline-block;
    background: transparent;
    cursor: pointer
}

@media print {
    .Attendance_main__1_JCG {
        zoom:.6}

    .Attendance_main__1_JCG .Attendance_tableList__3_51r {
        height: auto!important
    }
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Attendance_main__1_JCG * {
        font-size:10px!important
    }

    .Attendance_main__1_JCG>header {
        flex-direction: column
    }

    .Attendance_main__1_JCG>header>p {
        width: 100%;
        padding-left: 10px
    }

    .Attendance_main__1_JCG>header>div {
        grid-gap: 20px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin: 10px 0;
        width: 100%
    }

    .Attendance_main__1_JCG>header>div>div {
        width: 100%!important
    }

    .Attendance_main__1_JCG>.Attendance_table__2sXMj>header {
        grid-template-columns: 7vw 35vw 20vw 19vw 18vw
    }

    .Attendance_main__1_JCG>.Attendance_table__2sXMj>header span:last-child {
        padding-left: 10px
    }

    .Attendance_tableList__3_51r {
        height: 550px;
        overflow-y: scroll;
        overflow-x: hidden
    }

    .Attendance_tableList__3_51r>div>div {
        grid-template-columns: 7vw 35vw 20vw 19vw 18vw!important
    }

    .Attendance_tableList__3_51r>div>div>p {
        padding: 10px 20px 10px 10px!important
    }
}

.Journal_main__1E8PS>header {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    margin-bottom: 20px
}

.Journal_main__1E8PS>header>p {
    display: flex;
    grid-gap: 10px
}

.Journal_main__1E8PS>header>div {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 20px
}

.Journal_main__1E8PS>header>div>div {
    grid-gap: 20px
}

.Journal_main__1E8PS>header>div>div>div {
    border: none;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 25px
}

.Journal_main__1E8PS>header>div>div>div>p {
    color: #000
}

.Journal_main__1E8PS .Journal_subjectSelect__2GYIH {
    width: 200px
}

.Journal_main__1E8PS .Journal_subjectSelect__2GYIH>div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.Journal_main__1E8PS .Journal_scroll__1bUSY {
    display: grid;
    grid-template-columns: 319px 1fr;
    margin-right: 17px
}

.Journal_main__1E8PS .Journal_scroll__1bUSY ::-webkit-scrollbar {
    height: 19px
}

.Journal_main__1E8PS .Journal_scroll__1bUSY>span {
    display: flex;
    grid-gap: 1px;
    overflow-y: hidden;
    overflow-x: auto
}

.Journal_main__1E8PS .Journal_scroll__1bUSY>span li {
    min-width: 30px;
    height: 1px
}

.Journal_select__13jSb {
    min-width: 200px
}

.Journal_disabledSelect__2wmts {
    width: 200px;
    visibility: hidden
}

.Journal_disabledSelect__2wmts:before {
    content: "";
    display: block;
    width: 100%;
    border-radius: 4px;
    position: absolute;
    height: 100%;
    background-color: #e9e9e9!important
}

.Journal_disabledSelect__2wmts>div>p {
    color: #999!important;
    z-index: 99
}

@media print {
    .Journal_main__1E8PS {
        zoom:.6}
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Journal_main__1E8PS * {
        font-size:12px!important
    }

    .Journal_main__1E8PS>section {
        width: 100vw;
        overflow: scroll
    }

    .Journal_main__1E8PS>header {
        display: flex;
        flex-direction: column
    }

    .Journal_main__1E8PS>header>p {
        justify-content: flex-end;
        width: 100%;
        margin: -15px 0 15px
    }

    .Journal_main__1E8PS>header>div {
        grid-template-columns: 1fr 1fr
    }

    .Journal_finalTable__2P8FX {
        width: 100vw;
        overflow: hidden
    }

    .Journal_finalTable__2P8FX * {
        font-size: 12px!important
    }
}

.FinalTableHeader_main__3hHS5 {
    display: grid;
    grid-template-columns: auto 1fr
}

.FinalTableHeader_main__3hHS5 .FinalTableHeader_finalScoreHeaderWithExam__3QphX {
    grid-template-columns: 30px 229px 30px 30px 30px 30px 30px 30px 30px 30px 30px 30px
}

.FinalTableHeader_main__3hHS5>ul {
    display: grid;
    grid-template-columns: 30px 229px 30px 30px 30px 30px 30px 30px 30px 30px 30px;
    background-color: #bbdefb
}

.FinalTableHeader_main__3hHS5>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #e3f2fd;
    font-weight: 500;
    font-size: 14px
}

.FinalTableHeader_main__3hHS5>ul>li:nth-child(n+3) {
    text-align: center;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    padding: 15px 0 15px 4px;
    border-left: none;
    border-right: 1px solid #e3f2fd;
    font-weight: 400;
    font-size: 14px;
    line-height: 17.9px
}

.FinalTableHeader_main__3hHS5>ul>li:last-child {
    border-left: 1px solid #e3f2fd
}

.FinalTableHeader_main__3hHS5>div {
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    margin-right: 17px;
    scrollbar-width: none
}

.FinalTableHeader_main__3hHS5>div::-webkit-scrollbar {
    width: 0;
    height: 0
}

.FinalTableHeader_main__3hHS5>div>nav {
    display: grid;
    grid-template-rows: 30px repeat(2,35px) minmax(30px,1fr);
    border-right: 1px solid #e3f2fd;
    background-color: #bbdefb
}

.FinalTableHeader_main__3hHS5>div>nav:last-child {
    border-right: none
}

.FinalTableHeader_main__3hHS5>div>nav>li {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px
}

.FinalTableHeader_main__3hHS5>div>nav>ul {
    border-top: 1px solid #e3f2fd;
    display: flex
}

.FinalTableHeader_main__3hHS5>div>nav>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    font-size: 12px;
    border-right: 1px solid #e3f2fd
}

.FinalTableHeader_main__3hHS5>div>nav>ul>li:last-child {
    border-right: none
}

.FinalTableHeader_modal__3Tvpe {
    margin-top: 90px;
    background: none;
    align-items: start!important
}

.FinalTableHeader_modal__3Tvpe>div {
    margin-top: 30px;
    background: #bbdefb;
    border-radius: 5px;
    padding: 35px 25px
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .FinalTableHeader_main__3hHS5 {
        zoom:.8
    }

    .FinalTableHeader_main__3hHS5>ul {
        display: grid;
        grid-template-columns: 30px 140px 30px 30px 30px 30px 30px 30px 30px 30px 30px
    }

    .FinalTableHeader_main__3hHS5 .FinalTableHeader_finalScoreHeaderWithExam__3QphX {
        grid-template-columns: 30px 140px 30px 30px 30px 30px 30px 30px 30px 30px 30px 30px
    }
}

.Modal_main__1sZ0t>div {
    margin-top: 12px
}

.Modal_main__1sZ0t>div .Modal_descriptionJournalModal__2sv7L {
    padding: 3px 2px;
    border: 2px solid #fff;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.25))
}

.Modal_main__1sZ0t>div .Modal_descriptionJournalModal__2sv7L>div {
    background: #fff;
    height: 41px;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0,0,0,.25)
}

.Modal_main__1sZ0t>div>p {
    margin-bottom: 4px
}

.Modal_main__1sZ0t>div>span {
    display: block;
    padding: 3px 2px;
    border: 2px solid #fff;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.25))
}

.Modal_main__1sZ0t>div>span input,.Modal_main__1sZ0t>div>span textarea {
    width: 100%;
    height: 40px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,.25);
    outline: none
}

.Modal_main__1sZ0t>div:nth-child(2) {
    position: relative;
    z-index: 1
}

.FinalTableFooter_main__1tGhj {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr;
    max-height: 390px;
    overflow-y: scroll;
    overflow-x: hidden
}

.FinalTableFooter_main__1tGhj>span>ul {
    display: flex
}

.FinalTableFooter_main__1tGhj>span>ul:hover:after {
    background: #e3f2fd
}

.FinalTableFooter_main__1tGhj>span>ul:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 30px;
    z-index: -1
}

.FinalTableFooter_main__1tGhj>span>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    height: 30px;
    border-bottom: 1px solid #e3f2fd
}

.FinalTableFooter_main__1tGhj>span>ul>li:first-child {
    width: 30px
}

.FinalTableFooter_main__1tGhj>span>ul>li:nth-child(2) {
    width: 230px;
    padding-left: 12.5px;
    justify-content: flex-start
}

.FinalTableFooter_main__1tGhj>span>ul>li:nth-child(n+3) {
    width: 30px;
    border-left: 1px solid #e3f2fd
}

.FinalTableFooter_main__1tGhj>span>ul>li:last-child {
    border-right: 2px solid #e3f2fd
}

.FinalTableFooter_main__1tGhj>div {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none
}

.FinalTableFooter_main__1tGhj>div::-webkit-scrollbar {
    width: 0;
    height: 0
}

.FinalTableFooter_main__1tGhj>div>span {
    display: block;
    position: relative
}

.FinalTableFooter_main__1tGhj>div>span>ul {
    display: flex;
    border-bottom: 1px solid #e3f2fd
}

.FinalTableFooter_main__1tGhj>div>span>ul:hover:after {
    background: #e3f2fd
}

.FinalTableFooter_main__1tGhj>div>span>ul:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    left: -450px;
    height: 30px;
    z-index: -1
}

.FinalTableFooter_main__1tGhj>div>span>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 28.63px;
    border-right: 1px solid #e3f2fd;
    font-size: 14px
}

.FinalTableFooter_main__1tGhj>div>span>ul>li:hover:after {
    content: "";
    display: block;
    position: absolute;
    min-width: 30px;
    height: 100%;
    top: 0;
    bottom: 0;
    z-index: -1;
    background: #e3f2fd!important
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .FinalTableFooter_main__1tGhj {
        width:-webkit-max-content;
        width: max-content;
        max-height: inherit;
        zoom:.8}

    .FinalTableFooter_main__1tGhj>span>ul>li:nth-child(2) {
        width: 140px!important
    }
}

.Classes_main__195op {
    height: 100%;
    position: relative
}

.Classes_main__195op .Classes_container__1Z5Sa {
    max-width: 1270px;
    margin: 0 auto;
    display: block;
    padding: 30px
}

.Classes_main__195op .Classes_container__1Z5Sa .Classes_navbarComponents__1GvKU {
    min-width: 238px
}

.Classes_main__195op .Classes_container__1Z5Sa .Classes_navbarComponents__1GvKU:first-child {
    min-width: 208px
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Classes_main__195op .Classes_container__1Z5Sa {
        padding:20px 0;
        max-width: 100vw
    }

    .Classes_main__195op .Classes_container__1Z5Sa .Classes_navContainer__1kX_X {
        display: flex;
        flex-direction: column-reverse
    }

    .Classes_main__195op .Classes_container__1Z5Sa .Classes_navContainer__1kX_X>div:nth-child(2) {
        margin-bottom: 15px
    }
}

.School2_container__2pWqU {
    max-width: 1300px;
    display: block;
    padding: 30px;
    height: 100%;
    margin: 0 auto
}

.School2_container__2pWqU>div {
    margin-bottom: 269.51px
}

.School2_container__2pWqU>div>div {
    display: flex;
    justify-content: flex-end;
    padding-right: 190px
}

.School2_container__2pWqU>div>div:last-child {
    justify-content: start;
    padding-right: 145px
}

.School2_main__1L8C0 {
    margin-top: 10px;
    display: grid;
    grid-template-columns: 240px 1fr;
    grid-gap: 50px
}

.School2_main__1L8C0>section {
    display: grid
}

.School2_main__1L8C0>section>span>label {
    background: no-repeat 50%/cover;
    display: block;
    width: 280px;
    height: 200px;
    margin-bottom: 15px;
    position: relative
}

.School2_main__1L8C0>section>span>label:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: transparent;
    z-index: 2;
    transition: all .3s ease-in-out
}

.School2_main__1L8C0>section>span>p {
    text-align: center;
    font-size: 18px;
    line-height: 160%;
    letter-spacing: .15px;
    color: #777776
}

.School2_main__1L8C0>main {
    padding: 70px 30px 0
}

.School2_main__1L8C0>main>div>h2 {
    font-size: 18px;
    line-height: 160%;
    letter-spacing: .15px;
    color: #777776;
    margin-left: 60px;
    padding-bottom: 15px
}

.School2_main__1L8C0>main>div>textarea {
    resize: none;
    width: 650px;
    height: 190px;
    overflow: auto;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    font-size: 18px;
    line-height: 160%;
    color: #777776;
    padding: 5px;
    margin-top: 15px;
    margin-left: 55px
}

.School2_main__1L8C0>main>div>textarea:disabled {
    background-color: initial
}

.School2_main__1L8C0>main>div:nth-child(2) {
    display: grid;
    grid-template-columns: auto 1fr;
    margin-top: 10px;
    margin-bottom: 25px
}

.School2_main__1L8C0>main>div:nth-child(2)>span {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

.School2_main__1L8C0>main>div:nth-child(2)>span>img:nth-child(2),.School2_main__1L8C0>main>div:nth-child(2)>span>img:nth-child(3),.School2_main__1L8C0>main>div:nth-child(2)>span>img:nth-child(4) {
    margin-top: 35px;
    width: 48px;
    height: 48px
}

.School2_main__1L8C0>main>div:nth-child(2)>span>img:first-child {
    width: 56px;
    height: 56px
}

.School2_main__1L8C0>main>div>section {
    width: 550px;
    display: grid;
    grid-template-rows: repeat(4,auto);
    grid-gap: 35px;
    padding-left: 25px;
    place-items: center
}

.School2_address__2csEL>div {
    grid-template-columns: minmax(110px,140px) 350px;
    border: none
}

.School2_address__2csEL>div>input {
    margin-left: 30px;
    color: #999
}

.School2_address__2csEL>div>label {
    min-width: 90px;
    color: #999;
    border: none;
    justify-content: start;
    font-weight: 400
}

.School2_phoneNumber__1oT2T>div {
    border: none
}

.School2_phoneNumber__1oT2T>div>input {
    margin-left: 140px;
    color: #999
}

.School2_phoneNumber__1oT2T>div>label {
    width: 190px;
    border: none;
    color: #999;
    justify-content: start;
    font-weight: 400
}

.School2_inputDisabled__zCihm>div {
    grid-template-columns: 110px 440px!important
}

.School2_inputDisabled__zCihm>div>label {
    width: 110px
}

.School2_inputDisabled__zCihm>div>input {
    color: #999
}

.School2_isDisabled__19OC9>div {
    grid-template-columns: 190px 350px!important
}

.School2_isDisabled__19OC9>div>label {
    width: 190px
}

.School2_isDisabled__19OC9>div>input {
    color: #999
}

.School2_navbarComponents__1ft03 {
    min-width: 238px
}

.School2_navbarComponents__1ft03:first-child {
    min-width: 208px
}

.School2_navbarComponents__1ft03 {
    min-width: 238px!important;
    margin-top: 10px
}

.School2_navbarComponents__1ft03:first-child {
    min-width: 208px!important
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .School2_container__2pWqU {
        max-width:100vw;
        padding: 0
    }

    .School2_container__2pWqU>header {
        display: flex;
        flex-direction: column-reverse;
        position: relative
    }

    .School2_container__2pWqU>header>div:nth-child(2) {
        margin: 20px
    }

    .School2_container__2pWqU>div>div>div,.School2_container__2pWqU>div>div>div:last-child {
        padding-right: 0
    }
}

.FormTMOne_staffSelect__3KDfg {
    width: 290px;
    height: 40px;
    margin-top: 20px;
    margin-bottom: 30px
}

.FormTMOne_staffSelect__3KDfg>div {
    border-color: transparent;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 20px
}

.FormTMOne_staffSelect__3KDfg>div p {
    text-align: center
}

.FormTMOne_langSelect__3LC6C {
    width: 290px;
    height: 40px;
    margin: 20px 35px 30px 20px
}

.FormTMOne_langSelect__3LC6C>div {
    border-color: transparent;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 20px
}

.FormTMOne_langSelect__3LC6C>div p {
    text-align: center
}

.FormTMOne_main__3kcER {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.FormTMOne_main__3kcER>h3 {
    text-align: center;
    margin: 20px 0
}

.FormTMOne_main__3kcER>header {
    display: grid;
    grid-template-columns: 230px 780px;
    grid-template-rows: 168px
}

.FormTMOne_main__3kcER>header>ul {
    display: grid;
    grid-template-columns: 178.4px 51px;
    border: 1px solid #bbdefb
}

.FormTMOne_main__3kcER>header>ul>li {
    border: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.FormTMOne_main__3kcER>header>div {
    display: grid;
    grid-template-columns: 720px
}

.FormTMOne_main__3kcER>header>div>span {
    border-right: 1px solid #bbdefb;
    border-top: 1px solid #bbdefb;
    border-color: #bbdefb;
    border-style: solid;
    border-width: 2px 2px 1px 1px;
    display: flex;
    justify-content: center;
    align-items: center
}

.FormTMOne_main__3kcER>header>div>div {
    display: grid;
    grid-template-columns: 180px 180px 180px 180px
}

.FormTMOne_main__3kcER>header>div>div>section {
    display: grid;
    grid-template-columns: 60px 60px 60px;
    grid-template-rows: 71px 71px;
    grid-template-areas: "a a a";
    border: 1px solid #bbdefb
}

.FormTMOne_main__3kcER>header>div>div>section>div {
    border: 1px solid #bbdefb;
    display: flex;
    justify-content: center;
    align-items: center;
    grid-area: a
}

.FormTMOne_main__3kcER>header>div>div>section>span {
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-area: a
}

.FormTMOne_main__3kcER>header>div>div>section>span>span {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb
}

.FormTMOne_main__3kcER>header>div>div>section>li {
    justify-self: stretch;
    align-self: stretch;
    border: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    text-align: center
}

.FormTMOne_main__3kcER>header>div>div>section>li>span {
    transform: rotate(-90deg);
    font-size: 12px
}

.FormTMOne_main__3kcER>main>ul {
    display: grid;
    grid-template-columns: 178.4px 53px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px
}

.FormTMOne_main__3kcER>main>ul>li {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb;
    padding: 7px 0;
    font-size: 14px
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .FormTMOne_main__3kcER .FormTMOne_selectorContainer__gNcEj {
        width:100vw;
        display: grid;
        grid-template-columns: 1fr 1.1fr;
        grid-gap: 20px;
        gap: 20px;
        margin: 20px 0
    }

    .FormTMOne_main__3kcER .FormTMOne_selectorContainer__gNcEj .FormTMOne_staffSelect__3KDfg {
        width: 100%;
        margin: 0
    }

    .FormTMOne_main__3kcER .FormTMOne_selectorContainer__gNcEj div:nth-child(2) {
        margin-left: 0
    }

    .FormTMOne_main__3kcER .FormTMOne_container__V-oRq>div {
        width: 100vw;
        overflow: scroll
    }

    .FormTMOne_main__3kcER .FormTMOne_container__V-oRq>div>div {
        width: -webkit-max-content;
        width: max-content;
        zoom:.7}
}

.LeftSchool_main__4O8cT {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.LeftSchool_main__4O8cT>h3 {
    text-align: center;
    margin: 20px 0
}

.LeftSchool_main__4O8cT>header {
    display: grid;
    grid-template-columns: 430px 685px;
    grid-template-rows: 150px
}

.LeftSchool_main__4O8cT>header>ul {
    display: grid;
    grid-template-columns: 430px;
    border: 1px solid #bbdefb
}

.LeftSchool_main__4O8cT>header>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.LeftSchool_main__4O8cT>header>div {
    display: grid;
    grid-template-columns: repeat(12,62px);
    font-size: 12px
}

.LeftSchool_main__4O8cT>header>div>div {
    display: grid;
    grid-template-rows: 30px 120px
}

.LeftSchool_main__4O8cT>header>div>div>span {
    border: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center
}

.LeftSchool_main__4O8cT>header>div>div>ul {
    display: grid;
    grid-template-columns: 30px 32px
}

.LeftSchool_main__4O8cT>header>div>div>ul>li {
    border: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center
}

.LeftSchool_main__4O8cT>header>div>div>ul>li>span {
    font-size: 12px;
    line-height: 14px;
    transform: rotate(-90deg);
    text-align: center
}

.LeftSchool_main__4O8cT>main {
    font-size: 12px
}

.LeftSchool_main__4O8cT>main>ul {
    display: grid;
    grid-template-columns: 430px 30px 32px 30px 32px 30px 32px 30px 32px 30px 32px 30px 32px 30px 32px 30px 32px 30px 32px 30px 32px 30px 32px 30px 32px;
    grid-template-rows: 44px
}

.LeftSchool_main__4O8cT>main>ul:last-child {
    background: #70ccfa
}

.LeftSchool_main__4O8cT>main>ul>li {
    border: 1px solid #bbdefb;
    display: flex;
    justify-content: center;
    align-items: center
}

.LeftSchool_main__4O8cT>main>ul>li:first-child {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 15px
}

.School_container__3ExdQ {
    max-width: 1300px;
    display: block;
    padding: 30px;
    height: 100%;
    margin: 0 auto
}

.School_main__285JH {
    margin-top: 10px;
    display: grid;
    grid-template-columns: 240px 1fr
}

.School_main__285JH>section {
    display: grid
}

.School_main__285JH>section>span {
    margin-bottom: 40px
}

.School_main__285JH>section>span>label {
    background: no-repeat 50%/cover;
    display: block;
    width: 280px;
    height: 200px;
    margin-bottom: 15px;
    position: relative;
    border-radius: 23px
}

.School_main__285JH>section>span>label:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: transparent;
    z-index: 2;
    transition: all .3s ease-in-out
}

.School_main__285JH>section>span>p {
    text-align: center;
    font-size: 18px;
    line-height: 160%;
    letter-spacing: .15px;
    color: #777776
}

.School_main__285JH>main {
    padding: 0 105px
}

.School_main__285JH>main>div>hr {
    width: 400px
}

.School_main__285JH>main>div>h2 {
    font-size: 18px;
    line-height: 160%;
    letter-spacing: .15px;
    color: #777776;
    padding-bottom: 15px
}

.School_main__285JH>main>div>textarea {
    resize: none;
    width: 650px;
    height: 190px;
    overflow: auto;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    font-size: 18px;
    line-height: 160%;
    color: #777776;
    padding: 5px;
    margin-top: 15px
}

.School_main__285JH>main>div>textarea:disabled {
    background-color: initial
}

.School_main__285JH>main>div:nth-child(2) {
    display: grid;
    grid-template-columns: auto 1fr;
    margin-top: 30px;
    margin-bottom: 25px
}

.School_main__285JH>main>div:nth-child(2)>span {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

.School_main__285JH>main>div:nth-child(2)>span>img:first-child,.School_main__285JH>main>div:nth-child(2)>span>img:nth-child(2),.School_main__285JH>main>div:nth-child(2)>span>img:nth-child(3),.School_main__285JH>main>div:nth-child(2)>span>img:nth-child(4) {
    width: 35px
}

.School_main__285JH>main>div>section {
    width: 550px;
    display: grid;
    grid-template-rows: repeat(4,auto);
    grid-gap: 10px;
    padding-left: 25px;
    place-items: center
}

.School_address__2hMk2>div {
    grid-template-columns: minmax(110px,140px) 350px;
    border: none
}

.School_address__2hMk2>div>input {
    color: #000
}

.School_address__2hMk2>div>label {
    min-width: 90px;
    color: #999;
    border: none;
    justify-content: start;
    font-weight: 400
}

.School_phoneNumber__3ZFvh>div {
    border: none
}

.School_phoneNumber__3ZFvh>div>input {
    margin-left: 110px;
    color: #000
}

.School_phoneNumber__3ZFvh>div>label {
    width: 190px;
    border: none;
    color: #999;
    justify-content: start;
    font-weight: 400
}

.School_inputDisabled__2nT-I>div {
    grid-template-columns: 110px 440px!important
}

.School_inputDisabled__2nT-I>div>label {
    width: 110px
}

.School_inputDisabled__2nT-I>div>input {
    color: #000
}

.School_isDisabled__2xISx>div {
    grid-template-columns: 190px 350px!important
}

.School_isDisabled__2xISx>div>label {
    width: 190px
}

.School_isDisabled__2xISx>div>input {
    color: #000
}

.School_navbarComponents__2sSRl {
    min-width: 238px
}

.School_navbarComponents__2sSRl:first-child {
    min-width: 208px
}

.FormTM_main__bGdSh>h3 {
    text-align: center;
    margin: 20px 0
}

.FormTM_main__bGdSh>header {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    grid-template-rows: 1fr
}

.FormTM_main__bGdSh>header>ul {
    grid-template-rows: 155px;
    background-color: #bbdefb
}

.FormTM_main__bGdSh>header>ul:first-child {
    display: grid;
    grid-template-columns: repeat(4,1fr)
}

.FormTM_main__bGdSh>header>ul:nth-child(2) {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.FormTM_main__bGdSh>header>ul:nth-child(2)>section {
    display: grid;
    grid-template-rows: 40px auto
}

.FormTM_main__bGdSh>header>ul:nth-child(2)>section>span:first-child {
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.FormTM_main__bGdSh>header>ul:nth-child(2)>section>span:last-child {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    display: grid;
    grid-template-rows: repeat(5,1fr)
}

.FormTM_main__bGdSh>header>ul:nth-child(2)>section>span:last-child>li {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-right: 1px solid #fff
}

.FormTM_main__bGdSh>header>ul:nth-child(2)>section:last-child>span:last-child {
    display: grid;
    grid-template-rows: repeat(5,1fr)
}

.FormTM_main__bGdSh>header>ul:last-child {
    display: grid;
    grid-template-columns: repeat(6,1fr)
}

.FormTM_main__bGdSh>header>ul:last-child>li {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    text-align: center
}

.FormTM_main__bGdSh>header>ul>li {
    display: grid;
    place-items: center;
    border-right: 1px solid #fff
}

.FormTM_main__bGdSh>header>ul>li:nth-child(n+2):nth-child(-n+16) {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    text-align: center
}

.FormTM_main__bGdSh>header>ul>li:nth-child(17) {
    border-left: 1px solid #fff
}

.FormTM_main__bGdSh>main {
    display: grid;
    grid-template-columns: 315px 2fr 310px
}

.FormTM_main__bGdSh>main>ul:first-child {
    display: grid;
    grid-template-columns: repeat(4,1fr)
}

.FormTM_main__bGdSh>main>ul:nth-child(2) {
    display: grid;
    grid-template-columns: repeat(2,1fr)
}

.FormTM_main__bGdSh>main>ul:nth-child(2)>span {
    display: grid;
    grid-template-columns: repeat(5,1fr)
}

.FormTM_main__bGdSh>main>ul:nth-child(2)>span>li,.FormTM_main__bGdSh>main>ul>li {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb
}

.FormTM_main__bGdSh>main>ul:last-child {
    display: grid;
    grid-template-columns: 1fr 2fr
}

.FormTM_main__bGdSh>main>ul:last-child>span:first-child {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.FormTM_main__bGdSh>main>ul:last-child>span:first-child>li {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb
}

.FormTM_main__bGdSh>main>ul:last-child>span:last-child {
    display: grid;
    grid-template-columns: repeat(4,1fr)
}

.FormTM_main__bGdSh>main>ul:last-child>span:last-child>li {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb
}

.Residence_title__13anA {
    text-align: center;
    font-size: 16px;
    letter-spacing: .4px;
    line-height: 22px;
    margin: 20px auto
}

.Residence_tableSticky__1u9wP>thead>tr>td,.Residence_tableSticky__1u9wP>thead>tr>th {
    background: #bbdefb;
    top: 0;
    position: -webkit-sticky;
    position: sticky;
    z-index: 1
}

.Residence_tableHeight__2klsy {
    height: 700px;
    display: block;
    overflow: scroll;
    width: 100%;
    position: relative
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.Residence_tableBordered__HX6Jh>tbody>tr>td,.Residence_tableBordered__HX6Jh>tbody>tr>th,.Residence_tableBordered__HX6Jh>thead>tr>td,.Residence_tableBordered__HX6Jh>thead>tr>th {
    padding: 0 5px;
    text-align: center;
    border: 1px solid #bbdefb
}

td {
    padding: 10px 0!important
}

.AgeComposition_title__3OBGW {
    margin: 20px auto
}

.AgeComposition_title__3OBGW,.NationalTeam_title__2qA2t {
    text-align: center;
    font-size: 16px;
    letter-spacing: .4px;
    line-height: 22px
}

.NationalTeam_title__2qA2t {
    margin: 20px 0
}

.NationalTeam_tableSticky__1Pc-d>thead>tr>td,.NationalTeam_tableSticky__1Pc-d>thead>tr>th {
    background: #bbdefb;
    top: 0;
    position: -webkit-sticky;
    position: sticky;
    height: 60px;
    border: 1px solid #fff
}

.NationalTeam_tableHeight__1PbRU {
    height: 550px;
    display: block;
    overflow: scroll;
    width: 100%;
    position: relative
}

table {
    width: 100%;
    border-collapse: initial;
    border-spacing: 2px
}

tbody th {
    position: -webkit-sticky;
    position: sticky;
    left: 0
}

.NationalTeam_tableBordered__2KZai>thead>tr>th .NationalTeam_tableBordered__2KZai>tbody>tr>th .NationalTeam_tableBordered__2KZai>thead>tr>td .NationalTeam_tableBordered__2KZai>tbody>tr>td,td {
    padding: 0 5;
    text-align: center;
    border: 1px solid #bbdefb
}

.FormTMTwo_staffSelect__2gzvW {
    width: 290px;
    height: 40px;
    margin-top: 20px;
    margin-bottom: 30px
}

.FormTMTwo_staffSelect__2gzvW>div {
    border-color: transparent;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 20px
}

.FormTMTwo_staffSelect__2gzvW>div p {
    text-align: center
}

.FormTMTwo_main__DIoHt {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.FormTMTwo_main__DIoHt>.FormTMTwo_selectorContainer__Im8U8 {
    display: flex;
    justify-content: flex-end;
    width: 1100px;
    margin: 30px auto 10px
}

.FormTMTwo_main__DIoHt>.FormTMTwo_selectorContainer__Im8U8>div:nth-child(2) {
    margin-left: 20px
}

.FormTMTwo_main__DIoHt>h3 {
    text-align: center;
    margin: 20px 0
}

.FormTMTwo_main__DIoHt>header {
    display: grid;
    grid-template-columns: 230px 780px;
    grid-template-rows: 168px
}

.FormTMTwo_main__DIoHt>header>ul {
    display: grid;
    grid-template-columns: 178.4px 51px;
    border: 1px solid #bbdefb
}

.FormTMTwo_main__DIoHt>header>ul>li {
    border: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.FormTMTwo_main__DIoHt>header>div {
    display: grid;
    grid-template-columns: 720px
}

.FormTMTwo_main__DIoHt>header>div>span {
    border-right: 1px solid #bbdefb;
    border-top: 1px solid #bbdefb;
    border-color: #bbdefb;
    border-style: solid;
    border-width: 2px 2px 1px 1px;
    display: flex;
    justify-content: center;
    align-items: center
}

.FormTMTwo_main__DIoHt>header>div>div {
    display: grid;
    grid-template-columns: 180px 180px 180px 180px
}

.FormTMTwo_main__DIoHt>header>div>div>section {
    display: grid;
    grid-template-columns: 60px 60px 60px;
    grid-template-rows: 71px 71px;
    grid-template-areas: "a a a";
    border: 1px solid #bbdefb
}

.FormTMTwo_main__DIoHt>header>div>div>section>div {
    border: 1px solid #bbdefb;
    display: flex;
    justify-content: center;
    align-items: center;
    grid-area: a
}

.FormTMTwo_main__DIoHt>header>div>div>section>span {
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-area: a
}

.FormTMTwo_main__DIoHt>header>div>div>section>span>span {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb
}

.FormTMTwo_main__DIoHt>header>div>div>section>li {
    justify-self: stretch;
    align-self: stretch;
    border: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    text-align: center
}

.FormTMTwo_main__DIoHt>header>div>div>section>li>span {
    transform: rotate(-90deg);
    font-size: 12px
}

.FormTMTwo_main__DIoHt>main>ul {
    display: grid;
    grid-template-columns: 178.4px 53px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px
}

.FormTMTwo_main__DIoHt>main>ul>li {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb;
    padding: 7px 0;
    font-size: 14px
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .FormTMTwo_main__DIoHt .FormTMTwo_selectorContainer__Im8U8 {
        width:100vw;
        display: grid;
        grid-template-columns: 1fr 1.1fr;
        grid-gap: 20px;
        gap: 20px;
        margin: 20px 0
    }

    .FormTMTwo_main__DIoHt .FormTMTwo_selectorContainer__Im8U8 .FormTMTwo_staffSelect__2gzvW {
        width: 100%;
        margin: 0
    }

    .FormTMTwo_main__DIoHt .FormTMTwo_selectorContainer__Im8U8 div:nth-child(2) {
        margin-left: 0
    }

    .FormTMTwo_main__DIoHt .FormTMTwo_container__2sg64>div {
        width: 100vw;
        overflow: scroll
    }

    .FormTMTwo_main__DIoHt .FormTMTwo_container__2sg64>div>div {
        width: -webkit-max-content;
        width: max-content;
        zoom:.7}
}

.ComeWent_main__22qg9 {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.ComeWent_main__22qg9>h3 {
    text-align: center;
    margin: 20px 0
}

.ComeWent_main__22qg9>header {
    display: grid;
    grid-template-columns: 230px 700px;
    grid-template-rows: 150px
}

.ComeWent_main__22qg9>header>ul {
    display: grid;
    grid-template-columns: auto
}

.ComeWent_main__22qg9>header>ul>li {
    border: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.ComeWent_main__22qg9>header>div {
    display: grid;
    grid-template-columns: 540px 175px
}

.ComeWent_main__22qg9>header>div>section {
    display: grid;
    grid-template-rows: 29px 105px
}

.ComeWent_main__22qg9>header>div>section>span {
    text-align: center;
    border: 1px solid #bbdefb
}

.ComeWent_main__22qg9>header>div>section>div {
    display: grid;
    grid-template-columns: 134px 135px 135px 135px
}

.ComeWent_main__22qg9>header>div>section>div>section {
    display: grid;
    grid-template-rows: 44px 77px
}

.ComeWent_main__22qg9>header>div>section>div>section>span {
    font-size: 12px;
    align-items: center;
    text-align: center;
    display: flex;
    justify-content: center;
    border: 1px solid #bbdefb
}

.ComeWent_main__22qg9>header>div>section>div>section>ul {
    display: grid;
    grid-template-columns: 68px 68px
}

.ComeWent_main__22qg9>header>div>section>div>section>ul>li {
    display: flex;
    border: 1px solid #bbdefb;
    justify-content: center;
    align-items: center
}

.ComeWent_main__22qg9>header>div>section>div>section>ul>li>span {
    font-size: 12px;
    text-align: center;
    display: block;
    transform: rotate(-90deg)
}

.ComeWent_main__22qg9>header>div>div {
    display: grid;
    grid-template-rows: 73px 77px
}

.ComeWent_main__22qg9>header>div>div>span {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb;
    font-size: 12px;
    letter-spacing: .815em
}

.ComeWent_main__22qg9>header>div>div>ul {
    display: grid;
    grid-template-columns: 88px 87px
}

.ComeWent_main__22qg9>header>div>div>ul>li {
    display: flex;
    border: 1px solid #bbdefb;
    justify-content: center;
    align-items: center;
    padding: 1px
}

.ComeWent_main__22qg9>header>div>div>ul>li>span {
    font-size: 12px;
    text-align: center;
    display: block;
    transform: rotate(-90deg)
}

.ComeWent_main__22qg9>main>ul {
    display: grid;
    grid-template-columns: 230px repeat(8,67.5px) 87.3px 87.3px;
    grid-template-rows: 40px
}

.ComeWent_main__22qg9>main>ul>li {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb;
    padding: 7px 0;
    font-size: 14px
}

.ComeWent_main__22qg9>main>ul>ul {
    display: grid;
    grid-template-rows: 30px 30px 30px
}

.ComeWent_main__22qg9>main>ul>ul>li {
    border: 1px solid #bbdefb;
    text-align: center;
    font-size: 12px;
    padding: 6px 0
}

.LeftSchool_main__2uDCV {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.LeftSchool_main__2uDCV>h3 {
    text-align: center;
    margin: 20px 0
}

.LeftSchool_main__2uDCV>header {
    display: grid;
    grid-template-columns: 430px 640px;
    grid-template-rows: 150px
}

.LeftSchool_main__2uDCV>header>ul {
    display: grid;
    grid-template-columns: 430px;
    border: 1px solid #bbdefb
}

.LeftSchool_main__2uDCV>header>ul>li {
    border: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.LeftSchool_main__2uDCV>header>div {
    display: grid;
    grid-template-columns: repeat(11,58px) 60px 60px;
    border: 1px solid #bbdefb;
    font-size: 12px
}

.LeftSchool_main__2uDCV>header>div>li {
    border: solid #bbdefb;
    border-width: 1px 1px 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 149px
}

.LeftSchool_main__2uDCV>header>div>li>span {
    text-align: center
}

.LeftSchool_main__2uDCV>header>div>div {
    display: grid;
    grid-template-rows: 30px 118px
}

.LeftSchool_main__2uDCV>header>div>div>span {
    border: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.LeftSchool_main__2uDCV>header>div>div>ul {
    display: grid;
    grid-template-columns: 28px 30px
}

.LeftSchool_main__2uDCV>header>div>div>ul>li {
    border: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center
}

.LeftSchool_main__2uDCV>header>div>div>ul>li>span {
    font-size: 12px;
    line-height: 14px;
    transform: rotate(-90deg);
    text-align: center
}

.LeftSchool_main__2uDCV>main {
    font-size: 12px
}

.LeftSchool_main__2uDCV>main>ul {
    display: grid;
    grid-template-columns: 430px 30px 29px 29px 29px 29px 29px 29px 29px 29px 29px 28px 30px 28px 29px 29px 30px 29px 29px 29px 29px 29px 29px 60px 60px;
    grid-template-rows: 44px
}

.LeftSchool_main__2uDCV>main>ul>li {
    display: flex;
    align-items: center;
    border: 2px solid #bbdefb;
    font-size: 14px;
    line-height: 19px;
    padding: 7px 0 7px 8px
}

.LeftSchool_main__2uDCV>main>ul:last-child {
    background: #70ccfa
}

.CameSchoole_main__1oi_H {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.CameSchoole_main__1oi_H>h3 {
    text-align: center;
    margin: 20px 0
}

.CameSchoole_main__1oi_H>header {
    display: grid;
    grid-template-columns: 430px 640px;
    grid-template-rows: 150px
}

.CameSchoole_main__1oi_H>header>ul {
    display: grid;
    grid-template-columns: 430px;
    border: 1px solid #bbdefb
}

.CameSchoole_main__1oi_H>header>ul>li {
    border: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.CameSchoole_main__1oi_H>header>div {
    display: grid;
    grid-template-columns: repeat(11,58px) 60px 60px;
    border: 1px solid #bbdefb;
    font-size: 12px
}

.CameSchoole_main__1oi_H>header>div>li {
    border: solid #bbdefb;
    border-width: 1px 1px 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 149px
}

.CameSchoole_main__1oi_H>header>div>li>span {
    text-align: center
}

.CameSchoole_main__1oi_H>header>div>div {
    display: grid;
    grid-template-rows: 30px 118px
}

.CameSchoole_main__1oi_H>header>div>div>span {
    border: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.CameSchoole_main__1oi_H>header>div>div>ul {
    display: grid;
    grid-template-columns: 28px 30px
}

.CameSchoole_main__1oi_H>header>div>div>ul>li {
    border: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center
}

.CameSchoole_main__1oi_H>header>div>div>ul>li>span {
    font-size: 12px;
    line-height: 14px;
    transform: rotate(-90deg);
    text-align: center
}

.CameSchoole_main__1oi_H>main {
    font-size: 12px
}

.CameSchoole_main__1oi_H>main>ul {
    display: grid;
    grid-template-columns: 430px 30px 29px 29px 29px 29px 29px 29px 29px 29px 29px 28px 30px 28px 29px 29px 30px 29px 29px 29px 29px 29px 29px 60px 60px;
    grid-template-rows: 44px
}

.CameSchoole_main__1oi_H>main>ul>li {
    display: flex;
    align-items: center;
    border: 2px solid #bbdefb;
    font-size: 14px;
    line-height: 19px;
    padding: 7px 0 7px 8px
}

.CameSchoole_main__1oi_H>main>ul:last-child {
    background: #70ccfa
}

.KnowledgeLevelContainer_main_container__vAUKh {
    max-width: 950px
}

.ByAgeContainer_container__28pFT>div>main>div>ul:nth-child(odd) {
    background: #70ccfa
}

.ByAgeContainer_container__28pFT>div>main>div>ul:nth-child(2n) {
    background-color: #a3dffd
}

.ByAgeContainer_container__28pFT>div>main>div>ul:last-child {
    border-bottom: 2px solid #bbdefb
}

.Kom_staffSelect__3XSlr {
    width: 290px;
    height: 40px;
    margin-top: 20px;
    margin-bottom: 30px
}

.Kom_staffSelect__3XSlr>div {
    border-color: transparent;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 20px
}

.Kom_staffSelect__3XSlr>div p {
    text-align: center
}

.Kom_langSelect__3Y1L8 {
    width: 290px;
    height: 40px;
    margin: 20px 35px 30px 20px
}

.Kom_langSelect__3Y1L8>div {
    border-color: transparent;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 4px
}

.Kom_langSelect__3Y1L8>div p {
    text-align: center
}

.Kom_main__2VW_t {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.Kom_main__2VW_t>.Kom_selectorContainer__2NK0q {
    display: flex;
    justify-content: flex-end;
    width: 1100px;
    margin: 30px auto 10px
}

.Kom_main__2VW_t>.Kom_selectorContainer__2NK0q>div:nth-child(2) {
    margin-left: 20px
}

.Kom_main__2VW_t>h3 {
    text-align: center;
    margin: 20px 0
}

.Kom_main__2VW_t>header {
    display: grid;
    grid-template-columns: 230px 780px;
    grid-template-rows: 168px
}

.Kom_main__2VW_t>header>ul {
    display: grid;
    grid-template-columns: 178.4px 51px;
    border: 1px solid #bbdefb
}

.Kom_main__2VW_t>header>ul>li {
    border: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.Kom_main__2VW_t>header>div {
    display: grid;
    grid-template-columns: 720px
}

.Kom_main__2VW_t>header>div>span {
    border-right: 1px solid #bbdefb;
    border-top: 1px solid #bbdefb;
    border-color: #bbdefb;
    border-style: solid;
    border-width: 2px 2px 1px 1px;
    display: flex;
    justify-content: center;
    align-items: center
}

.Kom_main__2VW_t>header>div>div {
    display: grid;
    grid-template-columns: 180px 180px 180px 180px
}

.Kom_main__2VW_t>header>div>div>section {
    display: grid;
    grid-template-columns: 60px 60px 60px;
    grid-template-rows: 71px 71px;
    grid-template-areas: "a a a";
    border: 1px solid #bbdefb
}

.Kom_main__2VW_t>header>div>div>section>div {
    border: 1px solid #bbdefb;
    display: flex;
    justify-content: center;
    align-items: center;
    grid-area: a
}

.Kom_main__2VW_t>header>div>div>section>span {
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-area: a
}

.Kom_main__2VW_t>header>div>div>section>span>span {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb
}

.Kom_main__2VW_t>header>div>div>section>li {
    justify-self: stretch;
    align-self: stretch;
    border: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    text-align: center
}

.Kom_main__2VW_t>header>div>div>section>li>span {
    transform: rotate(-90deg);
    font-size: 12px
}

.Kom_main__2VW_t>main>ul {
    display: grid;
    grid-template-columns: 178.4px 53px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px
}

.Kom_main__2VW_t>main>ul>li {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb;
    padding: 7px 0;
    font-size: 14px
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Kom_main__2VW_t .Kom_selectorContainer__2NK0q {
        width:100vw;
        display: grid;
        grid-template-columns: 1fr 1.1fr;
        grid-gap: 20px;
        gap: 20px;
        margin: 20px 0 0
    }

    .Kom_main__2VW_t .Kom_selectorContainer__2NK0q .Kom_staffSelect__3XSlr {
        width: 100%;
        margin: 0
    }

    .Kom_main__2VW_t .Kom_selectorContainer__2NK0q div:nth-child(2) {
        margin-left: 0
    }

    .Kom_main__2VW_t .Kom_selectorContainer__2NK0q>div {
        width: 100%!important
    }

    .Kom_main__2VW_t .Kom_container__J5HWM>div {
        width: 100vw;
        overflow: scroll
    }

    .Kom_main__2VW_t .Kom_container__J5HWM>div>div {
        width: -webkit-max-content;
        width: max-content;
        zoom:.7}
}

.Rating_main__1C9fe {
    margin-top: 20px
}

.Rating_main__1C9fe>h4 {
    text-align: center;
    margin-bottom: 20px
}

.Rating_main__1C9fe>header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.Rating_main__1C9fe>header>div {
    display: flex;
    grid-gap: 20px
}

.Rating_main__1C9fe>header>div>div {
    width: 190px
}

.Rating_main__1C9fe>header .Rating_select__3zNau>div {
    border: none;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 25px
}

.Rating_main__1C9fe .Rating_table__3sL2k {
    margin-top: 16px
}

.Rating_main__1C9fe .Rating_table__3sL2k>header {
    display: grid;
    grid-template-columns: 40px 337px repeat(6,1fr)
}

.Rating_main__1C9fe .Rating_table__3sL2k>header>span:first-child {
    padding-left: 10px;
    text-align: center
}

.Rating_main__1C9fe .Rating_table__3sL2k>header>span:last-child {
    justify-content: left;
    padding-left: 15px
}

.Rating_main__1C9fe .Rating_table__3sL2k>footer>main {
    height: 420px;
    overflow: auto
}

.Rating_main__1C9fe .Rating_table__3sL2k>footer>main>ul {
    display: grid;
    grid-template-columns: 40px 337px repeat(6,1fr)
}

.Rating_main__1C9fe .Rating_table__3sL2k>footer>main>ul>li {
    padding: 10px 10px 10px 20px;
    border-bottom: 1px solid #e2e2e2
}

.Rating_main__1C9fe .Rating_table__3sL2k>footer>main>ul>li:nth-child(n+3):nth-child(2n) {
    color: #999
}

.AcademicYearContainer_main__3A21H>header {
    text-align: center;
    margin: 20px 0 0;
    font-size: 18px
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_disabled__1w4sL {
    pointer-events: none!important;
    background-color: #e5e5e5
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_disabled__1w4sL>div {
    pointer-events: none!important
}

.AcademicYearContainer_main__3A21H>section {
    display: flex;
    justify-content: space-between
}

.AcademicYearContainer_main__3A21H>section>article {
    display: flex
}

.AcademicYearContainer_main__3A21H>section>article>div {
    margin-right: 20px;
    width: 200px;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 25px
}

.AcademicYearContainer_main__3A21H>section>article>div>div {
    border: none
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_table__VfRIm {
    width: 1230px;
    border: 1px solid #bbdefb;
    margin: 30px auto
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_table__VfRIm .AcademicYearContainer_t__pIGrO {
    font-size: 16px;
    font-weight: 400;
    height: 40px;
    background: #5fb3fb;
    display: flex;
    align-items: center;
    justify-content: center
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_table__VfRIm .AcademicYearContainer_total__12ico {
    font-size: 14px;
    display: grid;
    grid-template-columns: repeat(15,1fr);
    background: #5fb3fb
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_table__VfRIm .AcademicYearContainer_total__12ico>li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    list-style-type: none;
    text-align: center;
    width: 1fr
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_table__VfRIm .AcademicYearContainer_total__12ico>li:first-child {
    width: 108px
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_table__VfRIm .AcademicYearContainer_total__12ico>li:nth-child(2) {
    width: 141px
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_table__VfRIm .AcademicYearContainer_total__12ico>li:nth-child(13) {
    width: 114px
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_table__VfRIm .AcademicYearContainer_total__12ico>li:nth-child(14) {
    width: 91px
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_table__VfRIm .AcademicYearContainer_total__12ico>li:nth-child(15) {
    width: 92px
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_selectorContainer__26f3u {
    display: flex;
    justify-content: flex-end;
    width: 1100px;
    margin: auto
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_selectorContainer__26f3u .AcademicYearContainer_staffSelect__1BHtn {
    width: 260px;
    margin-left: 30px
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_selectorContainer__26f3u .AcademicYearContainer_staffSelect__1BHtn>div {
    border-color: transparent;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 20px
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_selectorContainer__26f3u .AcademicYearContainer_staffSelect__1BHtn>div p {
    text-align: center
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_region__3hNej {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 16px
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_region__3hNej>span {
    height: 40px;
    background: #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_region__3hNej .AcademicYearContainer_classes__2wUS_ {
    display: flex;
    flex-direction: column
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_region__3hNej .AcademicYearContainer_classes__2wUS_>span {
    height: 40px;
    color: #0d36a6;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_region__3hNej .AcademicYearContainer_classes__2wUS_>header {
    font-size: 14px;
    display: grid;
    grid-template-columns: 250px 680px auto;
    background: #bbdefb
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_region__3hNej .AcademicYearContainer_classes__2wUS_>header>ul:first-child {
    display: flex
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_region__3hNej .AcademicYearContainer_classes__2wUS_>header>ul:first-child>li {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    border-right: 1px solid #fff
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_region__3hNej .AcademicYearContainer_classes__2wUS_>header>ul:nth-child(2) {
    display: grid;
    grid-template-rows: 50px 60px;
    align-items: center
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_region__3hNej .AcademicYearContainer_classes__2wUS_>header>ul:nth-child(2)>span {
    text-align: center
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_region__3hNej .AcademicYearContainer_classes__2wUS_>header>ul:nth-child(2)>span:last-child {
    display: grid;
    grid-template-columns: repeat(10,1fr);
    border-top: 1px solid #fff
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_region__3hNej .AcademicYearContainer_classes__2wUS_>header>ul:nth-child(2)>span:last-child>li {
    border-right: 1px solid #fff;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_region__3hNej .AcademicYearContainer_classes__2wUS_>header>ul:nth-child(2)>span:last-child>li:last-child {
    border-right: none
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_region__3hNej .AcademicYearContainer_classes__2wUS_>header>ul:nth-child(3) {
    display: flex;
    border-left: 1px solid #fff
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_region__3hNej .AcademicYearContainer_classes__2wUS_>header>ul:nth-child(3)>li {
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #fff;
    text-align: center
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_region__3hNej .AcademicYearContainer_classes__2wUS_>header>ul:nth-child(3)>li:nth-child(2) {
    width: 93px
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_region__3hNej .AcademicYearContainer_classes__2wUS_>header>ul:nth-child(3)>li:last-child {
    border-right: none
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_region__3hNej .AcademicYearContainer_classes__2wUS_>main {
    font-size: 14px;
    text-decoration: none
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_region__3hNej .AcademicYearContainer_classes__2wUS_>main>ul {
    display: grid;
    grid-template-columns: repeat(15,1fr)
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_region__3hNej .AcademicYearContainer_classes__2wUS_>main>ul>li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    list-style-type: none;
    text-align: center;
    border: 1px solid #bbdefb
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_region__3hNej .AcademicYearContainer_classes__2wUS_>main>ul>li:first-child {
    width: 108px
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_region__3hNej .AcademicYearContainer_classes__2wUS_>main>ul>li:nth-child(2) {
    width: 141px
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_region__3hNej .AcademicYearContainer_classes__2wUS_>main>ul>li:nth-child(13) {
    width: 114px
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_region__3hNej .AcademicYearContainer_classes__2wUS_>main>ul>li:nth-child(14) {
    width: 91px
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_region__3hNej .AcademicYearContainer_classes__2wUS_>main>ul>li:nth-child(15) {
    width: 92px
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_total__12ico {
    font-size: 14px;
    display: grid;
    grid-template-columns: repeat(14,1fr);
    background: #70ccfa
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_total__12ico>li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    list-style-type: none;
    text-align: center
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_total__12ico>li:first-child {
    width: 248px;
    display: flex;
    justify-content: flex-end
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_total__12ico>li:first-child>span {
    padding-right: 30px
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_total__12ico>li:nth-child(12) {
    width: 110px
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_total__12ico>li:nth-child(13) {
    width: 93px
}

.AcademicYearContainer_main__3A21H .AcademicYearContainer_total__12ico>li:nth-child(14) {
    width: 90px
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .AcademicYearContainer_main__3A21H {
        margin-top:20px
    }

    .AcademicYearContainer_main__3A21H .AcademicYearContainer_table__VfRIm {
        margin: 20px 0 auto;
        width: 100vw;
        overflow: scroll
    }

    .AcademicYearContainer_main__3A21H .AcademicYearContainer_table__VfRIm>div {
        zoom:.7}

    .AcademicYearContainer_main__3A21H .AcademicYearContainer_selectorContainer__26f3u {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100vw;
        grid-gap: 30px;
        gap: 30px;
        margin: auto
    }

    .AcademicYearContainer_main__3A21H .AcademicYearContainer_selectorContainer__26f3u>.AcademicYearContainer_staffSelect__1BHtn {
        width: 100%;
        margin: 0
    }
}

.Nav_main2__tjR5K {
    margin-bottom: 30px;
    width: 100%;
    height: 50px;
    box-shadow: 0 2px 4px rgba(187,222,251,.2),0 4px 5px rgba(187,222,251,.14),0 1px 10px rgba(0,0,0,.12)
}

.Nav_main2__tjR5K .Nav_nav__1o1Qk {
    width: 1440px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: auto
}

.Nav_main2__tjR5K .Nav_nav__1o1Qk>ul {
    display: flex;
    flex-direction: row;
    margin-top: 5px;
    margin-left: 145px
}

.Nav_main2__tjR5K .Nav_nav__1o1Qk>ul>li {
    margin: 0 25px;
    padding: 11px 0 9px
}

.Nav_main2__tjR5K .Nav_nav__1o1Qk>ul>li>button {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .15px;
    text-transform: uppercase;
    cursor: pointer
}

.Nav_main2__tjR5K .Nav_nav__1o1Qk>ul>.Nav_active__1iKfc {
    border-bottom: 4px solid #2962ff
}

.Nav_main2__tjR5K .Nav_nav__1o1Qk>ul>.Nav_active__1iKfc>button {
    color: #2979ff
}

.Nav_main2__tjR5K .Nav_nav__1o1Qk .Nav_aboutSchool__3TfU3 {
    background: #e3f2fd;
    border: 1px solid #448aff;
    border-radius: 20px;
    width: 270px;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center
}

.Nav_main2__tjR5K .Nav_nav__1o1Qk .Nav_aboutSchool__3TfU3>span {
    font-size: 16px;
    font-weight: 400;
    color: #2962ff;
    margin-left: 7px
}

.Nav_main__29_zZ {
    width: 100%;
    height: 50px;
    box-shadow: 0 2px 4px rgba(187,222,251,.2),0 4px 5px rgba(187,222,251,.14),0 1px 10px rgba(0,0,0,.12)
}

.Nav_main__29_zZ .Nav_content__1nj2k {
    width: 1440px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto
}

.Nav_main__29_zZ .Nav_content__1nj2k .Nav_nav__1o1Qk {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 35px
}

.Nav_main__29_zZ .Nav_content__1nj2k .Nav_nav__1o1Qk>ul {
    display: flex;
    flex-direction: row;
    margin-top: 5px
}

.Nav_main__29_zZ .Nav_content__1nj2k .Nav_nav__1o1Qk>ul>li {
    margin: 0 25px;
    padding: 11px 0 9px
}

.Nav_main__29_zZ .Nav_content__1nj2k .Nav_nav__1o1Qk>ul>li>button {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .15px;
    text-transform: uppercase;
    cursor: pointer
}

.Nav_main__29_zZ .Nav_content__1nj2k .Nav_nav__1o1Qk>ul>.Nav_active__1iKfc {
    border-bottom: 4px solid #2962ff
}

.Nav_main__29_zZ .Nav_content__1nj2k .Nav_nav__1o1Qk>ul>.Nav_active__1iKfc>button {
    color: #2979ff
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .Nav_main2__tjR5K,.Nav_main__29_zZ {
        height:inherit
    }

    .Nav_main2__tjR5K .Nav_content__1nj2k,.Nav_main__29_zZ .Nav_content__1nj2k {
        width: 100vw;
        overflow: scroll;
        justify-content: start
    }

    .Nav_main2__tjR5K .Nav_content__1nj2k .Nav_nav__1o1Qk,.Nav_main__29_zZ .Nav_content__1nj2k .Nav_nav__1o1Qk {
        margin-left: 0
    }

    .Nav_main2__tjR5K .Nav_content__1nj2k .Nav_nav__1o1Qk>ul>li,.Nav_main__29_zZ .Nav_content__1nj2k .Nav_nav__1o1Qk>ul>li {
        padding: 7px 0;
        margin: 0 15px
    }

    .Nav_main2__tjR5K .Nav_content__1nj2k .Nav_nav__1o1Qk>ul>li>button,.Nav_main__29_zZ .Nav_content__1nj2k .Nav_nav__1o1Qk>ul>li>button {
        font-size: 12px
    }
}

.Classes_main__386F3 {
    width: 1100px;
    margin: auto
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Classes_main__386F3 {
        width:100vw;
        padding-left: 0
    }

    .Classes_main__386F3 .Classes_container__1heva {
        position: relative
    }

    .Classes_main__386F3 .Classes_container__1heva>div:nth-child(2) {
        top: -115px;
        position: absolute;
        width: 100%;
        right: 20px
    }
}

.ClassesChange_mainContainer__1Saud>div:nth-child(2)>div {
    height: 700px
}

.ClassesChange_mainContainer__1Saud .ClassesChange_main__bvkHJ {
    height: 100%;
    margin-bottom: 30px
}

.ClassesChange_mainContainer__1Saud .ClassesChange_main__bvkHJ .ClassesChange_classesSelect__3yHJX {
    width: 190px;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 915px
}

.ClassesChange_mainContainer__1Saud .ClassesChange_main__bvkHJ .ClassesChange_classesSelect__3yHJX>div {
    width: 190px;
    border-color: transparent;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 25px
}

.ClassesChange_mainContainer__1Saud .ClassesChange_main__bvkHJ .ClassesChange_classesSelect__3yHJX>div p {
    text-align: center
}

.ClassesChange_mainContainer__1Saud .ClassesChange_main__bvkHJ .ClassesChange_table__-_lvg>header {
    grid-template-columns: 88px 80px 280px 105px 165px 200px 150px
}

.ClassesChange_mainContainer__1Saud .ClassesChange_main__bvkHJ .ClassesChange_tableList__iDhcY {
    height: 420px;
    overflow-y: auto
}

.ClassesChange_mainContainer__1Saud .ClassesChange_main__bvkHJ .ClassesChange_tableList__iDhcY>div>div {
    display: grid;
    grid-template-columns: 88px 80px 280px 105px 165px 200px 150px;
    border-bottom: 1px solid #e2e2e2
}

.ClassesChange_mainContainer__1Saud .ClassesChange_main__bvkHJ .ClassesChange_tableList__iDhcY>div>div:hover {
    background: #e3f2fd;
    border-bottom: 1px solid #2962ff;
    cursor: pointer
}

.ClassesChange_mainContainer__1Saud .ClassesChange_main__bvkHJ .ClassesChange_tableList__iDhcY>div>div:hover>p,.ClassesChange_mainContainer__1Saud .ClassesChange_main__bvkHJ .ClassesChange_tableList__iDhcY>div>div:hover>p:first-child {
    color: #2962ff
}

.ClassesChange_mainContainer__1Saud .ClassesChange_main__bvkHJ .ClassesChange_tableList__iDhcY>div>div:hover>span>button:first-child>svg>path {
    fill: #2962ff
}

.ClassesChange_mainContainer__1Saud .ClassesChange_main__bvkHJ .ClassesChange_tableList__iDhcY>div>div:hover>span>button:last-child>svg {
    stroke: #2962ff
}

.ClassesChange_mainContainer__1Saud .ClassesChange_main__bvkHJ .ClassesChange_tableList__iDhcY>div>div>p {
    padding: 10px 10px 10px 20px;
    pointer-events: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ClassesChange_mainContainer__1Saud .ClassesChange_main__bvkHJ .ClassesChange_tableList__iDhcY>div>div>span {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0 15px
}

.ClassesChange_mainContainer__1Saud .ClassesChange_main__bvkHJ .ClassesChange_tableList__iDhcY>div>div>span>button {
    border: none;
    display: inline-block;
    background: transparent;
    cursor: pointer
}

.ClassesChange_mainContainer__1Saud .ClassesChange_main__bvkHJ .ClassesChange_tableList__iDhcY>div>div>span>button>svg {
    font-size: 22px
}

.ClassesChange_mainContainer__1Saud .ClassesChange_main__bvkHJ .ClassesChange_tableList__iDhcY>div>div>span>button>svg circle,.ClassesChange_mainContainer__1Saud .ClassesChange_main__bvkHJ .ClassesChange_tableList__iDhcY>div>div>span>button>svg path {
    color: #999
}

@media print {
    .ClassesChange_mainContainer__1Saud .ClassesChange_main__bvkHJ {
        margin-left: 30px
    }

    .ClassesChange_mainContainer__1Saud .ClassesChange_main__bvkHJ .ClassesChange_tableList__iDhcY {
        height: inherit!important
    }
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .ClassesChange_mainContainer__1Saud .ClassesChange_main__bvkHJ .ClassesChange_classesSelect__3yHJX {
        margin-left:inherit
    }

    .ClassesChange_mainContainer__1Saud .ClassesChange_main__bvkHJ .ClassesChange_table__-_lvg .ClassesChange_tableListMobi__m-J_A {
        height: 600px;
        overflow: scroll
    }

    .ClassesChange_mainContainer__1Saud .ClassesChange_main__bvkHJ .ClassesChange_table__-_lvg .ClassesChange_tableListMobi__m-J_A div {
        width: 100%;
        overflow: scroll
    }

    .ClassesChange_mainContainer__1Saud .ClassesChange_main__bvkHJ .ClassesChange_table__-_lvg .ClassesChange_tableListMobi__m-J_A div>.ClassesChange_rowOne__3ljyX {
        display: grid;
        grid-template-columns: 15vw 15vw 40vw 28vw;
        height: 30px
    }

    .ClassesChange_mainContainer__1Saud .ClassesChange_main__bvkHJ .ClassesChange_table__-_lvg .ClassesChange_tableListMobi__m-J_A div>.ClassesChange_rowOne__3ljyX p,.ClassesChange_mainContainer__1Saud .ClassesChange_main__bvkHJ .ClassesChange_table__-_lvg .ClassesChange_tableListMobi__m-J_A div>.ClassesChange_rowOne__3ljyX span {
        font-size: 12px;
        padding-left: 10px;
        display: flex;
        align-items: center;
        border-left: 1px solid #fff
    }

    .ClassesChange_mainContainer__1Saud .ClassesChange_main__bvkHJ .ClassesChange_table__-_lvg .ClassesChange_tableListMobi__m-J_A div>.ClassesChange_rowOne__3ljyX:first-child {
        background: #e3f2fd
    }

    .ClassesChange_mainContainer__1Saud .ClassesChange_main__bvkHJ .ClassesChange_table__-_lvg .ClassesChange_tableListMobi__m-J_A div>.ClassesChange_rowTwo__2Lub3 {
        display: grid;
        grid-template-columns: 1fr 1fr
    }

    .ClassesChange_mainContainer__1Saud .ClassesChange_main__bvkHJ .ClassesChange_table__-_lvg .ClassesChange_tableListMobi__m-J_A div>.ClassesChange_rowTwo__2Lub3 p,.ClassesChange_mainContainer__1Saud .ClassesChange_main__bvkHJ .ClassesChange_table__-_lvg .ClassesChange_tableListMobi__m-J_A div>.ClassesChange_rowTwo__2Lub3 span {
        font-size: 12px;
        padding-left: 10px;
        display: flex;
        align-items: center;
        border-left: 1px solid #fff;
        height: 30px
    }

    .ClassesChange_mainContainer__1Saud .ClassesChange_main__bvkHJ .ClassesChange_table__-_lvg .ClassesChange_tableListMobi__m-J_A div>header.ClassesChange_rowTwo__2Lub3 {
        background: #e2e2e2;
        height: 30px
    }

    .ClassesChange_mainContainer__1Saud .ClassesChange_main__bvkHJ .ClassesChange_table__-_lvg .ClassesChange_tableListMobi__m-J_A div>.ClassesChange_rowThree__85Cs0 {
        display: grid;
        grid-template-columns: 1fr
    }

    .ClassesChange_mainContainer__1Saud .ClassesChange_main__bvkHJ .ClassesChange_table__-_lvg .ClassesChange_tableListMobi__m-J_A div>.ClassesChange_rowThree__85Cs0>span {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0 15px;
        height: 30px;
        font-size: 12px
    }

    .ClassesChange_mainContainer__1Saud .ClassesChange_main__bvkHJ .ClassesChange_table__-_lvg .ClassesChange_tableListMobi__m-J_A div>.ClassesChange_rowThree__85Cs0>span>button {
        border: none;
        display: inline-block;
        background: transparent;
        cursor: pointer
    }

    .ClassesChange_mainContainer__1Saud .ClassesChange_main__bvkHJ .ClassesChange_table__-_lvg .ClassesChange_tableListMobi__m-J_A div>.ClassesChange_rowThree__85Cs0>span>button>svg {
        font-size: 20px
    }

    .ClassesChange_mainContainer__1Saud .ClassesChange_main__bvkHJ .ClassesChange_table__-_lvg .ClassesChange_tableListMobi__m-J_A div>.ClassesChange_rowThree__85Cs0>span>button>svg circle,.ClassesChange_mainContainer__1Saud .ClassesChange_main__bvkHJ .ClassesChange_table__-_lvg .ClassesChange_tableListMobi__m-J_A div>.ClassesChange_rowThree__85Cs0>span>button>svg path {
        color: #999
    }

    .ClassesChange_mainContainer__1Saud .ClassesChange_main__bvkHJ .ClassesChange_table__-_lvg .ClassesChange_tableListMobi__m-J_A div>.ClassesChange_rowThree__85Cs0>span>button:not(:first-child) {
        padding-left: 20px
    }

    .ClassesChange_mainContainer__1Saud .ClassesChange_main__bvkHJ .ClassesChange_table__-_lvg .ClassesChange_tableListMobi__m-J_A div>header.ClassesChange_rowThree__85Cs0 {
        background: #e2e2e2;
        height: 30px
    }
}

.Curriculum_main__LdfH9 {
    padding: 10px;
    position: relative
}

.Curriculum_main__LdfH9>h1 {
    font-size: 22px;
    color: #2979ff!important
}

.Curriculum_main__LdfH9>header {
    margin: 25px 10px;
    display: grid;
    grid-template-columns: repeat(3,364px);
    grid-gap: 30px
}

.Curriculum_main__LdfH9>header>p {
    margin-left: 15px
}

.Curriculum_main__LdfH9>main>span {
    margin-top: 30px;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 30px
}

.Curriculum_main__LdfH9>main>span>div {
    height: 40px;
    border-radius: 5px;
    position: relative;
    background-color: #e7edf1;
    overflow: hidden
}

.Curriculum_main__LdfH9>main>span>div:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: Curriculum_loading__xVILw 1.5s infinite
}

@keyframes Curriculum_loading__xVILw {
    to {
        transform: translateX(100%)
    }
}

.Curriculum_main__LdfH9>main>div {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 500px
}

.Curriculum_main__LdfH9>main>div:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.Curriculum_main__LdfH9>main>div>div {
    display: grid;
    grid-template-columns: repeat(3,364px);
    grid-gap: 30px;
    margin-top: 30px
}

.Curriculum_main__LdfH9>main>div>div>i {
    border-radius: 5px;
    border: 1px solid #c4c4c4;
    cursor: pointer;
    padding: 5px 19px;
    display: grid;
    align-items: center
}

.Curriculum_main__LdfH9>main>div>div:first-child {
    margin-top: 0
}

.Curriculum_main__LdfH9>main>div>div>span {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.Curriculum_main__LdfH9>main>div>div>span>span {
    display: flex;
    align-items: center
}

.Curriculum_main__LdfH9>main>div>div>span>span:first-child {
    grid-gap: 20px
}

.Curriculum_main__LdfH9>main>div>div>span>span:first-child>input {
    transform: scale(1.2)
}

.Curriculum_main__LdfH9>main>div>div>span>span:nth-child(2) {
    grid-gap: 30px
}

.Curriculum_main__LdfH9>main>div>div>span>span:nth-child(2)>i svg {
    font-size: 22px
}

.Curriculum_main__LdfH9>main>div>div>span>span:nth-child(2)>i svg>circle,.Curriculum_main__LdfH9>main>div>div>span>span:nth-child(2)>i svg>line,.Curriculum_main__LdfH9>main>div>div>span>span:nth-child(2)>i svg>path {
    color: #2979ff
}

.Curriculum_main__LdfH9>footer {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px
}

.Curriculum_main__LdfH9>footer span {
    display: flex;
    align-items: center;
    grid-gap: 30px
}

.Curriculum_main__LdfH9>footer span>button {
    width: 160px
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Curriculum_main__LdfH9 * {
        font-size:12px!important
    }

    .Curriculum_main__LdfH9>header {
        display: none
    }

    .Curriculum_main__LdfH9>main>div {
        height: 550px;
        margin: 20px 0
    }

    .Curriculum_main__LdfH9>main>div>div {
        display: flex;
        flex-direction: column;
        grid-gap: 10px;
        margin-top: 10px
    }

    .Curriculum_main__LdfH9>main>div>div>section>p {
        padding: 10px 20px;
        color: grey
    }

    .Curriculum_main__LdfH9>main>div>div>section>div>div {
        border-radius: 20px
    }

    .Curriculum_main__LdfH9>main>div>div>span {
        justify-content: flex-start;
        padding: 3px
    }
}

.Form_main__J8qcF {
    padding: 15px 20px
}

.Form_main__J8qcF .Form_title__3zYUg>h1 {
    color: #2962ff;
    font-size: 22px
}

.Form_main__J8qcF .Form_links__1llOZ {
    margin-top: 30px
}

.Form_main__J8qcF>div:last-child {
    position: relative
}

.Form_main__J8qcF>div:last-child>div>header {
    font-size: 16px
}

.Form_main__J8qcF>div:last-child>div>header>div {
    grid-template-columns: repeat(5,1fr)
}

.Form_main__J8qcF>div:last-child>div>header>div>div p {
    font-size: 16px;
    padding: 5px 10px 5px 20px
}

.Form_main__J8qcF>div:last-child>div>header>div>div:nth-child(3) {
    grid-column: 3/5
}

.Form_main__J8qcF>div:last-child>div>header>div>div:nth-child(4) {
    grid-column: 5/-1
}

.Form_main__J8qcF>div:last-child>div>header>div>div:nth-child(5) {
    grid-column: 1/3
}

.Form_main__J8qcF>div:last-child>div>header>div>div:nth-child(6) {
    grid-column: 3/5
}

.Form_main__J8qcF>div:last-child>div>header>div>div:nth-child(7) {
    grid-column: 5/-1
}

.Form_main__J8qcF>div:last-child>div>header>div>div:nth-child(8) {
    grid-column: 1/-2
}

.Form_main__J8qcF>div:last-child>div>header>div>div>div>div>div {
    border-radius: 25px
}

.Form_main__J8qcF>div:last-child>div>header>div>div>div>div>div>div:first-child {
    padding-left: 20px
}

.Form_main__J8qcF>div:last-child>div>header>div>div>div>div>div:nth-child(2)>div span {
    margin: 0
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Form_main__J8qcF .Form_title__3zYUg>h1 {
        font-size:12px
    }

    .Form_main__J8qcF .Form_links__1llOZ {
        margin-top: 10px
    }

    .Form_main__J8qcF>div:last-child>div>header>div {
        grid-template-columns: repeat(6,1fr);
        width: 100%;
        grid-gap: 10px
    }

    .Form_main__J8qcF>div:last-child>div>header>div>div p {
        font-size: 14px
    }

    .Form_main__J8qcF>div:last-child>div>header>div>div:first-child,.Form_main__J8qcF>div:last-child>div>header>div>div:nth-child(2) {
        grid-row: 1;
        grid-column: auto/span 2
    }

    .Form_main__J8qcF>div:last-child>div>header>div>div:nth-child(3),.Form_main__J8qcF>div:last-child>div>header>div>div:nth-child(4) {
        grid-row: 2;
        grid-column: auto/span 3
    }

    .Form_main__J8qcF>div:last-child>div>header>div>div:nth-child(5),.Form_main__J8qcF>div:last-child>div>header>div>div:nth-child(6) {
        grid-row: 3;
        grid-column: auto/span 3
    }

    .Form_main__J8qcF>div:last-child>div>header>div>div:nth-child(7) {
        grid-row: 4;
        grid-column: auto/span 3
    }

    .Form_main__J8qcF>div:last-child>div>header>div>div:nth-child(8) {
        grid-row: 5;
        grid-column: auto/span 6
    }

    .Form_main__J8qcF>div:last-child>div>header>div>div:nth-child(9) {
        grid-row: 6;
        grid-column: auto/span 3
    }
}

.ClassesArchive_students__GuGQL .ClassesArchive_main__3zPA2>header {
    display: grid;
    grid-template-columns: 40px repeat(3,170px) 85px 140px 140px 1fr;
    font-size: 16px
}

.ClassesArchive_students__GuGQL .ClassesArchive_main__3zPA2>header>span:first-child {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0
}

.ClassesArchive_students__GuGQL .ClassesArchive_main__3zPA2>header>span:nth-child(4) {
    padding-left: 20px;
    border-left: 1px solid #fff;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 170px;
    display: inline-block;
    padding-top: 10px
}

.ClassesArchive_students__GuGQL .ClassesArchive_main__3zPA2>header>span:last-child {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0
}

.ClassesArchive_students__GuGQL .ClassesArchive_main__3zPA2 main>span {
    display: grid;
    grid-template-columns: 40px repeat(3,170px) 85px 140px 140px 1fr
}

.ClassesArchive_students__GuGQL .ClassesArchive_main__3zPA2 main>span:hover {
    border-bottom: 1px solid #2962ff;
    background: hsla(0,0%,97.3%,.61);
    cursor: pointer
}

.ClassesArchive_students__GuGQL .ClassesArchive_main__3zPA2 main>span:hover p,.ClassesArchive_students__GuGQL .ClassesArchive_main__3zPA2 main>span:hover p span,.ClassesArchive_students__GuGQL .ClassesArchive_main__3zPA2 main>span:hover span,.ClassesArchive_students__GuGQL .ClassesArchive_main__3zPA2 main>span:hover span span {
    color: #2962ff
}

.ClassesArchive_students__GuGQL .ClassesArchive_main__3zPA2 main>span:hover>p>button>svg {
    fill: #2962ff
}

.ClassesArchive_students__GuGQL .ClassesArchive_main__3zPA2 main>span>p {
    padding: 10px 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 1px solid #e2e2e2
}

.ClassesArchive_students__GuGQL .ClassesArchive_main__3zPA2 main>span>p:last-child {
    display: flex;
    align-items: center;
    justify-content: center
}

.ClassesArchive_students__GuGQL .ClassesArchive_main__3zPA2 main>span>p:last-child>button {
    border: none;
    margin: 0 7px;
    background: none
}

.ClassesArchive_classes__tEqyH .ClassesArchive_main__3zPA2>header {
    display: grid;
    grid-template-columns: 90px 280px 170px 170px 150px 160px;
    font-size: 16px
}

.ClassesArchive_classes__tEqyH .ClassesArchive_main__3zPA2>header>span:nth-child(4) {
    padding-left: 20px;
    border-left: 1px solid #fff;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 170px;
    display: inline-block;
    padding-top: 10px
}

.ClassesArchive_classes__tEqyH .ClassesArchive_main__3zPA2>header>span:last-child {
    justify-content: start;
    padding-left: 20px
}

.ClassesArchive_classes__tEqyH .ClassesArchive_main__3zPA2 main>span {
    display: grid;
    grid-template-columns: 90px 280px 170px 170px 150px 160px
}

.ClassesArchive_classes__tEqyH .ClassesArchive_main__3zPA2 main>span:hover {
    border-bottom: 1px solid #2962ff;
    background: hsla(0,0%,97.3%,.61);
    cursor: pointer
}

.ClassesArchive_classes__tEqyH .ClassesArchive_main__3zPA2 main>span:hover p,.ClassesArchive_classes__tEqyH .ClassesArchive_main__3zPA2 main>span:hover p span,.ClassesArchive_classes__tEqyH .ClassesArchive_main__3zPA2 main>span:hover span,.ClassesArchive_classes__tEqyH .ClassesArchive_main__3zPA2 main>span:hover span span {
    color: #2962ff
}

.ClassesArchive_classes__tEqyH .ClassesArchive_main__3zPA2 main>span:hover>p>button>svg {
    fill: #2962ff
}

.ClassesArchive_classes__tEqyH .ClassesArchive_main__3zPA2 main>span>p {
    padding: 10px 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 1px solid #e2e2e2
}

.ClassesArchive_classes__tEqyH .ClassesArchive_main__3zPA2 main>span>p:last-child {
    display: flex;
    align-items: center;
    justify-content: center
}

.ClassesArchive_classes__tEqyH .ClassesArchive_main__3zPA2 main>span>p:last-child>button {
    border: none;
    margin: 0 7px;
    background: none
}

.ClassesArchive_modal__1gJVi {
    z-index: 999
}

.ClassesArchive_modal__1gJVi>div {
    padding: 0
}

@media print {
    .ClassesArchive_classes__tEqyH,.ClassesArchive_students__GuGQL {
        zoom:.8}
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .ClassesArchive_students__GuGQL .ClassesArchive_main__3zPA2 .ClassesArchive_tableListMobi__3iEW5 {
        height:600px;
        overflow: scroll
    }

    .ClassesArchive_students__GuGQL .ClassesArchive_main__3zPA2 .ClassesArchive_tableListMobi__3iEW5 div {
        width: 100%;
        overflow: scroll
    }

    .ClassesArchive_students__GuGQL .ClassesArchive_main__3zPA2 .ClassesArchive_tableListMobi__3iEW5 div>.ClassesArchive_rowOne__29uO4 {
        display: grid;
        grid-template-columns: .3fr 1.3fr .7fr;
        height: 30px
    }

    .ClassesArchive_students__GuGQL .ClassesArchive_main__3zPA2 .ClassesArchive_tableListMobi__3iEW5 div>.ClassesArchive_rowOne__29uO4 p,.ClassesArchive_students__GuGQL .ClassesArchive_main__3zPA2 .ClassesArchive_tableListMobi__3iEW5 div>.ClassesArchive_rowOne__29uO4 span {
        font-size: 12px;
        padding-left: 10px;
        display: flex;
        align-items: center;
        border-left: 1px solid #fff
    }

    .ClassesArchive_students__GuGQL .ClassesArchive_main__3zPA2 .ClassesArchive_tableListMobi__3iEW5 div>.ClassesArchive_rowOne__29uO4:first-child {
        background: #e3f2fd
    }

    .ClassesArchive_students__GuGQL .ClassesArchive_main__3zPA2 .ClassesArchive_tableListMobi__3iEW5 div>.ClassesArchive_rowTwo__3kPm4 {
        display: grid;
        grid-template-columns: 1fr 1fr .8fr
    }

    .ClassesArchive_students__GuGQL .ClassesArchive_main__3zPA2 .ClassesArchive_tableListMobi__3iEW5 div>.ClassesArchive_rowTwo__3kPm4 p,.ClassesArchive_students__GuGQL .ClassesArchive_main__3zPA2 .ClassesArchive_tableListMobi__3iEW5 div>.ClassesArchive_rowTwo__3kPm4 span {
        font-size: 12px;
        padding-left: 10px;
        display: flex;
        align-items: center;
        border-left: 1px solid #fff;
        height: 30px
    }

    .ClassesArchive_students__GuGQL .ClassesArchive_main__3zPA2 .ClassesArchive_tableListMobi__3iEW5 div>.ClassesArchive_rowTwo__3kPm4 p>button,.ClassesArchive_students__GuGQL .ClassesArchive_main__3zPA2 .ClassesArchive_tableListMobi__3iEW5 div>.ClassesArchive_rowTwo__3kPm4 span>button {
        border: none;
        background: transparent
    }

    .ClassesArchive_students__GuGQL .ClassesArchive_main__3zPA2 .ClassesArchive_tableListMobi__3iEW5 div>header.ClassesArchive_rowTwo__3kPm4 {
        background: #e2e2e2;
        height: 30px
    }

    .ClassesArchive_classes__tEqyH * {
        font-size: 12px!important
    }

    .ClassesArchive_classes__tEqyH .ClassesArchive_main__3zPA2 .ClassesArchive_tableListMobi__3iEW5 {
        height: 600px;
        overflow: scroll
    }

    .ClassesArchive_classes__tEqyH .ClassesArchive_main__3zPA2 .ClassesArchive_tableListMobi__3iEW5 div {
        width: 100%;
        overflow: scroll
    }

    .ClassesArchive_classes__tEqyH .ClassesArchive_main__3zPA2 .ClassesArchive_tableListMobi__3iEW5 div>.ClassesArchive_rowOne__29uO4 {
        display: grid;
        grid-template-columns: 1fr 2fr;
        height: 30px
    }

    .ClassesArchive_classes__tEqyH .ClassesArchive_main__3zPA2 .ClassesArchive_tableListMobi__3iEW5 div>.ClassesArchive_rowOne__29uO4 p,.ClassesArchive_classes__tEqyH .ClassesArchive_main__3zPA2 .ClassesArchive_tableListMobi__3iEW5 div>.ClassesArchive_rowOne__29uO4 span {
        padding-left: 10px;
        display: flex;
        align-items: center;
        border-left: 1px solid #fff
    }

    .ClassesArchive_classes__tEqyH .ClassesArchive_main__3zPA2 .ClassesArchive_tableListMobi__3iEW5 div>.ClassesArchive_rowOne__29uO4:first-child {
        background: #e3f2fd
    }

    .ClassesArchive_classes__tEqyH .ClassesArchive_main__3zPA2 .ClassesArchive_tableListMobi__3iEW5 div>.ClassesArchive_rowTwo__3kPm4 {
        display: grid;
        grid-template-columns: 1fr 1fr .8fr
    }

    .ClassesArchive_classes__tEqyH .ClassesArchive_main__3zPA2 .ClassesArchive_tableListMobi__3iEW5 div>.ClassesArchive_rowTwo__3kPm4 p,.ClassesArchive_classes__tEqyH .ClassesArchive_main__3zPA2 .ClassesArchive_tableListMobi__3iEW5 div>.ClassesArchive_rowTwo__3kPm4 span {
        padding-left: 10px;
        display: flex;
        align-items: center;
        border-left: 1px solid #fff;
        height: 30px
    }

    .ClassesArchive_classes__tEqyH .ClassesArchive_main__3zPA2 .ClassesArchive_tableListMobi__3iEW5 div>header.ClassesArchive_rowTwo__3kPm4 {
        background: #e2e2e2;
        height: 30px
    }

    .ClassesArchive_classes__tEqyH .ClassesArchive_main__3zPA2 .ClassesArchive_tableListMobi__3iEW5 div>.ClassesArchive_rowThree__1j0GO {
        display: grid;
        grid-template-columns: 1fr
    }

    .ClassesArchive_classes__tEqyH .ClassesArchive_main__3zPA2 .ClassesArchive_tableListMobi__3iEW5 div>.ClassesArchive_rowThree__1j0GO>p>button {
        border: none;
        background: transparent;
        padding-left: 10px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: flex-start
    }

    .ClassesArchive_classes__tEqyH .ClassesArchive_main__3zPA2 .ClassesArchive_tableListMobi__3iEW5 div>.ClassesArchive_rowThree__1j0GO>span {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0 15px;
        height: 30px;
        font-size: 12px
    }

    .ClassesArchive_classes__tEqyH .ClassesArchive_main__3zPA2 .ClassesArchive_tableListMobi__3iEW5 div>header.ClassesArchive_rowThree__1j0GO {
        background: #e2e2e2;
        height: 30px
    }
}

.Controls_main__2I3hA {
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 21px;
    margin: 30px 0
}

.Controls_main__2I3hA .Controls_left__3rPKu>button {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #fff;
    background: #2979ff;
    border: none;
    height: 40px;
    border-radius: 25px;
    cursor: pointer;
    width: 170px
}

.Controls_main__2I3hA .Controls_right__1_UQ5 {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.Controls_main__2I3hA .Controls_right__1_UQ5>span {
    padding-left: 10px
}

.Controls_main__2I3hA .Controls_right__1_UQ5>span>button {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #fff;
    background: #2979ff;
    border: none;
    height: 40px;
    border-radius: 25px;
    cursor: pointer;
    width: 40px;
    border-radius: 5px
}

.Controls_main__2I3hA .Controls_classesStatusSelect__2Ez0T {
    width: 199px;
    margin-right: 25px
}

.Controls_main__2I3hA .Controls_classesStatusSelect__2Ez0T>div {
    border-color: transparent;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 25px
}

.Controls_main__2I3hA .Controls_classesStatusSelect__2Ez0T>div p {
    text-align: center
}

.Controls_main__2I3hA .Controls_classesSelect__3AfeA {
    width: 199px
}

.Controls_main__2I3hA .Controls_classesSelect__3AfeA>div {
    border-color: transparent;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 25px
}

.Controls_main__2I3hA .Controls_classesSelect__3AfeA>div p {
    text-align: center
}

.Controls_main__2I3hA .Controls_classesDateSelect__2IX9i {
    width: 199px
}

.Controls_main__2I3hA .Controls_classesDateSelect__2IX9i>div {
    border-color: transparent;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 25px
}

.Controls_main__2I3hA .Controls_classesDateSelect__2IX9i>div p {
    text-align: center
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Controls_main__2I3hA {
        flex-direction:column-reverse
    }

    .Controls_main__2I3hA>div {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100vw
    }

    .Controls_main__2I3hA .Controls_classesSelect__3AfeA {
        width: unset
    }
}

.Attendance_main__2sZ37>header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.Attendance_main__2sZ37>header>div {
    display: flex;
    align-items: center;
    grid-gap: 39px
}

.Attendance_main__2sZ37>header>div>.Attendance_childrenSelect__2czN8 {
    width: 290px
}

.Attendance_main__2sZ37>header>div>.Attendance_childrenSelect__2czN8>div {
    border-color: transparent;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 25px
}

.Attendance_main__2sZ37>header>div>.Attendance_childrenSelect__2czN8>div p {
    text-align: center
}

.Attendance_main__2sZ37>header>div>.Attendance_date__1nJNU {
    width: 292px
}

.Attendance_main__2sZ37>.Attendance_table__kcsIO {
    margin-top: 20px
}

.Attendance_main__2sZ37>.Attendance_table__kcsIO>header {
    grid-template-columns: 62px 404px 177px 236px 1fr
}

.Attendance_main__2sZ37>.Attendance_table__kcsIO>header span:last-child {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 20px
}

.Attendance_main__2sZ37 .Attendance_tableList__sikoZ {
    height: 520px;
    overflow: scroll
}

.Attendance_main__2sZ37 .Attendance_tableList__sikoZ>div>div {
    display: grid;
    grid-template-columns: 62px 404px 177px 236px 1fr;
    border-bottom: 1px solid #e2e2e2
}

.Attendance_main__2sZ37 .Attendance_tableList__sikoZ>div>div:hover {
    background: hsla(0,0%,97.3%,.61);
    cursor: pointer
}

.Attendance_main__2sZ37 .Attendance_tableList__sikoZ>div>div>p {
    padding: 10px 20px;
    pointer-events: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.Attendance_main__2sZ37 .Attendance_tableList__sikoZ>div>div>span {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0 15px
}

.Attendance_main__2sZ37 .Attendance_tableList__sikoZ>div>div>span>button {
    border: none;
    display: inline-block;
    background: transparent;
    cursor: pointer
}

@media print {
    .Attendance_main__2sZ37 {
        zoom:.6}

    .Attendance_main__2sZ37 .Attendance_tableList__sikoZ {
        height: inherit!important
    }
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Attendance_main__2sZ37 * {
        font-size:10px!important
    }

    .Attendance_main__2sZ37>header {
        flex-direction: column
    }

    .Attendance_main__2sZ37>header>p {
        width: 100%;
        padding-left: 10px
    }

    .Attendance_main__2sZ37>header>div {
        grid-gap: 20px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin: 10px 0;
        width: 100%
    }

    .Attendance_main__2sZ37>header>div>div {
        width: 100%!important
    }

    .Attendance_main__2sZ37>.Attendance_table__kcsIO>header {
        grid-template-columns: 7vw 35vw 20vw 19vw 18vw
    }

    .Attendance_main__2sZ37>.Attendance_table__kcsIO>header span:last-child {
        padding-left: 10px
    }

    .Attendance_tableList__sikoZ {
        height: 550px;
        overflow-y: scroll;
        overflow-x: hidden
    }

    .Attendance_tableList__sikoZ>div>div {
        grid-template-columns: 7vw 35vw 20vw 19vw 18vw!important
    }

    .Attendance_tableList__sikoZ>div>div>p {
        padding: 10px 20px 10px 10px!important
    }
}

.GroupInfo_main__2h3K5 {
    position: relative;
    margin-bottom: 45px
}

.GroupInfo_main__2h3K5>div>div:nth-child(2)>div>div {
    width: 1100px
}

.GroupInfo_main__2h3K5 .GroupInfo_navbarComponents__1DupH {
    min-width: 238px
}

.GroupInfo_main__2h3K5 .GroupInfo_navbarComponents__1DupH:first-child {
    min-width: 208px
}

.GroupInfo_main__2h3K5>p {
    position: absolute;
    left: -152px;
    font-size: 18px;
    color: #2962ff;
    display: flex;
    align-items: center;
    grid-gap: 5px;
    margin-top: 10px;
    cursor: pointer
}

.GroupInfo_main__2h3K5>p>svg {
    font-size: 22px;
    margin-top: -3px
}

.GroupInfo_main__2h3K5>p>svg>g>path {
    color: #2962ff
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .GroupInfo_main__2h3K5>p {
        top:-35px;
        left: 0;
        font-size: 12px
    }

    .GroupInfo_main__2h3K5>header {
        padding: 10px 0
    }

    .GroupInfo_main__2h3K5>div {
        margin-top: 0!important
    }
}

.Journal_center__Y-RnW {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 300px
}

.Journal_main__3Ju3l>header {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    margin-bottom: 20px
}

.Journal_main__3Ju3l>header>p {
    display: flex;
    grid-gap: 10px
}

.Journal_main__3Ju3l>header>div {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 20px
}

.Journal_main__3Ju3l>header>div>div {
    grid-gap: 20px
}

.Journal_main__3Ju3l>header>div>div>div {
    border: none;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 25px
}

.Journal_main__3Ju3l>header>div>div>div>p {
    color: #000
}

.Journal_main__3Ju3l .Journal_subjectSelect__2FRdk {
    width: 200px
}

.Journal_main__3Ju3l .Journal_subjectSelect__2FRdk>div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.Journal_main__3Ju3l .Journal_scroll__1C4rK {
    display: grid;
    grid-template-columns: 319px 1fr;
    margin-right: 17px
}

.Journal_main__3Ju3l .Journal_scroll__1C4rK ::-webkit-scrollbar {
    height: 5px
}

.Journal_main__3Ju3l .Journal_scroll__1C4rK>span {
    display: flex;
    grid-gap: 1px;
    overflow-y: hidden;
    overflow-x: auto
}

.Journal_main__3Ju3l .Journal_scroll__1C4rK>span li {
    min-width: 30px;
    height: 1px
}

.Journal_select__1q-po {
    min-width: 200px
}

.Journal_disabledSelect__6IfX7 {
    width: 200px;
    visibility: hidden
}

.Journal_disabledSelect__6IfX7:before {
    content: "";
    display: block;
    width: 100%;
    border-radius: 4px;
    position: absolute;
    height: 100%;
    background-color: #e9e9e9!important
}

.Journal_disabledSelect__6IfX7>div>p {
    color: #999!important;
    z-index: 99
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Journal_main__3Ju3l * {
        font-size:12px!important
    }

    .Journal_main__3Ju3l>section {
        width: 100vw;
        overflow: scroll
    }

    .Journal_main__3Ju3l>header {
        display: flex;
        flex-direction: column
    }

    .Journal_main__3Ju3l>header>p {
        justify-content: flex-end;
        width: 100%;
        margin: -15px 0 15px
    }

    .Journal_main__3Ju3l>header>div {
        grid-template-columns: 1fr 1fr
    }

    .Journal_main__3Ju3l .Journal_finalTable__2hWKo {
        width: 100vw;
        overflow: hidden
    }

    .Journal_main__3Ju3l .Journal_finalTable__2hWKo * {
        font-size: 12px!important
    }
}

@media print {
    .Journal_main__3Ju3l {
        display: none!important
    }
}

.StaffsSchedule_main__1B-Vp {
    width: 1040px
}

.StaffsSchedule_main__1B-Vp>div>main {
    margin: 20px 0 50px
}

.StaffsSchedule_main__1B-Vp>div>main>.StaffsSchedule_week__2VxRi {
    display: grid;
    grid-template-columns: repeat(6,172px);
    grid-column-gap: 2px;
    column-gap: 2px
}

.StaffsSchedule_main__1B-Vp>div>main>.StaffsSchedule_week__2VxRi>div {
    background: #e3f2fd;
    padding: 15px
}

.StaffsSchedule_main__1B-Vp>div>main>.StaffsSchedule_week__2VxRi>div>p {
    font-size: 18px
}

.StaffsSchedule_main__1B-Vp>div>main>.StaffsSchedule_week__2VxRi>div>p:nth-child(2) {
    font-size: 16px
}

.StaffsSchedule_main__1B-Vp>div>main>.StaffsSchedule_week__2VxRi>div>p:nth-child(3) {
    color: #9f9f9f;
    font-size: 16px
}

.StaffsSchedule_main__1B-Vp>div>main>.StaffsSchedule_week__2VxRi>.StaffsSchedule_activeDay__2wLfl {
    background: #bbdefb;
    border-bottom: 4px solid #64b5f6
}

.StaffsSchedule_main__1B-Vp>div>main>.StaffsSchedule_schedule__table__25G_W {
    height: 400px;
    border: 1px solid #e2e2e2
}

.StaffsSchedule_main__1B-Vp>div>main>.StaffsSchedule_schedule__table__25G_W>.StaffsSchedule_table__header__3nzmt {
    display: grid;
    grid-template-columns: 60px 80px 90px 342px 330px 136px;
    grid-template-rows: 40px
}

.StaffsSchedule_main__1B-Vp>div>main>.StaffsSchedule_schedule__table__25G_W>.StaffsSchedule_table__header__3nzmt>p {
    background: #bbdefb;
    border: 1px solid #fff;
    padding: 10px 0 10px 10px
}

.StaffsSchedule_main__1B-Vp>div>main>.StaffsSchedule_schedule__table__25G_W>.StaffsSchedule_table__body__Yu61Z {
    height: 300px;
    overflow-x: hidden;
    overflow-y: scroll
}

.StaffsSchedule_main__1B-Vp>div>main>.StaffsSchedule_schedule__table__25G_W>.StaffsSchedule_table__body__Yu61Z>ul {
    display: grid;
    grid-template-columns: 60px 80px 90px 342px 330px 136px;
    grid-template-rows: 50px;
    border-bottom: 1px solid #e2e2e2
}

.StaffsSchedule_main__1B-Vp>div>main>.StaffsSchedule_schedule__table__25G_W>.StaffsSchedule_table__body__Yu61Z>ul>li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 15px 0 15px 15px
}

@media print {
    .StaffsSchedule_main__1B-Vp {
        zoom:.8}

    .StaffsSchedule_main__1B-Vp>div main .StaffsSchedule_schedule__table__25G_W .StaffsSchedule_table__body__Yu61Z {
        height: inherit
    }
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .StaffsSchedule_main__1B-Vp {
        width:100vw
    }

    .StaffsSchedule_main__1B-Vp * {
        font-size: 12px!important
    }

    .StaffsSchedule_main__1B-Vp>div>p {
        margin: 15px 0!important
    }
}

.Staffs_main__3S6-n {
    width: 1050px;
    margin: auto;
    padding-left: 25px
}

.Staffs_main__3S6-n .Staffs_selectorContent__1nFRr {
    width: 180px
}

kendo-pdf-document div {
    width: 100%;
    background: wheat
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Staffs_main__3S6-n {
        width:100vw;
        padding-left: 0
    }

    .Staffs_main__3S6-n .Staffs_container__1BCac>header {
        position: relative
    }

    .Staffs_main__3S6-n .Staffs_container__1BCac>header>div:nth-child(2) {
        top: -115px;
        position: absolute;
        width: 100%;
        right: 20px
    }
}

.StaffsControlContainer_selectorsContainer__o8kH0 {
    display: flex;
    flex-direction: row;
    grid-column-gap: 20px;
    column-gap: 20px;
    margin-bottom: 25px;
    justify-content: flex-end
}

.StaffsControlContainer_childrenSelect__1zPZL {
    width: 290px
}

.StaffsControlContainer_childrenSelect__1zPZL>div {
    border-color: transparent;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 25px
}

.StaffsControlContainer_childrenSelect__1zPZL>div p {
    text-align: center
}

.StaffsControlContainer_date__3IghX {
    width: 292px
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .StaffsCaseContainer_main__1VHaG>div:first-child>div,.StaffsControlContainer_selectorsContainer__o8kH0 {
        margin:20px 0
    }
}

.StaffsArchiveContainer_selectorContent__3dA6E {
    width: 1040px;
    display: flex;
    padding: 30px 0;
    justify-content: flex-end
}

.StaffsArchiveContainer_selectorContent__3dA6E .StaffsArchiveContainer_staffSelect__mOl4H>div {
    width: 200px;
    border-color: transparent;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 25px
}

.StaffsArchiveContainer_selectorContent__3dA6E .StaffsArchiveContainer_staffSelect__mOl4H>div p {
    text-align: center
}

@media print {
    .StaffsArchiveContainer_mainContainer__dGlAH {
        margin-left: -100px;
        zoom:.9}
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .StaffsArchiveContainer_selectorContent__3dA6E {
        width:100vw
    }
}

.FormTMOne_staffSelect__196Xd {
    width: 270px;
    height: 40px
}

.FormTMOne_staffSelect__196Xd>div {
    border-color: transparent;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 20px
}

.FormTMOne_staffSelect__196Xd>div p {
    text-align: center
}

.FormTMOne_main__31c8W {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.FormTMOne_main__31c8W>.FormTMOne_selectorContainer__2WwjF {
    display: flex;
    justify-content: flex-end;
    width: 1100px;
    margin: 30px auto
}

.FormTMOne_main__31c8W>.FormTMOne_selectorContainer__2WwjF>div:nth-child(2) {
    margin-left: 20px
}

.FormTMOne_main__31c8W>.FormTMOne_selectorContainer__2WwjF>.FormTMOne_selector__TUOYI {
    width: 210px;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 20px
}

.FormTMOne_main__31c8W>.FormTMOne_selectorContainer__2WwjF>.FormTMOne_selector__TUOYI>div {
    border: none
}

.FormTMOne_main__31c8W .FormTMOne_container__2aaDT {
    display: flex;
    flex-direction: column;
    margin: 0 auto
}

@media print {
    .FormTMOne_main__31c8W {
        margin-left: -50px;
        zoom:.9}
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .FormTMOne_main__31c8W .FormTMOne_selectorContainer__2WwjF {
        width:100vw;
        display: grid;
        grid-template-columns: 1fr 1.1fr;
        grid-gap: 20px;
        gap: 20px
    }

    .FormTMOne_main__31c8W .FormTMOne_selectorContainer__2WwjF .FormTMOne_staffSelect__196Xd {
        width: 100%;
        margin: 0
    }

    .FormTMOne_main__31c8W .FormTMOne_selectorContainer__2WwjF div:nth-child(2) {
        margin-left: 0
    }

    .FormTMOne_main__31c8W .FormTMOne_container__2aaDT>div {
        width: 100vw;
        overflow: scroll
    }

    .FormTMOne_main__31c8W .FormTMOne_container__2aaDT>div>div {
        width: -webkit-max-content;
        width: max-content;
        zoom:.7}
}

* {
    margin: 0;
    padding: 0
}

.NationalTeam_container__3HIIA {
    width: 1200px
}

.NationalTeam_container__3HIIA table {
    display: grid
}

.NationalTeam_container__3HIIA tbody>div>div>tr {
    display: grid;
    grid-template-columns: repeat(10,1fr)
}

.NationalTeam_container__3HIIA tbody>div>div>tr:last-child,.NationalTeam_container__3HIIA tbody>div>tr {
    display: grid;
    grid-template-columns: 2fr repeat(8,1fr)
}

.NationalTeam_container__3HIIA tbody>div>tr {
    background: #9bddff
}

.NationalTeam_container__3HIIA thead>tr>td,.NationalTeam_container__3HIIA thead>tr>th {
    background: #bbdefb;
    height: 60px;
    border: 1px solid #fff;
    width: 120px
}

.NationalTeam_container__3HIIA td {
    text-align: center;
    border: 1px solid #bbdefb;
    height: 35px;
    font-size: 14px;
    letter-spacing: .15px;
    display: flex;
    justify-content: center;
    align-items: center
}

.ByAddress_main__2_8Ni {
    width: 1230px
}

.ByAddress_main__2_8Ni header ul {
    display: grid;
    grid-template-columns: 121px 121px 170px repeat(5,164px);
    height: 100px
}

.ByAddress_main__2_8Ni header ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #bbdefb;
    border: 1px solid #fff;
    text-align: center
}

.ByAddress_main__2_8Ni header ul li:first-child {
    grid-column: 1;
    grid-row: 1/span 2
}

.ByAddress_main__2_8Ni header ul li:nth-child(2) {
    grid-column: 2;
    grid-row: 1/span 2
}

.ByAddress_main__2_8Ni header ul li:nth-child(3) {
    grid-column: 3;
    grid-row: 1/span 2;
    white-space: wrap;
    padding: 0 10px
}

.ByAddress_main__2_8Ni header ul li:nth-child(4) {
    grid-column: 4/span 5;
    grid-row: 1
}

.ByAddress_main__2_8Ni header ul li:nth-child(5) {
    grid-column: 4/span 1;
    grid-row: 2/span 1
}

.ByAddress_main__2_8Ni header ul li:nth-child(6) {
    grid-column: 5/span 1;
    grid-row: 2/span 1
}

.ByAddress_main__2_8Ni header ul li:nth-child(7) {
    grid-column: 6/span 1;
    grid-row: 2/span 1
}

.ByAddress_main__2_8Ni header ul li:nth-child(8) {
    grid-column: 7/span 1;
    grid-row: 2/span 1
}

.ByAddress_main__2_8Ni header ul li:nth-child(9) {
    grid-column: 8/span 1;
    grid-row: 2/span 1
}

.ByAddress_main__2_8Ni footer .ByAddress_footerTable__1Zw7W ul {
    display: grid;
    grid-template-columns: 121px 121px 171px repeat(5,164px)
}

.ByAddress_main__2_8Ni footer .ByAddress_footerTable__1Zw7W ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb;
    text-align: center;
    height: 40.5px
}

.AgeComposition_main__15mUU {
    margin: 0 auto
}

.AgeComposition_main__15mUU>header {
    display: grid;
    margin: 0 auto;
    width: 1340px
}

.AgeComposition_main__15mUU>header>.AgeComposition_headerTable__dpqLA {
    display: grid;
    grid-template-columns: 60px 80px 100px repeat(11,100px);
    background: #bbdefb;
    text-align: center;
    height: 110px;
    grid-gap: 0;
    gap: 0
}

.AgeComposition_main__15mUU>header>.AgeComposition_headerTable__dpqLA ul {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.AgeComposition_main__15mUU>header>.AgeComposition_headerTable__dpqLA ul:first-child {
    border: 2px solid #fff;
    grid-template-columns: 1fr;
    align-items: center
}

.AgeComposition_main__15mUU>header>.AgeComposition_headerTable__dpqLA ul:nth-child(2),.AgeComposition_main__15mUU>header>.AgeComposition_headerTable__dpqLA ul:nth-child(3) {
    border: 2px solid #fff;
    border-left: none;
    grid-template-columns: 1fr;
    align-items: center
}

.AgeComposition_main__15mUU>header>.AgeComposition_headerTable__dpqLA ul>li {
    display: flex;
    justify-content: center;
    font-size: 12px;
    border: 2px solid #fff;
    border-left: none
}

.AgeComposition_main__15mUU>header>.AgeComposition_headerTable__dpqLA ul>li:first-child {
    border-left: none;
    border-bottom: none;
    grid-column: 1/span 2;
    grid-row: 1;
    align-items: center
}

.AgeComposition_main__15mUU>header>.AgeComposition_headerTable__dpqLA ul>li span {
    align-self: center
}

.AgeComposition_main__15mUU footer {
    margin: 0 auto
}

.AgeComposition_main__15mUU footer .AgeComposition_footerTable__24sIP .AgeComposition_tableMine__3HaJK {
    width: 1340px;
    justify-content: space-between;
    display: grid;
    grid-template-columns: 59px 79px 99px 1fr;
    margin: 2px auto 0;
    height: 21px
}

.AgeComposition_main__15mUU footer .AgeComposition_footerTable__24sIP .AgeComposition_tableMine__3HaJK>div {
    display: grid;
    border: 1px solid #bbdefb;
    font-size: 12px;
    grid-row-gap: 2px;
    row-gap: 2px;
    grid-column-gap: 2px;
    column-gap: 2px;
    text-align: center
}

.AgeComposition_main__15mUU footer .AgeComposition_footerTable__24sIP .AgeComposition_tableMine__3HaJK>div:first-child {
    grid-column: 1/span 1;
    grid-gap: 2px!important;
    gap: 2px!important;
    width: 56px
}

.AgeComposition_main__15mUU footer .AgeComposition_footerTable__24sIP .AgeComposition_tableMine__3HaJK>div:nth-child(2) {
    grid-column: 2/span 1;
    grid-gap: 2px!important;
    gap: 2px!important;
    width: 76px
}

.AgeComposition_main__15mUU footer .AgeComposition_footerTable__24sIP .AgeComposition_tableMine__3HaJK>div:nth-child(3) {
    grid-column: 3/span 1;
    grid-gap: 0!important;
    gap: 0!important;
    width: 96px
}

.AgeComposition_main__15mUU footer .AgeComposition_footerTable__24sIP .AgeComposition_tableMine__3HaJK>div:nth-child(4) {
    display: grid;
    grid-template-columns: repeat(22,46px);
    justify-content: flex-start;
    border: none;
    grid-gap: 4px;
    gap: 4px
}

.AgeComposition_main__15mUU footer .AgeComposition_footerTable__24sIP .AgeComposition_tableMine__3HaJK>div:nth-child(4) ul {
    display: grid;
    grid-template-columns: repeat(22,46px);
    justify-content: flex-start;
    border: none;
    grid-gap: 4px;
    gap: 4px;
    margin-left: 3px
}

.AgeComposition_main__15mUU footer .AgeComposition_footerTable__24sIP .AgeComposition_tableMine__3HaJK>div:nth-child(4) ul li {
    display: flex;
    justify-content: center;
    border: 1px solid #bbdefb;
    align-items: center
}

.AgeComposition_main__15mUU footer .AgeComposition_footerTable__24sIP .AgeComposition_footerCount__PK65A>div {
    display: grid;
    grid-template-columns: 138px 99px auto;
    margin-top: 2px;
    background: #bbdefb;
    height: 21px;
    width: 1335px
}

.AgeComposition_main__15mUU footer .AgeComposition_footerTable__24sIP .AgeComposition_footerCount__PK65A>div>div {
    display: grid;
    border: 1px solid #aec4d6;
    font-size: 12px;
    grid-row-gap: 2px;
    row-gap: 2px;
    grid-column-gap: 2px;
    column-gap: 2px;
    text-align: center
}

.AgeComposition_main__15mUU footer .AgeComposition_footerTable__24sIP .AgeComposition_footerCount__PK65A>div>div:first-child {
    grid-column: 1/span 1;
    grid-gap: 2px!important;
    gap: 2px!important;
    width: 135px
}

.AgeComposition_main__15mUU footer .AgeComposition_footerTable__24sIP .AgeComposition_footerCount__PK65A>div>div:nth-child(2) {
    grid-column: 2/span 1;
    grid-gap: 0!important;
    gap: 0!important;
    width: 96px;
    text-align: center
}

.AgeComposition_main__15mUU footer .AgeComposition_footerTable__24sIP .AgeComposition_footerCount__PK65A>div>div:nth-child(3) {
    display: grid;
    grid-template-columns: repeat(22,46px);
    justify-content: flex-start;
    border: none;
    grid-gap: 4px;
    gap: 4px;
    margin-left: none
}

.AgeComposition_main__15mUU footer .AgeComposition_footerTable__24sIP .AgeComposition_footerCount__PK65A>div>div:nth-child(3) ul {
    display: grid;
    grid-template-columns: repeat(22,46px);
    justify-content: flex-start;
    border: none;
    grid-gap: 4px;
    gap: 4px;
    margin-left: 3px
}

.AgeComposition_main__15mUU footer .AgeComposition_footerTable__24sIP .AgeComposition_footerCount__PK65A>div>div:nth-child(3) ul li {
    display: flex;
    justify-content: center;
    border: 1px solid #aec4d6;
    align-items: center
}

.LeftSchool_region__3z902 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 16px
}

.LeftSchool_region__3z902>h2 {
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 18px;
    background: #bbdefb;
    font-weight: 700
}

.LeftSchool_region__3z902>.LeftSchool_titleStyle__18Mhs {
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center
}

.LeftSchool_region__3z902 .LeftSchool_container__2aVmW>header {
    display: grid;
    grid-template-columns: 430px auto;
    grid-template-rows: 150px;
    border: 1px solid #bbdefb;
    border-bottom: none
}

.LeftSchool_region__3z902 .LeftSchool_container__2aVmW>header>ul {
    display: grid;
    grid-template-columns: 430px
}

.LeftSchool_region__3z902 .LeftSchool_container__2aVmW>header>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.LeftSchool_region__3z902 .LeftSchool_container__2aVmW>header>div {
    display: grid;
    grid-template-columns: repeat(11,62px);
    font-size: 12px
}

.LeftSchool_region__3z902 .LeftSchool_container__2aVmW>header>div>li {
    border: 1px solid #bbdefb;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 150px
}

.LeftSchool_region__3z902 .LeftSchool_container__2aVmW>header>div>li>span {
    text-align: center
}

.LeftSchool_region__3z902 .LeftSchool_container__2aVmW>header>div>div {
    display: grid;
    grid-template-rows: 30px 120px
}

.LeftSchool_region__3z902 .LeftSchool_container__2aVmW>header>div>div>span {
    border-left: 1px solid #bbdefb;
    border-bottom: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.LeftSchool_region__3z902 .LeftSchool_container__2aVmW>header>div>div>ul {
    display: grid;
    grid-template-columns: 32px 30px
}

.LeftSchool_region__3z902 .LeftSchool_container__2aVmW>header>div>div>ul>li {
    border-left: 1px solid #bbdefb;
    border-right: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center
}

.LeftSchool_region__3z902 .LeftSchool_container__2aVmW>header>div>div>ul>li>span {
    font-size: 12px;
    line-height: 14px;
    transform: rotate(-90deg);
    text-align: center
}

.LeftSchool_region__3z902 .LeftSchool_container__2aVmW>header>div>div>ul>span {
    transform: rotate(-90deg);
    width: 119px;
    height: 30px;
    margin-left: -45px;
    margin-top: 44.5px;
    display: flex;
    justify-content: center;
    align-items: center
}

.LeftSchool_region__3z902 .LeftSchool_container__2aVmW>main {
    font-size: 12px;
    border: 1px solid #bbdefb;
    border-top: none
}

.LeftSchool_region__3z902 .LeftSchool_container__2aVmW>main .LeftSchool_total__3okty {
    font-size: 14px;
    display: grid;
    grid-template-columns: 430px repeat(22,1fr);
    background: #5fb3fb;
    background: #70ccfa
}

.LeftSchool_region__3z902 .LeftSchool_container__2aVmW>main .LeftSchool_total__3okty>li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    list-style-type: none;
    text-align: center;
    width: 1fr
}

.LeftSchool_region__3z902 .LeftSchool_container__2aVmW>main .LeftSchool_total__3okty>li:first-child {
    display: flex;
    justify-content: flex-end;
    padding-right: 30px
}

.LeftSchool_region__3z902 .LeftSchool_container__2aVmW>main .LeftSchool_total__3okty>li:first-child>span {
    padding-right: 30px
}

.LeftSchool_region__3z902 .LeftSchool_container__2aVmW>main>ul {
    display: grid;
    grid-template-columns: 430px repeat(22,1fr);
    grid-template-rows: 40px
}

.LeftSchool_region__3z902 .LeftSchool_container__2aVmW>main>ul>li {
    display: flex;
    align-items: center;
    border: 1px solid #bbdefb;
    border-right: none;
    border-bottom: none;
    justify-content: center
}

.LeftSchool_region__3z902 .LeftSchool_container__2aVmW>main>ul>li:first-child {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 15px;
    border-left: none
}

.LeftSchool_region__3z902 .LeftSchool_total__3okty {
    font-size: 14px;
    display: grid;
    grid-template-columns: 430px repeat(22,1fr);
    background: #5fb3fb;
    background: #70ccfa
}

.LeftSchool_region__3z902 .LeftSchool_total__3okty>li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    list-style-type: none;
    text-align: center
}

.LeftSchool_region__3z902 .LeftSchool_total__3okty>li:first-child {
    display: flex;
    justify-content: flex-end;
    padding-right: 30px
}

.LeftSchool_region__3z902 .LeftSchool_total__3okty>li:first-child>span {
    padding-right: 30px
}

.ComeWent_main__3r8mv .ComeWent_lineHeight__30Ev2 {
    line-height: 11px
}

.ComeWent_main__3r8mv>.ComeWent_title__g_cl5 {
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center
}

.ComeWent_main__3r8mv>header {
    display: grid;
    grid-template-columns: 64px 64px 64px 68px 270px 270px repeat(6,54px);
    grid-template-rows: 162px;
    background: #bbdefb;
    width: 1124px;
    font-size: 14px;
    border: 1px solid #bbdefb
}

.ComeWent_main__3r8mv>header>li {
    display: grid;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff
}

.ComeWent_main__3r8mv>header>li>span {
    transform: rotate(-90deg);
    width: 162px;
    text-align: center
}

.ComeWent_main__3r8mv>header>div {
    display: grid;
    grid-template-rows: 54px 162px
}

.ComeWent_main__3r8mv>header>div>span {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff
}

.ComeWent_main__3r8mv>header>div>ul {
    display: grid;
    grid-template-columns: repeat(5,54px);
    grid-template-rows: 108px
}

.ComeWent_main__3r8mv>header>div>ul>li {
    display: grid;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff
}

.ComeWent_main__3r8mv>header>div>ul>li>span {
    transform: rotate(-90deg);
    text-align: center;
    width: 108px
}

.ComeWent_main__3r8mv>main {
    width: 1124px
}

.ComeWent_main__3r8mv>main>ul {
    display: grid;
    grid-gap: 1px;
    gap: 1px;
    grid-template-columns: 63px 64px 63px 66px 54px 53px 54px 52px 53px 53px 53px 53px 54px 54px 52px 52px 53px 53px 54px 53px
}

.ComeWent_main__3r8mv>main>ul>li {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb
}

.AboutSchool_container__3ma3x {
    max-width: 1300px;
    display: block;
    padding: 30px;
    height: 100%;
    margin: 0 auto
}

.AboutSchool_main__1avF_ {
    width: 1000px;
    margin-top: 10px;
    display: grid;
    grid-template-columns: 240px 1fr
}

.AboutSchool_main__1avF_>section {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 490px;
    margin-top: -20px
}

.AboutSchool_main__1avF_>section>span {
    margin-bottom: 40px
}

.AboutSchool_main__1avF_>section>span>label {
    background: no-repeat 50%/cover;
    display: block;
    width: 220px;
    height: 185px;
    position: relative;
    border-radius: 23px
}

.AboutSchool_main__1avF_>section>span>label:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: transparent;
    z-index: 2;
    transition: all .3s ease-in-out
}

.AboutSchool_main__1avF_>section>span>p {
    text-align: center;
    font-size: 18px;
    line-height: 160%;
    letter-spacing: .15px
}

.AboutSchool_main__1avF_>main {
    padding: 0 85px
}

.AboutSchool_main__1avF_>main>div>hr {
    width: 500px
}

.AboutSchool_main__1avF_>main>div>h2 {
    font-size: 18px;
    line-height: 160%;
    letter-spacing: .15px;
    padding-bottom: 15px
}

.AboutSchool_main__1avF_>main>div>h2:first-letter {
    text-transform: uppercase
}

.AboutSchool_main__1avF_>main>div>.AboutSchool_textarea__inZTz {
    resize: none;
    width: 650px;
    height: 190px;
    overflow: auto;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    font-size: 18px;
    line-height: 160%;
    padding: 5px;
    margin-top: 15px;
    text-align: justify
}

.AboutSchool_main__1avF_>main>div>.AboutSchool_textarea__inZTz:disabled {
    background-color: initial
}

.AboutSchool_main__1avF_>main>div>section {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 10px 0;
    width: 700px
}

.AboutSchool_main__1avF_>main>div>section>img {
    width: 31px
}

.AboutSchool_main__1avF_>main>div>section>span {
    margin: 0 10px 0 20px;
    color: #777
}

.FormTMTwo_staffSelect__3d2xX {
    width: 250px;
    height: 40px
}

.FormTMTwo_staffSelect__3d2xX>div {
    border-color: transparent;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 20px
}

.FormTMTwo_staffSelect__3d2xX>div p {
    text-align: center
}

.FormTMTwo_main__1-d8G {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.FormTMTwo_main__1-d8G>.FormTMTwo_selectorContainer__3eQLV {
    display: flex;
    width: 1100px;
    justify-content: flex-end;
    margin: 30px auto
}

.FormTMTwo_main__1-d8G>.FormTMTwo_selectorContainer__3eQLV>div:nth-child(2) {
    margin-left: 20px
}

.FormTMTwo_main__1-d8G>.FormTMTwo_selectorContainer__3eQLV>.FormTMTwo_selector__jZM5W {
    width: 210px;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 20px
}

.FormTMTwo_main__1-d8G>.FormTMTwo_selectorContainer__3eQLV>.FormTMTwo_selector__jZM5W>div {
    border: none
}

.FormTMTwo_main__1-d8G .FormTMTwo_container__pp3hr {
    display: flex;
    flex-direction: column;
    margin: auto
}

.FormTMTwo_tables__3kr-n {
    margin-bottom: 80px
}

.FormTMTwo_tables__3kr-n>.FormTMTwo_contentLang__2v3EX {
    width: 949.85px
}

.FormTMTwo_tables__3kr-n>.FormTMTwo_contentLang__2v3EX>section>div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: 1px solid #bbdefb;
    padding: 12px 0
}

.FormTMTwo_tables__3kr-n>.FormTMTwo_contentLang__2v3EX>section>div:first-child {
    background: #bbdefb;
    padding: 10px 0
}

.FormTMTwo_tables__3kr-n>.FormTMTwo_contentLang__2v3EX>section>div>h3 {
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: .15px
}

.FormTMTwo_tables__3kr-n>.FormTMTwo_contentLang__2v3EX>section>div>p {
    text-align: center;
    color: #0d36a6
}

.FormTMTwo_tables__3kr-n>.FormTMTwo_contentLeftSchool__28y0i {
    width: 1231.85px
}

.FormTMTwo_tables__3kr-n>.FormTMTwo_contentLeftSchool__28y0i>section>div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: 1px solid #bbdefb;
    padding: 12px 0
}

.FormTMTwo_tables__3kr-n>.FormTMTwo_contentLeftSchool__28y0i>section>div:first-child {
    background: #bbdefb;
    padding: 10px 0
}

.FormTMTwo_tables__3kr-n>.FormTMTwo_contentLeftSchool__28y0i>section>div>h3 {
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: .15px
}

.FormTMTwo_tables__3kr-n>.FormTMTwo_contentLeftSchool__28y0i>section>div>p {
    text-align: center;
    color: #0d36a6
}

.FormTMTwo_tables__3kr-n>.FormTMTwo_contentCameSchool__3-tMu {
    width: 1118px
}

.FormTMTwo_tables__3kr-n>.FormTMTwo_contentCameSchool__3-tMu>section>div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: 1px solid #bbdefb;
    padding: 12px 0
}

.FormTMTwo_tables__3kr-n>.FormTMTwo_contentCameSchool__3-tMu>section>div:first-child {
    background: #bbdefb;
    padding: 10px 0
}

.FormTMTwo_tables__3kr-n>.FormTMTwo_contentCameSchool__3-tMu>section>div>h3 {
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: .15px
}

.FormTMTwo_tables__3kr-n>.FormTMTwo_contentCameSchool__3-tMu>section>div>p {
    text-align: center;
    color: #0d36a6
}

.FormTMTwo_tables__3kr-n>.FormTMTwo_content__30VQR {
    width: 1000px
}

.FormTMTwo_tables__3kr-n>.FormTMTwo_content__30VQR>section>div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: 1px solid #bbdefb;
    padding: 12px 0
}

.FormTMTwo_tables__3kr-n>.FormTMTwo_content__30VQR>section>div:first-child {
    background: #bbdefb;
    padding: 10px 0
}

.FormTMTwo_tables__3kr-n>.FormTMTwo_content__30VQR>section>div>h3 {
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: .15px
}

.FormTMTwo_tables__3kr-n>.FormTMTwo_content__30VQR>section>div>p {
    text-align: center;
    color: #0d36a6
}

@media print {
    .FormTMTwo_main__1-d8G {
        margin-left: -50px;
        zoom:.9}
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .FormTMTwo_main__1-d8G .FormTMTwo_selectorContainer__3eQLV {
        width:100vw;
        display: grid;
        grid-template-columns: 1fr 1.1fr;
        grid-gap: 20px;
        gap: 20px
    }

    .FormTMTwo_main__1-d8G .FormTMTwo_selectorContainer__3eQLV .FormTMTwo_staffSelect__3d2xX {
        width: 100%;
        margin: 0
    }

    .FormTMTwo_main__1-d8G .FormTMTwo_selectorContainer__3eQLV div:nth-child(2) {
        margin-left: 0
    }

    .FormTMTwo_main__1-d8G .FormTMTwo_container__pp3hr>div {
        width: 100vw;
        overflow: scroll
    }

    .FormTMTwo_main__1-d8G .FormTMTwo_container__pp3hr>div>div {
        width: -webkit-max-content;
        width: max-content;
        zoom:.7}
}

.ComeWent_main__3JWjO {
    width: 1000px
}

.ComeWent_main__3JWjO>section {
    height: inherit
}

.ComeWent_main__3JWjO>section .ComeWent_district__31Uji {
    background: #bbdefb;
    padding: 10px 0
}

.ComeWent_main__3JWjO>section .ComeWent_district__31Uji>h3 {
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: .15px
}

.ComeWent_main__3JWjO>section>div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 15px 0
}

.ComeWent_main__3JWjO>section>div>p {
    text-align: center
}

.ComeWent_main__3JWjO>header {
    display: grid;
    grid-template-columns: 230px auto;
    grid-template-rows: 150px
}

.ComeWent_main__3JWjO>header>ul {
    display: grid;
    grid-template-columns: auto
}

.ComeWent_main__3JWjO>header>ul>li {
    border: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.ComeWent_main__3JWjO>header>div {
    display: grid;
    grid-template-columns: 600px auto
}

.ComeWent_main__3JWjO>header>div>section {
    display: grid;
    grid-template-rows: 29px 105px
}

.ComeWent_main__3JWjO>header>div>section>span {
    display: flex;
    text-align: center;
    border: 1px solid #bbdefb;
    justify-content: center;
    align-items: center
}

.ComeWent_main__3JWjO>header>div>section>div {
    display: grid;
    grid-template-columns: repeat(4,150px)
}

.ComeWent_main__3JWjO>header>div>section>div>section {
    display: grid;
    grid-template-rows: 44px 77px
}

.ComeWent_main__3JWjO>header>div>section>div>section>span {
    font-size: 12px;
    align-items: center;
    text-align: center;
    display: flex;
    justify-content: center;
    border: 1px solid #bbdefb
}

.ComeWent_main__3JWjO>header>div>section>div>section>ul {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.ComeWent_main__3JWjO>header>div>section>div>section>ul>li {
    display: flex;
    border: 1px solid #bbdefb;
    justify-content: center;
    align-items: center
}

.ComeWent_main__3JWjO>header>div>section>div>section>ul>li>span {
    font-size: 12px;
    text-align: center;
    display: block;
    transform: rotate(-90deg);
    letter-spacing: .7px
}

.ComeWent_main__3JWjO>header>div>div {
    display: grid;
    grid-template-rows: 73px 77px
}

.ComeWent_main__3JWjO>header>div>div>span {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb;
    font-size: 12px;
    letter-spacing: .815em
}

.ComeWent_main__3JWjO>header>div>div>ul {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.ComeWent_main__3JWjO>header>div>div>ul>li {
    display: flex;
    border: 1px solid #bbdefb;
    justify-content: center;
    align-items: center;
    padding: 1px
}

.ComeWent_main__3JWjO>header>div>div>ul>li>span {
    font-size: 12px;
    text-align: center;
    display: block;
    transform: rotate(-90deg)
}

.ComeWent_main__3JWjO>main>ul {
    display: grid;
    grid-template-columns: 230px repeat(8,1fr) 85px 85px;
    grid-template-rows: 40px
}

.ComeWent_main__3JWjO>main>ul>li {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb;
    padding: 7px 0;
    font-size: 14px
}

.ComeWent_main__3JWjO>main>ul>ul {
    display: grid;
    grid-template-rows: 30px 30px 30px
}

.ComeWent_main__3JWjO>main>ul>ul>li {
    border: 1px solid #bbdefb;
    text-align: center;
    font-size: 12px;
    padding: 6px 0
}

.ComeWent_main__3JWjO>main>ul:nth-child(12) {
    background: #70ccfa
}

.ComeWent_main__3JWjO>main>ul:nth-child(12)>li:first-child {
    display: flex;
    justify-content: flex-end;
    padding-right: 30px
}

.ComeWent_main__3JWjO>main>ul:nth-child(12)>li {
    border: none
}

.ComeWent_main__3JWjO>main .ComeWent_lightBlue__gh-qF {
    background: #70ccfa
}

.ComeWent_main__3JWjO>main .ComeWent_lightBlue__gh-qF>li {
    border: none
}

.ComeWent_main__3JWjO>main .ComeWent_lightBlue__gh-qF>li:first-child {
    justify-content: end;
    padding-right: 20px
}

.LeftSchool_main__22xpa {
    width: -webkit-max-content;
    width: max-content
}

.LeftSchool_main__22xpa>section {
    height: inherit
}

.LeftSchool_main__22xpa>section .LeftSchool_district__3LmXm {
    background: #bbdefb;
    padding: 10px 0
}

.LeftSchool_main__22xpa>section .LeftSchool_district__3LmXm>h3 {
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: .15px
}

.LeftSchool_main__22xpa>section>div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 15px 0
}

.LeftSchool_main__22xpa>section>div>p {
    text-align: center
}

.LeftSchool_main__22xpa>div {
    border: 1px solid #bbdefb
}

.LeftSchool_main__22xpa>div * {
    font-size: 14px
}

.LeftSchool_main__22xpa>div>header {
    display: grid;
    grid-template-columns: 250px 1fr 1fr 100px;
    border-bottom: 1px solid #bbdefb
}

.LeftSchool_main__22xpa>div>header .LeftSchool_classes__aMlCG {
    display: grid;
    grid-template-columns: 1.5fr 1fr
}

.LeftSchool_main__22xpa>div>header .LeftSchool_classes__aMlCG>p {
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #bbdefb
}

.LeftSchool_main__22xpa>div>header .LeftSchool_regions__27XxZ {
    display: grid;
    grid-template-rows: 30px 140px
}

.LeftSchool_main__22xpa>div>header .LeftSchool_regions__27XxZ>span {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #bbdefb;
    border-right: 1px solid #bbdefb;
    border-top: none
}

.LeftSchool_main__22xpa>div>header .LeftSchool_regions__27XxZ>ul {
    display: grid;
    grid-template-columns: repeat(6,60px)
}

.LeftSchool_main__22xpa>div>header .LeftSchool_regions__27XxZ>ul>li {
    border-right: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0
}

.LeftSchool_main__22xpa>div>header .LeftSchool_regions__27XxZ>ul>li>span {
    line-height: 14px;
    transform: rotate(-90deg);
    text-align: center;
    letter-spacing: .9px
}

.LeftSchool_main__22xpa>div>header .LeftSchool_reasons__GEnEH {
    display: grid;
    grid-template-rows: 30px 140px
}

.LeftSchool_main__22xpa>div>header .LeftSchool_reasons__GEnEH>span {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #bbdefb;
    border-right: 1px solid #bbdefb;
    border-top: none
}

.LeftSchool_main__22xpa>div>header .LeftSchool_reasons__GEnEH>ul {
    display: grid;
    grid-template-columns: repeat(6,60px)
}

.LeftSchool_main__22xpa>div>header .LeftSchool_reasons__GEnEH>ul>li {
    border-right: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center
}

.LeftSchool_main__22xpa>div>header .LeftSchool_reasons__GEnEH>ul>li>span {
    line-height: 14px;
    transform: rotate(-90deg);
    text-align: center;
    letter-spacing: .8px;
    margin-left: -3px
}

.LeftSchool_main__22xpa>div>header .LeftSchool_total__dcuul {
    display: grid;
    background: #70ccfa
}

.LeftSchool_main__22xpa>div>header .LeftSchool_total__dcuul>li {
    border-right: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center
}

.LeftSchool_main__22xpa>div>header .LeftSchool_total__dcuul>li>span {
    line-height: 14px;
    transform: rotate(-90deg);
    text-align: center
}

.LeftSchool_main__22xpa>div>main>div {
    display: grid;
    grid-template-columns: 150px auto
}

.LeftSchool_main__22xpa>div>main>div>span {
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #bbdefb;
    border-bottom: 1px solid #bbdefb
}

.LeftSchool_main__22xpa>div>main>div>section {
    display: grid;
    grid-template-rows: 40px 40px
}

.LeftSchool_main__22xpa>div>main>div>section>ul {
    display: grid;
    grid-template-columns: 100px repeat(6,60px) repeat(6,60px) auto
}

.LeftSchool_main__22xpa>div>main>div>section>ul>li {
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #bbdefb;
    border-bottom: 1px solid #bbdefb;
    text-align: center
}

.LeftSchool_main__22xpa>div>main>div:last-child,.LeftSchool_main__22xpa>div>main>div>section>ul>li:last-child {
    background: #70ccfa
}

.LeftSchool_main__22xpa>div>main>div:last-child>section>ul>li {
    border: none
}

.CameSchool_main__24-RN {
    width: 1050px
}

.CameSchool_main__24-RN>section {
    height: inherit
}

.CameSchool_main__24-RN>section .CameSchool_district__1Ua6I {
    background: #bbdefb;
    padding: 10px 0
}

.CameSchool_main__24-RN>section .CameSchool_district__1Ua6I>h3 {
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: .15px
}

.CameSchool_main__24-RN>section>div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 15px 0
}

.CameSchool_main__24-RN>section>div>p {
    text-align: center
}

.CameSchool_main__24-RN>div {
    border: 1px solid #bbdefb
}

.CameSchool_main__24-RN>div * {
    font-size: 14px
}

.CameSchool_main__24-RN>div>header {
    display: grid;
    grid-template-columns: 3fr 6fr 1fr;
    border-bottom: 1px solid #bbdefb
}

.CameSchool_main__24-RN>div>header .CameSchool_classes__16lU2 {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.CameSchool_main__24-RN>div>header .CameSchool_classes__16lU2>p {
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #bbdefb
}

.CameSchool_main__24-RN>div>header .CameSchool_regions__1eDpR {
    display: grid;
    grid-template-rows: 30px 140px
}

.CameSchool_main__24-RN>div>header .CameSchool_regions__1eDpR>span {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #bbdefb;
    border-right: 1px solid #bbdefb;
    border-top: none
}

.CameSchool_main__24-RN>div>header .CameSchool_regions__1eDpR>ul {
    display: grid;
    grid-template-columns: repeat(6,1fr)
}

.CameSchool_main__24-RN>div>header .CameSchool_regions__1eDpR>ul>li {
    border-right: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center
}

.CameSchool_main__24-RN>div>header .CameSchool_regions__1eDpR>ul>li>span {
    line-height: 14px;
    transform: rotate(-90deg);
    text-align: center;
    letter-spacing: .9px
}

.CameSchool_main__24-RN>div>header .CameSchool_total__2b5KI {
    display: grid;
    background: #70ccfa
}

.CameSchool_main__24-RN>div>header .CameSchool_total__2b5KI>li {
    border-right: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center
}

.CameSchool_main__24-RN>div>header .CameSchool_total__2b5KI>li>span {
    line-height: 14px;
    transform: rotate(-90deg);
    text-align: center
}

.CameSchool_main__24-RN>div>main>div {
    display: grid;
    grid-template-columns: 1.5fr 8.5fr
}

.CameSchool_main__24-RN>div>main>div>span {
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #bbdefb;
    border-bottom: 1px solid #bbdefb
}

.CameSchool_main__24-RN>div>main>div>section {
    display: grid;
    grid-template-rows: 40px 40px
}

.CameSchool_main__24-RN>div>main>div>section>ul {
    display: grid;
    grid-template-columns: 1.5fr repeat(7,1fr)
}

.CameSchool_main__24-RN>div>main>div>section>ul>li {
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #bbdefb;
    border-bottom: 1px solid #bbdefb;
    text-align: center
}

.CameSchool_main__24-RN>div>main>div:last-child,.CameSchool_main__24-RN>div>main>div>section>ul>li:last-child {
    background: #70ccfa
}

.CameSchool_main__24-RN>div>main>div:last-child>section>ul>li {
    border: none
}

.Kom_main__9AiOG {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.Kom_main__9AiOG>.Kom_selectorContainer__SJehr {
    display: flex;
    width: 1100px;
    justify-content: flex-end;
    margin: 30px auto
}

.Kom_main__9AiOG>.Kom_selectorContainer__SJehr div:nth-child(2) {
    margin-left: 20px
}

.Kom_main__9AiOG>.Kom_selectorContainer__SJehr>.Kom_selector__2IKwx {
    width: 210px;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 20px
}

.Kom_main__9AiOG>.Kom_selectorContainer__SJehr>.Kom_selector__2IKwx>div {
    border: none
}

.Kom_main__9AiOG .Kom_container__2ZdmQ {
    display: flex;
    flex-direction: column;
    margin: auto
}

.Kom_tables___7SJ- {
    margin-bottom: 80px
}

@media print {
    .Kom_main__9AiOG {
        margin-left: -50px;
        zoom:.9}
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Kom_main__9AiOG .Kom_selectorContainer__SJehr {
        width:100vw;
        display: grid;
        grid-template-columns: 1fr 1.1fr;
        grid-gap: 20px;
        gap: 20px
    }

    .Kom_main__9AiOG .Kom_selectorContainer__SJehr .Kom_staffSelect__3Sze3 {
        width: 100%;
        margin: 0
    }

    .Kom_main__9AiOG .Kom_selectorContainer__SJehr div:nth-child(2) {
        margin-left: 0
    }

    .Kom_main__9AiOG .Kom_selectorContainer__SJehr>div {
        width: 100%!important
    }

    .Kom_main__9AiOG .Kom_container__2ZdmQ>div {
        width: 100vw;
        overflow: scroll
    }

    .Kom_main__9AiOG .Kom_container__2ZdmQ>div>div {
        width: -webkit-max-content;
        width: max-content;
        zoom:.7}
}

.ByAgeContainer_container__2l_Ij>div>main>div>ul:nth-child(odd) {
    background: #70ccfa
}

.ByAgeContainer_container__2l_Ij>div>main>div>ul:nth-child(2n) {
    background-color: #a3dffd
}

.ByAgeContainer_container__2l_Ij>div>main>div>ul:last-child {
    border-bottom: 2px solid #bbdefb
}

.Statistics_container__2_DK6 {
    max-width: 900px;
    margin: 0 auto;
    display: block
}

.Statistics_container__2_DK6>div {
    margin-bottom: 269.51px
}

.Statistics_container__2_DK6>div>div {
    display: flex;
    justify-content: flex-end;
    padding-right: 190px
}

.Statistics_container__2_DK6>div>div:last-child {
    justify-content: start;
    padding-right: 145px
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Statistics_container__2_DK6>header {
        position:relative
    }

    .Statistics_container__2_DK6>header>div:nth-child(2) {
        top: -115px;
        position: absolute;
        width: 100%;
        right: 20px
    }
}

.AcademicYear_main__1x5Oz {
    margin-top: 30px
}

.AcademicYear_main__1x5Oz .AcademicYear_table__3JwO6 {
    margin: 30px auto
}

.AcademicYear_selectorContainer__1EfKi {
    display: flex;
    justify-content: flex-end;
    width: 1100px;
    margin: auto
}

.AcademicYear_selectorContainer__1EfKi .AcademicYear_staffSelect__1yMfn {
    width: 260px;
    margin-left: 30px
}

.AcademicYear_selectorContainer__1EfKi .AcademicYear_staffSelect__1yMfn>div {
    border-color: transparent;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 20px
}

.AcademicYear_selectorContainer__1EfKi .AcademicYear_staffSelect__1yMfn>div p {
    text-align: center
}

@media print {
    .AcademicYear_main__1x5Oz {
        zoom:.5;margin: -100px
    }
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .AcademicYear_main__1x5Oz {
        margin-top:20px
    }

    .AcademicYear_main__1x5Oz .AcademicYear_table__3JwO6 {
        margin: 20px auto;
        width: 100vw;
        overflow: scroll
    }

    .AcademicYear_main__1x5Oz .AcademicYear_table__3JwO6>div {
        zoom:.7}

    .AcademicYear_main__1x5Oz .AcademicYear_selectorContainer__1EfKi {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100vw;
        grid-gap: 30px;
        gap: 30px;
        margin: auto
    }

    .AcademicYear_main__1x5Oz .AcademicYear_selectorContainer__1EfKi>.AcademicYear_staffSelect__1yMfn {
        width: 100%;
        margin: 0
    }
}

.Periods_main__1uk3N {
    max-width: 1030px;
    margin: 0 auto;
    display: block
}

.Periods_main__1uk3N .Periods_container__1_zWF {
    margin-left: 35px
}

.Periods_yearCalendarModal__21xXu {
    z-index: 1000;
    top: 0!important;
    align-items: center
}

.Periods_yearCalendarModal__21xXu>div {
    margin-top: 0!important
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Periods_main__1uk3N {
        max-width:100vw
    }

    .Periods_main__1uk3N .Periods_container__1_zWF {
        margin-left: 0
    }

    .Periods_main__1uk3N .Periods_container__1_zWF .Periods_printBtnHeader__29g9W {
        position: relative
    }

    .Periods_main__1uk3N .Periods_container__1_zWF .Periods_printBtnHeader__29g9W>div:nth-child(2) {
        top: -115px;
        position: absolute;
        width: 100%;
        right: 20px
    }
}

.NavMobi_main2__taURp {
    margin-bottom: 30px;
    width: 100%;
    height: 50px;
    box-shadow: 0 2px 4px rgba(187,222,251,.2),0 4px 5px rgba(187,222,251,.14),0 1px 10px rgba(0,0,0,.12)
}

.NavMobi_main2__taURp .NavMobi_nav__1k3En {
    width: 1440px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: auto
}

.NavMobi_main2__taURp .NavMobi_nav__1k3En>div>div .NavMobi_aboutSchool__1e2MK {
    background: #e3f2fd;
    border: 1px solid #448aff;
    border-radius: 20px;
    width: 270px;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center
}

.NavMobi_main2__taURp .NavMobi_nav__1k3En>div>div .NavMobi_aboutSchool__1e2MK>span {
    font-size: 16px;
    font-weight: 400;
    color: #2962ff;
    margin-left: 7px
}

.NavMobi_main2__taURp .NavMobi_nav__1k3En>ul {
    display: flex;
    margin-top: 5px;
    margin-left: 145px
}

.NavMobi_main2__taURp .NavMobi_nav__1k3En>ul>li {
    margin: 0 25px;
    padding: 11px 0 9px
}

.NavMobi_main2__taURp .NavMobi_nav__1k3En>ul>li>button {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .15px;
    text-transform: uppercase;
    cursor: pointer
}

.NavMobi_main2__taURp .NavMobi_nav__1k3En>ul>.NavMobi_active__uyqBL {
    border-bottom: 4px solid #2962ff
}

.NavMobi_main2__taURp .NavMobi_nav__1k3En>ul>.NavMobi_active__uyqBL>button {
    color: #2979ff
}

.NavMobi_main__1Nx9k {
    width: 100%;
    height: 50px;
    box-shadow: 0 2px 4px rgba(187,222,251,.2),0 4px 5px rgba(187,222,251,.14),0 1px 10px rgba(0,0,0,.12)
}

.NavMobi_main__1Nx9k .NavMobi_content__2Urs9 {
    width: 1440px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto
}

.NavMobi_main__1Nx9k .NavMobi_content__2Urs9 .NavMobi_nav__1k3En {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 35px
}

.NavMobi_main__1Nx9k .NavMobi_content__2Urs9 .NavMobi_nav__1k3En>ul {
    display: flex;
    flex-direction: row;
    margin-top: 5px
}

.NavMobi_main__1Nx9k .NavMobi_content__2Urs9 .NavMobi_nav__1k3En>ul>li {
    margin: 0 25px;
    padding: 11px 0 9px
}

.NavMobi_main__1Nx9k .NavMobi_content__2Urs9 .NavMobi_nav__1k3En>ul>li>button {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .15px;
    text-transform: uppercase;
    cursor: pointer
}

.NavMobi_main__1Nx9k .NavMobi_content__2Urs9 .NavMobi_nav__1k3En>ul>.NavMobi_active__uyqBL {
    border-bottom: 4px solid #2962ff
}

.NavMobi_main__1Nx9k .NavMobi_content__2Urs9 .NavMobi_nav__1k3En>ul>.NavMobi_active__uyqBL>button {
    color: #2979ff
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .NavMobi_main2__taURp,.NavMobi_main__1Nx9k {
        height:inherit
    }

    .NavMobi_main2__taURp .NavMobi_content__2Urs9,.NavMobi_main__1Nx9k .NavMobi_content__2Urs9 {
        width: 100vw;
        overflow: scroll;
        justify-content: start
    }

    .NavMobi_main2__taURp .NavMobi_content__2Urs9 .NavMobi_nav__1k3En,.NavMobi_main__1Nx9k .NavMobi_content__2Urs9 .NavMobi_nav__1k3En {
        margin-left: 0
    }

    .NavMobi_main2__taURp .NavMobi_content__2Urs9 .NavMobi_nav__1k3En>ul>li,.NavMobi_main__1Nx9k .NavMobi_content__2Urs9 .NavMobi_nav__1k3En>ul>li {
        padding: 7px 0;
        margin: 0 15px
    }

    .NavMobi_main2__taURp .NavMobi_content__2Urs9 .NavMobi_nav__1k3En>ul>li>button,.NavMobi_main__1Nx9k .NavMobi_content__2Urs9 .NavMobi_nav__1k3En>ul>li>button {
        font-size: 12px
    }

    .NavMobi_main2__taURp .NavMobi_content__2Urs9 {
        width: inherit
    }

    .NavMobi_main2__taURp .NavMobi_content__2Urs9 .NavMobi_nav__1k3En {
        width: inherit;
        display: flex;
        flex-direction: column
    }

    .NavMobi_main2__taURp .NavMobi_content__2Urs9 .NavMobi_nav__1k3En>div {
        display: grid;
        grid-template-columns: 1fr 1fr .6fr;
        width: 100vw
    }

    .NavMobi_main2__taURp .NavMobi_content__2Urs9 .NavMobi_nav__1k3En>div>button {
        font-size: 12px;
        margin-left: 0;
        z-index: 5
    }

    .NavMobi_main2__taURp .NavMobi_content__2Urs9 .NavMobi_nav__1k3En>div>div {
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 5
    }

    .NavMobi_main2__taURp .NavMobi_content__2Urs9 .NavMobi_nav__1k3En>div>div .NavMobi_aboutSchool__1e2MK {
        margin: 10px;
        height: 30px;
        margin-left: 0!important;
        width: -webkit-max-content;
        width: max-content;
        padding: 0 10px
    }

    .NavMobi_main2__taURp .NavMobi_content__2Urs9 .NavMobi_nav__1k3En>div>div .NavMobi_aboutSchool__1e2MK>span {
        font-size: 12px
    }

    .NavMobi_main2__taURp .NavMobi_content__2Urs9 .NavMobi_nav__1k3En>ul {
        margin-left: 0;
        width: 100%;
        display: flex;
        justify-content: center;
        box-shadow: 0 0 4px rgba(80,80,80,.25)
    }
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .School_container__2z72D>section {
        padding:0 15px
    }
}

.AcademicYear_main__3gaHy>.AcademicYear_selectorContainer__2V0MF {
    display: flex;
    justify-content: flex-end;
    width: 1100px;
    margin: auto
}

.AcademicYear_main__3gaHy>.AcademicYear_selectorContainer__2V0MF .AcademicYear_staffSelect__2HABW {
    width: 260px;
    margin-left: 30px
}

.AcademicYear_main__3gaHy>.AcademicYear_selectorContainer__2V0MF .AcademicYear_staffSelect__2HABW>div {
    border-color: transparent;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 20px
}

.AcademicYear_main__3gaHy>.AcademicYear_selectorContainer__2V0MF .AcademicYear_staffSelect__2HABW>div p {
    text-align: center
}

.AcademicYear_main__3gaHy .AcademicYear_container__1dY09 {
    width: 1230px;
    margin: 30px auto
}

.AcademicYear_main__3gaHy .AcademicYear_container__1dY09>div .AcademicYear_district__Oqi5G {
    color: #000;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #bbdefb;
    padding: 10px 0
}

.AcademicYear_main__3gaHy .AcademicYear_container__1dY09 .AcademicYear_region__3HR7_>div>span {
    height: 40px;
    background: #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    border-bottom: 1px solid #fff
}

.AcademicYear_main__3gaHy .AcademicYear_container__1dY09 .AcademicYear_region__3HR7_>div .AcademicYear_classes__2v8zA {
    display: flex;
    flex-direction: column
}

.AcademicYear_main__3gaHy .AcademicYear_container__1dY09 .AcademicYear_region__3HR7_>div .AcademicYear_classes__2v8zA>span {
    height: 40px;
    color: #0d36a6;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400
}

.AcademicYear_main__3gaHy .AcademicYear_container__1dY09 .AcademicYear_region__3HR7_>div .AcademicYear_classes__2v8zA>header {
    font-size: 14px;
    display: grid;
    grid-template-columns: 250px 680px auto;
    background: #bbdefb
}

.AcademicYear_main__3gaHy .AcademicYear_container__1dY09 .AcademicYear_region__3HR7_>div .AcademicYear_classes__2v8zA>header>ul:first-child {
    display: flex
}

.AcademicYear_main__3gaHy .AcademicYear_container__1dY09 .AcademicYear_region__3HR7_>div .AcademicYear_classes__2v8zA>header>ul:first-child>li {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    border-right: 1px solid #fff
}

.AcademicYear_main__3gaHy .AcademicYear_container__1dY09 .AcademicYear_region__3HR7_>div .AcademicYear_classes__2v8zA>header>ul:nth-child(2) {
    display: grid;
    grid-template-rows: 50px 60px;
    align-items: center
}

.AcademicYear_main__3gaHy .AcademicYear_container__1dY09 .AcademicYear_region__3HR7_>div .AcademicYear_classes__2v8zA>header>ul:nth-child(2)>span {
    text-align: center
}

.AcademicYear_main__3gaHy .AcademicYear_container__1dY09 .AcademicYear_region__3HR7_>div .AcademicYear_classes__2v8zA>header>ul:nth-child(2)>span:last-child {
    display: grid;
    grid-template-columns: repeat(10,1fr);
    border-top: 1px solid #fff
}

.AcademicYear_main__3gaHy .AcademicYear_container__1dY09 .AcademicYear_region__3HR7_>div .AcademicYear_classes__2v8zA>header>ul:nth-child(2)>span:last-child>li {
    border-right: 1px solid #fff;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center
}

.AcademicYear_main__3gaHy .AcademicYear_container__1dY09 .AcademicYear_region__3HR7_>div .AcademicYear_classes__2v8zA>header>ul:nth-child(2)>span:last-child>li:last-child {
    border-right: none
}

.AcademicYear_main__3gaHy .AcademicYear_container__1dY09 .AcademicYear_region__3HR7_>div .AcademicYear_classes__2v8zA>header>ul:nth-child(3) {
    display: flex;
    border-left: 1px solid #fff
}

.AcademicYear_main__3gaHy .AcademicYear_container__1dY09 .AcademicYear_region__3HR7_>div .AcademicYear_classes__2v8zA>header>ul:nth-child(3)>li {
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #fff;
    text-align: center
}

.AcademicYear_main__3gaHy .AcademicYear_container__1dY09 .AcademicYear_region__3HR7_>div .AcademicYear_classes__2v8zA>header>ul:nth-child(3)>li:nth-child(2) {
    width: 93px
}

.AcademicYear_main__3gaHy .AcademicYear_container__1dY09 .AcademicYear_region__3HR7_>div .AcademicYear_classes__2v8zA>header>ul:nth-child(3)>li:last-child {
    border-right: none
}

.AcademicYear_main__3gaHy .AcademicYear_container__1dY09 .AcademicYear_region__3HR7_>div .AcademicYear_classes__2v8zA>main {
    font-size: 14px;
    text-decoration: none
}

.AcademicYear_main__3gaHy .AcademicYear_container__1dY09 .AcademicYear_region__3HR7_>div .AcademicYear_classes__2v8zA>main>ul {
    display: grid;
    grid-template-columns: repeat(15,1fr)
}

.AcademicYear_main__3gaHy .AcademicYear_container__1dY09 .AcademicYear_region__3HR7_>div .AcademicYear_classes__2v8zA>main>ul>li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    list-style-type: none;
    text-align: center;
    border: 1px solid #bbdefb
}

.AcademicYear_main__3gaHy .AcademicYear_container__1dY09 .AcademicYear_region__3HR7_>div .AcademicYear_classes__2v8zA>main>ul>li:first-child {
    width: 108px
}

.AcademicYear_main__3gaHy .AcademicYear_container__1dY09 .AcademicYear_region__3HR7_>div .AcademicYear_classes__2v8zA>main>ul>li:nth-child(2) {
    width: 141px
}

.AcademicYear_main__3gaHy .AcademicYear_container__1dY09 .AcademicYear_region__3HR7_>div .AcademicYear_classes__2v8zA>main>ul>li:nth-child(13) {
    width: 114px
}

.AcademicYear_main__3gaHy .AcademicYear_container__1dY09 .AcademicYear_region__3HR7_>div .AcademicYear_classes__2v8zA>main>ul>li:nth-child(14) {
    width: 91px
}

.AcademicYear_main__3gaHy .AcademicYear_container__1dY09 .AcademicYear_region__3HR7_>div .AcademicYear_classes__2v8zA>main>ul>li:nth-child(15) {
    width: 93px
}

.AcademicYear_main__3gaHy .AcademicYear_container__1dY09 .AcademicYear_region__3HR7_>div>ul {
    font-size: 14px;
    display: grid;
    grid-template-columns: repeat(14,1fr);
    background: #70ccfa
}

.AcademicYear_main__3gaHy .AcademicYear_container__1dY09 .AcademicYear_region__3HR7_>div>ul>li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    list-style-type: none;
    text-align: center
}

.AcademicYear_main__3gaHy .AcademicYear_container__1dY09 .AcademicYear_region__3HR7_>div>ul>li:first-child {
    width: 248px;
    display: flex;
    justify-content: flex-end;
    padding-right: 20px
}

.AcademicYear_main__3gaHy .AcademicYear_container__1dY09 .AcademicYear_region__3HR7_>div>ul>li:first-child>span {
    padding-right: 30px
}

@media print {
    .AcademicYear_main__3gaHy {
        zoom:.7}
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .AcademicYear_main__3gaHy>div {
        width:100vw!important
    }

    .AcademicYear_main__3gaHy .AcademicYear_container__1dY09 {
        overflow: scroll
    }

    .AcademicYear_main__3gaHy .AcademicYear_container__1dY09 .AcademicYear_regionName__2T4xo {
        zoom:.7}

    .AcademicYear_main__3gaHy .AcademicYear_container__1dY09 .AcademicYear_region__3HR7_ {
        width: 1230px;
        zoom:.7}

    .AcademicYear_main__3gaHy .AcademicYear_selectorContainer__2V0MF {
        display: grid;
        grid-template-columns: 1fr 1.3fr;
        width: 100vw;
        grid-gap: 30px;
        gap: 30px;
        margin: auto
    }

    .AcademicYear_main__3gaHy .AcademicYear_selectorContainer__2V0MF>.AcademicYear_staffSelect__2HABW {
        width: 100%;
        margin: 0
    }
}

.FormTmOne_main__2dw5- {
    display: flex;
    flex-direction: column
}

.FormTmOne_main__2dw5->.FormTmOne_selectorContainer__1vamp {
    display: flex;
    justify-content: flex-end;
    width: 1100px;
    margin: auto
}

.FormTmOne_main__2dw5->.FormTmOne_selectorContainer__1vamp .FormTmOne_staffSelect__GULPA {
    width: 260px
}

.FormTmOne_main__2dw5->.FormTmOne_selectorContainer__1vamp .FormTmOne_staffSelect__GULPA>div {
    border-color: transparent;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 20px
}

.FormTmOne_main__2dw5->.FormTmOne_selectorContainer__1vamp .FormTmOne_staffSelect__GULPA>div p {
    text-align: center
}

.FormTmOne_main__2dw5->.FormTmOne_selectorContainer__1vamp div:nth-child(2) {
    margin-left: 30px
}

.FormTmOne_main__2dw5- .FormTmOne_container__rUMvN {
    display: flex;
    flex-direction: column;
    margin: 0 auto
}

.FormTmOne_tables__1J0sT {
    padding-top: 35px;
    margin-bottom: 80px
}

.FormTmOne_tables__1J0sT>.FormTmOne_content__1KuMz {
    width: 1124px
}

.FormTmOne_tables__1J0sT>.FormTmOne_content__1KuMz>section>div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: 1px solid #bbdefb;
    padding: 7px 0
}

.FormTmOne_tables__1J0sT>.FormTmOne_content__1KuMz>section>div:first-child {
    background: #bbdefb;
    padding: 6px 0
}

.FormTmOne_tables__1J0sT>.FormTmOne_content__1KuMz>section>div>h3 {
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: .15px
}

.FormTmOne_tables__1J0sT>.FormTmOne_content__1KuMz>section>div>p {
    text-align: center;
    color: #0d36a6
}

.FormTmOne_tables__1J0sT>.FormTmOne_languages__2Ohws {
    width: 950px
}

.FormTmOne_tables__1J0sT>.FormTmOne_languages__2Ohws>section {
    border: 1px solid #bbdefb;
    border-bottom: none
}

.FormTmOne_tables__1J0sT>.FormTmOne_languages__2Ohws>section>div {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 0
}

.FormTmOne_tables__1J0sT>.FormTmOne_languages__2Ohws>section>div:first-child {
    background: #bbdefb;
    padding: 10px 0
}

.FormTmOne_tables__1J0sT>.FormTmOne_languages__2Ohws>section>div>h3 {
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: .15px
}

.FormTmOne_tables__1J0sT>.FormTmOne_languages__2Ohws>section>div>p {
    text-align: center;
    color: #0d36a6
}

.FormTmOne_tables__1J0sT>.FormTmOne_nationalTeam__wNFod {
    border: 1px solid #bbdefb
}

.FormTmOne_tables__1J0sT>.FormTmOne_nationalTeam__wNFod>section {
    border-bottom: none
}

.FormTmOne_tables__1J0sT>.FormTmOne_nationalTeam__wNFod>section>div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 12px 0
}

.FormTmOne_tables__1J0sT>.FormTmOne_nationalTeam__wNFod>section>div:first-child {
    background: #bbdefb;
    padding: 10px 0
}

.FormTmOne_tables__1J0sT>.FormTmOne_nationalTeam__wNFod>section>div>h3 {
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: .15px
}

.FormTmOne_tables__1J0sT>.FormTmOne_nationalTeam__wNFod>section>div>p {
    text-align: center;
    color: #0d36a6
}

.FormTmOne_tables__1J0sT>.FormTmOne_graduates__z8InB {
    border: 1px solid #bbdefb
}

.FormTmOne_tables__1J0sT>.FormTmOne_graduates__z8InB>section {
    border-bottom: none
}

.FormTmOne_tables__1J0sT>.FormTmOne_graduates__z8InB>section>div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 12px 0
}

.FormTmOne_tables__1J0sT>.FormTmOne_graduates__z8InB>section>div:first-child {
    background: #bbdefb;
    padding: 10px 0
}

.FormTmOne_tables__1J0sT>.FormTmOne_graduates__z8InB>section>div>h3 {
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: .15px
}

.FormTmOne_tables__1J0sT>.FormTmOne_graduates__z8InB>section>div>p {
    text-align: center;
    color: #0d36a6
}

.FormTmOne_tables__1J0sT>.FormTmOne_leftSchool__2camE>section {
    border: 1px solid #bbdefb;
    border-bottom: none
}

.FormTmOne_tables__1J0sT>.FormTmOne_leftSchool__2camE>section>div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 12px 0
}

.FormTmOne_tables__1J0sT>.FormTmOne_leftSchool__2camE>section>div:first-child {
    background: #bbdefb;
    padding: 10px 0
}

.FormTmOne_tables__1J0sT>.FormTmOne_leftSchool__2camE>section>div>h3 {
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: .15px
}

.FormTmOne_tables__1J0sT>.FormTmOne_leftSchool__2camE>section>div>p {
    text-align: center;
    color: #0d36a6
}

.FormTmOne_tables__1J0sT>.FormTmOne_studyLang__1GTs0 {
    border: 1px solid #bbdefb
}

.FormTmOne_tables__1J0sT>.FormTmOne_studyLang__1GTs0>section {
    border-bottom: none
}

.FormTmOne_tables__1J0sT>.FormTmOne_studyLang__1GTs0>section>div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 12px 0
}

.FormTmOne_tables__1J0sT>.FormTmOne_studyLang__1GTs0>section>div:first-child {
    background: #bbdefb;
    padding: 10px 0
}

.FormTmOne_tables__1J0sT>.FormTmOne_studyLang__1GTs0>section>div>h3 {
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: .15px
}

.FormTmOne_tables__1J0sT>.FormTmOne_studyLang__1GTs0>section>div>p {
    text-align: center;
    color: #0d36a6
}

.FormTmOne_tables__1J0sT>.FormTmOne_contentSlope__3KAVz>section {
    border: 1px solid #bbdefb;
    border-bottom: none
}

.FormTmOne_tables__1J0sT>.FormTmOne_contentSlope__3KAVz>section>div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 12px 0
}

.FormTmOne_tables__1J0sT>.FormTmOne_contentSlope__3KAVz>section>div:first-child {
    background: #bbdefb;
    padding: 10px 0
}

.FormTmOne_tables__1J0sT>.FormTmOne_contentSlope__3KAVz>section>div>h3 {
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: .15px
}

.FormTmOne_tables__1J0sT>.FormTmOne_contentSlope__3KAVz>section>div>p {
    text-align: center;
    color: #0d36a6
}

.FormTmOne_tables__1J0sT>.FormTmOne_byAddress__39qlc>section {
    border: 1px solid #bbdefb
}

.FormTmOne_tables__1J0sT>.FormTmOne_byAddress__39qlc>section>div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 12px 0
}

.FormTmOne_tables__1J0sT>.FormTmOne_byAddress__39qlc>section>div:first-child {
    background: #bbdefb;
    padding: 10px 0
}

.FormTmOne_tables__1J0sT>.FormTmOne_byAddress__39qlc>section>div>h3 {
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: .15px
}

.FormTmOne_tables__1J0sT>.FormTmOne_byAddress__39qlc>section>div>p {
    text-align: center;
    color: #0d36a6
}

.FormTmOne_tables__1J0sT>.FormTmOne_byAge__fUje1>section {
    border: 1px solid #bbdefb
}

.FormTmOne_tables__1J0sT>.FormTmOne_byAge__fUje1>section>div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 12px 0
}

.FormTmOne_tables__1J0sT>.FormTmOne_byAge__fUje1>section>div:first-child {
    background: #bbdefb;
    padding: 10px 0
}

.FormTmOne_tables__1J0sT>.FormTmOne_byAge__fUje1>section>div>h3 {
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: .15px
}

.FormTmOne_tables__1J0sT>.FormTmOne_byAge__fUje1>section>div>p {
    text-align: center;
    color: #0d36a6
}

.FormTmOne_tables__1J0sT>.FormTmOne_ageComposition__8O2fN>section {
    border: 1px solid #bbdefb
}

.FormTmOne_tables__1J0sT>.FormTmOne_ageComposition__8O2fN>section>div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 12px 0
}

.FormTmOne_tables__1J0sT>.FormTmOne_ageComposition__8O2fN>section>div:first-child {
    background: #bbdefb;
    padding: 10px 0
}

.FormTmOne_tables__1J0sT>.FormTmOne_ageComposition__8O2fN>section>div>h3 {
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: .15px
}

.FormTmOne_tables__1J0sT>.FormTmOne_ageComposition__8O2fN>section>div>p {
    text-align: center;
    color: #0d36a6
}

.FormTmOne_tables__1J0sT>.FormTmOne_foreignLangs__icpwN>section {
    border: 1px solid #bbdefb;
    border-bottom: none
}

.FormTmOne_tables__1J0sT>.FormTmOne_foreignLangs__icpwN>section>div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 12px 0
}

.FormTmOne_tables__1J0sT>.FormTmOne_foreignLangs__icpwN>section>div:first-child {
    background: #bbdefb;
    padding: 10px 0
}

.FormTmOne_tables__1J0sT>.FormTmOne_foreignLangs__icpwN>section>div>h3 {
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: .15px
}

.FormTmOne_tables__1J0sT>.FormTmOne_foreignLangs__icpwN>section>div>p {
    text-align: center;
    color: #0d36a6
}

@media print {
    .FormTmOne_main__2dw5- {
        margin-left: -50px;
        zoom:.9}
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .FormTmOne_main__2dw5- {
        width:100vw;
        margin: 0 20px
    }

    .FormTmOne_main__2dw5- .FormTmOne_selectorContainer__1vamp {
        width: 100vw;
        display: grid;
        grid-template-columns: 1fr 1.1fr;
        grid-gap: 20px;
        gap: 20px
    }

    .FormTmOne_main__2dw5- .FormTmOne_selectorContainer__1vamp .FormTmOne_staffSelect__GULPA {
        width: 100%;
        margin: 0
    }

    .FormTmOne_main__2dw5- .FormTmOne_selectorContainer__1vamp div:nth-child(2) {
        margin-left: 0
    }

    .FormTmOne_main__2dw5- .FormTmOne_container__rUMvN {
        width: 100vw;
        overflow: scroll
    }

    .FormTmOne_main__2dw5- .FormTmOne_container__rUMvN .FormTmOne_tables__1J0sT {
        width: -webkit-max-content;
        width: max-content;
        zoom:.7}
}

.LanguageContainer_container__sV1zT>div>h3 {
    border-left: 1px solid #bbdefb;
    border-right: 1px solid #bbdefb;
    color: #0d36a6
}

.LanguageContainer_total__3S4Ew {
    font-size: 14px;
    display: grid;
    grid-template-columns: repeat(13,1fr);
    background: #5fb3fb;
    width: 950px
}

.LanguageContainer_total__3S4Ew>li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    list-style-type: none;
    text-align: center
}

.LanguageContainer_total__3S4Ew>li:first-child {
    width: 230px;
    display: flex;
    justify-content: flex-end;
    padding-right: 30px
}

.SlopeContainer_total__bLHec {
    font-size: 14px;
    display: grid;
    grid-template-columns: repeat(10,1fr);
    background: #5fb3fb;
    width: 957px
}

.SlopeContainer_total__bLHec>li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    list-style-type: none;
    text-align: center
}

.SlopeContainer_total__bLHec>li:first-child {
    width: 280px;
    display: flex;
    justify-content: flex-start;
    padding-left: 20px
}

.ForeignLangsContainer_container__20yVO>div>h3 {
    border-left: 1px solid #bbdefb;
    border-right: 1px solid #bbdefb;
    color: #0d36a6
}

.ForeignLangsContainer_total__FWQVY {
    display: grid;
    grid-template-columns: 231px 131px repeat(5,100px) 108px;
    grid-template-rows: 90px;
    background: #5fb3fb
}

.ForeignLangsContainer_total__FWQVY>li {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #bbdefb;
    font-size: 14px
}

.ForeignLangsContainer_total__FWQVY>ul {
    display: grid;
    grid-template-rows: 30px 30px 30px
}

.ForeignLangsContainer_total__FWQVY>ul>li {
    border-left: 1px solid #bbdefb;
    border-bottom: 1px solid #bbdefb;
    text-align: center;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center
}

.ForeignLangsContainer_total__FWQVY>ul:last-child {
    background: #70ccfa;
    border-left: 1px solid #bbdefb
}

.ForeignLangsContainer_total__FWQVY>ul:last-child>li {
    border: none
}

.GraduatesContainer_total__gYFub {
    font-size: 14px;
    display: grid;
    grid-template-columns: 230px 55px 50px repeat(4,46.75px) repeat(2,47.5px) repeat(8,48.13px);
    background: #5fb3fb;
    width: 1004px
}

.GraduatesContainer_total__gYFub>li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    list-style-type: none;
    text-align: center
}

.GraduatesContainer_total__gYFub>li:first-child {
    display: flex;
    justify-content: flex-end;
    padding-right: 30px
}

.ByAgeContainer_container__3nrTB>div>h3 {
    border-left: 1px solid #bbdefb;
    border-right: 1px solid #bbdefb;
    color: #0d36a6
}

.ByAgeContainer_total__YBWeV {
    font-size: 11px;
    display: grid;
    grid-template-columns: 230px 40px 42px 40px 42px 40px 42px 40px 42px 40px 42px 40px 42px 40px 42px 40px 42px 40px 42px 40px 42px 40px 42px 40px 42px 40px 42px 40px 42px;
    background: #5fb3fb;
    width: 1100px
}

.ByAgeContainer_total__YBWeV li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    list-style-type: none;
    text-align: center;
    background: #5fb3fb
}

.ByAgeContainer_total__YBWeV li:first-child {
    width: 230px;
    display: flex;
    justify-content: flex-end;
    padding-right: 30px
}

.ByAgeContainer_total__YBWeV li:first-child>span {
    padding-right: 30px
}

.StudyLangContainer_container__11ikF>div {
    border-left: 1px solid #bbdefb;
    border-right: 1px solid #bbdefb
}

.StudyLangContainer_container__11ikF>div>h3 {
    color: #0d36a6
}

.StudyLangContainer_totalTxt__1_XQi {
    background: #5fb3fb;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb;
    box-sizing: border-box;
    font-weight: 700;
    font-size: 14px;
    height: 48px
}

.StudyLangContainer_total__2OnDb {
    width: 1012px
}

.StudyLangContainer_total__2OnDb>h4 {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb;
    box-sizing: border-box;
    font-weight: 700;
    font-size: 14px;
    height: 48px
}

.StudyLangContainer_total__2OnDb>ul {
    display: grid;
    grid-template-columns: 172px repeat(14,60px);
    font-size: 12px
}

.StudyLangContainer_total__2OnDb>ul>li {
    display: grid;
    grid-template-rows: 30px 36px
}

.StudyLangContainer_total__2OnDb>ul>li:first-child {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bbdefb
}

.StudyLangContainer_total__2OnDb>ul>li:last-child {
    background: #70ccfa
}

.StudyLangContainer_total__2OnDb>ul>li:last-child>span {
    border: none
}

.StudyLangContainer_total__2OnDb>ul>li>span {
    border: 1px solid #bbdefb;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.FormTMTwo_staffSelect__BtML4 {
    width: 260px
}

.FormTMTwo_staffSelect__BtML4>div {
    border-color: transparent;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 20px
}

.FormTMTwo_staffSelect__BtML4>div p {
    text-align: center
}

.FormTMTwo_main__rTO5T {
    display: flex;
    flex-direction: column
}

.FormTMTwo_main__rTO5T .FormTMTwo_container__3oyie {
    display: flex;
    flex-direction: column;
    margin: auto
}

.FormTMTwo_main__rTO5T>.FormTMTwo_selectorContainer__1nu-u {
    display: flex;
    justify-content: flex-end;
    width: 1100px;
    margin: auto
}

.FormTMTwo_main__rTO5T>.FormTMTwo_selectorContainer__1nu-u>div:nth-child(2) {
    margin-left: 30px
}

.FormTMTwo_tables__1Kn_C {
    padding-top: 35px;
    margin-bottom: 80px
}

.FormTMTwo_tables__1Kn_C>div .FormTMTwo_contentLang__2P7mN {
    width: 949.85px
}

.FormTMTwo_tables__1Kn_C>div>.FormTMTwo_contentLeftSchool__1Cdvb>section>div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-right: 1px solid #bbdefb;
    border-left: 1px solid #bbdefb;
    height: 40px
}

.FormTMTwo_tables__1Kn_C>div>.FormTMTwo_contentLeftSchool__1Cdvb>section>div:first-child {
    background: #bbdefb;
    padding: 10px 0
}

.FormTMTwo_tables__1Kn_C>div>.FormTMTwo_contentLeftSchool__1Cdvb>section>div>h3 {
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: .15px
}

.FormTMTwo_tables__1Kn_C>div>.FormTMTwo_contentLeftSchool__1Cdvb>section>div>p {
    text-align: center;
    color: #0d36a6
}

.FormTMTwo_tables__1Kn_C>.FormTMTwo_contentCameSchool__3GGoC {
    width: 1118px
}

.FormTMTwo_tables__1Kn_C>.FormTMTwo_contentCameSchool__3GGoC>section>div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: 1px solid #bbdefb;
    padding: 12px 0
}

.FormTMTwo_tables__1Kn_C>.FormTMTwo_contentCameSchool__3GGoC>section>div:first-child {
    background: #bbdefb;
    padding: 10px 0
}

.FormTMTwo_tables__1Kn_C>.FormTMTwo_contentCameSchool__3GGoC>section>div>h3 {
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: .15px
}

.FormTMTwo_tables__1Kn_C>.FormTMTwo_contentCameSchool__3GGoC>section>div>p {
    text-align: center;
    color: #0d36a6
}

.FormTMTwo_tables__1Kn_C>div>.FormTMTwo_content__1CI9a {
    width: 1000px
}

.FormTMTwo_tables__1Kn_C>div>.FormTMTwo_content__1CI9a>section>div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: 1px solid #bbdefb
}

.FormTMTwo_tables__1Kn_C>div>.FormTMTwo_content__1CI9a>section>div:first-child {
    background: #bbdefb;
    padding: 10px 0
}

.FormTMTwo_tables__1Kn_C>div>.FormTMTwo_content__1CI9a>section>div:last-child {
    height: 70px
}

.FormTMTwo_tables__1Kn_C>div>.FormTMTwo_content__1CI9a>section>div>h3 {
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: .15px
}

.FormTMTwo_tables__1Kn_C>div>.FormTMTwo_content__1CI9a>section>div>p {
    text-align: center;
    color: #0d36a6;
    line-height: 25px
}

.FormTMTwo_tables__1Kn_C>div>.FormTMTwo_comeSchool__30j-t {
    width: 1190px
}

.FormTMTwo_tables__1Kn_C>div>.FormTMTwo_comeSchool__30j-t>section>div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: 1px solid #bbdefb;
    border-bottom: none
}

.FormTMTwo_tables__1Kn_C>div>.FormTMTwo_comeSchool__30j-t>section>div:first-child {
    background: #bbdefb;
    padding: 10px 0
}

.FormTMTwo_tables__1Kn_C>div>.FormTMTwo_comeSchool__30j-t>section>div:last-child {
    height: 40px
}

.FormTMTwo_tables__1Kn_C>div>.FormTMTwo_comeSchool__30j-t>section>div>h3 {
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: .15px
}

.FormTMTwo_tables__1Kn_C>div>.FormTMTwo_comeSchool__30j-t>section>div>p {
    text-align: center;
    color: #0d36a6;
    line-height: 25px
}

@media print {
    .FormTMTwo_main__rTO5T {
        margin-left: -50px;
        zoom:.9}
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .FormTMTwo_main__rTO5T {
        width:100vw;
        margin: 0 20px
    }

    .FormTMTwo_main__rTO5T .FormTMTwo_selectorContainer__1nu-u {
        width: 100vw;
        display: grid;
        grid-template-columns: 1fr 1.1fr;
        grid-gap: 20px;
        gap: 20px
    }

    .FormTMTwo_main__rTO5T .FormTMTwo_selectorContainer__1nu-u .FormTMTwo_staffSelect__BtML4 {
        width: 100%;
        margin: 0
    }

    .FormTMTwo_main__rTO5T .FormTMTwo_selectorContainer__1nu-u div:nth-child(2) {
        margin-left: 0
    }

    .FormTMTwo_main__rTO5T .FormTMTwo_container__3oyie {
        width: 100vw;
        overflow: scroll
    }

    .FormTMTwo_main__rTO5T .FormTMTwo_container__3oyie .FormTMTwo_tables__1Kn_C {
        width: -webkit-max-content;
        width: max-content;
        zoom:.7}
}

.ComeWentContainer_container__2N89u>div>section>div {
    border-left: 1px solid #bbdefb;
    border-right: 1px solid #bbdefb
}

.ComeWentContainer_container__2N89u>div>section>div>p {
    color: #0d36a6
}

.ComeWentContainer_totalInCity__1UxSR {
    width: 1000px;
    font-size: 14px;
    display: grid;
    grid-template-columns: 230px repeat(8,1fr) 85px 85px;
    background: #5fb3fb
}

.ComeWentContainer_totalInCity__1UxSR>li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    list-style-type: none;
    text-align: center
}

.ComeWentContainer_totalInCity__1UxSR>li:first-child {
    display: flex;
    justify-content: flex-end;
    padding-right: 30px
}

.LangContainer_container__x-B5n>div>section>div {
    border-left: 1px solid #bbdefb;
    border-right: 1px solid #bbdefb
}

.LangContainer_container__x-B5n>div>section>div>p {
    color: #0d36a6
}

.LangContainer_totalInCity__2oXiY {
    width: 950px;
    font-size: 14px;
    display: grid;
    grid-template-columns: 230px repeat(12,1fr);
    background: #5fb3fb
}

.LangContainer_totalInCity__2oXiY>li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    list-style-type: none;
    text-align: center
}

.LangContainer_totalInCity__2oXiY>li:first-child {
    display: flex;
    justify-content: flex-end;
    padding-right: 30px
}

.KnowledgeLevelContainer_container__2RX3S>div>section>div {
    border-left: 1px solid #bbdefb;
    border-right: 1px solid #bbdefb
}

.KnowledgeLevelContainer_container__2RX3S>div>section>div>p {
    color: #0d36a6
}

.KnowledgeLevelContainer_totalInCity__1ZbEP {
    width: 950px;
    font-size: 14px;
    display: grid;
    grid-template-columns: 230px repeat(12,1fr) 60px 60px;
    background: #5fb3fb
}

.KnowledgeLevelContainer_totalInCity__1ZbEP>li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    list-style-type: none;
    text-align: center
}

.KnowledgeLevelContainer_totalInCity__1ZbEP>li:first-child {
    display: flex;
    justify-content: flex-end;
    padding-right: 30px
}

.LeftSchoolContainer_container__3UyQB>div>section>div {
    border-left: 1px solid #bbdefb;
    border-right: 1px solid #bbdefb
}

.LeftSchoolContainer_container__3UyQB>div>section>div>p {
    color: #0d36a6
}

.LeftSchoolContainer_container__3UyQB .LeftSchoolContainer_totalInCity__3Ha9N {
    width: -webkit-max-content;
    width: max-content
}

.LeftSchoolContainer_container__3UyQB .LeftSchoolContainer_totalInCity__3Ha9N>section {
    height: inherit
}

.LeftSchoolContainer_container__3UyQB .LeftSchoolContainer_totalInCity__3Ha9N>section>h3 {
    padding: 10px 0;
    background: #5fb3fb;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: .15px
}

.LeftSchoolContainer_container__3UyQB .LeftSchoolContainer_totalInCity__3Ha9N>section>div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 15px 0
}

.LeftSchoolContainer_container__3UyQB .LeftSchoolContainer_totalInCity__3Ha9N>section>div>p {
    text-align: center
}

.LeftSchoolContainer_container__3UyQB .LeftSchoolContainer_totalInCity__3Ha9N>div {
    border: 1px solid #bbdefb
}

.LeftSchoolContainer_container__3UyQB .LeftSchoolContainer_totalInCity__3Ha9N>div * {
    font-size: 14px
}

.LeftSchoolContainer_container__3UyQB .LeftSchoolContainer_totalInCity__3Ha9N>div>header {
    display: grid;
    grid-template-columns: 250px 1fr 1fr 100px;
    border-bottom: 1px solid #bbdefb
}

.LeftSchoolContainer_container__3UyQB .LeftSchoolContainer_totalInCity__3Ha9N>div>header .LeftSchoolContainer_classes__1Ebnl {
    display: grid;
    grid-template-columns: 1.5fr 1fr
}

.LeftSchoolContainer_container__3UyQB .LeftSchoolContainer_totalInCity__3Ha9N>div>header .LeftSchoolContainer_classes__1Ebnl>p {
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #bbdefb
}

.LeftSchoolContainer_container__3UyQB .LeftSchoolContainer_totalInCity__3Ha9N>div>header .LeftSchoolContainer_regions__3KjLm {
    display: grid;
    grid-template-rows: 30px 140px
}

.LeftSchoolContainer_container__3UyQB .LeftSchoolContainer_totalInCity__3Ha9N>div>header .LeftSchoolContainer_regions__3KjLm>span {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #bbdefb;
    border-right: 1px solid #bbdefb;
    border-top: none
}

.LeftSchoolContainer_container__3UyQB .LeftSchoolContainer_totalInCity__3Ha9N>div>header .LeftSchoolContainer_regions__3KjLm>ul {
    display: grid;
    grid-template-columns: repeat(6,60px)
}

.LeftSchoolContainer_container__3UyQB .LeftSchoolContainer_totalInCity__3Ha9N>div>header .LeftSchoolContainer_regions__3KjLm>ul>li {
    border-right: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center
}

.LeftSchoolContainer_container__3UyQB .LeftSchoolContainer_totalInCity__3Ha9N>div>header .LeftSchoolContainer_regions__3KjLm>ul>li>span {
    line-height: 14px;
    transform: rotate(-90deg);
    text-align: center;
    letter-spacing: .9px
}

.LeftSchoolContainer_container__3UyQB .LeftSchoolContainer_totalInCity__3Ha9N>div>header .LeftSchoolContainer_reasons__CTLMK {
    display: grid;
    grid-template-rows: 30px 140px
}

.LeftSchoolContainer_container__3UyQB .LeftSchoolContainer_totalInCity__3Ha9N>div>header .LeftSchoolContainer_reasons__CTLMK>span {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #bbdefb;
    border-right: 1px solid #bbdefb;
    border-top: none
}

.LeftSchoolContainer_container__3UyQB .LeftSchoolContainer_totalInCity__3Ha9N>div>header .LeftSchoolContainer_reasons__CTLMK>ul {
    display: grid;
    grid-template-columns: repeat(6,60px)
}

.LeftSchoolContainer_container__3UyQB .LeftSchoolContainer_totalInCity__3Ha9N>div>header .LeftSchoolContainer_reasons__CTLMK>ul>li {
    border-right: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center
}

.LeftSchoolContainer_container__3UyQB .LeftSchoolContainer_totalInCity__3Ha9N>div>header .LeftSchoolContainer_reasons__CTLMK>ul>li>span {
    line-height: 14px;
    transform: rotate(-90deg);
    text-align: center
}

.LeftSchoolContainer_container__3UyQB .LeftSchoolContainer_totalInCity__3Ha9N>div>header .LeftSchoolContainer_total__3xDwz {
    display: grid;
    background: #70ccfa
}

.LeftSchoolContainer_container__3UyQB .LeftSchoolContainer_totalInCity__3Ha9N>div>header .LeftSchoolContainer_total__3xDwz>li {
    border-right: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center
}

.LeftSchoolContainer_container__3UyQB .LeftSchoolContainer_totalInCity__3Ha9N>div>header .LeftSchoolContainer_total__3xDwz>li>span {
    line-height: 14px;
    transform: rotate(-90deg);
    text-align: center
}

.LeftSchoolContainer_container__3UyQB .LeftSchoolContainer_totalInCity__3Ha9N>div>main>div {
    display: grid;
    grid-template-columns: 150px auto
}

.LeftSchoolContainer_container__3UyQB .LeftSchoolContainer_totalInCity__3Ha9N>div>main>div>span {
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #bbdefb;
    border-bottom: 1px solid #bbdefb
}

.LeftSchoolContainer_container__3UyQB .LeftSchoolContainer_totalInCity__3Ha9N>div>main>div>section {
    display: grid;
    grid-template-rows: 40px 40px
}

.LeftSchoolContainer_container__3UyQB .LeftSchoolContainer_totalInCity__3Ha9N>div>main>div>section>ul {
    display: grid;
    grid-template-columns: 100px repeat(6,60px) repeat(6,60px) auto
}

.LeftSchoolContainer_container__3UyQB .LeftSchoolContainer_totalInCity__3Ha9N>div>main>div>section>ul>li {
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #bbdefb;
    border-bottom: 1px solid #bbdefb;
    text-align: center
}

.LeftSchoolContainer_container__3UyQB .LeftSchoolContainer_totalInCity__3Ha9N>div>main>div:last-child,.LeftSchoolContainer_container__3UyQB .LeftSchoolContainer_totalInCity__3Ha9N>div>main>div>section>ul>li:last-child {
    background: #70ccfa
}

.LeftSchoolContainer_container__3UyQB .LeftSchoolContainer_totalInCity__3Ha9N>div>main>div:last-child>section>ul>li {
    border: none
}

.CameSchoolContainer_container__1FGQh>div>section>div {
    border-left: 1px solid #bbdefb;
    border-right: 1px solid #bbdefb
}

.CameSchoolContainer_container__1FGQh>div>section>div>p {
    color: #0d36a6
}

.CameSchoolContainer_container__1FGQh .CameSchoolContainer_totalInCity__1SZ6F {
    width: 1050px
}

.CameSchoolContainer_container__1FGQh .CameSchoolContainer_totalInCity__1SZ6F>section {
    height: inherit
}

.CameSchoolContainer_container__1FGQh .CameSchoolContainer_totalInCity__1SZ6F>section>h3 {
    background: #5fb3fb;
    padding: 10px 0;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: .15px
}

.CameSchoolContainer_container__1FGQh .CameSchoolContainer_totalInCity__1SZ6F>section>div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 15px 0
}

.CameSchoolContainer_container__1FGQh .CameSchoolContainer_totalInCity__1SZ6F>section>div>p {
    text-align: center
}

.CameSchoolContainer_container__1FGQh .CameSchoolContainer_totalInCity__1SZ6F>div {
    border: 1px solid #bbdefb
}

.CameSchoolContainer_container__1FGQh .CameSchoolContainer_totalInCity__1SZ6F>div * {
    font-size: 14px
}

.CameSchoolContainer_container__1FGQh .CameSchoolContainer_totalInCity__1SZ6F>div>header {
    display: grid;
    grid-template-columns: 3fr 6fr 1fr;
    border-bottom: 1px solid #bbdefb
}

.CameSchoolContainer_container__1FGQh .CameSchoolContainer_totalInCity__1SZ6F>div>header .CameSchoolContainer_classes__1ab9p {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.CameSchoolContainer_container__1FGQh .CameSchoolContainer_totalInCity__1SZ6F>div>header .CameSchoolContainer_classes__1ab9p>p {
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #bbdefb
}

.CameSchoolContainer_container__1FGQh .CameSchoolContainer_totalInCity__1SZ6F>div>header .CameSchoolContainer_regions__UVN9t {
    display: grid;
    grid-template-rows: 30px 140px
}

.CameSchoolContainer_container__1FGQh .CameSchoolContainer_totalInCity__1SZ6F>div>header .CameSchoolContainer_regions__UVN9t>span {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #bbdefb;
    border-right: 1px solid #bbdefb;
    border-top: none
}

.CameSchoolContainer_container__1FGQh .CameSchoolContainer_totalInCity__1SZ6F>div>header .CameSchoolContainer_regions__UVN9t>ul {
    display: grid;
    grid-template-columns: repeat(6,1fr)
}

.CameSchoolContainer_container__1FGQh .CameSchoolContainer_totalInCity__1SZ6F>div>header .CameSchoolContainer_regions__UVN9t>ul>li {
    border-right: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center
}

.CameSchoolContainer_container__1FGQh .CameSchoolContainer_totalInCity__1SZ6F>div>header .CameSchoolContainer_regions__UVN9t>ul>li>span {
    line-height: 14px;
    transform: rotate(-90deg);
    text-align: center;
    letter-spacing: .9px
}

.CameSchoolContainer_container__1FGQh .CameSchoolContainer_totalInCity__1SZ6F>div>header .CameSchoolContainer_total__2y5wQ {
    display: grid;
    background: #70ccfa
}

.CameSchoolContainer_container__1FGQh .CameSchoolContainer_totalInCity__1SZ6F>div>header .CameSchoolContainer_total__2y5wQ>li {
    border-right: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center
}

.CameSchoolContainer_container__1FGQh .CameSchoolContainer_totalInCity__1SZ6F>div>header .CameSchoolContainer_total__2y5wQ>li>span {
    line-height: 14px;
    transform: rotate(-90deg);
    text-align: center
}

.CameSchoolContainer_container__1FGQh .CameSchoolContainer_totalInCity__1SZ6F>div>main>div {
    display: grid;
    grid-template-columns: 1.5fr 8.5fr
}

.CameSchoolContainer_container__1FGQh .CameSchoolContainer_totalInCity__1SZ6F>div>main>div>span {
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #bbdefb;
    border-bottom: 1px solid #bbdefb
}

.CameSchoolContainer_container__1FGQh .CameSchoolContainer_totalInCity__1SZ6F>div>main>div>section {
    display: grid;
    grid-template-rows: 40px 40px
}

.CameSchoolContainer_container__1FGQh .CameSchoolContainer_totalInCity__1SZ6F>div>main>div>section>ul {
    display: grid;
    grid-template-columns: 1.5fr repeat(7,1fr)
}

.CameSchoolContainer_container__1FGQh .CameSchoolContainer_totalInCity__1SZ6F>div>main>div>section>ul>li {
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #bbdefb;
    border-bottom: 1px solid #bbdefb;
    text-align: center
}

.CameSchoolContainer_container__1FGQh .CameSchoolContainer_totalInCity__1SZ6F>div>main>div:last-child,.CameSchoolContainer_container__1FGQh .CameSchoolContainer_totalInCity__1SZ6F>div>main>div>section>ul>li:last-child {
    background: #70ccfa
}

.CameSchoolContainer_container__1FGQh .CameSchoolContainer_totalInCity__1SZ6F>div>main>div:last-child>section>ul>li {
    border: none
}

.Kom_main__1qROp {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-left: 0
}

.Kom_main__1qROp>.Kom_selectorContainer__2D6dJ {
    display: flex;
    width: 1100px;
    justify-content: flex-end;
    margin: auto
}

.Kom_main__1qROp>.Kom_selectorContainer__2D6dJ div:nth-child(2) {
    margin-left: 20px
}

.Kom_main__1qROp>.Kom_selectorContainer__2D6dJ>.Kom_selector__3vJaj {
    width: 210px;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 20px
}

.Kom_main__1qROp>.Kom_selectorContainer__2D6dJ>.Kom_selector__3vJaj>div {
    border: none
}

.Kom_main__1qROp .Kom_container__3W0aB {
    display: flex;
    flex-direction: column;
    margin: 0 auto
}

.Kom_tables__NqYCB {
    padding-top: 35px;
    margin-bottom: 80px
}

@media print {
    .Kom_main__1qROp {
        margin-left: -50px;
        zoom:.9}
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Kom_main__1qROp {
        width:100vw;
        margin: 0 20px
    }

    .Kom_main__1qROp .Kom_selectorContainer__2D6dJ {
        width: 100vw;
        display: grid;
        grid-template-columns: 1fr 1.1fr;
        grid-gap: 20px;
        gap: 20px
    }

    .Kom_main__1qROp .Kom_selectorContainer__2D6dJ .Kom_staffSelect__Oy7rb {
        width: 100%;
        margin: 0
    }

    .Kom_main__1qROp .Kom_selectorContainer__2D6dJ div:nth-child(2) {
        margin-left: 0
    }

    .Kom_main__1qROp .Kom_selectorContainer__2D6dJ .Kom_selector__3vJaj {
        width: 100%
    }

    .Kom_main__1qROp .Kom_container__3W0aB {
        width: 100vw;
        overflow: scroll
    }

    .Kom_main__1qROp .Kom_container__3W0aB .Kom_tables__NqYCB {
        width: -webkit-max-content;
        width: max-content;
        zoom:.7}
}

.Scarcity_main__2wqLN {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.Scarcity_main__2wqLN>h2 {
    background: #bbdefb;
    font-weight: 700
}

.Scarcity_main__2wqLN>h2,.Scarcity_main__2wqLN>h3 {
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 16px
}

.Scarcity_main__2wqLN>h3 {
    border-left: 2px solid #bbdefb;
    border-right: 2px solid #bbdefb;
    color: #0d36a6
}

.Scarcity_main__2wqLN>header {
    display: grid;
    grid-template-columns: 475px 480px;
    grid-template-rows: 170px;
    font-size: 14px
}

.Scarcity_main__2wqLN>header>span {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-left: 1px solid #bbdefb;
    border-top: 1px solid #bbdefb;
    border-color: #bbdefb;
    border-style: solid;
    border-width: 2px 1px 1px 2px
}

.Scarcity_main__2wqLN>header>ul {
    display: grid;
    grid-template-columns: repeat(8,60px)
}

.Scarcity_main__2wqLN>header>ul>li {
    display: flex;
    border: 1px solid #bbdefb;
    border-top: 2px solid #bbdefb;
    text-align: center;
    align-items: center;
    justify-content: center
}

.Scarcity_main__2wqLN>header>ul>li:last-child {
    border-right: 2px solid #bbdefb
}

.Scarcity_main__2wqLN>header>ul>li>span {
    text-align: center;
    transform: rotate(-90deg)
}

.Scarcity_main__2wqLN main {
    display: flex;
    flex-direction: column;
    font-size: 12px
}

.Scarcity_main__2wqLN main>div>span {
    width: 100%;
    height: 30px;
    border-left: 1px solid #bbdefb;
    border-right: 1px solid #bbdefb;
    border-color: #bbdefb;
    border-style: solid;
    border-width: 1px 2px;
    padding-left: 190px;
    display: flex;
    align-items: center
}

.Scarcity_main__2wqLN main>div>ul {
    display: grid;
    grid-template-columns: 475px repeat(8,60px)
}

.Scarcity_main__2wqLN main>div>ul input[type=number]::-webkit-inner-spin-button,.Scarcity_main__2wqLN main>div>ul input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none
}

.Scarcity_main__2wqLN main>div>ul>li {
    display: block;
    border: 1px solid #bbdefb;
    justify-content: center;
    align-items: center;
    padding: 5px 0;
    text-align: center
}

.Scarcity_main__2wqLN main>div>ul>li:first-child {
    text-align: left;
    border-left: 2px solid #bbdefb
}

.Scarcity_main__2wqLN main>div>ul>li:last-child {
    border-right: 2px solid #bbdefb
}

.Scarcity_main__2wqLN main>div>ul>li>input {
    font-size: 12px;
    width: 100%;
    text-align: center
}

.Scarcity_main__2wqLN main>div>ul>li:first-child {
    padding: 5px 15px;
    justify-content: start
}

.Scarcity_main__2wqLN main>div>ul>li:first-child>span {
    padding-left: 30px;
    height: 30px
}

.Scarcity_main__2wqLN main>div>ul:last-child {
    background: #70ccfa
}

.Scarcity_main__2wqLN main>div>ul:last-child>li:first-child {
    display: flex;
    justify-content: flex-end;
    padding-right: 25px
}

.TeacherWorkContainer_container__1SuSB div>h3 {
    border-left: 2px solid #bbdefb;
    border-right: 2px solid #bbdefb;
    color: #0d36a6
}

.TeacherWorkContainer_totalInCity__3S-ho {
    font-size: 14px;
    width: 952px;
    display: grid;
    grid-template-columns: 231px repeat(12,1fr);
    background: #5fb3fb
}

.TeacherWorkContainer_totalInCity__3S-ho>li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    list-style-type: none;
    text-align: center
}

.TeacherWorkContainer_totalInCity__3S-ho>li:first-child {
    display: flex;
    justify-content: flex-end;
    padding-right: 30px
}

.ByAgeContainer_container__2UYSR>div>h3 {
    border-left: 2px solid #bbdefb;
    border-right: 2px solid #bbdefb;
    color: #0d36a6
}

.ByAgeContainer_totalInCity__1pWrl {
    font-size: 14px;
    width: 950px;
    display: grid;
    grid-template-columns: 440px 90px repeat(6,1fr);
    background: #5fb3fb
}

.ByAgeContainer_totalInCity__1pWrl>li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    list-style-type: none;
    text-align: center
}

.ByAgeContainer_totalInCity__1pWrl>li:first-child {
    display: flex;
    justify-content: flex-end;
    padding-right: 240px
}

.ByAgeContainer_fTotalInCity__VrASS {
    font-size: 14px;
    width: 950px;
    display: grid;
    grid-template-columns: 440px 90px repeat(6,1fr);
    background: #9bd0fd
}

.ByAgeContainer_fTotalInCity__VrASS>li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    list-style-type: none;
    text-align: center
}

.ByAgeContainer_fTotalInCity__VrASS>li:first-child {
    display: flex;
    justify-content: flex-end;
    padding-right: 240px
}

.WorkYearsContainer_container__2J3Xx div>h3 {
    border-left: 2px solid #bbdefb;
    border-right: 2px solid #bbdefb;
    color: #0d36a6
}

.WorkYearsContainer_totalInCity__1U4Pc {
    font-size: 14px;
    display: grid;
    grid-template-columns: 230px 90px repeat(9,1fr);
    background: #5fb3fb
}

.WorkYearsContainer_totalInCity__1U4Pc>li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    list-style-type: none;
    text-align: center
}

.WorkYearsContainer_totalInCity__1U4Pc>li:first-child {
    display: flex;
    justify-content: flex-end;
    padding-right: 30px
}

.WorkYearsContainer_fTotalInCity__1lACN {
    font-size: 14px;
    display: grid;
    grid-template-columns: 230px 90px repeat(9,1fr);
    background: #9bd0fd
}

.WorkYearsContainer_fTotalInCity__1lACN>li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    list-style-type: none;
    text-align: center
}

.WorkYearsContainer_fTotalInCity__1lACN>li:first-child {
    display: flex;
    justify-content: flex-end;
    padding-right: 30px
}

.GeneralSumContainer_header__WMX9d>div>h3 {
    border-left: 2px solid #bbdefb;
    border-right: 2px solid #bbdefb;
    color: #0d36a6
}

.GeneralSumContainer_container__1boh7 {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 952px
}

.GeneralSumContainer_container__1boh7>h2 {
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 16px;
    background: #5fb3fb
}

.GeneralSumContainer_container__1boh7>h3 {
    height: 38px;
    font-size: 16px;
    line-height: 38px;
    text-align: center;
    border-left: 2px solid #bbdefb;
    border-right: 2px solid #bbdefb;
    color: #0d36a6
}

.GeneralSumContainer_container__1boh7 .GeneralSumContainer_main__3Ahtk {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 14px
}

.GeneralSumContainer_container__1boh7 .GeneralSumContainer_main__3Ahtk .GeneralSumContainer_darkBlue__2HPGc {
    background: #5fb3fb;
    border: none
}

.GeneralSumContainer_container__1boh7 .GeneralSumContainer_main__3Ahtk .GeneralSumContainer_lightBlue__3tnop {
    background: #9bd0fd;
    border: none
}

.GeneralSumContainer_container__1boh7 .GeneralSumContainer_main__3Ahtk h3 {
    text-align: center;
    margin: 20px
}

.GeneralSumContainer_container__1boh7 .GeneralSumContainer_main__3Ahtk header {
    display: grid;
    grid-template-columns: 370px 291px 291px;
    grid-template-rows: 90px
}

.GeneralSumContainer_container__1boh7 .GeneralSumContainer_main__3Ahtk header ul {
    display: grid;
    grid-template-columns: 40px 330px
}

.GeneralSumContainer_container__1boh7 .GeneralSumContainer_main__3Ahtk header ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 2px solid #bbdefb;
    border-right: none;
    border-bottom: none
}

.GeneralSumContainer_container__1boh7 .GeneralSumContainer_main__3Ahtk header ul>li .GeneralSumContainer_lineNum__3FChI {
    transform: rotate(-90deg)
}

.GeneralSumContainer_container__1boh7 .GeneralSumContainer_main__3Ahtk header div {
    display: grid;
    grid-template-rows: 40px 50px
}

.GeneralSumContainer_container__1boh7 .GeneralSumContainer_main__3Ahtk header div>span {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #bbdefb;
    border-left: none
}

.GeneralSumContainer_container__1boh7 .GeneralSumContainer_main__3Ahtk header div>section {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.GeneralSumContainer_container__1boh7 .GeneralSumContainer_main__3Ahtk header div>section>span {
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 2px solid #bbdefb
}

.GeneralSumContainer_container__1boh7 .GeneralSumContainer_main__3Ahtk header div:nth-child(2)>span {
    border-left: 2px solid #bbdefb
}

.GeneralSumContainer_container__1boh7 .GeneralSumContainer_main__3Ahtk main {
    display: flex;
    flex-direction: column;
    border: 2px solid #bbdefb;
    border-bottom: none
}

.GeneralSumContainer_container__1boh7 .GeneralSumContainer_main__3Ahtk main>div>.GeneralSumContainer_mainHeader__1bmaw {
    width: 100%;
    height: 30px;
    padding-left: 190px;
    display: flex;
    align-items: center
}

.GeneralSumContainer_container__1boh7 .GeneralSumContainer_main__3Ahtk main>div>div {
    display: grid;
    grid-template-columns: auto 145px 145px
}

.GeneralSumContainer_container__1boh7 .GeneralSumContainer_main__3Ahtk main>div>div>span {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center
}

.GeneralSumContainer_container__1boh7 .GeneralSumContainer_main__3Ahtk main>div>div>section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0
}

.GeneralSumContainer_container__1boh7 .GeneralSumContainer_main__3Ahtk main>div>div>section>ul {
    display: grid;
    grid-template-columns: 40px 330px repeat(4,145px);
    grid-template-rows: 30px
}

.GeneralSumContainer_container__1boh7 .GeneralSumContainer_main__3Ahtk main>div>div>section>ul:last-child>li:first-child,.GeneralSumContainer_container__1boh7 .GeneralSumContainer_main__3Ahtk main>div>div>section>ul:last-child li:nth-child(2) {
    border-bottom: 2px solid #bbdefb
}

.GeneralSumContainer_container__1boh7 .GeneralSumContainer_main__3Ahtk main>div>div>section>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #bbdefb;
    border-bottom: none;
    border-left: none
}

.GeneralSumContainer_container__1boh7 .GeneralSumContainer_main__3Ahtk main>div>div>section>ul>li:nth-child(2) {
    display: flex;
    justify-content: flex-start;
    padding-left: 20px
}

.GeneralSumContainer_container__1boh7 .GeneralSumContainer_main__3Ahtk main>div>div>section>ul>li:nth-child(3) {
    background: #5fb3fb;
    border: none
}

.GeneralSumContainer_container__1boh7 .GeneralSumContainer_main__3Ahtk main>div>div>section>ul>li:nth-child(4) {
    background: #9bd0fd;
    border: none
}

.GeneralSumContainer_container__1boh7 .GeneralSumContainer_main__3Ahtk main>div>div>section>ul>li:nth-child(5) {
    background: #5fb3fb;
    border: none
}

.GeneralSumContainer_container__1boh7 .GeneralSumContainer_main__3Ahtk main>div>div>section>ul>li:nth-child(6) {
    background: #9bd0fd;
    border: none
}

.GeneralSumContainer_container__1boh7 .GeneralSumContainer_main__3Ahtk main>div>div>span {
    border: none;
    width: 145px;
    height: 100%
}

.Schools_container__qq8Zu {
    max-width: 900px;
    margin: 0 auto;
    display: block;
    padding: 30px
}

.Schools_container__qq8Zu>div {
    margin-bottom: 269.51px
}

.Schools_container__qq8Zu>div>div {
    display: flex;
    justify-content: flex-end;
    padding-right: 190px
}

.Schools_container__qq8Zu>div>div:last-child {
    justify-content: flex-start;
    padding-right: 145px
}

@media print {
    .Schools_printContainer__LAkbT {
        display: flex;
        flex-direction: column
    }
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .Schools_container__qq8Zu {
        width:100vw;
        padding: 20px 0
    }

    .Schools_container__qq8Zu>header {
        display: flex;
        flex-direction: column-reverse
    }

    .Schools_container__qq8Zu>header>div {
        padding: 10px 0
    }
}

.CitySchools_main__2EBtK {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 1080px;
    margin: 0 auto
}

.CitySchools_main__2EBtK .CitySchools_tableContainer__dNMvB .CitySchools_table__20fDI>header {
    grid-template-columns: 80px 200px 300px 300px 200px
}

.CitySchools_main__2EBtK .CitySchools_tableContainer__dNMvB .CitySchools_table__20fDI>header>span:last-child {
    padding-left: 17px;
    justify-content: start
}

.CitySchools_main__2EBtK .CitySchools_tableContainer__dNMvB .CitySchools_tableList__6lEZZ {
    height: 520px;
    overflow-y: scroll;
    overflow-x: hidden
}

.CitySchools_main__2EBtK .CitySchools_tableContainer__dNMvB .CitySchools_tableList__6lEZZ>div>div {
    display: grid;
    grid-template-columns: 80px 200px 300px 300px 200px;
    border-bottom: 1px solid #e2e2e2
}

.CitySchools_main__2EBtK .CitySchools_tableContainer__dNMvB .CitySchools_tableList__6lEZZ>div>div:hover {
    background: hsla(0,0%,97.3%,.61);
    border-bottom-color: #2962ff;
    cursor: pointer
}

.CitySchools_main__2EBtK .CitySchools_tableContainer__dNMvB .CitySchools_tableList__6lEZZ>div>div:hover>p {
    color: #2962ff
}

.CitySchools_main__2EBtK .CitySchools_tableContainer__dNMvB .CitySchools_tableList__6lEZZ>div>div:hover>p>svg>path {
    fill: #2962ff
}

.CitySchools_main__2EBtK .CitySchools_tableContainer__dNMvB .CitySchools_tableList__6lEZZ>div>div>p {
    padding: 10px 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.CitySchools_main__2EBtK .CitySchools_tableContainer__dNMvB .CitySchools_tableList__6lEZZ>div>div>p>span {
    display: flex;
    justify-content: flex-start
}

.CitySchools_main__2EBtK .CitySchools_tableContainer__dNMvB .CitySchools_tableList__6lEZZ>div>div>span {
    display: flex;
    align-items: center;
    padding: 0 15px
}

.CitySchools_main__2EBtK .CitySchools_tableContainer__dNMvB .CitySchools_tableList__6lEZZ>div>div>span>button {
    border: none;
    display: inline-block;
    background: transparent;
    cursor: pointer
}

@page {
    margin: 1cm
}

@media print {
    .CitySchools_printContant__1qkIJ {
        zoom:.9}

    .CitySchools_printContant__1qkIJ div>header {
        grid-template-columns: 80px 200px 300px 300px 200px
    }

    .CitySchools_printContant__1qkIJ div>header>span:last-child {
        padding-left: 17px;
        justify-content: start
    }

    .CitySchools_printContant__1qkIJ .CitySchools_tableList__6lEZZ {
        height: auto;
        overflow-x: hidden
    }

    .CitySchools_printContant__1qkIJ .CitySchools_tableList__6lEZZ>div>div {
        display: grid;
        grid-template-columns: 80px 200px 300px 300px 200px;
        border-bottom: 1px solid #e2e2e2
    }

    .CitySchools_printContant__1qkIJ .CitySchools_tableList__6lEZZ>div>div>p {
        padding: 10px 20px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .CitySchools_printContant__1qkIJ .CitySchools_tableList__6lEZZ>div>div>p>span {
        display: flex;
        justify-content: flex-start
    }
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .CitySchools_main__2EBtK {
        width:100vw;
        margin: 0 auto 20px
    }

    .CitySchools_main__2EBtK>.CitySchools_searchCont__1QrI9 {
        display: flex;
        flex-direction: column-reverse;
        margin: 10px 0
    }

    .CitySchools_main__2EBtK>.CitySchools_searchCont__1QrI9>div {
        margin: 10px 0
    }

    .CitySchools_main__2EBtK .CitySchools_tableContainer__dNMvB .CitySchools_tableListMobi__k_CBu {
        width: 100vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: auto;
        height: 600px;
        overflow: scroll;
        justify-content: start
    }

    .CitySchools_main__2EBtK .CitySchools_tableContainer__dNMvB .CitySchools_tableListMobi__k_CBu div {
        width: 100%
    }

    .CitySchools_main__2EBtK .CitySchools_tableContainer__dNMvB .CitySchools_tableListMobi__k_CBu div>.CitySchools_rowOne__3VKQX {
        min-height: 30px;
        display: grid;
        grid-template-columns: 30px 1fr 1fr
    }

    .CitySchools_main__2EBtK .CitySchools_tableContainer__dNMvB .CitySchools_tableListMobi__k_CBu div>.CitySchools_rowOne__3VKQX p,.CitySchools_main__2EBtK .CitySchools_tableContainer__dNMvB .CitySchools_tableListMobi__k_CBu div>.CitySchools_rowOne__3VKQX span {
        font-size: 12px;
        padding-left: 10px;
        display: flex;
        align-items: center;
        border-left: 1px solid #fff
    }

    .CitySchools_main__2EBtK .CitySchools_tableContainer__dNMvB .CitySchools_tableListMobi__k_CBu div>.CitySchools_rowOne__3VKQX:first-child {
        background: #e3f2fd
    }

    .CitySchools_main__2EBtK .CitySchools_tableContainer__dNMvB .CitySchools_tableListMobi__k_CBu div>.CitySchools_rowTwo__3pWIZ {
        min-height: 30px;
        display: grid;
        grid-template-columns: 1fr 1fr
    }

    .CitySchools_main__2EBtK .CitySchools_tableContainer__dNMvB .CitySchools_tableListMobi__k_CBu div>.CitySchools_rowTwo__3pWIZ p,.CitySchools_main__2EBtK .CitySchools_tableContainer__dNMvB .CitySchools_tableListMobi__k_CBu div>.CitySchools_rowTwo__3pWIZ span {
        font-size: 12px;
        padding-left: 10px;
        display: flex;
        align-items: center;
        border-left: 1px solid #fff
    }

    .CitySchools_main__2EBtK .CitySchools_tableContainer__dNMvB .CitySchools_tableListMobi__k_CBu div>.CitySchools_rowTwo__3pWIZ p:last-child,.CitySchools_main__2EBtK .CitySchools_tableContainer__dNMvB .CitySchools_tableListMobi__k_CBu div>.CitySchools_rowTwo__3pWIZ span:last-child {
        margin-left: 15px
    }

    .CitySchools_main__2EBtK .CitySchools_tableContainer__dNMvB .CitySchools_tableListMobi__k_CBu div>header.CitySchools_rowTwo__3pWIZ {
        background: #e2e2e2
    }
}

.Selector_main__2wLJU {
    display: flex;
    flex-direction: column;
    position: relative;
    top: 0
}

.Selector_main__2wLJU>.Selector_current__PrZTt>button {
    border: 1px solid #f7f7f7;
    min-width: 210px;
    max-width: 250px;
    padding: 8px 15px;
    font-size: 14px;
    background: #fff;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 20px;
    height: 40px
}

.Selector_main__2wLJU>.Selector_current__PrZTt>button>div {
    color: #2979ff
}

.Selector_main__2wLJU>.Selector_current__PrZTt>button>div>span {
    margin-right: 10px
}

.Selector_main__2wLJU>.Selector_current__PrZTt>button>div>span>svg>path {
    fill: #2979ff
}

.Selector_main__2wLJU>.Selector_current__PrZTt>button:focus {
    outline: none
}

.Selector_main__2wLJU>.Selector_current__PrZTt>button:disabled {
    background: #f1f1f1;
    color: #555
}

.Selector_main__2wLJU>.Selector_current__PrZTt>button:disabled>svg {
    fill: #555
}

.Selector_main__2wLJU>.Selector_current__PrZTt>button>svg {
    width: 13px;
    transition: all .4s ease-out
}

.Selector_main__2wLJU>.Selector_current__PrZTt>button>.Selector_down__3UWtD {
    transform: rotate(180deg);
    fill: #202020
}

.Selector_main__2wLJU>.Selector_current__PrZTt>button>.Selector_up__2FhlC {
    transform: rotate(0deg);
    fill: #42a5f5
}

.Selector_main__2wLJU>.Selector_current__PrZTt>button .Selector_active__3DRkQ {
    transform: rotate(0deg)
}

.Selector_main__2wLJU>div {
    width: 210px;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 0 0 20px 20px;
    padding-bottom: 20px;
    min-height: 50px;
    background: #fff;
    list-style-type: none;
    padding-top: 15px;
    overflow: auto;
    position: absolute;
    top: 42px;
    z-index: 5
}

.Selector_main__2wLJU>div .Selector_optionsContainer__1mgT0>.Selector_options__158U6 {
    display: flex;
    align-items: center;
    justify-content: center
}

.Selector_main__2wLJU>div .Selector_optionsContainer__1mgT0>.Selector_options__158U6>button {
    border: none;
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 5px 5px 5px 15px;
    background: #fff;
    font-size: 14px;
    transition: background-color .15s
}

.Selector_main__2wLJU>div .Selector_optionsContainer__1mgT0>.Selector_options__158U6>button:hover {
    background: #72bafa;
    cursor: pointer;
    color: #fff
}

.Selector_main__2wLJU>div .Selector_optionsContainer__1mgT0>.Selector_options__158U6>button>span {
    margin-right: 10px
}

.Selector_main__2wLJU>div .Selector_optionsContainer__1mgT0>.Selector_options__158U6>.Selector_activeOption__33skS {
    border-left: 2px solid #2979ff;
    background: linear-gradient(90deg,#e3f2fd,rgba(227,242,253,.25));
    color: #2979ff
}

.Selector_main__2wLJU>div .Selector_optionsContainer__1mgT0>.Selector_options__158U6>.Selector_activeOption__33skS>span>svg>path {
    fill: #2979ff
}

.NavStatisticsProgLeft_main__x6IvU {
    min-height: 90vh;
    background: #fff;
    box-shadow: 1px 0 7px #f2f4f5,0 4px 4px #f2f4f5
}

.NavStatisticsProgLeft_main__x6IvU>nav {
    margin-top: 75px
}

.NavStatisticsProgLeft_main__x6IvU>nav>ul>li {
    position: relative;
    height: 50px;
    font-weight: 400;
    font-size: 16px;
    padding-left: 40px;
    display: flex;
    align-items: center;
    transition: all 2s ease-in-out
}

.NavStatisticsProgLeft_main__x6IvU>nav>ul>li:hover {
    cursor: pointer;
    background: linear-gradient(90deg,#e3eaff,rgba(227,242,253,.25))
}

.NavStatisticsProgLeft_main__x6IvU>nav>ul>li>span {
    display: flex;
    align-items: center;
    text-transform: uppercase
}

.NavStatisticsProgLeft_main__x6IvU>nav>ul>li>span>svg {
    margin-right: 20px
}

.NavStatisticsProgLeft_main__x6IvU>nav>ul>.NavStatisticsProgLeft_activeLink__23YcF {
    background: linear-gradient(90deg,#e3f2fd,rgba(227,242,253,.25))
}

.NavStatisticsProgLeft_main__x6IvU>nav>ul>.NavStatisticsProgLeft_activeLink__23YcF:before {
    content: "";
    position: absolute;
    left: 0;
    height: 50px;
    background: #2962ff;
    width: 4px
}

.NavStatisticsProgLeft_main__x6IvU>nav>ul>.NavStatisticsProgLeft_activeLink__23YcF>span {
    color: #2979ff
}

.NavStatisticsProgLeft_main__x6IvU>nav>ul>.NavStatisticsProgLeft_activeLink__23YcF>span>svg,.NavStatisticsProgLeft_main__x6IvU>nav>ul>.NavStatisticsProgLeft_activeLink__23YcF>span>svg>path {
    fill: #2979ff
}

.NavStatisticsProgRight_main__3waL- {
    height: 100%;
    background: #fff;
    box-shadow: 1px 0 7px #f2f4f5,0 4px 4px #f2f4f5
}

.NavStatisticsProgRight_main__3waL->nav {
    margin-top: 75px
}

.NavStatisticsProgRight_main__3waL->nav>ul>li {
    position: relative;
    height: 50px;
    font-weight: 400;
    font-size: 16px;
    padding-left: 40px;
    display: flex;
    align-items: center
}

.NavStatisticsProgRight_main__3waL->nav>ul>li:hover {
    cursor: pointer;
    background: linear-gradient(90deg,#e3eaff,rgba(227,242,253,.25))
}

.NavStatisticsProgRight_main__3waL->nav>ul>li>span {
    display: flex;
    align-items: center;
    text-transform: uppercase
}

.NavStatisticsProgRight_main__3waL->nav>ul>.NavStatisticsProgRight_activeLink__3MUUB {
    background: linear-gradient(90deg,#e3f2fd,rgba(227,242,253,.25))
}

.NavStatisticsProgRight_main__3waL->nav>ul>.NavStatisticsProgRight_activeLink__3MUUB:before {
    content: "";
    position: absolute;
    left: 0;
    height: 50px;
    background: #2962ff;
    width: 4px
}

.NavStatisticsProgRight_main__3waL->nav>ul>.NavStatisticsProgRight_activeLink__3MUUB>span {
    color: #2979ff
}

.Statistics_container__n4C6T {
    width: 241px;
    height: 140px;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    text-transform: uppercase;
    color: #fff;
    margin: 10px;
    padding: 8px;
    letter-spacing: .15px;
    background: linear-gradient(180deg,#0063ff,#0032ba)
}

.Statistics_container__n4C6T>section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.Statistics_container__n4C6T>section>p {
    color: #fff
}

.Statistics_container__n4C6T>section>p:first-child {
    font-size: 24px;
    line-height: 38px
}

.Statistics_container__n4C6T>section>p:nth-child(2) {
    font-size: 16px
}

.Statistics_container__n4C6T>div {
    display: flex;
    width: 210px;
    justify-content: space-between;
    font-size: 12px;
    align-items: center
}

.Statistics_container__n4C6T>div>p {
    color: #fff;
    font-size: 12px;
    font-family: "SFPro";
    font-weight: 400
}

.Statistics_container__n4C6T>div>p:nth-child(3) {
    font-weight: 700
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Statistics_container__n4C6T {
        zoom:.8
    }
}

.StatisticsHeader_main__3-G1U {
    margin: 20px auto;
    display: flex;
    justify-content: center;
    align-items: center
}

.StatisticsHeader_main__3-G1U .StatisticsHeader_container__1yaUc {
    width: 780px;
    height: 100px;
    display: flex;
    border-radius: 100px;
    background: linear-gradient(93.61deg,#0063ff -.61%,#008aff 98.07%);
    justify-content: space-between;
    align-items: center;
    color: #fff
}

.StatisticsHeader_main__3-G1U .StatisticsHeader_container__1yaUc .StatisticsHeader_textCont__cIggM>div {
    margin-left: 60px
}

.StatisticsHeader_main__3-G1U .StatisticsHeader_container__1yaUc .StatisticsHeader_textCont__cIggM>div>p {
    color: #fff;
    font-weight: 400
}

.StatisticsHeader_main__3-G1U .StatisticsHeader_container__1yaUc .StatisticsHeader_textCont__cIggM>div>p:first-letter {
    text-transform: uppercase
}

.StatisticsHeader_main__3-G1U .StatisticsHeader_container__1yaUc .StatisticsHeader_textCont__cIggM>div>p:first-child {
    font-size: 24px;
    line-height: 38px;
    letter-spacing: .15px
}

.StatisticsHeader_main__3-G1U .StatisticsHeader_container__1yaUc .StatisticsHeader_circleCont__Vv1r7 {
    overflow: hidden;
    border-radius: 0 50px 50px 0;
    height: 100px;
    display: flex
}

.StatisticsHeader_main__3-G1U .StatisticsHeader_container__1yaUc .StatisticsHeader_circleCont__Vv1r7 .StatisticsHeader_bigCircle__3KZ55 {
    width: 250px;
    height: 250px;
    background: linear-gradient(133.55deg,hsla(0,0%,100%,.3) 25.11%,hsla(0,0%,100%,0) 97.32%);
    border-radius: 50%;
    margin-top: 50px;
    margin-right: -90px
}

.StatisticsHeader_main__3-G1U .StatisticsHeader_container__1yaUc .StatisticsHeader_circleCont__Vv1r7 .StatisticsHeader_smallCircle__3eHkL {
    width: 120px;
    height: 120px;
    background: linear-gradient(133.55deg,hsla(0,0%,100%,.3) 25.11%,hsla(0,0%,100%,0) 97.32%);
    border-radius: 50%;
    margin-right: -50px;
    margin-top: 50px;
    -webkit-backdrop-filter: blur(1.5px);
    backdrop-filter: blur(1.5px)
}

.StatisticsHeader_main__3-G1U .StatisticsHeader_container__1yaUc .StatisticsHeader_imgCont__3pZiL {
    position: relative;
    top: -110px
}

.StatisticsHeader_main__3-G1U .StatisticsHeader_container__1yaUc .StatisticsHeader_imgCont__3pZiL>.StatisticsHeader_mainImg__x5Aeq {
    position: absolute;
    left: 15px;
    top: -10px
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .StatisticsHeader_main__3-G1U .StatisticsHeader_container__1yaUc {
        width:100vw;
        height: 80px;
        align-items: start
    }

    .StatisticsHeader_main__3-G1U .StatisticsHeader_container__1yaUc .StatisticsHeader_circleCont__Vv1r7 {
        height: 80px
    }

    .StatisticsHeader_main__3-G1U .StatisticsHeader_container__1yaUc .StatisticsHeader_textCont__cIggM {
        position: relative;
        margin-left: 30px;
        height: 100%
    }

    .StatisticsHeader_main__3-G1U .StatisticsHeader_container__1yaUc .StatisticsHeader_textCont__cIggM>div {
        position: absolute;
        width: 160px;
        top: 0;
        margin-left: 0;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: start;
        flex-direction: column
    }

    .StatisticsHeader_main__3-G1U .StatisticsHeader_container__1yaUc .StatisticsHeader_textCont__cIggM>div>p {
        color: #fff;
        font-weight: 400;
        font-size: 12px;
        padding: 2px 0
    }

    .StatisticsHeader_main__3-G1U .StatisticsHeader_container__1yaUc .StatisticsHeader_textCont__cIggM>div>p:first-letter {
        text-transform: uppercase
    }

    .StatisticsHeader_main__3-G1U .StatisticsHeader_container__1yaUc .StatisticsHeader_textCont__cIggM>div>p:first-child {
        font-size: 16px;
        line-height: 20px
    }

    .StatisticsHeader_main__3-G1U .StatisticsHeader_container__1yaUc .StatisticsHeader_imgCont__3pZiL>.StatisticsHeader_mainImg__x5Aeq {
        position: absolute;
        right: 15px;
        height: 90px;
        top: 0;
        left: inherit
    }
}

.Parents_statisticsCardCards__3Yu9E {
    margin: auto;
    width: 785px;
    display: flex;
    flex-wrap: wrap
}

.Parents_statisticsCardCards__3Yu9E>div:first-child {
    background: linear-gradient(180deg,#0063ff,#0032ba)
}

.Parents_statisticsCardCards__3Yu9E>div:nth-child(2) {
    background: linear-gradient(180deg,#0063ff,#0d36a6)
}

.Parents_statisticsCardCards__3Yu9E:nth-child(3) {
    background: linear-gradient(180deg,#0063ff,#0032ba)
}

.Parents_statisticsCardCards__3Yu9E:nth-child(4) {
    background: linear-gradient(180deg,#0060f8,#0032ba)
}

.Parents_statisticsCardCards__3Yu9E:nth-child(5) {
    background: linear-gradient(180deg,#0063ff,#0d36a6)
}

.Parents_statisticsCardCards__3Yu9E:nth-child(6) {
    background: linear-gradient(180deg,#0063ff,#0032ba)
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Parents_statisticsCardCards__3Yu9E {
        width:100vw;
        overflow: scroll;
        flex-wrap: nowrap
    }

    ::-webkit-scrollbar {
        height: 3px
    }
}

.Schools_statisticsCardCards__3cx4Z {
    margin: auto;
    width: 785px;
    display: flex;
    flex-wrap: wrap
}

.Schools_statisticsCardCards__3cx4Z>div:first-child {
    background: linear-gradient(180deg,#0063ff,#0032ba)
}

.Schools_statisticsCardCards__3cx4Z>div:nth-child(2) {
    background: linear-gradient(180deg,#0063ff,#0d36a6)
}

.Schools_statisticsCardCards__3cx4Z:nth-child(3) {
    background: linear-gradient(180deg,#0063ff,#0032ba)
}

.Schools_statisticsCardCards__3cx4Z:nth-child(4) {
    background: linear-gradient(180deg,#0060f8,#0032ba)
}

.Schools_statisticsCardCards__3cx4Z:nth-child(5) {
    background: linear-gradient(180deg,#0063ff,#0d36a6)
}

.Schools_statisticsCardCards__3cx4Z:nth-child(6) {
    background: linear-gradient(180deg,#0063ff,#0032ba)
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Schools_statisticsCardCards__3cx4Z {
        width:100vw;
        overflow: scroll;
        flex-wrap: nowrap
    }

    ::-webkit-scrollbar {
        height: 3px
    }
}

.Students_statisticsCardCards__1eeJ6 {
    margin: auto;
    width: 785px;
    display: flex;
    flex-wrap: wrap
}

.Students_statisticsCardCards__1eeJ6>div:first-child {
    background: linear-gradient(180deg,#0063ff,#0032ba)
}

.Students_statisticsCardCards__1eeJ6>div:nth-child(2) {
    background: linear-gradient(180deg,#0063ff,#0d36a6)
}

.Students_statisticsCardCards__1eeJ6:nth-child(3) {
    background: linear-gradient(180deg,#0063ff,#0032ba)
}

.Students_statisticsCardCards__1eeJ6:nth-child(4) {
    background: linear-gradient(180deg,#0060f8,#0032ba)
}

.Students_statisticsCardCards__1eeJ6:nth-child(5) {
    background: linear-gradient(180deg,#0063ff,#0d36a6)
}

.Students_statisticsCardCards__1eeJ6:nth-child(6) {
    background: linear-gradient(180deg,#0063ff,#0032ba)
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Students_statisticsCardCards__1eeJ6 {
        width:100vw;
        overflow: scroll;
        flex-wrap: nowrap
    }

    ::-webkit-scrollbar {
        height: 3px
    }
}

.Teachers_statisticsCardCards__2pY2y {
    margin: auto;
    width: 785px;
    display: flex;
    flex-wrap: wrap
}

.Teachers_statisticsCardCards__2pY2y>div:first-child {
    background: linear-gradient(180deg,#0063ff,#0032ba)
}

.Teachers_statisticsCardCards__2pY2y>div:nth-child(2) {
    background: linear-gradient(180deg,#0063ff,#0d36a6)
}

.Teachers_statisticsCardCards__2pY2y:nth-child(3) {
    background: linear-gradient(180deg,#0063ff,#0032ba)
}

.Teachers_statisticsCardCards__2pY2y:nth-child(4) {
    background: linear-gradient(180deg,#0060f8,#0032ba)
}

.Teachers_statisticsCardCards__2pY2y:nth-child(5) {
    background: linear-gradient(180deg,#0063ff,#0d36a6)
}

.Teachers_statisticsCardCards__2pY2y:nth-child(6) {
    background: linear-gradient(180deg,#0063ff,#0032ba)
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Teachers_statisticsCardCards__2pY2y {
        width:100vw;
        overflow: scroll;
        flex-wrap: nowrap
    }

    ::-webkit-scrollbar {
        height: 3px
    }
}

.Statistics_container__3EPPN {
    width: 241px;
    height: 140px;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    text-transform: uppercase;
    color: #fff;
    margin: 10px;
    padding: 8px;
    letter-spacing: .15px;
    background: linear-gradient(180deg,#0063ff,#0032ba)
}

.Statistics_container__3EPPN>section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.Statistics_container__3EPPN>section>p {
    color: #fff
}

.Statistics_container__3EPPN>section>p:first-child {
    font-size: 24px;
    line-height: 38px
}

.Statistics_container__3EPPN>section>p:nth-child(2) {
    font-size: 16px
}

.Statistics_container__3EPPN>div {
    display: flex;
    width: 190px;
    justify-content: space-between;
    font-size: 12px;
    align-items: center
}

.Statistics_container__3EPPN>div>p {
    color: #fff;
    font-size: 12px;
    font-family: "SFPro";
    font-weight: 400
}

.Statistics_container__3EPPN>div>p:nth-child(3) {
    font-weight: 700
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Statistics_container__3EPPN {
        margin:5px;
        padding: 20px;
        zoom:.8}
}

.StatisticsHeader_main__2eHMD {
    margin: 20px auto;
    display: flex;
    justify-content: center;
    align-items: center
}

.StatisticsHeader_main__2eHMD .StatisticsHeader_container__14JXJ {
    width: 780px;
    height: 100px;
    display: flex;
    border-radius: 100px;
    background: linear-gradient(93.61deg,#0063ff -.61%,#008aff 98.07%);
    justify-content: space-between;
    align-items: center;
    color: #fff
}

.StatisticsHeader_main__2eHMD .StatisticsHeader_container__14JXJ .StatisticsHeader_textCont__3rGGA>div {
    margin-left: 60px
}

.StatisticsHeader_main__2eHMD .StatisticsHeader_container__14JXJ .StatisticsHeader_textCont__3rGGA>div>p {
    color: #fff;
    font-weight: 400
}

.StatisticsHeader_main__2eHMD .StatisticsHeader_container__14JXJ .StatisticsHeader_textCont__3rGGA>div>p:first-letter {
    text-transform: uppercase
}

.StatisticsHeader_main__2eHMD .StatisticsHeader_container__14JXJ .StatisticsHeader_textCont__3rGGA>div>p:first-child {
    font-size: 24px;
    line-height: 38px;
    letter-spacing: .15px
}

.StatisticsHeader_main__2eHMD .StatisticsHeader_container__14JXJ .StatisticsHeader_circleCont__2w350 {
    overflow: hidden;
    border-radius: 0 50px 50px 0;
    height: 100px;
    display: flex
}

.StatisticsHeader_main__2eHMD .StatisticsHeader_container__14JXJ .StatisticsHeader_circleCont__2w350 .StatisticsHeader_bigCircle__3BKw3 {
    width: 250px;
    height: 250px;
    background: linear-gradient(133.55deg,hsla(0,0%,100%,.3) 25.11%,hsla(0,0%,100%,0) 97.32%);
    border-radius: 50%;
    margin-top: 50px;
    margin-right: -90px
}

.StatisticsHeader_main__2eHMD .StatisticsHeader_container__14JXJ .StatisticsHeader_circleCont__2w350 .StatisticsHeader_smallCircle__3iq0h {
    width: 120px;
    height: 120px;
    background: linear-gradient(133.55deg,hsla(0,0%,100%,.3) 25.11%,hsla(0,0%,100%,0) 97.32%);
    border-radius: 50%;
    margin-right: -50px;
    margin-top: 50px;
    -webkit-backdrop-filter: blur(1.5px);
    backdrop-filter: blur(1.5px)
}

.StatisticsHeader_main__2eHMD .StatisticsHeader_container__14JXJ .StatisticsHeader_imgCont__36wRe {
    position: relative;
    top: -110px
}

.StatisticsHeader_main__2eHMD .StatisticsHeader_container__14JXJ .StatisticsHeader_imgCont__36wRe>.StatisticsHeader_mainImg__2zpL8 {
    position: absolute;
    left: 15px;
    top: -10px
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .StatisticsHeader_main__2eHMD .StatisticsHeader_container__14JXJ {
        width:100vw;
        height: 80px;
        align-items: start
    }

    .StatisticsHeader_main__2eHMD .StatisticsHeader_container__14JXJ .StatisticsHeader_circleCont__2w350 {
        height: 80px
    }

    .StatisticsHeader_main__2eHMD .StatisticsHeader_container__14JXJ .StatisticsHeader_textCont__3rGGA {
        position: relative;
        margin-left: 30px;
        height: 100%
    }

    .StatisticsHeader_main__2eHMD .StatisticsHeader_container__14JXJ .StatisticsHeader_textCont__3rGGA>div {
        position: absolute;
        width: 160px;
        top: 0;
        margin-left: 0;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: start;
        flex-direction: column
    }

    .StatisticsHeader_main__2eHMD .StatisticsHeader_container__14JXJ .StatisticsHeader_textCont__3rGGA>div>p {
        color: #fff;
        font-weight: 400;
        font-size: 12px;
        padding: 2px 0
    }

    .StatisticsHeader_main__2eHMD .StatisticsHeader_container__14JXJ .StatisticsHeader_textCont__3rGGA>div>p:first-letter {
        text-transform: uppercase
    }

    .StatisticsHeader_main__2eHMD .StatisticsHeader_container__14JXJ .StatisticsHeader_textCont__3rGGA>div>p:first-child {
        font-size: 16px;
        line-height: 20px
    }

    .StatisticsHeader_main__2eHMD .StatisticsHeader_container__14JXJ .StatisticsHeader_imgCont__36wRe>.StatisticsHeader_mainImg__2zpL8 {
        position: absolute;
        right: 15px;
        width: 115px;
        top: 0;
        left: inherit
    }
}

.Totaly_statisticsCardCards__1E2Aq {
    margin: auto;
    width: 785px;
    display: flex;
    flex-wrap: wrap
}

.Totaly_statisticsCardCards__1E2Aq>div:first-child {
    background: linear-gradient(180deg,#0063ff,#0032ba)
}

.Totaly_statisticsCardCards__1E2Aq>div:nth-child(2) {
    background: linear-gradient(180deg,#0063ff,#0d36a6)
}

.Totaly_statisticsCardCards__1E2Aq:nth-child(3) {
    background: linear-gradient(180deg,#0063ff,#0032ba)
}

.Totaly_statisticsCardCards__1E2Aq:nth-child(4) {
    background: linear-gradient(180deg,#0060f8,#0032ba)
}

.Totaly_statisticsCardCards__1E2Aq:nth-child(5) {
    background: linear-gradient(180deg,#0063ff,#0d36a6)
}

.Totaly_statisticsCardCards__1E2Aq:nth-child(6) {
    background: linear-gradient(180deg,#0063ff,#0032ba)
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Totaly_statisticsCardCards__1E2Aq {
        width:100vw;
        overflow: scroll;
        flex-wrap: nowrap
    }

    ::-webkit-scrollbar {
        height: 3px
    }
}

.ChartsContainer_main__2UsUM {
    padding: 20px 30px 100px
}

@page {
    margin: 1cm 1cm 1cm -3cm
}

@media print {
    .ChartsContainer_main__2UsUM {
        zoom:.7;margin: 1cm 0 1cm -4cm
    }
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .ChartsContainer_main__2UsUM {
        padding:10px 15px
    }
}

.Totaly_main__2QftQ {
    padding: 40px 20px
}

.Totaly_main__2QftQ>div {
    width: 93%;
    height: 2000px
}

@media print {
    .Totaly_main__2QftQ {
        margin-left: 100px;
        position: absolute;
        top: -50px;
        zoom:.8}

    .Totaly_main__2QftQ div {
        position: absolute
    }

    .Totaly_main__2QftQ div canvas {
        position: absolute;
        top: 0
    }

    .Totaly_main__2QftQ div>div {
        position: relative;
        top: 2300px
    }
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Totaly_main__2QftQ {
        padding:0!important;
        width: 100vw;
        overflow: scroll
    }

    .Totaly_main__2QftQ>div {
        width: 450px;
        height: 750px;
        zoom:1.1}
}

.Teachers_chart__2078u>canvas {
    height: 500px;
    width: 1000px
}

@media print {
    .Teachers_main__2gZBu {
        zoom:.8;margin-left: 100px;
        position: absolute;
        top: -50px
    }

    .Teachers_main__2gZBu div {
        position: absolute
    }

    .Teachers_main__2gZBu div canvas {
        position: absolute;
        top: 0
    }

    .Teachers_main__2gZBu div>div {
        position: relative;
        top: 2300px
    }
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Teachers_main__2gZBu {
        width:100vw;
        overflow: scroll
    }

    .Teachers_main__2gZBu>div {
        zoom:1.1}
}

.Students_main__pQrTd {
    padding: 40px 20px
}

@media print {
    .Students_main__pQrTd {
        zoom:.8;margin-left: 100px;
        margin-top: -100px
    }

    .Students_main__pQrTd div {
        position: absolute
    }

    .Students_main__pQrTd div canvas {
        position: absolute;
        top: 0
    }

    .Students_main__pQrTd div>div {
        position: relative;
        top: 2300px
    }
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Students_main__pQrTd {
        padding:0;
        width: 100vw;
        overflow: scroll
    }

    .Students_main__pQrTd>div {
        zoom:1.1}
}

@media print {
    .School_main__1e8fj {
        zoom:.8;margin-left: 100px;
        position: absolute;
        top: -50px;
        padding: 40px 20px
    }

    .School_main__1e8fj div {
        position: absolute
    }

    .School_main__1e8fj div canvas {
        position: absolute;
        top: 0
    }

    .School_main__1e8fj div>div {
        position: relative;
        top: 2300px
    }

    .School_mainTwo__pRccK {
        margin-left: 120px;
        zoom:.9;padding: 40px 20px
    }
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .School_main__1e8fj {
        width:100vw;
        overflow: scroll
    }

    .School_main__1e8fj>div {
        zoom:1.1}

    .School_mainTwo__pRccK {
        width: 100vw;
        overflow: scroll;
        height: 550px
    }

    .School_mainTwo__pRccK>div {
        zoom:1.1}
}

.Parents_main__27AT9 {
    padding: 40px 20px;
    display: flex;
    justify-content: center
}

@media print {
    .Parents_main__27AT9 {
        zoom:.8}

    .Parents_main__27AT9 div {
        position: absolute
    }

    .Parents_main__27AT9 div canvas {
        position: absolute;
        top: 0
    }

    .Parents_main__27AT9 div>div {
        position: relative;
        top: 2300px
    }
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Parents_main__27AT9 {
        padding:0;
        width: 100vw;
        overflow: scroll
    }

    .Parents_main__27AT9>div {
        zoom:1.1}

    .Parents_main__27AT9 .Parents_alwaysChart__2CCGl {
        width: 100vw;
        overflow: scroll;
        height: 400px!important
    }
}

.SelectorsContainer_main__1hVqZ {
    margin: 20px
}

.SelectorsContainer_main__1hVqZ .SelectorsContainer_selectorsContainer__16AIU {
    display: flex;
    width: 780px;
    margin: auto;
    justify-content: flex-end
}

.SelectorsContainer_main__1hVqZ .SelectorsContainer_selectorsContainer__16AIU>div {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
    gap: 30px
}

.SelectorsContainer_main__1hVqZ .SelectorsContainer_selectorsContainer__16AIU .SelectorsContainer_staffSelect__3WzX3>div {
    border-color: transparent;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 20px
}

.SelectorsContainer_main__1hVqZ .SelectorsContainer_selectorsContainer__16AIU .SelectorsContainer_staffSelect__3WzX3>div p {
    text-align: center
}

@media (max-width: 768px) and (min-width:320px) {
    .SelectorsContainer_main__1hVqZ .SelectorsContainer_selectorsContainer__16AIU {
        width:inherit
    }

    .SelectorsContainer_main__1hVqZ .SelectorsContainer_selectorsContainer__16AIU>div {
        grid-template-columns: 1fr 1fr!important;
        grid-gap: 20px;
        gap: 20px;
        width: 100%
    }
}

.StatisticsContent_main__3Li9Z {
    height: 100%
}

.StatisticsContent_main__3Li9Z .StatisticsContent_cards__choni {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.StatisticsContent_main__3Li9Z .StatisticsContent_cards__choni>section {
    display: flex;
    justify-content: center
}

.StatisticsContent_main__3Li9Z .StatisticsContent_cards__choni>section>div {
    position: relative;
    left: 495px
}

.StatisticsContent_main__3Li9Z .StatisticsContent_cards__choni>section>div:first-child {
    width: 240px;
    margin: 20px
}

.StatisticsContent_main__3Li9Z .StatisticsContent_cards__choni>section>div:first-child>div {
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border: none
}

.StatisticsContent_main__3Li9Z .StatisticsContent_cards__choni>section>div:nth-child(2) {
    margin-right: 0;
    margin-left: 50px;
    top: 0
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .StatisticsContent_main__3Li9Z .StatisticsContent_cards__choni>section {
        justify-content:start;
        padding: 0 20px
    }

    .StatisticsContent_main__3Li9Z .StatisticsContent_cards__choni>section>div {
        left: 0
    }

    .StatisticsContent_main__3Li9Z .StatisticsContent_cards__choni>section>div:first-child {
        margin: 0;
        width: 210px
    }

    .StatisticsContent_main__3Li9Z .StatisticsContent_cards__choni>section .StatisticsContent_staffSelect__3Z0rm>div {
        border-radius: 20px
    }
}

.Statistics_main__yiraq {
    display: grid;
    width: 100%;
    grid-template-columns: 290px 1fr 290px
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .Statistics_mobiMain__1wzVu {
        display:flex;
        flex-direction: column
    }

    .Statistics_mobiMain__1wzVu .Statistics_printCont__3oQvU {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px 20px 0
    }

    .Statistics_mobiMain__1wzVu .Statistics_printCont__3oQvU>h3 {
        font-size: 12px;
        color: #2979ff;
        font-weight: 400;
        text-transform: uppercase
    }

    .Statistics_mobiMain__1wzVu .Statistics_mainSelectorCont__r37xc {
        padding: 0 20px
    }

    .Statistics_mobiMain__1wzVu .Statistics_mainSelectorCont__r37xc>span {
        margin: 10px 0
    }
}

.ControlPage_main__3kVsk {
    width: 95%;
    margin: 20px auto;
    max-width: 1500px
}

.ControlPage_main__3kVsk>header {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: start;
    grid-column-gap: 10px;
    column-gap: 10px;
    margin-left: -190px
}

.ControlPage_main__3kVsk .ControlPage_container__2qUWE {
    max-width: 1200px;
    margin: 0 auto;
    display: block;
    padding: 30px
}

.ControlPage_main__3kVsk .ControlPage_container__2qUWE>.ControlPage_navbar__3W-r_ {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.ControlPage_main__3kVsk .ControlPage_container__2qUWE .ControlPage_table__22vL8>header {
    grid-template-columns: 7% 30% 21% 21% 21% auto
}

.ControlPage_main__3kVsk .ControlPage_container__2qUWE .ControlPage_tableList__2DHw0 {
    height: 520px;
    overflow: auto
}

.ControlPage_main__3kVsk .ControlPage_container__2qUWE .ControlPage_tableList__2DHw0>div>div {
    display: grid;
    grid-template-columns: 7% 30% 21% 21% 21% auto;
    border-bottom: 1px solid #e2e2e2
}

.ControlPage_main__3kVsk .ControlPage_container__2qUWE .ControlPage_tableList__2DHw0>div>div>p {
    padding: 10px 20px;
    width: 100%
}

.SearchPage_main__1_PJj {
    width: 95%;
    margin: 20px auto;
    max-width: 1500px
}

.SearchPage_main__1_PJj>header {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: start;
    grid-column-gap: 10px;
    column-gap: 10px;
    margin-left: -190px
}

.SearchPage_main__1_PJj .SearchPage_table__2YkR9>header {
    grid-template-columns: 6% 13% 13% 13% 13% 13% 16% 13%
}

.SearchPage_main__1_PJj .SearchPage_tableList__FdA_D {
    height: 520px;
    overflow: auto
}

.SearchPage_main__1_PJj .SearchPage_tableList__FdA_D>div>div {
    display: grid;
    grid-template-columns: 6% 13% 13% 13% 13% 13% 16% 13%;
    border-bottom: 1px solid #e2e2e2
}

.SearchPage_main__1_PJj .SearchPage_tableList__FdA_D>div>div>p {
    padding: 10px 20px;
    width: 100%
}

.Classes_main__3-not {
    width: 1100px;
    margin: auto
}

.Classes_main__3-not .Classes_container__l2GMM {
    display: flex
}

.Classes_main__3-not .Classes_container__l2GMM div:nth-child(2) {
    top: -30px
}

.Classes_main__3-not .Classes_printContainer__3utzo div {
    top: -20px;
    left: -10px
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Classes_main__3-not {
        width:100vw;
        padding-left: 0
    }

    .Classes_main__3-not .Classes_container__l2GMM {
        position: relative
    }

    .Classes_main__3-not .Classes_container__l2GMM>div:nth-child(2) {
        top: -115px;
        position: absolute;
        width: 100%;
        right: 20px;
        left: inherit
    }
}

.ClassesChange_mainContainer__3xUj4>div:nth-child(2)>div {
    height: 700px
}

.ClassesChange_mainContainer__3xUj4 .ClassesChange_main__3nOip {
    height: 100%;
    margin-bottom: 30px
}

.ClassesChange_mainContainer__3xUj4 .ClassesChange_main__3nOip .ClassesChange_classesSelect__1L7Nd {
    width: 190px;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 915px
}

.ClassesChange_mainContainer__3xUj4 .ClassesChange_main__3nOip .ClassesChange_classesSelect__1L7Nd>div {
    width: 190px;
    border-color: transparent;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 25px
}

.ClassesChange_mainContainer__3xUj4 .ClassesChange_main__3nOip .ClassesChange_classesSelect__1L7Nd>div p {
    text-align: center
}

.ClassesChange_mainContainer__3xUj4 .ClassesChange_main__3nOip .ClassesChange_table__3c2pe>header {
    grid-template-columns: 88px 80px 280px 105px 165px 200px 150px
}

.ClassesChange_mainContainer__3xUj4 .ClassesChange_main__3nOip .ClassesChange_tableList__3EBJo {
    height: 420px;
    overflow-y: auto
}

.ClassesChange_mainContainer__3xUj4 .ClassesChange_main__3nOip .ClassesChange_tableList__3EBJo>div>div {
    display: grid;
    grid-template-columns: 88px 80px 280px 105px 165px 200px 150px;
    border-bottom: 1px solid #e2e2e2
}

.ClassesChange_mainContainer__3xUj4 .ClassesChange_main__3nOip .ClassesChange_tableList__3EBJo>div>div:hover {
    background: #e3f2fd;
    border-bottom: 1px solid #2962ff;
    cursor: pointer
}

.ClassesChange_mainContainer__3xUj4 .ClassesChange_main__3nOip .ClassesChange_tableList__3EBJo>div>div:hover>p,.ClassesChange_mainContainer__3xUj4 .ClassesChange_main__3nOip .ClassesChange_tableList__3EBJo>div>div:hover>p:first-child {
    color: #2962ff
}

.ClassesChange_mainContainer__3xUj4 .ClassesChange_main__3nOip .ClassesChange_tableList__3EBJo>div>div:hover>span>button:first-child>svg>path {
    fill: #2962ff
}

.ClassesChange_mainContainer__3xUj4 .ClassesChange_main__3nOip .ClassesChange_tableList__3EBJo>div>div:hover>span>button:last-child>svg {
    stroke: #2962ff
}

.ClassesChange_mainContainer__3xUj4 .ClassesChange_main__3nOip .ClassesChange_tableList__3EBJo>div>div>p {
    padding: 10px 10px 10px 20px;
    pointer-events: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ClassesChange_mainContainer__3xUj4 .ClassesChange_main__3nOip .ClassesChange_tableList__3EBJo>div>div>span {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0 15px
}

.ClassesChange_mainContainer__3xUj4 .ClassesChange_main__3nOip .ClassesChange_tableList__3EBJo>div>div>span>button {
    border: none;
    display: inline-block;
    background: transparent;
    cursor: pointer
}

.ClassesChange_mainContainer__3xUj4 .ClassesChange_main__3nOip .ClassesChange_tableList__3EBJo>div>div>span>button>svg {
    font-size: 22px
}

.ClassesChange_mainContainer__3xUj4 .ClassesChange_main__3nOip .ClassesChange_tableList__3EBJo>div>div>span>button>svg circle,.ClassesChange_mainContainer__3xUj4 .ClassesChange_main__3nOip .ClassesChange_tableList__3EBJo>div>div>span>button>svg path {
    color: #999
}

@media print {
    .ClassesChange_mainContainer__3xUj4 .ClassesChange_main__3nOip {
        margin-left: 30px
    }

    .ClassesChange_mainContainer__3xUj4 .ClassesChange_main__3nOip .ClassesChange_tableList__3EBJo {
        height: inherit!important
    }
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .ClassesChange_mainContainer__3xUj4 .ClassesChange_main__3nOip .ClassesChange_classesSelect__1L7Nd {
        margin-left:inherit
    }

    .ClassesChange_mainContainer__3xUj4 .ClassesChange_main__3nOip .ClassesChange_table__3c2pe .ClassesChange_tableListMobi__28pRr {
        height: 600px;
        overflow: scroll
    }

    .ClassesChange_mainContainer__3xUj4 .ClassesChange_main__3nOip .ClassesChange_table__3c2pe .ClassesChange_tableListMobi__28pRr div {
        width: 100%;
        overflow: scroll
    }

    .ClassesChange_mainContainer__3xUj4 .ClassesChange_main__3nOip .ClassesChange_table__3c2pe .ClassesChange_tableListMobi__28pRr div>.ClassesChange_rowOne__eWVOY {
        display: grid;
        grid-template-columns: 15vw 15vw 40vw 28vw;
        height: 30px
    }

    .ClassesChange_mainContainer__3xUj4 .ClassesChange_main__3nOip .ClassesChange_table__3c2pe .ClassesChange_tableListMobi__28pRr div>.ClassesChange_rowOne__eWVOY p,.ClassesChange_mainContainer__3xUj4 .ClassesChange_main__3nOip .ClassesChange_table__3c2pe .ClassesChange_tableListMobi__28pRr div>.ClassesChange_rowOne__eWVOY span {
        font-size: 12px;
        padding-left: 10px;
        display: flex;
        align-items: center;
        border-left: 1px solid #fff
    }

    .ClassesChange_mainContainer__3xUj4 .ClassesChange_main__3nOip .ClassesChange_table__3c2pe .ClassesChange_tableListMobi__28pRr div>.ClassesChange_rowOne__eWVOY:first-child {
        background: #e3f2fd
    }

    .ClassesChange_mainContainer__3xUj4 .ClassesChange_main__3nOip .ClassesChange_table__3c2pe .ClassesChange_tableListMobi__28pRr div>.ClassesChange_rowTwo__1aSqb {
        display: grid;
        grid-template-columns: 1fr 1fr
    }

    .ClassesChange_mainContainer__3xUj4 .ClassesChange_main__3nOip .ClassesChange_table__3c2pe .ClassesChange_tableListMobi__28pRr div>.ClassesChange_rowTwo__1aSqb p,.ClassesChange_mainContainer__3xUj4 .ClassesChange_main__3nOip .ClassesChange_table__3c2pe .ClassesChange_tableListMobi__28pRr div>.ClassesChange_rowTwo__1aSqb span {
        font-size: 12px;
        padding-left: 10px;
        display: flex;
        align-items: center;
        border-left: 1px solid #fff;
        height: 30px
    }

    .ClassesChange_mainContainer__3xUj4 .ClassesChange_main__3nOip .ClassesChange_table__3c2pe .ClassesChange_tableListMobi__28pRr div>header.ClassesChange_rowTwo__1aSqb {
        background: #e2e2e2;
        height: 30px
    }

    .ClassesChange_mainContainer__3xUj4 .ClassesChange_main__3nOip .ClassesChange_table__3c2pe .ClassesChange_tableListMobi__28pRr div>.ClassesChange_rowThree__1GvjL {
        display: grid;
        grid-template-columns: 1fr
    }

    .ClassesChange_mainContainer__3xUj4 .ClassesChange_main__3nOip .ClassesChange_table__3c2pe .ClassesChange_tableListMobi__28pRr div>.ClassesChange_rowThree__1GvjL>span {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0 15px;
        height: 30px;
        font-size: 12px
    }

    .ClassesChange_mainContainer__3xUj4 .ClassesChange_main__3nOip .ClassesChange_table__3c2pe .ClassesChange_tableListMobi__28pRr div>.ClassesChange_rowThree__1GvjL>span>button {
        border: none;
        display: inline-block;
        background: transparent;
        cursor: pointer
    }

    .ClassesChange_mainContainer__3xUj4 .ClassesChange_main__3nOip .ClassesChange_table__3c2pe .ClassesChange_tableListMobi__28pRr div>.ClassesChange_rowThree__1GvjL>span>button>svg {
        font-size: 20px
    }

    .ClassesChange_mainContainer__3xUj4 .ClassesChange_main__3nOip .ClassesChange_table__3c2pe .ClassesChange_tableListMobi__28pRr div>.ClassesChange_rowThree__1GvjL>span>button>svg circle,.ClassesChange_mainContainer__3xUj4 .ClassesChange_main__3nOip .ClassesChange_table__3c2pe .ClassesChange_tableListMobi__28pRr div>.ClassesChange_rowThree__1GvjL>span>button>svg path {
        color: #999
    }

    .ClassesChange_mainContainer__3xUj4 .ClassesChange_main__3nOip .ClassesChange_table__3c2pe .ClassesChange_tableListMobi__28pRr div>.ClassesChange_rowThree__1GvjL>span>button:not(:first-child) {
        padding-left: 20px
    }

    .ClassesChange_mainContainer__3xUj4 .ClassesChange_main__3nOip .ClassesChange_table__3c2pe .ClassesChange_tableListMobi__28pRr div>header.ClassesChange_rowThree__1GvjL {
        background: #e2e2e2;
        height: 30px
    }
}

.Curriculum_main__2AB1N {
    padding: 10px;
    position: relative
}

.Curriculum_main__2AB1N>h1 {
    font-size: 22px;
    color: #2979ff!important
}

.Curriculum_main__2AB1N>header {
    margin: 25px 10px;
    display: grid;
    grid-template-columns: repeat(3,364px);
    grid-gap: 30px
}

.Curriculum_main__2AB1N>header>p {
    margin-left: 15px
}

.Curriculum_main__2AB1N>main>span {
    margin-top: 30px;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 30px
}

.Curriculum_main__2AB1N>main>span>div {
    height: 40px;
    border-radius: 5px;
    position: relative;
    background-color: #e7edf1;
    overflow: hidden
}

.Curriculum_main__2AB1N>main>span>div:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: Curriculum_loading__2AfLS 1.5s infinite
}

@keyframes Curriculum_loading__2AfLS {
    to {
        transform: translateX(100%)
    }
}

.Curriculum_main__2AB1N>main>div {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 500px
}

.Curriculum_main__2AB1N>main>div:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.Curriculum_main__2AB1N>main>div>div {
    display: grid;
    grid-template-columns: repeat(3,364px);
    grid-gap: 30px;
    margin-top: 30px
}

.Curriculum_main__2AB1N>main>div>div>i {
    border-radius: 5px;
    border: 1px solid #c4c4c4;
    cursor: pointer;
    padding: 5px 19px;
    display: grid;
    align-items: center
}

.Curriculum_main__2AB1N>main>div>div:first-child {
    margin-top: 0
}

.Curriculum_main__2AB1N>main>div>div>span {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.Curriculum_main__2AB1N>main>div>div>span>span {
    display: flex;
    align-items: center
}

.Curriculum_main__2AB1N>main>div>div>span>span:first-child {
    grid-gap: 20px
}

.Curriculum_main__2AB1N>main>div>div>span>span:first-child>input {
    transform: scale(1.2)
}

.Curriculum_main__2AB1N>main>div>div>span>span:nth-child(2) {
    grid-gap: 30px
}

.Curriculum_main__2AB1N>main>div>div>span>span:nth-child(2)>i svg {
    font-size: 22px
}

.Curriculum_main__2AB1N>main>div>div>span>span:nth-child(2)>i svg>circle,.Curriculum_main__2AB1N>main>div>div>span>span:nth-child(2)>i svg>line,.Curriculum_main__2AB1N>main>div>div>span>span:nth-child(2)>i svg>path {
    color: #2979ff
}

.Curriculum_main__2AB1N>footer {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px
}

.Curriculum_main__2AB1N>footer span {
    display: flex;
    align-items: center;
    grid-gap: 30px
}

.Curriculum_main__2AB1N>footer span>button {
    width: 160px
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Curriculum_main__2AB1N * {
        font-size:12px!important
    }

    .Curriculum_main__2AB1N>header {
        display: none
    }

    .Curriculum_main__2AB1N>main>div {
        height: 550px;
        margin: 20px 0
    }

    .Curriculum_main__2AB1N>main>div>div {
        display: flex;
        flex-direction: column;
        grid-gap: 10px;
        margin-top: 10px
    }

    .Curriculum_main__2AB1N>main>div>div>section>p {
        padding: 10px 20px;
        color: grey
    }

    .Curriculum_main__2AB1N>main>div>div>section>div>div {
        border-radius: 20px
    }

    .Curriculum_main__2AB1N>main>div>div>span {
        justify-content: flex-start;
        padding: 3px
    }
}

.CreateClass_main__3M6cJ {
    width: 826px;
    position: relative;
    z-index: 1
}

.CreateClass_main__3M6cJ:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.CreateClass_main__3M6cJ>header {
    margin-top: 40px
}

.CreateClass_main__3M6cJ>header .CreateClass_orderNum__NNSM6 {
    display: flex;
    flex-direction: column
}

.CreateClass_main__3M6cJ>header .CreateClass_orderNum__NNSM6>p {
    width: 200px
}

.CreateClass_main__3M6cJ>header .CreateClass_orderNum__NNSM6>section {
    display: flex
}

.CreateClass_main__3M6cJ>header .CreateClass_orderNum__NNSM6>section>div {
    width: 50px;
    height: 40px;
    border-radius: 20px 0 0 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(0,0,0,.23);
    border-right: none
}

.CreateClass_main__3M6cJ>header .CreateClass_orderNum__NNSM6>section>input {
    width: 150px;
    height: 40px;
    border: 1px solid rgba(0,0,0,.23);
    border-radius: 0 20px 20px 0
}

.CreateClass_main__3M6cJ>header>div {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-gap: 40px
}

.CreateClass_main__3M6cJ>header>div>div:nth-child(3) {
    grid-column: 3/5;
    grid-row: 1
}

.CreateClass_main__3M6cJ>header>div>div:nth-child(4) {
    grid-column: 5/-1;
    grid-row: 1
}

.CreateClass_main__3M6cJ>header>div>div:nth-child(5) {
    grid-column: 1/3;
    grid-row: 2
}

.CreateClass_main__3M6cJ>header>div>div:nth-child(6) {
    grid-column: 3/5;
    grid-row: 2
}

.CreateClass_main__3M6cJ>header>div>div:nth-child(7) {
    grid-column: 5/-1;
    grid-row: 2
}

.CreateClass_main__3M6cJ>header>span {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-gap: 40px
}

.CreateClass_main__3M6cJ>header>span>div {
    display: block;
    height: 40px;
    position: relative;
    background-color: #e7edf1;
    overflow: hidden;
    border-radius: 5px
}

.CreateClass_main__3M6cJ>header>span>div:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);
    animation: CreateClass_loading__dE-u8 1.5s infinite
}

@keyframes CreateClass_loading__dE-u8 {
    to {
        transform: translateX(100%)
    }
}

.CreateClass_main__3M6cJ>header>span>div:nth-child(3) {
    grid-column: 3/5;
    grid-row: 1
}

.CreateClass_main__3M6cJ>header>span>div:nth-child(4) {
    grid-column: 5/-1;
    grid-row: 1
}

.CreateClass_main__3M6cJ>header>span>div:nth-child(5) {
    grid-column: 1/3;
    grid-row: 2
}

.CreateClass_main__3M6cJ>header>span>div:nth-child(6) {
    grid-column: 3/5;
    grid-row: 2
}

.CreateClass_main__3M6cJ>header>span>div:nth-child(7) {
    grid-column: 5/-1;
    grid-row: 2
}

.CreateClass_main__3M6cJ>main {
    margin-top: 84px;
    padding-bottom: 35px;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 30px
}

.CreateClass_main__3M6cJ>main>div {
    display: flex
}

.CreateClass_main__3M6cJ>main>div>span {
    display: flex;
    align-items: center;
    grid-gap: 15px
}

.CreateClass_main__3M6cJ>main>div>span>input {
    margin-top: -3px;
    transform: scale(1.2);
    cursor: pointer
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .CreateClass_main__3M6cJ {
        width:100%
    }

    .CreateClass_main__3M6cJ>header {
        margin-top: 0
    }

    .CreateClass_main__3M6cJ>header .CreateClass_orderNum__NNSM6>section>div {
        font-size: 14px;
        padding: 10px
    }

    .CreateClass_main__3M6cJ>main {
        margin-top: 15px;
        font-size: 12px;
        grid-gap: 20px
    }
}

.SubGroup_main__2tBfl {
    width: 826px;
    height: 400.5px
}

.SubGroup_main__2tBfl>p {
    padding-top: 30px
}

.SubGroup_main__2tBfl .SubGroup_table__1a6XE {
    margin-top: 30px
}

.SubGroup_main__2tBfl .SubGroup_table__1a6XE>header {
    grid-template-columns: 60px repeat(3,150px) 1fr
}

.SubGroup_main__2tBfl .SubGroup_tableList__3M_8y {
    height: 330px;
    overflow: auto
}

.SubGroup_main__2tBfl .SubGroup_tableList__3M_8y>div:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.SubGroup_main__2tBfl .SubGroup_tableList__3M_8y>div>div {
    display: grid;
    grid-template-columns: 60px repeat(3,150px) 1fr;
    border-bottom: 1px solid #e2e2e2
}

.SubGroup_main__2tBfl .SubGroup_tableList__3M_8y>div>div:hover {
    background: hsla(0,0%,97.3%,.61);
    cursor: pointer
}

.SubGroup_main__2tBfl .SubGroup_tableList__3M_8y>div>div>p {
    padding: 20px;
    pointer-events: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.SubGroup_main__2tBfl .SubGroup_tableList__3M_8y>div>div>span {
    padding: 10px 10px 10px 20px;
    display: block
}

.SubGroup_main__2tBfl .SubGroup_tableList__3M_8y>div>div>span>div>div {
    border-color: transparent;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 25px
}

.SubGroup_main__2tBfl .SubGroup_tableList__3M_8y>div>div>span>div>div p {
    text-align: center
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .SubGroup_main__2tBfl {
        width:100%;
        padding-top: 10px;
        font-size: 12px
    }

    .SubGroup_main__2tBfl>p {
        padding-top: 10px
    }

    .SubGroup_main__2tBfl .SubGroup_table__1a6XE {
        margin-top: 10px
    }

    .SubGroup_main__2tBfl .SubGroup_table__1a6XE>header {
        display: none
    }

    .SubGroup_main__2tBfl .SubGroup_tableList__3M_8y {
        height: 460px
    }

    .SubGroup_main__2tBfl .SubGroup_tableList__3M_8y>div>div {
        grid-template-columns: 50px 1fr 1fr;
        font-size: 12px
    }

    .SubGroup_main__2tBfl .SubGroup_tableList__3M_8y>div>div>p {
        padding: 10px;
        display: flex;
        justify-content: start;
        align-items: center
    }

    .SubGroup_main__2tBfl .SubGroup_tableList__3M_8y>div>div>span {
        padding: 10px 0
    }
}

.Empty_main__3HONx {
    width: 826px;
    height: 400.5px;
    display: flex;
    align-items: center;
    justify-content: center
}

.Empty_main__3HONx>div {
    text-align: center
}

.Empty_main__3HONx>div>h1 {
    font-size: 28px;
    color: #2979ff
}

.Empty_main__3HONx>div>p {
    margin-top: 27px;
    font-size: 20px;
    color: rgba(0,0,0,.5019607843137255)
}

.Form_main__N5xdx {
    padding: 15px 20px
}

.Form_main__N5xdx .Form_title__3PWP9>h1 {
    color: #2962ff;
    font-size: 22px
}

.Form_main__N5xdx .Form_links__3bUAm {
    margin-top: 30px
}

.Form_main__N5xdx>div:last-child {
    position: relative
}

.Form_main__N5xdx>div:last-child>div>header {
    font-size: 16px
}

.Form_main__N5xdx>div:last-child>div>header>div {
    grid-template-columns: repeat(5,1fr)
}

.Form_main__N5xdx>div:last-child>div>header>div>div p {
    font-size: 16px;
    padding: 5px 10px 5px 20px
}

.Form_main__N5xdx>div:last-child>div>header>div>div:nth-child(3) {
    grid-column: 3/5
}

.Form_main__N5xdx>div:last-child>div>header>div>div:nth-child(4) {
    grid-column: 5/-1
}

.Form_main__N5xdx>div:last-child>div>header>div>div:nth-child(5) {
    grid-column: 1/3
}

.Form_main__N5xdx>div:last-child>div>header>div>div:nth-child(6) {
    grid-column: 3/5
}

.Form_main__N5xdx>div:last-child>div>header>div>div:nth-child(7) {
    grid-column: 5/-1
}

.Form_main__N5xdx>div:last-child>div>header>div>div:nth-child(8) {
    grid-column: 1/-2
}

.Form_main__N5xdx>div:last-child>div>header>div>div>div>div>div {
    border-radius: 25px
}

.Form_main__N5xdx>div:last-child>div>header>div>div>div>div>div>div:first-child {
    padding-left: 20px
}

.Form_main__N5xdx>div:last-child>div>header>div>div>div>div>div:nth-child(2)>div span {
    margin: 0
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Form_main__N5xdx .Form_title__3PWP9>h1 {
        font-size:12px
    }

    .Form_main__N5xdx .Form_links__3bUAm {
        margin-top: 10px
    }

    .Form_main__N5xdx>div:last-child>div>header>div {
        grid-template-columns: repeat(6,1fr);
        width: 100%;
        grid-gap: 10px
    }

    .Form_main__N5xdx>div:last-child>div>header>div>div p {
        font-size: 14px
    }

    .Form_main__N5xdx>div:last-child>div>header>div>div:first-child,.Form_main__N5xdx>div:last-child>div>header>div>div:nth-child(2) {
        grid-row: 1;
        grid-column: auto/span 2
    }

    .Form_main__N5xdx>div:last-child>div>header>div>div:nth-child(3),.Form_main__N5xdx>div:last-child>div>header>div>div:nth-child(4) {
        grid-row: 2;
        grid-column: auto/span 3
    }

    .Form_main__N5xdx>div:last-child>div>header>div>div:nth-child(5),.Form_main__N5xdx>div:last-child>div>header>div>div:nth-child(6) {
        grid-row: 3;
        grid-column: auto/span 3
    }

    .Form_main__N5xdx>div:last-child>div>header>div>div:nth-child(7) {
        grid-row: 4;
        grid-column: auto/span 3
    }

    .Form_main__N5xdx>div:last-child>div>header>div>div:nth-child(8) {
        grid-row: 5;
        grid-column: auto/span 6
    }

    .Form_main__N5xdx>div:last-child>div>header>div>div:nth-child(9) {
        grid-row: 6;
        grid-column: auto/span 3
    }
}

.ClassesArchive_students__16wED .ClassesArchive_main__PZoPz>header {
    display: grid;
    grid-template-columns: 40px repeat(3,170px) 85px 140px 140px 1fr;
    font-size: 16px
}

.ClassesArchive_students__16wED .ClassesArchive_main__PZoPz>header>span:first-child {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0
}

.ClassesArchive_students__16wED .ClassesArchive_main__PZoPz>header>span:nth-child(4) {
    padding-left: 20px;
    border-left: 1px solid #fff;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 170px;
    display: inline-block;
    padding-top: 10px
}

.ClassesArchive_students__16wED .ClassesArchive_main__PZoPz>header>span:last-child {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0
}

.ClassesArchive_students__16wED .ClassesArchive_main__PZoPz main>span {
    display: grid;
    grid-template-columns: 40px repeat(3,170px) 85px 140px 140px 1fr
}

.ClassesArchive_students__16wED .ClassesArchive_main__PZoPz main>span:hover {
    border-bottom: 1px solid #2962ff;
    background: hsla(0,0%,97.3%,.61);
    cursor: pointer
}

.ClassesArchive_students__16wED .ClassesArchive_main__PZoPz main>span:hover p,.ClassesArchive_students__16wED .ClassesArchive_main__PZoPz main>span:hover p span,.ClassesArchive_students__16wED .ClassesArchive_main__PZoPz main>span:hover span,.ClassesArchive_students__16wED .ClassesArchive_main__PZoPz main>span:hover span span {
    color: #2962ff
}

.ClassesArchive_students__16wED .ClassesArchive_main__PZoPz main>span:hover>p>button>svg {
    fill: #2962ff
}

.ClassesArchive_students__16wED .ClassesArchive_main__PZoPz main>span>p {
    padding: 10px 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 1px solid #e2e2e2
}

.ClassesArchive_students__16wED .ClassesArchive_main__PZoPz main>span>p:last-child {
    display: flex;
    align-items: center;
    justify-content: center
}

.ClassesArchive_students__16wED .ClassesArchive_main__PZoPz main>span>p:last-child>button {
    border: none;
    margin: 0 7px;
    background: none
}

.ClassesArchive_classes__39NWA .ClassesArchive_main__PZoPz>header {
    display: grid;
    grid-template-columns: 90px 280px 170px 170px 150px 160px;
    font-size: 16px
}

.ClassesArchive_classes__39NWA .ClassesArchive_main__PZoPz>header>span:nth-child(4) {
    padding-left: 20px;
    border-left: 1px solid #fff;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 170px;
    display: inline-block;
    padding-top: 10px
}

.ClassesArchive_classes__39NWA .ClassesArchive_main__PZoPz>header>span:last-child {
    justify-content: start;
    padding-left: 20px
}

.ClassesArchive_classes__39NWA .ClassesArchive_main__PZoPz main>span {
    display: grid;
    grid-template-columns: 90px 280px 170px 170px 150px 160px
}

.ClassesArchive_classes__39NWA .ClassesArchive_main__PZoPz main>span:hover {
    border-bottom: 1px solid #2962ff;
    background: hsla(0,0%,97.3%,.61);
    cursor: pointer
}

.ClassesArchive_classes__39NWA .ClassesArchive_main__PZoPz main>span:hover p,.ClassesArchive_classes__39NWA .ClassesArchive_main__PZoPz main>span:hover p span,.ClassesArchive_classes__39NWA .ClassesArchive_main__PZoPz main>span:hover span,.ClassesArchive_classes__39NWA .ClassesArchive_main__PZoPz main>span:hover span span {
    color: #2962ff
}

.ClassesArchive_classes__39NWA .ClassesArchive_main__PZoPz main>span:hover>p>button>svg {
    fill: #2962ff
}

.ClassesArchive_classes__39NWA .ClassesArchive_main__PZoPz main>span>p {
    padding: 10px 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 1px solid #e2e2e2
}

.ClassesArchive_classes__39NWA .ClassesArchive_main__PZoPz main>span>p:last-child {
    display: flex;
    align-items: center;
    justify-content: center
}

.ClassesArchive_classes__39NWA .ClassesArchive_main__PZoPz main>span>p:last-child>button {
    border: none;
    margin: 0 7px;
    background: none
}

.ClassesArchive_modal__1KFDN {
    z-index: 999
}

.ClassesArchive_modal__1KFDN>div {
    padding: 0
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .ClassesArchive_students__16wED .ClassesArchive_main__PZoPz .ClassesArchive_tableListMobi__33Bwv {
        height:600px;
        overflow: scroll
    }

    .ClassesArchive_students__16wED .ClassesArchive_main__PZoPz .ClassesArchive_tableListMobi__33Bwv div {
        width: 100%;
        overflow: scroll
    }

    .ClassesArchive_students__16wED .ClassesArchive_main__PZoPz .ClassesArchive_tableListMobi__33Bwv div>.ClassesArchive_rowOne__1pFFW {
        display: grid;
        grid-template-columns: .3fr 1.3fr .7fr;
        height: 30px
    }

    .ClassesArchive_students__16wED .ClassesArchive_main__PZoPz .ClassesArchive_tableListMobi__33Bwv div>.ClassesArchive_rowOne__1pFFW p,.ClassesArchive_students__16wED .ClassesArchive_main__PZoPz .ClassesArchive_tableListMobi__33Bwv div>.ClassesArchive_rowOne__1pFFW span {
        font-size: 12px;
        padding-left: 10px;
        display: flex;
        align-items: center;
        border-left: 1px solid #fff
    }

    .ClassesArchive_students__16wED .ClassesArchive_main__PZoPz .ClassesArchive_tableListMobi__33Bwv div>.ClassesArchive_rowOne__1pFFW:first-child {
        background: #e3f2fd
    }

    .ClassesArchive_students__16wED .ClassesArchive_main__PZoPz .ClassesArchive_tableListMobi__33Bwv div>.ClassesArchive_rowTwo__2z25F {
        display: grid;
        grid-template-columns: 1fr 1fr .8fr
    }

    .ClassesArchive_students__16wED .ClassesArchive_main__PZoPz .ClassesArchive_tableListMobi__33Bwv div>.ClassesArchive_rowTwo__2z25F p,.ClassesArchive_students__16wED .ClassesArchive_main__PZoPz .ClassesArchive_tableListMobi__33Bwv div>.ClassesArchive_rowTwo__2z25F span {
        font-size: 12px;
        padding-left: 10px;
        display: flex;
        align-items: center;
        border-left: 1px solid #fff;
        height: 30px
    }

    .ClassesArchive_students__16wED .ClassesArchive_main__PZoPz .ClassesArchive_tableListMobi__33Bwv div>.ClassesArchive_rowTwo__2z25F p>button,.ClassesArchive_students__16wED .ClassesArchive_main__PZoPz .ClassesArchive_tableListMobi__33Bwv div>.ClassesArchive_rowTwo__2z25F span>button {
        border: none;
        background: transparent
    }

    .ClassesArchive_students__16wED .ClassesArchive_main__PZoPz .ClassesArchive_tableListMobi__33Bwv div>header.ClassesArchive_rowTwo__2z25F {
        background: #e2e2e2;
        height: 30px
    }

    .ClassesArchive_classes__39NWA * {
        font-size: 12px!important
    }

    .ClassesArchive_classes__39NWA .ClassesArchive_main__PZoPz .ClassesArchive_tableListMobi__33Bwv {
        height: 600px;
        overflow: scroll
    }

    .ClassesArchive_classes__39NWA .ClassesArchive_main__PZoPz .ClassesArchive_tableListMobi__33Bwv div {
        width: 100%;
        overflow: scroll
    }

    .ClassesArchive_classes__39NWA .ClassesArchive_main__PZoPz .ClassesArchive_tableListMobi__33Bwv div>.ClassesArchive_rowOne__1pFFW {
        display: grid;
        grid-template-columns: 1fr 2fr;
        height: 30px
    }

    .ClassesArchive_classes__39NWA .ClassesArchive_main__PZoPz .ClassesArchive_tableListMobi__33Bwv div>.ClassesArchive_rowOne__1pFFW p,.ClassesArchive_classes__39NWA .ClassesArchive_main__PZoPz .ClassesArchive_tableListMobi__33Bwv div>.ClassesArchive_rowOne__1pFFW span {
        padding-left: 10px;
        display: flex;
        align-items: center;
        border-left: 1px solid #fff
    }

    .ClassesArchive_classes__39NWA .ClassesArchive_main__PZoPz .ClassesArchive_tableListMobi__33Bwv div>.ClassesArchive_rowOne__1pFFW:first-child {
        background: #e3f2fd
    }

    .ClassesArchive_classes__39NWA .ClassesArchive_main__PZoPz .ClassesArchive_tableListMobi__33Bwv div>.ClassesArchive_rowTwo__2z25F {
        display: grid;
        grid-template-columns: 1fr 1fr .8fr
    }

    .ClassesArchive_classes__39NWA .ClassesArchive_main__PZoPz .ClassesArchive_tableListMobi__33Bwv div>.ClassesArchive_rowTwo__2z25F p,.ClassesArchive_classes__39NWA .ClassesArchive_main__PZoPz .ClassesArchive_tableListMobi__33Bwv div>.ClassesArchive_rowTwo__2z25F span {
        padding-left: 10px;
        display: flex;
        align-items: center;
        border-left: 1px solid #fff;
        height: 30px
    }

    .ClassesArchive_classes__39NWA .ClassesArchive_main__PZoPz .ClassesArchive_tableListMobi__33Bwv div>header.ClassesArchive_rowTwo__2z25F {
        background: #e2e2e2;
        height: 30px
    }

    .ClassesArchive_classes__39NWA .ClassesArchive_main__PZoPz .ClassesArchive_tableListMobi__33Bwv div>.ClassesArchive_rowThree__3JuoZ {
        display: grid;
        grid-template-columns: 1fr
    }

    .ClassesArchive_classes__39NWA .ClassesArchive_main__PZoPz .ClassesArchive_tableListMobi__33Bwv div>.ClassesArchive_rowThree__3JuoZ>p>button {
        border: none;
        background: transparent;
        padding-left: 10px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: flex-start
    }

    .ClassesArchive_classes__39NWA .ClassesArchive_main__PZoPz .ClassesArchive_tableListMobi__33Bwv div>.ClassesArchive_rowThree__3JuoZ>span {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0 15px;
        height: 30px;
        font-size: 12px
    }

    .ClassesArchive_classes__39NWA .ClassesArchive_main__PZoPz .ClassesArchive_tableListMobi__33Bwv div>header.ClassesArchive_rowThree__3JuoZ {
        background: #e2e2e2;
        height: 30px
    }
}

.Controls_main__gAwPY {
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 21px;
    margin: 30px 0
}

.Controls_main__gAwPY .Controls_left__Xxbwv>button {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #fff;
    background: #2979ff;
    border: none;
    height: 40px;
    border-radius: 25px;
    cursor: pointer;
    width: 170px
}

.Controls_main__gAwPY .Controls_right__1qIvb {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.Controls_main__gAwPY .Controls_right__1qIvb>span {
    padding-left: 10px
}

.Controls_main__gAwPY .Controls_right__1qIvb>span>button {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #fff;
    background: #2979ff;
    border: none;
    height: 40px;
    border-radius: 25px;
    cursor: pointer;
    width: 40px;
    border-radius: 5px
}

.Controls_main__gAwPY .Controls_classesStatusSelect__1g62r {
    width: 199px;
    margin-right: 25px
}

.Controls_main__gAwPY .Controls_classesStatusSelect__1g62r>div {
    border-color: transparent;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 25px
}

.Controls_main__gAwPY .Controls_classesStatusSelect__1g62r>div p {
    text-align: center
}

.Controls_main__gAwPY .Controls_classesSelect__2FNSA {
    width: 199px
}

.Controls_main__gAwPY .Controls_classesSelect__2FNSA>div {
    border-color: transparent;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 25px
}

.Controls_main__gAwPY .Controls_classesSelect__2FNSA>div p {
    text-align: center
}

.Controls_main__gAwPY .Controls_classesDateSelect__1mLmx {
    width: 199px
}

.Controls_main__gAwPY .Controls_classesDateSelect__1mLmx>div {
    border-color: transparent;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 25px
}

.Controls_main__gAwPY .Controls_classesDateSelect__1mLmx>div p {
    text-align: center
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Controls_main__gAwPY {
        flex-direction:column-reverse
    }

    .Controls_main__gAwPY>div {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100vw
    }

    .Controls_main__gAwPY .Controls_classesSelect__2FNSA {
        width: unset
    }
}

.Attendance_main__19X5D>header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.Attendance_main__19X5D>header>div {
    display: flex;
    align-items: center;
    grid-gap: 39px
}

.Attendance_main__19X5D>header>div>.Attendance_childrenSelect__31C3m {
    width: 290px
}

.Attendance_main__19X5D>header>div>.Attendance_childrenSelect__31C3m>div {
    border-color: transparent;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 25px
}

.Attendance_main__19X5D>header>div>.Attendance_childrenSelect__31C3m>div p {
    text-align: center
}

.Attendance_main__19X5D>header>div>.Attendance_date__2t4Q_ {
    width: 292px
}

.Attendance_main__19X5D>.Attendance_table__qd_Am {
    margin-top: 20px
}

.Attendance_main__19X5D>.Attendance_table__qd_Am>header {
    grid-template-columns: 62px 404px 177px 236px 1fr
}

.Attendance_main__19X5D .Attendance_tableList__28Ruy {
    height: 520px;
    overflow: scroll
}

.Attendance_main__19X5D .Attendance_tableList__28Ruy>div>div {
    display: grid;
    grid-template-columns: 62px 404px 177px 236px 1fr;
    border-bottom: 1px solid #e2e2e2
}

.Attendance_main__19X5D .Attendance_tableList__28Ruy>div>div:hover {
    background: hsla(0,0%,97.3%,.61);
    cursor: pointer
}

.Attendance_main__19X5D .Attendance_tableList__28Ruy>div>div>p {
    padding: 10px 20px;
    pointer-events: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.Attendance_main__19X5D .Attendance_tableList__28Ruy>div>div>span {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0 15px
}

.Attendance_main__19X5D .Attendance_tableList__28Ruy>div>div>span>button {
    border: none;
    display: inline-block;
    background: transparent;
    cursor: pointer
}

@media print {
    .Attendance_main__19X5D {
        zoom:.6}

    .Attendance_main__19X5D .Attendance_tableList__28Ruy {
        height: inherit!important
    }
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Attendance_main__19X5D * {
        font-size:10px!important
    }

    .Attendance_main__19X5D>header {
        flex-direction: column
    }

    .Attendance_main__19X5D>header>p {
        width: 100%;
        padding-left: 10px
    }

    .Attendance_main__19X5D>header>div {
        grid-gap: 20px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin: 10px 0;
        width: 100%
    }

    .Attendance_main__19X5D>header>div>div {
        width: 100%!important
    }

    .Attendance_main__19X5D>.Attendance_table__qd_Am>header {
        grid-template-columns: 7vw 35vw 20vw 19vw 18vw
    }

    .Attendance_main__19X5D>.Attendance_table__qd_Am>header span:last-child {
        padding-left: 10px
    }

    .Attendance_tableList__28Ruy {
        height: 550px;
        overflow-y: scroll;
        overflow-x: hidden
    }

    .Attendance_tableList__28Ruy>div>div {
        grid-template-columns: 7vw 35vw 20vw 19vw 18vw!important
    }

    .Attendance_tableList__28Ruy>div>div>p {
        padding: 10px 20px 10px 10px!important
    }
}

.GroupInfo_main__jb0JG {
    position: relative;
    margin-bottom: 45px
}

.GroupInfo_main__jb0JG>div>div:nth-child(2)>div>div {
    width: 1100px
}

.GroupInfo_main__jb0JG .GroupInfo_navbarComponents__zm322 {
    min-width: 238px
}

.GroupInfo_main__jb0JG .GroupInfo_navbarComponents__zm322:first-child {
    min-width: 208px
}

.GroupInfo_main__jb0JG>p {
    position: absolute;
    left: -152px;
    font-size: 18px;
    color: #2962ff;
    display: flex;
    align-items: center;
    grid-gap: 5px;
    margin-top: 10px;
    cursor: pointer
}

.GroupInfo_main__jb0JG>p>svg {
    font-size: 22px;
    margin-top: -3px
}

.GroupInfo_main__jb0JG>p>svg>g>path {
    color: #2962ff
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .GroupInfo_main__jb0JG>p {
        top:-35px;
        left: 0;
        font-size: 12px
    }

    .GroupInfo_main__jb0JG>header {
        padding: 10px 0
    }

    .GroupInfo_main__jb0JG>div {
        margin-top: 0!important
    }
}

.Journal_center__1z_gR {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 300px
}

.Journal_main__2_0il>header {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    margin-bottom: 20px
}

.Journal_main__2_0il>header>p {
    display: flex;
    grid-gap: 10px
}

.Journal_main__2_0il>header>div {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 20px
}

.Journal_main__2_0il>header>div>div {
    grid-gap: 20px
}

.Journal_main__2_0il>header>div>div>div {
    border: none;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 25px
}

.Journal_main__2_0il>header>div>div>div>p {
    color: #000
}

.Journal_main__2_0il .Journal_subjectSelect__2BEiJ {
    width: 200px
}

.Journal_main__2_0il .Journal_subjectSelect__2BEiJ>div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.Journal_main__2_0il .Journal_scroll__2lpvj {
    display: grid;
    grid-template-columns: 319px 1fr;
    margin-right: 17px
}

.Journal_main__2_0il .Journal_scroll__2lpvj ::-webkit-scrollbar {
    height: 5px
}

.Journal_main__2_0il .Journal_scroll__2lpvj>span {
    display: flex;
    grid-gap: 1px;
    overflow-y: hidden;
    overflow-x: auto
}

.Journal_main__2_0il .Journal_scroll__2lpvj>span li {
    min-width: 30px;
    height: 1px
}

.Journal_select__3BUv6 {
    min-width: 200px
}

.Journal_disabledSelect__HyEXm {
    width: 200px;
    visibility: hidden
}

.Journal_disabledSelect__HyEXm:before {
    content: "";
    display: block;
    width: 100%;
    border-radius: 4px;
    position: absolute;
    height: 100%;
    background-color: #e9e9e9!important
}

.Journal_disabledSelect__HyEXm>div>p {
    color: #999!important;
    z-index: 99
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Journal_main__2_0il * {
        font-size:12px!important
    }

    .Journal_main__2_0il>section {
        width: 100vw;
        overflow: scroll
    }

    .Journal_main__2_0il>header {
        display: flex;
        flex-direction: column
    }

    .Journal_main__2_0il>header>p {
        justify-content: flex-end;
        width: 100%;
        margin: -15px 0 15px
    }

    .Journal_main__2_0il>header>div {
        grid-template-columns: 1fr 1fr
    }

    .Journal_main__2_0il .Journal_finalTable__4hHm_ {
        width: 100vw;
        overflow: hidden
    }

    .Journal_main__2_0il .Journal_finalTable__4hHm_ * {
        font-size: 12px!important
    }
}

.TableHeader_main__1NLcr {
    display: grid;
    grid-template-columns: auto 1fr
}

.TableHeader_main__1NLcr .TableHeader_gtr__TkA51 {
    grid-template-rows: 1fr 28px
}

.TableHeader_main__1NLcr>ul {
    display: grid;
    grid-template-columns: 30px 229px 30px 30px;
    background-color: #bbdefb
}

.TableHeader_main__1NLcr>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #e3f2fd;
    font-weight: 500;
    font-size: 14px
}

.TableHeader_main__1NLcr>ul>li:nth-child(n+3) {
    text-align: center;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    padding: 15px 0 15px 4px;
    border-left: none;
    border-right: 1px solid #e3f2fd;
    font-weight: 400;
    line-height: 17.9px
}

.TableHeader_main__1NLcr>ul>li:last-child {
    border-left: 1px solid #e3f2fd
}

.TableHeader_main__1NLcr>.TableHeader_table__3ppqQ {
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    margin-right: 17px;
    pointer-events: none;
    width: 775px;
    scrollbar-width: none
}

.TableHeader_main__1NLcr>.TableHeader_table__3ppqQ::-webkit-scrollbar {
    width: 0;
    height: 0
}

.TableHeader_main__1NLcr>.TableHeader_table__3ppqQ>nav {
    display: grid;
    grid-template-rows: 30px repeat(2,35px) minmax(30px,1fr);
    border-right: 1px solid #e3f2fd;
    background-color: #bbdefb
}

.TableHeader_main__1NLcr>.TableHeader_table__3ppqQ>nav:last-child {
    border-right: none
}

.TableHeader_main__1NLcr>.TableHeader_table__3ppqQ>nav>li {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px
}

.TableHeader_main__1NLcr>.TableHeader_table__3ppqQ>nav>ul {
    border-top: 1px solid #e3f2fd;
    display: flex
}

.TableHeader_main__1NLcr>.TableHeader_table__3ppqQ>nav>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    font-size: 12px;
    border-right: 1px solid #e3f2fd
}

.TableHeader_main__1NLcr>.TableHeader_table__3ppqQ>nav>ul>li:last-child {
    border-right: none
}

.TableHeader_modal__1NgFd {
    background: none;
    align-items: center!important;
    justify-content: center;
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    margin-right: 17px;
    width: auto;
    z-index: 3
}

.TableHeader_modal__1NgFd>div {
    margin-top: 30px;
    background: #bbdefb;
    border-radius: 5px;
    padding: 45px 25px!important
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .TableHeader_main__1NLcr {
        overflow:hidden;
        width: -webkit-max-content;
        width: max-content;
        zoom:.8}

    .TableHeader_main__1NLcr>ul,.TableHeader_main__1NLcr>ul .TableHeader_groupsContainer__2fbL8 {
        grid-template-columns: 30px 140px 30px 30px
    }

    .TableHeader_main__1NLcr .TableHeader_table__3ppqQ {
        width: 100%;
        overflow: scroll
    }
}

.Modal_main__33fEP>div {
    margin-top: 12px
}

.Modal_main__33fEP>div .Modal_descriptionJournalModal__24zA6 {
    padding: 3px 2px;
    border: 2px solid #fff;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.25));
    border-radius: 30px
}

.Modal_main__33fEP>div .Modal_descriptionJournalModal__24zA6>div {
    background: #fff;
    height: 41px;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0,0,0,.25);
    border-radius: 20px
}

.Modal_main__33fEP>div>p {
    margin-bottom: 4px
}

.Modal_main__33fEP>div>span {
    border-radius: 30px;
    display: block;
    padding: 3px 2px;
    border: 2px solid #fff;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.25))
}

.Modal_main__33fEP>div>span input,.Modal_main__33fEP>div>span textarea {
    width: 100%;
    height: 40px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,.25);
    outline: none
}

.Modal_main__33fEP>div>span>input {
    border-radius: 20px
}

.Modal_main__33fEP>div:nth-child(2) {
    position: relative;
    z-index: 1
}

.TableFooter_main__2Mzi6 {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr;
    max-height: 390px;
    overflow-y: scroll;
    overflow-x: hidden
}

.TableFooter_main__2Mzi6>span>ul {
    display: flex
}

.TableFooter_main__2Mzi6>span>ul:hover:after {
    background: #e3f2fd
}

.TableFooter_main__2Mzi6>span>ul:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 30px;
    z-index: -1
}

.TableFooter_main__2Mzi6>span>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    height: 30px;
    border-bottom: 1px solid #e3f2fd
}

.TableFooter_main__2Mzi6>span>ul>li:first-child {
    width: 30px
}

.TableFooter_main__2Mzi6>span>ul>li:nth-child(2) {
    width: 230px;
    padding-left: 12.5px;
    justify-content: flex-start
}

.TableFooter_main__2Mzi6>span>ul>li:nth-child(n+3) {
    width: 30px;
    border-left: 1px solid #e3f2fd
}

.TableFooter_main__2Mzi6>span>ul>li:last-child {
    border-right: 2px solid #e3f2fd
}

.TableFooter_main__2Mzi6>div {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    pointer-events: none
}

.TableFooter_main__2Mzi6>div::-webkit-scrollbar {
    width: 0;
    height: 0
}

.TableFooter_main__2Mzi6>div>span {
    display: block;
    position: relative
}

.TableFooter_main__2Mzi6>div>span>ul {
    display: flex;
    border-bottom: 1px solid #e3f2fd
}

.TableFooter_main__2Mzi6>div>span>ul:hover:after {
    background: #e3f2fd
}

.TableFooter_main__2Mzi6>div>span>ul:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    left: -450px;
    height: 30px;
    z-index: -1
}

.TableFooter_main__2Mzi6>div>span>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 28.97px;
    border-right: 1px solid #e3f2fd;
    font-size: 14px
}

.TableFooter_main__2Mzi6>div>span>ul>li:hover:after {
    content: "";
    display: block;
    position: absolute;
    min-width: 30px;
    height: 100%;
    top: 0;
    bottom: 0;
    z-index: -1;
    background: #e3f2fd!important
}

@media print {
    .TableFooter_main__2Mzi6 {
        max-height: inherit!important
    }
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .TableFooter_main__2Mzi6 {
        width:-webkit-max-content;
        width: max-content;
        zoom:.8;max-height: -webkit-max-content;
        max-height: max-content
    }

    .TableFooter_main__2Mzi6>span>ul li:nth-child(2) {
        width: 140px
    }
}

.StaffsSchedule_main__3ne5j {
    width: 1040px
}

.StaffsSchedule_main__3ne5j>div>main {
    margin: 20px 0 50px
}

.StaffsSchedule_main__3ne5j>div>main>.StaffsSchedule_week__2gAKF {
    display: grid;
    grid-template-columns: repeat(6,172px);
    grid-column-gap: 2px;
    column-gap: 2px
}

.StaffsSchedule_main__3ne5j>div>main>.StaffsSchedule_week__2gAKF>div {
    background: #e3f2fd;
    padding: 15px
}

.StaffsSchedule_main__3ne5j>div>main>.StaffsSchedule_week__2gAKF>div>p {
    font-size: 18px
}

.StaffsSchedule_main__3ne5j>div>main>.StaffsSchedule_week__2gAKF>div>p:nth-child(2) {
    font-size: 16px
}

.StaffsSchedule_main__3ne5j>div>main>.StaffsSchedule_week__2gAKF>div>p:nth-child(3) {
    color: #9f9f9f;
    font-size: 16px
}

.StaffsSchedule_main__3ne5j>div>main>.StaffsSchedule_week__2gAKF>.StaffsSchedule_activeDay__33nG4 {
    background: #bbdefb;
    border-bottom: 4px solid #64b5f6
}

.StaffsSchedule_main__3ne5j>div>main>.StaffsSchedule_schedule__table__eoGKY {
    height: 400px;
    border: 1px solid #e2e2e2
}

.StaffsSchedule_main__3ne5j>div>main>.StaffsSchedule_schedule__table__eoGKY>.StaffsSchedule_table__header__3QCX0 {
    display: grid;
    grid-template-columns: 60px 80px 90px 342px 330px 136px;
    grid-template-rows: 40px
}

.StaffsSchedule_main__3ne5j>div>main>.StaffsSchedule_schedule__table__eoGKY>.StaffsSchedule_table__header__3QCX0>p {
    background: #bbdefb;
    border: 1px solid #fff;
    padding: 10px 0 10px 10px
}

.StaffsSchedule_main__3ne5j>div>main>.StaffsSchedule_schedule__table__eoGKY>.StaffsSchedule_table__body__BJ10l {
    height: 300px;
    overflow-x: hidden;
    overflow-y: scroll
}

.StaffsSchedule_main__3ne5j>div>main>.StaffsSchedule_schedule__table__eoGKY>.StaffsSchedule_table__body__BJ10l>ul {
    display: grid;
    grid-template-columns: 60px 80px 90px 342px 330px 136px;
    grid-template-rows: 50px;
    border-bottom: 1px solid #e2e2e2
}

.StaffsSchedule_main__3ne5j>div>main>.StaffsSchedule_schedule__table__eoGKY>.StaffsSchedule_table__body__BJ10l>ul>li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 15px 0 15px 15px
}

@media print {
    .StaffsSchedule_main__3ne5j {
        zoom:.8}

    .StaffsSchedule_main__3ne5j>div main .StaffsSchedule_schedule__table__eoGKY .StaffsSchedule_table__body__BJ10l {
        height: inherit
    }
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .StaffsSchedule_main__3ne5j {
        width:100vw
    }

    .StaffsSchedule_main__3ne5j * {
        font-size: 12px!important
    }

    .StaffsSchedule_main__3ne5j>div>p {
        margin: 15px 0!important
    }
}

.Periods_main__9o1QO {
    max-width: 1030px;
    margin: 0 auto;
    display: block
}

.Periods_main__9o1QO .Periods_container__aBH63 {
    margin-left: 35px
}

.Periods_main__9o1QO .Periods_container__aBH63>div:first-child {
    display: flex
}

.Periods_main__9o1QO .Periods_container__aBH63>div:first-child div:nth-child(2) {
    top: -30px;
    left: 650px
}

.Periods_yearCalendarModal__3GuS0 {
    z-index: 1000;
    top: 0!important;
    align-items: center
}

.Periods_yearCalendarModal__3GuS0>div {
    margin-top: 0!important
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Periods_main__9o1QO {
        max-width:100vw
    }

    .Periods_main__9o1QO .Periods_container__aBH63 {
        margin-left: 0
    }

    .Periods_main__9o1QO .Periods_container__aBH63>div:first-child div:nth-child(2) {
        top: -126px;
        left: 115px
    }

    .Periods_main__9o1QO .Periods_container__aBH63 .Periods_printBtnHeader__1jxVH {
        position: relative
    }

    .Periods_main__9o1QO .Periods_container__aBH63 .Periods_printBtnHeader__1jxVH>div:nth-child(2) {
        top: -115px;
        position: absolute;
        width: 100%;
        right: 20px
    }
}

.Staffs_main__2Zh3y {
    width: 1050px;
    margin: auto;
    padding-left: 25px
}

.Staffs_main__2Zh3y .Staffs_container__1o7B3>header {
    display: flex
}

.Staffs_main__2Zh3y .Staffs_container__1o7B3>header div:nth-child(2) {
    top: -30px;
    left: 280px
}

.Staffs_main__2Zh3y .Staffs_selectorContent__2y3Y7 {
    width: 180px
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Staffs_main__2Zh3y {
        width:100vw;
        padding-left: 0
    }

    .Staffs_main__2Zh3y .Staffs_container__1o7B3>header {
        position: relative
    }

    .Staffs_main__2Zh3y .Staffs_container__1o7B3>header>div:nth-child(2) {
        top: -115px;
        position: absolute;
        width: 100%;
        right: 20px;
        left: inherit
    }
}

.StaffsControlContainer_selectorsContainer__3-qrv {
    display: flex;
    flex-direction: row;
    grid-column-gap: 20px;
    column-gap: 20px;
    margin-bottom: 25px;
    justify-content: flex-end
}

.StaffsControlContainer_childrenSelect__1yBSD {
    width: 290px
}

.StaffsControlContainer_childrenSelect__1yBSD>div {
    border-color: transparent;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 25px
}

.StaffsControlContainer_childrenSelect__1yBSD>div p {
    text-align: center
}

.StaffsControlContainer_date__2Ja6E {
    width: 292px
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .StaffsCaseContainer_main__K7QS1>div:first-child>div,.StaffsControlContainer_selectorsContainer__3-qrv {
        margin:20px 0
    }
}

.FormTMOne_staffSelect__2itDL {
    width: 270px;
    height: 40px
}

.FormTMOne_staffSelect__2itDL>div {
    border-color: transparent;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 20px
}

.FormTMOne_staffSelect__2itDL>div p {
    text-align: center
}

.FormTMOne_main__3Ff3w {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.FormTMOne_main__3Ff3w>.FormTMOne_selectorContainer__ymM7b {
    display: flex;
    justify-content: flex-end;
    width: 1100px;
    margin: 30px auto
}

.FormTMOne_main__3Ff3w>.FormTMOne_selectorContainer__ymM7b>div:nth-child(2) {
    margin-left: 30px
}

.FormTMOne_main__3Ff3w>.FormTMOne_selectorContainer__ymM7b>.FormTMOne_selector__3Ynat {
    width: 210px;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 20px
}

.FormTMOne_main__3Ff3w>.FormTMOne_selectorContainer__ymM7b>.FormTMOne_selector__3Ynat>div {
    border: none
}

.FormTMOne_main__3Ff3w .FormTMOne_container__2XxAN {
    display: flex;
    flex-direction: column;
    margin: 0 auto
}

@media print {
    .FormTMOne_main__3Ff3w {
        margin-left: -50px;
        zoom:.9}
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .FormTMOne_main__3Ff3w .FormTMOne_selectorContainer__ymM7b {
        width:100vw;
        display: grid;
        grid-template-columns: 1fr 1.1fr;
        grid-gap: 20px;
        gap: 20px
    }

    .FormTMOne_main__3Ff3w .FormTMOne_selectorContainer__ymM7b .FormTMOne_staffSelect__2itDL {
        width: 100%;
        margin: 0
    }

    .FormTMOne_main__3Ff3w .FormTMOne_selectorContainer__ymM7b div:nth-child(2) {
        margin-left: 0
    }

    .FormTMOne_main__3Ff3w .FormTMOne_container__2XxAN>div {
        width: 100vw;
        overflow: scroll
    }

    .FormTMOne_main__3Ff3w .FormTMOne_container__2XxAN>div>div {
        width: -webkit-max-content;
        width: max-content;
        zoom:.7}
}

.FormTMTwo_staffSelect__1Hdts {
    width: 250px;
    height: 40px
}

.FormTMTwo_staffSelect__1Hdts>div {
    border-color: transparent;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 20px
}

.FormTMTwo_staffSelect__1Hdts>div p {
    text-align: center
}

.FormTMTwo_main__spR-u {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.FormTMTwo_main__spR-u>.FormTMTwo_selectorContainer__1H01p {
    display: flex;
    width: 1100px;
    justify-content: flex-end;
    margin: 30px auto
}

.FormTMTwo_main__spR-u>.FormTMTwo_selectorContainer__1H01p>div:nth-child(2) {
    margin-left: 30px
}

.FormTMTwo_main__spR-u>.FormTMTwo_selectorContainer__1H01p>.FormTMTwo_selector__1igVO {
    width: 210px;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 20px
}

.FormTMTwo_main__spR-u>.FormTMTwo_selectorContainer__1H01p>.FormTMTwo_selector__1igVO>div {
    border: none
}

.FormTMTwo_main__spR-u .FormTMTwo_container__3QOIY {
    display: flex;
    flex-direction: column;
    margin: auto
}

.FormTMTwo_tables__26cyM {
    margin-bottom: 80px
}

.FormTMTwo_tables__26cyM>.FormTMTwo_contentLang__2sktE {
    width: 949.85px
}

.FormTMTwo_tables__26cyM>.FormTMTwo_contentLang__2sktE>section {
    height: 76px
}

.FormTMTwo_tables__26cyM>.FormTMTwo_contentLang__2sktE>section>div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: 1px solid #bbdefb;
    padding: 12px 0
}

.FormTMTwo_tables__26cyM>.FormTMTwo_contentLang__2sktE>section>div:first-child {
    background: #bbdefb;
    padding: 10px 0
}

.FormTMTwo_tables__26cyM>.FormTMTwo_contentLang__2sktE>section>div>h3 {
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: .15px
}

.FormTMTwo_tables__26cyM>.FormTMTwo_contentLang__2sktE>section>div>p {
    text-align: center;
    color: #0d36a6
}

.FormTMTwo_tables__26cyM>.FormTMTwo_contentLeftSchool__1a7Uq {
    width: 1231.85px
}

.FormTMTwo_tables__26cyM>.FormTMTwo_contentLeftSchool__1a7Uq>section {
    height: 76px
}

.FormTMTwo_tables__26cyM>.FormTMTwo_contentLeftSchool__1a7Uq>section>div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: 1px solid #bbdefb;
    padding: 12px 0
}

.FormTMTwo_tables__26cyM>.FormTMTwo_contentLeftSchool__1a7Uq>section>div:first-child {
    background: #bbdefb;
    padding: 10px 0
}

.FormTMTwo_tables__26cyM>.FormTMTwo_contentLeftSchool__1a7Uq>section>div>h3 {
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: .15px
}

.FormTMTwo_tables__26cyM>.FormTMTwo_contentLeftSchool__1a7Uq>section>div>p {
    text-align: center;
    color: #0d36a6
}

.FormTMTwo_tables__26cyM>.FormTMTwo_contentCameSchool__1zwCC {
    width: 1118px
}

.FormTMTwo_tables__26cyM>.FormTMTwo_contentCameSchool__1zwCC>section {
    height: 76px
}

.FormTMTwo_tables__26cyM>.FormTMTwo_contentCameSchool__1zwCC>section>div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: 1px solid #bbdefb;
    padding: 12px 0
}

.FormTMTwo_tables__26cyM>.FormTMTwo_contentCameSchool__1zwCC>section>div:first-child {
    background: #bbdefb;
    padding: 10px 0
}

.FormTMTwo_tables__26cyM>.FormTMTwo_contentCameSchool__1zwCC>section>div>h3 {
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: .15px
}

.FormTMTwo_tables__26cyM>.FormTMTwo_contentCameSchool__1zwCC>section>div>p {
    text-align: center;
    color: #0d36a6
}

.FormTMTwo_tables__26cyM>.FormTMTwo_content__P88hn {
    width: 1000px
}

.FormTMTwo_tables__26cyM>.FormTMTwo_content__P88hn>section {
    height: 76px
}

.FormTMTwo_tables__26cyM>.FormTMTwo_content__P88hn>section>div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: 1px solid #bbdefb;
    padding: 12px 0
}

.FormTMTwo_tables__26cyM>.FormTMTwo_content__P88hn>section>div:first-child {
    background: #bbdefb;
    padding: 10px 0
}

.FormTMTwo_tables__26cyM>.FormTMTwo_content__P88hn>section>div>h3 {
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: .15px
}

.FormTMTwo_tables__26cyM>.FormTMTwo_content__P88hn>section>div>p {
    text-align: center;
    color: #0d36a6
}

@media print {
    .FormTMTwo_main__spR-u {
        margin-left: -50px;
        zoom:.9}
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .FormTMTwo_main__spR-u .FormTMTwo_selectorContainer__1H01p {
        width:100vw;
        display: grid;
        grid-template-columns: 1fr 1.1fr;
        grid-gap: 20px;
        gap: 20px
    }

    .FormTMTwo_main__spR-u .FormTMTwo_selectorContainer__1H01p .FormTMTwo_staffSelect__1Hdts {
        width: 100%;
        margin: 0
    }

    .FormTMTwo_main__spR-u .FormTMTwo_selectorContainer__1H01p div:nth-child(2) {
        margin-left: 0
    }

    .FormTMTwo_main__spR-u .FormTMTwo_container__3QOIY>div {
        width: 100vw;
        overflow: scroll
    }

    .FormTMTwo_main__spR-u .FormTMTwo_container__3QOIY>div>div {
        width: -webkit-max-content;
        width: max-content;
        zoom:.7}
}

.Statistics_container__3U-kK {
    max-width: 900px;
    margin: 0 auto;
    display: block
}

.Statistics_container__3U-kK>header {
    display: flex
}

.Statistics_container__3U-kK>header div:nth-child(2) {
    top: -30px;
    left: 230px
}

.Statistics_container__3U-kK>div {
    margin-bottom: 269.51px
}

.Statistics_container__3U-kK>div>div {
    display: flex;
    justify-content: flex-end;
    padding-right: 190px
}

.Statistics_container__3U-kK>div>div:last-child {
    justify-content: flex-start;
    padding-right: 145px
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Statistics_container__3U-kK>header {
        position:relative
    }

    .Statistics_container__3U-kK>header>div:nth-child(2) {
        top: -123px;
        position: absolute;
        width: 100%;
        right: 20px;
        left: inherit
    }
}

.Kom_main__KrpIk {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.Kom_main__KrpIk>.Kom_selectorContainer__rTEHI {
    display: flex;
    width: 1100px;
    justify-content: flex-end;
    margin: 30px auto
}

.Kom_main__KrpIk>.Kom_selectorContainer__rTEHI>.Kom_selector__1I1HF {
    width: 210px;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 20px
}

.Kom_main__KrpIk>.Kom_selectorContainer__rTEHI>.Kom_selector__1I1HF>div {
    border: none
}

.Kom_main__KrpIk>.Kom_selectorContainer__rTEHI>div:nth-child(2) {
    margin-left: 30px
}

.Kom_main__KrpIk .Kom_container__uXV4k {
    display: flex;
    flex-direction: column;
    margin: auto
}

.Kom_tables__bit8k {
    margin-bottom: 80px
}

@media print {
    .Kom_main__KrpIk {
        margin-left: -50px;
        zoom:.9}
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Kom_main__KrpIk .Kom_selectorContainer__rTEHI {
        width:100vw;
        display: grid;
        grid-template-columns: 1fr 1.1fr;
        grid-gap: 20px;
        gap: 20px
    }

    .Kom_main__KrpIk .Kom_selectorContainer__rTEHI .Kom_staffSelect__2K5AM {
        width: 100%;
        margin: 0
    }

    .Kom_main__KrpIk .Kom_selectorContainer__rTEHI div:nth-child(2) {
        margin-left: 0
    }

    .Kom_main__KrpIk .Kom_selectorContainer__rTEHI>div {
        width: 100%!important
    }

    .Kom_main__KrpIk .Kom_container__uXV4k>div {
        width: 100vw;
        overflow: scroll
    }

    .Kom_main__KrpIk .Kom_container__uXV4k>div>div {
        width: -webkit-max-content;
        width: max-content;
        zoom:.7}
}

.ByAgeContainer_container__4cLYX>div>main>div>ul:nth-child(odd) {
    background: #70ccfa
}

.ByAgeContainer_container__4cLYX>div>main>div>ul:nth-child(2n) {
    background-color: #a3dffd
}

.ByAgeContainer_container__4cLYX>div>main>div>ul:last-child {
    border-bottom: 2px solid #bbdefb
}

.AcademicYear_main__3oR4W {
    margin-top: 30px
}

.AcademicYear_main__3oR4W .AcademicYear_table__3n7Pq {
    margin: 30px auto
}

.AcademicYear_selectorContainer__3MrTL {
    display: flex;
    justify-content: flex-end;
    width: 1100px;
    margin: auto
}

.AcademicYear_selectorContainer__3MrTL .AcademicYear_staffSelect__1eVKF {
    width: 260px;
    margin-left: 30px
}

.AcademicYear_selectorContainer__3MrTL .AcademicYear_staffSelect__1eVKF>div {
    border-color: transparent;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 20px
}

.AcademicYear_selectorContainer__3MrTL .AcademicYear_staffSelect__1eVKF>div p {
    text-align: center
}

@media print {
    .AcademicYear_main__3oR4W {
        zoom:.5;margin: -100px
    }
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .AcademicYear_main__3oR4W {
        margin-top:20px
    }

    .AcademicYear_main__3oR4W .AcademicYear_table__3n7Pq {
        margin: 20px auto;
        width: 100vw;
        overflow: scroll
    }

    .AcademicYear_main__3oR4W .AcademicYear_table__3n7Pq>div {
        zoom:.7}

    .AcademicYear_main__3oR4W .AcademicYear_selectorContainer__3MrTL {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100vw;
        grid-gap: 30px;
        gap: 30px;
        margin: auto
    }

    .AcademicYear_main__3oR4W .AcademicYear_selectorContainer__3MrTL>.AcademicYear_staffSelect__1eVKF {
        width: 100%;
        margin: 0
    }
}

.FormTMOne_staffSelect__3BHbg {
    width: 270px;
    height: 40px
}

.FormTMOne_staffSelect__3BHbg>div {
    border-color: transparent;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 20px
}

.FormTMOne_staffSelect__3BHbg>div p {
    text-align: center
}

.FormTMOne_main__1W3v8 {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.FormTMOne_main__1W3v8>.FormTMOne_selectorContainer__2w3o6 {
    display: flex;
    justify-content: flex-end;
    width: 1100px;
    margin: 30px auto
}

.FormTMOne_main__1W3v8>.FormTMOne_selectorContainer__2w3o6>.FormTMOne_selector__x6oXb {
    width: 210px;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 20px
}

.FormTMOne_main__1W3v8>.FormTMOne_selectorContainer__2w3o6>.FormTMOne_selector__x6oXb>div {
    border: none
}

.FormTMOne_main__1W3v8>.FormTMOne_selectorContainer__2w3o6>div:nth-child(2) {
    margin-left: 20px
}

.FormTMOne_main__1W3v8 .FormTMOne_container__1UlOn {
    display: flex;
    flex-direction: column;
    margin: 0 auto
}

@media print {
    .FormTMOne_main__1W3v8 {
        margin-left: -50px;
        zoom:.9}
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .FormTMOne_main__1W3v8 {
        width:100vw;
        margin: 0 20px
    }

    .FormTMOne_main__1W3v8 .FormTMOne_selectorContainer__2w3o6 {
        width: 100vw;
        display: grid;
        grid-template-columns: 1fr 1.1fr;
        grid-gap: 20px;
        gap: 20px;
        margin: 10px auto
    }

    .FormTMOne_main__1W3v8 .FormTMOne_selectorContainer__2w3o6 .FormTMOne_staffSelect__3BHbg {
        width: 100%;
        margin: 0
    }

    .FormTMOne_main__1W3v8 .FormTMOne_selectorContainer__2w3o6 div:nth-child(2) {
        margin-left: 0
    }

    .FormTMOne_main__1W3v8 .FormTMOne_container__1UlOn {
        width: 100vw;
        overflow: scroll
    }

    .FormTMOne_main__1W3v8 .FormTMOne_container__1UlOn .FormTMOne_tables__3G0RD {
        width: -webkit-max-content;
        width: max-content;
        zoom:.7}
}

.LangContainer_container__IHmqI div h3 {
    font-size: 16px
}

.ByAgeContainer_container__32HHM>div>h3,.ForeignLangsContainer_container__1jsye>div>h3,.LangContainer_container__IHmqI div h3 {
    border-left: 1px solid #bbdefb;
    border-right: 1px solid #bbdefb;
    color: #0d36a6
}

.RegionStatistics_container__2F-eP {
    display: flex;
    justify-content: flex-start;
    width: 950px;
    margin: 30px auto
}

.RegionStatistics_container__2F-eP>header div:nth-child(2) {
    top: -50px;
    left: 260px
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .RegionStatistics_container__2F-eP {
        width:100vw;
        margin: 0 auto
    }

    .RegionStatistics_container__2F-eP>header {
        display: flex;
        flex-direction: column-reverse
    }

    .RegionStatistics_container__2F-eP>header>div {
        padding: 10px 0
    }

    .RegionStatistics_container__2F-eP>header>div:nth-child(2) {
        top: inherit;
        left: inherit
    }
}

.FormTMTwo_staffSelect__LC1YL {
    width: 260px
}

.FormTMTwo_staffSelect__LC1YL>div {
    border-color: transparent;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 20px
}

.FormTMTwo_staffSelect__LC1YL>div p {
    text-align: center
}

.FormTMTwo_main__3cJ6T {
    display: flex;
    flex-direction: column
}

.FormTMTwo_main__3cJ6T .FormTMTwo_container__qshVC {
    display: flex;
    flex-direction: column;
    margin: 20px auto 0
}

.FormTMTwo_main__3cJ6T>.FormTMTwo_selectorContainer__2nULz {
    display: flex;
    justify-content: flex-end;
    width: 1100px;
    margin: 30px auto 10px
}

.FormTMTwo_main__3cJ6T>.FormTMTwo_selectorContainer__2nULz>div:nth-child(2) {
    margin-left: 20px
}

@media print {
    .FormTMTwo_main__3cJ6T {
        margin-left: -50px;
        zoom:.9}
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .FormTMTwo_main__3cJ6T {
        width:100vw;
        margin: 0 20px
    }

    .FormTMTwo_main__3cJ6T .FormTMTwo_selectorContainer__2nULz {
        width: 100vw;
        display: grid;
        grid-template-columns: 1fr 1.1fr;
        grid-gap: 20px;
        gap: 20px;
        margin: 10px auto
    }

    .FormTMTwo_main__3cJ6T .FormTMTwo_selectorContainer__2nULz .FormTMTwo_staffSelect__LC1YL {
        width: 100%;
        margin: 0
    }

    .FormTMTwo_main__3cJ6T .FormTMTwo_selectorContainer__2nULz div:nth-child(2) {
        margin-left: 0
    }

    .FormTMTwo_main__3cJ6T .FormTMTwo_container__qshVC {
        width: 100vw;
        overflow: scroll
    }

    .FormTMTwo_main__3cJ6T .FormTMTwo_container__qshVC .FormTMTwo_tables__2mDVC {
        width: -webkit-max-content;
        width: max-content;
        zoom:.7}
}

.LangContainer_container__Zrqx7>div>section>div {
    border-left: 1px solid #bbdefb;
    border-right: 1px solid #bbdefb
}

.LangContainer_container__Zrqx7>div>section>div>p {
    color: #0d36a6
}

.KnowledgeLevelContainer_container__17BuD>div>section>div {
    border-left: 1px solid #bbdefb;
    border-right: 1px solid #bbdefb
}

.KnowledgeLevelContainer_container__17BuD>div>section>div>p {
    color: #0d36a6
}

.LeftSchoolContainer_container__3-3Ru>div>section>div {
    border-left: 1px solid #bbdefb;
    border-right: 1px solid #bbdefb
}

.LeftSchoolContainer_container__3-3Ru>div>section>div>p {
    color: #0d36a6
}

.LeftSchoolContainer_container__3-3Ru .LeftSchoolContainer_totalInCity__2idkE {
    width: -webkit-max-content;
    width: max-content
}

.LeftSchoolContainer_container__3-3Ru .LeftSchoolContainer_totalInCity__2idkE>section {
    height: inherit
}

.LeftSchoolContainer_container__3-3Ru .LeftSchoolContainer_totalInCity__2idkE>section>h3 {
    padding: 10px 0;
    background: #5fb3fb;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: .15px
}

.LeftSchoolContainer_container__3-3Ru .LeftSchoolContainer_totalInCity__2idkE>section>div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 15px 0
}

.LeftSchoolContainer_container__3-3Ru .LeftSchoolContainer_totalInCity__2idkE>section>div>p {
    text-align: center
}

.LeftSchoolContainer_container__3-3Ru .LeftSchoolContainer_totalInCity__2idkE>div {
    border: 1px solid #bbdefb
}

.LeftSchoolContainer_container__3-3Ru .LeftSchoolContainer_totalInCity__2idkE>div * {
    font-size: 14px
}

.LeftSchoolContainer_container__3-3Ru .LeftSchoolContainer_totalInCity__2idkE>div>header {
    display: grid;
    grid-template-columns: 250px 1fr 1fr 100px;
    border-bottom: 1px solid #bbdefb
}

.LeftSchoolContainer_container__3-3Ru .LeftSchoolContainer_totalInCity__2idkE>div>header .LeftSchoolContainer_classes__2DKkx {
    display: grid;
    grid-template-columns: 1.5fr 1fr
}

.LeftSchoolContainer_container__3-3Ru .LeftSchoolContainer_totalInCity__2idkE>div>header .LeftSchoolContainer_classes__2DKkx>p {
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #bbdefb
}

.LeftSchoolContainer_container__3-3Ru .LeftSchoolContainer_totalInCity__2idkE>div>header .LeftSchoolContainer_regions__a6oEE {
    display: grid;
    grid-template-rows: 30px 140px
}

.LeftSchoolContainer_container__3-3Ru .LeftSchoolContainer_totalInCity__2idkE>div>header .LeftSchoolContainer_regions__a6oEE>span {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #bbdefb;
    border-right: 1px solid #bbdefb;
    border-top: none
}

.LeftSchoolContainer_container__3-3Ru .LeftSchoolContainer_totalInCity__2idkE>div>header .LeftSchoolContainer_regions__a6oEE>ul {
    display: grid;
    grid-template-columns: repeat(6,60px)
}

.LeftSchoolContainer_container__3-3Ru .LeftSchoolContainer_totalInCity__2idkE>div>header .LeftSchoolContainer_regions__a6oEE>ul>li {
    border-right: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center
}

.LeftSchoolContainer_container__3-3Ru .LeftSchoolContainer_totalInCity__2idkE>div>header .LeftSchoolContainer_regions__a6oEE>ul>li>span {
    line-height: 14px;
    transform: rotate(-90deg);
    text-align: center;
    letter-spacing: .9px
}

.LeftSchoolContainer_container__3-3Ru .LeftSchoolContainer_totalInCity__2idkE>div>header .LeftSchoolContainer_reasons__2EfHE {
    display: grid;
    grid-template-rows: 30px 140px
}

.LeftSchoolContainer_container__3-3Ru .LeftSchoolContainer_totalInCity__2idkE>div>header .LeftSchoolContainer_reasons__2EfHE>span {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #bbdefb;
    border-right: 1px solid #bbdefb;
    border-top: none
}

.LeftSchoolContainer_container__3-3Ru .LeftSchoolContainer_totalInCity__2idkE>div>header .LeftSchoolContainer_reasons__2EfHE>ul {
    display: grid;
    grid-template-columns: repeat(6,60px)
}

.LeftSchoolContainer_container__3-3Ru .LeftSchoolContainer_totalInCity__2idkE>div>header .LeftSchoolContainer_reasons__2EfHE>ul>li {
    border-right: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center
}

.LeftSchoolContainer_container__3-3Ru .LeftSchoolContainer_totalInCity__2idkE>div>header .LeftSchoolContainer_reasons__2EfHE>ul>li>span {
    line-height: 14px;
    transform: rotate(-90deg);
    text-align: center
}

.LeftSchoolContainer_container__3-3Ru .LeftSchoolContainer_totalInCity__2idkE>div>header .LeftSchoolContainer_total__2vQXI {
    display: grid;
    background: #70ccfa
}

.LeftSchoolContainer_container__3-3Ru .LeftSchoolContainer_totalInCity__2idkE>div>header .LeftSchoolContainer_total__2vQXI>li {
    border-right: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center
}

.LeftSchoolContainer_container__3-3Ru .LeftSchoolContainer_totalInCity__2idkE>div>header .LeftSchoolContainer_total__2vQXI>li>span {
    line-height: 14px;
    transform: rotate(-90deg);
    text-align: center
}

.LeftSchoolContainer_container__3-3Ru .LeftSchoolContainer_totalInCity__2idkE>div>main>div {
    display: grid;
    grid-template-columns: 150px auto
}

.LeftSchoolContainer_container__3-3Ru .LeftSchoolContainer_totalInCity__2idkE>div>main>div>span {
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #bbdefb;
    border-bottom: 1px solid #bbdefb
}

.LeftSchoolContainer_container__3-3Ru .LeftSchoolContainer_totalInCity__2idkE>div>main>div>section {
    display: grid;
    grid-template-rows: 40px 40px
}

.LeftSchoolContainer_container__3-3Ru .LeftSchoolContainer_totalInCity__2idkE>div>main>div>section>ul {
    display: grid;
    grid-template-columns: 100px repeat(6,60px) repeat(6,60px) auto
}

.LeftSchoolContainer_container__3-3Ru .LeftSchoolContainer_totalInCity__2idkE>div>main>div>section>ul>li {
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #bbdefb;
    border-bottom: 1px solid #bbdefb;
    text-align: center
}

.LeftSchoolContainer_container__3-3Ru .LeftSchoolContainer_totalInCity__2idkE>div>main>div:last-child,.LeftSchoolContainer_container__3-3Ru .LeftSchoolContainer_totalInCity__2idkE>div>main>div>section>ul>li:last-child {
    background: #70ccfa
}

.LeftSchoolContainer_container__3-3Ru .LeftSchoolContainer_totalInCity__2idkE>div>main>div:last-child>section>ul>li {
    border: none
}

.CameSchoolContainer_container__2Cgg9>div>section>div {
    border-left: 1px solid #bbdefb;
    border-right: 1px solid #bbdefb
}

.CameSchoolContainer_container__2Cgg9>div>section>div>p {
    color: #0d36a6
}

.CameSchoolContainer_container__2Cgg9 .CameSchoolContainer_totalInCity__2mPSH {
    width: 1050px
}

.CameSchoolContainer_container__2Cgg9 .CameSchoolContainer_totalInCity__2mPSH>section {
    height: inherit
}

.CameSchoolContainer_container__2Cgg9 .CameSchoolContainer_totalInCity__2mPSH>section>h3 {
    background: #5fb3fb;
    padding: 10px 0;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: .15px
}

.CameSchoolContainer_container__2Cgg9 .CameSchoolContainer_totalInCity__2mPSH>section>div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 15px 0
}

.CameSchoolContainer_container__2Cgg9 .CameSchoolContainer_totalInCity__2mPSH>section>div>p {
    text-align: center
}

.CameSchoolContainer_container__2Cgg9 .CameSchoolContainer_totalInCity__2mPSH>div {
    border: 1px solid #bbdefb
}

.CameSchoolContainer_container__2Cgg9 .CameSchoolContainer_totalInCity__2mPSH>div * {
    font-size: 14px
}

.CameSchoolContainer_container__2Cgg9 .CameSchoolContainer_totalInCity__2mPSH>div>header {
    display: grid;
    grid-template-columns: 3fr 6fr 1fr;
    border-bottom: 1px solid #bbdefb
}

.CameSchoolContainer_container__2Cgg9 .CameSchoolContainer_totalInCity__2mPSH>div>header .CameSchoolContainer_classes__2Zlad {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.CameSchoolContainer_container__2Cgg9 .CameSchoolContainer_totalInCity__2mPSH>div>header .CameSchoolContainer_classes__2Zlad>p {
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #bbdefb
}

.CameSchoolContainer_container__2Cgg9 .CameSchoolContainer_totalInCity__2mPSH>div>header .CameSchoolContainer_regions__1pkUh {
    display: grid;
    grid-template-rows: 30px 140px
}

.CameSchoolContainer_container__2Cgg9 .CameSchoolContainer_totalInCity__2mPSH>div>header .CameSchoolContainer_regions__1pkUh>span {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #bbdefb;
    border-right: 1px solid #bbdefb;
    border-top: none
}

.CameSchoolContainer_container__2Cgg9 .CameSchoolContainer_totalInCity__2mPSH>div>header .CameSchoolContainer_regions__1pkUh>ul {
    display: grid;
    grid-template-columns: repeat(6,1fr)
}

.CameSchoolContainer_container__2Cgg9 .CameSchoolContainer_totalInCity__2mPSH>div>header .CameSchoolContainer_regions__1pkUh>ul>li {
    border-right: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center
}

.CameSchoolContainer_container__2Cgg9 .CameSchoolContainer_totalInCity__2mPSH>div>header .CameSchoolContainer_regions__1pkUh>ul>li>span {
    line-height: 14px;
    transform: rotate(-90deg);
    text-align: center;
    letter-spacing: .9px
}

.CameSchoolContainer_container__2Cgg9 .CameSchoolContainer_totalInCity__2mPSH>div>header .CameSchoolContainer_total__2Qz8_ {
    display: grid;
    background: #70ccfa
}

.CameSchoolContainer_container__2Cgg9 .CameSchoolContainer_totalInCity__2mPSH>div>header .CameSchoolContainer_total__2Qz8_>li {
    border-right: 1px solid #bbdefb;
    display: flex;
    align-items: center;
    justify-content: center
}

.CameSchoolContainer_container__2Cgg9 .CameSchoolContainer_totalInCity__2mPSH>div>header .CameSchoolContainer_total__2Qz8_>li>span {
    line-height: 14px;
    transform: rotate(-90deg);
    text-align: center
}

.CameSchoolContainer_container__2Cgg9 .CameSchoolContainer_totalInCity__2mPSH>div>main>div {
    display: grid;
    grid-template-columns: 1.5fr 8.5fr
}

.CameSchoolContainer_container__2Cgg9 .CameSchoolContainer_totalInCity__2mPSH>div>main>div>span {
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #bbdefb;
    border-bottom: 1px solid #bbdefb
}

.CameSchoolContainer_container__2Cgg9 .CameSchoolContainer_totalInCity__2mPSH>div>main>div>section {
    display: grid;
    grid-template-rows: 40px 40px
}

.CameSchoolContainer_container__2Cgg9 .CameSchoolContainer_totalInCity__2mPSH>div>main>div>section>ul {
    display: grid;
    grid-template-columns: 1.5fr repeat(7,1fr)
}

.CameSchoolContainer_container__2Cgg9 .CameSchoolContainer_totalInCity__2mPSH>div>main>div>section>ul>li {
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #bbdefb;
    border-bottom: 1px solid #bbdefb;
    text-align: center
}

.CameSchoolContainer_container__2Cgg9 .CameSchoolContainer_totalInCity__2mPSH>div>main>div:last-child,.CameSchoolContainer_container__2Cgg9 .CameSchoolContainer_totalInCity__2mPSH>div>main>div>section>ul>li:last-child {
    background: #70ccfa
}

.CameSchoolContainer_container__2Cgg9 .CameSchoolContainer_totalInCity__2mPSH>div>main>div:last-child>section>ul>li {
    border: none
}

.Kom_main__38iHD {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-left: 0
}

.Kom_main__38iHD>.Kom_selectorContainer__2sPkL {
    display: flex;
    width: 1100px;
    justify-content: flex-end;
    margin: auto
}

.Kom_main__38iHD>.Kom_selectorContainer__2sPkL>.Kom_selector__3cCPq {
    box-shadow: 0 2px 2px rgba(0,0,0,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 20px
}

.Kom_main__38iHD>.Kom_selectorContainer__2sPkL>.Kom_selector__3cCPq>div {
    border: none
}

.Kom_main__38iHD>.Kom_selectorContainer__2sPkL>div:nth-child(2) {
    margin-left: 20px
}

.Kom_main__38iHD .Kom_container__3zmf- {
    display: flex;
    flex-direction: column;
    margin: 0 auto
}

.Kom_tables__1sZq5 {
    padding-top: 35px;
    margin-bottom: 80px;
    margin-left: 140px
}

@media print {
    .Kom_main__38iHD {
        margin-left: -150px;
        zoom:.9}
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Kom_main__38iHD {
        width:100vw;
        margin: 0 20px
    }

    .Kom_main__38iHD .Kom_selectorContainer__2sPkL {
        width: 100vw;
        display: grid;
        grid-template-columns: 1fr 1.1fr;
        grid-gap: 20px;
        gap: 20px;
        margin: 10px auto
    }

    .Kom_main__38iHD .Kom_selectorContainer__2sPkL .Kom_staffSelect__1YfFM {
        width: 100%;
        margin: 0
    }

    .Kom_main__38iHD .Kom_selectorContainer__2sPkL div:nth-child(2) {
        margin-left: 0
    }

    .Kom_main__38iHD .Kom_selectorContainer__2sPkL .Kom_selector__3cCPq {
        width: 100%
    }

    .Kom_main__38iHD .Kom_container__3zmf- {
        width: 100vw;
        overflow: scroll
    }

    .Kom_main__38iHD .Kom_container__3zmf- .Kom_tables__1sZq5 {
        width: -webkit-max-content;
        width: max-content;
        zoom:.7;margin-left: 0;
        padding-top: 10px
    }
}

.TeacherWorkContainer_container__1PX8v>div>h3 {
    background: #bbdefb;
    padding: 8px 0;
    text-align: center;
    font-weight: 700;
    margin-top: 20px
}

.TeacherWorkContainer_container__1PX8v>div div>h3 {
    border-left: 2px solid #bbdefb;
    border-right: 2px solid #bbdefb;
    color: #0d36a6
}

.WorkYearsContainer_container__2pIwR h3 {
    background: #bbdefb;
    padding: 8px 0;
    text-align: center;
    font-weight: 700
}

.WorkYearsContainer_container__2pIwR div>h3 {
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 38px;
    font-size: 16px;
    line-height: 38px
}

.ByAgeContainer_container__2atuP>div>h3,.WorkYearsContainer_container__2pIwR div>h3 {
    border-left: 2px solid #bbdefb;
    border-right: 2px solid #bbdefb;
    color: #0d36a6
}

.Scarcity_main__33oQQ {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.Scarcity_main__33oQQ>h3 {
    height: 38px;
    font-size: 16px;
    line-height: 38px;
    text-align: center
}

.Scarcity_main__33oQQ>header {
    display: grid;
    grid-template-columns: 475px 480px;
    grid-template-rows: 170px;
    font-size: 14px
}

.Scarcity_main__33oQQ>header>span {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-left: 1px solid #bbdefb;
    border-top: 1px solid #bbdefb;
    border-color: #bbdefb;
    border-style: solid;
    border-width: 2px 1px 1px 2px
}

.Scarcity_main__33oQQ>header>ul {
    display: grid;
    grid-template-columns: repeat(8,60px)
}

.Scarcity_main__33oQQ>header>ul>li {
    display: flex;
    border: 1px solid #bbdefb;
    border-top: 2px solid #bbdefb;
    text-align: center;
    align-items: center;
    justify-content: center
}

.Scarcity_main__33oQQ>header>ul>li:last-child {
    border-right: 2px solid #bbdefb
}

.Scarcity_main__33oQQ>header>ul>li>span {
    text-align: center;
    transform: rotate(-90deg)
}

.Scarcity_main__33oQQ main {
    display: flex;
    flex-direction: column;
    font-size: 12px
}

.Scarcity_main__33oQQ main>div>span {
    width: 100%;
    height: 30px;
    border-left: 1px solid #bbdefb;
    border-right: 1px solid #bbdefb;
    border-color: #bbdefb;
    border-style: solid;
    border-width: 1px 2px;
    padding-left: 190px;
    display: flex;
    align-items: center
}

.Scarcity_main__33oQQ main>div>ul {
    display: grid;
    grid-template-columns: 475px repeat(8,60px)
}

.Scarcity_main__33oQQ main>div>ul input[type=number]::-webkit-inner-spin-button,.Scarcity_main__33oQQ main>div>ul input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none
}

.Scarcity_main__33oQQ main>div>ul>li {
    display: block;
    border: 1px solid #bbdefb;
    justify-content: center;
    align-items: center;
    padding: 5px 0;
    text-align: center
}

.Scarcity_main__33oQQ main>div>ul>li:first-child {
    text-align: left;
    border-left: 2px solid #bbdefb
}

.Scarcity_main__33oQQ main>div>ul>li:last-child {
    border-right: 2px solid #bbdefb
}

.Scarcity_main__33oQQ main>div>ul>li>input {
    font-size: 12px;
    width: 100%;
    text-align: center
}

.Scarcity_main__33oQQ main>div>ul>li:first-child {
    padding: 5px 15px;
    justify-content: flex-start
}

.Scarcity_main__33oQQ main>div>ul>li:first-child>span {
    padding-left: 30px;
    height: 30px
}

.Scarcity_main__33oQQ main>div>ul:last-child {
    background: #70ccfa
}

.Scarcity_main__33oQQ main>div>ul:last-child>li:first-child {
    display: flex;
    justify-content: flex-end;
    padding-right: 25px
}

.GeneralSumContainer_container__StC4l>h3 {
    background: #bbdefb;
    padding: 8px 0;
    text-align: center;
    font-weight: 700;
    margin-top: 20px
}

.GeneralSumContainer_container__StC4l>div>h3 {
    border-left: 2px solid #bbdefb;
    border-right: 2px solid #bbdefb;
    color: #0d36a6
}

.AcademicYear_main__2wvXh .AcademicYear_selectorContainer__3rbRO {
    display: flex;
    justify-content: flex-end;
    width: 1100px;
    margin: 0 auto 40px
}

.AcademicYear_main__2wvXh .AcademicYear_selectorContainer__3rbRO .AcademicYear_staffSelect__1lzQF {
    width: 260px;
    margin-left: 30px
}

.AcademicYear_main__2wvXh .AcademicYear_selectorContainer__3rbRO .AcademicYear_staffSelect__1lzQF>div {
    border-color: transparent;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 20px
}

.AcademicYear_main__2wvXh .AcademicYear_selectorContainer__3rbRO .AcademicYear_staffSelect__1lzQF>div p {
    text-align: center
}

@media print {
    .AcademicYear_main__2wvXh {
        zoom:.7}
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .AcademicYear_main__2wvXh>div {
        width:100vw!important
    }

    .AcademicYear_main__2wvXh .AcademicYear_table__1mij- {
        overflow: scroll;
        margin: 20px auto
    }

    .AcademicYear_main__2wvXh .AcademicYear_table__1mij- .AcademicYear_regionName__2_eTb {
        zoom:.7}

    .AcademicYear_main__2wvXh .AcademicYear_table__1mij- .AcademicYear_region__84hXL {
        width: 1230px;
        zoom:.7}

    .AcademicYear_main__2wvXh .AcademicYear_selectorContainer__3rbRO {
        display: grid;
        grid-template-columns: 1fr 1.3fr;
        width: 100vw;
        grid-gap: 30px;
        gap: 30px;
        margin: auto
    }

    .AcademicYear_main__2wvXh .AcademicYear_selectorContainer__3rbRO>.AcademicYear_staffSelect__1lzQF {
        width: 100%;
        margin: 0
    }
}

.Schools_clearBtn__30j-A {
    background: transparent;
    color: #777;
    position: absolute;
    top: 40px;
    left: 600px;
    border: none;
    font-size: 16px
}

.Schools_main__3y8xr {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 1080px;
    margin: 0 auto
}

.Schools_main__3y8xr .Schools_searcherContainer__3r7h- {
    display: flex;
    align-items: baseline;
    position: relative
}

.Schools_main__3y8xr .Schools_searcher__3_HdM {
    padding: 0;
    display: flex;
    margin: 30px 0 20px
}

.Schools_main__3y8xr .Schools_searcher__3_HdM>div,.Schools_main__3y8xr .Schools_searcher__3_HdM>div>form {
    display: flex
}

.Schools_main__3y8xr .Schools_searcher__3_HdM>div>form>input {
    height: 40px;
    width: 620px;
    border-radius: 25px 0 0 25px;
    box-shadow: 0 4px 4px rgba(187,222,251,.25),2px 0 10px rgba(227,242,253,.25);
    display: flex;
    margin: 0;
    border: 2px solid #bbdefb;
    padding-left: 25px
}

.Schools_main__3y8xr .Schools_searcher__3_HdM>div>form>button {
    margin: 0;
    line-height: 18px;
    display: flex;
    align-items: center;
    font-size: 16px;
    padding: 8px 24px;
    text-align: center;
    color: #fff;
    background: #2962ff;
    border-radius: 0 25px 25px 0;
    border: 2px solid #bbdefb;
    box-shadow: 0 4px 4px rgba(187,222,251,.25),2px 0 10px rgba(227,242,253,.25);
    cursor: pointer;
    transition: .6s ease
}

.Schools_main__3y8xr .Schools_searcher__3_HdM>div>form>button>img {
    margin-right: 7px
}

.Schools_main__3y8xr .Schools_searcher__3_HdM>div>form>button:disabled {
    cursor: not-allowed
}

.Schools_main__3y8xr .Schools_tableContainer__2g8_A .Schools_table__1cGrs>header {
    grid-template-columns: 80px 200px 300px 300px 200px
}

.Schools_main__3y8xr .Schools_tableContainer__2g8_A .Schools_table__1cGrs>header>span:last-child {
    padding-left: 17px;
    justify-content: start
}

.Schools_main__3y8xr .Schools_tableContainer__2g8_A .Schools_tableList__nwm3O {
    height: 520px;
    overflow-y: scroll;
    overflow-x: hidden
}

.Schools_main__3y8xr .Schools_tableContainer__2g8_A .Schools_tableList__nwm3O>div>div {
    display: grid;
    grid-template-columns: 80px 200px 300px 300px 200px;
    border-bottom: 1px solid #e2e2e2
}

.Schools_main__3y8xr .Schools_tableContainer__2g8_A .Schools_tableList__nwm3O>div>div:hover {
    background: hsla(0,0%,97.3%,.61);
    border-bottom-color: #2962ff;
    cursor: pointer
}

.Schools_main__3y8xr .Schools_tableContainer__2g8_A .Schools_tableList__nwm3O>div>div:hover>p {
    color: #2962ff
}

.Schools_main__3y8xr .Schools_tableContainer__2g8_A .Schools_tableList__nwm3O>div>div:hover>p>svg>path {
    fill: #2962ff
}

.Schools_main__3y8xr .Schools_tableContainer__2g8_A .Schools_tableList__nwm3O>div>div>p {
    padding: 10px 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.Schools_main__3y8xr .Schools_tableContainer__2g8_A .Schools_tableList__nwm3O>div>div>p>span {
    display: flex;
    justify-content: flex-start
}

.Schools_main__3y8xr .Schools_tableContainer__2g8_A .Schools_tableList__nwm3O>div>div>span {
    display: flex;
    align-items: center;
    padding: 0 15px
}

.Schools_main__3y8xr .Schools_tableContainer__2g8_A .Schools_tableList__nwm3O>div>div>span>button {
    border: none;
    display: inline-block;
    background: transparent;
    cursor: pointer
}

@media print {
    .Schools_tableContainer__2g8_A {
        zoom:.9}

    .Schools_tableContainer__2g8_A .Schools_tableList__nwm3O {
        height: inherit!important
    }
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Schools_main__3y8xr {
        width:100vw;
        margin: 0 auto 20px
    }

    .Schools_main__3y8xr>.Schools_searchCont__1lcIb {
        display: flex;
        flex-direction: column-reverse;
        margin: 10px 0
    }

    .Schools_main__3y8xr>.Schools_searchCont__1lcIb>div {
        margin: 10px 0
    }

    .Schools_main__3y8xr>div {
        padding: 10px 0
    }

    .Schools_main__3y8xr .Schools_tableContainer__2g8_A .Schools_tableListMobi__3bjTY {
        width: 100vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: auto;
        height: 600px;
        overflow: scroll;
        justify-content: start
    }

    .Schools_main__3y8xr .Schools_tableContainer__2g8_A .Schools_tableListMobi__3bjTY div {
        width: 100%
    }

    .Schools_main__3y8xr .Schools_tableContainer__2g8_A .Schools_tableListMobi__3bjTY div>.Schools_rowOne__2ky5H {
        min-height: 30px;
        display: grid;
        grid-template-columns: 30px 1fr 1fr
    }

    .Schools_main__3y8xr .Schools_tableContainer__2g8_A .Schools_tableListMobi__3bjTY div>.Schools_rowOne__2ky5H p,.Schools_main__3y8xr .Schools_tableContainer__2g8_A .Schools_tableListMobi__3bjTY div>.Schools_rowOne__2ky5H span {
        font-size: 12px;
        padding-left: 10px;
        display: flex;
        align-items: center;
        border-left: 1px solid #fff
    }

    .Schools_main__3y8xr .Schools_tableContainer__2g8_A .Schools_tableListMobi__3bjTY div>.Schools_rowOne__2ky5H:first-child {
        background: #e3f2fd
    }

    .Schools_main__3y8xr .Schools_tableContainer__2g8_A .Schools_tableListMobi__3bjTY div>.Schools_rowTwo__2kuwZ {
        min-height: 30px;
        display: grid;
        grid-template-columns: 1fr 1fr
    }

    .Schools_main__3y8xr .Schools_tableContainer__2g8_A .Schools_tableListMobi__3bjTY div>.Schools_rowTwo__2kuwZ p,.Schools_main__3y8xr .Schools_tableContainer__2g8_A .Schools_tableListMobi__3bjTY div>.Schools_rowTwo__2kuwZ span {
        font-size: 12px;
        padding-left: 10px;
        display: flex;
        align-items: center;
        border-left: 1px solid #fff
    }

    .Schools_main__3y8xr .Schools_tableContainer__2g8_A .Schools_tableListMobi__3bjTY div>.Schools_rowTwo__2kuwZ p:last-child,.Schools_main__3y8xr .Schools_tableContainer__2g8_A .Schools_tableListMobi__3bjTY div>.Schools_rowTwo__2kuwZ span:last-child {
        margin-left: 15px
    }

    .Schools_main__3y8xr .Schools_tableContainer__2g8_A .Schools_tableListMobi__3bjTY div>header.Schools_rowTwo__2kuwZ {
        background: #e2e2e2
    }
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .SchoolsRegion_container__qEgj5 .SchoolsRegion_navContainer__xKzq0>div>div {
        justify-content:center
    }
}

.NavStatisticsProgLeft_main__16WoM {
    min-height: 90vh;
    background: #fff;
    box-shadow: 1px 0 7px #f2f4f5,0 4px 4px #f2f4f5
}

.NavStatisticsProgLeft_main__16WoM>nav {
    margin-top: 75px
}

.NavStatisticsProgLeft_main__16WoM>nav>ul>li {
    position: relative;
    height: 50px;
    font-weight: 400;
    font-size: 16px;
    padding-left: 40px;
    display: flex;
    align-items: center;
    transition: all 2s ease-in-out
}

.NavStatisticsProgLeft_main__16WoM>nav>ul>li:hover {
    cursor: pointer;
    background: linear-gradient(90deg,#e3eaff,rgba(227,242,253,.25))
}

.NavStatisticsProgLeft_main__16WoM>nav>ul>li>span {
    display: flex;
    align-items: center;
    text-transform: uppercase
}

.NavStatisticsProgLeft_main__16WoM>nav>ul>li>span>svg {
    margin-right: 20px
}

.NavStatisticsProgLeft_main__16WoM>nav>ul>.NavStatisticsProgLeft_activeLink__Vz85H {
    background: linear-gradient(90deg,#e3f2fd,rgba(227,242,253,.25))
}

.NavStatisticsProgLeft_main__16WoM>nav>ul>.NavStatisticsProgLeft_activeLink__Vz85H:before {
    content: "";
    position: absolute;
    left: 0;
    height: 50px;
    background: #2962ff;
    width: 4px
}

.NavStatisticsProgLeft_main__16WoM>nav>ul>.NavStatisticsProgLeft_activeLink__Vz85H>span {
    color: #2979ff
}

.NavStatisticsProgLeft_main__16WoM>nav>ul>.NavStatisticsProgLeft_activeLink__Vz85H>span>svg,.NavStatisticsProgLeft_main__16WoM>nav>ul>.NavStatisticsProgLeft_activeLink__Vz85H>span>svg>path {
    fill: #2979ff
}

.NavStatisticsProgRight_main__3LxqZ {
    height: 100%;
    background: #fff;
    box-shadow: 1px 0 7px #f2f4f5,0 4px 4px #f2f4f5
}

.NavStatisticsProgRight_main__3LxqZ>nav {
    margin-top: 75px
}

.NavStatisticsProgRight_main__3LxqZ>nav>ul>li {
    position: relative;
    height: 50px;
    font-weight: 400;
    font-size: 16px;
    padding-left: 40px;
    display: flex;
    align-items: center
}

.NavStatisticsProgRight_main__3LxqZ>nav>ul>li:hover {
    cursor: pointer;
    background: linear-gradient(90deg,#e3eaff,rgba(227,242,253,.25))
}

.NavStatisticsProgRight_main__3LxqZ>nav>ul>li>span {
    display: flex;
    align-items: center;
    text-transform: uppercase
}

.NavStatisticsProgRight_main__3LxqZ>nav>ul>.NavStatisticsProgRight_activeLink__RVTva {
    background: linear-gradient(90deg,#e3f2fd,rgba(227,242,253,.25))
}

.NavStatisticsProgRight_main__3LxqZ>nav>ul>.NavStatisticsProgRight_activeLink__RVTva:before {
    content: "";
    position: absolute;
    left: 0;
    height: 50px;
    background: #2962ff;
    width: 4px
}

.NavStatisticsProgRight_main__3LxqZ>nav>ul>.NavStatisticsProgRight_activeLink__RVTva>span {
    color: #2979ff
}

.Statistics_container__1nQh8 {
    width: 241px;
    height: 140px;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    text-transform: uppercase;
    color: #fff;
    margin: 10px;
    padding: 8px;
    letter-spacing: .15px;
    background: linear-gradient(180deg,#0063ff,#0032ba)
}

.Statistics_container__1nQh8>section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.Statistics_container__1nQh8>section>p {
    color: #fff
}

.Statistics_container__1nQh8>section>p:first-child {
    font-size: 24px;
    line-height: 38px
}

.Statistics_container__1nQh8>section>p:nth-child(2) {
    font-size: 16px
}

.Statistics_container__1nQh8>div {
    display: flex;
    width: 210px;
    justify-content: space-between;
    font-size: 12px;
    align-items: center
}

.Statistics_container__1nQh8>div>p {
    color: #fff;
    font-size: 12px;
    font-family: "SFPro";
    font-weight: 400
}

.Statistics_container__1nQh8>div>p:nth-child(3) {
    font-weight: 700
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Statistics_container__1nQh8 {
        zoom:.8
    }
}

.StatisticsHeader_main__1D4tc {
    margin: 20px auto;
    display: flex;
    justify-content: center;
    align-items: center
}

.StatisticsHeader_main__1D4tc .StatisticsHeader_container__1lFBZ {
    width: 780px;
    height: 100px;
    display: flex;
    border-radius: 100px;
    background: linear-gradient(93.61deg,#0063ff -.61%,#008aff 98.07%);
    justify-content: space-between;
    align-items: center;
    color: #fff
}

.StatisticsHeader_main__1D4tc .StatisticsHeader_container__1lFBZ .StatisticsHeader_textCont__1l0jF {
    margin-left: 60px
}

.StatisticsHeader_main__1D4tc .StatisticsHeader_container__1lFBZ .StatisticsHeader_textCont__1l0jF>div>p {
    color: #fff;
    font-weight: 400
}

.StatisticsHeader_main__1D4tc .StatisticsHeader_container__1lFBZ .StatisticsHeader_textCont__1l0jF>div>p:first-letter {
    text-transform: uppercase
}

.StatisticsHeader_main__1D4tc .StatisticsHeader_container__1lFBZ .StatisticsHeader_textCont__1l0jF>div>p:first-child {
    font-size: 24px;
    line-height: 38px;
    letter-spacing: .15px
}

.StatisticsHeader_main__1D4tc .StatisticsHeader_container__1lFBZ .StatisticsHeader_circleCont__1zdjr {
    overflow: hidden;
    border-radius: 0 50px 50px 0;
    height: 100px;
    display: flex
}

.StatisticsHeader_main__1D4tc .StatisticsHeader_container__1lFBZ .StatisticsHeader_circleCont__1zdjr .StatisticsHeader_bigCircle__9jycF {
    width: 250px;
    height: 250px;
    background: linear-gradient(133.55deg,hsla(0,0%,100%,.3) 25.11%,hsla(0,0%,100%,0) 97.32%);
    border-radius: 50%;
    margin-top: 50px;
    margin-right: -90px
}

.StatisticsHeader_main__1D4tc .StatisticsHeader_container__1lFBZ .StatisticsHeader_circleCont__1zdjr .StatisticsHeader_smallCircle__1voT7 {
    width: 120px;
    height: 120px;
    background: linear-gradient(133.55deg,hsla(0,0%,100%,.3) 25.11%,hsla(0,0%,100%,0) 97.32%);
    border-radius: 50%;
    margin-right: -50px;
    margin-top: 50px;
    -webkit-backdrop-filter: blur(1.5px);
    backdrop-filter: blur(1.5px)
}

.StatisticsHeader_main__1D4tc .StatisticsHeader_container__1lFBZ .StatisticsHeader_imgCont__1PRwP {
    position: relative;
    top: -110px
}

.StatisticsHeader_main__1D4tc .StatisticsHeader_container__1lFBZ .StatisticsHeader_imgCont__1PRwP>.StatisticsHeader_mainImg__Fwg0x {
    position: absolute;
    left: 15px;
    top: -10px
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .StatisticsHeader_main__1D4tc .StatisticsHeader_container__1lFBZ {
        width:100vw;
        height: 80px;
        align-items: start
    }

    .StatisticsHeader_main__1D4tc .StatisticsHeader_container__1lFBZ .StatisticsHeader_circleCont__1zdjr {
        height: 80px
    }

    .StatisticsHeader_main__1D4tc .StatisticsHeader_container__1lFBZ .StatisticsHeader_textCont__1l0jF {
        position: relative;
        margin-left: 30px;
        height: 100%
    }

    .StatisticsHeader_main__1D4tc .StatisticsHeader_container__1lFBZ .StatisticsHeader_textCont__1l0jF>div {
        position: absolute;
        width: 160px;
        top: 0;
        margin-left: 0;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: start;
        flex-direction: column
    }

    .StatisticsHeader_main__1D4tc .StatisticsHeader_container__1lFBZ .StatisticsHeader_textCont__1l0jF>div>p {
        color: #fff;
        font-weight: 400;
        font-size: 12px;
        padding: 2px 0
    }

    .StatisticsHeader_main__1D4tc .StatisticsHeader_container__1lFBZ .StatisticsHeader_textCont__1l0jF>div>p:first-letter {
        text-transform: uppercase
    }

    .StatisticsHeader_main__1D4tc .StatisticsHeader_container__1lFBZ .StatisticsHeader_textCont__1l0jF>div>p:first-child {
        font-size: 16px;
        line-height: 20px
    }

    .StatisticsHeader_main__1D4tc .StatisticsHeader_container__1lFBZ .StatisticsHeader_imgCont__1PRwP>.StatisticsHeader_mainImg__Fwg0x {
        position: absolute;
        right: 15px;
        height: 90px;
        top: 0;
        left: inherit
    }
}

.Parents_statisticsCardCards__1CyhQ {
    margin: auto;
    width: 785px;
    display: flex;
    flex-wrap: wrap
}

.Parents_statisticsCardCards__1CyhQ>div:first-child {
    background: linear-gradient(180deg,#0063ff,#0032ba)
}

.Parents_statisticsCardCards__1CyhQ>div:nth-child(2) {
    background: linear-gradient(180deg,#0063ff,#0d36a6)
}

.Parents_statisticsCardCards__1CyhQ:nth-child(3) {
    background: linear-gradient(180deg,#0063ff,#0032ba)
}

.Parents_statisticsCardCards__1CyhQ:nth-child(4) {
    background: linear-gradient(180deg,#0060f8,#0032ba)
}

.Parents_statisticsCardCards__1CyhQ:nth-child(5) {
    background: linear-gradient(180deg,#0063ff,#0d36a6)
}

.Parents_statisticsCardCards__1CyhQ:nth-child(6) {
    background: linear-gradient(180deg,#0063ff,#0032ba)
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Parents_statisticsCardCards__1CyhQ {
        width:100vw;
        overflow: scroll;
        flex-wrap: nowrap
    }

    ::-webkit-scrollbar {
        height: 3px
    }
}

.Schools_statisticsCardCards__kYotB {
    margin: auto;
    width: 785px;
    display: flex;
    flex-wrap: wrap
}

.Schools_statisticsCardCards__kYotB>div:first-child {
    background: linear-gradient(180deg,#0063ff,#0032ba)
}

.Schools_statisticsCardCards__kYotB>div:nth-child(2) {
    background: linear-gradient(180deg,#0063ff,#0d36a6)
}

.Schools_statisticsCardCards__kYotB:nth-child(3) {
    background: linear-gradient(180deg,#0063ff,#0032ba)
}

.Schools_statisticsCardCards__kYotB:nth-child(4) {
    background: linear-gradient(180deg,#0060f8,#0032ba)
}

.Schools_statisticsCardCards__kYotB:nth-child(5) {
    background: linear-gradient(180deg,#0063ff,#0d36a6)
}

.Schools_statisticsCardCards__kYotB:nth-child(6) {
    background: linear-gradient(180deg,#0063ff,#0032ba)
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Schools_statisticsCardCards__kYotB {
        width:100vw;
        overflow: scroll;
        flex-wrap: nowrap
    }

    ::-webkit-scrollbar {
        height: 3px
    }
}

.Students_statisticsCardCards__1OokH {
    margin: auto;
    width: 785px;
    display: flex;
    flex-wrap: wrap
}

.Students_statisticsCardCards__1OokH>div:first-child {
    background: linear-gradient(180deg,#0063ff,#0032ba)
}

.Students_statisticsCardCards__1OokH>div:nth-child(2) {
    background: linear-gradient(180deg,#0063ff,#0d36a6)
}

.Students_statisticsCardCards__1OokH:nth-child(3) {
    background: linear-gradient(180deg,#0063ff,#0032ba)
}

.Students_statisticsCardCards__1OokH:nth-child(4) {
    background: linear-gradient(180deg,#0060f8,#0032ba)
}

.Students_statisticsCardCards__1OokH:nth-child(5) {
    background: linear-gradient(180deg,#0063ff,#0d36a6)
}

.Students_statisticsCardCards__1OokH:nth-child(6) {
    background: linear-gradient(180deg,#0063ff,#0032ba)
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Students_statisticsCardCards__1OokH {
        width:100vw;
        overflow: scroll;
        flex-wrap: nowrap
    }

    ::-webkit-scrollbar {
        height: 3px
    }
}

.Teachers_statisticsCardCards__2dJgM {
    margin: auto;
    width: 785px;
    display: flex;
    flex-wrap: wrap
}

.Teachers_statisticsCardCards__2dJgM>div:first-child {
    background: linear-gradient(180deg,#0063ff,#0032ba)
}

.Teachers_statisticsCardCards__2dJgM>div:nth-child(2) {
    background: linear-gradient(180deg,#0063ff,#0d36a6)
}

.Teachers_statisticsCardCards__2dJgM:nth-child(3) {
    background: linear-gradient(180deg,#0063ff,#0032ba)
}

.Teachers_statisticsCardCards__2dJgM:nth-child(4) {
    background: linear-gradient(180deg,#0060f8,#0032ba)
}

.Teachers_statisticsCardCards__2dJgM:nth-child(5) {
    background: linear-gradient(180deg,#0063ff,#0d36a6)
}

.Teachers_statisticsCardCards__2dJgM:nth-child(6) {
    background: linear-gradient(180deg,#0063ff,#0032ba)
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .Teachers_statisticsCardCards__2dJgM {
        width:100vw;
        overflow: scroll;
        flex-wrap: nowrap
    }

    ::-webkit-scrollbar {
        height: 3px
    }
}

.ChartsContainer_main__1jDOR {
    padding: 20px 30px 100px
}

@page {
    margin: 2cm
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .ChartsContainer_main__1jDOR {
        padding:10px 15px
    }
}

.SelectorsContainer_main__36G3Q {
    margin: 20px
}

.SelectorsContainer_main__36G3Q .SelectorsContainer_selectorsContainer__2yw8P {
    display: flex;
    width: 780px;
    margin: auto;
    justify-content: flex-end
}

.SelectorsContainer_main__36G3Q .SelectorsContainer_selectorsContainer__2yw8P>div {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
    gap: 30px
}

.SelectorsContainer_main__36G3Q .SelectorsContainer_selectorsContainer__2yw8P .SelectorsContainer_staffSelect__aE05t>div {
    border-color: transparent;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 20px
}

.SelectorsContainer_main__36G3Q .SelectorsContainer_selectorsContainer__2yw8P .SelectorsContainer_staffSelect__aE05t>div p {
    text-align: center
}

@media (max-width: 768px) and (min-width:320px) {
    .SelectorsContainer_main__36G3Q .SelectorsContainer_selectorsContainer__2yw8P {
        width:inherit
    }

    .SelectorsContainer_main__36G3Q .SelectorsContainer_selectorsContainer__2yw8P>div {
        grid-template-columns: 1fr 1fr!important;
        grid-gap: 20px;
        gap: 20px;
        width: 100%
    }
}

.StatisticsContent_main__10NZu {
    height: 100%
}

.StatisticsContent_main__10NZu .StatisticsContent_cards__3F_uY {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.StatisticsContent_main__10NZu .StatisticsContent_cards__3F_uY>section {
    display: flex;
    justify-content: center
}

.StatisticsContent_main__10NZu .StatisticsContent_cards__3F_uY>section>div {
    position: relative;
    left: 495px
}

.StatisticsContent_main__10NZu .StatisticsContent_cards__3F_uY>section>div:first-child {
    width: 240px;
    margin: 20px
}

.StatisticsContent_main__10NZu .StatisticsContent_cards__3F_uY>section>div:first-child>div {
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border: none
}

.StatisticsContent_main__10NZu .StatisticsContent_cards__3F_uY>section>div:nth-child(2) {
    margin-right: 0;
    margin-left: 50px;
    top: 0
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .StatisticsContent_main__10NZu .StatisticsContent_cards__3F_uY>section {
        justify-content:start;
        padding: 0 20px
    }

    .StatisticsContent_main__10NZu .StatisticsContent_cards__3F_uY>section>div {
        left: 0
    }

    .StatisticsContent_main__10NZu .StatisticsContent_cards__3F_uY>section>div:first-child {
        margin: 0;
        width: 210px
    }

    .StatisticsContent_main__10NZu .StatisticsContent_cards__3F_uY>section .StatisticsContent_staffSelect__w0fbb>div {
        border-radius: 20px
    }
}

.StatisticsProg_main__1aQek {
    display: grid;
    width: 100%;
    grid-template-columns: 290px 1fr 290px
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .StatisticsProg_mobiMain__1PkDW {
        display:flex;
        flex-direction: column
    }

    .StatisticsProg_mobiMain__1PkDW .StatisticsProg_printCont__3W_X6 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px 20px 0
    }

    .StatisticsProg_mobiMain__1PkDW .StatisticsProg_printCont__3W_X6>h3 {
        font-size: 12px;
        color: #2979ff;
        font-weight: 400;
        text-transform: uppercase
    }

    .StatisticsProg_mobiMain__1PkDW .StatisticsProg_mainSelectorCont__12PXh {
        padding: 0 20px
    }

    .StatisticsProg_mobiMain__1PkDW .StatisticsProg_mainSelectorCont__12PXh>span {
        margin: 10px 0
    }

    .StatisticsProg_mobiMain__1PkDW .StatisticsProg_mainSelectorCont__12PXh>div {
        display: none
    }
}

.ChangePassword_main__2iHGr {
    width: 339px
}

.ChangePassword_main__2iHGr>h1 {
    font-size: 18px;
    color: rgba(41,121,255,.8705882352941177)
}

.ChangePassword_main__2iHGr>p {
    font-size: 12px;
    color: #777776;
    margin-top: 11px;
    line-height: 16px
}

.ChangePassword_main__2iHGr>form {
    margin-top: 17px
}

.ChangePassword_main__2iHGr>form>div>p {
    font-size: 18px
}

.ChangePassword_main__2iHGr>form>div .ChangePassword_field__MjK-7 {
    margin-top: 5px
}

.ChangePassword_main__2iHGr>form>div .ChangePassword_field__MjK-7 label {
    font-size: 24px
}

.ChangePassword_main__2iHGr>form>div .ChangePassword_field__MjK-7 label path {
    color: #c4c4c4
}

.ChangePassword_main__2iHGr>form>div:nth-child(2) {
    margin-top: 14px
}

.ChangePassword_main__2iHGr>form button {
    width: 160px;
    margin: 40px auto 0
}

.ModalChangeAvatarPassword_main__3tL_Y {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
    width: 280px;
    height: 165px
}

.ModalChangeAvatarPassword_main__3tL_Y>h1 {
    font-size: 18px;
    color: #2979ff;
    margin-bottom: 10px
}

.ModalChangeAvatarPassword_main__3tL_Y>div {
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer
}

.ModalChangeAvatarPassword_main__3tL_Y>div svg {
    font-size: 43px
}

.ModalChangeAvatarPassword_main__3tL_Y>div svg circle,.ModalChangeAvatarPassword_main__3tL_Y>div svg path,.ModalChangeAvatarPassword_main__3tL_Y>div svg rect {
    color: #c4c4c4
}

.ModalChangeAvatarPassword_main__3tL_Y>div>p {
    margin-left: 20px;
    font-size: 18px;
    margin-top: 4px
}

.ModalChangeAvatarPassword_main__3tL_Y>div:hover {
    background: #f8f8f8
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .ModalChangeAvatarPassword_main__3tL_Y {
        grid-gap:2px;
        width: 260px
    }

    .ModalChangeAvatarPassword_main__3tL_Y>h1 {
        font-size: 14px;
        margin-bottom: 20px;
        padding-left: 10px
    }

    .ModalChangeAvatarPassword_main__3tL_Y>div svg {
        font-size: 25px
    }

    .ModalChangeAvatarPassword_main__3tL_Y>div>p {
        font-size: 12px
    }
}

.ModalChangePassword_main__yNo1S {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
    width: 367px
}

.ModalChangePassword_main__yNo1S>h1 {
    font-size: 18px;
    color: #2979ff
}

.ModalChangePassword_main__yNo1S>div>p {
    font-size: 18px;
    margin-bottom: 5px
}

.ModalChangePassword_main__yNo1S>div svg {
    font-size: 24px
}

.ModalChangePassword_main__yNo1S>div svg path,.ModalChangePassword_main__yNo1S>div svg rect {
    color: #c4c4c4
}

.ModalChangePassword_main__yNo1S>button {
    width: 160px;
    margin: 10px auto 0
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .ModalChangePassword_main__yNo1S {
        width:auto
    }

    .ModalChangePassword_main__yNo1S>h1 {
        font-size: 14px
    }

    .ModalChangePassword_main__yNo1S>div>p {
        font-size: 12px
    }

    .ModalChangePassword_main__yNo1S>div svg {
        font-size: 17px
    }

    .ModalChangePassword_main__yNo1S>button {
        width: 110px;
        font-size: 14px
    }
}

.ModalChangeAvatar_main__2r6Pw {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 30px;
    width: 417px
}

.ModalChangeAvatar_main__2r6Pw>h1 {
    font-size: 18px;
    color: #2979ff
}

.ModalChangeAvatar_main__2r6Pw>div,.ModalChangeAvatar_main__2r6Pw>label {
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer
}

.ModalChangeAvatar_main__2r6Pw>div svg,.ModalChangeAvatar_main__2r6Pw>label svg {
    font-size: 28px
}

.ModalChangeAvatar_main__2r6Pw>div svg circle,.ModalChangeAvatar_main__2r6Pw>div svg path,.ModalChangeAvatar_main__2r6Pw>div svg polyline,.ModalChangeAvatar_main__2r6Pw>div svg rect,.ModalChangeAvatar_main__2r6Pw>label svg circle,.ModalChangeAvatar_main__2r6Pw>label svg path,.ModalChangeAvatar_main__2r6Pw>label svg polyline,.ModalChangeAvatar_main__2r6Pw>label svg rect {
    color: #c4c4c4
}

.ModalChangeAvatar_main__2r6Pw>div>p,.ModalChangeAvatar_main__2r6Pw>label>p {
    margin-left: 20px;
    font-size: 18px
}

.ModalChangeAvatar_main__2r6Pw>div:hover,.ModalChangeAvatar_main__2r6Pw>label:hover {
    background: #f8f8f8
}

.ModalChangeAvatar_main__2r6Pw>button {
    width: 160px;
    margin: 0 auto
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .ModalChangeAvatar_main__2r6Pw {
        display:grid;
        grid-template-columns: 1fr;
        grid-gap: 3px;
        width: 260px
    }

    .ModalChangeAvatar_main__2r6Pw>h1 {
        font-size: 14px;
        color: #2979ff;
        padding-left: 10px;
        margin-bottom: 20px
    }

    .ModalChangeAvatar_main__2r6Pw>div,.ModalChangeAvatar_main__2r6Pw>label {
        display: flex;
        align-items: center;
        padding: 10px;
        border-radius: 5px;
        cursor: pointer
    }

    .ModalChangeAvatar_main__2r6Pw>div svg,.ModalChangeAvatar_main__2r6Pw>label svg {
        font-size: 25px
    }

    .ModalChangeAvatar_main__2r6Pw>div svg circle,.ModalChangeAvatar_main__2r6Pw>div svg path,.ModalChangeAvatar_main__2r6Pw>div svg polyline,.ModalChangeAvatar_main__2r6Pw>div svg rect,.ModalChangeAvatar_main__2r6Pw>label svg circle,.ModalChangeAvatar_main__2r6Pw>label svg path,.ModalChangeAvatar_main__2r6Pw>label svg polyline,.ModalChangeAvatar_main__2r6Pw>label svg rect {
        color: #c4c4c4
    }

    .ModalChangeAvatar_main__2r6Pw>div>p,.ModalChangeAvatar_main__2r6Pw>label>p {
        margin-left: 20px;
        font-size: 12px
    }

    .ModalChangeAvatar_main__2r6Pw>div:hover,.ModalChangeAvatar_main__2r6Pw>label:hover {
        background: #f8f8f8
    }

    .ModalChangeAvatar_main__2r6Pw>button {
        width: 110px;
        margin: 0 auto;
        font-size: 14px
    }
}

.Camera_main__3_zxs {
    display: grid;
    grid-gap: 30px
}

.Camera_main__3_zxs .Camera_blockCaptureMe__3Xc6y {
    position: relative
}

.Camera_main__3_zxs .Camera_blockCaptureMe__3Xc6y header .Camera_loadCamera__2_vOC {
    width: 417px;
    height: 313px;
    border: 1px solid #d2d2d8;
    border-radius: 20px;
    background-color: #f4f4f9;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px
}

.Camera_main__3_zxs .Camera_blockCaptureMe__3Xc6y header .Camera_loadCamera__2_vOC h1 {
    font-size: 16px;
    text-align: center
}

.Camera_main__3_zxs .Camera_blockCaptureMe__3Xc6y header .Camera_blockVideo__2OwFm {
    position: relative;
    width: 100%
}

.Camera_main__3_zxs .Camera_blockCaptureMe__3Xc6y header .Camera_blockVideo__2OwFm video {
    transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    width: 100%;
    height: 100%;
    border-radius: 20px
}

.Camera_main__3_zxs .Camera_blockCaptureMe__3Xc6y header .Camera_blockVideo__2OwFm .Camera_blockFaceID__1H-yc {
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    width: 100%
}

.Camera_main__3_zxs .Camera_blockCaptureMe__3Xc6y header .Camera_blockCanvas__37QAQ {
    position: relative
}

.Camera_main__3_zxs .Camera_blockCaptureMe__3Xc6y header .Camera_blockCanvas__37QAQ .Camera_canvas__2rdOo {
    width: 100%;
    border: 1px solid #d2d2d8;
    border-radius: 20px
}

.Camera_main__3_zxs .Camera_blockCaptureMe__3Xc6y header .Camera_blockCanvas__37QAQ div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    border-radius: 20px
}

.Camera_main__3_zxs .Camera_blockCaptureMe__3Xc6y header .Camera_blockCanvas__37QAQ div p {
    background-color: rgba(34,34,34,.5);
    padding: 20px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    border-radius: 20px
}

.Camera_main__3_zxs .Camera_blockCaptureMe__3Xc6y header .Camera_noActive__3neHs {
    display: none
}

.Camera_main__3_zxs .Camera_blockCaptureMe__3Xc6y header .Camera_isOpacity__d55wm {
    opacity: .5
}

.Camera_main__3_zxs .Camera_blockCaptureMe__3Xc6y footer {
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    width: 100%
}

.Camera_main__3_zxs .Camera_blockCaptureMe__3Xc6y footer button {
    background-color: #2979ff;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    cursor: pointer;
    outline: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 3px 12px 0 #2979ff;
    transform: scale(1)
}

.Camera_main__3_zxs .Camera_blockCaptureMe__3Xc6y footer button svg {
    font-size: 30px
}

.Camera_main__3_zxs .Camera_blockCaptureMe__3Xc6y footer button svg circle,.Camera_main__3_zxs .Camera_blockCaptureMe__3Xc6y footer button svg path {
    color: #fff
}

.Camera_main__3_zxs .Camera_blockCaptureMe__3Xc6y footer button:active {
    transform: scale(.98)
}

.Camera_main__3_zxs .Camera_blockCaptureMe__3Xc6y footer>span button:first-child path,.Camera_main__3_zxs .Camera_blockCaptureMe__3Xc6y footer>span button:first-child polyline {
    color: #2979ff
}

.Camera_main__3_zxs .Camera_blockCaptureMe__3Xc6y footer>span button:last-child svg {
    position: relative;
    left: -1px;
    top: 2px
}

.Camera_main__3_zxs .Camera_blockCaptureMe__3Xc6y footer>span button:last-child svg line,.Camera_main__3_zxs .Camera_blockCaptureMe__3Xc6y footer>span button:last-child svg polygon {
    color: #fff
}

.Camera_main__3_zxs .Camera_blockCaptureMe__3Xc6y footer .Camera_capture__bln47:disabled {
    background-color: #d2d2d8;
    box-shadow: 0 3px 12px 0 #d2d2d8;
    cursor: not-allowed
}

.Camera_main__3_zxs .Camera_blockCaptureMe__3Xc6y footer span {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 30px
}

.Camera_main__3_zxs .Camera_blockCaptureMe__3Xc6y footer span button:first-child {
    background-color: #eceff1;
    box-shadow: 0 3px 12px 0 #b5b7b8
}

.Language_main__F9CVV {
    position: relative
}

.Language_main__F9CVV>.Language_btnLang__1gjyi {
    padding: 0 10px 0 12px;
    width: 120px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    grid-gap: 5px;
    font-size: 16px;
    cursor: pointer;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border: none;
    background: #fff;
    border-radius: 20px
}

.Language_main__F9CVV>.Language_btnLang__1gjyi svg {
    transform: rotate(0deg);
    transition: transform .2s ease-in;
    pointer-events: none
}

.Language_main__F9CVV .Language_btnActiveLang__31-7M svg {
    transform: rotate(180deg);
    transition: transform .2s ease-in
}

.Language_main__F9CVV span {
    margin-top: 1px;
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    width: 120px;
    height: 40px;
    padding: 8px 0;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    z-index: 999
}

.Language_main__F9CVV span button {
    display: block;
    width: 100%;
    background: #42a5f5;
    color: #fff;
    outline: none;
    border: none;
    text-align: left;
    padding: 0 10px 0 12px;
    height: 100%;
    font-size: 14px;
    cursor: pointer
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .Language_main__F9CVV {
        display:none
    }
}

.Navbar_main__1zQ6y {
    display: flex
}

.Navbar_main__1zQ6y>a {
    text-decoration: none;
    padding: 34px 0;
    border-bottom: 4px solid transparent;
    font-size: 18px;
    position: relative;
    white-space: nowrap;
    margin: 0 30px;
    text-transform: uppercase
}

.Navbar_main__1zQ6y>a:active {
    color: #2979ff;
    border-color: #2979ff
}

.Navbar_main__1zQ6y>a:first-child {
    margin-left: 0
}

.Navbar_main__1zQ6y>div {
    display: flex;
    position: relative
}

.Navbar_main__1zQ6y>div>a {
    text-decoration: none;
    padding: 34px 0;
    border-bottom: 4px solid transparent;
    font-size: 18px;
    position: relative;
    align-self: center
}

.Navbar_main__1zQ6y>div>.Navbar_aActive__2yv1E {
    color: #2979ff;
    border-color: #2979ff
}

.Navbar_main__1zQ6y>div>ul {
    position: absolute;
    top: 97px;
    left: 0;
    right: 0;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 0 0 20px 20px;
    padding: 10px 20px
}

.Navbar_main__1zQ6y>div>ul>li {
    padding: 7px 0;
    cursor: pointer
}

.Navbar_main__1zQ6y>div>ul>li:hover {
    color: #2979ff
}

.Navbar_main__1zQ6y .Navbar_navLinkActive__2UQUh {
    color: #2979ff;
    border-color: #2979ff
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .Navbar_main__1zQ6y .Navbar_navLinkActive__2UQUh {
        color:#2979ff;
        border-color: none!important;
        background: #f1f1f1
    }
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .Navbar_main__1zQ6y div>.Navbar_btnLang__3xz7P {
        padding:0 10px 0 12px;
        width: 100px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        grid-gap: 5px;
        font-size: 16px;
        cursor: pointer;
        box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
        border: none;
        outline: none;
        background: #fff;
        border-radius: 4px
    }

    .Navbar_main__1zQ6y div>.Navbar_btnLang__3xz7P svg {
        transform: rotate(0deg);
        transition: transform .2s ease-in;
        pointer-events: none
    }

    .Navbar_main__1zQ6y div .Navbar_btnActiveLang__1Je1i svg {
        transform: rotate(180deg);
        transition: transform .2s ease-in
    }

    .Navbar_main__1zQ6y div details[open] summary:after {
        content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB2SURBVHgBbY8tEoAgEEZ3aY6FIxA1cgOv4EnU5liMGrmJRyFq5Ag04goKDDP6lf174S1CETESryo4nIPeKLRpz0rIA6svXf3WHExNu9AABKq4TeeGKkPNTIIx0ETAC8j6WV47GoweOijBN8b7SRY9/oDnl+B3Ay6cH3CaNUakAAAAAElFTkSuQmCC);
        font-family: "Font Awesome 5 free";
        font-size: 30px;
        margin-bottom: -1px
    }

    .Navbar_main__1zQ6y div details>div {
        margin-top: 7px;
        margin-left: 10px
    }

    .Navbar_main__1zQ6y div details summary:after {
        content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABESURBVHgBfY5BDQAwCAMrYRImESlImhMkIGGDhQcjYZfchzahAMDm/ug5hilNQSK/TFNLQeP+QKVEaOC8o8P/L6QdzgE9zxrqxB0uTwAAAABJRU5ErkJggg==);
        font-family: "Font Awesome 5 free";
        margin-left: 17px;
        font-size: 30px;
        margin-top: -21px;
        height: 50%
    }

    .Navbar_main__1zQ6y div details summary {
        color: #000;
        padding: 5px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        list-style: none
    }

    .Navbar_main__1zQ6y div details summary i {
        font-size: 30px
    }

    .Navbar_main__1zQ6y div details summary:active,.Navbar_main__1zQ6y div details summary:hover {
        color: #2979ff
    }

    .Navbar_main__1zQ6y div details summary::-webkit-details-marker {
        display: none
    }

    .Navbar_main__1zQ6y>a {
        text-decoration: none;
        padding: 20px 0;
        border-bottom: none;
        font-size: 18px;
        position: relative;
        white-space: nowrap;
        margin-left: 70px;
        width: 220px
    }

    .Navbar_main__1zQ6y>a:first-child {
        margin-left: 0
    }

    .Navbar_main__1zQ6y>div>a {
        border-bottom: none
    }

    .Navbar_navLinkActive__2UQUh {
        color: #2979ff;
        border-color: none
    }
}

.SelectRole_main__1tiay {
    height: 100%;
    cursor: pointer
}

.SelectRole_main__1tiay .SelectRole_links__kIwcc,.SelectRole_main__1tiay .SelectRole_selectRole__2ah69 {
    display: flex;
    background: #e3f2fd;
    align-items: center;
    height: 100%;
    text-decoration: none;
    padding-right: 25px;
    padding-left: 20px;
    min-width: 270px
}

.SelectRole_main__1tiay .SelectRole_links__kIwcc i,.SelectRole_main__1tiay .SelectRole_links__kIwcc img,.SelectRole_main__1tiay .SelectRole_selectRole__2ah69 i,.SelectRole_main__1tiay .SelectRole_selectRole__2ah69 img {
    pointer-events: none;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    margin-right: 21px
}

.SelectRole_main__1tiay .SelectRole_links__kIwcc span,.SelectRole_main__1tiay .SelectRole_selectRole__2ah69 span {
    pointer-events: none
}

.SelectRole_main__1tiay .SelectRole_links__kIwcc span h1,.SelectRole_main__1tiay .SelectRole_selectRole__2ah69 span h1 {
    font-size: 16px
}

.SelectRole_main__1tiay .SelectRole_links__kIwcc span h2,.SelectRole_main__1tiay .SelectRole_selectRole__2ah69 span h2 {
    font-size: 14px;
    margin-top: 5px;
    color: #505050
}

.SelectRole_main__1tiay>div:nth-child(2) {
    box-shadow: 0 8px 16px 0 rgba(74,74,74,.2);
    border-radius: 0 0 10px 10px;
    overflow: hidden;
    margin-top: 1px
}

.SelectRole_main__1tiay>div:nth-child(2)>div {
    height: 93px;
    background: #fff;
    border-bottom: 1px solid #e7e7e7
}

.SelectRole_main__1tiay>div:nth-child(2)>div:hover {
    background: #e3f2fd
}

.SelectRole_main__1tiay>div:nth-child(2) .SelectRole_extra__3jVY- {
    display: flex;
    align-items: center;
    padding: 0 20px
}

.SelectRole_main__1tiay>div:nth-child(2) .SelectRole_extra__3jVY->img {
    height: 35px;
    margin-right: 23px
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .SelectRole_main__1tiay {
        width:100%;
        height: 50px
    }

    .SelectRole_main__1tiay .SelectRole_selectRole__2ah69 {
        width: 100%
    }

    .SelectRole_main__1tiay .SelectRole_links__kIwcc,.SelectRole_main__1tiay .SelectRole_selectRole__2ah69 {
        width: 100%;
        font-size: 9px;
        grid-gap: 5px;
        padding: 20px 10px;
        min-width: 140px
    }

    .SelectRole_main__1tiay .SelectRole_links__kIwcc i,.SelectRole_main__1tiay .SelectRole_links__kIwcc img,.SelectRole_main__1tiay .SelectRole_selectRole__2ah69 i,.SelectRole_main__1tiay .SelectRole_selectRole__2ah69 img {
        max-width: 22px;
        min-width: 22px;
        height: 22px;
        margin: 10px 5px 10px 10px
    }

    .SelectRole_main__1tiay .SelectRole_links__kIwcc span h1,.SelectRole_main__1tiay .SelectRole_selectRole__2ah69 span h1 {
        padding: 2px 0;
        font-size: 10px;
        margin: 0 auto;
        line-height: 135%;
        letter-spacing: .15px
    }

    .SelectRole_main__1tiay .SelectRole_links__kIwcc span h2,.SelectRole_main__1tiay .SelectRole_selectRole__2ah69 span h2 {
        padding: 0;
        line-height: 130%;
        font-size: 10px;
        margin-top: .5px;
        letter-spacing: .15px
    }

    .SelectRole_main__1tiay>div:nth-child(2) {
        position: absolute;
        left: 0;
        right: 0;
        background-color: #fff;
        position: relative
    }

    .SelectRole_main__1tiay>div:nth-child(2)>div {
        height: auto;
        padding: 5px
    }

    .SelectRole_main__1tiay>div:nth-child(2)>div i {
        height: 23x
    }

    .SelectRole_main__1tiay>div:nth-child(2) .SelectRole_extra__3jVY- {
        padding: 8px 10px
    }

    .SelectRole_main__1tiay>div:nth-child(2) .SelectRole_extra__3jVY->svg {
        margin: 0 5px
    }

    .SelectRole_main__1tiay>div:nth-child(2) .SelectRole_extra__3jVY->img {
        height: 22px;
        margin: 11px 9px 11px 5px
    }

    .SelectRole_main__1tiay>div:nth-child(2) .SelectRole_extra__3jVY- p {
        font-size: 10px;
        line-height: 12.8px
    }
}

.NStudent_main__VJqaN {
    display: flex
}

.NStudent_main__VJqaN>a {
    text-decoration: none;
    padding: 34px 0;
    border-bottom: 4px solid transparent;
    font-size: 18px;
    position: relative;
    white-space: nowrap;
    margin: 0 30px;
    text-transform: uppercase
}

.NStudent_main__VJqaN>a:active {
    color: #2979ff;
    border-color: #2979ff
}

.NStudent_main__VJqaN>a:first-child {
    margin-left: 0
}

.NStudent_main__VJqaN .NStudent_navLinkActive__1ZM5U {
    color: #2979ff;
    border-color: #2979ff
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .NStudent_navbarContainer__33GtS>div>div>button {
        padding:15px 40px
    }
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .RightNavbarChildren_main__2pdjj>div {
        display:flex
    }

    .RightNavbarChildren_main__2pdjj>div>button {
        border: none;
        background: #fff;
        padding: 5px 0 10px 80px;
        display: flex;
        align-items: center;
        justify-content: flex-start
    }

    .RightNavbarChildren_main__2pdjj>div .RightNavbarChildren_activeLink__tPYav,.RightNavbarChildren_main__2pdjj>div>button:active {
        color: #2979ff
    }
}

.Header_main__1LjXw {
    width: 100%;
    box-shadow: 0 2px 4px rgba(187,222,251,.2),0 4px 5px rgba(187,222,251,.14),0 1px 10px rgba(0,0,0,.12);
    background: #fff;
    z-index: 999
}

.Header_main__1LjXw nav {
    max-width: inherit;
    width: 100%;
    margin: 0 auto;
    height: 95px;
    display: flex;
    justify-content: space-evenly
}

.Header_main__1LjXw nav>div:first-child {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.Header_main__1LjXw nav>div:first-child>a {
    margin: 0 80px
}

.Header_main__1LjXw nav>div:first-child>a>img {
    height: 40px
}

.Header_main__1LjXw nav>div:nth-child(2) {
    display: flex;
    align-items: center
}

.Header_main__1LjXw nav>div:nth-child(2)>div:last-child {
    margin-left: 50px
}

.Header_main__1LjXw nav>div:last-child {
    display: none
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .Header_main__1LjXw {
        height:50px;
        display: flex
    }

    .Header_main__1LjXw .Header_container__21wXn {
        width: 100%;
        padding: 0 30px;
        height: 100%;
        display: flex;
        justify-content: space-between
    }

    .Header_main__1LjXw nav {
        height: 100%;
        width: 100%;
        align-items: center
    }

    .Header_main__1LjXw nav>div:first-child {
        grid-gap: 1px;
        margin-right: 0
    }

    .Header_main__1LjXw nav>div:first-child>a {
        display: flex;
        margin: 0 5px 0 20px
    }

    .Header_main__1LjXw nav>div:first-child>a>img {
        height: 24px;
        width: 80px
    }

    .Header_main__1LjXw nav>div:first-child div:first-child {
        display: none;
        margin-left: 0
    }

    .Header_main__1LjXw nav>div:nth-child(2) {
        width: 40%;
        margin-left: 35px
    }

    .Header_main__1LjXw nav>div:nth-child(3) {
        display: block;
        justify-content: flex-end;
        margin: 10px 20px 10px 30px
    }
}

.Hamburger_main__1V1B0 {
    width: 30px;
    height: 20px;
    display: flex;
    justify-content: space-between;
    flex-flow: column nowrap;
    align-items: center;
    z-index: 9999;
    padding: 0;
    margin: 2px
}

.Hamburger_main__1V1B0 div {
    width: 30px;
    height: 3.5px;
    background-color: #000
}

.RightBar_lngs__2YBtZ .RightBar_btnActive__1dYhi section span {
    color: #2979ff!important
}

.RightBar_lngs__2YBtZ .RightBar_currentLng__1M4TF {
    width: 100%;
    border: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.2rem 0 40px;
    height: 7vh;
    background: #fff
}

.RightBar_lngs__2YBtZ .RightBar_currentLng__1M4TF>svg {
    transition: all .4s ease-out
}

.RightBar_lngs__2YBtZ .RightBar_currentLng__1M4TF>.RightBar_down__2HF0d {
    transform: rotate(180deg);
    fill: #202020
}

.RightBar_lngs__2YBtZ .RightBar_currentLng__1M4TF>.RightBar_up__1rFcm {
    transform: rotate(0deg);
    fill: #2979ff
}

.RightBar_lngs__2YBtZ .RightBar_currentLng__1M4TF>section {
    display: flex;
    align-items: center;
    font-size: 14px;
    letter-spacing: .4px
}

.RightBar_lngs__2YBtZ .RightBar_currentLng__1M4TF>section>span {
    margin-left: 15px
}

.RightBar_lngs__2YBtZ .RightBar_lngs_container__LlVbs .RightBar_lng_btns__3WZIh {
    width: 100%;
    border: none;
    display: flex;
    align-items: center;
    padding: 0 1.2rem 0 40px;
    height: 7vh;
    background: #fff
}

.RightBar_lngs__2YBtZ .RightBar_lngs_container__LlVbs .RightBar_lng_btns__3WZIh>span {
    margin-left: 15px;
    font-size: 14px;
    letter-spacing: .4px
}

.RightBar_footer__9v9GQ div>div span p:nth-child(2),.RightBar_footer__9v9GQ div>div span p:nth-child(3),.RightBar_footer__9v9GQ div>div span p:nth-child(4) {
    display: none!important
}

.NTeacher_main__xj-VN {
    display: flex
}

.NTeacher_main__xj-VN>a {
    text-decoration: none;
    padding: 34px 0;
    border-bottom: 4px solid transparent;
    font-size: 18px;
    position: relative;
    white-space: nowrap;
    margin: 0 30px;
    text-transform: uppercase
}

.NTeacher_main__xj-VN>a:active {
    color: #2979ff;
    border-color: #2979ff
}

.NTeacher_main__xj-VN>a:first-child {
    margin-left: 0
}

.NTeacher_main__xj-VN .NTeacher_navLinkActive__bbAn_ {
    color: #2979ff;
    border-color: #2979ff
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .NTeacher_main__xj-VN>section>a {
        text-decoration:none;
        padding: inherit
    }

    .NTeacher_main__xj-VN>div .NTeacher_btnActive__2_LR3 {
        color: #2979ff
    }
}

.NClassRoomTeacher_main__2NOc9 {
    display: flex
}

.NClassRoomTeacher_main__2NOc9>a {
    text-decoration: none;
    padding: 34px 0;
    border-bottom: 4px solid transparent;
    font-size: 18px;
    position: relative;
    white-space: nowrap;
    margin: 0 30px;
    text-transform: uppercase
}

.NClassRoomTeacher_main__2NOc9>a:active {
    color: #2979ff;
    border-color: #2979ff
}

.NClassRoomTeacher_main__2NOc9>a:first-child {
    margin-left: 0
}

.NClassRoomTeacher_main__2NOc9 .NClassRoomTeacher_navLinkActive__1lDVs {
    color: #2979ff;
    border-color: #2979ff
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .NClassRoomTeacher_main__2NOc9>section>a {
        text-decoration:none;
        padding: inherit
    }

    .NClassRoomTeacher_main__2NOc9>div .NClassRoomTeacher_studentName__28zA- {
        width: 100%;
        border: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 1.2rem 0 40px;
        height: 7vh;
        background: #fff
    }

    .NClassRoomTeacher_main__2NOc9>div .NClassRoomTeacher_studentName__28zA->svg {
        transition: all .4s ease-out
    }

    .NClassRoomTeacher_main__2NOc9>div .NClassRoomTeacher_studentName__28zA->.NClassRoomTeacher_down__3yz6k {
        transform: rotate(180deg);
        fill: #202020
    }

    .NClassRoomTeacher_main__2NOc9>div .NClassRoomTeacher_studentName__28zA->.NClassRoomTeacher_up__1dHHD {
        transform: rotate(0deg);
        fill: #2979ff
    }

    .NClassRoomTeacher_main__2NOc9>div .NClassRoomTeacher_btnActive__1qccG {
        color: #2979ff
    }
}

.NSchoolAdmin_main__1fZVD {
    display: flex;
    text-transform: uppercase
}

.NSchoolAdmin_main__1fZVD>a {
    text-decoration: none;
    padding: 34px 0;
    border-bottom: 4px solid transparent;
    font-size: 18px;
    position: relative;
    white-space: nowrap;
    margin-left: 70px
}

.NSchoolAdmin_main__1fZVD>div {
    display: flex;
    position: relative
}

.NSchoolAdmin_main__1fZVD>div>a {
    text-decoration: none;
    padding: 34px 0;
    border-bottom: 4px solid transparent;
    font-size: 18px;
    position: relative;
    align-self: center
}

.NSchoolAdmin_main__1fZVD>div>.NSchoolAdmin_aActive__21vGW {
    color: #2979ff;
    border-color: #2979ff
}

.NSchoolAdmin_main__1fZVD>div>ul {
    position: absolute;
    top: 97px;
    left: 0;
    right: 0;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 0 0 4px 4px;
    padding: 10px 20px
}

.NSchoolAdmin_main__1fZVD>div>ul>li {
    padding: 7px 0;
    cursor: pointer
}

.NSchoolAdmin_main__1fZVD>div>ul>li:hover {
    color: #2979ff
}

.NSchoolAdmin_main__1fZVD .NSchoolAdmin_navLinkActive__3OFRq {
    color: #2979ff;
    border-color: #2979ff
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .NSchoolAdmin_main__1fZVD>section>a {
        text-decoration:none;
        padding: inherit
    }

    .NSchoolAdmin_main__1fZVD>div .NSchoolAdmin_studentName__1Mcb_ {
        width: 100%;
        border: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 1.2rem 0 40px;
        height: 7vh;
        background: #fff
    }

    .NSchoolAdmin_main__1fZVD>div .NSchoolAdmin_studentName__1Mcb_>svg {
        transition: all .4s ease-out
    }

    .NSchoolAdmin_main__1fZVD>div .NSchoolAdmin_studentName__1Mcb_>.NSchoolAdmin_down__39dtG {
        transform: rotate(180deg);
        fill: #202020
    }

    .NSchoolAdmin_main__1fZVD>div .NSchoolAdmin_studentName__1Mcb_>.NSchoolAdmin_up__14oqa {
        transform: rotate(0deg);
        fill: #2979ff
    }

    .NSchoolAdmin_main__1fZVD>div .NSchoolAdmin_btnActive__21Qe8 {
        color: #2979ff
    }
}

.NChiefCurator_main__iLLpq {
    display: flex;
    text-transform: uppercase
}

.NChiefCurator_main__iLLpq>a {
    text-decoration: none;
    padding: 34px 0;
    border-bottom: 4px solid transparent;
    font-size: 18px;
    position: relative;
    white-space: nowrap;
    margin-left: 70px
}

.NChiefCurator_main__iLLpq>div {
    display: flex;
    position: relative
}

.NChiefCurator_main__iLLpq>div>a {
    text-decoration: none;
    padding: 34px 0;
    border-bottom: 4px solid transparent;
    font-size: 18px;
    position: relative;
    align-self: center
}

.NChiefCurator_main__iLLpq>div>.NChiefCurator_aActive__1LDaO {
    color: #2979ff;
    border-color: #2979ff
}

.NChiefCurator_main__iLLpq>div>ul {
    position: absolute;
    top: 97px;
    left: 0;
    right: 0;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 0 0 4px 4px;
    padding: 10px 20px
}

.NChiefCurator_main__iLLpq>div>ul>li {
    padding: 7px 0;
    cursor: pointer
}

.NChiefCurator_main__iLLpq>div>ul>li:hover {
    color: #2979ff
}

.NChiefCurator_main__iLLpq .NChiefCurator_navLinkActive__3AFly {
    color: #2979ff;
    border-color: #2979ff
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .NChiefCurator_main__iLLpq>a {
        border-bottom:none
    }
}

.NRegionalCurator_main__36rqh {
    display: flex;
    text-transform: uppercase
}

.NRegionalCurator_main__36rqh>a {
    text-decoration: none;
    padding: 34px 0;
    border-bottom: 4px solid transparent;
    font-size: 18px;
    position: relative;
    white-space: nowrap;
    margin-left: 70px
}

.NRegionalCurator_main__36rqh>div {
    display: flex;
    position: relative
}

.NRegionalCurator_main__36rqh>div>a {
    text-decoration: none;
    padding: 34px 0;
    border-bottom: 4px solid transparent;
    font-size: 18px;
    position: relative;
    align-self: center
}

.NRegionalCurator_main__36rqh>div>.NRegionalCurator_aActive__2sGDh {
    color: #2979ff;
    border-color: #2979ff
}

.NRegionalCurator_main__36rqh>div>ul {
    position: absolute;
    top: 97px;
    left: 0;
    right: 0;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15),2px 1px 2px rgba(187,222,251,.15),1px 1px 0 rgba(0,0,0,.1);
    border-radius: 0 0 4px 4px;
    padding: 10px 20px
}

.NRegionalCurator_main__36rqh>div>ul>li {
    padding: 7px 0;
    cursor: pointer
}

.NRegionalCurator_main__36rqh>div>ul>li:hover {
    color: #2979ff
}

.NRegionalCurator_main__36rqh .NRegionalCurator_navLinkActive__Z3W17 {
    color: #2979ff;
    border-color: #2979ff
}

@media screen and (max-width: 767px) and (min-width:320px) {
    .NRegionalCurator_main__36rqh>a {
        border-bottom:none
    }
}

@media screen and (max-width: 768px) and (min-width:320px) {
    .NMobiParent_main__18gXE>div .NMobiParent_studentName__2vLod {
        width:100%;
        border: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 1.2rem 0 40px;
        height: 7vh;
        background: #fff
    }

    .NMobiParent_main__18gXE>div .NMobiParent_studentName__2vLod>svg {
        transition: all .4s ease-out
    }

    .NMobiParent_main__18gXE>div .NMobiParent_studentName__2vLod>.NMobiParent_down__33Q2T {
        transform: rotate(180deg);
        fill: #202020
    }

    .NMobiParent_main__18gXE>div .NMobiParent_studentName__2vLod>.NMobiParent_up__3klnP {
        transform: rotate(0deg);
        fill: #2979ff
    }

    .NMobiParent_main__18gXE>div .NMobiParent_btnActive__3psCS>span {
        color: #2979ff
    }
}