body {
    padding-bottom: 30px;
    background-size: 100%;
}

body {
    overflow: hidden;
}


/* Preloader */

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    /* change if the mask should have another color then white */
    /* makes sure it stays on top */
}

@media (max-width: 768px){
    div.top_header .col-md-3 {
    font-size: 0px !important;
    }
}


#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    /* centers the loading animation horizontally one the screen */
    top: 50%;
    /* centers the loading animation vertically one the screen */
    background-image: url("../img/3.gif");
    /* path to your loading animation */
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
    /* is width and height divided by two */
}

div.fix2 {
    background-color: white;
    opacity: 0.6;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: -1;
}

* {
    margin: 0;
    padding: 0;
    font-family: Roboto;
    font-style: normal;
}

div.opac {
    width: 450px;
    height: 500px;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    position: fixed;
    right: -500px;
    top: -500px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background-color: #519efd;
    opacity: 1;
    z-index: 13;
    overflow: hidden;
    border-radius: 100%;
}

div.opac div.all_abs {
    position: relative;
    width: 100%;
    height: 100%;
}

div.opac div.all_abs div.exit_right {
    position: absolute;
    right: 253px;
    width: 25px;
    height: 25px;
    top: 262px;
}

div.opac div.all_abs div.exit_right i {
    top: 210px;
    color: white;
    left: 175px;
    font-size: 20px;
    cursor: pointer;
}

div.opac div.all_abs div.item:hover {
    background-color: #57b2ff;
    border: 2px solid #fff;
}

div.opac div.all_abs div.item:hover i {
    color: white;
}

div.opac div.all_abs div.item:hover h3 {
    color: black !important;
}

div.opac div.all_abs div.item {
    position: absolute;
    background-color: #519efd;
    height: 35px;
    width: 50px;
    border: 2px solid white;
    cursor: pointer;
    border-radius: 10px;
    z-index: 129849;
}

div.opac div.all_abs div.item i {
    font-size: 30px;
    color: white;
    margin-right: 10px;
    font-weight: 300;
}

div.opac div.all_abs div.two i {
    font-size: 25px;
}

div.opac div.all_abs div.three i {
    font-size: 25px;
}

div.opac div.all_abs div.four i {
    font-size: 34px;
    color: white;
    margin-right: -7px;
    font-weight: 300;
}

div.opac div.all_abs div.item div.two_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 5px 10px;
}

div.opac div.all_abs div.item div.two_item h3 {
    margin-bottom: 0px;
    font-size: 14px;
    margin-top: 3px;
    color: white;
    font-weight: 400;
}

div.opac div.all_abs div.one {
    left: 31px;
    bottom: 200px;
}

div.opac div.all_abs div.two {
    left: 70px;
    bottom: 157px;
}

div.opac div.all_abs div.three {
    left: 97px;
    bottom: 110px;
}

div.opac div.all_abs div.four {
    left: 127px;
    bottom: 64px;
}

div.opac div.all_abs div.five {
    left: 134px;
    bottom: 55px;
}

div.plus_fix:hover {
    -webkit-box-shadow: 1px 0px 10px silver;
    box-shadow: 1px 0px 10px silver;
}

select {
    display: inline-block !important;
}

select:focus {
    outline: none !important;
}

div.two_fixed {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 30;
}

button.gener {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #FFFFFF;
    border: 0.5px solid #3A7AFE;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    /* identical to box height, or 13px */
    letter-spacing: 0.01em;
    padding: 8px 10px;
    margin-left: 8px;
    cursor: pointer;
    color: #3A7AFE;
}

button.gener img {
    margin-right: 10px;
}

div.fixvh {
    position: fixed;
    z-index: 5;
    width: 100%;
    top: 0;
    display: none;
    left: 0;
    height: 100vh;
    background-color: #969696;
    opacity: 0.3;
}

div.click4 span {
    cursor: pointer;
}

div.click4 div.index {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0px !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.click4 div.confirm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 8px;
}

div.click4 div.confirm button {
    padding: 8px 15px;
    border-radius: 5px;
    font-family: Roboto;
    cursor: pointer;
    font-style: normal;
    font-weight: 500;
    border: none;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
}

div.click4 div.confirm button.ha {
    color: white;
    background-color: #FF5757;
    margin-right: 10px;
}

div.click4 div.confirm button.yoq {
    color: #333333;
    background-color: #F5F5F5;
}

div.alinone {
    -webkit-box-align: unset !important;
    -ms-flex-align: unset !important;
    align-items: unset !important;
}

div.tab_add_pupil2 {
    display: none;
}

div#home_scale {
    width: 400px !important;
}

div#home_scale div.file button {
    border: 0.5px solid #666666 !important;
    background: #FFFFFF !important;
    color: #333333 !important;
}

div.allpay {
    padding: 15px;
    width: 435px;
    -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    margin: 0 auto;
    position: absolute;
    z-index: 5;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background-color: white;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
}

div.allpay h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 100%;
    /* or 18px */
    letter-spacing: 0.01em;
    color: #333333;
}

div.allpay div.title2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

div.allpay div.title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 0.2px solid #969696;
    padding-bottom: 10px;
}

div.allpay div.title span.exit {
    cursor: pointer;
}

div.allpay div.title div.two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.allpay div.title div.two h6 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    margin-bottom: 0px;
    line-height: 100%;
    letter-spacing: 0.01em;
    margin-left: 15px;
    color: #333333;
}

div.allpay div.undov {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}

div.allpay div.alert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0px 18px !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

div.allpay div.alert h6 {
    font-family: Roboto;
    font-style: italic;
    font-weight: normal;
    font-size: 13px;
    line-height: 130%;
    /* identical to box height, or 17px */
    letter-spacing: 0.01em;
    color: #666666;
}

div.allpay div.index {
    padding-right: 8px;
    padding-bottom: 10px;
}

div.allpay div.index div.item2 {
    margin-top: 20px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

div.allpay div.index div.item {
    margin-top: 20px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

div.allpay div.index div.item button {
    padding: 8px 15px;
    border: none;
    background: #24B383;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    cursor: pointer;
    color: #FFF;
}

div.allpay div.index div.item h5 {
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #666666;
}

div.allpay div.index div.item input:focus {
    outline: none;
}

div.allpay div.index div.item div.sel {
    width: 273px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 20px;
}

div.allpay div.index div.item div.sel b {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.allpay div.index div.item div.file {
    width: 273px;
    margin-left: 20px;
}

div.allpay div.index div.item div.file h3 {
    font-family: Roboto;
    font-style: italic;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #666666;
    margin-top: 5px;
}

div.allpay div.index div.item textarea {
    width: 273px;
    margin-left: 20px;
    height: 150px;
    border: 0.5px solid #666666 !important;
    border-radius: 5px;
}

div.allpay div.index div.item select,
div.allpay div.index div.item input {
    width: 273px;
    margin-left: 20px;
    height: 30px;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    padding-left: 10px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.plus_fix {
    width: 60px;
    cursor: pointer;
    height: 60px;
    right: 10px;
    z-index: 3;
    bottom: 70px;
    position: fixed;
    border-radius: 100%;
}

div.plus_fix div.pos {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background-color: #24B383;
}

div.plus_fix div.pos img {
    position: absolute;
    top: 50%;
    width: 100%;
    width: 30px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

header {
    background-color: #264ea3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 20px;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

header div.exit {
    display: none;
}

header div.bar {
    display: none;
}

header ul {
    list-style-type: none;
    margin-bottom: 0px;
    padding-left: 20px;
}

header ul i.fa {
    display: none;
    color: white;
}

header ul i.rot {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

header li {
    display: inline-block;
    position: relative;
}

header li ul {
    display: none;
}

header li ul a {
    display: block;
    font-weight: normal;
    font-size: 14px;
    line-height: 15px;
    width: 100%;
    padding: 10px 0px;
    display: block;
    color: #333;
}

header a {
    padding: 8px 5px;
    margin-right: 6px;
    width: 100%;
    display: block;
    text-align: center;
}

header a b {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    width: 100%;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    display: block;
    margin-top: 7px;
    color: #fff;
}

.help-block {
    color: red;
    font-size: 18px;
    font-weight: 500;
}

header li:hover a.click_aa {
    background-color: #57B2FF;
}

.act {
    background-color: #57B2FF;;
}

header li ul li:hover {
    background-color: #759CF5;
}

header li ul li:hover a {
    color: #fff;
}

header div.profil span {
    position: relative;
}

header div.profil div.nred {
    position: absolute;
    top: -14px;
    right: -10px;
    width: 24px;
    height: 24px;
    background-color: #a9d441;
    border-radius: 100%;
}

header div.profil div.nred div.p {
    position: relative;
    width: 24px;
    height: 37px;
}

header div.profil div.nred b {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -80%);
    text-align: center;
    position: absolute;
    color: #FFFFFF;
}

header div.profil {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 25px;
    height: 100%;
}

header div.profil div.two_text {
    text-align: right;
    padding-right: 10px;
    margin-left: 20px;
}

header div.profil h5 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 8px;
    color: #FFFFFF;
}

header div.profil h6 {
    font-family: Roboto;
    font-style: normal;
    margin-bottom: 0px;
    font-weight: normal;
    font-size: 10px;
    line-height: 8px;
    color: #FFFFFF;
}

header div.profil div.img_avatar:hover {
    background-color: #2ba78e;
    height: 100%;
}

header div.profil div.img_avatar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    padding: 0px 10px;
}

header div.profil div.img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
    margin-right: 5px;
}

header div.profil div.img img {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

div.index_one {
    margin: 30px 0px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

div.navz nav:not(.active_navz) {
    display: none;
}

div.nav {
    border-bottom: 0.5px solid #999999;
    background-color: white;
    position: relative;
}

div.nav div.know {
    display: none;
}

div.nav div.chap {
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 0px 5px;
    background-color: #fff !important;
    height: 100%;
    z-index: 3;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.nav div.chap i {
    color: #999999;
}

div.nav div.ong {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 0px 5px;
    background-color: #fff !important;
    z-index: 3;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.nav div.ong i {
    color: #999999;
}

div.nav nav.active_nav {
    width: 100% !important;
}

div.nav nav:not(.active_nav) {
    display: none;
}

div.nav ul {
    list-style-type: none;
    margin-bottom: 0px;
    padding-left: 30px;
}

div.nav ul li {
    display: inline-block;
    padding: 0px 20px;
}

div.nav ul li a {
    display: block;
    padding: 10px 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    letter-spacing: 0.01em;
    color: #085297;
    border-bottom: 4px solid transparent;
}

div.nav ul li a.acta {
    border-bottom: 4px solid #3A7AFE;
}

div.titleft {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.davomat_acc {
    padding-top: 30px;
    width: 100%;
}

div.davomat_acc div.accordion_content {
    display: none;
}

div.davomat_acc div.content {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

div.davomat_acc div.accordion_content {
    width: 100%;
    padding-top: 10px;
}

div.davomat_acc div.bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.davomat_acc div.bar b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.davomat_acc div.bar i {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    margin-left: 20px;
    margin-top: 3px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
    cursor: pointer;
}

div.davomat_acc div.bar i.minus {
    display: none;
}

div.kok {
    background-color: #F25767;
}

div.qizil {
    background-color: #EE283C;
}

div.yashil {
    background-color: #1455b9;
}

div.sariq {
    background-color: #FFAF51;
}

div.colors {
    padding-top: 14px;
    padding-right: 30px;
}

div.colors div.row {
    padding-left: 35px;
}

div.colors div.content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

div.colors div.content div.f_row:hover {
    -webkit-box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.5);
}

div.colors div.content div.havo {
    background-color: #74BCFF;
}

div.colors div.content div.f_row {
    width: 19.5%;
    margin-top: 7px;
    border-radius: 5px;
    padding: 15px;
}

div.colors div.content div.f_row div.bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.colors div.content div.f_row div.bottom div:nth-child(2) {
    margin-bottom: -10px;
}

div.colors div.content div.f_row div.bottom div.two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.colors div.content div.f_row div.bottom h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 0px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    margin-left: 7px;
}

div.colors div.content div.f_row div.bottom span {
    position: relative;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    overflow: hidden;
}

div.colors div.content div.f_row div.bottom span img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

div.colors div.content div.f_row div.center {
    margin: 10px 0px;
    width: 100%;
}

div.colors div.content div.f_row div.center b {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

div.colors div.content div.f_row div.top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

div.colors div.content div.f_row div.top h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    margin-bottom: 0px;
}

div.colors div.content div.f_row div.top b {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    margin-left: 10px;
}

div.colors div.bugun {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 3px;
}

div.colors div.bugun h1 {
    margin-bottom: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.colors div.bugun b {
    margin-left: 15px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #3A7AFE;
}

div.table {
    padding-top: 40px;
    padding-right: 30px;
    margin-top: 108px;
}

div.table div.rightt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0px;
    padding-left: 20px;
    width: 100%;
}

div.table div.table_right {
    border-left: 1px dashed #000000;
}

div.table div.table_right h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.table div.table_right div.allsum {
    padding-left: 100px;
}

div.table div.table_right div.allsum b {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.table div.table_right div.allsum i {
    margin-left: 100px;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.table div.table_right div.title {
    padding-top: 15px;
}

div.table div.table_right div.title div.select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.table div.table_right div.title div.select b {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    margin-right: 8px;
    letter-spacing: 0.01em;
    color: #666666;
}

div.table div.table_right div.title div.select select {
    height: 30px;
    border: 0.5px solid #666666 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #666666;
}

div.table div.table_right div.title select {
    display: inline-block !important;
}

div.table div.table_right div.title select:focus {
    outline: none;
}

div.table div.table_right div.pupil {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 0.5px solid #666666;
    padding-bottom: 15px;
    position: relative;
}

div.table div.table_right div.pupil div.narx {
    position: absolute;
    right: 0;
    bottom: 10px;
}

div.table div.table_right div.pupil div.narx i {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    /* or 13px */
    letter-spacing: 0.01em;
    color: #333333;
}

div.table div.table_right div.pupil div.narx b {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 100%;
    /* or 13px */
    letter-spacing: 0.01em;
    color: #333333;
}

div.table div.table_right div.pupil div.info {
    padding-left: 15px;
}

div.table div.table_right div.pupil div.info p {
    margin-bottom: 8px;
}

div.table div.table_right div.pupil div.info p a {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0.01em;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #3A7AFE;
}

div.table div.table_right div.pupil div.info b,
div.table div.table_right div.pupil div.info i {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.table div.table_right div.pupil div.info h6 {
    margin-top: 8px;
}

div.table div.table_right div.pupil div.info h6 a {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 100%;
    /* or 15px */
    letter-spacing: 0.01em;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    margin-right: 5px !important;
    color: #3A7AFE;
}

div.table div.table_right div.pupil div.info h6 a:hover {
    color: #F52C2C;
}

div.table div.table_right div.pupil div.img {
    width: 90px;
    height: 110px;
    border-radius: 5px;
    overflow: hidden;
}

div.table div.table_right div.pupil div.img img {
    width: 100%;
}

div.table div.row {
    padding-left: 35px;
}

div.table div.title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.table div.title div.center {
    margin: 0px 0px;
    width: 50%;
}

div.table div.title div.center input {
    width: 100% !important;
    height: 30px !important;
    padding-bottom: 3px;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    padding-right: 10px;
    padding-left: 10px;
    background: url("../img/search.png") no-repeat right 8px top 6px;
}

div.table div.title div.center input::-webkit-input-placeholder {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #666666;
}

div.table div.title div.center input:-ms-input-placeholder {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #666666;
}

div.table div.title div.center input::-ms-input-placeholder {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #666666;
}

div.table div.title div.center input::placeholder {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #666666;
}

div.table div.title div.center input:focus {
    outline: none;
}

div.table div.title div.left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.table div.title div.left span {
    margin-top: -5px;
}

div.table div.title div.left h4 {
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    margin-top: -4px !important;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
    margin: 0px 10px;
}

div.nav2 nav:not(.active_nav2) {
    display: none;
}

div.alwaystwo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.alwaystwo ul {
    list-style-type: none;
    margin-bottom: 0px;
    margin-right: 20px;
}

div.alwaystwo ul li {
    display: inline-block;
    margin-left: 15px;
    cursor: pointer;
}

div.alwaystwo ul li.act2 img:first-child {
    display: none;
}

div.alwaystwo ul li.act3 img:nth-child(2) {
    display: none;
}

img.non {
    display: none;
}

div.elon_del2 {
    background-color: white !important;
    border: 1.2px solid #FF5757 !important;
    color: #FF5757 !important;
}

div.c_del2 {
    display: none !important;
}

div.c_del {
    position: absolute;
    width: 23px;
    height: 23px;
    border-radius: 100%;
    background-color: #F52C2C;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    right: -10px;
    cursor: pointer;
    top: -10px;
}

div.elon_del {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #F5F5F5;
    border-radius: 3px !important;
    padding: 8px 15px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    cursor: pointer;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #333333;
    border: 1.2px solid #F5F5F5;
}

div.elon_del img {
    margin-right: 10px;
}

div.elons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

div.elons div.e_row {
    width: 19% !important;
    padding: 15px;
    margin-right: 12px;
    border-radius: 5px;
    margin-bottom: 10px;
    position: relative;
}

div.elons div.e_row img.meg {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

div.elons div.e_row div.bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

div.elons div.e_row div.bottom b {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 150%;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

div.elons div.e_row div.center {
    padding: 10px 0px;
}

div.elons div.e_row div.center h4 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 0px;
    line-height: 140%;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

div.elons div.e_row div.top b {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

div.top0 {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

div.tab_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 30px;
}

div.tab_flex div.t_row {
    width: 19%;
    padding: 15px;
    margin-bottom: 12px;
    border-radius: 5px;
    position: relative;
    margin-right: 12px;
}

div.tab_flex div.t_row a {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #FFFFFF;
}

div.tab_flex div.t_row img.book {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

div.tab_flex div.t_row div.top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.tab_flex div.t_row div.top h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    margin-bottom: 0px;
}

div.tab_flex div.t_row div.top span b {
    margin-left: 10px;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

div.tab_flex div.t_row div.center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 10px 0px;
}

div.tab_flex div.t_row div.center h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    margin-bottom: 0px;
}

div.tab_flex div.t_row div.center b {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    margin-left: 5px;
}

div.tab_flex div.t_row div.bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

div.tab_flex div.t_row div.bottom b {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

tbody.ltd tr td:last-child {
    width: 120px !important;
}

div.filtr {
    width: 20;
    height: 30px;
}

div.filtr a {
    padding: 7px 15px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 15px;
    letter-spacing: 0.01em;
    display: inline-block;
    margin-right: 0px !important;
    background-color: #F5F5F5;
    border: 1.2px solid #F5F5F5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    color: #333333;
}

div.filtr a img {
    margin-right: 10px;
}

div.excel {
    height: 30px;
}

div.excel a {
    padding: 6px 15px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    display: inline-block;
    margin-right: 0px !important;
    border: 1.2px solid #3A7AFE !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    color: #3A7AFE;
}

div.excel a img {
    margin-right: 10px;
}

div.pay {
    height: 30px;
}

div.pay a {
    padding: 7px 15px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 15px;
    letter-spacing: 0.01em;
    display: inline-block;
    margin-right: 0px !important;
    background-color: #1455b9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    color: white;
}

div.pay a img {
    margin-right: 10px;
    margin-top: -3px;
}

div.active_hover {
    display: none;
    height: 20px;
}

div.debtpay {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    border: none;
    cursor: pointer;
    padding: 5px 15px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    -webkit-text-decoration-line: none !important;
    text-decoration-line: none !important;
    letter-spacing: 0.01em;
    display: flex;
    margin-right: 0px !important;
    background-color: #1455b9 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    color: white !important;
}

div.debtpay i {
    margin-right: 10px;
    width: 10px;
    position: relative;
    z-index: 4;
}

abbr {
    cursor: pointer !important;
}

div.table_acc {
    width: 100%;
}

div.table_acc form {
    width: 100%;
    min-width: 800px;
    padding-right: 30px;
}

div.table_acc form table {
    width: 100%;
    margin-bottom: 0px;
}

div.table_acc form table thead tr {
    border-bottom: 2px solid #3A7AFE;
}

div.table_acc form table thead tr th:first-child {
    padding-left: 20px !important;
}

div.table_acc form table thead tr th {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 1em;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #3A7AFE;
    padding: 10px !important;
}

div.table_acc form table img.acc_img_c {
    display: none;
}

div.table_acc form table tr.opened img.acc_img_c {
    display: block !important;
}

div.table_acc form table tr.opened img.acc_img_o {
    display: none !important;
}

div.table_acc form table tr.simple_tr:hover {
    background-color: #FFF7B1;
}

div.table_acc form table tr.bgc_acc {
    background-color: #E9F6FF !important;
}

div.table_acc form table tr.simple_tr td:first-child {
    width: 40px;
}

div.table_acc form table tr.simple_tr td:first-child {
    padding-left: 20px !important;
}

div.table_acc form table tr.simple_tr td {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #333333;
    padding: 10px !important;
}

div.table_acc form table tr.acc_tr {
    border-bottom: 1px solid #3A7AFE;
}

div.table_acc form table tr.acc_tr td:first-child {
    width: 50px;
}

div.table_acc form table tr.acc_tr tbody tr:hover {
    background-color: #FFF7B1;
}

div.table_acc form table tr.acc_tr td:not(.one_td) {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
    line-height: 15px;
    padding: 10px !important;
    letter-spacing: 0.01em;
    color: #333333;
}

div.table_acc form table tr.acc_tr_none {
    display: none;
}

form#frm-example {
    margin-top: 10px;
}

form#frm-example table:not(.item_t) {
    border-bottom: none !important;
}

form#frm-example table:not(.item_t) tbody tr.hov1 {
    background-color: #E9F6FF !important;
}

form#frm-example table:not(.item_t) tbody tr:hover {
    background-color: #FFF7B1;
}

form#frm-example table:not(.item_t) div.howtwo {
    height: 20px;
    width: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

form#frm-example table:not(.item_t) div.howtwo span {
    display: none;
    cursor: pointer;
}

form#frm-example table:not(.item_t) tbody tr:hover span {
    display: inline-block;
}

form#frm-example table:not(.item_t) tbody tr:hover div.active_hover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

form#frm-example table:not(.item_t) a:hover {
    color: #F52C2C;
}

form#frm-example input {
    border: 2px solid #D5D5D5 !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    border-radius: 4px !important;
    position: relative;
    padding: 5px;
}

form#frm-example th {
    border-top: none !important;
    border-bottom: 2px solid #3A7AFE !important;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 1em;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #3A7AFE;
    padding: 10px 10px !important;
}

form#frm-example th:first-child {
    padding-left: 20px !important;
}

form#frm-example td:first-child {
    padding-left: 20px;
}

form#frm-example td:first-child {
    width: 10px;
}

form#frm-example td {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
    line-height: 15px;
    height: 22px;
    padding: 10px;
    letter-spacing: 0.01em;
    display: table-cell;
    vertical-align: middle;
    color: #333333;
    border-bottom: 1px solid silver !important;
}

form#frm-example a {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
    line-height: 15px;
    letter-spacing: 0.01em;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #3A7AFE;
}

.dataTables_length {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.dataTables_length label {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #666666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.dataTables_length label select {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    margin-left: 6px;
    font-size: 1em;
    line-height: 100%;
    letter-spacing: 0.01em;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    height: 30px;
    padding: 6px;
    color: #666666;
}

.dataTables_length label select option {
    padding: 6px !important;
    height: 15px;
}

div.setting {
    width: 80%;
}

div#example_filter,
div#example2_filter,
div#empTable_filter,
div#empTable2_filter,
div#empTable3_filter,
div#empTable4_filter,
div#empTable5_filter,
div#empTable6_filter,
div#empTable7_filter,
div#empTable8_filter,
div#example4_filter {
    display: none;
}

div#example_info,
div#example3_info,
div#empTable_info,
div#empTable2_info,
div#empTable3_info,
div#empTable4_info,
div#empTable5_info,
div#empTable6_info,
div#empTable7_info,
div#example4_info {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #333333;
}

div#example_paginate a.paginate_button,
div#example3_paginate a.paginate_button,
div#empTable2_paginate a.paginate_button,
div#empTable3_paginate a.paginate_button,
div#empTable4_paginate a.paginate_button,
div#empTable5_paginate a.paginate_button,
div#empTable6_paginate a.paginate_button,
div#empTable7_paginate a.paginate_button,
div#empTable8_paginate a.paginate_button,
div#example4_paginate a.paginate_button {
    color: #333333;
    cursor: pointer !important;
    margin: 0px 1px !important;
    font-weight: bold !important;
    padding: 5px 10px !important;
    display: inline-block !important;
    background-color: #E5E5E5 !important;
    border-radius: 3px !important;
}

div#example_paginate a.current,
div#example3_paginate a.current,
div#empTable_paginate a.current,
div#empTable2_paginate a.current,
div#empTable3_paginate a.current,
div#empTable4_paginate a.current,
div#empTable5_paginate a.current,
div#empTable6_paginate a.current,
div#empTable7_paginate a.current,
div#example4_paginate a.current {
    background-color: #3A7AFE !important;
    color: white !important;
}

div#example_paginate a:hover,
div#example3_paginate a:hover,
div#empTable_paginate a:hover,
div#empTable2_paginate a:hover,
div#empTable3_paginate a:hover,
div#empTable4_paginate a:hover,
div#empTable5_paginate a:hover,
div#empTable6_paginate a:hover,
div#empTable7_paginate a:hover,
div#empTable8_paginate a:hover,
div#example4_paginate a:hover {
    background-color: #759CF5 !important;
    color: #333333 !important;
}

table input {
    opacity: 1 !important;
    position: absolute;
    pointer-events: painted !important;
}

img.pas {
    width: 70px;
}

div.view {
    margin-top: 108px;
    padding-left: 35px;
    padding-top: 30px;
    padding-right: 30px;
}

div.view div.rand_two {
    width: 500px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.view div.rand_two input {
    width: 49% !important;
}

div.view div.rand_two span {
    width: 49% !important;
    margin: 0px !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

div.view div.rand_two span button {
    width: 100%;
}

div.view div.right h5 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    margin-left: 10px;
    line-height: 130%;
    letter-spacing: 0.01em;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #333333;
}

div.view div.right h6 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    margin-left: 10px;
    line-height: 130%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.view div.right div.two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
}

div.view div.right div.two b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 130%;
    letter-spacing: 0.01em;
    color: #3A7AFE;
}

div.view div.right div.two i {
    font-family: Roboto;
    font-style: normal;
    margin-left: 10px;
    font-weight: bold;
    font-size: 15px;
    line-height: 130%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.view div.right form {
    margin-top: 0px !important;
    margin-bottom: 20px;
}

div.view div.right form table tr td {
    padding: 10px;
}

div.view div.right div.ginfo {
    margin-top: 20px;
}

div.view div.left div.img_text {
    width: 100%;
}

div.view div.left div.img_text div.img {
    width: 25%;
}

div.view div.left div.img_text div.img img {
    width: 120px;
}

div.view div.left div.img_text div.text {
    padding-left: 15px;
    width: 75%;
}

div.view div.left div.img_text div.text div.info {
    margin-top: 10px;
}

div.view div.left div.img_text div.text div.info b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #3A7AFE;
}

div.view div.left div.img_text div.text div.info p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 140%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.view div.left div.img_text div.text div.two {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

div.view div.left div.img_text div.text div.two b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #3A7AFE;
}

div.view div.left div.img_text div.text div.two i {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0.01em;
    margin-left: 10px;
    color: #333333;
}

div.view div.left div.img_text div.text h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    margin-top: 10px;
    margin-bottom: 15px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.view div.left button {
    background: #F5F5F5;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    padding: 8px 15px;
    border: none;
    color: #333333;
}

div.view div.left button i {
    margin-right: 10px;
}

div.top_view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

div.top_view div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

div.top_view div nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 35px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.top_view div nav a {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.01em;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #3A7AFE;
}

div.top_view div nav h2 {
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.01em;
    margin-left: 10px;
}

div.chart_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.chart_title div {
    margin-bottom: 0px !important;
}

div.chart_title div.text_select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.chart_title div.text_select select {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 6px;
    letter-spacing: 0.01em;
    color: #3A7AFE;
}

div.chart_title div.text_select h5 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    margin-bottom: 0px;
    font-size: 13px;
    line-height: 100%;
    -webkit-text-decoration-line: none;
    text-decoration-line: none;
    margin-right: 7px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.edit_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 7px;
    margin-left: 5px;
}

div.edit_title h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    margin-bottom: 0px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.edit_title b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    margin-bottom: 0px;
    letter-spacing: 0.01em;
    color: #3A7AFE;
    margin-left: 10px;
}

div.padm {
    width: 100%;
}

input[type=checkbox] {
    cursor: pointer !important;
}

div.dav_qil table tr input {
    width: 16px;
    height: 16px;
}

div.dav_qil div.title {
    margin-bottom: 10px !important;
}

div.edit div.right {
    padding-top: 25px;
}

div.sav {
    width: 100%;
    padding-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

div.sav button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    cursor: pointer;
    background: #1455b9;
    border-radius: 3px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    padding: 8px 10px;
    color: #FFFFFF;
}

div.sav button img {
    margin-right: 10px !important;
}

div.sav2 {
    width: 100%;
    padding-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

div.sav2 button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    cursor: pointer;
    background: #1455b9;
    border-radius: 3px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    padding: 8px 10px;
    color: #FFFFFF;
}

div.sav2 button img {
    margin-left: 10px;
}

div.file2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 500px;
}

div.file2 input {
    width: 200px !important;
}

div.t33 input {
    width: 500px !important;
}

