html
{
    height: 100%;/*
    width:100%;
    padding: 0px;
    margin: 0px;
    position: ABSOLUTE;*/
}

.m-0 {
    margin: 0!important
}

.mt-0,.my-0 {
    margin-top: 0!important
}

.mr-0,.mx-0 {
    margin-right: 0!important
}

.mb-0,.my-0 {
    margin-bottom: 0!important
}

.ml-0,.mx-0 {
    margin-left: 0!important
}

.m-1 {
    margin: .25rem!important
}

.mt-1,.my-1 {
    margin-top: .25rem!important
}

.mr-1,.mx-1 {
    margin-right: .25rem!important
}

.mb-1,.my-1 {
    margin-bottom: .25rem!important
}

.ml-1,.mx-1 {
    margin-left: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.mt-2,.my-2 {
    margin-top: .5rem!important
}

.mr-2,.mx-2 {
    margin-right: .5rem!important
}

.mb-2,.my-2 {
    margin-bottom: .5rem!important
}

.ml-2,.mx-2 {
    margin-left: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.mt-3,.my-3 {
    margin-top: 1rem!important
}

.mr-3,.mx-3 {
    margin-right: 1rem!important
}

.mb-3,.my-3 {
    margin-bottom: 1rem!important
}

.ml-3,.mx-3 {
    margin-left: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.mt-4,.my-4 {
    margin-top: 1.5rem!important
}

.mr-4,.mx-4 {
    margin-right: 1.5rem!important
}

.mb-4,.my-4 {
    margin-bottom: 1.5rem!important
}

.ml-4,.mx-4 {
    margin-left: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.mt-5,.my-5 {
    margin-top: 3rem!important
}

.mr-5,.mx-5 {
    margin-right: 3rem!important
}

.mb-5,.my-5 {
    margin-bottom: 3rem!important
}

.ml-5,.mx-5 {
    margin-left: 3rem!important
}

.p-0 {
    padding: 0!important
}

.pt-0,.py-0 {
    padding-top: 0!important
}

.pr-0,.px-0 {
    padding-right: 0!important
}

.pb-0,.py-0 {
    padding-bottom: 0!important
}

.pl-0,.px-0 {
    padding-left: 0!important
}

.p-1 {
    padding: .25rem!important
}

.pt-1,.py-1 {
    padding-top: .25rem!important
}

.pr-1,.px-1 {
    padding-right: .25rem!important
}

.pb-1,.py-1 {
    padding-bottom: .25rem!important
}

.pl-1,.px-1 {
    padding-left: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.pt-2,.py-2 {
    padding-top: .5rem!important
}

.pr-2,.px-2 {
    padding-right: .5rem!important
}

.pb-2,.py-2 {
    padding-bottom: .5rem!important
}

.pl-2,.px-2 {
    padding-left: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.pt-3,.py-3 {
    padding-top: 1rem!important
}

.pr-3,.px-3 {
    padding-right: 1rem!important
}

.pb-3,.py-3 {
    padding-bottom: 1rem!important
}

.pl-3,.px-3 {
    padding-left: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.pt-4,.py-4 {
    padding-top: 1.5rem!important
}

.pr-4,.px-4 {
    padding-right: 1.5rem!important
}

.pb-4,.py-4 {
    padding-bottom: 1.5rem!important
}

.pl-4,.px-4 {
    padding-left: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

.pt-5,.py-5 {
    padding-top: 3rem!important
}

.pr-5,.px-5 {
    padding-right: 3rem!important
}

.pb-5,.py-5 {
    padding-bottom: 3rem!important
}

.pl-5,.px-5 {
    padding-left: 3rem!important
}

.m-n1 {
    margin: -.25rem!important
}

.mt-n1,.my-n1 {
    margin-top: -.25rem!important
}

.mr-n1,.mx-n1 {
    margin-right: -.25rem!important
}

.mb-n1,.my-n1 {
    margin-bottom: -.25rem!important
}

.ml-n1,.mx-n1 {
    margin-left: -.25rem!important
}

.m-n2 {
    margin: -.5rem!important
}

.mt-n2,.my-n2 {
    margin-top: -.5rem!important
}

.mr-n2,.mx-n2 {
    margin-right: -.5rem!important
}

.mb-n2,.my-n2 {
    margin-bottom: -.5rem!important
}

.ml-n2,.mx-n2 {
    margin-left: -.5rem!important
}

.m-n3 {
    margin: -1rem!important
}

.mt-n3,.my-n3 {
    margin-top: -1rem!important
}

.mr-n3,.mx-n3 {
    margin-right: -1rem!important
}

.mb-n3,.my-n3 {
    margin-bottom: -1rem!important
}

.ml-n3,.mx-n3 {
    margin-left: -1rem!important
}

.m-n4 {
    margin: -1.5rem!important
}

.mt-n4,.my-n4 {
    margin-top: -1.5rem!important
}

.mr-n4,.mx-n4 {
    margin-right: -1.5rem!important
}

.mb-n4,.my-n4 {
    margin-bottom: -1.5rem!important
}

.ml-n4,.mx-n4 {
    margin-left: -1.5rem!important
}

.m-n5 {
    margin: -3rem!important
}

.mt-n5,.my-n5 {
    margin-top: -3rem!important
}

.mr-n5,.mx-n5 {
    margin-right: -3rem!important
}

.mb-n5,.my-n5 {
    margin-bottom: -3rem!important
}

.ml-n5,.mx-n5 {
    margin-left: -3rem!important
}

.m-auto {
    margin: auto!important
}

.mt-auto,.my-auto {
    margin-top: auto!important
}

.mr-auto,.mx-auto {
    margin-right: auto!important
}

.mb-auto,.my-auto {
    margin-bottom: auto!important
}

.ml-auto,.mx-auto {
    margin-left: auto!important
}
.form-control {
    font-size: 13px!important;
}


.multi-select input
{
    cursor: pointer;
}

.select_class div
{
    display: inline-block;
}


ul.select-block
{
    position: absolute;
    z-index: 100;
    background: white;
    border: 1px solid rgb(204, 204, 204);
    list-style-type: none;
    padding-left: 0px;
    width: inherit;
    margin-right: 20px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.075);
    visibility: hidden;
    max-height: 250px;
    overflow: auto;
}

ul.select-block .checkbox
{
    margin: 0px;
    padding-top: 0px;
}

ul.select-block .checkbox label
{
    height: 25px;
    padding-top: 3px;
}

ul.select-block li
{
    padding-left: 15px;
}

ul.select-block li.selected
{
    background: #eee;
}

ul.select-block li.all label
{
    font-weight: bold!important;
}


ul.select-block li.all
{
    padding-left: 5px;
}

ul.select-block li:hover
{
    background: #eee;
    cursor: pointer;
}

ul.select-block li label
{
    width: 100%;
}

span.meta
{
    -webkit-border-radius: 2px;
    display: block;
    float: left;
    padding: 6px 12px;
    text-decoration: none;
    background: #1ABB9C;
    color: #F1F6F7;
    margin-right: 5px;
    font-weight: 500;
    margin-bottom: 5px;
    font-family: helvetica;
    font-size: 13px;
    height: 34px;
    line-height: 24px;
}


span.meta b {
    color: #F1F6F7 !important;
    padding-left: 10px;
    cursor: pointer;
}


.icon_toltek:before {
    content: "\f1b0";
}

.wizard_steps
{
    padding-left: 0px;
}

.step_descr
{
    padding: 5px;
}

.error-login {
    color: #721c24;
    padding: 5px;
    visibility: hidden;
    font-weight: bold;
}

.info_block
{
    right: 0px;
    margin: 0px auto;
    margin-top: 30px;
    max-width: 900px;
    position: relative;
}

.info_content
{
    margin: 0 auto;
    padding: 10px 0 0;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    min-width: 280px;
}


.info_content h1
{
    font: normal 25px Helvetica, Arial, sans-serif;
    letter-spacing: -0.05em;
    line-height: 20px;
    margin: 10px 0 30px;
}

.info_content h1:before, .info_content h1:after {
    content: "";
    height: 1px;
    position: absolute;
    top: 10px;
    width: 27%;
}
.info_content h1:after {
    background: rgb(126, 126, 126);
    background: -moz-linear-gradient(left, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(left, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(left, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to right, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
    right: 0;
}
.info_content h1:before {
    background: rgb(126, 126, 126);
    background: -moz-linear-gradient(right, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(right, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(right, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(right, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to left, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
    left: 0;
}
.info_content h1:before, .info_content h1:after {
    content: "";
    height: 1px;
    position: absolute;
    top: 10px;
    width: 25%;
}
.info_content h1:after {
    background: rgb(126, 126, 126);
    background: -moz-linear-gradient(left, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(left, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(left, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to right, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
    right: 0;
}
.info_content h1:before {
    background: rgb(126, 126, 126);
    background: -moz-linear-gradient(right, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(right, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(right, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(right, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to left, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
    left: 0;
}

.info_content form {
    margin: 20px 0;
    position: relative
}

.info_content .x_title {
    border: none;
    float: left;
    margin-top: -20px;
    margin-bottom: 0px;
    font-weight: bold;
    background: rgb(247, 247, 247);
}

.info_content .x_panel {
    background-color: unset;
}

.info_content input
{
    border-top: unset;
    box-shadow: unset;
    background: unset;
    border-left: unset;
    border-right: unset;
}




.info_content .form-control-feedback.left {
    border-right: unset;
}

.info_content .form-control[readonly] {
    background-color: unset;
}

.not_border.x_title {
    border: none;
    float: left;
    margin-top: -20px;
    background-color: white;
    margin-bottom: 0px;
    font-weight: bold;
}

img {
    display: inline-block;
    height: auto;
    max-width: 100%;
}


#photo_message {
    position: relative;
    margin-top: -26px;
    height: 26px;
    background-color: #eeeeeed9;
    display: block;
    padding: 3px;
    visibility: hidden;
    cursor: pointer;
}

#photo_block:hover #photo_message
{
    visibility: visible;
}

[name="img_of_user"] {
    display: none!important;
}

.selnew
{
    display: none;
    min-height: 25px;
    max-height: 600px;
    position: absolute;
    z-index: 10;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.075);
    border: 1px solid rgb(204, 204, 204);
    background-color: white;
    cursor: pointer;
    overflow: auto;
    display: block;
    color: #555;
}

.selnew ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

.selnew ul>li {
    list-style-type: none;
    padding: 2px;
    text-align: left;
    padding-left: 4px;
}

.selnew ul>li:hover {
    background: rgba(38, 185, 154, 0.07);
}

.hover_li {
    background: rgba(38, 185, 154, 0.07);
}


a.spoiler:before {
    font: normal normal normal 14px/1 FontAwesome;
    content:"\f078";
    padding-right: 5px;
}
a.spoiler.collapsed:before {
    font: normal normal normal 14px/1 FontAwesome;
    content:"\f077";
}
a.spoiler:hover,
a.spoiler:active,
a.spoiler:focus  {
    text-decoration:none;
}

.display_none, .display_none ~ ul
{
    display:none!important;
}



/****all_requests.php******/

.form-control
{
    font-size: 13px;
}


#open-filter
{
    padding: 6px 12px;
    height:34px;
    margin-right: 10px;
    font-size: 14px;

}

#open-filter i
{
    display: inline-block;
}

#open-filter.true
{
    background: #f4f4f4;
    color: #444;
    border-color: #aaa;
}

#filter-block
{
    display: none;
}




.form-control-feedback.right {
    border-left: 1px solid #ccc;
    right: 2px;
}


table.dataTable
{
    cursor: pointer;
}

table.dataTable tbody>tr:hover
{
    background-color: rgba(38, 185, 154, 0.07);/*#ffe8c8;*/
}


.edit_note
{
    visibility: hidden;
    color:#666;
}

#add_restore_from_achive
{
    visibility: hidden;
}


.edit_note:hover
{
    color:#337ab7;
    cursor: pointer;
}

.edit_note i
{
    padding-right: 3px;
}


.direction-top
{
    margin-bottom: 0px;
}

table.dataTable tbody>tr:hover .edit_note, table.dataTable tbody>tr:hover #add_restore_from_achive
{
    visibility: visible;
}


.modal-body .x_title
{
    border: none;
    /* float: left;*/
    margin-top: -20px;
    background-color: white;
    margin-bottom: 0px;
    font-weight: bold;
}


#edit_request .x_panel,.x_content
{
    padding-bottom: 0px;
}

#edit_request ul.parsley-errors-list.filled
{
    margin: 0px;
    font-size: 8pt;
}

#edit_request .form-group
{
    margin-bottom: 5px;
    min-height: 50px;
}

#edit_request .form-control[readonly].parsley-error
{
    background: #FAEDEC!important;
}

#edit_request li.disabled
{
    color:#9e9e9ea1;
}

.has-feedback .form-control {
    padding-right: 25px;
}

/****all_requests.php******/

.datepicker table tr td span.active.active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active
{
    background-color: #357ebd;
    border-color: transparent;
    color: #fff;
    background-image: unset;
}

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 35px;
    line-height: 35px;
    float: left;
    margin: 1%;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

span.hover
{
    background: #eee;
}

label.gadget, h3.gadget
{
    font-size: 23pt!important;
}

input.gadget
{
    font-size: 20pt!important;
    height: 60px;
}

button.gadget.btn-md
{
    font-size: 20pt!important;
}


input.gadget ~ .selnew
{
    font-size: 20pt!important;
}


.datepicker.gadget {

    width: 60%;
    font-size: 20pt!important;
}

.datepicker.gadget table {

    width: 100%;
}

.datepicker.gadget table tr td span {
    display: block;
    width: 23%;
    height: 55px;
    line-height: 55px;
}


#myCanvas
{
    background-color:#eee;
    border: 1px solid #ccc;
    margin-top:0px;
}

canvas.parsley-error
{
    border: 1px solid #E85445!important;
}

.paint_block
{
    max-width: 200px;
    height: 140px;
    margin: 0 auto;
    display: block;
}

[surname]:hover
{
    text-decoration: underline;
}
.block_middle td
{
    vertical-align: middle!important;
}

.row-flex, .row-flex > div[class*='col-'] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 1 auto;
}

.row-flex-wrap {
    -webkit-flex-flow: row wrap;
    align-content: flex-start;
    flex:0;
}

.row-flex > div[class*='col-'] {
    margin:-.2px;
}

.flex-grow-1 {
    -ms-flex-positive: 1!important;
    flex-grow: 1!important
}


table tbody tr.selected {
    /* background-color: rgba(38, 185, 154, 0.32);*/
}

span#student
{
    font-weight: bold;
    line-height: 16px;
    padding: 1px 2px;
}

table tbody tr.selected span#student, table tbody tr.selected div[amount='notreceiving']
{
    background-color: rgba(38, 185, 154, 0.32);
}

.product_price
{
    text-align: center;
}


.label-non-month
{
    background-color: #77777742;
    color: rgb(115, 135, 156);
    /*border-top: 3px solid rgba(0,0,0,0);*/
}

#group_block
{
    border:1px solid #ffc107;
}


#group_block:before
{
    right: 15px;
    content: "архив";
    position: absolute;
    line-height: 12px;
    font-size: 8pt;
    color: #d9534f;
}



.label-not-payment
{
    /*border-top: 3px solid red; */
    color: red;
}

.label-success:not(.label-not-payment)
{
    /*border-top:3px solid #5cb85c;*/
}


#export_payments
{
    display: none;
}

#datatable-fixed-header.payments tbody>tr>td
{
    border-bottom: 2px solid #dddddd;
    position: relative;
}

#datatable-fixed-header.payments tbody>tr>td:nth-child(3)
{
    padding: 0px;
}

#block_with_months span, #block_with_months .label-non-month, #datatable-fixed-header.payments tbody>tr>td:nth-child(4) span ,#datatable-fixed-header.payments tbody>tr>td:nth-child(4) .label-non-month
{
    width: 36px;
    height: 20px;
    display: inline-block;
    line-height: 15px;
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 2px;
    text-align: center;
    padding: 3px 0px;
    border-radius: 0px;
    text-shadow: none;
}

.d-flex {
    display: -ms-flexbox!important;
    display: flex!important
}

.d-inline-flex {
    display: -ms-inline-flexbox!important;
    display: inline-flex!important
}

.flex-row {
    -ms-flex-direction: row!important;
    flex-direction: row!important
}

.flex-column {
    -ms-flex-direction: column!important;
    flex-direction: column!important
}


.flex-fill {
    -ms-flex: 1 1 auto!important;
    flex: 1 1 auto!important
}

.justify-content-start {
    -ms-flex-pack: start!important;
    justify-content: flex-start!important;
}

.justify-content-end {
    -ms-flex-pack: end!important;
    justify-content: flex-end!important;
}

.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}

.justify-content-between {
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}

.justify-content-around {
    -ms-flex-pack: justify!important;
    justify-content: space-around!important;
}

.m-0
{
    margin: 0px!important;
}

.column-2 {/*
    -webkit-column-width: 200px;
    -moz-column-width: 200px;
    column-width: 200px;*/
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    -webkit-column-rule: unset;
    -moz-column-rule: unset;
    column-rule: unset;
    padding-top: 10px;
    padding-bottom: 20px;
}

.w-100 {
    width: 100%!important;
}


.ul-sms
{
    padding-left:0px;
    list-style-type: none;
}

.ul-sms label.btn
{
    padding: 2px 5px;
    border-radius: 0px;
}

.ul-sms li
{
    padding-top: 7px;
}

b#length, b#Lleft, b#sms_count
{
    width: 20px;
    display: inline-block;
    text-align: right;
}

.ul-sms label.active
{
    box-shadow: unset;
}

.ul-sms #phone
{
    font-weight: bold;
}

#send_sms .send_ok, #send_email_with_access .send_ok
{
    border-color: #5cb85c;
}

#send_sms .send_error, #send_email_with_access .send_error
{
    border-color: #d43f3a;
}

#send_sms .modal-body .fa-envelope-square, #send_email_with_access .modal-body .fa-paper-plane
{
    visibility: hidden;
}

.send_ok .fa-envelope-square, .send_error .fa-envelope-square, .send_ok .fa-paper-plane, .send_error .fa-paper-plane
{
    display: block;
    float: right;
    line-height: 20px;
    visibility: visible!important;
}

.send_ok .fa-envelope-square, .send_ok .fa-paper-plane
{
    color: #5cb85c;
}

.send_error .fa-envelope-square, .send_error .fa-paper-plane
{
    color: #d43f3a;
}

.last_sms
{
    position:absolute;
    top:0px;
    right:0px;
}

#myphoto
{
    margin: 0 auto;
    max-width: 260px;
}

#myphoto img
{

    padding: 10px 0px;
}

.jumbotron.small
{
    padding: 10px 15px;
}

.jumbotron.small p
{
    font-size: 14px;
    margin-bottom: 0px;
}

.login_content .form-group
{
    text-align: left;
}

label#pass
{
    width: 100%;
    text-align: center;
    display: none;
    position: absolute;
    top: 58px;
}

@media (min-width: 768px)
{
    .d-lg-none, .d-md-none
    {
        display: none;
    }
}

@media (max-width: 768px)
{
    .d-sm-none
    {
        display: none;
    }
}

.reload_block
{
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100vh;
    background: #0000001f;
    padding-left: 40%;
    padding-top: 50%;
    z-index: 10;
}

.d-block
{
    display: block;
}

#receiving_button
{
    position: ABSOLUTE;
    left: 50%;
    top: -13px;
}


.dropzone .dz-preview .dz-remove:hover {
    text-decoration: unset!important;
}

ul.bar_tabs {
    background: unset!important;
}

.nav-sm footer {
    margin-left: 85px;
}

#emails
{
    margin-top:-15px;
}

.color_green
{
    color:green;
}

/* Fixed Headers */

.header-fixed th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: #26B99A;
    color: #fff;
    max-height: 50px;
}

.header-fixed th:first-child {
    background-color: unset;
}

.header-fixed tr:not(.total_in_month)>td:first-child
{
    background-color: #26B99A;
    color: white;
}

.header-fixed tr:not(.total_in_month)>td.hover:first-child, table.timing  thead>tr>th.hover
{
    background-color: rgba(34,134,110,1);
}

.header-fixed th[scope=row] {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 1;
}

.header-fixed th[scope=row] {
    vertical-align: top;
    color: inherit;
    background-color: inherit;
    background: linear-gradient(90deg, transparent 0%, transparent calc(100% - .05em), #d6d6d6 calc(100% - .05em), #d6d6d6 100%);
}

.header-fixed table:nth-of-type(2) th:not([scope=row]):first-child {
    left: 0;
    z-index: 3;
    background: linear-gradient(90deg, #666 0%, #666 calc(100% - .05em), #ccc calc(100% - .05em), #ccc 100%);
}

/* Strictly for making the scrolling happen. */

.header-fixed th[scope=row] + td {
    min-width: 24em;
}

.header-fixed th[scope=row] {
    min-width: 20em;
}
.m-0
{
    margin:0px;
}
.hover_row:hover
{
    background-color: #f5f5f5;
    cursor:pointer;
}

.hover_row{
    margin:5px;
}

.hover_row .col-lg-4, .hover_row .col-md-4, .hover_row .col-sm-6, .hover_row .col-xs-12{
    padding: 7px 5px;
    line-height: 34px;
    min-height: 34px;
}

.x_panel.load_data input[type="number"]
{
    max-width: 70px;
}

.none_data
{
    color:rgba(119,119,119,0.5)
}


.login footer {
    background: #F7F7F7;
}

.rotate-text
{
    /*writing-mode: tb-rl;*/
    transform:rotate(195deg);
    font-weight: normal;
}

tr.total_in_month td
{
    padding: 0px 3px 0px 3px!important;
    background: #f5f5f5;
}

tr[week]:after, tr[week_begin]:after, tr[week_end]:after, tr[week_center]:after
{
    content: "";
    position: absolute;
    left: -1px;
    margin-top: 1px;
    width: 6px;
    height: 33px;
    background: #23a589/*#26b99a*/;
}

tr[week]:after
{
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    -moz-border-radius: 8px 0px 0px 8px;
    -webkit-border-radius: 8px 0px 0px 8px;
    -khtml-border-radius: 8px 0px 0px 8px;
}

tr[week]
{
    border-top: 2px solid #23a589;
    border-bottom: 2px solid #23a589;
}

tr[week_center]:after
{
    margin-top: -2px;
}

tr[week_begin]:after
{
    border-top-left-radius: 8px;
    -moz-border-radius: 8px 0px 0px 0px;
    -webkit-border-radius: 8px 0px 0px 0px;
    -khtml-border-radius: 8px 0px 0px 0px;
}

tr[week_end]:after
{
    border-bottom-left-radius: 8px;
    -moz-border-radius: 0px 0px 0px 8px;
    -webkit-border-radius: 0px 0px 0px 8px;
    -khtml-border-radius: 0px 0px 0px 8px;
}


table.timing
{
    cursor:default;
}

table.timing tbody>tr>td:not(:first-child)
{
    cursor:pointer;
}
/* */

table.timing  tbody>tr>td.hover:not(.light_red)
{
    background-color: rgba(240,170,80,0.2);
}

table.timing tbody>tr:not(.total_in_month)>td:not(:first-child)
{
    padding: 0px;
    position: relative;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    line-height: 34px;
}

table.timing tbody>tr.total_in_month>td:first-child
{
    font-size: 10px;
    line-height: 18px;
}

table.timing tbody>tr.total_in_month>td:not(:first-child)
{
    text-align: center;
    font-size: 11px;
    line-height: 20px;
}

table.timing tbody>tr.total_in_month>td.error_hourse
{
    background: rgba(250, 70, 55,0.57);
    color: white;
}

table.timing td>input
{
    position: absolute;
    width:100%;
    height: 100%;
    left:0px;
}

#time_table_work_place #lessons>div:first-child
{
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    max-width: 300px;
    width:300px;
  /*  position: fixed;*/
    background-color: #ffffff;
}

#time_table_work_place #lessons .groups
{
    background-color: #ffe69f;
    border: 1px solid #E6E9ED;
    border-radius: 2px;
    font-weight: bold;
    line-height: 24px;
    margin: 3px;
    color:#5A738E;
    padding:0px 5px;
    cursor:grab;
}

#time_table_work_place #lessons .groups>div:first-child
{
    margin: 3px;
}

#time_table_work_place #lessons .lesson>div:first-child
{
    position: relative;
    display: block;
    margin-bottom: 12px;
    border: 1px solid #E4E4E4;
    -webkit-border-radius: 2px;
    overflow: hidden;
    padding: 3px 4px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box;
    background: #fcf8e3;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

#time_table_work_place #lessons .lesson.ui-draggable-dragging>div.yellow:first-child, #time_table_work_place .lesson.ui-draggable-dragging>div.yellow:first-child
{
    background: #ffde82;
}

#time_table_work_place .set_lesson .lesson:not(.ui-draggable-dragging)>div.yellow:first-child
{
    background: rgb(252, 248, 227);
}
.lesson.ui-draggable-dragging.animated
{
    width:65px!important;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.lesson.ui-draggable-dragging[data-hours="1"] .teacher, .lesson.ui-draggable-dragging[data-hours="1"] .period
{
    display: none!important;
}

.lesson.ui-draggable-dragging.animated .period
{
    display: block;
}

.lesson .period
{
    display: none;
}

.lesson.ui-draggable-dragging.animated .lesson_count
{
    display: none;
}


.lesson.ui-draggable-dragging:not(.animated)
{
   /* border: 1px solid #E4E4E4;*/
    background-color: white;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}


.lesson .teacher
{
    font-size: 7pt;
    text-align: left;
}

.lesson .name_of_group
{
    font-size: 9pt;
    font-weight: bold;
    text-align: left;
    line-height: 16px;
}

.lesson .timeperiod .datetimepicker
{
    padding: 2px;
    line-height: 16px;
    font-size: 12px!important;
    height:20px;
    width: 40px;
}


.lesson:hover
{
    cursor:grab;
}

.lesson.grabbing
{
   cursor: grabbing;
}

.lesson.grabb
{
    cursor: grab;
}


.lesson .period
{
    font-size: 6pt;
}

.lesson select
{
    height: 20px;
    padding: 0px;
    width: 90px;
}

#time_table_week .set_lesson
{
    padding: 0px;
    height:17px;
    width:60px;
    min-width: 60px;
    max-width: 60px;
    position: relative;
    background-color: white;
}

#time_table_week .set_lesson.hover
{
    /*background-color: #fcf8e3;*/
    background-color: #f9eba4;
}

#time_table_week .set_lesson.green
{
   /*background-color: green;*/
    background-color: #f9eba4;
}

#time_table_week .set_lesson.blue
{
    /*background-color: blue;*/
    background-color: #f9eba4;
}


#time_table_week .time{
    padding: 0px;
    text-align: end;
    padding-right: 5px;
    font-weight: bold;
    width: 40px;
    font-size: 10px;
}

#time_table_week .set_lesson .lesson:not(.clone_block)
{
    position: relative;
    height:90%;
    width:100% !important;
    position: absolute;
    height:270%;
    padding: 0px!important;
}

#time_table_week .set_lesson .lesson:not(.clone_block)>div:first-child
{
    padding: 1px 3px;
}

#time_table_week .set_lesson .lesson .period
{
    display:block;
}

#time_table_week .set_lesson .lesson .lesson_count, #time_table_week .set_lesson .lesson[data-hours="1"] .teacher, #time_table_week .set_lesson .lesson[data-hours="1"] .period
{
    display:none;
}

#time_table_week table>tbody>tr>td
{
    border:unset;
    border-right: 1px solid #ddd;
}


#time_table_week table>tbody>tr:nth-child(even)>td
{
    border-top: 1px dotted #ddd;
}

#time_table_week table>tbody>tr:nth-child(even)>td.time
{
    color:#9ec4d8;
}

#time_table_week table>tbody>tr:nth-child(odd)>td
{
    border-top: 1px solid #ddd;
}

td.hover_blue
{
    background-color: rgb(255 230 159);
}

.text-overflow {
    white-space: nowrap; /* Запрещаем перенос строк */
    overflow: hidden; /* Обрезаем все, что не помещается в область */
    text-overflow: ellipsis; /* Добавляем многоточие */
}

.clone_block
{
    border: 1px solid #E4E4E4;
    background-color: white;
    width:60px!important;
}

.d-none{
    display: none!important;
}

.day_of_week
{
   /* background: #23a589;
    color: white;*/
    
    background-color: #9ff0ff;
}

.cabinet, .time
{
    /*background: #26B99A;
    color: white;*/
    background: #bcf5ff;
}


.right-border-bold
{
   /*border-right: 2px solid #157762!important;*/
   border-right: 2px solid #dddddd!important; 
}

.right-border-unset
{
   /*border-right: 2px solid #157762!important;*/
   border-right: 2px solid #f7f7f7!important; 
}

.lesson_count
{
    font-size: 6pt;
    line-height: 12px;
    display: block;
}

.scope_not_set_lesson
{
   /* border-left: 2px solid red!important;*/
}

/* Класс контекстного меню: */
.context-menu {
    position: absolute;
    display: none;
    background-color: #fff;
    border: 1px solid #bbb7b7;
    -moz-box-shadow: -5px 2px 10px rgba(0,0,0,0.5);
    -webkit-box-shadow: -5px 2px 10px rgba(0,0,0,0.5);
    box-shadow: 2px 3px 10px rgba(0,0,0,0.5);
    border-radius: 2px;
    z-index: 10;
}

/* Добавляем стили для списка которые будет находиться внутри меню и, собственно, содержать его пункты: */
.context-menu ul { list-style: none; margin: 0; padding: 0; }

.context-menu ul li { margin: 0; padding: 1px 7px; background-color: #fff; display: block;}

.context-menu ul li:hover
{
    background-color: #eee;
    cursor:pointer;
}

.sp-original-input-container .sp-add-on {
    position: relative;
}

.sp-original-input-container .sp-add-on .sp-colorize
{
    height: 34px!important;
    width: 34px!important;
    position: ABSOLUTE;
    top: -1px;
    border: 1px solid #cccccc;
    left: -1px;
}

.sp-alpha-enabled .sp-alpha {
    visibility: hidden;
}


.light_red
{
    background-color: #ffd1cc;
}

.nav-tabs.nav>li>a {
    padding: 4px 15px 3px;
}


.lesson.selected:after
{
    content: "\f05d";
    position: absolute;
    color:#26b99a;
    right: 0px;
    top: 3px;
    font: normal normal normal 14px/1 FontAwesome;
}

.small-label
{
    font-size: 8pt;
    position: absolute;
    margin-top: -13px;
    font-weight: normal;
    font-style: oblique;
}

.gone a, .gone {
    color: rgb(223 109 105)!important;
}

.tab-content.white_back{

background: white;

padding: 10px;

border-left: 1px solid #dddddd;

border-bottom: 1px solid #dddddd;

border-right: 1px solid #dddddd;

}

.tabs-left, .tabs-right {

padding: 0px;

}

.tabs-left>li.active>a, .tabs-left>li.active>a:hover, .tabs-left>li.active>a:focus {

border-bottom-color: #dddddd;

border-right-color: transparent;

}

.tabs-left, .tabs-right {

text-align: center;

}

.w-32

{

width: 32px;

text-align: center;

}


.jurnal{
    cursor:pointer;
}


table.jurnal .hover:not(.light_red){
    background: rgb(252, 248, 227);
}

.tabs-left>li>a {
    background: unset;
}

.tabs-left>li>a {
    border-radius: 4px 0 0 4px;
    margin-right: 0;
    display: block;
    /* background: #F7F7F7; */
    text-overflow: ellipsis;
    overflow: hidden;
}

.nav-tabs .tabs-left>li>a
{
    border-right: 
}

.text-bold{
    font-weight: bold;
}


div.textarea textarea
{
    width: 100%;
    border: 1px solid #e6e9ed;
    color: #555;
}


.tag.dark{
    background: #999;
}

.tag.dark:after {
    border-left: 11px solid #999;
}

.jurnal .achive
{
    background: #ccc;
    cursor: no-drop;
}


.dropdown-menu {
    min-width: 90px;
    }

.text-decoration:hover
{
    text-decoration: underline;
}