button {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

div.file3 {
    padding-left: 15px;
}

div.t22 {
    -webkit-box-align: unset !important;
    -ms-flex-align: unset !important;
    align-items: unset !important;
}

div.t22 textarea {
    background: #FFFFFF;
    border: 0.5px solid #A0A0A0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    width: 500px;
    height: 200px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.t22 textarea:focus {
    outline: none;
}

div.t22 div.img {
    width: 80px !important;
    height: 100px;
}

div.t22 div.img img {
    width: 100%;
    height: 100%;
}

div.t22 div.file_img2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 500px;
}

div.t22 div.file_img2 div.file {
    margin-left: 10px;
}

div.t22 div.file_img2 div.file h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    margin-top: 11px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.t22 div.file_img2 button {
    background: #FFFFFF;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    padding: 8px 12px;
    cursor: pointer;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.t22 div.file_img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

div.t22 div.file_img div.file {
    margin-left: 10px;
}

div.t22 div.file_img div.file h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    margin-top: 11px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.t22 div.file_img button {
    background: #FFFFFF;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    padding: 8px 12px;
    cursor: pointer;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

button.back_button2 {
    background: #F5F5F5 !important;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: none !important;
    cursor: pointer;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    padding: 8px 15px;
    border: none !important;
    color: #333333 !important;
}

button.back_button2 i {
    margin-right: 10px;
}

button.back_button {
    background: #F5F5F5;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    padding: 8px 15px;
    border: none;
    color: #333333;
}

button.back_button i {
    margin-right: 10px;
}

div.tin2 {
    margin-top: 41px !important;
}

div.tin2 input {
    width: 190px !important;
}

div.tinput {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 19px;
    width: 100%;
}

div.tinput input {
    background: #FFFFFF;
    border: 0.5px solid #A0A0A0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    width: 280px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    padding: 5px 10px !important;
    font-size: 13px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.tinput input.dat {
    background: #FFFFFF;
    border: 0.5px solid #A0A0A0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    width: 150px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    padding: 4px 10px !important;
    font-size: 13px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.tinput select {
    background: #FFFFFF;
    border: 0.5px solid #A0A0A0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    width: 150px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    padding: 6px 10px;
    font-size: 13px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.tinput input:focus {
    border: 0.5px solid #FF3C3C;
    outline: none;
    -webkit-box-shadow: 0px 0px 4px #F52C2C;
    box-shadow: 0px 0px 4px #F52C2C;
}

div.tinput h4 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Roboto;
    margin-bottom: 0px;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    width: 180px !important;
    margin-right: 10px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #3A7AFE;
}

div.tinput h4 span {
    margin-right: 8px;
    position: absolute !important;
    left: -13px;
    height: 8px !important;
}

button.save_all {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    cursor: pointer;
    background: #1455b9;
    border-radius: 3px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    padding: 8px 10px;
    color: #FFFFFF;
}

button.save_all img {
    margin-right: 10px;
}

#padtop {
    margin-top: 108px !important;
    padding-top: 30px !important;
}

div.two_table {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

div.crll {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

form.crll {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

div.create_group {
    margin-top: 108px;
    padding: 30px 50px;
}

div.create_group div.week {
    width: 100%;
    margin-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.create_group div.week button {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

div.create_group div.week div.day_active div.blur {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    z-index: 3;
}

div.create_group div.week div.day_active h5 {
    color: #3A7AFE !important;
}

div.create_group div.week div.day_active h6 {
    color: #3A7AFE !important;
}

div.create_group div.week div.day {
    width: 31%;
    margin-bottom: 30px;
}

div.create_group div.week div.day h5 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 100%;
    margin-bottom: 0px;
    letter-spacing: 0.01em;
    color: #999999;
}

div.create_group div.week div.day div.bot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

div.create_group div.week div.day div.bot div.blur {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
}

div.create_group div.week div.day div.bot div.room {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.create_group div.week div.day div.bot div.room select {
    background: #FFFFFF;
    border: 0.5px solid #A0A0A0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.05em;
    color: #333333;
    width: 80px;
    padding: 6px 10px !important;
}

div.create_group div.week div.day div.bot div.times {
    width: 50%;
    text-align: center;
}

div.create_group div.week div.day div.bot div.times input:focus {
    outline: none;
}

div.create_group div.week div.day div.bot div.times input {
    margin-top: 10px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 100%;
    padding: 4px 3px;
    width: 60px;
    letter-spacing: 0.11em;
    color: #333333;
    background: #FFFFFF;
    border: 0.5px solid #A0A0A0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
}

div.create_group div.week div.day div.top2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

div.create_group div.week div.day div.top2 h6 {
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #999999;
}

div.create_group div.week div.day div.top2 input {
    opacity: 1;
    pointer-events: painted;
    width: 17px;
    margin-top: 2px;
    margin-right: 10px;
    font-size: 20px;
    height: 17px;
    position: relative;
}

div.create_group h4.lesson_be {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Roboto;
    margin-bottom: 0px;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    width: 180px;
    margin-top: 25px;
    margin-right: 10px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #3A7AFE;
}

div.create_group h4.lesson_be span {
    margin-right: 8px;
    position: absolute !important;
    left: -13px;
    top: -4px;
    height: 8px !important;
}

div.create_group div.tinput input {
    width: 230px;
}

div.create_group div.tinput select {
    width: 230px;
    padding: 6px 2px;
}

div.create_group div.tinput h4 span {
    top: -4px;
}

div.create_group div.left {
    padding-left: 80px;
}

div.create_group div.top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.create_group div.top div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.create_group div.top div h3 {
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
    margin-left: 35px;
}

div.home {
    width: 100%;
}

div.home h1 {
    position: static;
    left: 0px;
    top: 0px;
    margin-top: 20px;
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.01em;
}

button.sil_but {
    background: #F5F5F5;
    border: 1.2px solid #F5F5F5;
    margin-right: 15px;
    color: #333333;
    border-radius: 3px;
    padding: 8px 15px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

button.sil_but span {
    margin-right: 10px;
}

div.four {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

div.four button {
    border-radius: 3px;
    padding: 8px 15px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

div.four button span {
    margin-right: 10px;
}

div.four button.two_one {
    background: #F5F5F5;
    border: 1.2px solid #F5F5F5;
    margin-right: 15px;
    color: #333333;
}

div.four button.excel {
    background-color: #fff;
    border: 1.2px solid #3A7AFE;
    margin-right: 15px;
    color: #3A7AFE;
}

div.four button.plus {
    background-color: #1455b9;
    border: 1.2px solid #1455b9;
    color: white;
}

div#example_wrapper {
    margin-bottom: 20px;
}

div.bor_left {
    border-left: none !important;
}

div.view_group {
    margin-top: 108px;
    padding: 30px 50px;
}

div.view_group div.top2 {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

div.view_group div.top2 div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.view_group div.top2 div a {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #3A7AFE;
}

div.view_group div.top2 div h3 {
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.view_group div.chart_title {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.view_group div.chart_title div.row_i {
    width: 50% !important;
}

div.view_group div.chart_title div.chart_select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.view_group div.chart_title div.chart_select h2 {
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.view_group div.chart_title div.chart_select select {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 5px;
    margin-left: 7px;
}

div.view_group form {
    margin-top: 10px !important;
}

div.view_group div.right {
    padding-top: 20px;
}

div.view_group div.row_i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}

div.view_group div.row_i b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #3A7AFE;
}

div.view_group div.row_i h6 {
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.view_group div.row_i a {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0.01em;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #3A7AFE;
    margin-left: 10px;
}

div.view_group div.row_i img {
    margin-left: 10px;
}

div.view_group div.group_information {
    width: 100%;
    margin-top: 23px;
    padding-left: 112px;
}

div.view_group div.group_information h5 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    margin-bottom: 0px;
    margin-left: 10px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.view_group div.top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.view_group div.top div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.view_group div.top div nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 20px;
    width: 100%;
}

div.view_group div.top div nav a {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.01em;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #3A7AFE;
}

div.view_group div.top div nav h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 0px;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
    margin-left: 10px;
}

div.active_100 {
    display: block !important;
}

div.save_yes {
    background: #BEE9DA;
}

div.save_yes b {
    color: #00402A;
}

div.save_no {
    background: #FFC1C1;
}

div.save_no b {
    color: #E10000;
}

div.save_center {
    position: fixed;
    display: none;
    right: 20px;
    top: 80px;
    z-index: 4;
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    padding: 15px 20px;
    border-radius: 5px;
}

div.save_center b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
}

div.save_center span {
    cursor: pointer;
}

div.save_center span img {
    cursor: pointer;
}

div.save_center div {
    margin-right: 50px;
}

div.save_center div img {
    margin-right: 10px;
}

div.act_save {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    opacity: 1;
}

div.save_101 {
    width: 100%;
}

div.save_101 button {
    width: 100%;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    background: #1455b9;
    border-radius: 3px;
    margin-top: 20px;
    cursor: pointer;
    color: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    padding: 8px 0px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

div.save_101 button img {
    margin-right: 10px;
}

div.save_100 {
    width: 100%;
    display: none;
}

div.save_100 button {
    width: 100%;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    background: #1455b9;
    border-radius: 3px;
    margin-top: 20px;
    cursor: pointer;
    color: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    padding: 8px 0px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

div.save_100 button img {
    margin-right: 10px;
}

div.padl {
    padding-left: 110px;
    width: 100%;
}

div.padl div.pup_info {
    width: 100%;
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

div.padl div.pup_info h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.shag {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
}

div.shag div.one {
    width: 45px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    padding-top: 6px;
    background-color: #1455b9;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 29px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

div.shag div.two {
    width: 45px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    padding-top: 6px;
    background-color: #E7E7E7;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 29px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.shag div.left {
    width: 50%;
    background-color: #1455b9;
    height: 5px;
}

div.shag div.right2 {
    width: 50%;
    background-color: #E7E7E7;
    height: 5px !important;
}

div.tab_index {
    border-bottom: 0.5px solid #999999;
}

div.tab_index ul {
    list-style-type: none;
    margin: 0px;
    display: inline-block;
    padding-left: 0px;
}

div.tab_index ul li.active {
    color: #1455b9;
    border-bottom: 4px solid #24B383;
}

div.tab_index ul li {
    display: inline-block;
    padding-right: 25px;
    margin-right: 25px;
    cursor: pointer;
    font-family: Roboto;
    font-style: normal;
    padding: 10px 0px;
    font-weight: 400;
    font-size: 15px;
    border-bottom: 4px solid transparent;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.add_pupil div.tab_index {
    border-bottom: 0.5px solid #999999;
}

div.add_pupil div.tab_index ul {
    list-style-type: none;
    margin: 0px;
    display: inline-block;
    padding-left: 0px;
}

div.add_pupil div.tab_index ul li.active {
    color: #24B383;
    border-bottom: 4px solid #24B383;
}

div.add_pupil div.tab_index ul li {
    display: inline-block;
    padding-right: 25px;
    margin-right: 25px;
    cursor: pointer;
    font-family: Roboto;
    font-style: normal;
    padding: 10px 0px;
    font-weight: 400;
    font-size: 15px;
    border-bottom: 4px solid transparent;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.add_pupil div.passport_check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
}

div.add_pupil div.passport_check button {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    margin-left: 30px;
    line-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    letter-spacing: 0.01em;
    background: #F5F5F5;
    border: none;
    padding: 7px 15px;
    border-radius: 5px;
    margin-top: -1px;
    color: #333333;
}

div.add_pupil div.passport_check button img {
    margin-right: 10px;
}

div.add_pupil div.passport_check div.metrka {
    margin-left: 30px;
}

div.add_pupil div.passport_check b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #3A7AFE;
}

div.add_pupil div.passport_check input:focus {
    outline: none;
}

div.add_pupil div.passport_check input {
    padding: 7px 10px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
    background: #FFFFFF;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    margin-left: 15px;
    width: 111px;
}

div.active_compair b {
    color: #3A7AFE !important;
}

div.active_compair h2 {
    color: #3A7AFE !important;
}

div.active_compair div.blur {
    display: none !important;
}

div.compair_group {
    margin-top: 30px;
}

div.compair_group div.bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.compair_group div.bottom div.blur {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 3;
    left: 0;
}

div.compair_group div.bottom div {
    margin-right: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.compair_group div.bottom b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #999999;
}

div.compair_group div.bottom select {
    margin-left: 10px;
    background: #FFFFFF;
    border: 0.5px solid #A0A0A0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Roboto;
    padding: 6px 8px;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    height: 30px;
    color: #333333;
    border-radius: 5px;
}

div.compair_group div.bottom input:focus {
    outline: none;
}

div.compair_group div.bottom input[type=time] {
    margin-left: 10px;
    text-align: center;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    padding: 0px 10px;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    height: 30px;
    color: #333333;
    border: 0.5px solid #A0A0A0;
}

div.compair_group div.bottom input[type=text] {
    margin-left: 10px;
    text-align: center;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    height: 30px;
    color: #333333;
    border: 0.5px solid #A0A0A0;
    width: 100%;
}

div.compair_group div.not_find {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.compair_group div.not_find h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 0px;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.01em;
    margin-left: 10px;
    color: #999999;
}

div.compair_group div.not_find input {
    opacity: 1;
    width: 17px;
    height: 17px;
    pointer-events: painted;
    position: relative;
}

div.tab_content {
    padding-top: 15px;
}

div.tab_content nav:not(.active_nav) {
    display: none;
}

div.tab_content nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

div.tab_content nav div.active_row {
    background-color: #3A7AFE !important;
    height: 300px !important;
}

div.tab_content nav div.active_row div.sale {
    display: block !important;
}

div.tab_content nav div.row_pupil {
    width: 24%;
    height: 208px;
    padding: 12px 15px;
    background: #bb7979;
    margin-right: 11.1px;
    border-radius: 5px;
    margin-bottom: 11px;
}

div.tab_content nav div.row_pupil div.sale {
    margin-top: 10px;
    display: none;
}

div.tab_content nav div.row_pupil div.sale input:focus {
    outline: none;
}

div.tab_content nav div.row_pupil div.sale input {
    width: 100%;
    background: #FFFFFF;
    border: none;
    padding-left: 10px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    padding: 8px;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
    margin-top: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
}

div.tab_content nav div.row_pupil div.bottom {
    margin-top: 10px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.tab_content nav div.row_pupil div.bottom input {
    opacity: 1;
    position: relative;
    width: 26px;
    height: 26px;
    pointer-events: painted;
}

div.tab_content nav div.row_pupil div.bottom span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.tab_content nav div.row_pupil div.bottom span h5 {
    margin-left: 10px;
}

div.tab_content nav div.row_pupil div.bottom div.img {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    overflow: hidden;
}

div.tab_content nav div.row_pupil div.bottom div.img img {
    width: 100%;
}

div.tab_content nav div.row_pupil div.line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
}

div.tab_content nav div.row_pupil div.top_right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.tab_content nav div.row_pupil h5 {
    font-family: Roboto;
    font-style: normal;
    margin-bottom: 0px;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

div.tab_content nav div.row_pupil h6 {
    font-family: Roboto;
    margin-bottom: 0px;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

div.tab_content nav div.row_pupil div.top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.tab_content nav div.row_pupil div.top b {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    /* identical to box height */
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

input[type=time]::-webkit-clear-button {
    display: none;
}

input[type=time]::-webkit-inner-spin-button,
input[type=time]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=date]::-webkit-clear-button {
    display: none;
}

input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

div.davomat div.top a {
    margin-left: 10px;
}

div.davomat div.padl2 {
    width: 100%;
    padding-top: 30px;
    padding-left: 50px;
}

div.davomat div.padl2 form thead th.bugun {
    text-align: right;
}

div.davomat div.padl2 div.title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.davomat div.padl2 div.title h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    margin-bottom: 0px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.davomat div.padl2 div.title b {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #666666;
    margin-left: 20px;
    margin-right: 10px;
}

div.davomat div.padl2 div.title input:focus {
    outline: none;
}

div.davomat div.padl2 div.title input {
    height: 30px;
    border-radius: 5px;
    border: 0.5px solid #666666;
    padding: 0px 9px;
    width: 130px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #666666;
}

div.davomat div.padl2 div.title select {
    height: 30px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    letter-spacing: 0.01em;
    padding: 0px 9px;
    color: #666666;
}

div.view_ball {
    padding-bottom: 0px !important;
}

table input[type=text] {
    padding-left: 10px;
}

table input[type=text]:focus {
    outline: none;
}

div.imtixon_modal b {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    margin-top: 10px;
    cursor: pointer;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #3A7AFE;
}

div.imtixon_modal div.bolim_act {
    display: block !important;
}

div.imtixon_modal div.bolim_none {
    display: none;
}

div.imtixon_modal div.save_imtixon {
    margin-top: 5px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

div.imtixon_modal div.save_imtixon button {
    border: none;
    padding: 8px 15px;
    background-color: #24B383;
    color: white;
    font-family: Roboto;
    font-style: normal;
    cursor: pointer;
    font-weight: 500;
    font-size: 13px;
    border-radius: 5px;
}

div.imtixon_modal div.save_imtixon button img {
    margin-right: 5px;
}

div.imtixon_modal div.item {
    margin-top: 5px !important;
}

div.imtixon_modal nav:not(.act_i_nav) {
    display: none;
}

div.imtixon_modal ul {
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0px;
}

div.imtixon_modal ul li.act_li {
    border-bottom: 2px solid #3A7AFE;
    color: #3A7AFE;
    font-weight: 500;
}

div.imtixon_modal ul li {
    width: 50%;
    text-align: center;
    padding: 10px 0px;
    font-family: Roboto;
    cursor: pointer;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: #333333;
    display: inline-block;
}

div.imtixon_view div.top h2 {
    margin-left: 0px !important;
}

div.imtixon_view div.padl {
    padding-top: 20px;
}

div.imtixon_view b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #3A7AFE;
}

div.imtixon_view h6 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0.01em;
    margin-left: 10px;
    color: #333333;
    margin-bottom: 0px;
}

div.imtixon_view div.cont3 div.cont_item2 {
    background-color: #999999;
}

div.imtixon_view div.cont3 div.cont_item2 input {
    opacity: 1;
    pointer-events: painted;
    width: 25px;
    height: 25px;
    position: relative;
}

div.imtixon_view div.cont3 div.active_roww {
    background-color: #3A7AFE !important;
}

div.imtixon_view div.cont0 div.cont_item2 {
    background-color: #3A7AFE;
}

div.imtixon_view div.cont2 div.cont_item2 {
    background-color: #3A7AFE;
}

div.imtixon_view div.cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

div.imtixon_view div.cont div.cont_item2 {
    width: 24%;
    margin-right: 7px;
    margin-bottom: 7px;
    border-radius: 5px;
    padding: 15px;
}

div.imtixon_view div.cont div.cont_item2 div.bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.imtixon_view div.cont div.cont_item2 div.bottom span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.imtixon_view div.cont div.cont_item2 div.bottom span a {
    height: 20px;
}

div.imtixon_view div.cont div.cont_item2 div.bottom h4 {
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    margin-left: 10px;
}

div.imtixon_view div.cont div.cont_item2 div.bottom div.img {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    overflow: hidden;
}

div.imtixon_view div.cont div.cont_item2 div.bottom div.img img {
    width: 100%;
}

div.imtixon_view div.cont div.cont_item2 div.top span {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    /* identical to box height */
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

div.imtixon_view div.cont div.cont_item2 div.top span img {
    margin-right: 10px;
}

div.imtixon_view div.cont div.cont_item2 div.top h5 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 0px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

div.imtixon_view div.cont div.cont_item {
    width: 23%;
}

div.imtixon_view div.cont div.cont_item div.line2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 8px;
}

div.tab_carousel div.owl-dots {
    display: none;
}

div.tab_carousel div.owl-item {
    width: unset !important;
}

form.dav_table {
    overflow-x: scroll;
    margin-top: 15px !important;
}

form.dav_table tr th h3 {
    width: 60px !important;
    font-size: 1em;
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    line-height: 15px;
    text-align: center;
    letter-spacing: 0.01em;
}

form.dav_table td,
form.dav_table th {
    text-align: center;
}

div.wscoll {
    width: 100%;
    padding-top: 3px !important;
}

div.wscoll tbody tr td {
    padding-top: 11px !important;
}

div.wscoll thead tr th.act_th {
    color: #3A7AFE !important;
}

div.wscoll thead tr th.no_th {
    color: #F52C2C !important;
}

div.wscoll thead tr th {
    color: #999999 !important;
}

div.chat {
    margin-top: 108px;
}

div.chat div.content_chat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

div.chat div.content_chat div.row_left::-webkit-scrollbar {
    width: 3px;
    background-color: #F5F5F5;
}

div.chat div.content_chat div.row_left::-webkit-scrollbar-thumb {
    background: #A6A6A6;
    width: 5px;
    border-radius: 5px;
}

div.chat div.content_chat div.row_left::-webkit-scrollbar-thumb:hover {
    background: #8E8E8E;
    width: 5px;
}

div.chat div.content_chat div.row_left {
    width: 40%;
    border-right: 1px solid #E4E4E4;
    overflow-y: scroll;
    height: calc(100vh - 108px);
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a:hover {
    background-color: #F5F5F5;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a {
    width: 100%;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.click_chat {
    background-color: #EDF4FA !important;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.click_chat span.right {
    background-color: #EDF4FA !important;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link:hover {
    background-color: #F5F5F5;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link:hover span.right {
    background-color: #F5F5F5;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link {
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link span.right {
    position: absolute;
    width: 50px;
    right: 0px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    z-index: 2;
    top: 0;
    padding-right: 5px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link span.right span.no_read {
    background-color: #3A7AFE;
    border-radius: 11px;
    padding: 3px 5px;
    min-width: 21px;
    font-weight: 500;
    font-size: 13px;
    color: #FFFFFF;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link span.right img {
    margin-top: -15px;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link span.right div {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: -15px;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link span.right b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 18px;
    text-align: right;
    color: #666666;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link span.pro_img {
    padding: 10px 15px;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link span.pro_img div.head_img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link span.pro_img div.head_img img.head {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link span.pro_img div.img {
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 100%;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link span.pro_img div.img img.online {
    position: absolute !important;
    bottom: 0px !important;
    right: 0px !important;
    z-index: 3;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link div.info {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link div.info div.top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link div.info div.top div.name {
    width: 3000000px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link div.info div.top div.name div {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link div.info div.top div.name div b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 18px;
    color: #3A7AFE;
    margin-right: 3px;
    margin-top: 5px;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link div.info div.top div.name div img {
    width: 14px;
    height: 14px;
    margin-right: 5px;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link div.info div.top div.name h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    width: 100%;
    overflow: hidden;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 0px;
    color: #333333;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link div.info div.top div.name h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    margin-top: 5px;
    font-size: 15px;
    margin-bottom: 0px;
    line-height: 18px;
    color: #666666;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav:not(.active_chat) {
    display: none;
}

div.chat div.content_chat div.row_left div.tabindex ul {
    background-color: #F5F5F5;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0px;
    margin-bottom: 0px;
}

div.chat div.content_chat div.row_left div.tabindex ul li.act_chat_index {
    background-color: #3A7AFE !important;
}

div.chat div.content_chat div.row_left div.tabindex ul li.act_chat_index svg path {
    fill: white;
}

div.chat div.content_chat div.row_left div.tabindex ul li.act_chat_index div {
    color: white;
}

div.chat div.content_chat div.row_left div.tabindex ul li:hover {
    background-color: #E4E4E4;
}

div.chat div.content_chat div.row_left div.tabindex ul li {
    position: relative;
    width: 33.33%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 7px 0px;
    cursor: pointer;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

div.chat div.content_chat div.row_left div.tabindex ul li div.no_ra {
    position: absolute;
    background-color: #FF2F2F;
    border-radius: 11px;
    padding: 3px 5px;
    min-width: 21px;
    top: -5px;
    right: 55px;
    width: unset !important;
    font-weight: 500;
    font-size: 13px;
    color: #FFFFFF;
}

div.chat div.content_chat div.row_left div.tabindex ul li svg path {
    fill: #333333;
}

div.chat div.content_chat div.row_left div.tabindex ul li div {
    width: 100%;
    margin-top: 6px;
    text-align: center;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    color: #333333;
}

div.chat div.content_chat div.row_left div.izlash {
    padding: 10px 15px;
    width: 100%;
}

div.chat div.content_chat div.row_left div.izlash input:focus {
    outline: none;
}

div.chat div.content_chat div.row_left div.izlash input {
    width: 100%;
    height: 40px;
    padding-left: 12px;
    background: #FFFFFF;
    border: 0.5px solid #999999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
}

div.chat div.content_chat div.row_right {
    width: 60%;
}

div.chat div.content_chat div.row_right div.messages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #EDF4FA;
    height: 100%;
}

div.chat div.content_chat div.row_right div.messages h6 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #999999;
}

div.chat div.content_chat div.row_right div.message {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #EDF4FA;
}

div.chat div.content_chat div.row_right div.message div.test_chat {
    height: 59px;
}

div.chat div.content_chat div.row_right div.message div.top {
    position: absolute;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    top: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    padding: 7.5px 0px;
}

div.chat div.content_chat div.row_right div.message div.top div.right {
    margin-right: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.chat div.content_chat div.row_right div.message div.top div.left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.chat div.content_chat div.row_right div.message div.top div.left div.two_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

div.chat div.content_chat div.row_right div.message div.top div.left div.two_info h4 {
    width: 100%;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 0px;
    color: #333333;
}

div.chat div.content_chat div.row_right div.message div.top div.left div.two_info b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 18px;
    color: #666666;
    margin-top: 3px;
}

div.chat div.content_chat div.row_right div.message div.top div.left span {
    padding: 0px 15px;
}

div.chat div.content_chat div.row_right div.message div.top div.left span div {
    width: 45px;
    height: 45px;
    position: relative;
    overflow: hidden;
    border-radius: 100%;
}

div.chat div.content_chat div.row_right div.message div.top div.left span div img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

div.chat div.content_chat div.row_right div.message div.message_content::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
}

div.chat div.content_chat div.row_right div.message div.message_content::-webkit-scrollbar-thumb {
    background: #575656;
    width: 5px;
    border-radius: 5px;
}

div.chat div.content_chat div.row_right div.message div.message_content::-webkit-scrollbar-thumb:hover {
    background: #8E8E8E;
    width: 5px;
}

div.chat div.content_chat div.row_right div.message div.message_content {
    padding: 0px 15px;
    overflow-y: scroll;
    height: calc(100vh - 218px);
    margin-bottom: 48px;
}

div.chat div.content_chat div.row_right div.message div.message_content div.sms_main {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 5px;
}

div.chat div.content_chat div.row_right div.message div.message_content div.sms_main div.sms_in_main {
    max-width: 70%;
    background-color: #fff;
    border-radius: 5px;
    padding: 10px 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: 0;
}

div.chat div.content_chat div.row_right div.message div.message_content div.sms_main div.sms_in_main div.clock_sms {
    font-family: Roboto;
    height: 100%;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 6px;
    margin-top: -1px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #999999;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

div.chat div.content_chat div.row_right div.message div.message_content div.sms_main div.sms_in_main div.clock_sms img {
    margin-bottom: 2px;
    margin-left: 4px;
}

div.chat div.content_chat div.row_right div.message div.message_content div.sms_main div.sms_in_main p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    color: #333333;
    margin-bottom: 0px;
}

div.chat div.content_chat div.row_right div.message div.message_content div.group_sms {
    max-width: 70%;
    background-color: #fff;
    border-radius: 5px;
    padding: 10px 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: 0;
}

div.chat div.content_chat div.row_right div.message div.message_content div.group_sms div.sms_img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

div.chat div.content_chat div.row_right div.message div.message_content div.group_sms div.sms_img img.sms_online_sm {
    position: absolute;
    right: 0;
    top: 29px;
    width: 9px !important;
    height: 9px !important;
}

div.chat div.content_chat div.row_right div.message div.message_content div.group_sms div.sms_img div.img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
}

div.chat div.content_chat div.row_right div.message div.message_content div.group_sms div.sms_img div.img img {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

div.chat div.content_chat div.row_right div.message div.message_content div.group_sms div.with_link {
    padding-left: 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

div.chat div.content_chat div.row_right div.message div.message_content div.group_sms div.with_link div.link_sms a {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #3A7AFE;
}

div.chat div.content_chat div.row_right div.message div.message_content div.group_sms div.with_link div.sms_in_your2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

div.chat div.content_chat div.row_right div.message div.message_content div.group_sms div.with_link div.sms_in_your2 span.clock_sms {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 1px;
    margin-left: 6px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-family: Roboto;
    height: 100% auto;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    color: #999999;
}

div.chat div.content_chat div.row_right div.message div.message_content div.group_sms div.with_link div.sms_in_your2 p {
    margin-bottom: 0px;
    margin-top: 4px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #333333;
}

div.chat div.content_chat div.row_right div.message div.message_content div.sms_your {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 5px;
}

div.chat div.content_chat div.row_right div.message div.message_content div.sms_your div.sms_in_your {
    max-width: 70%;
    background-color: #fff;
    border-radius: 5px;
    padding: 10px 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: 0;
}

div.chat div.content_chat div.row_right div.message div.message_content div.sms_your div.sms_in_your span {
    font-family: Roboto;
    height: 100%;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 6px;
    margin-top: -1px;
    color: #999999;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

div.chat div.content_chat div.row_right div.message div.message_content div.sms_your div.sms_in_your p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    color: #333333;
    margin-bottom: 0px;
}

div.chat div.content_chat div.row_right div.message div.message_content div.vremya {
    width: 100%;
    margin: 20px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

div.chat div.content_chat div.row_right div.message div.message_content div.vremya b {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #999999;
}

div.chat div.content_chat div.row_right div.bottom {
    position: absolute;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 15px;
    width: 100%;
    background-color: #fff;
    width: 100%;
}

div.chat div.content_chat div.row_right div.bottom div.typing {
    width: 100%;
}

div.chat div.content_chat div.row_right div.bottom div.typing input {
    width: 100%;
    border: none;
    border-left: 1px solid #999999 !important;
    padding-left: 15px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #333333;
}

div.chat div.content_chat div.row_right div.bottom div.typing input:focus {
    outline: none;
}

div.chat div.content_chat div.row_right div.bottom div.send_bt {
    position: absolute;
    right: 0px;
    padding: 0px 5px;
    background-color: #FFFFFF;
}

div.chat div.content_chat div.row_right div.bottom div.send_bt button {
    background-color: transparent;
    border: none;
    cursor: pointer;
}

div.chat div.content_chat div.row_right div.bottom div.left_files {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

div.chat div.content_chat div.row_right div.bottom div.left_files div.file button {
    background-color: transparent;
    border: none;
    cursor: pointer;
}

div.chat div.content_chat div.row_right div.bottom div.left_files button {
    background-color: transparent;
    border: none;
    cursor: pointer;
}

div.tion2 {
    padding-left: 0px !important;
}

div.tion3 {
    margin-top: 0px !important;
}

div.tion3 i {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 0px;
    margin-left: 10px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.index_li ul {
    list-style-type: none;
    margin-bottom: 0px;
}

div.index_li ul li.acti {
    background: #3A7AFE;
    color: white;
}

div.index_li ul li {
    display: inline-block;
    font-family: Roboto;
    margin-right: 15px;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    cursor: pointer;
    padding: 8px 15px;
    background: #F5F5F5;
    border-radius: 3px;
    color: #333333;
}

div.prof {
    padding: 0px 35px;
    margin-top: 30px;
}

div.prof div.info_teach {
    background-color: #3A7AFE;
    padding: 30px 20px;
    border-radius: 5px;
    width: 80%;
    position: relative;
}

div.prof div.info_teach div.massanger {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.prof div.info_teach div.massanger a {
    display: block;
    text-align: center;
    cursor: pointer;
    padding: 2px 5px 3px 6px;
    margin: 5px 10px;
    border-radius: 3px;
    background-color: white;
}

div.prof div.info_teach div.img_text {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.prof div.info_teach div.img_text img {
    margin-top: -3px;
}

div.prof div.info_teach b {
    font-family: Roboto;
    font-style: 300;
    font-size: 16px;
    line-height: 23px;
    margin-left: 10px;
    color: #FFFFFF;
}

div.prof div.info_teach h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 31px;
    color: #FFFFFF;
}

div.prof h2.dr2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 31px;
    margin-top: 40px;
    margin-bottom: 20px;
    color: #333333;
}

div.prof div.drsj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.prof div.drsj div.activ {
    background: #24B383 !important;
}

div.prof div.drsj div.activ h4 {
    color: white !important;
}

div.prof div.drsj div.activ h3 {
    color: white !important;
}

div.prof div.drsj div.activ p {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 100%;
    text-align: center;
    color: #FFFFFF;
}

div.prof div.drsj div.item_week {
    width: 13%;
    background: #E1E1E1;
    border-radius: 5px;
    text-align: center;
    height: 280px;
}

div.prof div.drsj div.item_week div.bot {
    height: 40px;
    margin-top: 60px;
}

div.prof div.drsj div.item_week div.bot p {
    margin-bottom: 0px;
}

div.prof div.drsj div.item_week h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    margin-top: 30px;
    line-height: 38px;
    color: #333333;
}

div.prof div.drsj div.item_week h4 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 19px;
    color: #333333;
}

div.prof div.cours_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

div.prof div.cours_info div.img {
    width: 300px;
    position: relative;
    overflow: hidden;
    height: 210px;
}

div.prof div.cours_info div.img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}

div.prof div.cours_info div.all_info {
    padding: 0px 20px;
}

div.prof div.cours_info i.checked {
    color: orange;
}

div.prof div.cours_info div.five i {
    color: #999999;
    font-size: 20px;
    cursor: pointer;
}

div.prof div.cours_info div.group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 0px;
}

div.prof div.cours_info div.group img {
    margin-right: 10px;
}

div.prof div.cours_info div.group div.rat {
    margin-right: 20px;
}

div.prof div.cours_info div.group div.rat,
div.prof div.cours_info div.group div.bino {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.prof div.cours_info h1 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 0px;
    line-height: 37px;
}

div.prof div.cours_info a {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 23px;
    color: #2499B3;
    margin-left: 5px;
    margin-top: 5px;
}

div.prof div.cours_info a:hover {
    text-decoration: underline;
}

div.prof div.cours_info b {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
    color: #333333;
    margin-top: 5px;
}

div.prof div.cours_info h6 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 0px;
    color: #333333;
}

div.prof div.pro_mod {
    width: 350px;
    -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
}

div.prof div.pro_mod div.cont2 div.hr {
    border-bottom: 1px solid #999999;
}

div.prof div.pro_mod div.cont2 div.malto {
    padding: 10px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

div.prof div.pro_mod div.cont2 div.malto span.visible {
    cursor: pointer;
}

div.prof div.pro_mod div.cont2 div.malto b {
    font-family: Roboto;
    font-style: bold;
    font-weight: 500;
    margin-right: 10px;
    font-size: 18px;
    line-height: 23px;
    display: block;
    color: #333333;
}

div.prof div.pro_mod div.cont2 div.malto span {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    display: block;
    line-height: 23px;
    color: #333333;
}

div.prof div.pro_mod div.top {
    background-color: #24B383;
    padding: 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.prof div.pro_mod div.top span.right {
    cursor: pointer;
}

div.prof div.pro_mod div.top span.right i.none {
    display: none;
}

div.prof div.pro_mod div.top span.right i {
    color: white;
    font-size: 18px;
    font-weight: 400;
}

div.prof div.pro_mod div.top div.left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

div.prof div.pro_mod div.top div.left b {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 25px;
    margin: 0px 10px;
    color: #FFFFFF;
}

div.prof div.pro_subject {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px;
}

div.prof div.pro_subject div.ro_subject {
    width: 40%;
    border-radius: 5px;
    background-color: #3A7AFE;
    margin-right: 20px;
    padding: 10px;
    margin-bottom: 20px;
}

div.prof div.pro_subject div.ro_subject h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 23px;
    color: white;
}

div.prof div.pro_subject div.ro_subject h4 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
    margin-bottom: 0px;
}

div.prof div.news {
    width: 100%;
    -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
    /* Track */
    /* Handle */
    /* Handle on hover */
}

div.prof div.news div.cont::-webkit-scrollbar {
    width: 5px;
    background: white;
}

div.prof div.news div.cont::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px grey;
    box-shadow: inset 0 0 5px grey;
    border-radius: 3px;
}

div.prof div.news div.cont::-webkit-scrollbar-thumb {
    background: #949494;
    border-radius: 10px;
}

div.prof div.news div.cont::-webkit-scrollbar-thumb:hover {
    background: #9b9a9a;
}

div.prof div.news div.cont {
    max-height: 280px;
    overflow-y: scroll;
}

div.prof div.news div.cont div.vorle {
    border-left: 3px solid #24B383;
}

div.prof div.news div.cont div.into:hover {
    background-color: rgba(4, 66, 80, 0.04);
}

div.prof div.news div.cont div.into {
    padding: 10px 15px;
}

div.prof div.news div.cont div.into h5 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
    color: #333333;
    margin-bottom: 2px;
}

div.prof div.news div.cont div.into h6 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 0px;
    color: #999999;
}

div.prof div.news div.top {
    background-color: #3A7AFE;
    padding: 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

div.prof div.news div.top span.right {
    cursor: pointer;
}

div.prof div.news div.top span.right i.none {
    display: none;
}

div.prof div.news div.top span.right i {
    color: white;
    font-size: 18px;
    font-weight: 400;
}

div.prof div.news div.top div.left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

div.prof div.news div.top div.left div.red_num {
    position: relative;
    background-color: #FF4A4A;
    border-radius: 100%;
    height: 23px;
    width: 23px;
    overflow: hidden;
}

div.prof div.news div.top div.left div.red_num span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-family: Roboto;
    font-style: normal;
    font-weight: 800;
    color: white;
    font-size: 15px;
    line-height: 19px;
}

div.prof div.news div.top div.left b {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 25px;
    margin: 0px 10px;
    color: #FFFFFF;
}

.owl-carousel {
    display: inline-block !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

h3.pup_last {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 25px;
    color: #333333;
}

h3.oy_pup {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 38px;
    color: #333333;
}

div.carusel_pup {
    position: relative;
}

div.carusel_pup div.owl-dots {
    display: none !important;
}

div.carusel_pup button.owl-prev {
    position: absolute;
    left: 0;
    z-index: 2;
    top: 40% !important;
    -webkit-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
}

div.carusel_pup button {
    width: 27px !important;
    height: 27px !important;
    position: relative;
    background-color: white !important;
    border-radius: 100%;
    -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
}

div.carusel_pup button span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 24px;
    font-weight: 500;
    margin-top: -2px;
}

div.carusel_pup button.owl-next {
    position: absolute;
    right: -25px;
    z-index: 2;
    top: 40% !important;
    -webkit-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
}

div.carusel_pup div.gone_all {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.carusel_pup div.gone_all div.dagone {
    background-color: #24B383 !important;
}

div.carusel_pup div.gone_all div.nogone h3,
div.carusel_pup div.gone_all div.nogone h4,
div.carusel_pup div.gone_all div.dagone h3,
div.carusel_pup div.gone_all div.dagone h4 {
    color: white !important;
}

div.carusel_pup div.gone_all div.nogone {
    background-color: #FF5757 !important;
}

div.carusel_pup div.gone_all div.gone {
    width: 31%;
    border-radius: 5px;
    background-color: #E1E1E1;
    padding: 20px 0px 40px 0px;
}

div.carusel_pup div.gone_all div.gone h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    color: #333333;
}

div.carusel_pup div.gone_all div.gone h4 {
    margin-top: 20px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 19px;
    text-align: center;
    color: #333333;
}

div.fan_pup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

div.fan_pup div.blcolor {
    background-color: #3A7AFE;
}

div.fan_pup div.rcolor {
    background-color: #FF5757;
}

div.fan_pup div.grcolor {
    background-color: #24B383;
}

div.fan_pup div.pup_row {
    width: 23%;
    padding: 20px;
    border-radius: 5px;
    margin-right: 10px;
    text-align: center;
    margin-bottom: 10px;
}

div.fan_pup div.pup_row span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-right: 1px solid white;
    padding-right: 15px;
    margin-right: 15px;
}

div.fan_pup div.pup_row span h5 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 35px;
    line-height: 44px;
    margin-bottom: 0px;
    color: #FFFFFF;
}

div.fan_pup div.pup_row h6 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 0px;
    color: #FFFFFF;
}

div.congru {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

div.congru div.ro_con {
    width: 30%;
    margin-right: 10px;
    background: #FFFFFF;
    margin-bottom: 10px;
    -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

div.congru div.ro_con div.content {
    padding: 10px 12px;
}

div.congru div.ro_con div.content p {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: 0.01em;
    color: #000000;
}

div.congru div.ro_con div.top {
    background-color: #3A7AFE;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px;
}

div.congru div.ro_con div.top h4 {
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

div.new_client {
    padding-left: 90px;
    padding-top: 20px;
}

div.new_client div.comp_cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

div.new_client div.comp_cart div.sil_row {
    background-color: #999999;
}

div.new_client div.comp_cart div.red_row {
    background-color: #FF5757;
}

div.new_client div.comp_cart div.row_cart {
    width: 48%;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 15px;
}

div.new_client div.comp_cart div.row_cart b {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

div.new_client div.comp_cart div.row_cart div.bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.new_client div.comp_cart div.row_cart div.bottom span.checkzafar input {
    width: 25px;
    height: 25px;
    opacity: 1 !important;
    position: relative !important;
    pointer-events: painted !important;
}

div.new_client div.comp_cart div.row_cart div.bottom div.info_two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.new_client div.comp_cart div.row_cart div.bottom div.info_two h5 {
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    margin-left: 10px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

div.new_client div.comp_cart div.row_cart div.bottom div.info_two span {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
}

div.new_client div.comp_cart div.row_cart div.bottom div.info_two span img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}

div.new_client div.comp_cart div.row_cart div.center {
    margin: 10px 0px;
}

div.new_client div.comp_cart div.row_cart div.top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.new_client div.comp_cart div.row_cart div.top h6 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    margin-left: 10px;
    line-height: 15px;
    margin-bottom: 0px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

div.new_client div.unset_align {
    -webkit-box-align: unset !important;
    -ms-flex-align: unset !important;
    align-items: unset !important;
}

div.new_client div.form_client {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 13px;
}

div.new_client div.form_client h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.new_client div.form_client select {
    width: 70%;
    height: 35px;
    background: #FFFFFF;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
    line-height: 100%;
    padding-left: 10px;
    letter-spacing: 0.01em;
}

div.new_client div.form_client input:focus {
    outline: none;
    border: 0.5px solid #FF3C3C !important;
    -webkit-box-shadow: 0px 0px 4px #F52C2C;
    box-shadow: 0px 0px 4px #F52C2C;
}

div.new_client div.form_client input.short {
    width: 30% !important;
}

div.new_client div.form_client textarea:focus {
    outline: none;
    border: 0.5px solid #FF3C3C !important;
    -webkit-box-shadow: 0px 0px 4px #F52C2C;
    box-shadow: 0px 0px 4px #F52C2C;
}

div.new_client div.form_client textarea {
    width: 70%;
    height: 80px;
    padding-top: 3px;
    padding-right: 10px;
    background: #FFFFFF;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
    line-height: 100%;
    padding-left: 10px;
    letter-spacing: 0.01em;
}

div.new_client div.form_client input[type=text],
div.new_client div.form_client input[type=date] {
    width: 70%;
    height: 30px;
    background: #FFFFFF;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
    line-height: 100%;
    padding-left: 10px;
    letter-spacing: 0.01em;
}

div.new_client div.form_client span {
    display: inline-block;
    width: 30% !important;
    position: relative;
}

div.new_client div.form_client span img.must_img {
    position: absolute;
    left: -12px;
    top: 4px;
}

div.new_client div.form_client span b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    margin-right: 10px;
    letter-spacing: 0.01em;
    color: #3A7AFE;
}

button.button100 {
    width: 100%;
    background-color: #24B383;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    cursor: pointer;
    padding: 8px 0px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

button.button100 img {
    margin-right: 10px;
}

div.border_red {
    border-left: 4px solid #FF5757;
    padding: 10px 15px 10px 11px !important;
}

div.border_gold {
    border-left: 4px solid #FFAF51 !important;
    padding: 10px 15px 10px 11px !important;
}

div.eslatma {
    position: fixed;
    right: 10px;
    width: 300px;
    z-index: 4;
    background: #FEFEFE;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    border-radius: 0px;
    bottom: 10px;
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */
}

div.eslatma div.content {
    max-height: 300px;
    overflow-y: scroll;
}

div.eslatma div.content::-webkit-scrollbar {
    width: 5px;
}

div.eslatma div.content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px white;
    box-shadow: inset 0 0 5px white;
    border-radius: 10px;
}

div.eslatma div.content::-webkit-scrollbar-thumb {
    background: #DDDDDD;
    border-radius: 5px;
}

div.eslatma div.content::-webkit-scrollbar-thumb:hover {
    background: silver;
}

div.eslatma div.item_one:hover {
    background-color: whitesmoke;
}

div.eslatma div.item_one {
    padding: 10px 15px;
    border-top: 0.5px solid #999999;
    cursor: pointer;
}

div.eslatma div.item_one b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.eslatma div.item_one div.redb {
    margin-bottom: 15px;
}

div.eslatma div.item_one div.redb b {
    color: #FF2F2F !important;
}

div.eslatma div.item_one div.bot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.eslatma div.item_one div.bot span.pos_img {
    position: relative;
    width: 10% !important;
    height: 24px;
}

div.eslatma div.item_one div.bot span.pos_img img {
    position: absolute;
    bottom: 5px;
    right: 0px;
}

div.eslatma div.item_one div.bot h5 {
    margin-bottom: 0px;
    width: 90%;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.eslatma div.item_one div.top_in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.eslatma div.item_one div.top_in h6 {
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 100%;
    text-align: right;
    letter-spacing: 0.01em;
    color: #666666;
}

div.eslatma div.top {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px;
    background-color: #F4F4F4;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.eslatma div.top span.exit_task {
    cursor: pointer;
}

div.eslatma div.top span.none_task {
    display: none;
}

div.eslatma div.top h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 0px;
    line-height: 19px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.radio_adv {
    width: 70%;
}

div.radio_adv p {
    margin-bottom: 0px !important;
}

div.radio_adv [type="radio"]:checked,
div.radio_adv [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

div.radio_adv [type="radio"]:checked+label,
div.radio_adv [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
    letter-spacing: 0.01em;
    color: #333333;
}

div.radio_adv [type="radio"]:checked+label:before,
div.radio_adv [type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 2px solid #3A7AFE;
    border-radius: 100%;
    background: #fff;
}

div.radio_adv [type="radio"]:checked+label:after,
div.radio_adv [type="radio"]:not(:checked)+label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #3A7AFE;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

div.radio_adv [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

div.radio_adv [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

div.modal_vazifa {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 199;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    width: 450px;
    background-color: #fff;
    -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    -webkit-transition: .3s;
    transition: .3s;
}

div.modal_vazifa div.center {
    padding: 25px 20px 0px 20px;
}

div.modal_vazifa div.center div.unet_align {
    -webkit-box-align: unset !important;
    -ms-flex-align: unset !important;
    align-items: unset !important;
}

div.modal_vazifa div.center div.p {
    margin-top: 20px;
    margin-bottom: 15px;
}

div.modal_vazifa div.center div.p p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 140%;
    margin-bottom: 0px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.modal_vazifa div.center div.status h1 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 100%;
    margin-bottom: 0px;
    letter-spacing: 0.01em;
    color: #999999;
}

div.modal_vazifa div.center div.give_vaz {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.modal_vazifa div.center div.give_vaz b {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.modal_vazifa div.center div.one_div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-bottom: 15px;
}

div.modal_vazifa div.center div.one_div select {
    background: #FFFFFF;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    padding-left: 10px;
    font-size: 13px;
    line-height: 100%;
    height: 30px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.modal_vazifa div.center div.one_div div.right {
    width: 70%;
}

div.modal_vazifa div.center div.one_div div.right textarea:focus {
    outline: none;
    border: 0.5px solid #FF3C3C !important;
    -webkit-box-shadow: 0px 0px 4px #F52C2C;
    box-shadow: 0px 0px 4px #F52C2C;
}

div.modal_vazifa div.center div.one_div div.right textarea {
    width: 100%;
    height: 85px;
    background: #FFFFFF;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    border: 0.5px solid #666666;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
    padding-left: 10px;
    padding-top: 10px;
}

div.modal_vazifa div.center div.one_div div.right input[type=date]:focus {
    outline: none;
    border: 0.5px solid #FF3C3C !important;
    -webkit-box-shadow: 0px 0px 4px #F52C2C;
    box-shadow: 0px 0px 4px #F52C2C;
}

div.modal_vazifa div.center div.one_div div.right input[type=date] {
    height: 30px;
    background: #FFFFFF;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
    padding-left: 10px;
}

div.modal_vazifa div.center div.one_div div.right h4 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 100%;
    margin-bottom: 0px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.modal_vazifa div.center div.one_div div.left {
    width: 30%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-right: 20px;
}

div.modal_vazifa div.center div.one_div div.left b {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 100%;
    text-align: right;
    margin-top: 2px;
    letter-spacing: 0.01em;
    color: #666666;
}

div.modal_vazifa div.bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0px 20px 20px 15px;
}

div.modal_vazifa div.bottom button {
    background: #24B383;
    border-radius: 5px;
    font-family: Roboto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 15px;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    border: none;
    cursor: pointer;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

div.modal_vazifa div.bottom button img {
    margin-right: 10px;
}

div.modal_vazifa div.top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 15px;
    border-bottom: 0.3px solid #999999;
}

div.modal_vazifa div.top span.exit_new {
    cursor: pointer;
}

div.modal_vazifa div.top h2 {
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.trello {
    padding: 20px 80px;
}

div.trello div.trello_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.trello div.trello_flex div.trel_row {
    width: 24%;
    background: #FEFEFE;
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 0px;
    /* Track */
    /* Handle */
    /* Handle on hover */
}

div.trello div.trello_flex div.trel_row span.new_task {
    cursor: pointer;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.trello div.trello_flex div.trel_row span.new_task i {
    font-weight: 300;
    font-size: 16px;
    margin-left: 5px;
    color: #333333;
    margin-top: 3px;
}

div.trello div.trello_flex div.trel_row div.content::-webkit-scrollbar {
    width: 4px;
}

div.trello div.trello_flex div.trel_row div.content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px white;
    box-shadow: inset 0 0 5px white;
    border-radius: 10px;
}

div.trello div.trello_flex div.trel_row div.content::-webkit-scrollbar-thumb {
    background: #a8a8a8;
    border-radius: 10px;
}

div.trello div.trello_flex div.trel_row div.content::-webkit-scrollbar-thumb:hover {
    background: #808080;
}

div.trello div.trello_flex div.trel_row div.content {
    max-height: 370px;
    overflow-y: scroll;
}

div.trello div.trello_flex div.trel_row div.content div.item:hover {
    background-color: rgba(0, 0, 0, 0.02);
}

div.trello div.trello_flex div.trel_row div.content div.item {
    border-bottom: 0.5px solid #999999;
    padding: 10px 15px;
    cursor: pointer;
}

div.trello div.trello_flex div.trel_row div.content div.item div.comment {
    margin-top: 10px;
}

div.trello div.trello_flex div.trel_row div.content div.item div.comment h4 {
    font-family: Roboto;
    font-style: italic;
    font-weight: normal;
    font-size: 13px;
    line-height: 140%;
    margin-bottom: 0px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.trello div.trello_flex div.trel_row div.content div.item div.bot2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

div.trello div.trello_flex div.trel_row div.content div.item div.bot2 span {
    right: 0;
    top: -20px;
}

div.trello div.trello_flex div.trel_row div.content div.item div.bot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.trello div.trello_flex div.trel_row div.content div.item div.bot div.pro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.trello div.trello_flex div.trel_row div.content div.item div.bot div.pro div.left {
    margin-right: 10px;
}

div.trello div.trello_flex div.trel_row div.content div.item div.bot div.pro div.left span.img {
    width: 35px;
    height: 35px;
    display: block;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
}

div.trello div.trello_flex div.trel_row div.content div.item div.bot div.pro div.left span.img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}

div.trello div.trello_flex div.trel_row div.content div.item div.bot div.pro div.right h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    margin-bottom: 3px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.trello div.trello_flex div.trel_row div.content div.item h6 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 100%;
    margin-bottom: 0px;
    letter-spacing: 0.01em;
    color: #666666;
}

div.trello div.trello_flex div.trel_row div.content div.item div.infor {
    margin: 10px 0px;
}

div.trello div.trello_flex div.trel_row div.content div.item div.infor p {
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 140%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.trello div.trello_flex div.trel_row div.content div.item div.data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.trello div.trello_flex div.trel_row div.content div.item div.data b {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.trello div.trello_flex div.trel_row div.top {
    background: #F4F4F4;
    padding: 15px;
    width: 100%;
}

div.trello div.trello_flex div.trel_row div.top h5 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    margin-bottom: 0px;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.01em;
    color: #333333;
}

span.return_vaz {
    cursor: pointer;
}

span.return_vaz b {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px !important;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #3A7AFE !important;
}

span.return_vaz i.none_ret {
    display: none;
}

span.return_vaz i {
    font-style: normal;
    font-weight: normal;
    font-size: 15px !important;
    color: #3A7AFE !important;
}

.togret {
    display: none !important;
}

.deadline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px 0px;
}

.deadline input {
    background: #FFFFFF;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
    padding-left: 10px;
    height: 30px;
}

.deadline h2 {
    margin-right: 15px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 100%;
    margin-bottom: 0px;
    text-align: right;
    letter-spacing: 0.01em;
    color: #666666;
}

div.sms_jonat {
    width: 100%;
    padding: 20px 80px;
}

div.sms_jonat nav:not(.active_tab) {
    display: none;
}

div.sms_jonat div.one ul {
    list-style-type: none;
    padding: 0px;
    width: 100%;
    border-bottom: 0.5px solid #999999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

div.sms_jonat div.one ul input {
    opacity: 1 !important;
    position: relative !important;
    width: 16px;
    z-index: 4;
    margin-left: 10px;
    height: 16px;
    pointer-events: painted !important;
}

div.sms_jonat div.one ul li.active {
    border-bottom: 3px solid #333333;
    padding-bottom: 10px;
}

div.sms_jonat div.one ul li {
    display: inline-block;
    margin-right: 15px;
    cursor: pointer;
}

div.sms_jonat div.one ul li div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.sms_jonat div.one ul li div b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.modal_tree {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    width: 430px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    z-index: 1009;
    -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    background-color: #fff;
}

div.modal_tree nav:not(.activ_zzz) {
    display: none;
}

div.modal_tree div.sav23 {
    padding: 0px 15px 15px 15px !important;
}

div.modal_tree div.center {
    padding: 0px 15px 15px 15px;
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */
}

div.modal_tree div.center div.add_blok {
    padding-top: 10px;
}

div.modal_tree div.center div.add_blok h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 100%;
    margin-bottom: 0px;
    letter-spacing: 0.01em;
    color: #3A7AFE;
    cursor: pointer;
}

div.modal_tree div.center div.all_room::-webkit-scrollbar {
    width: 4px;
}

div.modal_tree div.center div.all_room::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px #dddddd;
    box-shadow: inset 0 0 5px #dddddd;
    border-radius: 10px;
}

div.modal_tree div.center div.all_room::-webkit-scrollbar-thumb {
    background: #9b9b9b;
    border-radius: 10px;
}

div.modal_tree div.center div.all_room::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

div.modal_tree div.center div.all_room {
    overflow-y: scroll;
    max-height: 280px;
    padding-right: 15px;
}

div.modal_tree div.center div.all_room div.blok {
    border-bottom: 1px solid silver;
    padding-top: 15px;
}

div.modal_tree div.center div.all_room div.item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

div.modal_tree div.center div.all_room div.item span {
    width: 30%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 15px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

div.modal_tree div.center div.all_room div.item input:focus {
    outline: none;
}

div.modal_tree div.center div.all_room div.item input {
    width: 70%;
    padding-left: 10px;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    height: 30px;
}

div.modal_tree div.center ul {
    list-style-type: none;
    padding-left: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0px;
    border-bottom: 0.3px solid #999999;
}

div.modal_tree div.center ul li.act_li_new {
    color: #3A7AFE;
    font-weight: 500;
    border-bottom: 2px solid #3A7AFE;
}

div.modal_tree div.center ul li {
    display: inline-block;
    font-family: Roboto;
    font-style: normal;
    cursor: pointer;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: #333333;
    padding: 15px 25px;
}

div.modal_tree div.top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 0.4px solid #999999;
}

div.modal_tree div.top span.exit {
    cursor: pointer;
}

div.modal_tree div.top h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 100%;
    margin-bottom: 0px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.top_header {
    padding: 10px 30px;
    background-color: rgb(249, 249, 249);
}

div.top_header div div div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.top_header div div div i {
    margin-right: 10px;
}

div.top_header div.col-md-6 {
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
}

div.top_header select {
    padding: 3px 8px;
    border: 1px solid #999999;
    border-radius: 5px;
    font-size: 14px;
}

div.top_header a:hover {
    color: #1e5745;
}

div.top_header a {
    color: #333;
    margin: 0 5px;
}

.conta {
    height: 100vh;
    width: 100vw;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 12123908098;
    background-color: #fff;
    font-family: Helvetica;
}

table.nz-container input#user-password {
    border-radius: 3px !important;
    width: 357px !important;
}

table.nz-container input[type=checkbox] {
    width: unset !important;
    width: 40px !important;
    height: 40px !important;
    position: relative !important;
    margin-left: 10px;
}

.form-group {
    margin-bottom: 0px !important;
}

div.input-group {
    flex-wrap: unset !important;
}

div.colors div.content div.f_row {
    margin-right: 5px;
}

form#frm-example td {
    height: 26px;
}

.dropdown-item1 a {
    padding: 5px !important;
}

.media_img i {
    display: inline-block !important;
    margin-top: -28px;
    margin-left: -10px;
    position: absolute;
    font-size: 23px;
}

.position_new {
    position: absolute;
    margin-left: -10px;
}

.titleft i {
    font-size: 20px;
    margin-top: 6px;
    color: rgba(0, 0, 0, 0.6);
}

#spreadsheet:hover {
    cursor: pointer;
}body {
     padding-bottom: 30px;
     background-size: 100%;
 }

body {
    overflow: hidden;
}


/* Preloader */

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    /* change if the mask should have another color then white */
    z-index: 99;
    /* makes sure it stays on top */
}

#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    /* centers the loading animation horizontally one the screen */
    top: 50%;
    /* centers the loading animation vertically one the screen */
    background-image: url("../img/3.gif");
    /* path to your loading animation */
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
    /* is width and height divided by two */
}

div.fix2 {
    background-color: white;
    opacity: 0.6;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: -1;
}

* {
    margin: 0;
    padding: 0;
    font-family: Roboto;
    font-style: normal;
}

div.opac {
    width: 450px;
    height: 500px;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    position: fixed;
    right: -500px;
    top: -500px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background-color: #519efd;
    opacity: 1;
    z-index: 13;
    overflow: hidden;
    border-radius: 100%;
}

div.opac div.all_abs {
    position: relative;
    width: 100%;
    height: 100%;
}

div.opac div.all_abs div.exit_right {
    position: absolute;
    right: 253px;
    width: 25px;
    height: 25px;
    top: 262px;
}

div.opac div.all_abs div.exit_right i {
    top: 210px;
    color: white;
    left: 175px;
    font-size: 20px;
    cursor: pointer;
}

div.opac div.all_abs div.item:hover {
    background-color: #57b2ff;
    border: 2px solid #fff;
}

div.opac div.all_abs div.item:hover i {
    color: white;
}

div.opac div.all_abs div.item:hover h3 {
    color: black !important;
}

div.opac div.all_abs div.item {
    position: absolute;
    background-color: #519efd;
    height: 35px;
    width: 50px;
    border: 2px solid white;
    cursor: pointer;
    border-radius: 10px;
    z-index: 129849;
}

div.opac div.all_abs div.item i {
    font-size: 30px;
    color: white;
    margin-right: 10px;
    font-weight: 300;
}

div.opac div.all_abs div.two i {
    font-size: 25px;
}

div.opac div.all_abs div.three i {
    font-size: 25px;
}

div.opac div.all_abs div.four i {
    font-size: 34px;
    color: white;
    margin-right: -7px;
    font-weight: 300;
}

div.opac div.all_abs div.item div.two_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 5px 10px;
}

div.opac div.all_abs div.item div.two_item h3 {
    margin-bottom: 0px;
    font-size: 14px;
    margin-top: 3px;
    color: white;
    font-weight: 400;
}

div.opac div.all_abs div.one {
    left: 31px;
    bottom: 200px;
}

div.opac div.all_abs div.two {
    left: 70px;
    bottom: 157px;
}

div.opac div.all_abs div.three {
    left: 97px;
    bottom: 110px;
}

div.opac div.all_abs div.four {
    left: 127px;
    bottom: 64px;
}

div.opac div.all_abs div.five {
    left: 134px;
    bottom: 55px;
}

div.plus_fix:hover {
    -webkit-box-shadow: 1px 0px 10px silver;
    box-shadow: 1px 0px 10px silver;
}

select {
    display: inline-block !important;
}

select:focus {
    outline: none !important;
}

div.two_fixed {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 30;
}

button.gener {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #FFFFFF;
    border: 0.5px solid #3A7AFE;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    /* identical to box height, or 13px */
    letter-spacing: 0.01em;
    padding: 8px 10px;
    margin-left: 8px;
    cursor: pointer;
    color: #3A7AFE;
}

button.gener img {
    margin-right: 10px;
}

div.fixvh {
    position: fixed;
    z-index: 5;
    width: 100%;
    top: 0;
    display: none;
    left: 0;
    height: 100vh;
    background-color: #969696;
    opacity: 0.3;
}

div.click4 span {
    cursor: pointer;
}

div.click4 div.index {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0px !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.click4 div.confirm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 8px;
}

div.click4 div.confirm button {
    padding: 8px 15px;
    border-radius: 5px;
    font-family: Roboto;
    cursor: pointer;
    font-style: normal;
    font-weight: 500;
    border: none;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
}

div.click4 div.confirm button.ha {
    color: white;
    background-color: #FF5757;
    margin-right: 10px;
}

div.click4 div.confirm button.yoq {
    color: #333333;
    background-color: #F5F5F5;
}

div.alinone {
    -webkit-box-align: unset !important;
    -ms-flex-align: unset !important;
    align-items: unset !important;
}

div.tab_add_pupil2 {
    display: none;
}

div#home_scale {
    width: 400px !important;
}

div#home_scale div.file button {
    border: 0.5px solid #666666 !important;
    background: #FFFFFF !important;
    color: #333333 !important;
}

div.allpay {
    padding: 15px;
    width: 435px;
    -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    margin: 0 auto;
    position: absolute;
    z-index: 5;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background-color: white;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
}

div.allpay h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 100%;
    /* or 18px */
    letter-spacing: 0.01em;
    color: #333333;
}

div.allpay div.title2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

div.allpay div.title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 0.2px solid #969696;
    padding-bottom: 10px;
}

div.allpay div.title span.exit {
    cursor: pointer;
}

div.allpay div.title div.two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.allpay div.title div.two h6 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    margin-bottom: 0px;
    line-height: 100%;
    letter-spacing: 0.01em;
    margin-left: 15px;
    color: #333333;
}

div.allpay div.undov {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}

div.allpay div.alert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0px 18px !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

div.allpay div.alert h6 {
    font-family: Roboto;
    font-style: italic;
    font-weight: normal;
    font-size: 13px;
    line-height: 130%;
    /* identical to box height, or 17px */
    letter-spacing: 0.01em;
    color: #666666;
}

div.allpay div.index {
    padding-right: 8px;
    padding-bottom: 10px;
}

div.allpay div.index div.item2 {
    margin-top: 20px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

div.allpay div.index div.item {
    margin-top: 20px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

div.allpay div.index div.item button {
    padding: 8px 15px;
    border: none;
    background: #24B383;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    cursor: pointer;
    color: #FFF;
}

div.allpay div.index div.item h5 {
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #666666;
}

div.allpay div.index div.item input:focus {
    outline: none;
}

div.allpay div.index div.item div.sel {
    width: 273px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 20px;
}

div.allpay div.index div.item div.sel b {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.allpay div.index div.item div.file {
    width: 273px;
    margin-left: 20px;
}

div.allpay div.index div.item div.file h3 {
    font-family: Roboto;
    font-style: italic;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #666666;
    margin-top: 5px;
}

div.allpay div.index div.item textarea {
    width: 273px;
    margin-left: 20px;
    height: 150px;
    border: 0.5px solid #666666 !important;
    border-radius: 5px;
}

div.allpay div.index div.item select,
div.allpay div.index div.item input {
    width: 273px;
    margin-left: 20px;
    height: 30px;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    padding-left: 10px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.plus_fix {
    width: 60px;
    cursor: pointer;
    height: 60px;
    right: 10px;
    z-index: 3;
    bottom: 70px;
    position: fixed;
    border-radius: 100%;
}

div.plus_fix div.pos {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background-color: #24B383;
}

div.plus_fix div.pos img {
    position: absolute;
    top: 50%;
    width: 100%;
    width: 30px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

header {
    background-color: #3A7AFE;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 20px;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

header div.exit {
    display: none;
}

header div.bar {
    display: none;
}

header ul {
    list-style-type: none;
    margin-bottom: 0px;
    padding-left: 20px;
}

header ul i.fa {
    display: none;
    color: white;
}

header ul i.rot {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

header li {
    display: inline-block;
    position: relative;
}

header li ul {
    display: none;
}

header li ul a {
    display: block;
    font-weight: normal;
    font-size: 14px;
    line-height: 15px;
    width: 100%;
    padding: 10px 0px;
    display: block;
    color: #333;
}

header a {
    padding: 8px 5px;
    margin-right: 6px;
    width: 100%;
    display: block;
    text-align: center;
}

header a b {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    width: 100%;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    display: block;
    margin-top: 7px;
    color: #fff;
}

.help-block {
    color: red;
    font-size: 18px;
    font-weight: 500;
}

header li:hover a.click_aa {
    background-color: #759CF5;
}

.act {
    background-color: #759CF5;;
}

header li ul li:hover {
    background-color: #759CF5;
}

header li ul li:hover a {
    color: #fff;
}

header div.profil span {
    position: relative;
}

header div.profil div.nred {
    position: absolute;
    top: -14px;
    right: -10px;
    width: 24px;
    height: 24px;
    background-color: #a9d441;
    border-radius: 100%;
}

header div.profil div.nred div.p {
    position: relative;
    width: 24px;
    height: 37px;
}

header div.profil div.nred b {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -80%);
    text-align: center;
    position: absolute;
    color: #FFFFFF;
}

header div.profil {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 25px;
    height: 100%;
}

header div.profil div.two_text {
    text-align: right;
    padding-right: 10px;
    margin-left: 20px;
}

header div.profil h5 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 8px;
    color: #FFFFFF;
}

header div.profil h6 {
    font-family: Roboto;
    font-style: normal;
    margin-bottom: 0px;
    font-weight: normal;
    font-size: 10px;
    line-height: 8px;
    color: #FFFFFF;
}

header div.profil div.img_avatar:hover {
    background-color: #2ba78e;
    height: 100%;
}

header div.profil div.img_avatar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    padding: 0px 10px;
}

header div.profil div.img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
    margin-right: 5px;
}

header div.profil div.img img {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

div.index_one {
    margin: 30px 0px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

div.navz nav:not(.active_navz) {
    display: none;
}

div.nav {
    border-bottom: 0.5px solid #999999;
    background-color: white;
    position: relative;
}

div.nav div.know {
    display: none;
}

div.nav div.chap {
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 0px 5px;
    background-color: #fff !important;
    height: 100%;
    z-index: 3;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.nav div.chap i {
    color: #999999;
}

div.nav div.ong {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 0px 5px;
    background-color: #fff !important;
    z-index: 3;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.nav div.ong i {
    color: #999999;
}

div.nav nav.active_nav {
    width: 100% !important;
}

div.nav nav:not(.active_nav) {
    display: none;
}

div.nav ul {
    list-style-type: none;
    margin-bottom: 0px;
    padding-left: 30px;
}

div.nav ul li {
    display: inline-block;
    padding: 0px 20px;
}

div.nav ul li a {
    display: block;
    padding: 10px 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    letter-spacing: 0.01em;
    color: #085297;
    border-bottom: 4px solid transparent;
}

div.nav ul li a.acta {
    border-bottom: 4px solid #3A7AFE;
}

div.titleft {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.davomat_acc {
    padding-top: 30px;
    width: 100%;
}

div.davomat_acc div.accordion_content {
    display: none;
}

div.davomat_acc div.content {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

div.davomat_acc div.accordion_content {
    width: 100%;
    padding-top: 10px;
}

div.davomat_acc div.bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.davomat_acc div.bar b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.davomat_acc div.bar i {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    margin-left: 20px;
    margin-top: 3px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
    cursor: pointer;
}

div.davomat_acc div.bar i.minus {
    display: none;
}

div.kok {
    background-color: #3A7AFE;
}

div.qizil {
    background-color: #EE283C;;
}

div.yashil {
    background-color: #1455b9;
}

div.sariq {
    background-color: #FFAF51;
}

div.colors {
    padding-top: 14px;
    padding-right: 30px;
}

div.colors div.row {
    padding-left: 35px;
}

div.colors div.content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

div.colors div.content div.f_row:hover {
    -webkit-box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.5);
}

div.colors div.content div.havo {
    background-color: #74BCFF;
}

div.colors div.content div.f_row {
    width: 19.5%;
    margin-top: 7px;
    border-radius: 5px;
    padding: 15px;
}

div.colors div.content div.f_row div.bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.colors div.content div.f_row div.bottom div:nth-child(2) {
    margin-bottom: -10px;
}

div.colors div.content div.f_row div.bottom div.two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.colors div.content div.f_row div.bottom h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 0px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    margin-left: 7px;
}

div.colors div.content div.f_row div.bottom span {
    position: relative;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    overflow: hidden;
}

div.colors div.content div.f_row div.bottom span img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

div.colors div.content div.f_row div.center {
    margin: 10px 0px;
    width: 100%;
}

div.colors div.content div.f_row div.center b {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

div.colors div.content div.f_row div.top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

div.colors div.content div.f_row div.top h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    margin-bottom: 0px;
}

div.colors div.content div.f_row div.top b {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    margin-left: 10px;
}

div.colors div.bugun {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 3px;
}

div.colors div.bugun h1 {
    margin-bottom: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.colors div.bugun b {
    margin-left: 15px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #3A7AFE;
}

div.table {
    padding-top: 30px;
    padding-right: 30px;
    margin-top: 108px;
}

div.table div.rightt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0px;
    padding-left: 20px;
    width: 100%;
}

div.table div.table_right {
    border-left: 1px dashed #000000;
}

div.table div.table_right h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.table div.table_right div.allsum {
    padding-left: 100px;
}

div.table div.table_right div.allsum b {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.table div.table_right div.allsum i {
    margin-left: 100px;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.table div.table_right div.title {
    padding-top: 15px;
}

div.table div.table_right div.title div.select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.table div.table_right div.title div.select b {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    margin-right: 8px;
    letter-spacing: 0.01em;
    color: #666666;
}

div.table div.table_right div.title div.select select {
    height: 30px;
    border: 0.5px solid #666666 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #666666;
}

div.table div.table_right div.title select {
    display: inline-block !important;
}

div.table div.table_right div.title select:focus {
    outline: none;
}

div.table div.table_right div.pupil {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 0.5px solid #666666;
    padding-bottom: 15px;
    position: relative;
}

div.table div.table_right div.pupil div.narx {
    position: absolute;
    right: 0;
    bottom: 10px;
}

div.table div.table_right div.pupil div.narx i {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    /* or 13px */
    letter-spacing: 0.01em;
    color: #333333;
}

div.table div.table_right div.pupil div.narx b {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 100%;
    /* or 13px */
    letter-spacing: 0.01em;
    color: #333333;
}

div.table div.table_right div.pupil div.info {
    padding-left: 15px;
}

div.table div.table_right div.pupil div.info p {
    margin-bottom: 8px;
}

div.table div.table_right div.pupil div.info p a {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0.01em;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #3A7AFE;
}

div.table div.table_right div.pupil div.info b,
div.table div.table_right div.pupil div.info i {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.table div.table_right div.pupil div.info h6 {
    margin-top: 8px;
}

div.table div.table_right div.pupil div.info h6 a {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 100%;
    /* or 15px */
    letter-spacing: 0.01em;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    margin-right: 5px !important;
    color: #3A7AFE;
}

div.table div.table_right div.pupil div.info h6 a:hover {
    color: #F52C2C;
}

div.table div.table_right div.pupil div.img {
    width: 90px;
    height: 110px;
    border-radius: 5px;
    overflow: hidden;
}

div.table div.table_right div.pupil div.img img {
    width: 100%;
}

div.table div.row {
    padding-left: 35px;
}

div.table div.title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.table div.title div.center {
    margin: 0px 0px;
    width: 50%;
}

div.table div.title div.center input {
    width: 100% !important;
    height: 30px !important;
    padding-bottom: 3px;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    padding-right: 10px;
    padding-left: 10px;
    background: url("../img/search.png") no-repeat right 8px top 6px;
}

div.table div.title div.center input::-webkit-input-placeholder {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #666666;
}

div.table div.title div.center input:-ms-input-placeholder {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #666666;
}

div.table div.title div.center input::-ms-input-placeholder {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #666666;
}

div.table div.title div.center input::placeholder {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #666666;
}

div.table div.title div.center input:focus {
    outline: none;
}

div.table div.title div.left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.table div.title div.left span {
    margin-top: -5px;
}

div.table div.title div.left h4 {
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    margin-top: -4px !important;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
    margin: 0px 10px;
}

div.nav2 nav:not(.active_nav2) {
    display: none;
}

div.alwaystwo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.alwaystwo ul {
    list-style-type: none;
    margin-bottom: 0px;
    margin-right: 20px;
}

div.alwaystwo ul li {
    display: inline-block;
    margin-left: 15px;
    cursor: pointer;
}

div.alwaystwo ul li.act2 img:first-child {
    display: none;
}

div.alwaystwo ul li.act3 img:nth-child(2) {
    display: none;
}

img.non {
    display: none;
}

div.elon_del2 {
    background-color: white !important;
    border: 1.2px solid #FF5757 !important;
    color: #FF5757 !important;
}

div.c_del2 {
    display: none !important;
}

div.c_del {
    position: absolute;
    width: 23px;
    height: 23px;
    border-radius: 100%;
    background-color: #F52C2C;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    right: -10px;
    cursor: pointer;
    top: -10px;
}

div.elon_del {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #F5F5F5;
    border-radius: 3px !important;
    padding: 8px 15px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    cursor: pointer;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #333333;
    border: 1.2px solid #F5F5F5;
}

div.elon_del img {
    margin-right: 10px;
}

div.elons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

div.elons div.e_row {
    width: 19% !important;
    padding: 15px;
    margin-right: 12px;
    border-radius: 5px;
    margin-bottom: 10px;
    position: relative;
}

div.elons div.e_row img.meg {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

div.elons div.e_row div.bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

div.elons div.e_row div.bottom b {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 150%;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

div.elons div.e_row div.center {
    padding: 10px 0px;
}

div.elons div.e_row div.center h4 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 0px;
    line-height: 140%;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

div.elons div.e_row div.top b {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

div.top0 {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

div.tab_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 30px;
}

div.tab_flex div.t_row {
    width: 19%;
    padding: 15px;
    margin-bottom: 12px;
    border-radius: 5px;
    position: relative;
    margin-right: 12px;
}

div.tab_flex div.t_row a {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #FFFFFF;
}

div.tab_flex div.t_row img.book {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

div.tab_flex div.t_row div.top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.tab_flex div.t_row div.top h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    margin-bottom: 0px;
}

div.tab_flex div.t_row div.top span b {
    margin-left: 10px;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

div.tab_flex div.t_row div.center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 10px 0px;
}

div.tab_flex div.t_row div.center h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    margin-bottom: 0px;
}

div.tab_flex div.t_row div.center b {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    margin-left: 5px;
}

div.tab_flex div.t_row div.bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

div.tab_flex div.t_row div.bottom b {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

tbody.ltd tr td:last-child {
    width: 120px !important;
}

div.filtr {
    width: 20;
    height: 30px;
}

div.filtr a {
    padding: 7px 15px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 15px;
    letter-spacing: 0.01em;
    display: inline-block;
    margin-right: 0px !important;
    background-color: #F5F5F5;
    border: 1.2px solid #F5F5F5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    color: #333333;
}

div.filtr a img {
    margin-right: 10px;
}

div.excel {
    height: 30px;
}

div.excel a {
    padding: 6px 15px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    display: inline-block;
    margin-right: 0px !important;
    border: 1.2px solid #3A7AFE !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    color: #3A7AFE;
}

div.excel a img {
    margin-right: 10px;
}

div.pay {
    height: 30px;
}

div.pay a {
    padding: 7px 15px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 15px;
    letter-spacing: 0.01em;
    display: inline-block;
    margin-right: 0px !important;
    background-color: #1455b9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    color: white;
}

div.pay a img {
    margin-right: 10px;
    margin-top: -3px;
}

div.active_hover {
    display: none;
    height: 20px;
}

div.debtpay {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    border: none;
    cursor: pointer;
    padding: 5px 15px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    -webkit-text-decoration-line: none !important;
    text-decoration-line: none !important;
    letter-spacing: 0.01em;
    display: flex;
    margin-right: 0px !important;
    background-color: #1455b9 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    color: white !important;
}

div.debtpay i {
    margin-right: 10px;
    width: 10px;
    position: relative;
    z-index: 4;
}

abbr {
    cursor: pointer !important;
}

div.table_acc {
    width: 100%;
}

div.table_acc form {
    width: 100%;
    min-width: 800px;
    padding-right: 30px;
}

div.table_acc form table {
    width: 100%;
    margin-bottom: 0px;
}

div.table_acc form table thead tr {
    border-bottom: 2px solid #3A7AFE;
}

div.table_acc form table thead tr th:first-child {
    padding-left: 20px !important;
}

div.table_acc form table thead tr th {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 1em;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #3A7AFE;
    padding: 10px !important;
}

div.table_acc form table img.acc_img_c {
    display: none;
}

div.table_acc form table tr.opened img.acc_img_c {
    display: block !important;
}

div.table_acc form table tr.opened img.acc_img_o {
    display: none !important;
}

div.table_acc form table tr.simple_tr:hover {
    background-color: #FFF7B1;
}

div.table_acc form table tr.bgc_acc {
    background-color: #E9F6FF !important;
}

div.table_acc form table tr.simple_tr td:first-child {
    width: 40px;
}

div.table_acc form table tr.simple_tr td:first-child {
    padding-left: 20px !important;
}

div.table_acc form table tr.simple_tr td {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #333333;
    padding: 10px !important;
}

div.table_acc form table tr.acc_tr {
    border-bottom: 1px solid #3A7AFE;
}

div.table_acc form table tr.acc_tr td:first-child {
    width: 50px;
}

div.table_acc form table tr.acc_tr tbody tr:hover {
    background-color: #FFF7B1;
}

div.table_acc form table tr.acc_tr td:not(.one_td) {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
    line-height: 15px;
    padding: 10px !important;
    letter-spacing: 0.01em;
    color: #333333;
}

div.table_acc form table tr.acc_tr_none {
    display: none;
}

form#frm-example {
    margin-top: 10px;
}

form#frm-example table:not(.item_t) {
    border-bottom: none !important;
}

form#frm-example table:not(.item_t) tbody tr.hov1 {
    background-color: #E9F6FF !important;
}

form#frm-example table:not(.item_t) tbody tr:hover {
    background-color: #FFF7B1;
}

form#frm-example table:not(.item_t) div.howtwo {
    height: 20px;
    width: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

form#frm-example table:not(.item_t) div.howtwo span {
    display: none;
    cursor: pointer;
}

form#frm-example table:not(.item_t) tbody tr:hover span {
    display: inline-block;
}

form#frm-example table:not(.item_t) tbody tr:hover div.active_hover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

form#frm-example table:not(.item_t) a:hover {
    color: #F52C2C;
}

form#frm-example input {
    border: 2px solid #D5D5D5 !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    border-radius: 4px !important;
    position: relative;
    padding: 5px;
}

form#frm-example th {
    border-top: none !important;
    border-bottom: 2px solid #3A7AFE !important;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 1em;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #3A7AFE;
    padding: 10px 10px !important;
}

form#frm-example th:first-child {
    padding-left: 20px !important;
}

form#frm-example td:first-child {
    padding-left: 20px;
}

form#frm-example td:first-child {
    width: 10px;
}

form#frm-example td {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
    line-height: 15px;
    height: 22px;
    padding: 10px;
    letter-spacing: 0.01em;
    display: table-cell;
    vertical-align: middle;
    color: #333333;
    border-bottom: 1px solid silver !important;
}

form#frm-example a {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
    line-height: 15px;
    letter-spacing: 0.01em;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #3A7AFE;
}

.dataTables_length {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.dataTables_length label {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #666666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.dataTables_length label select {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    margin-left: 6px;
    font-size: 1em;
    line-height: 100%;
    letter-spacing: 0.01em;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    height: 30px;
    padding: 6px;
    color: #666666;
}

.dataTables_length label select option {
    padding: 6px !important;
    height: 15px;
}

div.setting {
    width: 80%;
}

div#example_filter,
div#example2_filter,
div#example3_filter,
div#example4_filter {
    display: none;
}

div#example_info,
div#example3_info,
div#empTable_info,
div#empTable2_info,
div#empTable3_info,
div#empTable4_info,
div#empTable5_info,
div#empTable6_info,
div#empTable7_info,
div#example4_info {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #333333;
}

div#example_paginate a.paginate_button,
div#example3_paginate a.paginate_button,
div#empTable_paginate a.paginate_button,
div#empTable2_paginate a.paginate_button,
div#empTable3_paginate a.paginate_button,
div#empTable4_paginate a.paginate_button,
div#empTable5_paginate a.paginate_button,
div#empTable6_paginate a.paginate_button,
div#empTable7_paginate a.paginate_button,
div#example4_paginate a.paginate_button {
    color: #333333;
    cursor: pointer !important;
    margin: 0px 1px !important;
    font-weight: bold !important;
    padding: 5px 10px !important;
    display: inline-block !important;
    background-color: #E5E5E5 !important;
    border-radius: 3px !important;
}

div#example_paginate a.current,
div#example3_paginate a.current,
div#empTable_paginate a.current,
div#empTable_paginate a.current,
div#empTable_paginate a.current,
div#empTable_paginate a.current,
div#empTable_paginate a.current,
div#empTable_paginate a.current,
div#empTable_paginate a.current,
div#empTable_paginate a.current,
div#example4_paginate a.current {
    background-color: #3A7AFE !important;
    color: white !important;
}

div#example_paginate a:hover,
div#example3_paginate a:hover,
div#empTable_paginate a:hover,
div#empTable2_paginate a.current,
div#empTable3_paginate a.current,
div#empTable4_paginate a.current,
div#empTable5_paginate a.current,
div#empTable6_paginate a.current,
div#empTable7_paginate a.current,
div#empTable8_paginate a.current,
div#example4_paginate a:hover {
    background-color: #759CF5 !important;
    color: #333333 !important;
}

table input {
    opacity: 1 !important;
    position: absolute;
    pointer-events: painted !important;
}

img.pas {
    width: 70px;
}

div.view {
    margin-top: 108px;
    padding-left: 35px;
    padding-top: 30px;
    padding-right: 30px;
}

div.view div.rand_two {
    width: 500px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.view div.rand_two input {
    width: 49% !important;
}

div.view div.rand_two span {
    width: 49% !important;
    margin: 0px !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

div.view div.rand_two span button {
    width: 100%;
}

div.view div.right h5 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    margin-left: 10px;
    line-height: 130%;
    letter-spacing: 0.01em;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #333333;
}

div.view div.right h6 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    margin-left: 10px;
    line-height: 130%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.view div.right div.two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
}

div.view div.right div.two b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 130%;
    letter-spacing: 0.01em;
    color: #3A7AFE;
}

div.view div.right div.two i {
    font-family: Roboto;
    font-style: normal;
    margin-left: 10px;
    font-weight: bold;
    font-size: 15px;
    line-height: 130%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.view div.right form {
    margin-top: 0px !important;
    margin-bottom: 20px;
}

div.view div.right form table tr td {
    padding: 10px;
}

div.view div.right div.ginfo {
    margin-top: 20px;
}

div.view div.left div.img_text {
    width: 100%;
}

div.view div.left div.img_text div.img {
    width: 25%;
}

div.view div.left div.img_text div.img img {
    width: 120px;
}

div.view div.left div.img_text div.text {
    padding-left: 15px;
    width: 75%;
}

div.view div.left div.img_text div.text div.info {
    margin-top: 10px;
}

div.view div.left div.img_text div.text div.info b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #3A7AFE;
}

div.view div.left div.img_text div.text div.info p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 140%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.view div.left div.img_text div.text div.two {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

div.view div.left div.img_text div.text div.two b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #3A7AFE;
}

div.view div.left div.img_text div.text div.two i {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0.01em;
    margin-left: 10px;
    color: #333333;
}

div.view div.left div.img_text div.text h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    margin-top: 10px;
    margin-bottom: 15px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.view div.left button {
    background: #F5F5F5;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    padding: 8px 15px;
    border: none;
    color: #333333;
}

div.view div.left button i {
    margin-right: 10px;
}

div.top_view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

div.top_view div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

div.top_view div nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 35px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.top_view div nav a {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.01em;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #3A7AFE;
}

div.top_view div nav h2 {
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.01em;
    margin-left: 10px;
}

div.chart_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.chart_title div {
    margin-bottom: 0px !important;
}

div.chart_title div.text_select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.chart_title div.text_select select {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 6px;
    letter-spacing: 0.01em;
    color: #3A7AFE;
}

div.chart_title div.text_select h5 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    margin-bottom: 0px;
    font-size: 13px;
    line-height: 100%;
    -webkit-text-decoration-line: none;
    text-decoration-line: none;
    margin-right: 7px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.edit_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 7px;
    margin-left: 5px;
}

div.edit_title h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    margin-bottom: 0px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.edit_title b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    margin-bottom: 0px;
    letter-spacing: 0.01em;
    color: #3A7AFE;
    margin-left: 10px;
}

div.padm {
    width: 100%;
}

input[type=checkbox] {
    cursor: pointer !important;
}

div.dav_qil table tr input {
    width: 16px;
    height: 16px;
}

div.dav_qil div.title {
    margin-bottom: 10px !important;
}

div.edit div.right {
    padding-top: 25px;
}

div.sav {
    width: 100%;
    padding-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

div.sav button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    cursor: pointer;
    background: #1455b9;
    border-radius: 3px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    padding: 8px 10px;
    color: #FFFFFF;
}

div.sav button img {
    margin-right: 10px !important;
}

div.sav2 {
    width: 100%;
    padding-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

div.sav2 button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    cursor: pointer;
    background: #1455b9;
    border-radius: 3px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    padding: 8px 10px;
    color: #FFFFFF;
}

div.sav2 button img {
    margin-left: 10px;
}

div.file2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 500px;
}

div.file2 input {
    width: 200px !important;
}

div.t33 input {
    width: 500px !important;
}

button {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

div.file3 {
    padding-left: 15px;
}

div.t22 {
    -webkit-box-align: unset !important;
    -ms-flex-align: unset !important;
    align-items: unset !important;
}

div.t22 textarea {
    background: #FFFFFF;
    border: 0.5px solid #A0A0A0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    width: 500px;
    height: 200px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.t22 textarea:focus {
    outline: none;
}

div.t22 div.img {
    width: 80px !important;
    height: 100px;
}

div.t22 div.img img {
    width: 100%;
    height: 100%;
}

div.t22 div.file_img2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 500px;
}

div.t22 div.file_img2 div.file {
    margin-left: 10px;
}

div.t22 div.file_img2 div.file h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    margin-top: 11px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.t22 div.file_img2 button {
    background: #FFFFFF;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    padding: 8px 12px;
    cursor: pointer;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.t22 div.file_img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

div.t22 div.file_img div.file {
    margin-left: 10px;
}

div.t22 div.file_img div.file h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    margin-top: 11px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.t22 div.file_img button {
    background: #FFFFFF;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    padding: 8px 12px;
    cursor: pointer;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

button.back_button2 {
    background: #F5F5F5 !important;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: none !important;
    cursor: pointer;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    padding: 8px 15px;
    border: none !important;
    color: #333333 !important;
}

button.back_button2 i {
    margin-right: 10px;
}

button.back_button {
    background: #F5F5F5;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    padding: 8px 15px;
    border: none;
    color: #333333;
}

button.back_button i {
    margin-right: 10px;
}

div.tin2 {
    margin-top: 41px !important;
}

div.tin2 input {
    width: 190px !important;
}

div.tinput {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 19px;
    width: 100%;
}

div.tinput input {
    background: #FFFFFF;
    border: 0.5px solid #A0A0A0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    width: 280px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    padding: 5px 10px !important;
    font-size: 13px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.tinput input.dat {
    background: #FFFFFF;
    border: 0.5px solid #A0A0A0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    width: 150px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    padding: 4px 10px !important;
    font-size: 13px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.tinput select {
    background: #FFFFFF;
    border: 0.5px solid #A0A0A0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    width: 150px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    padding: 6px 10px;
    font-size: 13px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.tinput input:focus {
    border: 0.5px solid #FF3C3C;
    outline: none;
    -webkit-box-shadow: 0px 0px 4px #F52C2C;
    box-shadow: 0px 0px 4px #F52C2C;
}

div.tinput h4 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Roboto;
    margin-bottom: 0px;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    width: 180px !important;
    margin-right: 10px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #3A7AFE;
}

div.tinput h4 span {
    margin-right: 8px;
    position: absolute !important;
    left: -13px;
    height: 8px !important;
}

button.save_all {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    cursor: pointer;
    background: #1455b9;
    border-radius: 3px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    padding: 8px 10px;
    color: #FFFFFF;
}

button.save_all img {
    margin-right: 10px;
}

#padtop {
    margin-top: 108px !important;
    padding-top: 30px !important;
}

div.two_table {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

div.crll {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

form.crll {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

div.create_group {
    margin-top: 108px;
    padding: 30px 50px;
}

div.create_group div.week {
    width: 100%;
    margin-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.create_group div.week button {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

div.create_group div.week div.day_active div.blur {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    z-index: 3;
}

div.create_group div.week div.day_active h5 {
    color: #3A7AFE !important;
}

div.create_group div.week div.day_active h6 {
    color: #3A7AFE !important;
}

div.create_group div.week div.day {
    width: 31%;
    margin-bottom: 30px;
}

div.create_group div.week div.day h5 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 100%;
    margin-bottom: 0px;
    letter-spacing: 0.01em;
    color: #999999;
}

div.create_group div.week div.day div.bot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

div.create_group div.week div.day div.bot div.blur {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
}

div.create_group div.week div.day div.bot div.room {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.create_group div.week div.day div.bot div.room select {
    background: #FFFFFF;
    border: 0.5px solid #A0A0A0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.05em;
    color: #333333;
    width: 80px;
    padding: 6px 10px !important;
}

div.create_group div.week div.day div.bot div.times {
    width: 50%;
    text-align: center;
}

div.create_group div.week div.day div.bot div.times input:focus {
    outline: none;
}

div.create_group div.week div.day div.bot div.times input {
    margin-top: 10px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 100%;
    padding: 4px 3px;
    width: 60px;
    letter-spacing: 0.11em;
    color: #333333;
    background: #FFFFFF;
    border: 0.5px solid #A0A0A0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
}

div.create_group div.week div.day div.top2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

div.create_group div.week div.day div.top2 h6 {
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #999999;
}

div.create_group div.week div.day div.top2 input {
    opacity: 1;
    pointer-events: painted;
    width: 17px;
    margin-top: 2px;
    margin-right: 10px;
    font-size: 20px;
    height: 17px;
    position: relative;
}

div.create_group h4.lesson_be {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Roboto;
    margin-bottom: 0px;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    width: 180px;
    margin-top: 25px;
    margin-right: 10px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #3A7AFE;
}

div.create_group h4.lesson_be span {
    margin-right: 8px;
    position: absolute !important;
    left: -13px;
    top: -4px;
    height: 8px !important;
}

div.create_group div.tinput input {
    width: 230px;
}

div.create_group div.tinput select {
    width: 230px;
    padding: 6px 2px;
}

div.create_group div.tinput h4 span {
    top: -4px;
}

div.create_group div.left {
    padding-left: 80px;
}

div.create_group div.top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.create_group div.top div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.create_group div.top div h3 {
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
    margin-left: 35px;
}

div.home {
    width: 100%;
}

div.home h1 {
    position: static;
    left: 0px;
    top: 0px;
    margin-top: 20px;
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.01em;
}

button.sil_but {
    background: #F5F5F5;
    border: 1.2px solid #F5F5F5;
    margin-right: 15px;
    color: #333333;
    border-radius: 3px;
    padding: 8px 15px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

button.sil_but span {
    margin-right: 10px;
}

div.four {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

div.four button {
    border-radius: 3px;
    padding: 8px 15px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

div.four button span {
    margin-right: 10px;
}

div.four button.two_one {
    background: #F5F5F5;
    border: 1.2px solid #F5F5F5;
    margin-right: 15px;
    color: #333333;
}

div.four button.excel {
    background-color: #fff;
    border: 1.2px solid #3A7AFE;
    margin-right: 15px;
    color: #3A7AFE;
}

div.four button.plus {
    background-color: #1455b9;
    border: 1.2px solid #1455b9;
    color: white;
}

div#example_wrapper {
    margin-bottom: 20px;
}

div.bor_left {
    border-left: none !important;
}

div.view_group {
    margin-top: 108px;
    padding: 30px 50px;
}

div.view_group div.top2 {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

div.view_group div.top2 div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.view_group div.top2 div a {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #3A7AFE;
}

div.view_group div.top2 div h3 {
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.view_group div.chart_title {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.view_group div.chart_title div.row_i {
    width: 50% !important;
}

div.view_group div.chart_title div.chart_select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.view_group div.chart_title div.chart_select h2 {
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.view_group div.chart_title div.chart_select select {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 5px;
    margin-left: 7px;
}

div.view_group form {
    margin-top: 10px !important;
}

div.view_group div.right {
    padding-top: 20px;
}

div.view_group div.row_i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}

div.view_group div.row_i b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #3A7AFE;
}

div.view_group div.row_i h6 {
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.view_group div.row_i a {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0.01em;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #3A7AFE;
    margin-left: 10px;
}

div.view_group div.row_i img {
    margin-left: 10px;
}

div.view_group div.group_information {
    width: 100%;
    margin-top: 23px;
    padding-left: 112px;
}

div.view_group div.group_information h5 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    margin-bottom: 0px;
    margin-left: 10px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.view_group div.top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.view_group div.top div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.view_group div.top div nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 20px;
    width: 100%;
}

div.view_group div.top div nav a {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.01em;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #3A7AFE;
}

div.view_group div.top div nav h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 0px;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
    margin-left: 10px;
}

div.active_100 {
    display: block !important;
}

div.save_yes {
    background: #BEE9DA;
}

div.save_yes b {
    color: #00402A;
}

div.save_no {
    background: #FFC1C1;
}

div.save_no b {
    color: #E10000;
}

div.save_center {
    position: fixed;
    display: none;
    right: 20px;
    top: 80px;
    z-index: 4;
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    padding: 15px 20px;
    border-radius: 5px;
}

div.save_center b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
}

div.save_center span {
    cursor: pointer;
}

div.save_center span img {
    cursor: pointer;
}

div.save_center div {
    margin-right: 50px;
}

div.save_center div img {
    margin-right: 10px;
}

div.act_save {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    opacity: 1;
}

div.save_101 {
    width: 100%;
}

div.save_101 button {
    width: 100%;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    background: #1455b9;
    border-radius: 3px;
    margin-top: 20px;
    cursor: pointer;
    color: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    padding: 8px 0px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

div.save_101 button img {
    margin-right: 10px;
}

div.save_100 {
    width: 100%;
    display: none;
}

div.save_100 button {
    width: 100%;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    background: #1455b9;
    border-radius: 3px;
    margin-top: 20px;
    cursor: pointer;
    color: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    padding: 8px 0px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

div.save_100 button img {
    margin-right: 10px;
}

div.padl {
    padding-left: 110px;
    width: 100%;
}

div.padl div.pup_info {
    width: 100%;
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

div.padl div.pup_info h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.shag {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
}

div.shag div.one {
    width: 45px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    padding-top: 6px;
    background-color: #1455b9;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 29px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

div.shag div.two {
    width: 45px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    padding-top: 6px;
    background-color: #E7E7E7;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 29px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.shag div.left {
    width: 50%;
    background-color: #1455b9;
    height: 5px;
}

div.shag div.right2 {
    width: 50%;
    background-color: #E7E7E7;
    height: 5px !important;
}

div.tab_index {
    border-bottom: 0.5px solid #999999;
}

div.tab_index ul {
    list-style-type: none;
    margin: 0px;
    display: inline-block;
    padding-left: 0px;
}

div.tab_index ul li.active {
    color: #1455b9;
    border-bottom: 4px solid #24B383;
}

div.tab_index ul li {
    display: inline-block;
    padding-right: 25px;
    margin-right: 25px;
    cursor: pointer;
    font-family: Roboto;
    font-style: normal;
    padding: 10px 0px;
    font-weight: 400;
    font-size: 15px;
    border-bottom: 4px solid transparent;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.add_pupil div.tab_index {
    border-bottom: 0.5px solid #999999;
}

div.add_pupil div.tab_index ul {
    list-style-type: none;
    margin: 0px;
    display: inline-block;
    padding-left: 0px;
}

div.add_pupil div.tab_index ul li.active {
    color: #24B383;
    border-bottom: 4px solid #24B383;
}

div.add_pupil div.tab_index ul li {
    display: inline-block;
    padding-right: 25px;
    margin-right: 25px;
    cursor: pointer;
    font-family: Roboto;
    font-style: normal;
    padding: 10px 0px;
    font-weight: 400;
    font-size: 15px;
    border-bottom: 4px solid transparent;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.add_pupil div.passport_check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
}

div.add_pupil div.passport_check button {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    margin-left: 30px;
    line-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    letter-spacing: 0.01em;
    background: #F5F5F5;
    border: none;
    padding: 7px 15px;
    border-radius: 5px;
    margin-top: -1px;
    color: #333333;
}

div.add_pupil div.passport_check button img {
    margin-right: 10px;
}

div.add_pupil div.passport_check div.metrka {
    margin-left: 30px;
}

div.add_pupil div.passport_check b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #3A7AFE;
}

div.add_pupil div.passport_check input:focus {
    outline: none;
}

div.add_pupil div.passport_check input {
    padding: 7px 10px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
    background: #FFFFFF;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    margin-left: 15px;
    width: 111px;
}

div.active_compair b {
    color: #3A7AFE !important;
}

div.active_compair h2 {
    color: #3A7AFE !important;
}

div.active_compair div.blur {
    display: none !important;
}

div.compair_group {
    margin-top: 30px;
}

div.compair_group div.bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.compair_group div.bottom div.blur {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 3;
    left: 0;
}

div.compair_group div.bottom div {
    margin-right: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.compair_group div.bottom b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #999999;
}

div.compair_group div.bottom select {
    margin-left: 10px;
    background: #FFFFFF;
    border: 0.5px solid #A0A0A0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Roboto;
    padding: 6px 8px;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    height: 30px;
    color: #333333;
    border-radius: 5px;
}

div.compair_group div.bottom input:focus {
    outline: none;
}

div.compair_group div.bottom input[type=time] {
    margin-left: 10px;
    text-align: center;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    padding: 0px 10px;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    height: 30px;
    color: #333333;
    border: 0.5px solid #A0A0A0;
}

div.compair_group div.bottom input[type=text] {
    margin-left: 10px;
    text-align: center;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    height: 30px;
    color: #333333;
    border: 0.5px solid #A0A0A0;
    width: 100%;
}

div.compair_group div.not_find {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.compair_group div.not_find h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 0px;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.01em;
    margin-left: 10px;
    color: #999999;
}

div.compair_group div.not_find input {
    opacity: 1;
    width: 17px;
    height: 17px;
    pointer-events: painted;
    position: relative;
}

div.tab_content {
    padding-top: 15px;
}

div.tab_content nav:not(.active_nav) {
    display: none;
}

div.tab_content nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

div.tab_content nav div.active_row {
    background-color: #3A7AFE !important;
    height: 300px !important;
}

div.tab_content nav div.active_row div.sale {
    display: block !important;
}

div.tab_content nav div.row_pupil {
    width: 24%;
    height: 208px;
    padding: 12px 15px;
    background: #bb7979;
    margin-right: 11.1px;
    border-radius: 5px;
    margin-bottom: 11px;
}

div.tab_content nav div.row_pupil div.sale {
    margin-top: 10px;
    display: none;
}

div.tab_content nav div.row_pupil div.sale input:focus {
    outline: none;
}

div.tab_content nav div.row_pupil div.sale input {
    width: 100%;
    background: #FFFFFF;
    border: none;
    padding-left: 10px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    padding: 8px;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
    margin-top: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
}

div.tab_content nav div.row_pupil div.bottom {
    margin-top: 10px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.tab_content nav div.row_pupil div.bottom input {
    opacity: 1;
    position: relative;
    width: 26px;
    height: 26px;
    pointer-events: painted;
}

div.tab_content nav div.row_pupil div.bottom span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.tab_content nav div.row_pupil div.bottom span h5 {
    margin-left: 10px;
}

div.tab_content nav div.row_pupil div.bottom div.img {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    overflow: hidden;
}

div.tab_content nav div.row_pupil div.bottom div.img img {
    width: 100%;
}

div.tab_content nav div.row_pupil div.line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
}

div.tab_content nav div.row_pupil div.top_right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.tab_content nav div.row_pupil h5 {
    font-family: Roboto;
    font-style: normal;
    margin-bottom: 0px;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

div.tab_content nav div.row_pupil h6 {
    font-family: Roboto;
    margin-bottom: 0px;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

div.tab_content nav div.row_pupil div.top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.tab_content nav div.row_pupil div.top b {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    /* identical to box height */
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

input[type=time]::-webkit-clear-button {
    display: none;
}

input[type=time]::-webkit-inner-spin-button,
input[type=time]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=date]::-webkit-clear-button {
    display: none;
}

input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

div.davomat div.top a {
    margin-left: 10px;
}

div.davomat div.padl2 {
    width: 100%;
    padding-top: 30px;
    padding-left: 50px;
}

div.davomat div.padl2 form thead th.bugun {
    text-align: right;
}

div.davomat div.padl2 div.title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.davomat div.padl2 div.title h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    margin-bottom: 0px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.davomat div.padl2 div.title b {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #666666;
    margin-left: 20px;
    margin-right: 10px;
}

div.davomat div.padl2 div.title input:focus {
    outline: none;
}

div.davomat div.padl2 div.title input {
    height: 30px;
    border-radius: 5px;
    border: 0.5px solid #666666;
    padding: 0px 9px;
    width: 130px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #666666;
}

div.davomat div.padl2 div.title select {
    height: 30px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    letter-spacing: 0.01em;
    padding: 0px 9px;
    color: #666666;
}

div.view_ball {
    padding-bottom: 0px !important;
}

table input[type=text] {
    padding-left: 10px;
}

table input[type=text]:focus {
    outline: none;
}

div.imtixon_modal b {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    margin-top: 10px;
    cursor: pointer;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #3A7AFE;
}

div.imtixon_modal div.bolim_act {
    display: block !important;
}

div.imtixon_modal div.bolim_none {
    display: none;
}

div.imtixon_modal div.save_imtixon {
    margin-top: 5px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

div.imtixon_modal div.save_imtixon button {
    border: none;
    padding: 8px 15px;
    background-color: #24B383;
    color: white;
    font-family: Roboto;
    font-style: normal;
    cursor: pointer;
    font-weight: 500;
    font-size: 13px;
    border-radius: 5px;
}

div.imtixon_modal div.save_imtixon button img {
    margin-right: 5px;
}

div.imtixon_modal div.item {
    margin-top: 5px !important;
}

div.imtixon_modal nav:not(.act_i_nav) {
    display: none;
}

div.imtixon_modal ul {
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0px;
}

div.imtixon_modal ul li.act_li {
    border-bottom: 2px solid #3A7AFE;
    color: #3A7AFE;
    font-weight: 500;
}

div.imtixon_modal ul li {
    width: 50%;
    text-align: center;
    padding: 10px 0px;
    font-family: Roboto;
    cursor: pointer;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: #333333;
    display: inline-block;
}

div.imtixon_view div.top h2 {
    margin-left: 0px !important;
}

div.imtixon_view div.padl {
    padding-top: 20px;
}

div.imtixon_view b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #3A7AFE;
}

div.imtixon_view h6 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0.01em;
    margin-left: 10px;
    color: #333333;
    margin-bottom: 0px;
}

div.imtixon_view div.cont3 div.cont_item2 {
    background-color: #999999;
}

div.imtixon_view div.cont3 div.cont_item2 input {
    opacity: 1;
    pointer-events: painted;
    width: 25px;
    height: 25px;
    position: relative;
}

div.imtixon_view div.cont3 div.active_roww {
    background-color: #3A7AFE !important;
}

div.imtixon_view div.cont0 div.cont_item2 {
    background-color: #3A7AFE;
}

div.imtixon_view div.cont2 div.cont_item2 {
    background-color: #3A7AFE;
}

div.imtixon_view div.cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

div.imtixon_view div.cont div.cont_item2 {
    width: 24%;
    margin-right: 7px;
    margin-bottom: 7px;
    border-radius: 5px;
    padding: 15px;
}

div.imtixon_view div.cont div.cont_item2 div.bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.imtixon_view div.cont div.cont_item2 div.bottom span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.imtixon_view div.cont div.cont_item2 div.bottom span a {
    height: 20px;
}

div.imtixon_view div.cont div.cont_item2 div.bottom h4 {
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    margin-left: 10px;
}

div.imtixon_view div.cont div.cont_item2 div.bottom div.img {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    overflow: hidden;
}

div.imtixon_view div.cont div.cont_item2 div.bottom div.img img {
    width: 100%;
}

div.imtixon_view div.cont div.cont_item2 div.top span {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    /* identical to box height */
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

div.imtixon_view div.cont div.cont_item2 div.top span img {
    margin-right: 10px;
}

div.imtixon_view div.cont div.cont_item2 div.top h5 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 0px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

div.imtixon_view div.cont div.cont_item {
    width: 23%;
}

div.imtixon_view div.cont div.cont_item div.line2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 8px;
}

div.tab_carousel div.owl-dots {
    display: none;
}

div.tab_carousel div.owl-item {
    width: unset !important;
}

form.dav_table {
    overflow-x: scroll;
    margin-top: 15px !important;
}

form.dav_table tr th h3 {
    width: 60px !important;
    font-size: 1em;
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    line-height: 15px;
    text-align: center;
    letter-spacing: 0.01em;
}

form.dav_table td,
form.dav_table th {
    text-align: center;
}

div.wscoll {
    width: 100%;
    padding-top: 3px !important;
}

div.wscoll tbody tr td {
    padding-top: 11px !important;
}

div.wscoll thead tr th.act_th {
    color: #3A7AFE !important;
}

div.wscoll thead tr th.no_th {
    color: #F52C2C !important;
}

div.wscoll thead tr th {
    color: #999999 !important;
}

div.chat {
    margin-top: 108px;
}

div.chat div.content_chat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

div.chat div.content_chat div.row_left::-webkit-scrollbar {
    width: 3px;
    background-color: #F5F5F5;
}

div.chat div.content_chat div.row_left::-webkit-scrollbar-thumb {
    background: #A6A6A6;
    width: 5px;
    border-radius: 5px;
}

div.chat div.content_chat div.row_left::-webkit-scrollbar-thumb:hover {
    background: #8E8E8E;
    width: 5px;
}

div.chat div.content_chat div.row_left {
    width: 40%;
    border-right: 1px solid #E4E4E4;
    overflow-y: scroll;
    height: calc(100vh - 108px);
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a:hover {
    background-color: #F5F5F5;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a {
    width: 100%;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.click_chat {
    background-color: #EDF4FA !important;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.click_chat span.right {
    background-color: #EDF4FA !important;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link:hover {
    background-color: #F5F5F5;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link:hover span.right {
    background-color: #F5F5F5;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link {
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link span.right {
    position: absolute;
    width: 50px;
    right: 0px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    z-index: 2;
    top: 0;
    padding-right: 5px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link span.right span.no_read {
    background-color: #3A7AFE;
    border-radius: 11px;
    padding: 3px 5px;
    min-width: 21px;
    font-weight: 500;
    font-size: 13px;
    color: #FFFFFF;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link span.right img {
    margin-top: -15px;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link span.right div {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: -15px;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link span.right b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 18px;
    text-align: right;
    color: #666666;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link span.pro_img {
    padding: 10px 15px;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link span.pro_img div.head_img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link span.pro_img div.head_img img.head {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link span.pro_img div.img {
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 100%;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link span.pro_img div.img img.online {
    position: absolute !important;
    bottom: 0px !important;
    right: 0px !important;
    z-index: 3;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link div.info {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link div.info div.top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link div.info div.top div.name {
    width: 3000000px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link div.info div.top div.name div {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link div.info div.top div.name div b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 18px;
    color: #3A7AFE;
    margin-right: 3px;
    margin-top: 5px;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link div.info div.top div.name div img {
    width: 14px;
    height: 14px;
    margin-right: 5px;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link div.info div.top div.name h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    width: 100%;
    overflow: hidden;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 0px;
    color: #333333;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link div.info div.top div.name h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    margin-top: 5px;
    font-size: 15px;
    margin-bottom: 0px;
    line-height: 18px;
    color: #666666;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav:not(.active_chat) {
    display: none;
}

div.chat div.content_chat div.row_left div.tabindex ul {
    background-color: #F5F5F5;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0px;
    margin-bottom: 0px;
}

div.chat div.content_chat div.row_left div.tabindex ul li.act_chat_index {
    background-color: #3A7AFE !important;
}

div.chat div.content_chat div.row_left div.tabindex ul li.act_chat_index svg path {
    fill: white;
}

div.chat div.content_chat div.row_left div.tabindex ul li.act_chat_index div {
    color: white;
}

div.chat div.content_chat div.row_left div.tabindex ul li:hover {
    background-color: #E4E4E4;
}

div.chat div.content_chat div.row_left div.tabindex ul li {
    position: relative;
    width: 33.33%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 7px 0px;
    cursor: pointer;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

div.chat div.content_chat div.row_left div.tabindex ul li div.no_ra {
    position: absolute;
    background-color: #FF2F2F;
    border-radius: 11px;
    padding: 3px 5px;
    min-width: 21px;
    top: -5px;
    right: 55px;
    width: unset !important;
    font-weight: 500;
    font-size: 13px;
    color: #FFFFFF;
}

div.chat div.content_chat div.row_left div.tabindex ul li svg path {
    fill: #333333;
}

div.chat div.content_chat div.row_left div.tabindex ul li div {
    width: 100%;
    margin-top: 6px;
    text-align: center;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    color: #333333;
}

div.chat div.content_chat div.row_left div.izlash {
    padding: 10px 15px;
    width: 100%;
}

div.chat div.content_chat div.row_left div.izlash input:focus {
    outline: none;
}

div.chat div.content_chat div.row_left div.izlash input {
    width: 100%;
    height: 40px;
    padding-left: 12px;
    background: #FFFFFF;
    border: 0.5px solid #999999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
}

div.chat div.content_chat div.row_right {
    width: 60%;
}

div.chat div.content_chat div.row_right div.messages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #EDF4FA;
    height: 100%;
}

div.chat div.content_chat div.row_right div.messages h6 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #999999;
}

div.chat div.content_chat div.row_right div.message {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #EDF4FA;
}

div.chat div.content_chat div.row_right div.message div.test_chat {
    height: 59px;
}

div.chat div.content_chat div.row_right div.message div.top {
    position: absolute;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    top: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    padding: 7.5px 0px;
}

div.chat div.content_chat div.row_right div.message div.top div.right {
    margin-right: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.chat div.content_chat div.row_right div.message div.top div.left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.chat div.content_chat div.row_right div.message div.top div.left div.two_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

div.chat div.content_chat div.row_right div.message div.top div.left div.two_info h4 {
    width: 100%;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 0px;
    color: #333333;
}

div.chat div.content_chat div.row_right div.message div.top div.left div.two_info b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 18px;
    color: #666666;
    margin-top: 3px;
}

div.chat div.content_chat div.row_right div.message div.top div.left span {
    padding: 0px 15px;
}

div.chat div.content_chat div.row_right div.message div.top div.left span div {
    width: 45px;
    height: 45px;
    position: relative;
    overflow: hidden;
    border-radius: 100%;
}

div.chat div.content_chat div.row_right div.message div.top div.left span div img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

div.chat div.content_chat div.row_right div.message div.message_content::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
}

div.chat div.content_chat div.row_right div.message div.message_content::-webkit-scrollbar-thumb {
    background: #575656;
    width: 5px;
    border-radius: 5px;
}

div.chat div.content_chat div.row_right div.message div.message_content::-webkit-scrollbar-thumb:hover {
    background: #8E8E8E;
    width: 5px;
}

div.chat div.content_chat div.row_right div.message div.message_content {
    padding: 0px 15px;
    overflow-y: scroll;
    height: calc(100vh - 218px);
    margin-bottom: 48px;
}

div.chat div.content_chat div.row_right div.message div.message_content div.sms_main {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 5px;
}

div.chat div.content_chat div.row_right div.message div.message_content div.sms_main div.sms_in_main {
    max-width: 70%;
    background-color: #fff;
    border-radius: 5px;
    padding: 10px 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: 0;
}

div.chat div.content_chat div.row_right div.message div.message_content div.sms_main div.sms_in_main div.clock_sms {
    font-family: Roboto;
    height: 100%;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 6px;
    margin-top: -1px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #999999;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

div.chat div.content_chat div.row_right div.message div.message_content div.sms_main div.sms_in_main div.clock_sms img {
    margin-bottom: 2px;
    margin-left: 4px;
}

div.chat div.content_chat div.row_right div.message div.message_content div.sms_main div.sms_in_main p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    color: #333333;
    margin-bottom: 0px;
}

div.chat div.content_chat div.row_right div.message div.message_content div.group_sms {
    max-width: 70%;
    background-color: #fff;
    border-radius: 5px;
    padding: 10px 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: 0;
}

div.chat div.content_chat div.row_right div.message div.message_content div.group_sms div.sms_img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

div.chat div.content_chat div.row_right div.message div.message_content div.group_sms div.sms_img img.sms_online_sm {
    position: absolute;
    right: 0;
    top: 29px;
    width: 9px !important;
    height: 9px !important;
}

div.chat div.content_chat div.row_right div.message div.message_content div.group_sms div.sms_img div.img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
}

div.chat div.content_chat div.row_right div.message div.message_content div.group_sms div.sms_img div.img img {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

div.chat div.content_chat div.row_right div.message div.message_content div.group_sms div.with_link {
    padding-left: 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

div.chat div.content_chat div.row_right div.message div.message_content div.group_sms div.with_link div.link_sms a {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #3A7AFE;
}

div.chat div.content_chat div.row_right div.message div.message_content div.group_sms div.with_link div.sms_in_your2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

div.chat div.content_chat div.row_right div.message div.message_content div.group_sms div.with_link div.sms_in_your2 span.clock_sms {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 1px;
    margin-left: 6px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-family: Roboto;
    height: 100% auto;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    color: #999999;
}

div.chat div.content_chat div.row_right div.message div.message_content div.group_sms div.with_link div.sms_in_your2 p {
    margin-bottom: 0px;
    margin-top: 4px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #333333;
}

div.chat div.content_chat div.row_right div.message div.message_content div.sms_your {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 5px;
}

div.chat div.content_chat div.row_right div.message div.message_content div.sms_your div.sms_in_your {
    max-width: 70%;
    background-color: #fff;
    border-radius: 5px;
    padding: 10px 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: 0;
}

div.chat div.content_chat div.row_right div.message div.message_content div.sms_your div.sms_in_your span {
    font-family: Roboto;
    height: 100%;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 6px;
    margin-top: -1px;
    color: #999999;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

div.chat div.content_chat div.row_right div.message div.message_content div.sms_your div.sms_in_your p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    color: #333333;
    margin-bottom: 0px;
}

div.chat div.content_chat div.row_right div.message div.message_content div.vremya {
    width: 100%;
    margin: 20px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

div.chat div.content_chat div.row_right div.message div.message_content div.vremya b {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #999999;
}

div.chat div.content_chat div.row_right div.bottom {
    position: absolute;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 15px;
    width: 100%;
    background-color: #fff;
    width: 100%;
}

div.chat div.content_chat div.row_right div.bottom div.typing {
    width: 100%;
}

div.chat div.content_chat div.row_right div.bottom div.typing input {
    width: 100%;
    border: none;
    border-left: 1px solid #999999 !important;
    padding-left: 15px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #333333;
}

div.chat div.content_chat div.row_right div.bottom div.typing input:focus {
    outline: none;
}

div.chat div.content_chat div.row_right div.bottom div.send_bt {
    position: absolute;
    right: 0px;
    padding: 0px 5px;
    background-color: #FFFFFF;
}

div.chat div.content_chat div.row_right div.bottom div.send_bt button {
    background-color: transparent;
    border: none;
    cursor: pointer;
}

div.chat div.content_chat div.row_right div.bottom div.left_files {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

div.chat div.content_chat div.row_right div.bottom div.left_files div.file button {
    background-color: transparent;
    border: none;
    cursor: pointer;
}

div.chat div.content_chat div.row_right div.bottom div.left_files button {
    background-color: transparent;
    border: none;
    cursor: pointer;
}

div.tion2 {
    padding-left: 0px !important;
}

div.tion3 {
    margin-top: 0px !important;
}

div.tion3 i {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 0px;
    margin-left: 10px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.index_li ul {
    list-style-type: none;
    margin-bottom: 0px;
}

div.index_li ul li.acti {
    background: #3A7AFE;
    color: white;
}

div.index_li ul li {
    display: inline-block;
    font-family: Roboto;
    margin-right: 15px;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    cursor: pointer;
    padding: 8px 15px;
    background: #F5F5F5;
    border-radius: 3px;
    color: #333333;
}

div.prof {
    padding: 0px 35px;
    margin-top: 30px;
}

div.prof div.info_teach {
    background-color: #3A7AFE;
    padding: 30px 20px;
    border-radius: 5px;
    width: 80%;
    position: relative;
}

div.prof div.info_teach div.massanger {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.prof div.info_teach div.massanger a {
    display: block;
    text-align: center;
    cursor: pointer;
    padding: 2px 5px 3px 6px;
    margin: 5px 10px;
    border-radius: 3px;
    background-color: white;
}

div.prof div.info_teach div.img_text {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.prof div.info_teach div.img_text img {
    margin-top: -3px;
}

div.prof div.info_teach b {
    font-family: Roboto;
    font-style: 300;
    font-size: 16px;
    line-height: 23px;
    margin-left: 10px;
    color: #FFFFFF;
}

div.prof div.info_teach h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 31px;
    color: #FFFFFF;
}

div.prof h2.dr2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 31px;
    margin-top: 40px;
    margin-bottom: 20px;
    color: #333333;
}

div.prof div.drsj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.prof div.drsj div.activ {
    background: #24B383 !important;
}

div.prof div.drsj div.activ h4 {
    color: white !important;
}

div.prof div.drsj div.activ h3 {
    color: white !important;
}

div.prof div.drsj div.activ p {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 100%;
    text-align: center;
    color: #FFFFFF;
}

div.prof div.drsj div.item_week {
    width: 13%;
    background: #E1E1E1;
    border-radius: 5px;
    text-align: center;
    height: 280px;
}

div.prof div.drsj div.item_week div.bot {
    height: 40px;
    margin-top: 60px;
}

div.prof div.drsj div.item_week div.bot p {
    margin-bottom: 0px;
}

div.prof div.drsj div.item_week h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    margin-top: 30px;
    line-height: 38px;
    color: #333333;
}

div.prof div.drsj div.item_week h4 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 19px;
    color: #333333;
}

div.prof div.cours_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

div.prof div.cours_info div.img {
    width: 300px;
    position: relative;
    overflow: hidden;
    height: 210px;
}

div.prof div.cours_info div.img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}

div.prof div.cours_info div.all_info {
    padding: 0px 20px;
}

div.prof div.cours_info i.checked {
    color: orange;
}

div.prof div.cours_info div.five i {
    color: #999999;
    font-size: 20px;
    cursor: pointer;
}

div.prof div.cours_info div.group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 0px;
}

div.prof div.cours_info div.group img {
    margin-right: 10px;
}

div.prof div.cours_info div.group div.rat {
    margin-right: 20px;
}

div.prof div.cours_info div.group div.rat,
div.prof div.cours_info div.group div.bino {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.prof div.cours_info h1 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 0px;
    line-height: 37px;
}

div.prof div.cours_info a {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 23px;
    color: #2499B3;
    margin-left: 5px;
    margin-top: 5px;
}

div.prof div.cours_info a:hover {
    text-decoration: underline;
}

div.prof div.cours_info b {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
    color: #333333;
    margin-top: 5px;
}

div.prof div.cours_info h6 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 0px;
    color: #333333;
}

div.prof div.pro_mod {
    width: 350px;
    -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
}

div.prof div.pro_mod div.cont2 div.hr {
    border-bottom: 1px solid #999999;
}

div.prof div.pro_mod div.cont2 div.malto {
    padding: 10px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

div.prof div.pro_mod div.cont2 div.malto span.visible {
    cursor: pointer;
}

div.prof div.pro_mod div.cont2 div.malto b {
    font-family: Roboto;
    font-style: bold;
    font-weight: 500;
    margin-right: 10px;
    font-size: 18px;
    line-height: 23px;
    display: block;
    color: #333333;
}

div.prof div.pro_mod div.cont2 div.malto span {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    display: block;
    line-height: 23px;
    color: #333333;
}

div.prof div.pro_mod div.top {
    background-color: #24B383;
    padding: 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.prof div.pro_mod div.top span.right {
    cursor: pointer;
}

div.prof div.pro_mod div.top span.right i.none {
    display: none;
}

div.prof div.pro_mod div.top span.right i {
    color: white;
    font-size: 18px;
    font-weight: 400;
}

div.prof div.pro_mod div.top div.left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

div.prof div.pro_mod div.top div.left b {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 25px;
    margin: 0px 10px;
    color: #FFFFFF;
}

div.prof div.pro_subject {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px;
}

div.prof div.pro_subject div.ro_subject {
    width: 40%;
    border-radius: 5px;
    background-color: #3A7AFE;
    margin-right: 20px;
    padding: 10px;
    margin-bottom: 20px;
}

div.prof div.pro_subject div.ro_subject h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 23px;
    color: white;
}

div.prof div.pro_subject div.ro_subject h4 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
    margin-bottom: 0px;
}

div.prof div.news {
    width: 100%;
    -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
    /* Track */
    /* Handle */
    /* Handle on hover */
}

div.prof div.news div.cont::-webkit-scrollbar {
    width: 5px;
    background: white;
}

div.prof div.news div.cont::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px grey;
    box-shadow: inset 0 0 5px grey;
    border-radius: 3px;
}

div.prof div.news div.cont::-webkit-scrollbar-thumb {
    background: #949494;
    border-radius: 10px;
}

div.prof div.news div.cont::-webkit-scrollbar-thumb:hover {
    background: #9b9a9a;
}

div.prof div.news div.cont {
    max-height: 280px;
    overflow-y: scroll;
}

div.prof div.news div.cont div.vorle {
    border-left: 3px solid #24B383;
}

div.prof div.news div.cont div.into:hover {
    background-color: rgba(4, 66, 80, 0.04);
}

div.prof div.news div.cont div.into {
    padding: 10px 15px;
}

div.prof div.news div.cont div.into h5 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
    color: #333333;
    margin-bottom: 2px;
}

div.prof div.news div.cont div.into h6 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 0px;
    color: #999999;
}

div.prof div.news div.top {
    background-color: #3A7AFE;
    padding: 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

div.prof div.news div.top span.right {
    cursor: pointer;
}

div.prof div.news div.top span.right i.none {
    display: none;
}

div.prof div.news div.top span.right i {
    color: white;
    font-size: 18px;
    font-weight: 400;
}

div.prof div.news div.top div.left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

div.prof div.news div.top div.left div.red_num {
    position: relative;
    background-color: #FF4A4A;
    border-radius: 100%;
    height: 23px;
    width: 23px;
    overflow: hidden;
}

div.prof div.news div.top div.left div.red_num span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-family: Roboto;
    font-style: normal;
    font-weight: 800;
    color: white;
    font-size: 15px;
    line-height: 19px;
}

div.prof div.news div.top div.left b {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 25px;
    margin: 0px 10px;
    color: #FFFFFF;
}

.owl-carousel {
    display: inline-block !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

h3.pup_last {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 25px;
    color: #333333;
}

h3.oy_pup {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 38px;
    color: #333333;
}

div.carusel_pup {
    position: relative;
}

div.carusel_pup div.owl-dots {
    display: none !important;
}

div.carusel_pup button.owl-prev {
    position: absolute;
    left: 0;
    z-index: 2;
    top: 40% !important;
    -webkit-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
}

div.carusel_pup button {
    width: 27px !important;
    height: 27px !important;
    position: relative;
    background-color: white !important;
    border-radius: 100%;
    -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
}

div.carusel_pup button span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 24px;
    font-weight: 500;
    margin-top: -2px;
}

div.carusel_pup button.owl-next {
    position: absolute;
    right: -25px;
    z-index: 2;
    top: 40% !important;
    -webkit-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
}

div.carusel_pup div.gone_all {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.carusel_pup div.gone_all div.dagone {
    background-color: #24B383 !important;
}

div.carusel_pup div.gone_all div.nogone h3,
div.carusel_pup div.gone_all div.nogone h4,
div.carusel_pup div.gone_all div.dagone h3,
div.carusel_pup div.gone_all div.dagone h4 {
    color: white !important;
}

div.carusel_pup div.gone_all div.nogone {
    background-color: #FF5757 !important;
}

div.carusel_pup div.gone_all div.gone {
    width: 31%;
    border-radius: 5px;
    background-color: #E1E1E1;
    padding: 20px 0px 40px 0px;
}

div.carusel_pup div.gone_all div.gone h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    color: #333333;
}

div.carusel_pup div.gone_all div.gone h4 {
    margin-top: 20px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 19px;
    text-align: center;
    color: #333333;
}

div.fan_pup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

div.fan_pup div.blcolor {
    background-color: #3A7AFE;
}

div.fan_pup div.rcolor {
    background-color: #FF5757;
}

div.fan_pup div.grcolor {
    background-color: #24B383;
}

div.fan_pup div.pup_row {
    width: 23%;
    padding: 20px;
    border-radius: 5px;
    margin-right: 10px;
    text-align: center;
    margin-bottom: 10px;
}

div.fan_pup div.pup_row span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-right: 1px solid white;
    padding-right: 15px;
    margin-right: 15px;
}

div.fan_pup div.pup_row span h5 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 35px;
    line-height: 44px;
    margin-bottom: 0px;
    color: #FFFFFF;
}

div.fan_pup div.pup_row h6 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 0px;
    color: #FFFFFF;
}

div.congru {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

div.congru div.ro_con {
    width: 30%;
    margin-right: 10px;
    background: #FFFFFF;
    margin-bottom: 10px;
    -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

div.congru div.ro_con div.content {
    padding: 10px 12px;
}

div.congru div.ro_con div.content p {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: 0.01em;
    color: #000000;
}

div.congru div.ro_con div.top {
    background-color: #3A7AFE;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px;
}

div.congru div.ro_con div.top h4 {
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

div.new_client {
    padding-left: 90px;
    padding-top: 20px;
}

div.new_client div.comp_cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

div.new_client div.comp_cart div.sil_row {
    background-color: #999999;
}

div.new_client div.comp_cart div.red_row {
    background-color: #FF5757;
}

div.new_client div.comp_cart div.row_cart {
    width: 48%;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 15px;
}

div.new_client div.comp_cart div.row_cart b {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

div.new_client div.comp_cart div.row_cart div.bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.new_client div.comp_cart div.row_cart div.bottom span.checkzafar input {
    width: 25px;
    height: 25px;
    opacity: 1 !important;
    position: relative !important;
    pointer-events: painted !important;
}

div.new_client div.comp_cart div.row_cart div.bottom div.info_two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.new_client div.comp_cart div.row_cart div.bottom div.info_two h5 {
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    margin-left: 10px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

div.new_client div.comp_cart div.row_cart div.bottom div.info_two span {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
}

div.new_client div.comp_cart div.row_cart div.bottom div.info_two span img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}

div.new_client div.comp_cart div.row_cart div.center {
    margin: 10px 0px;
}

div.new_client div.comp_cart div.row_cart div.top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.new_client div.comp_cart div.row_cart div.top h6 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    margin-left: 10px;
    line-height: 15px;
    margin-bottom: 0px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

div.new_client div.unset_align {
    -webkit-box-align: unset !important;
    -ms-flex-align: unset !important;
    align-items: unset !important;
}

div.new_client div.form_client {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 13px;
}

div.new_client div.form_client h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.new_client div.form_client select {
    width: 70%;
    height: 35px;
    background: #FFFFFF;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
    line-height: 100%;
    padding-left: 10px;
    letter-spacing: 0.01em;
}

div.new_client div.form_client input:focus {
    outline: none;
    border: 0.5px solid #FF3C3C !important;
    -webkit-box-shadow: 0px 0px 4px #F52C2C;
    box-shadow: 0px 0px 4px #F52C2C;
}

div.new_client div.form_client input.short {
    width: 30% !important;
}

div.new_client div.form_client textarea:focus {
    outline: none;
    border: 0.5px solid #FF3C3C !important;
    -webkit-box-shadow: 0px 0px 4px #F52C2C;
    box-shadow: 0px 0px 4px #F52C2C;
}

div.new_client div.form_client textarea {
    width: 70%;
    height: 80px;
    padding-top: 3px;
    padding-right: 10px;
    background: #FFFFFF;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
    line-height: 100%;
    padding-left: 10px;
    letter-spacing: 0.01em;
}

div.new_client div.form_client input[type=text],
div.new_client div.form_client input[type=date] {
    width: 70%;
    height: 30px;
    background: #FFFFFF;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
    line-height: 100%;
    padding-left: 10px;
    letter-spacing: 0.01em;
}

div.new_client div.form_client span {
    display: inline-block;
    width: 30% !important;
    position: relative;
}

div.new_client div.form_client span img.must_img {
    position: absolute;
    left: -12px;
    top: 4px;
}

div.new_client div.form_client span b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    margin-right: 10px;
    letter-spacing: 0.01em;
    color: #3A7AFE;
}

button.button100 {
    width: 100%;
    background-color: #24B383;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    cursor: pointer;
    padding: 8px 0px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

button.button100 img {
    margin-right: 10px;
}

div.border_red {
    border-left: 4px solid #FF5757;
    padding: 10px 15px 10px 11px !important;
}

div.border_gold {
    border-left: 4px solid #FFAF51 !important;
    padding: 10px 15px 10px 11px !important;
}

div.eslatma {
    position: fixed;
    right: 10px;
    width: 300px;
    z-index: 4;
    background: #FEFEFE;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    border-radius: 0px;
    bottom: 10px;
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */
}

div.eslatma div.content {
    max-height: 300px;
    overflow-y: scroll;
}

div.eslatma div.content::-webkit-scrollbar {
    width: 5px;
}

div.eslatma div.content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px white;
    box-shadow: inset 0 0 5px white;
    border-radius: 10px;
}

div.eslatma div.content::-webkit-scrollbar-thumb {
    background: #DDDDDD;
    border-radius: 5px;
}

div.eslatma div.content::-webkit-scrollbar-thumb:hover {
    background: silver;
}

div.eslatma div.item_one:hover {
    background-color: whitesmoke;
}

div.eslatma div.item_one {
    padding: 10px 15px;
    border-top: 0.5px solid #999999;
    cursor: pointer;
}

div.eslatma div.item_one b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.eslatma div.item_one div.redb {
    margin-bottom: 15px;
}

div.eslatma div.item_one div.redb b {
    color: #FF2F2F !important;
}

div.eslatma div.item_one div.bot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.eslatma div.item_one div.bot span.pos_img {
    position: relative;
    width: 10% !important;
    height: 24px;
}

div.eslatma div.item_one div.bot span.pos_img img {
    position: absolute;
    bottom: 5px;
    right: 0px;
}

div.eslatma div.item_one div.bot h5 {
    margin-bottom: 0px;
    width: 90%;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.eslatma div.item_one div.top_in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.eslatma div.item_one div.top_in h6 {
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 100%;
    text-align: right;
    letter-spacing: 0.01em;
    color: #666666;
}

div.eslatma div.top {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px;
    background-color: #F4F4F4;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.eslatma div.top span.exit_task {
    cursor: pointer;
}

div.eslatma div.top span.none_task {
    display: none;
}

div.eslatma div.top h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 0px;
    line-height: 19px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.radio_adv {
    width: 70%;
}

div.radio_adv p {
    margin-bottom: 0px !important;
}

div.radio_adv [type="radio"]:checked,
div.radio_adv [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

div.radio_adv [type="radio"]:checked+label,
div.radio_adv [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
    letter-spacing: 0.01em;
    color: #333333;
}

div.radio_adv [type="radio"]:checked+label:before,
div.radio_adv [type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 2px solid #3A7AFE;
    border-radius: 100%;
    background: #fff;
}

div.radio_adv [type="radio"]:checked+label:after,
div.radio_adv [type="radio"]:not(:checked)+label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #3A7AFE;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

div.radio_adv [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

div.radio_adv [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

div.modal_vazifa {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 199;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    width: 450px;
    background-color: #fff;
    -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    -webkit-transition: .3s;
    transition: .3s;
}

div.modal_vazifa div.center {
    padding: 25px 20px 0px 20px;
}

div.modal_vazifa div.center div.unet_align {
    -webkit-box-align: unset !important;
    -ms-flex-align: unset !important;
    align-items: unset !important;
}

div.modal_vazifa div.center div.p {
    margin-top: 20px;
    margin-bottom: 15px;
}

div.modal_vazifa div.center div.p p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 140%;
    margin-bottom: 0px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.modal_vazifa div.center div.status h1 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 100%;
    margin-bottom: 0px;
    letter-spacing: 0.01em;
    color: #999999;
}

div.modal_vazifa div.center div.give_vaz {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.modal_vazifa div.center div.give_vaz b {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.modal_vazifa div.center div.one_div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-bottom: 15px;
}

div.modal_vazifa div.center div.one_div select {
    background: #FFFFFF;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    padding-left: 10px;
    font-size: 13px;
    line-height: 100%;
    height: 30px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.modal_vazifa div.center div.one_div div.right {
    width: 70%;
}

div.modal_vazifa div.center div.one_div div.right textarea:focus {
    outline: none;
    border: 0.5px solid #FF3C3C !important;
    -webkit-box-shadow: 0px 0px 4px #F52C2C;
    box-shadow: 0px 0px 4px #F52C2C;
}

div.modal_vazifa div.center div.one_div div.right textarea {
    width: 100%;
    height: 85px;
    background: #FFFFFF;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    border: 0.5px solid #666666;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
    padding-left: 10px;
    padding-top: 10px;
}

div.modal_vazifa div.center div.one_div div.right input[type=date]:focus {
    outline: none;
    border: 0.5px solid #FF3C3C !important;
    -webkit-box-shadow: 0px 0px 4px #F52C2C;
    box-shadow: 0px 0px 4px #F52C2C;
}

div.modal_vazifa div.center div.one_div div.right input[type=date] {
    height: 30px;
    background: #FFFFFF;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
    padding-left: 10px;
}

div.modal_vazifa div.center div.one_div div.right h4 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 100%;
    margin-bottom: 0px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.modal_vazifa div.center div.one_div div.left {
    width: 30%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-right: 20px;
}

div.modal_vazifa div.center div.one_div div.left b {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 100%;
    text-align: right;
    margin-top: 2px;
    letter-spacing: 0.01em;
    color: #666666;
}

div.modal_vazifa div.bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0px 20px 20px 15px;
}

div.modal_vazifa div.bottom button {
    background: #24B383;
    border-radius: 5px;
    font-family: Roboto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 15px;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    border: none;
    cursor: pointer;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

div.modal_vazifa div.bottom button img {
    margin-right: 10px;
}

div.modal_vazifa div.top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 15px;
    border-bottom: 0.3px solid #999999;
}

div.modal_vazifa div.top span.exit_new {
    cursor: pointer;
}

div.modal_vazifa div.top h2 {
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.trello {
    padding: 20px 80px;
}

div.trello div.trello_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.trello div.trello_flex div.trel_row {
    width: 24%;
    background: #FEFEFE;
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 0px;
    /* Track */
    /* Handle */
    /* Handle on hover */
}

div.trello div.trello_flex div.trel_row span.new_task {
    cursor: pointer;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.trello div.trello_flex div.trel_row span.new_task i {
    font-weight: 300;
    font-size: 16px;
    margin-left: 5px;
    color: #333333;
    margin-top: 3px;
}

div.trello div.trello_flex div.trel_row div.content::-webkit-scrollbar {
    width: 4px;
}

div.trello div.trello_flex div.trel_row div.content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px white;
    box-shadow: inset 0 0 5px white;
    border-radius: 10px;
}

div.trello div.trello_flex div.trel_row div.content::-webkit-scrollbar-thumb {
    background: #a8a8a8;
    border-radius: 10px;
}

div.trello div.trello_flex div.trel_row div.content::-webkit-scrollbar-thumb:hover {
    background: #808080;
}

div.trello div.trello_flex div.trel_row div.content {
    max-height: 370px;
    overflow-y: scroll;
}

div.trello div.trello_flex div.trel_row div.content div.item:hover {
    background-color: rgba(0, 0, 0, 0.02);
}

div.trello div.trello_flex div.trel_row div.content div.item {
    border-bottom: 0.5px solid #999999;
    padding: 10px 15px;
    cursor: pointer;
}

div.trello div.trello_flex div.trel_row div.content div.item div.comment {
    margin-top: 10px;
}

div.trello div.trello_flex div.trel_row div.content div.item div.comment h4 {
    font-family: Roboto;
    font-style: italic;
    font-weight: normal;
    font-size: 13px;
    line-height: 140%;
    margin-bottom: 0px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.trello div.trello_flex div.trel_row div.content div.item div.bot2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

div.trello div.trello_flex div.trel_row div.content div.item div.bot2 span {
    right: 0;
    top: -20px;
}

div.trello div.trello_flex div.trel_row div.content div.item div.bot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.trello div.trello_flex div.trel_row div.content div.item div.bot div.pro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.trello div.trello_flex div.trel_row div.content div.item div.bot div.pro div.left {
    margin-right: 10px;
}

div.trello div.trello_flex div.trel_row div.content div.item div.bot div.pro div.left span.img {
    width: 35px;
    height: 35px;
    display: block;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
}

div.trello div.trello_flex div.trel_row div.content div.item div.bot div.pro div.left span.img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}

div.trello div.trello_flex div.trel_row div.content div.item div.bot div.pro div.right h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    margin-bottom: 3px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.trello div.trello_flex div.trel_row div.content div.item h6 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 100%;
    margin-bottom: 0px;
    letter-spacing: 0.01em;
    color: #666666;
}

div.trello div.trello_flex div.trel_row div.content div.item div.infor {
    margin: 10px 0px;
}

div.trello div.trello_flex div.trel_row div.content div.item div.infor p {
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 140%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.trello div.trello_flex div.trel_row div.content div.item div.data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.trello div.trello_flex div.trel_row div.content div.item div.data b {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.trello div.trello_flex div.trel_row div.top {
    background: #F4F4F4;
    padding: 15px;
    width: 100%;
}

div.trello div.trello_flex div.trel_row div.top h5 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    margin-bottom: 0px;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.01em;
    color: #333333;
}

span.return_vaz {
    cursor: pointer;
}

span.return_vaz b {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px !important;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #3A7AFE !important;
}

span.return_vaz i.none_ret {
    display: none;
}

span.return_vaz i {
    font-style: normal;
    font-weight: normal;
    font-size: 15px !important;
    color: #3A7AFE !important;
}

.togret {
    display: none !important;
}

.deadline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px 0px;
}

.deadline input {
    background: #FFFFFF;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
    padding-left: 10px;
    height: 30px;
}

.deadline h2 {
    margin-right: 15px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 100%;
    margin-bottom: 0px;
    text-align: right;
    letter-spacing: 0.01em;
    color: #666666;
}

div.sms_jonat {
    width: 100%;
    padding: 20px 80px;
}

div.sms_jonat nav:not(.active_tab) {
    display: none;
}

div.sms_jonat div.one ul {
    list-style-type: none;
    padding: 0px;
    width: 100%;
    border-bottom: 0.5px solid #999999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

div.sms_jonat div.one ul input {
    opacity: 1 !important;
    position: relative !important;
    width: 16px;
    z-index: 4;
    margin-left: 10px;
    height: 16px;
    pointer-events: painted !important;
}

div.sms_jonat div.one ul li.active {
    border-bottom: 3px solid #333333;
    padding-bottom: 10px;
}

div.sms_jonat div.one ul li {
    display: inline-block;
    margin-right: 15px;
    cursor: pointer;
}

div.sms_jonat div.one ul li div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.sms_jonat div.one ul li div b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.modal_tree {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    width: 430px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    z-index: 1009;
    -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    background-color: #fff;
}

div.modal_tree nav:not(.activ_zzz) {
    display: none;
}

div.modal_tree div.sav23 {
    padding: 0px 15px 15px 15px !important;
}

div.modal_tree div.center {
    padding: 0px 15px 15px 15px;
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */
}

div.modal_tree div.center div.add_blok {
    padding-top: 10px;
}

div.modal_tree div.center div.add_blok h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 100%;
    margin-bottom: 0px;
    letter-spacing: 0.01em;
    color: #3A7AFE;
    cursor: pointer;
}

div.modal_tree div.center div.all_room::-webkit-scrollbar {
    width: 4px;
}

div.modal_tree div.center div.all_room::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px #dddddd;
    box-shadow: inset 0 0 5px #dddddd;
    border-radius: 10px;
}

div.modal_tree div.center div.all_room::-webkit-scrollbar-thumb {
    background: #9b9b9b;
    border-radius: 10px;
}

div.modal_tree div.center div.all_room::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

div.modal_tree div.center div.all_room {
    overflow-y: scroll;
    max-height: 280px;
    padding-right: 15px;
}

div.modal_tree div.center div.all_room div.blok {
    border-bottom: 1px solid silver;
    padding-top: 15px;
}

div.modal_tree div.center div.all_room div.item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

div.modal_tree div.center div.all_room div.item span {
    width: 30%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 15px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

div.modal_tree div.center div.all_room div.item input:focus {
    outline: none;
}

div.modal_tree div.center div.all_room div.item input {
    width: 70%;
    padding-left: 10px;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    height: 30px;
}

div.modal_tree div.center ul {
    list-style-type: none;
    padding-left: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0px;
    border-bottom: 0.3px solid #999999;
}

div.modal_tree div.center ul li.act_li_new {
    color: #3A7AFE;
    font-weight: 500;
    border-bottom: 2px solid #3A7AFE;
}

div.modal_tree div.center ul li {
    display: inline-block;
    font-family: Roboto;
    font-style: normal;
    cursor: pointer;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: #333333;
    padding: 15px 25px;
}

div.modal_tree div.top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 0.4px solid #999999;
}

div.modal_tree div.top span.exit {
    cursor: pointer;
}

div.modal_tree div.top h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 100%;
    margin-bottom: 0px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.top_header {
    padding: 10px 30px;
    background-color: rgb(249, 249, 249);
}

div.top_header div div div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.top_header div div div i {
    margin-right: 10px;
}

div.top_header div.col-md-6 {
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
}

div.top_header select {
    padding: 3px 8px;
    border: 1px solid #999999;
    border-radius: 5px;
    font-size: 14px;
}

div.top_header a:hover {
    color: #1e5745;
}

div.top_header a {
    color: #333;
    margin: 0 5px;
}

.conta {
    height: 100vh;
    width: 100vw;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 12123908098;
    background-color: #fff;
    font-family: Helvetica;
}

table.nz-container input#user-password {
    border-radius: 3px !important;
    width: 357px !important;
}

table.nz-container input[type=checkbox] {
    width: unset !important;
    width: 40px !important;
    height: 40px !important;
    position: relative !important;
    margin-left: 10px;
}

.form-group {
    margin-bottom: 0px !important;
}

div.input-group {
    flex-wrap: unset !important;
}

div.colors div.content div.f_row {
    margin-right: 5px;
}

form#frm-example td {
    height: 26px;
}

.dropdown-item1 a {
    padding: 5px !important;
}

.media_img i {
    display: inline-block !important;
    margin-top: -28px;
    margin-left: -10px;
    position: absolute;
    font-size: 23px;
}

.position_new {
    position: absolute;
    margin-left: -10px;
}

.titleft i {
    font-size: 20px;
    margin-top: 6px;
    color: rgba(0, 0, 0, 0.6);
}

#spreadsheet:hover {
    cursor: pointer;
}
body {
    padding-bottom: 30px;
    background-size: 100%;
}

body {
    overflow: hidden;
}


/* Preloader */

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    /* change if the mask should have another color then white */
    z-index: 99;
    /* makes sure it stays on top */
}

#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    /* centers the loading animation horizontally one the screen */
    top: 50%;
    /* centers the loading animation vertically one the screen */
    background-image: url("../img/3.gif");
    /* path to your loading animation */
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
    /* is width and height divided by two */
}

div.fix2 {
    background-color: white;
    opacity: 0.6;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: -1;
}

* {
    margin: 0;
    padding: 0;
    font-family: Roboto;
    font-style: normal;
}

div.opac {
    width: 450px;
    height: 500px;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    position: fixed;
    right: -500px;
    top: -500px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background-color: #519efd;
    opacity: 1;
    z-index: 13;
    overflow: hidden;
    border-radius: 100%;
}

div.opac div.all_abs {
    position: relative;
    width: 100%;
    height: 100%;
}

div.opac div.all_abs div.exit_right {
    position: absolute;
    right: 253px;
    width: 25px;
    height: 25px;
    top: 262px;
}

div.opac div.all_abs div.exit_right i {
    top: 210px;
    color: white;
    left: 175px;
    font-size: 20px;
    cursor: pointer;
}

div.opac div.all_abs div.item:hover {
    background-color: #57b2ff;
    border: 2px solid #fff;
}

div.opac div.all_abs div.item:hover i {
    color: white;
}

div.opac div.all_abs div.item:hover h3 {
    color: black !important;
}

div.opac div.all_abs div.item {
    position: absolute;
    background-color: #519efd;
    height: 35px;
    width: 50px;
    border: 2px solid white;
    cursor: pointer;
    border-radius: 10px;
    z-index: 129849;
}

div.opac div.all_abs div.item i {
    font-size: 30px;
    color: white;
    margin-right: 10px;
    font-weight: 300;
}

div.opac div.all_abs div.two i {
    font-size: 25px;
}

div.opac div.all_abs div.three i {
    font-size: 25px;
}

div.opac div.all_abs div.four i {
    font-size: 34px;
    color: white;
    margin-right: -7px;
    font-weight: 300;
}

div.opac div.all_abs div.item div.two_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 5px 10px;
}

div.opac div.all_abs div.item div.two_item h3 {
    margin-bottom: 0px;
    font-size: 14px;
    margin-top: 3px;
    color: white;
    font-weight: 400;
}

div.opac div.all_abs div.one {
    left: 31px;
    bottom: 200px;
}

div.opac div.all_abs div.two {
    left: 70px;
    bottom: 157px;
}

div.opac div.all_abs div.three {
    left: 97px;
    bottom: 110px;
}

div.opac div.all_abs div.four {
    left: 127px;
    bottom: 64px;
}

div.opac div.all_abs div.five {
    left: 134px;
    bottom: 55px;
}

div.plus_fix:hover {
    -webkit-box-shadow: 1px 0px 10px silver;
    box-shadow: 1px 0px 10px silver;
}

select {
    display: inline-block !important;
}

select:focus {
    outline: none !important;
}

div.two_fixed {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 30;
}

button.gener {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #FFFFFF;
    border: 0.5px solid #3A7AFE;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    /* identical to box height, or 13px */
    letter-spacing: 0.01em;
    padding: 8px 10px;
    margin-left: 8px;
    cursor: pointer;
    color: #3A7AFE;
}

button.gener img {
    margin-right: 10px;
}

div.fixvh {
    position: fixed;
    z-index: 5;
    width: 100%;
    top: 0;
    display: none;
    left: 0;
    height: 100vh;
    background-color: #969696;
    opacity: 0.3;
}

div.click4 span {
    cursor: pointer;
}

div.click4 div.index {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0px !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.click4 div.confirm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 8px;
}

div.click4 div.confirm button {
    padding: 8px 15px;
    border-radius: 5px;
    font-family: Roboto;
    cursor: pointer;
    font-style: normal;
    font-weight: 500;
    border: none;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
}

div.click4 div.confirm button.ha {
    color: white;
    background-color: #FF5757;
    margin-right: 10px;
}

div.click4 div.confirm button.yoq {
    color: #333333;
    background-color: #F5F5F5;
}

div.alinone {
    -webkit-box-align: unset !important;
    -ms-flex-align: unset !important;
    align-items: unset !important;
}

div.tab_add_pupil2 {
    display: none;
}

div#home_scale {
    width: 400px !important;
}

div#home_scale div.file button {
    border: 0.5px solid #666666 !important;
    background: #FFFFFF !important;
    color: #333333 !important;
}

div.allpay {
    padding: 15px;
    width: 435px;
    -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    margin: 0 auto;
    position: absolute;
    z-index: 5;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background-color: white;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
}

div.allpay h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 100%;
    /* or 18px */
    letter-spacing: 0.01em;
    color: #333333;
}

div.allpay div.title2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

div.allpay div.title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 0.2px solid #969696;
    padding-bottom: 10px;
}

div.allpay div.title span.exit {
    cursor: pointer;
}

div.allpay div.title div.two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.allpay div.title div.two h6 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    margin-bottom: 0px;
    line-height: 100%;
    letter-spacing: 0.01em;
    margin-left: 15px;
    color: #333333;
}

div.allpay div.undov {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}

div.allpay div.alert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0px 18px !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

div.allpay div.alert h6 {
    font-family: Roboto;
    font-style: italic;
    font-weight: normal;
    font-size: 13px;
    line-height: 130%;
    /* identical to box height, or 17px */
    letter-spacing: 0.01em;
    color: #666666;
}

div.allpay div.index {
    padding-right: 8px;
    padding-bottom: 10px;
}

div.allpay div.index div.item2 {
    margin-top: 20px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

div.allpay div.index div.item {
    margin-top: 20px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

div.allpay div.index div.item button {
    padding: 8px 15px;
    border: none;
    background: #24B383;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    cursor: pointer;
    color: #FFF;
}

div.allpay div.index div.item h5 {
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #666666;
}

div.allpay div.index div.item input:focus {
    outline: none;
}

div.allpay div.index div.item div.sel {
    width: 273px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 20px;
}

div.allpay div.index div.item div.sel b {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.allpay div.index div.item div.file {
    width: 273px;
    margin-left: 20px;
}

div.allpay div.index div.item div.file h3 {
    font-family: Roboto;
    font-style: italic;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #666666;
    margin-top: 5px;
}

div.allpay div.index div.item textarea {
    width: 273px;
    margin-left: 20px;
    height: 150px;
    border: 0.5px solid #666666 !important;
    border-radius: 5px;
}

div.allpay div.index div.item select,
div.allpay div.index div.item input {
    width: 273px;
    margin-left: 20px;
    height: 30px;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    padding-left: 10px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.plus_fix {
    width: 60px;
    cursor: pointer;
    height: 60px;
    right: 10px;
    z-index: 3;
    bottom: 70px;
    position: fixed;
    border-radius: 100%;
}

div.plus_fix div.pos {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background-color: #24B383;
}

div.plus_fix div.pos img {
    position: absolute;
    top: 50%;
    width: 100%;
    width: 30px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

header {
    background-color: #264ea3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 20px;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

header div.exit {
    display: none;
}

header div.bar {
    display: none;
}

header ul {
    list-style-type: none;
    margin-bottom: 0px;
    padding-left: 20px;
}

header ul i.fa {
    display: none;
    color: white;
}

header ul i.rot {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

header li {
    display: inline-block;
    position: relative;
}

header li ul {
    display: none;
}

header li ul a {
    display: block;
    font-weight: normal;
    font-size: 14px;
    line-height: 15px;
    width: 100%;
    padding: 10px 0px;
    display: block;
    color: #333;
}

header a {
    padding: 8px 5px;
    margin-right: 6px;
    width: 100%;
    display: block;
    text-align: center;
}

header a b {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    width: 100%;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    display: block;
    margin-top: 7px;
    color: #fff;
}

.help-block {
    color: red;
    font-size: 18px;
    font-weight: 500;
}

header li:hover a.click_aa {
    background-color: #208791;
}

.act {
    background-color: #759CF5;;
}

header li ul li:hover {
    background-color: #759CF5;
}

header li ul li:hover a {
    color: #fff;
}

header div.profil span {
    position: relative;
}

header div.profil div.nred {
    position: absolute;
    top: -14px;
    right: -10px;
    width: 24px;
    height: 24px;
    background-color: #a9d441;
    border-radius: 100%;
}

header div.profil div.nred div.p {
    position: relative;
    width: 24px;
    height: 37px;
}

header div.profil div.nred b {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -80%);
    text-align: center;
    position: absolute;
    color: #FFFFFF;
}

header div.profil {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 25px;
    height: 100%;
}

header div.profil div.two_text {
    text-align: right;
    padding-right: 10px;
    margin-left: 20px;
}

header div.profil h5 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 8px;
    color: #FFFFFF;
}

header div.profil h6 {
    font-family: Roboto;
    font-style: normal;
    margin-bottom: 0px;
    font-weight: normal;
    font-size: 10px;
    line-height: 8px;
    color: #FFFFFF;
}

header div.profil div.img_avatar:hover {
    background-color: #759CF5;
    height: 100%;
}

header div.profil div.img_avatar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    padding: 0px 10px;
}

header div.profil div.img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
    margin-right: 5px;
}

header div.profil div.img img {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

div.index_one {
    margin: 30px 0px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

div.navz nav:not(.active_navz) {
    display: none;
}

div.nav {
    border-bottom: 0.5px solid #999999;
    background-color: white;
    position: relative;
}

div.nav div.know {
    display: none;
}

div.nav div.chap {
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 0px 5px;
    background-color: #fff !important;
    height: 100%;
    z-index: 3;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.nav div.chap i {
    color: #999999;
}

div.nav div.ong {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 0px 5px;
    background-color: #fff !important;
    z-index: 3;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.nav div.ong i {
    color: #999999;
}

div.nav nav.active_nav {
    width: 100% !important;
}

div.nav nav:not(.active_nav) {
    display: none;
}

div.nav ul {
    list-style-type: none;
    margin-bottom: 0px;
    padding-left: 30px;
}

div.nav ul li {
    display: inline-block;
    padding: 0px 20px;
}

div.nav ul li a {
    display: block;
    padding: 10px 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    letter-spacing: 0.01em;
    color: #085297;
    border-bottom: 4px solid transparent;
}

div.nav ul li a.acta {
    border-bottom: 4px solid #3A7AFE;
}

div.titleft {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.davomat_acc {
    padding-top: 30px;
    width: 100%;
}

div.davomat_acc div.accordion_content {
    display: none;
}

div.davomat_acc div.content {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

div.davomat_acc div.accordion_content {
    width: 100%;
    padding-top: 10px;
}

div.davomat_acc div.bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.davomat_acc div.bar b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.davomat_acc div.bar i {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    margin-left: 20px;
    margin-top: 3px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
    cursor: pointer;
}

div.davomat_acc div.bar i.minus {
    display: none;
}

div.kok {
    background-color: #F25767;;
}

div.qizil {
    background-color: #EE283C;;
}

div.yashil {
    background-color: #00AFEF;
}

div.sariq {
    background-color: #FFAF51;
}

div.colors {
    padding-top: 14px;
    padding-right: 30px;
}

div.colors div.row {
    padding-left: 35px;
}

div.colors div.content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

div.colors div.content div.f_row:hover {
    -webkit-box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.5);
}

div.colors div.content div.havo {
    background-color: #74BCFF;
}

div.colors div.content div.f_row {
    width: 19.5%;
    margin-top: 7px;
    border-radius: 5px;
    padding: 15px;
}

div.colors div.content div.f_row div.bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.colors div.content div.f_row div.bottom div:nth-child(2) {
    margin-bottom: -10px;
}

div.colors div.content div.f_row div.bottom div.two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.colors div.content div.f_row div.bottom h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 0px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    margin-left: 7px;
}

div.colors div.content div.f_row div.bottom span {
    position: relative;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    overflow: hidden;
}

div.colors div.content div.f_row div.bottom span img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

div.colors div.content div.f_row div.center {
    margin: 10px 0px;
    width: 100%;
}

div.colors div.content div.f_row div.center b {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

div.colors div.content div.f_row div.top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

div.colors div.content div.f_row div.top h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    margin-bottom: 0px;
}

div.colors div.content div.f_row div.top b {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    margin-left: 10px;
}

div.colors div.bugun {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 3px;
}

div.colors div.bugun h1 {
    margin-bottom: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.colors div.bugun b {
    margin-left: 15px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #3A7AFE;
}

div.table {
    padding-top: 40px;
    padding-right: 30px;
    margin-top: 108px;
}

div.table div.rightt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0px;
    padding-left: 20px;
    width: 100%;
}

div.table div.table_right {
    border-left: 1px dashed #000000;
}

div.table div.table_right h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.table div.table_right div.allsum {
    padding-left: 100px;
}

div.table div.table_right div.allsum b {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.table div.table_right div.allsum i {
    margin-left: 100px;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.table div.table_right div.title {
    padding-top: 15px;
}

div.table div.table_right div.title div.select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.table div.table_right div.title div.select b {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    margin-right: 8px;
    letter-spacing: 0.01em;
    color: #666666;
}

div.table div.table_right div.title div.select select {
    height: 30px;
    border: 0.5px solid #666666 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #666666;
}

div.table div.table_right div.title select {
    display: inline-block !important;
}

div.table div.table_right div.title select:focus {
    outline: none;
}

div.table div.table_right div.pupil {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 0.5px solid #666666;
    padding-bottom: 15px;
    position: relative;
}

div.table div.table_right div.pupil div.narx {
    position: absolute;
    right: 0;
    bottom: 10px;
}

div.table div.table_right div.pupil div.narx i {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    /* or 13px */
    letter-spacing: 0.01em;
    color: #333333;
}

div.table div.table_right div.pupil div.narx b {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 100%;
    /* or 13px */
    letter-spacing: 0.01em;
    color: #333333;
}

div.table div.table_right div.pupil div.info {
    padding-left: 15px;
}

div.table div.table_right div.pupil div.info p {
    margin-bottom: 8px;
}

div.table div.table_right div.pupil div.info p a {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0.01em;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #3A7AFE;
}

div.table div.table_right div.pupil div.info b,
div.table div.table_right div.pupil div.info i {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.table div.table_right div.pupil div.info h6 {
    margin-top: 8px;
}

div.table div.table_right div.pupil div.info h6 a {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 100%;
    /* or 15px */
    letter-spacing: 0.01em;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    margin-right: 5px !important;
    color: #3A7AFE;
}

div.table div.table_right div.pupil div.info h6 a:hover {
    color: #F52C2C;
}

div.table div.table_right div.pupil div.img {
    width: 90px;
    height: 110px;
    border-radius: 5px;
    overflow: hidden;
}

div.table div.table_right div.pupil div.img img {
    width: 100%;
}

div.table div.row {
    padding-left: 35px;
}

div.table div.title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.table div.title div.center {
    margin: 0px 0px;
    width: 50%;
}

div.table div.title div.center input {
    width: 100% !important;
    height: 30px !important;
    padding-bottom: 3px;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    padding-right: 10px;
    padding-left: 10px;
    background: url("../img/search.png") no-repeat right 8px top 6px;
}

div.table div.title div.center input::-webkit-input-placeholder {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #666666;
}

div.table div.title div.center input:-ms-input-placeholder {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #666666;
}

div.table div.title div.center input::-ms-input-placeholder {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #666666;
}

div.table div.title div.center input::placeholder {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #666666;
}

div.table div.title div.center input:focus {
    outline: none;
}

div.table div.title div.left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.table div.title div.left span {
    margin-top: -5px;
}

div.table div.title div.left h4 {
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    margin-top: -4px !important;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
    margin: 0px 10px;
}

div.nav2 nav:not(.active_nav2) {
    display: none;
}

div.alwaystwo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.alwaystwo ul {
    list-style-type: none;
    margin-bottom: 0px;
    margin-right: 20px;
}

div.alwaystwo ul li {
    display: inline-block;
    margin-left: 15px;
    cursor: pointer;
}

div.alwaystwo ul li.act2 img:first-child {
    display: none;
}

div.alwaystwo ul li.act3 img:nth-child(2) {
    display: none;
}

img.non {
    display: none;
}

div.elon_del2 {
    background-color: white !important;
    border: 1.2px solid #FF5757 !important;
    color: #FF5757 !important;
}

div.c_del2 {
    display: none !important;
}

div.c_del {
    position: absolute;
    width: 23px;
    height: 23px;
    border-radius: 100%;
    background-color: #F52C2C;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    right: -10px;
    cursor: pointer;
    top: -10px;
}

div.elon_del {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #F5F5F5;
    border-radius: 3px !important;
    padding: 8px 15px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    cursor: pointer;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #333333;
    border: 1.2px solid #F5F5F5;
}

div.elon_del img {
    margin-right: 10px;
}

div.elons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

div.elons div.e_row {
    width: 19% !important;
    padding: 15px;
    margin-right: 12px;
    border-radius: 5px;
    margin-bottom: 10px;
    position: relative;
}

div.elons div.e_row img.meg {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

div.elons div.e_row div.bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

div.elons div.e_row div.bottom b {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 150%;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

div.elons div.e_row div.center {
    padding: 10px 0px;
}

div.elons div.e_row div.center h4 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 0px;
    line-height: 140%;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

div.elons div.e_row div.top b {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

div.top0 {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

div.tab_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 30px;
}

div.tab_flex div.t_row {
    width: 19%;
    padding: 15px;
    margin-bottom: 12px;
    border-radius: 5px;
    position: relative;
    margin-right: 12px;
}

div.tab_flex div.t_row a {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #FFFFFF;
}

div.tab_flex div.t_row img.book {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

div.tab_flex div.t_row div.top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.tab_flex div.t_row div.top h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    margin-bottom: 0px;
}

div.tab_flex div.t_row div.top span b {
    margin-left: 10px;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

div.tab_flex div.t_row div.center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 10px 0px;
}

div.tab_flex div.t_row div.center h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    margin-bottom: 0px;
}

div.tab_flex div.t_row div.center b {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    margin-left: 5px;
}

div.tab_flex div.t_row div.bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

div.tab_flex div.t_row div.bottom b {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

tbody.ltd tr td:last-child {
    width: 120px !important;
}

div.filtr {
    width: 20;
    height: 30px;
}

div.filtr a {
    padding: 7px 15px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 15px;
    letter-spacing: 0.01em;
    display: inline-block;
    margin-right: 0px !important;
    background-color: #F5F5F5;
    border: 1.2px solid #F5F5F5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    color: #333333;
}

div.filtr a img {
    margin-right: 10px;
}

div.excel {
    height: 30px;
}

div.excel a {
    padding: 6px 15px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    display: inline-block;
    margin-right: 0px !important;
    border: 1.2px solid #3A7AFE !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    color: #3A7AFE;
}

div.excel a img {
    margin-right: 10px;
}

div.pay {
    height: 30px;
}

div.pay a {
    padding: 7px 15px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 15px;
    letter-spacing: 0.01em;
    display: inline-block;
    margin-right: 0px !important;
    background-color: #1455b9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    color: white;
}

div.pay a img {
    margin-right: 10px;
    margin-top: -3px;
}

div.active_hover {
    display: none;
    height: 20px;
}

div.debtpay {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    border: none;
    cursor: pointer;
    padding: 5px 15px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    -webkit-text-decoration-line: none !important;
    text-decoration-line: none !important;
    letter-spacing: 0.01em;
    display: flex;
    margin-right: 0px !important;
    background-color: #1455b9 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    color: white !important;
}

div.debtpay i {
    margin-right: 10px;
    width: 10px;
    position: relative;
    z-index: 4;
}

abbr {
    cursor: pointer !important;
}

div.table_acc {
    width: 100%;
}

div.table_acc form {
    width: 100%;
    min-width: 800px;
    padding-right: 30px;
}

div.table_acc form table {
    width: 100%;
    margin-bottom: 0px;
}

div.table_acc form table thead tr {
    border-bottom: 2px solid #3A7AFE;
}

div.table_acc form table thead tr th:first-child {
    padding-left: 20px !important;
}

div.table_acc form table thead tr th {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 1em;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #3A7AFE;
    padding: 10px !important;
}

div.table_acc form table img.acc_img_c {
    display: none;
}

div.table_acc form table tr.opened img.acc_img_c {
    display: block !important;
}

div.table_acc form table tr.opened img.acc_img_o {
    display: none !important;
}

div.table_acc form table tr.simple_tr:hover {
    background-color: #FFF7B1;
}

div.table_acc form table tr.bgc_acc {
    background-color: #E9F6FF !important;
}

div.table_acc form table tr.simple_tr td:first-child {
    width: 40px;
}

div.table_acc form table tr.simple_tr td:first-child {
    padding-left: 20px !important;
}

div.table_acc form table tr.simple_tr td {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #333333;
    padding: 10px !important;
}

div.table_acc form table tr.acc_tr {
    border-bottom: 1px solid #3A7AFE;
}

div.table_acc form table tr.acc_tr td:first-child {
    width: 50px;
}

div.table_acc form table tr.acc_tr tbody tr:hover {
    background-color: #FFF7B1;
}

div.table_acc form table tr.acc_tr td:not(.one_td) {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
    line-height: 15px;
    padding: 10px !important;
    letter-spacing: 0.01em;
    color: #333333;
}

div.table_acc form table tr.acc_tr_none {
    display: none;
}

form#frm-example {
    margin-top: 10px;
}

form#frm-example table:not(.item_t) {
    border-bottom: none !important;
}

form#frm-example table:not(.item_t) tbody tr.hov1 {
    background-color: #E9F6FF !important;
}

form#frm-example table:not(.item_t) tbody tr:hover {
    background-color: #FFF7B1;
}

form#frm-example table:not(.item_t) div.howtwo {
    height: 20px;
    width: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

form#frm-example table:not(.item_t) div.howtwo span {
    display: none;
    cursor: pointer;
}

form#frm-example table:not(.item_t) tbody tr:hover span {
    display: inline-block;
}

form#frm-example table:not(.item_t) tbody tr:hover div.active_hover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

form#frm-example table:not(.item_t) a:hover {
    color: #F52C2C;
}

form#frm-example input {
    border: 2px solid #D5D5D5 !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    border-radius: 4px !important;
    position: relative;
    padding: 5px;
}

form#frm-example th {
    border-top: none !important;
    border-bottom: 2px solid #3A7AFE !important;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 1em;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #3A7AFE;
    padding: 10px 10px !important;
}

form#frm-example th:first-child {
    padding-left: 20px !important;
}

form#frm-example td:first-child {
    padding-left: 20px;
}

form#frm-example td:first-child {
    width: 10px;
}

form#frm-example td {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
    line-height: 15px;
    height: 22px;
    padding: 10px;
    letter-spacing: 0.01em;
    display: table-cell;
    vertical-align: middle;
    color: #333333;
    border-bottom: 1px solid silver !important;
}

form#frm-example a {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
    line-height: 15px;
    letter-spacing: 0.01em;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #3A7AFE;
}

.dataTables_length {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.dataTables_length label {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #666666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.dataTables_length label select {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    margin-left: 6px;
    font-size: 1em;
    line-height: 100%;
    letter-spacing: 0.01em;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    height: 30px;
    padding: 6px;
    color: #666666;
}

.dataTables_length label select option {
    padding: 6px !important;
    height: 15px;
}

div.setting {
    width: 80%;
}

div#example_filter,
div#example2_filter,
div#example3_filter,

div#example4_filter {
    display: none;
}

div#example_info,
div#example3_info,
div#empTable_info,
div#empTable2_info,
div#empTable3_info,
div#empTable4_info,
div#empTable5_info,
div#empTable6_info,
div#empTable7_info,
div#empTable8_info,
div#example4_info {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #333333;
}

div#example_paginate a.paginate_button,
div#example3_paginate a.paginate_button,
div#empTable_paginate a.paginate_button,
div#empTable2_paginate a.paginate_button,
div#empTable3_paginate a.paginate_button,
div#empTable4_paginate a.paginate_button,
div#empTable5_paginate a.paginate_button,
div#empTable6_paginate a.paginate_button,
div#empTable7_paginate a.paginate_button,
div#empTable8_paginate a.paginate_button,
div#empTable9_paginate a.paginate_button,
div#example4_paginate a.paginate_button {
    color: #333333;
    cursor: pointer !important;
    margin: 0px 1px !important;
    font-weight: bold !important;
    padding: 5px 10px !important;
    display: inline-block !important;
    background-color: #E5E5E5 !important;
    border-radius: 3px !important;
}

div#example_paginate a.current,
div#example3_paginate a.current,
div#empTable_paginate a.current,
div#empTable2_paginate a.current,
div#empTable3_paginate a.current,
div#empTable4_paginate a.current,
div#empTable5_paginate a.current,
div#empTable6_paginate a.current,
div#empTable7_paginate a.current,
div#empTable8_paginate a.current,
div#empTable9_paginate a.current,

div#example4_paginate a.current {
    background-color: #3A7AFE !important;
    color: white !important;
}

div#example_paginate a:hover,
div#example3_paginate a:hover,
div#empTable_paginate a:hover,
div#empTable2_paginate a:hover,
div#empTable3_paginate a:hover,
div#empTable4_paginate a:hover,
div#empTable5_paginate a:hover,
div#empTable6_paginate a:hover,
div#empTable7_paginate a:hover,
div#empTable8_paginate a:hover,
div#example4_paginate a:hover {
    background-color: #759CF5 !important;
    color: #333333 !important;
}

table input {
    opacity: 1 !important;
    position: absolute;
    pointer-events: painted !important;
}

img.pas {
    width: 70px;
}

div.view {
    margin-top: 108px;
    padding-left: 35px;
    padding-top: 30px;
    padding-right: 30px;
}

div.view div.rand_two {
    width: 500px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.view div.rand_two input {
    width: 49% !important;
}

div.view div.rand_two span {
    width: 49% !important;
    margin: 0px !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

div.view div.rand_two span button {
    width: 100%;
}

div.view div.right h5 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    margin-left: 10px;
    line-height: 130%;
    letter-spacing: 0.01em;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #333333;
}

div.view div.right h6 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    margin-left: 10px;
    line-height: 130%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.view div.right div.two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
}

div.view div.right div.two b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 130%;
    letter-spacing: 0.01em;
    color: #3A7AFE;
}

div.view div.right div.two i {
    font-family: Roboto;
    font-style: normal;
    margin-left: 10px;
    font-weight: bold;
    font-size: 15px;
    line-height: 130%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.view div.right form {
    margin-top: 0px !important;
    margin-bottom: 20px;
}

div.view div.right form table tr td {
    padding: 10px;
}

div.view div.right div.ginfo {
    margin-top: 20px;
}

div.view div.left div.img_text {
    width: 100%;
}

div.view div.left div.img_text div.img {
    width: 25%;
}

div.view div.left div.img_text div.img img {
    width: 120px;
}

div.view div.left div.img_text div.text {
    padding-left: 15px;
    width: 75%;
}

div.view div.left div.img_text div.text div.info {
    margin-top: 10px;
}

div.view div.left div.img_text div.text div.info b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #3A7AFE;
}

div.view div.left div.img_text div.text div.info p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 140%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.view div.left div.img_text div.text div.two {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

div.view div.left div.img_text div.text div.two b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #3A7AFE;
}

div.view div.left div.img_text div.text div.two i {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0.01em;
    margin-left: 10px;
    color: #333333;
}

div.view div.left div.img_text div.text h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    margin-top: 10px;
    margin-bottom: 15px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.view div.left button {
    background: #F5F5F5;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    padding: 8px 15px;
    border: none;
    color: #333333;
}

div.view div.left button i {
    margin-right: 10px;
}

div.top_view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

div.top_view div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

div.top_view div nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 35px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.top_view div nav a {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.01em;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #3A7AFE;
}

div.top_view div nav h2 {
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.01em;
    margin-left: 10px;
}

div.chart_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.chart_title div {
    margin-bottom: 0px !important;
}

div.chart_title div.text_select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.chart_title div.text_select select {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 6px;
    letter-spacing: 0.01em;
    color: #3A7AFE;
}

div.chart_title div.text_select h5 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    margin-bottom: 0px;
    font-size: 13px;
    line-height: 100%;
    -webkit-text-decoration-line: none;
    text-decoration-line: none;
    margin-right: 7px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.edit_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 7px;
    margin-left: 5px;
}

div.edit_title h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    margin-bottom: 0px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.edit_title b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    margin-bottom: 0px;
    letter-spacing: 0.01em;
    color: #3A7AFE;
    margin-left: 10px;
}

div.padm {
    width: 100%;
}

input[type=checkbox] {
    cursor: pointer !important;
}

div.dav_qil table tr input {
    width: 16px;
    height: 16px;
}

div.dav_qil div.title {
    margin-bottom: 10px !important;
}

div.edit div.right {
    padding-top: 25px;
}

div.sav {
    width: 100%;
    padding-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

div.sav button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    cursor: pointer;
    background: #1455b9;
    border-radius: 3px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    padding: 8px 10px;
    color: #FFFFFF;
}

div.sav button img {
    margin-right: 10px !important;
}

div.sav2 {
    width: 100%;
    padding-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

div.sav2 button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    cursor: pointer;
    background: #1455b9;
    border-radius: 3px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    padding: 8px 10px;
    color: #FFFFFF;
}

div.sav2 button img {
    margin-left: 10px;
}

div.file2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 500px;
}

div.file2 input {
    width: 200px !important;
}

div.t33 input {
    width: 500px !important;
}

button {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

div.file3 {
    padding-left: 15px;
}

div.t22 {
    -webkit-box-align: unset !important;
    -ms-flex-align: unset !important;
    align-items: unset !important;
}

div.t22 textarea {
    background: #FFFFFF;
    border: 0.5px solid #A0A0A0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    width: 500px;
    height: 200px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.t22 textarea:focus {
    outline: none;
}

div.t22 div.img {
    width: 80px !important;
    height: 100px;
}

div.t22 div.img img {
    width: 100%;
    height: 100%;
}

div.t22 div.file_img2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 500px;
}

div.t22 div.file_img2 div.file {
    margin-left: 10px;
}

div.t22 div.file_img2 div.file h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    margin-top: 11px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.t22 div.file_img2 button {
    background: #FFFFFF;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    padding: 8px 12px;
    cursor: pointer;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.t22 div.file_img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

div.t22 div.file_img div.file {
    margin-left: 10px;
}

div.t22 div.file_img div.file h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    margin-top: 11px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.t22 div.file_img button {
    background: #FFFFFF;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    padding: 8px 12px;
    cursor: pointer;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

button.back_button2 {
    background: #F5F5F5 !important;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: none !important;
    cursor: pointer;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    padding: 8px 15px;
    border: none !important;
    color: #333333 !important;
}

button.back_button2 i {
    margin-right: 10px;
}

button.back_button {
    background: #F5F5F5;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    padding: 8px 15px;
    border: none;
    color: #333333;
}

button.back_button i {
    margin-right: 10px;
}

div.tin2 {
    margin-top: 41px !important;
}

div.tin2 input {
    width: 190px !important;
}

div.tinput {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 19px;
    width: 100%;
}

div.tinput input {
    background: #FFFFFF;
    border: 0.5px solid #A0A0A0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    width: 280px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    padding: 5px 10px !important;
    font-size: 13px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.tinput input.dat {
    background: #FFFFFF;
    border: 0.5px solid #A0A0A0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    width: 150px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    padding: 4px 10px !important;
    font-size: 13px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.tinput select {
    background: #FFFFFF;
    border: 0.5px solid #A0A0A0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    width: 150px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    padding: 6px 10px;
    font-size: 13px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.tinput input:focus {
    border: 0.5px solid #FF3C3C;
    outline: none;
    -webkit-box-shadow: 0px 0px 4px #F52C2C;
    box-shadow: 0px 0px 4px #F52C2C;
}

div.tinput h4 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Roboto;
    margin-bottom: 0px;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    width: 180px !important;
    margin-right: 10px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #3A7AFE;
}

div.tinput h4 span {
    margin-right: 8px;
    position: absolute !important;
    left: -13px;
    height: 8px !important;
}

button.save_all {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    cursor: pointer;
    background: #1455b9;
    border-radius: 3px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    padding: 8px 10px;
    color: #FFFFFF;
}

button.save_all img {
    margin-right: 10px;
}

#padtop {
    margin-top: 108px !important;
    padding-top: 30px !important;
}

div.two_table {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

div.crll {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

form.crll {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

div.create_group {
    margin-top: 108px;
    padding: 30px 50px;
}

div.create_group div.week {
    width: 100%;
    margin-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.create_group div.week button {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

div.create_group div.week div.day_active div.blur {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    z-index: 3;
}

div.create_group div.week div.day_active h5 {
    color: #3A7AFE !important;
}

div.create_group div.week div.day_active h6 {
    color: #3A7AFE !important;
}

div.create_group div.week div.day {
    width: 31%;
    margin-bottom: 30px;
}

div.create_group div.week div.day h5 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 100%;
    margin-bottom: 0px;
    letter-spacing: 0.01em;
    color: #999999;
}

div.create_group div.week div.day div.bot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

div.create_group div.week div.day div.bot div.blur {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
}

div.create_group div.week div.day div.bot div.room {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.create_group div.week div.day div.bot div.room select {
    background: #FFFFFF;
    border: 0.5px solid #A0A0A0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.05em;
    color: #333333;
    width: 80px;
    padding: 6px 10px !important;
}

div.create_group div.week div.day div.bot div.times {
    width: 50%;
    text-align: center;
}

div.create_group div.week div.day div.bot div.times input:focus {
    outline: none;
}

div.create_group div.week div.day div.bot div.times input {
    margin-top: 10px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 100%;
    padding: 4px 3px;
    width: 60px;
    letter-spacing: 0.11em;
    color: #333333;
    background: #FFFFFF;
    border: 0.5px solid #A0A0A0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
}

div.create_group div.week div.day div.top2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

div.create_group div.week div.day div.top2 h6 {
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #999999;
}

div.create_group div.week div.day div.top2 input {
    opacity: 1;
    pointer-events: painted;
    width: 17px;
    margin-top: 2px;
    margin-right: 10px;
    font-size: 20px;
    height: 17px;
    position: relative;
}

div.create_group h4.lesson_be {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Roboto;
    margin-bottom: 0px;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    width: 180px;
    margin-top: 25px;
    margin-right: 10px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #3A7AFE;
}

div.create_group h4.lesson_be span {
    margin-right: 8px;
    position: absolute !important;
    left: -13px;
    top: -4px;
    height: 8px !important;
}

div.create_group div.tinput input {
    width: 230px;
}

div.create_group div.tinput select {
    width: 230px;
    padding: 6px 2px;
}

div.create_group div.tinput h4 span {
    top: -4px;
}

div.create_group div.left {
    padding-left: 80px;
}

div.create_group div.top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.create_group div.top div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.create_group div.top div h3 {
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
    margin-left: 35px;
}

div.home {
    width: 100%;
}

div.home h1 {
    position: static;
    left: 0px;
    top: 0px;
    margin-top: 20px;
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.01em;
}

button.sil_but {
    background: #F5F5F5;
    border: 1.2px solid #F5F5F5;
    margin-right: 15px;
    color: #333333;
    border-radius: 3px;
    padding: 8px 15px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

button.sil_but span {
    margin-right: 10px;
}

div.four {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

div.four button {
    border-radius: 3px;
    padding: 8px 15px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

div.four button span {
    margin-right: 10px;
}

div.four button.two_one {
    background: #F5F5F5;
    border: 1.2px solid #F5F5F5;
    margin-right: 15px;
    color: #333333;
}

div.four button.excel {
    background-color: #fff;
    border: 1.2px solid #3A7AFE;
    margin-right: 15px;
    color: #3A7AFE;
}

div.four button.plus {
    background-color: #1455b9;
    border: 1.2px solid #1455b9;
    color: white;
}

div#example_wrapper {
    margin-bottom: 20px;
}

div.bor_left {
    border-left: none !important;
}

div.view_group {
    margin-top: 108px;
    padding: 30px 50px;
}

div.view_group div.top2 {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

div.view_group div.top2 div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.view_group div.top2 div a {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #3A7AFE;
}

div.view_group div.top2 div h3 {
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.view_group div.chart_title {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.view_group div.chart_title div.row_i {
    width: 50% !important;
}

div.view_group div.chart_title div.chart_select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.view_group div.chart_title div.chart_select h2 {
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.view_group div.chart_title div.chart_select select {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 5px;
    margin-left: 7px;
}

div.view_group form {
    margin-top: 10px !important;
}

div.view_group div.right {
    padding-top: 20px;
}

div.view_group div.row_i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}

div.view_group div.row_i b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #3A7AFE;
}

div.view_group div.row_i h6 {
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.view_group div.row_i a {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0.01em;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #3A7AFE;
    margin-left: 10px;
}

div.view_group div.row_i img {
    margin-left: 10px;
}

div.view_group div.group_information {
    width: 100%;
    margin-top: 23px;
    padding-left: 112px;
}

div.view_group div.group_information h5 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    margin-bottom: 0px;
    margin-left: 10px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.view_group div.top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.view_group div.top div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.view_group div.top div nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 20px;
    width: 100%;
}

div.view_group div.top div nav a {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.01em;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #3A7AFE;
}

div.view_group div.top div nav h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 0px;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
    margin-left: 10px;
}

div.active_100 {
    display: block !important;
}

div.save_yes {
    background: #BEE9DA;
}

div.save_yes b {
    color: #00402A;
}

div.save_no {
    background: #FFC1C1;
}

div.save_no b {
    color: #E10000;
}

div.save_center {
    position: fixed;
    display: none;
    right: 20px;
    top: 80px;
    z-index: 4;
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    padding: 15px 20px;
    border-radius: 5px;
}

div.save_center b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
}

div.save_center span {
    cursor: pointer;
}

div.save_center span img {
    cursor: pointer;
}

div.save_center div {
    margin-right: 50px;
}

div.save_center div img {
    margin-right: 10px;
}

div.act_save {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    opacity: 1;
}

div.save_101 {
    width: 100%;
}

div.save_101 button {
    width: 100%;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    background: #1455b9;
    border-radius: 3px;
    margin-top: 20px;
    cursor: pointer;
    color: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    padding: 8px 0px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

div.save_101 button img {
    margin-right: 10px;
}

div.save_100 {
    width: 100%;
    display: none;
}

div.save_100 button {
    width: 100%;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    background: #1455b9;
    border-radius: 3px;
    margin-top: 20px;
    cursor: pointer;
    color: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    padding: 8px 0px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

div.save_100 button img {
    margin-right: 10px;
}

div.padl {
    padding-left: 110px;
    width: 100%;
}

div.padl div.pup_info {
    width: 100%;
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

div.padl div.pup_info h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.shag {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
}

div.shag div.one {
    width: 45px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    padding-top: 6px;
    background-color: #1455b9;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 29px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

div.shag div.two {
    width: 45px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    padding-top: 6px;
    background-color: #E7E7E7;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 29px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.shag div.left {
    width: 50%;
    background-color: #1455b9;
    height: 5px;
}

div.shag div.right2 {
    width: 50%;
    background-color: #E7E7E7;
    height: 5px !important;
}

div.tab_index {
    border-bottom: 0.5px solid #999999;
}

div.tab_index ul {
    list-style-type: none;
    margin: 0px;
    display: inline-block;
    padding-left: 0px;
}

div.tab_index ul li.active {
    color: #1455b9;
    border-bottom: 4px solid #24B383;
}

div.tab_index ul li {
    display: inline-block;
    padding-right: 25px;
    margin-right: 25px;
    cursor: pointer;
    font-family: Roboto;
    font-style: normal;
    padding: 10px 0px;
    font-weight: 400;
    font-size: 15px;
    border-bottom: 4px solid transparent;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.add_pupil div.tab_index {
    border-bottom: 0.5px solid #999999;
}

div.add_pupil div.tab_index ul {
    list-style-type: none;
    margin: 0px;
    display: inline-block;
    padding-left: 0px;
}

div.add_pupil div.tab_index ul li.active {
    color: #24B383;
    border-bottom: 4px solid #24B383;
}

div.add_pupil div.tab_index ul li {
    display: inline-block;
    padding-right: 25px;
    margin-right: 25px;
    cursor: pointer;
    font-family: Roboto;
    font-style: normal;
    padding: 10px 0px;
    font-weight: 400;
    font-size: 15px;
    border-bottom: 4px solid transparent;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.add_pupil div.passport_check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
}

div.add_pupil div.passport_check button {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    margin-left: 30px;
    line-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    letter-spacing: 0.01em;
    background: #F5F5F5;
    border: none;
    padding: 7px 15px;
    border-radius: 5px;
    margin-top: -1px;
    color: #333333;
}

div.add_pupil div.passport_check button img {
    margin-right: 10px;
}

div.add_pupil div.passport_check div.metrka {
    margin-left: 30px;
}

div.add_pupil div.passport_check b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #3A7AFE;
}

div.add_pupil div.passport_check input:focus {
    outline: none;
}

div.add_pupil div.passport_check input {
    padding: 7px 10px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
    background: #FFFFFF;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    margin-left: 15px;
    width: 111px;
}

div.active_compair b {
    color: #3A7AFE !important;
}

div.active_compair h2 {
    color: #3A7AFE !important;
}

div.active_compair div.blur {
    display: none !important;
}

div.compair_group {
    margin-top: 30px;
}

div.compair_group div.bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.compair_group div.bottom div.blur {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 3;
    left: 0;
}

div.compair_group div.bottom div {
    margin-right: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.compair_group div.bottom b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #999999;
}

div.compair_group div.bottom select {
    margin-left: 10px;
    background: #FFFFFF;
    border: 0.5px solid #A0A0A0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Roboto;
    padding: 6px 8px;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    height: 30px;
    color: #333333;
    border-radius: 5px;
}

div.compair_group div.bottom input:focus {
    outline: none;
}

div.compair_group div.bottom input[type=time] {
    margin-left: 10px;
    text-align: center;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    padding: 0px 10px;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    height: 30px;
    color: #333333;
    border: 0.5px solid #A0A0A0;
}

div.compair_group div.bottom input[type=text] {
    margin-left: 10px;
    text-align: center;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    height: 30px;
    color: #333333;
    border: 0.5px solid #A0A0A0;
    width: 100%;
}

div.compair_group div.not_find {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.compair_group div.not_find h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 0px;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.01em;
    margin-left: 10px;
    color: #999999;
}

div.compair_group div.not_find input {
    opacity: 1;
    width: 17px;
    height: 17px;
    pointer-events: painted;
    position: relative;
}

div.tab_content {
    padding-top: 15px;
}

div.tab_content nav:not(.active_nav) {
    display: none;
}

div.tab_content nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

div.tab_content nav div.active_row {
    background-color: #3A7AFE !important;
    height: 300px !important;
}

div.tab_content nav div.active_row div.sale {
    display: block !important;
}

div.tab_content nav div.row_pupil {
    width: 24%;
    height: 208px;
    padding: 12px 15px;
    background: #bb7979;
    margin-right: 11.1px;
    border-radius: 5px;
    margin-bottom: 11px;
}

div.tab_content nav div.row_pupil div.sale {
    margin-top: 10px;
    display: none;
}

div.tab_content nav div.row_pupil div.sale input:focus {
    outline: none;
}

div.tab_content nav div.row_pupil div.sale input {
    width: 100%;
    background: #FFFFFF;
    border: none;
    padding-left: 10px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    padding: 8px;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
    margin-top: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
}

div.tab_content nav div.row_pupil div.bottom {
    margin-top: 10px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.tab_content nav div.row_pupil div.bottom input {
    opacity: 1;
    position: relative;
    width: 26px;
    height: 26px;
    pointer-events: painted;
}

div.tab_content nav div.row_pupil div.bottom span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.tab_content nav div.row_pupil div.bottom span h5 {
    margin-left: 10px;
}

div.tab_content nav div.row_pupil div.bottom div.img {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    overflow: hidden;
}

div.tab_content nav div.row_pupil div.bottom div.img img {
    width: 100%;
}

div.tab_content nav div.row_pupil div.line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
}

div.tab_content nav div.row_pupil div.top_right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.tab_content nav div.row_pupil h5 {
    font-family: Roboto;
    font-style: normal;
    margin-bottom: 0px;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

div.tab_content nav div.row_pupil h6 {
    font-family: Roboto;
    margin-bottom: 0px;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

div.tab_content nav div.row_pupil div.top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.tab_content nav div.row_pupil div.top b {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    /* identical to box height */
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

input[type=time]::-webkit-clear-button {
    display: none;
}

input[type=time]::-webkit-inner-spin-button,
input[type=time]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=date]::-webkit-clear-button {
    display: none;
}

input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

div.davomat div.top a {
    margin-left: 10px;
}

div.davomat div.padl2 {
    width: 100%;
    padding-top: 30px;
    padding-left: 50px;
}

div.davomat div.padl2 form thead th.bugun {
    text-align: right;
}

div.davomat div.padl2 div.title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.davomat div.padl2 div.title h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    margin-bottom: 0px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.davomat div.padl2 div.title b {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #666666;
    margin-left: 20px;
    margin-right: 10px;
}

div.davomat div.padl2 div.title input:focus {
    outline: none;
}

div.davomat div.padl2 div.title input {
    height: 30px;
    border-radius: 5px;
    border: 0.5px solid #666666;
    padding: 0px 9px;
    width: 130px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #666666;
}

div.davomat div.padl2 div.title select {
    height: 30px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    letter-spacing: 0.01em;
    padding: 0px 9px;
    color: #666666;
}

div.view_ball {
    padding-bottom: 0px !important;
}

table input[type=text] {
    padding-left: 10px;
}

table input[type=text]:focus {
    outline: none;
}

div.imtixon_modal b {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    margin-top: 10px;
    cursor: pointer;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #3A7AFE;
}

div.imtixon_modal div.bolim_act {
    display: block !important;
}

div.imtixon_modal div.bolim_none {
    display: none;
}

div.imtixon_modal div.save_imtixon {
    margin-top: 5px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

div.imtixon_modal div.save_imtixon button {
    border: none;
    padding: 8px 15px;
    background-color: #24B383;
    color: white;
    font-family: Roboto;
    font-style: normal;
    cursor: pointer;
    font-weight: 500;
    font-size: 13px;
    border-radius: 5px;
}

div.imtixon_modal div.save_imtixon button img {
    margin-right: 5px;
}

div.imtixon_modal div.item {
    margin-top: 5px !important;
}

div.imtixon_modal nav:not(.act_i_nav) {
    display: none;
}

div.imtixon_modal ul {
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0px;
}

div.imtixon_modal ul li.act_li {
    border-bottom: 2px solid #3A7AFE;
    color: #3A7AFE;
    font-weight: 500;
}

div.imtixon_modal ul li {
    width: 50%;
    text-align: center;
    padding: 10px 0px;
    font-family: Roboto;
    cursor: pointer;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: #333333;
    display: inline-block;
}

div.imtixon_view div.top h2 {
    margin-left: 0px !important;
}

div.imtixon_view div.padl {
    padding-top: 20px;
}

div.imtixon_view b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #3A7AFE;
}

div.imtixon_view h6 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0.01em;
    margin-left: 10px;
    color: #333333;
    margin-bottom: 0px;
}

div.imtixon_view div.cont3 div.cont_item2 {
    background-color: #999999;
}

div.imtixon_view div.cont3 div.cont_item2 input {
    opacity: 1;
    pointer-events: painted;
    width: 25px;
    height: 25px;
    position: relative;
}

div.imtixon_view div.cont3 div.active_roww {
    background-color: #3A7AFE !important;
}

div.imtixon_view div.cont0 div.cont_item2 {
    background-color: #3A7AFE;
}

div.imtixon_view div.cont2 div.cont_item2 {
    background-color: #3A7AFE;
}

div.imtixon_view div.cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

div.imtixon_view div.cont div.cont_item2 {
    width: 24%;
    margin-right: 7px;
    margin-bottom: 7px;
    border-radius: 5px;
    padding: 15px;
}

div.imtixon_view div.cont div.cont_item2 div.bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.imtixon_view div.cont div.cont_item2 div.bottom span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.imtixon_view div.cont div.cont_item2 div.bottom span a {
    height: 20px;
}

div.imtixon_view div.cont div.cont_item2 div.bottom h4 {
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    margin-left: 10px;
}

div.imtixon_view div.cont div.cont_item2 div.bottom div.img {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    overflow: hidden;
}

div.imtixon_view div.cont div.cont_item2 div.bottom div.img img {
    width: 100%;
}

div.imtixon_view div.cont div.cont_item2 div.top span {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    /* identical to box height */
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

div.imtixon_view div.cont div.cont_item2 div.top span img {
    margin-right: 10px;
}

div.imtixon_view div.cont div.cont_item2 div.top h5 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 0px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

div.imtixon_view div.cont div.cont_item {
    width: 23%;
}

div.imtixon_view div.cont div.cont_item div.line2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 8px;
}

div.tab_carousel div.owl-dots {
    display: none;
}

div.tab_carousel div.owl-item {
    width: unset !important;
}

form.dav_table {
    overflow-x: scroll;
    margin-top: 15px !important;
}

form.dav_table tr th h3 {
    width: 60px !important;
    font-size: 1em;
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    line-height: 15px;
    text-align: center;
    letter-spacing: 0.01em;
}

form.dav_table td,
form.dav_table th {
    text-align: center;
}

div.wscoll {
    width: 100%;
    padding-top: 3px !important;
}

div.wscoll tbody tr td {
    padding-top: 11px !important;
}

div.wscoll thead tr th.act_th {
    color: #3A7AFE !important;
}

div.wscoll thead tr th.no_th {
    color: #F52C2C !important;
}

div.wscoll thead tr th {
    color: #999999 !important;
}

div.chat {
    margin-top: 108px;
}

div.chat div.content_chat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

div.chat div.content_chat div.row_left::-webkit-scrollbar {
    width: 3px;
    background-color: #F5F5F5;
}

div.chat div.content_chat div.row_left::-webkit-scrollbar-thumb {
    background: #A6A6A6;
    width: 5px;
    border-radius: 5px;
}

div.chat div.content_chat div.row_left::-webkit-scrollbar-thumb:hover {
    background: #8E8E8E;
    width: 5px;
}

div.chat div.content_chat div.row_left {
    width: 40%;
    border-right: 1px solid #E4E4E4;
    overflow-y: scroll;
    height: calc(100vh - 108px);
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a:hover {
    background-color: #F5F5F5;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a {
    width: 100%;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.click_chat {
    background-color: #EDF4FA !important;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.click_chat span.right {
    background-color: #EDF4FA !important;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link:hover {
    background-color: #F5F5F5;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link:hover span.right {
    background-color: #F5F5F5;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link {
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link span.right {
    position: absolute;
    width: 50px;
    right: 0px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    z-index: 2;
    top: 0;
    padding-right: 5px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link span.right span.no_read {
    background-color: #3A7AFE;
    border-radius: 11px;
    padding: 3px 5px;
    min-width: 21px;
    font-weight: 500;
    font-size: 13px;
    color: #FFFFFF;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link span.right img {
    margin-top: -15px;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link span.right div {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: -15px;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link span.right b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 18px;
    text-align: right;
    color: #666666;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link span.pro_img {
    padding: 10px 15px;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link span.pro_img div.head_img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link span.pro_img div.head_img img.head {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link span.pro_img div.img {
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 100%;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link span.pro_img div.img img.online {
    position: absolute !important;
    bottom: 0px !important;
    right: 0px !important;
    z-index: 3;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link div.info {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link div.info div.top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link div.info div.top div.name {
    width: 3000000px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link div.info div.top div.name div {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link div.info div.top div.name div b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 18px;
    color: #3A7AFE;
    margin-right: 3px;
    margin-top: 5px;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link div.info div.top div.name div img {
    width: 14px;
    height: 14px;
    margin-right: 5px;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link div.info div.top div.name h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    width: 100%;
    overflow: hidden;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 0px;
    color: #333333;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav a div.a_link div.info div.top div.name h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    margin-top: 5px;
    font-size: 15px;
    margin-bottom: 0px;
    line-height: 18px;
    color: #666666;
}

div.chat div.content_chat div.row_left div.tab_content_chat nav:not(.active_chat) {
    display: none;
}

div.chat div.content_chat div.row_left div.tabindex ul {
    background-color: #F5F5F5;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0px;
    margin-bottom: 0px;
}

div.chat div.content_chat div.row_left div.tabindex ul li.act_chat_index {
    background-color: #3A7AFE !important;
}

div.chat div.content_chat div.row_left div.tabindex ul li.act_chat_index svg path {
    fill: white;
}

div.chat div.content_chat div.row_left div.tabindex ul li.act_chat_index div {
    color: white;
}

div.chat div.content_chat div.row_left div.tabindex ul li:hover {
    background-color: #E4E4E4;
}

div.chat div.content_chat div.row_left div.tabindex ul li {
    position: relative;
    width: 33.33%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 7px 0px;
    cursor: pointer;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

div.chat div.content_chat div.row_left div.tabindex ul li div.no_ra {
    position: absolute;
    background-color: #FF2F2F;
    border-radius: 11px;
    padding: 3px 5px;
    min-width: 21px;
    top: -5px;
    right: 55px;
    width: unset !important;
    font-weight: 500;
    font-size: 13px;
    color: #FFFFFF;
}

div.chat div.content_chat div.row_left div.tabindex ul li svg path {
    fill: #333333;
}

div.chat div.content_chat div.row_left div.tabindex ul li div {
    width: 100%;
    margin-top: 6px;
    text-align: center;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    color: #333333;
}

div.chat div.content_chat div.row_left div.izlash {
    padding: 10px 15px;
    width: 100%;
}

div.chat div.content_chat div.row_left div.izlash input:focus {
    outline: none;
}

div.chat div.content_chat div.row_left div.izlash input {
    width: 100%;
    height: 40px;
    padding-left: 12px;
    background: #FFFFFF;
    border: 0.5px solid #999999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
}

div.chat div.content_chat div.row_right {
    width: 60%;
}

div.chat div.content_chat div.row_right div.messages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #EDF4FA;
    height: 100%;
}

div.chat div.content_chat div.row_right div.messages h6 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #999999;
}

div.chat div.content_chat div.row_right div.message {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #EDF4FA;
}

div.chat div.content_chat div.row_right div.message div.test_chat {
    height: 59px;
}

div.chat div.content_chat div.row_right div.message div.top {
    position: absolute;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    top: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    padding: 7.5px 0px;
}

div.chat div.content_chat div.row_right div.message div.top div.right {
    margin-right: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.chat div.content_chat div.row_right div.message div.top div.left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.chat div.content_chat div.row_right div.message div.top div.left div.two_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

div.chat div.content_chat div.row_right div.message div.top div.left div.two_info h4 {
    width: 100%;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 0px;
    color: #333333;
}

div.chat div.content_chat div.row_right div.message div.top div.left div.two_info b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 18px;
    color: #666666;
    margin-top: 3px;
}

div.chat div.content_chat div.row_right div.message div.top div.left span {
    padding: 0px 15px;
}

div.chat div.content_chat div.row_right div.message div.top div.left span div {
    width: 45px;
    height: 45px;
    position: relative;
    overflow: hidden;
    border-radius: 100%;
}

div.chat div.content_chat div.row_right div.message div.top div.left span div img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

div.chat div.content_chat div.row_right div.message div.message_content::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
}

div.chat div.content_chat div.row_right div.message div.message_content::-webkit-scrollbar-thumb {
    background: #575656;
    width: 5px;
    border-radius: 5px;
}

div.chat div.content_chat div.row_right div.message div.message_content::-webkit-scrollbar-thumb:hover {
    background: #8E8E8E;
    width: 5px;
}

div.chat div.content_chat div.row_right div.message div.message_content {
    padding: 0px 15px;
    overflow-y: scroll;
    height: calc(100vh - 218px);
    margin-bottom: 48px;
}

div.chat div.content_chat div.row_right div.message div.message_content div.sms_main {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 5px;
}

div.chat div.content_chat div.row_right div.message div.message_content div.sms_main div.sms_in_main {
    max-width: 70%;
    background-color: #fff;
    border-radius: 5px;
    padding: 10px 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: 0;
}

div.chat div.content_chat div.row_right div.message div.message_content div.sms_main div.sms_in_main div.clock_sms {
    font-family: Roboto;
    height: 100%;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 6px;
    margin-top: -1px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #999999;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

div.chat div.content_chat div.row_right div.message div.message_content div.sms_main div.sms_in_main div.clock_sms img {
    margin-bottom: 2px;
    margin-left: 4px;
}

div.chat div.content_chat div.row_right div.message div.message_content div.sms_main div.sms_in_main p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    color: #333333;
    margin-bottom: 0px;
}

div.chat div.content_chat div.row_right div.message div.message_content div.group_sms {
    max-width: 70%;
    background-color: #fff;
    border-radius: 5px;
    padding: 10px 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: 0;
}

div.chat div.content_chat div.row_right div.message div.message_content div.group_sms div.sms_img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

div.chat div.content_chat div.row_right div.message div.message_content div.group_sms div.sms_img img.sms_online_sm {
    position: absolute;
    right: 0;
    top: 29px;
    width: 9px !important;
    height: 9px !important;
}

div.chat div.content_chat div.row_right div.message div.message_content div.group_sms div.sms_img div.img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
}

div.chat div.content_chat div.row_right div.message div.message_content div.group_sms div.sms_img div.img img {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

div.chat div.content_chat div.row_right div.message div.message_content div.group_sms div.with_link {
    padding-left: 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

div.chat div.content_chat div.row_right div.message div.message_content div.group_sms div.with_link div.link_sms a {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #3A7AFE;
}

div.chat div.content_chat div.row_right div.message div.message_content div.group_sms div.with_link div.sms_in_your2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

div.chat div.content_chat div.row_right div.message div.message_content div.group_sms div.with_link div.sms_in_your2 span.clock_sms {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 1px;
    margin-left: 6px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-family: Roboto;
    height: 100% auto;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    color: #999999;
}

div.chat div.content_chat div.row_right div.message div.message_content div.group_sms div.with_link div.sms_in_your2 p {
    margin-bottom: 0px;
    margin-top: 4px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #333333;
}

div.chat div.content_chat div.row_right div.message div.message_content div.sms_your {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 5px;
}

div.chat div.content_chat div.row_right div.message div.message_content div.sms_your div.sms_in_your {
    max-width: 70%;
    background-color: #fff;
    border-radius: 5px;
    padding: 10px 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: 0;
}

div.chat div.content_chat div.row_right div.message div.message_content div.sms_your div.sms_in_your span {
    font-family: Roboto;
    height: 100%;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 6px;
    margin-top: -1px;
    color: #999999;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

div.chat div.content_chat div.row_right div.message div.message_content div.sms_your div.sms_in_your p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    color: #333333;
    margin-bottom: 0px;
}

div.chat div.content_chat div.row_right div.message div.message_content div.vremya {
    width: 100%;
    margin: 20px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

div.chat div.content_chat div.row_right div.message div.message_content div.vremya b {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #999999;
}

div.chat div.content_chat div.row_right div.bottom {
    position: absolute;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 15px;
    width: 100%;
    background-color: #fff;
    width: 100%;
}

div.chat div.content_chat div.row_right div.bottom div.typing {
    width: 100%;
}

div.chat div.content_chat div.row_right div.bottom div.typing input {
    width: 100%;
    border: none;
    border-left: 1px solid #999999 !important;
    padding-left: 15px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #333333;
}

div.chat div.content_chat div.row_right div.bottom div.typing input:focus {
    outline: none;
}

div.chat div.content_chat div.row_right div.bottom div.send_bt {
    position: absolute;
    right: 0px;
    padding: 0px 5px;
    background-color: #FFFFFF;
}

div.chat div.content_chat div.row_right div.bottom div.send_bt button {
    background-color: transparent;
    border: none;
    cursor: pointer;
}

div.chat div.content_chat div.row_right div.bottom div.left_files {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

div.chat div.content_chat div.row_right div.bottom div.left_files div.file button {
    background-color: transparent;
    border: none;
    cursor: pointer;
}

div.chat div.content_chat div.row_right div.bottom div.left_files button {
    background-color: transparent;
    border: none;
    cursor: pointer;
}

div.tion2 {
    padding-left: 0px !important;
}

div.tion3 {
    margin-top: 0px !important;
}

div.tion3 i {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 0px;
    margin-left: 10px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.index_li ul {
    list-style-type: none;
    margin-bottom: 0px;
}

div.index_li ul li.acti {
    background: #3A7AFE;
    color: white;
}

div.index_li ul li {
    display: inline-block;
    font-family: Roboto;
    margin-right: 15px;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    cursor: pointer;
    padding: 8px 15px;
    background: #F5F5F5;
    border-radius: 3px;
    color: #333333;
}

div.prof {
    padding: 0px 35px;
    margin-top: 30px;
}

div.prof div.info_teach {
    background-color: #3A7AFE;
    padding: 30px 20px;
    border-radius: 5px;
    width: 80%;
    position: relative;
}

div.prof div.info_teach div.massanger {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.prof div.info_teach div.massanger a {
    display: block;
    text-align: center;
    cursor: pointer;
    padding: 2px 5px 3px 6px;
    margin: 5px 10px;
    border-radius: 3px;
    background-color: white;
}

div.prof div.info_teach div.img_text {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.prof div.info_teach div.img_text img {
    margin-top: -3px;
}

div.prof div.info_teach b {
    font-family: Roboto;
    font-style: 300;
    font-size: 16px;
    line-height: 23px;
    margin-left: 10px;
    color: #FFFFFF;
}

div.prof div.info_teach h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 31px;
    color: #FFFFFF;
}

div.prof h2.dr2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 31px;
    margin-top: 40px;
    margin-bottom: 20px;
    color: #333333;
}

div.prof div.drsj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.prof div.drsj div.activ {
    background: #24B383 !important;
}

div.prof div.drsj div.activ h4 {
    color: white !important;
}

div.prof div.drsj div.activ h3 {
    color: white !important;
}

div.prof div.drsj div.activ p {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 100%;
    text-align: center;
    color: #FFFFFF;
}

div.prof div.drsj div.item_week {
    width: 13%;
    background: #E1E1E1;
    border-radius: 5px;
    text-align: center;
    height: 280px;
}

div.prof div.drsj div.item_week div.bot {
    height: 40px;
    margin-top: 60px;
}

div.prof div.drsj div.item_week div.bot p {
    margin-bottom: 0px;
}

div.prof div.drsj div.item_week h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    margin-top: 30px;
    line-height: 38px;
    color: #333333;
}

div.prof div.drsj div.item_week h4 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 19px;
    color: #333333;
}

div.prof div.cours_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

div.prof div.cours_info div.img {
    width: 300px;
    position: relative;
    overflow: hidden;
    height: 210px;
}

div.prof div.cours_info div.img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}

div.prof div.cours_info div.all_info {
    padding: 0px 20px;
}

div.prof div.cours_info i.checked {
    color: orange;
}

div.prof div.cours_info div.five i {
    color: #999999;
    font-size: 20px;
    cursor: pointer;
}

div.prof div.cours_info div.group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 0px;
}

div.prof div.cours_info div.group img {
    margin-right: 10px;
}

div.prof div.cours_info div.group div.rat {
    margin-right: 20px;
}

div.prof div.cours_info div.group div.rat,
div.prof div.cours_info div.group div.bino {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.prof div.cours_info h1 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 0px;
    line-height: 37px;
}

div.prof div.cours_info a {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 23px;
    color: #2499B3;
    margin-left: 5px;
    margin-top: 5px;
}

div.prof div.cours_info a:hover {
    text-decoration: underline;
}

div.prof div.cours_info b {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
    color: #333333;
    margin-top: 5px;
}

div.prof div.cours_info h6 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 0px;
    color: #333333;
}

div.prof div.pro_mod {
    width: 350px;
    -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
}

div.prof div.pro_mod div.cont2 div.hr {
    border-bottom: 1px solid #999999;
}

div.prof div.pro_mod div.cont2 div.malto {
    padding: 10px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

div.prof div.pro_mod div.cont2 div.malto span.visible {
    cursor: pointer;
}

div.prof div.pro_mod div.cont2 div.malto b {
    font-family: Roboto;
    font-style: bold;
    font-weight: 500;
    margin-right: 10px;
    font-size: 18px;
    line-height: 23px;
    display: block;
    color: #333333;
}

div.prof div.pro_mod div.cont2 div.malto span {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    display: block;
    line-height: 23px;
    color: #333333;
}

div.prof div.pro_mod div.top {
    background-color: #24B383;
    padding: 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.prof div.pro_mod div.top span.right {
    cursor: pointer;
}

div.prof div.pro_mod div.top span.right i.none {
    display: none;
}

div.prof div.pro_mod div.top span.right i {
    color: white;
    font-size: 18px;
    font-weight: 400;
}

div.prof div.pro_mod div.top div.left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

div.prof div.pro_mod div.top div.left b {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 25px;
    margin: 0px 10px;
    color: #FFFFFF;
}

div.prof div.pro_subject {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px;
}

div.prof div.pro_subject div.ro_subject {
    width: 40%;
    border-radius: 5px;
    background-color: #3A7AFE;
    margin-right: 20px;
    padding: 10px;
    margin-bottom: 20px;
}

div.prof div.pro_subject div.ro_subject h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 23px;
    color: white;
}

div.prof div.pro_subject div.ro_subject h4 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
    margin-bottom: 0px;
}

div.prof div.news {
    width: 100%;
    -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
    /* Track */
    /* Handle */
    /* Handle on hover */
}

div.prof div.news div.cont::-webkit-scrollbar {
    width: 5px;
    background: white;
}

div.prof div.news div.cont::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px grey;
    box-shadow: inset 0 0 5px grey;
    border-radius: 3px;
}

div.prof div.news div.cont::-webkit-scrollbar-thumb {
    background: #949494;
    border-radius: 10px;
}

div.prof div.news div.cont::-webkit-scrollbar-thumb:hover {
    background: #9b9a9a;
}

div.prof div.news div.cont {
    max-height: 280px;
    overflow-y: scroll;
}

div.prof div.news div.cont div.vorle {
    border-left: 3px solid #24B383;
}

div.prof div.news div.cont div.into:hover {
    background-color: rgba(4, 66, 80, 0.04);
}

div.prof div.news div.cont div.into {
    padding: 10px 15px;
}

div.prof div.news div.cont div.into h5 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
    color: #333333;
    margin-bottom: 2px;
}

div.prof div.news div.cont div.into h6 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 0px;
    color: #999999;
}

div.prof div.news div.top {
    background-color: #3A7AFE;
    padding: 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

div.prof div.news div.top span.right {
    cursor: pointer;
}

div.prof div.news div.top span.right i.none {
    display: none;
}

div.prof div.news div.top span.right i {
    color: white;
    font-size: 18px;
    font-weight: 400;
}

div.prof div.news div.top div.left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

div.prof div.news div.top div.left div.red_num {
    position: relative;
    background-color: #FF4A4A;
    border-radius: 100%;
    height: 23px;
    width: 23px;
    overflow: hidden;
}

div.prof div.news div.top div.left div.red_num span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-family: Roboto;
    font-style: normal;
    font-weight: 800;
    color: white;
    font-size: 15px;
    line-height: 19px;
}

div.prof div.news div.top div.left b {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 25px;
    margin: 0px 10px;
    color: #FFFFFF;
}

.owl-carousel {
    display: inline-block !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

h3.pup_last {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 25px;
    color: #333333;
}

h3.oy_pup {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 38px;
    color: #333333;
}

div.carusel_pup {
    position: relative;
}

div.carusel_pup div.owl-dots {
    display: none !important;
}

div.carusel_pup button.owl-prev {
    position: absolute;
    left: 0;
    z-index: 2;
    top: 40% !important;
    -webkit-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
}

div.carusel_pup button {
    width: 27px !important;
    height: 27px !important;
    position: relative;
    background-color: white !important;
    border-radius: 100%;
    -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
}

div.carusel_pup button span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 24px;
    font-weight: 500;
    margin-top: -2px;
}

div.carusel_pup button.owl-next {
    position: absolute;
    right: -25px;
    z-index: 2;
    top: 40% !important;
    -webkit-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
}

div.carusel_pup div.gone_all {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.carusel_pup div.gone_all div.dagone {
    background-color: #24B383 !important;
}

div.carusel_pup div.gone_all div.nogone h3,
div.carusel_pup div.gone_all div.nogone h4,
div.carusel_pup div.gone_all div.dagone h3,
div.carusel_pup div.gone_all div.dagone h4 {
    color: white !important;
}

div.carusel_pup div.gone_all div.nogone {
    background-color: #FF5757 !important;
}

div.carusel_pup div.gone_all div.gone {
    width: 31%;
    border-radius: 5px;
    background-color: #E1E1E1;
    padding: 20px 0px 40px 0px;
}

div.carusel_pup div.gone_all div.gone h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    color: #333333;
}

div.carusel_pup div.gone_all div.gone h4 {
    margin-top: 20px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 19px;
    text-align: center;
    color: #333333;
}

div.fan_pup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

div.fan_pup div.blcolor {
    background-color: #3A7AFE;
}

div.fan_pup div.rcolor {
    background-color: #FF5757;
}

div.fan_pup div.grcolor {
    background-color: #24B383;
}

div.fan_pup div.pup_row {
    width: 23%;
    padding: 20px;
    border-radius: 5px;
    margin-right: 10px;
    text-align: center;
    margin-bottom: 10px;
}

div.fan_pup div.pup_row span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-right: 1px solid white;
    padding-right: 15px;
    margin-right: 15px;
}

div.fan_pup div.pup_row span h5 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 35px;
    line-height: 44px;
    margin-bottom: 0px;
    color: #FFFFFF;
}

div.fan_pup div.pup_row h6 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 0px;
    color: #FFFFFF;
}

div.congru {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

div.congru div.ro_con {
    width: 30%;
    margin-right: 10px;
    background: #FFFFFF;
    margin-bottom: 10px;
    -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

div.congru div.ro_con div.content {
    padding: 10px 12px;
}

div.congru div.ro_con div.content p {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: 0.01em;
    color: #000000;
}

div.congru div.ro_con div.top {
    background-color: #3A7AFE;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px;
}

div.congru div.ro_con div.top h4 {
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

div.new_client {
    padding-left: 90px;
    padding-top: 20px;
}

div.new_client div.comp_cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

div.new_client div.comp_cart div.sil_row {
    background-color: #999999;
}

div.new_client div.comp_cart div.red_row {
    background-color: #FF5757;
}

div.new_client div.comp_cart div.row_cart {
    width: 48%;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 15px;
}

div.new_client div.comp_cart div.row_cart b {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

div.new_client div.comp_cart div.row_cart div.bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.new_client div.comp_cart div.row_cart div.bottom span.checkzafar input {
    width: 25px;
    height: 25px;
    opacity: 1 !important;
    position: relative !important;
    pointer-events: painted !important;
}

div.new_client div.comp_cart div.row_cart div.bottom div.info_two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.new_client div.comp_cart div.row_cart div.bottom div.info_two h5 {
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    margin-left: 10px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

div.new_client div.comp_cart div.row_cart div.bottom div.info_two span {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
}

div.new_client div.comp_cart div.row_cart div.bottom div.info_two span img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}

div.new_client div.comp_cart div.row_cart div.center {
    margin: 10px 0px;
}

div.new_client div.comp_cart div.row_cart div.top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.new_client div.comp_cart div.row_cart div.top h6 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    margin-left: 10px;
    line-height: 15px;
    margin-bottom: 0px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

div.new_client div.unset_align {
    -webkit-box-align: unset !important;
    -ms-flex-align: unset !important;
    align-items: unset !important;
}

div.new_client div.form_client {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 13px;
}

div.new_client div.form_client h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.new_client div.form_client select {
    width: 70%;
    height: 35px;
    background: #FFFFFF;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
    line-height: 100%;
    padding-left: 10px;
    letter-spacing: 0.01em;
}

div.new_client div.form_client input:focus {
    outline: none;
    border: 0.5px solid #FF3C3C !important;
    -webkit-box-shadow: 0px 0px 4px #F52C2C;
    box-shadow: 0px 0px 4px #F52C2C;
}

div.new_client div.form_client input.short {
    width: 30% !important;
}

div.new_client div.form_client textarea:focus {
    outline: none;
    border: 0.5px solid #FF3C3C !important;
    -webkit-box-shadow: 0px 0px 4px #F52C2C;
    box-shadow: 0px 0px 4px #F52C2C;
}

div.new_client div.form_client textarea {
    width: 70%;
    height: 80px;
    padding-top: 3px;
    padding-right: 10px;
    background: #FFFFFF;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
    line-height: 100%;
    padding-left: 10px;
    letter-spacing: 0.01em;
}

div.new_client div.form_client input[type=text],
div.new_client div.form_client input[type=date] {
    width: 70%;
    height: 30px;
    background: #FFFFFF;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
    line-height: 100%;
    padding-left: 10px;
    letter-spacing: 0.01em;
}

div.new_client div.form_client span {
    display: inline-block;
    width: 30% !important;
    position: relative;
}

div.new_client div.form_client span img.must_img {
    position: absolute;
    left: -12px;
    top: 4px;
}

div.new_client div.form_client span b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    margin-right: 10px;
    letter-spacing: 0.01em;
    color: #3A7AFE;
}

button.button100 {
    width: 100%;
    background-color: #24B383;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    cursor: pointer;
    padding: 8px 0px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

button.button100 img {
    margin-right: 10px;
}

div.border_red {
    border-left: 4px solid #FF5757;
    padding: 10px 15px 10px 11px !important;
}

div.border_gold {
    border-left: 4px solid #FFAF51 !important;
    padding: 10px 15px 10px 11px !important;
}

div.eslatma {
    position: fixed;
    right: 10px;
    width: 300px;
    z-index: 4;
    background: #FEFEFE;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    border-radius: 0px;
    bottom: 10px;
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */
}

div.eslatma div.content {
    max-height: 300px;
    overflow-y: scroll;
}

div.eslatma div.content::-webkit-scrollbar {
    width: 5px;
}

div.eslatma div.content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px white;
    box-shadow: inset 0 0 5px white;
    border-radius: 10px;
}

div.eslatma div.content::-webkit-scrollbar-thumb {
    background: #DDDDDD;
    border-radius: 5px;
}

div.eslatma div.content::-webkit-scrollbar-thumb:hover {
    background: silver;
}

div.eslatma div.item_one:hover {
    background-color: whitesmoke;
}

div.eslatma div.item_one {
    padding: 10px 15px;
    border-top: 0.5px solid #999999;
    cursor: pointer;
}

div.eslatma div.item_one b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.eslatma div.item_one div.redb {
    margin-bottom: 15px;
}

div.eslatma div.item_one div.redb b {
    color: #FF2F2F !important;
}

div.eslatma div.item_one div.bot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.eslatma div.item_one div.bot span.pos_img {
    position: relative;
    width: 10% !important;
    height: 24px;
}

div.eslatma div.item_one div.bot span.pos_img img {
    position: absolute;
    bottom: 5px;
    right: 0px;
}

div.eslatma div.item_one div.bot h5 {
    margin-bottom: 0px;
    width: 90%;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.eslatma div.item_one div.top_in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.eslatma div.item_one div.top_in h6 {
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 100%;
    text-align: right;
    letter-spacing: 0.01em;
    color: #666666;
}

div.eslatma div.top {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px;
    background-color: #F4F4F4;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.eslatma div.top span.exit_task {
    cursor: pointer;
}

div.eslatma div.top span.none_task {
    display: none;
}

div.eslatma div.top h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 0px;
    line-height: 19px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.radio_adv {
    width: 70%;
}

div.radio_adv p {
    margin-bottom: 0px !important;
}

div.radio_adv [type="radio"]:checked,
div.radio_adv [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

div.radio_adv [type="radio"]:checked+label,
div.radio_adv [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
    letter-spacing: 0.01em;
    color: #333333;
}

div.radio_adv [type="radio"]:checked+label:before,
div.radio_adv [type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 2px solid #3A7AFE;
    border-radius: 100%;
    background: #fff;
}

div.radio_adv [type="radio"]:checked+label:after,
div.radio_adv [type="radio"]:not(:checked)+label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #3A7AFE;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

div.radio_adv [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

div.radio_adv [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

div.modal_vazifa {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 199;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    width: 450px;
    background-color: #fff;
    -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    -webkit-transition: .3s;
    transition: .3s;
}

div.modal_vazifa div.center {
    padding: 25px 20px 0px 20px;
}

div.modal_vazifa div.center div.unet_align {
    -webkit-box-align: unset !important;
    -ms-flex-align: unset !important;
    align-items: unset !important;
}

div.modal_vazifa div.center div.p {
    margin-top: 20px;
    margin-bottom: 15px;
}

div.modal_vazifa div.center div.p p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 140%;
    margin-bottom: 0px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.modal_vazifa div.center div.status h1 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 100%;
    margin-bottom: 0px;
    letter-spacing: 0.01em;
    color: #999999;
}

div.modal_vazifa div.center div.give_vaz {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.modal_vazifa div.center div.give_vaz b {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.modal_vazifa div.center div.one_div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-bottom: 15px;
}

div.modal_vazifa div.center div.one_div select {
    background: #FFFFFF;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    padding-left: 10px;
    font-size: 13px;
    line-height: 100%;
    height: 30px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.modal_vazifa div.center div.one_div div.right {
    width: 70%;
}

div.modal_vazifa div.center div.one_div div.right textarea:focus {
    outline: none;
    border: 0.5px solid #FF3C3C !important;
    -webkit-box-shadow: 0px 0px 4px #F52C2C;
    box-shadow: 0px 0px 4px #F52C2C;
}

div.modal_vazifa div.center div.one_div div.right textarea {
    width: 100%;
    height: 85px;
    background: #FFFFFF;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    border: 0.5px solid #666666;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
    padding-left: 10px;
    padding-top: 10px;
}

div.modal_vazifa div.center div.one_div div.right input[type=date]:focus {
    outline: none;
    border: 0.5px solid #FF3C3C !important;
    -webkit-box-shadow: 0px 0px 4px #F52C2C;
    box-shadow: 0px 0px 4px #F52C2C;
}

div.modal_vazifa div.center div.one_div div.right input[type=date] {
    height: 30px;
    background: #FFFFFF;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
    padding-left: 10px;
}

div.modal_vazifa div.center div.one_div div.right h4 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 100%;
    margin-bottom: 0px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.modal_vazifa div.center div.one_div div.left {
    width: 30%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-right: 20px;
}

div.modal_vazifa div.center div.one_div div.left b {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 100%;
    text-align: right;
    margin-top: 2px;
    letter-spacing: 0.01em;
    color: #666666;
}

div.modal_vazifa div.bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0px 20px 20px 15px;
}

div.modal_vazifa div.bottom button {
    background: #24B383;
    border-radius: 5px;
    font-family: Roboto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 15px;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    border: none;
    cursor: pointer;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

div.modal_vazifa div.bottom button img {
    margin-right: 10px;
}

div.modal_vazifa div.top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 15px;
    border-bottom: 0.3px solid #999999;
}

div.modal_vazifa div.top span.exit_new {
    cursor: pointer;
}

div.modal_vazifa div.top h2 {
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.trello {
    padding: 20px 80px;
}

div.trello div.trello_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.trello div.trello_flex div.trel_row {
    width: 24%;
    background: #FEFEFE;
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 0px;
    /* Track */
    /* Handle */
    /* Handle on hover */
}

div.trello div.trello_flex div.trel_row span.new_task {
    cursor: pointer;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.trello div.trello_flex div.trel_row span.new_task i {
    font-weight: 300;
    font-size: 16px;
    margin-left: 5px;
    color: #333333;
    margin-top: 3px;
}

div.trello div.trello_flex div.trel_row div.content::-webkit-scrollbar {
    width: 4px;
}

div.trello div.trello_flex div.trel_row div.content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px white;
    box-shadow: inset 0 0 5px white;
    border-radius: 10px;
}

div.trello div.trello_flex div.trel_row div.content::-webkit-scrollbar-thumb {
    background: #a8a8a8;
    border-radius: 10px;
}

div.trello div.trello_flex div.trel_row div.content::-webkit-scrollbar-thumb:hover {
    background: #808080;
}

div.trello div.trello_flex div.trel_row div.content {
    max-height: 370px;
    overflow-y: scroll;
}

div.trello div.trello_flex div.trel_row div.content div.item:hover {
    background-color: rgba(0, 0, 0, 0.02);
}

div.trello div.trello_flex div.trel_row div.content div.item {
    border-bottom: 0.5px solid #999999;
    padding: 10px 15px;
    cursor: pointer;
}

div.trello div.trello_flex div.trel_row div.content div.item div.comment {
    margin-top: 10px;
}

div.trello div.trello_flex div.trel_row div.content div.item div.comment h4 {
    font-family: Roboto;
    font-style: italic;
    font-weight: normal;
    font-size: 13px;
    line-height: 140%;
    margin-bottom: 0px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.trello div.trello_flex div.trel_row div.content div.item div.bot2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

div.trello div.trello_flex div.trel_row div.content div.item div.bot2 span {
    right: 0;
    top: -20px;
}

div.trello div.trello_flex div.trel_row div.content div.item div.bot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.trello div.trello_flex div.trel_row div.content div.item div.bot div.pro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.trello div.trello_flex div.trel_row div.content div.item div.bot div.pro div.left {
    margin-right: 10px;
}

div.trello div.trello_flex div.trel_row div.content div.item div.bot div.pro div.left span.img {
    width: 35px;
    height: 35px;
    display: block;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
}

div.trello div.trello_flex div.trel_row div.content div.item div.bot div.pro div.left span.img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}

div.trello div.trello_flex div.trel_row div.content div.item div.bot div.pro div.right h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    margin-bottom: 3px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.trello div.trello_flex div.trel_row div.content div.item h6 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 100%;
    margin-bottom: 0px;
    letter-spacing: 0.01em;
    color: #666666;
}

div.trello div.trello_flex div.trel_row div.content div.item div.infor {
    margin: 10px 0px;
}

div.trello div.trello_flex div.trel_row div.content div.item div.infor p {
    margin-bottom: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 140%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.trello div.trello_flex div.trel_row div.content div.item div.data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.trello div.trello_flex div.trel_row div.content div.item div.data b {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
}

div.trello div.trello_flex div.trel_row div.top {
    background: #F4F4F4;
    padding: 15px;
    width: 100%;
}

div.trello div.trello_flex div.trel_row div.top h5 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    margin-bottom: 0px;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.01em;
    color: #333333;
}

span.return_vaz {
    cursor: pointer;
}

span.return_vaz b {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px !important;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #3A7AFE !important;
}

span.return_vaz i.none_ret {
    display: none;
}

span.return_vaz i {
    font-style: normal;
    font-weight: normal;
    font-size: 15px !important;
    color: #3A7AFE !important;
}

.togret {
    display: none !important;
}

.deadline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px 0px;
}

.deadline input {
    background: #FFFFFF;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #333333;
    padding-left: 10px;
    height: 30px;
}

.deadline h2 {
    margin-right: 15px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 100%;
    margin-bottom: 0px;
    text-align: right;
    letter-spacing: 0.01em;
    color: #666666;
}

div.sms_jonat {
    width: 100%;
    padding: 20px 80px;
}

div.sms_jonat nav:not(.active_tab) {
    display: none;
}

div.sms_jonat div.one ul {
    list-style-type: none;
    padding: 0px;
    width: 100%;
    border-bottom: 0.5px solid #999999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

div.sms_jonat div.one ul input {
    opacity: 1 !important;
    position: relative !important;
    width: 16px;
    z-index: 4;
    margin-left: 10px;
    height: 16px;
    pointer-events: painted !important;
}

div.sms_jonat div.one ul li.active {
    border-bottom: 3px solid #333333;
    padding-bottom: 10px;
}

div.sms_jonat div.one ul li {
    display: inline-block;
    margin-right: 15px;
    cursor: pointer;
}

div.sms_jonat div.one ul li div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.sms_jonat div.one ul li div b {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.modal_tree {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    width: 430px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    z-index: 1009;
    -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    background-color: #fff;
}

div.modal_tree nav:not(.activ_zzz) {
    display: none;
}

div.modal_tree div.sav23 {
    padding: 0px 15px 15px 15px !important;
}

div.modal_tree div.center {
    padding: 0px 15px 15px 15px;
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */
}

div.modal_tree div.center div.add_blok {
    padding-top: 10px;
}

div.modal_tree div.center div.add_blok h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 100%;
    margin-bottom: 0px;
    letter-spacing: 0.01em;
    color: #3A7AFE;
    cursor: pointer;
}

div.modal_tree div.center div.all_room::-webkit-scrollbar {
    width: 4px;
}

div.modal_tree div.center div.all_room::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px #dddddd;
    box-shadow: inset 0 0 5px #dddddd;
    border-radius: 10px;
}

div.modal_tree div.center div.all_room::-webkit-scrollbar-thumb {
    background: #9b9b9b;
    border-radius: 10px;
}

div.modal_tree div.center div.all_room::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

div.modal_tree div.center div.all_room {
    overflow-y: scroll;
    max-height: 280px;
    padding-right: 15px;
}

div.modal_tree div.center div.all_room div.blok {
    border-bottom: 1px solid silver;
    padding-top: 15px;
}

div.modal_tree div.center div.all_room div.item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

div.modal_tree div.center div.all_room div.item span {
    width: 30%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 15px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

div.modal_tree div.center div.all_room div.item input:focus {
    outline: none;
}

div.modal_tree div.center div.all_room div.item input {
    width: 70%;
    padding-left: 10px;
    border: 0.5px solid #666666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    height: 30px;
}

div.modal_tree div.center ul {
    list-style-type: none;
    padding-left: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0px;
    border-bottom: 0.3px solid #999999;
}

div.modal_tree div.center ul li.act_li_new {
    color: #3A7AFE;
    font-weight: 500;
    border-bottom: 2px solid #3A7AFE;
}

div.modal_tree div.center ul li {
    display: inline-block;
    font-family: Roboto;
    font-style: normal;
    cursor: pointer;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: #333333;
    padding: 15px 25px;
}

div.modal_tree div.top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 0.4px solid #999999;
}

div.modal_tree div.top span.exit {
    cursor: pointer;
}

div.modal_tree div.top h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 100%;
    margin-bottom: 0px;
    letter-spacing: 0.01em;
    color: #333333;
}

div.top_header {
    padding: 10px 30px;
    background-color: rgb(249, 249, 249);
}

div.top_header div div div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.top_header div div div i {
    margin-right: 10px;
}

div.top_header div.col-md-6 {
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
}

div.top_header select {
    padding: 3px 8px;
    border: 1px solid #999999;
    border-radius: 5px;
    font-size: 14px;
}

div.top_header a:hover {
    color: #1e5745;
}

div.top_header a {
    color: #333;
    margin: 0 5px;
}

.conta {
    height: 100vh;
    width: 100vw;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 12123908098;
    background-color: #fff;
    font-family: Helvetica;
}

table.nz-container input#user-password {
    border-radius: 3px !important;
    width: 357px !important;
}

table.nz-container input[type=checkbox] {
    width: unset !important;
    width: 40px !important;
    height: 40px !important;
    position: relative !important;
    margin-left: 10px;
}

.form-group {
    margin-bottom: 0px !important;
}

div.input-group {
    flex-wrap: unset !important;
}

div.colors div.content div.f_row {
    margin-right: 5px;
}

form#frm-example td {
    height: 26px;
}

.dropdown-item1 a {
    padding: 5px !important;
}

.media_img i {
    display: inline-block !important;
    margin-top: -28px;
    margin-left: -10px;
    position: absolute;
    font-size: 23px;
}

.position_new {
    position: absolute;
    margin-left: -10px;
}

.titleft i {
    font-size: 20px;
    margin-top: 6px;
    color: rgba(0, 0, 0, 0.6);
}

#spreadsheet:hover {
    cursor: pointer;
}
tspan{
    color: #363636 !important;
    font-weight: 500 !important;
}

.TartibRaqam,.ShartnomaID,.TalabaFISh,.Telefon,.Qabulvaqti,.Qisqacha,.Amallar ,.Holati{
    display: none;
}