@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700);
@font-face {
    font-family: rb; /* ��� ������ */
    src: url(../fonts/rb.ttf); /* ���� � ����� �� ������� */
}
@font-face {
    font-family: icon; /* ��� ������ */
    src: url("../fonts/v2.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: icon; /* ��� ������ */
    src: url("../fonts/pole.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

.icon:before { font-family: icon;margin-right: 1.5rem;font-size: 3rem;vertical-align: sub;}
#toolbar .icon:before { font-family: icon;margin-right: 1.5rem;font-size: 5rem;vertical-align: sub;margin-left: 0rem;}

.icon_find:before {content: "\e016";}
.icon_down:before {content: "\e000";}
.icon_left:before {content: "\e002";}
.icon_right:before {content: "\e01a";}
.icon_ok:before {content: "\e003";}
.icon_delete:before {content: "\e00c";}
.icon_plus:before {content: "\e01c";}

.icon_tarifs:before {content: "\e004";}
.icon_timeframe:before {content: "\e006";}
.icon_group:before {content: "\e008";}

.content_menu .icon_visit:before,#menu .icon_visit{;background: #FFC223 !important;}
.icon_visit:before {content: "\e009"}

.icon_exit:before {content: "\e00f";}

.icon_zal:before {content: "\e013";}

.icon_permision:before {content: "\e014";}
.icon_freez:before {content: "\f100";}

.content_menu .icon_kassa:before,#menu .icon_kassa{;background: #C22730 !important;border-color:#FFF;}
.icon_kassa:before {content: "\e018";}

.content_menu .icon_buy:before,#menu .icon_buy{;background: #33AB4D !important;border-color:#FFF;}
.icon_buy:before {content: "\e019";}



.content_menu .icon_user:before,#menu .icon_user{;background: #2264B8 !important;border-color:#FFF;}
.icon_user:before {content: "\e01d";}

.icon_report:before {content: "\e01e";}
.icon_reportUser:before {content: "\e01e";}

.icon_settings:before {content: "\e020";}

.icon_shop:before {content: "\e012";}
.icon_inshop:before {content: "\e005";}
.icon_tovar:before {content: "\e022";}



.rbuy:before {content: "\e004";font-family: icon;padding-right:1rem;font-size: 5rem; line-height: 4rem; }
.rvisit:before {content: "\e009";font-family: icon;padding-right:1rem;font-size: 5rem; line-height: 4rem; }
.rshop:before {content: "\e012";font-family: icon;padding-right:1rem;font-size: 5rem;line-height: 4rem;}
.rkassa:before {content: "\e018";font-family: icon;padding-right:1rem;font-size: 5rem;line-height: 4rem;padding-top:1rem}
.nowbutton .no_visit:before,.addbutton .no_visit:before{
    content: "(пропуск)";

    font-size:2rem;margin-right:1rem;
    visibility: visible;
}

.edit .del:before{
    font-family: icon;
    color: #FFFFFF;
    content: "\e010";
}
.ListObject input:before{content: "\e016";font-family: icon}
.ListObject .close:before{font-family: icon;	content: "\e00c";}

.nowbutton .act:before{
    content: "\e00c";
    font-family: icon;
    font-size:2rem;margin-right:1rem;
    visibility: hidden;
}
.ok:before,.ch a:before{font-family: icon; content: "\e003"; }

#pleft:before{content: "\e002";}
#pright:before{content: "\e01a";}
.controls .find:before{ font-family: icon;content: "\e016";}
/*
.list:after{
    font-family: icon;
    margin-right: 1.5rem;
    font-size: 2rem;
    vertical-align: sub;
    content: "\e000";
    position: absolute;
    margin-top: -4rem;
    right: 2rem;}

.visit .group:after,.chuser a:after{color: #fff !important;
    font-family: icon;
    margin-right: 1.5rem;
    font-size: 2rem;
    vertical-align: sub;
    content: "\e000";
    position: absolute;
    color:#fff;
    right: 0rem;}*/
.add a:before{content: "\e01c";font-family: icon;}





#table_0_report{table-layout: auto;}
#table_0_report .td[name=summa]{white-space: nowrap}

.rkassa{}
.rtable{display: table}
.rtable span{display:table-cell;vertical-align: middle;}
.rtable span span{display:inline !important;}

.content_menu a{float:left;width:46vw;text-align: center;color:#47a3da;}
.content_menu .icon:before{    display: block;
    text-align: center;
    font-size: 7rem;
    margin: 1rem auto;
    margin-bottom: 0rem;
    background: #47a3da;
    color: #fff;
    width: 20vw;
    height: 20vw;
    border-radius: 17vw;
    vertical-align: middle;
    padding: 1.9rem;
    box-sizing: border-box;}
body,html{
    padding:0px;margin:0px;font-family: 'Lato', Calibri, Arial, sans-serif;
  min-height: 100%;
    text-align: justify;
}
a{text-decoration: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor:pointer;
}


/*����*/
#menu
{
    background: #47a3da;
    overflow: hidden;
    text-align: left;
    min-width: 75vw;
    height:100%;
    display: table-cell;
}
#menu a{
    border-bottom: 1px solid #258ecd;
    display: block;
    color: #fff;
    font-size: 2rem;
    font-weight: 300;
    padding: 2.5rem;


}
#menu .act {
    bac1kground: #afdefa;
    co1lor: #FFF;


}
#menu svg{height:3rem;width:3rem;vertical-align: bottom;fill: currentColor;margin:0 2rem}
#menu h1{
    color: #afdefa;
    font-size: 5rem;
    padding: 0;
    margin: 0;
    font-weight: 300;
    background: #0d77b6;
}

#menu h1 a{
    color: #afdefa;
    font-size: 5rem;
    font-weight: 300;
    background: #0d77b6;
    border:0;
    padding: 1rem 2rem;
}

#menu h1 a span{
    font-size: 2rem;
    line-height: 6rem;
    float:right;
}
.zapis{ background: #CC2E33;}
/*toolbar*/
#toolbar svg{height:3rem;vertical-align: baseline;fill: currentColor;margin:0 2rem}
#toolbar h1{
    color: #111;margin:0px; font-size: 3.5rem;padding: 0rem;  font-weight: normal;
    padding-left:0rem;

    text-align: center;
}


#toolbar{    background: #f6f6f6 !important;
    color: #202020 !important;
    line-height:13vw;
    vertical-align: middle;
    width: 100vw;
    overflow: hidden;
    box-sizing: border-box;
    box-shado1w: 0px 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 0px 2px 2px rgba(0, 0, 0, 0.098), 0px 0px 5px 1px rgba(0, 0, 0, 0.084);
    border-bottom: 1px solid #999;

}


#body{ width:100vw;overflow: hidden}
#work{min-height: 100vh; margin-left:-75vw;
    transition-property: margin-left;
    transition-duration: 0.2s;
    display: table;
    width:100vw;
}
#work.menu-show{margin-left:0vw;
    transition-property: margin-left;
    transition-duration: 0.25s;
}
.menu-show #menu .height_block{height:auto}
#menu .height_block{
    height:100vh;
    overflow: hidden;
}

.menu-show #menu_hide{display: block}
#menu_hide{
    display:none;
    position:fixed;
    width: 75vw;
    height: 100vh;
    content: "";
    z-index: 1000;
    background: rgba(0,0,0,0.7);
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.4) 0%, transparent 100%)
}
#work.menu-show #content_work {
    /*opacity: 0.2;
    -webkit-filter: grayscale(100%);
    transition-property: opacity,  -webkit-filter;

    transition-property: background,  -webkit-filter;
    -webkit-filter: brightness(20%);
    background: #000;
    transition-duration: 0.5s;  */
}



#content_work{width:100vw;display: table-cell;vertical-align: top;
    /*opacity: 1;
    -webkit-filter: grayscale(0%);
    transition-property: opacity,  -webkit-filter;

    transition-property: background,  -webkit-filter;
    -webkit-filter: brightness(100%);
    background: #FFF;
    transition-duration: 0.5s;  */
}
.td[name=summa]{text-align:right !important;}
#content{min-height: 89vh;overflow: hidden;width:100vw;padding: 1rem 1vw;box-sizing: border-box;font-size: 3rem;}

.loader {background: URL('../images/loader.gif') center center no-repeat;    background-size: 15%;}
.loader .table{opacity:0;
    transition-property: opacity;
    transition-duration: 0.4s;
}

.table{opacity:1;
    transition-property: opacity;
    transition-duration: 0.5s;
}

/*�������*/
.table{display: table;width:100%;margin-bottom: 0rem;table-layout: fixed;min-height: 68vh;   box-shadow: 0 0 1rem rgba(0,0,0,0.7);

}

.empty_table{min-height: 60vh;display: table;width:100%}
.empty_table .td{display: table-cell;vertical-align: middle;text-align: center}

#table_0_visit{box-shadow:none}

.table .tr{display: table-row;background: #FFFFFF;}
.table .tr.act{background: #EEAF4B !important;color:#fff;}


.visiblebox{position: absolute;background: #EEBD4B;font-weight: bold;opacity: 1 !important;z-index: 99;border-color: #fff !important;
    white-space: normal !important;}
.visiblebox:first-child{position: inherit;background: transparent ;border-color:transparent !important;font-weight: normal}


.table .td{text-align: left;display: table-cell;font-size: 2rem;padding:1.5rem 1rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border:1px solid transparent;vertical-align: middle;}
.table .th{display: table-header-group;}

.table .tbody{display: table-row-group;}

/*.td:first-child{width:3rem;}*/
.e .td:first-child a{display: none}
.table .th .td{background: #0d77b6;color: #afdefa;}
.table .tr:nth-child(odd){background: #F2F2F2;}
.table .tf{display:table-footer-group}

.table .l1{padding-left:2rem !important;}
.table .l2{padding-left:3rem !important;}

h2{ margin:1rem 0px;padding: 0px;   color: #333;font-weight: normal;font-size: 3rem;text-align: center}

/*������*/
.aedit{display: block;height: 3rem; width: 3rem;}
.aedit svg {fill: currentColor;    vertical-align: bottom;}

.cdate .td{background:#afdefa;font-weight: bold;padding:0.5rem 1rem}
.abb{border-bottom: 2px dashed #333;}


.buton{background: #0d77b6;
    border: none;
    box-sizing: border-box;
    color: #fff;
    padding: 2.3rem;
    display: block;
    cursor: pointer;

    font-size: 3rem;
    text-align: center;

}
.green{background: #8ECB60 !important;}
.green:active{background: #78A953 !important;}


.red{background: #F95F39 !important;}
.red:active{background: #EF7E63 !important;}

.gray{background: #A0A0A0 !important;color:#FFF}
.gray:active{background: #AAAAAA !important;}



.addbutton{overflow: hidden}


.ch a:before{

    font-size:2rem;margin-right:1rem;
    visibility: hidden;
}
.ch a.act:before{visibility: visible}

.ch a[type=prepod]{
    background: #4BC9DF;
    color: #fff;
    border:1px solid #4BC9DF;
}
.ch a[admin]{
    background: #479ADF;
}
.ch .zapis[type=prepod]{

    opacity: 0.5;
}
.ch .zapis[type=prepod]:before{
    color: #fff;
}



.ch a{background: #64B8DF;
    border:1px solid #64B8DF !important;
    border: none;
    color: #fff;
    padding: 2rem 0.5rem;
    display: block;
    cursor: pointer;
    border-radius: 1rem;
    font-size: 2.5rem;
    text-align: center;
    margin-bottom:1rem;
    box-sizing: border-box;
}
.addbutton a{border:1px solid #BBB; color:#bbb;background: #fff;}
.addbutton .act{background: #33AB4D !important;color:#fff;border:1px solid #33AB4D !important}

.addbutton .freez{border:1px solid #87BFFF; color:#fff;background: #87BFFF;}
.addbutton .freez:before{content: "(отмена)";color:#fff; }



.nowbutton .no_visit,.addbutton .no_visit{background: #FF0389 !important;color:#fff !important; border:1px solid #FF0389 !important;}
.nowbutton .zapis{border:1px solid #BBB; color:#bbb;background: #fff;}

.nowbutton .freez{border:1px solid #87BFFF; color:#fff;background: #87BFFF;}
.nowbutton .freez:before{content: "(отмена)";color:#fff; }

.addbutton .nothing, .nowbutton .nothing{border:1px solid #F159FF !important; color:#fff;background: #F159FF !important;}
.addbutton .nothing:before,.nowbutton .nothing:before{content: "(не придет)";color:#fff;visibility: inherit }
.addbutton .act:before{content: "(на занятии)";}


.nowbutton .zapis:before{content: "(запись)";color:#bbb; }
.addbutton .zapis:before{content: "(запись)";visibility: visible; }





.nowbutton a:before{content: "(на занятии)";font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size:2rem;margin-right:1rem;
    visibility: visible;color:#fff;
}

.nowbutton,.addbutton { margin-bottom:2rem;overflow: hidden;clear: both}
.nowbutton .act{background: #F95F39 !important;border:1px solid #F95F39 !important}






.ok:before{margin-right:1rem;}

.ok{opacity:0;

    display: none;
    width:26vw;line-height:10rem;background:#fff;position: fixed;z-index:100;top:1rem;right:1rem;border:1px solid #333;color:#333;font-size: 4rem;border-radius: 1rem;text-align: center}
.ok:active{background: #78A953 !important;color:#fff}

.ok svg {fill: currentColor;    vertical-align: baseline;height:3rem}
.for_ok .ok{
    display: block;
    opacity: 1;
    margin-left:1vw;
    transition-property: opacity,margin-left;
    transition-duration: 0.5s;
}


.for_ok .menu-show .ok{
}

.edit{

    display: none;
    position: absolute;
    top:0;
    left:0;
    min-height: 100vh;
    width:100vw;
    padding:2rem 2vw;
    box-sizing: border-box;
    overflow: hidden;
    background: rgba(0,0,0,0.65);
    z-index: 200;
}

.edit .del{  color: #FFFFFF;
    position: absolute;
    right: 5vw;
    font-size: 3.5rem;
    top: 3.1rem;
}

.edit .form{
    width:96vw;
    box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 0px 4px 4px rgba(0, 0, 0, 0.098), 0px 0px 10px 2px rgba(0, 0, 0, 0.084);
    background: #FFF;
    min-height:96vh;
}
.edit h3{
    color: #afdefa;
    font-size: 4rem;
    padding: 1rem;

    overflow: hidden;
    margin: 0;
    box-sizing: border-box;
    text-align: center;
    font-weight: 300;
    background: #0d77b6;
}
.content_form{min-height:78vh;    overflow: hidden;}
.button_form{overflow: hidden}
.button_form .green{float:left; }
.button_form .red{float:right;}
.button_form .gray{float:right;}
.button_form .red svg{ fill: currentColor;    vertical-align: sub;height:3rem}
.button_form .button{width:43vw;height:8rem;color:#fff;font-size:3rem;margin:1rem 2vw;text-align: center;line-height:8rem }
.button_form .green svg {fill: currentColor;    vertical-align: baseline;height:3rem}

.toast a{ color:#fff;background: rgba(0,0,0,0.75);padding:1rem 2rem; border-radius: 1rem;font-weight: 100;}


.toast{position:fixed;bottom:17vw;font-size:5vw;

    text-align: center;

    width:100vw;
    z-index: 10000;
;
}
.ci{
    margin-bottom: 0rem;
    margin-top: 3rem;
    padding: 1rem;
    padding-top: 0.5rem;
    overflow: hidden;
}
.ci select{
    font-size: 3rem;
    margin:0.5rem 1.5rem;
    margin-top:1.5rem;
    padding:0.5rem;
    color: #333;
    background: transparent;
    width: 89vw;
    box-sizing: border-box;
    border:0;
    border:1px solid rgba(0,0,0,0.54);
    outline: none;
    z-index: 2;
    position: relative;
}
.ci input[type=checkbox] {
    height: 8vw;
    width: 8vw;
    float: right;
}
.cidays{display: table;}
.cidays div{display: table-cell;font-size:2em;text-align: center}


.ci input {
    font-size: 3rem;
    margin:0 1.5rem;
    padding:1.5rem;
    color: #333;
    background: transparent;
    width: 89vw;
    box-sizing: border-box;
    border:0;
    border-bottom:0.2rem dashed rgba(0,0,0,0.54);
    outline: none;
    z-index: 2;
    position: relative;
}
input[disabled] {
    opacity: 0.5; /* Полупрозрачность */
}
.ci.noempty .label,.ci.focus .label{
    font-size:2rem;
    margin-top:-2rem;
    transition-property: color,font-size,margin-top;
    transition-duration: 0.3s;
}
.ci.focus .label{color:rgb(16,108,200) !important;}
.ci.noempty .label{color:rgba(0,0,0,0.54);}
.ci.focus input {border-bottom:0.2rem solid rgb(16,108,200);}
.ci .label{
    color:rgba(0,0,0,0.54);position: absolute;
    margin-top:1rem;
    font-size:3rem;
    margin-left: 1.5rem;
    transition-property: color,font-size,margin-top;
    transition-duration: 0.3s;
    z-index: 1;
}


.ListObject{
    position:absolute;
    z-index: 300;
    top:0;
    left:0;
    min-height: 100vh;
    width:100vw;
    padding:2rem 2vw;
    box-sizing: border-box;
    background: #fff;
}
.ListObject a{display: block;padding:2rem;font-size:4rem;border-top:1px solid #ddd}
.ListObject a:nth-child(odd){background: #f9f9f9}
.ListObject a:first-child{border-top:none}

.ListObject input.full{ width: 96vw;}

.ListObject input{ font-size: 3rem;
    padding: 1.5rem;
    color: #333;
    width: 74vw;

    box-sizing: border-box;
    float: left;
}
.ListObject #els{clear: both;}
.ListObject .close{width: 18vw;font-size: 3rem;
    padding: 1.5rem;
    text-align: center;
    color: #FFF;
    float: right;
    background: #F95F39;
    margin-bottom:1.5rem;
    box-sizing: border-box;
    margin-left:2rem;
}
.ListObject .addnew{
    width: 18vw;font-size: 3rem;
    padding: 1.5rem;
    text-align: center;
    color: #FFF;
    float: right;
    background: #33AB4D;
    margin-bottom:1.5rem;
    box-sizing: border-box;
    margin-left:2rem;
}
.ListObject .none{font-size: 3rem;
    padding: 1.5rem;
    text-align: center;
    color: #FFF;
    display: block;
    background: #F95F39;
}


.pagination {overflow: hidden; }
.pagination .page{height: 10rem; box-sizing: border-box;width:1000vw;margin-left:0vw}
.pagination .pages{
    overflow: hidden;width:78vw;float: left;padding: 0 ;}

.pagination a{font-size: 3rem;padding:3rem 0;text-align:center ;box-sizing: border-box;
    height: 9.99rem;


    border:1px solid #D1D1D3;
    float: left;
    background:  -webkit-linear-gradient(top, rgba(0,0,0,0.14) -10%, #f6f6f6 15%);
    background: -moz-linear-gradient(top, #4FC7F5 0%, #4FC8F3 50%,#05A2D9 100%);
    background: -o-linear-gradient(top, #4FC7F5 0%, #4FC8F3 50%,#05A2D9 100%);
    background: -ms-linear-gradient(top, #4FC7F5 0%, #4FC8F3 50%,#05A2D9 100%);
    background: linear-gradient(top, #4FC7F5 0%, #4FC8F3 50%,#05A2D9 100%);
}
.pagination a b{font-weight: normal;vertical-align: middle;}
#pright, #pleft{width: 10vw;float: left;font-family: icon;    line-height: 8vw;}


.pagination .page a{min-width:15.6vw}
.pagination .act{background: #fff;padding:0;border:0px solid #fff;}
.pagination .act b{c1olor:#666;box-shadow: 0px 0px 2rem rgba(0, 0, 0, 0.14);padding:2.7rem 0; display: block;
    border-left: 1px solid #d1d1d3;
    border-right: 1px solid #d1d1d3;
    border-bottom:1px solid #D1D1D3;
    font-weight: bold;
}
.pagination .na{color:#AAA;text-shadow: 2px 1px 1px #fff;;
}
.controls{overflow: hidden;    overflow: hidden;
    margin-top:1rem;

    width: 98vw;}
.controls .green:last-child{width:auto;float: none}
.controls .green{float:left;width:80vw}
.controls .find{float:right;width:16vw}

.list input:read-only{color:#333}
.list {color:#333}

.dateui{ position:fixed;
    z-index: 300;
    top:0;
    left:0vw;
    font-size: 3rem;
    height: 100vh;
    width:100vw;
    padding:2rem 2vw;
    box-sizing: border-box;
    background: #fff;}
.days{display: table;width:100%;height:65rem;margin-top:3rem;margin-bottom: 1rem;}
.days .tr{display: table-row;}
.days .tr .td{display: table-cell;text-align: center;vertical-align: middle;border:1px solid transparent;box-sizing: border-box;}
.days .tbody .td{border-radius: 1rem;cursor: pointer}
.days .tbody .td:active{background: #EEE}
.days .tr .td a{display: block}
.days .tbody{display: table-row-group}
.days .th{display: table-header-group}

.dateui .str{overflow: hidden;}
.dateui .str a{float:left;text-align: center;line-height: 8rem;width:15vw;border-radius: 1rem;cursor: pointer;box-sizing: border-box;border:1px solid transparent;}
.dateui .str .left,.dateui .str .right{border:1px solid #DDD !important;}
.dateui .str .right{float: right}
.dateui .str .label{width:66vw}

.dateui .other {color:#DDD}
.dateui .old {font-weight: bold;border:1px solid #B9D7FC !important;}
.dateui .current {border:1px solid red !important;}
.dateui .tbody .td:hover {border:1px solid #B9D7FC !important;color:#0066D5}
.dateui .button {border:1px solid #B9D7FC !important;color:#0066D5}

.visit .str{overflow: hidden;}
.visit .str a{float:left;text-align: center;line-height: 8rem;width:15vw;border-radius: 1rem;cursor: pointer;box-sizing: border-box;border:1px solid #CCC !important;}

.visit .str .right{float: right}
.visit .str .label{ width: 66vw;  margin-left: 1vw;}
.visit .group ,.chuser a{
    margin:auto;
    margin-top:0.85rem;
    margin-bottom:2.5rem;
    text-align: center;
    display: block;
    font-size: 3rem;
    line-height: 8rem;
    background: #FFC223;
    color:#fff;
    b1order:1rem solid #F6CD4A;
    c1olor:#fff;
    border-radius: 1rem;

    box-sizing: border-box;
}




.visit .group:active { background: #DDDDDD;}


.add{border:0.20rem solid rgba(51,171,77,0.6); color:#fff;border-radius: 5rem;width:9.5rem;height: 9.5rem;margin: 1rem auto;text-align: center;}
.add a{border:0.40rem solid #fff;width:9.5rem;height: 9.5rem;line-height: 8.5rem;border-radius: 4.75rem;display: block;box-sizing: border-box;background: #33AB4D;}

#info_user .action{margin-top:7rem}
#info_user .action a{background: #64B8DF;
    border: none;
    color: #fff;
    padding: 2rem 0.5rem;
    display: block;
    cursor: pointer;
    border-radius: 1rem;
    font-size: 3.5rem;
    text-align: center;
    margin-bottom:1rem;
    box-sizing: border-box;
}
#info_user{position: absolute;min-height: 100vh;min-width: 100vw;background: rgba(0,0,0,0.5);left:0;top:0;z-index: 199}
#info_user h1{font-size:6rem;text-align: center;margin:7rem 0}
#info_user h2{font-size:3rem;text-align: center}
#info_user .content{padding:2vh 2vw;min-height: 96vh;min-width: 96vw;background: #fff}
#info_user .close{  color: #FFF !important; background: #F95F39 !important;margin-top:2rem}
#table_0_report{
    min-height: auto;
    box-shadow:none;
}


#table_0_report h1{font-size:6rem;text-align: center;margin:7rem 0}

#table_0_report .action a{background: #64B8DF;
    border: none;
    color: #fff;
    padding: 4rem 0.5rem;
    display: block;
    cursor: pointer;
    border-radius: 1rem;
    font-size: 2.5rem;
    text-align: center;
    margin-bottom:1rem;
    box-sizing: border-box;
}

.msgbox{

    display: none;
    position: fixed;
    top:0;
    left:0;
    min-height: 100vh;
    width:100vw;
    padding:2rem 2vw;
    box-sizing: border-box;
    overflow: hidden;
    background: rgba(0,0,0,0.65);
    z-index: 200;
}

.msgbox .form{
    width:96vw;
    box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 0px 4px 4px rgba(0, 0, 0, 0.098), 0px 0px 10px 2px rgba(0, 0, 0, 0.084);
    background: #FFF;

}
.msgbox h3{
    color: #afdefa;
    font-size: 4rem;
    padding: 1rem;

    overflow: hidden;
    margin: 0;
    box-sizing: border-box;
    text-align: center;
    font-weight: 300;
    background: #0d77b6;
}
.msgbox p{ font-size: 3rem;padding: 2rem;}
.fromto{margin-bottom:2vw;overflow: hidden;padding: 1vw;}
.fromto a:first-child{margin-left:0vw}
.fromto a {
    margin-left:2vw;
    float: left;
    background: #FFC223;
    color:#fff;
    text-align: center;
    line-height: 8rem;
    width: 47vw;
    font-size: 2.5rem;
    border-radius: 1rem;
    cursor: pointer;
    box-sizing: border-box;
    border: 2px solid #E8A90B !important;
    box-shadow: 0 0 1rem rgba(0,0,0,0.7)
}


.fromto .from:before{content: "c "}
.fromto .to:before{content: "по "}

#table_0_report .td{white-space: normal;}
.td[name=summa]{white-space: normal !important;}

.tdate {display: table-row-group}
.tdate .tr:nth-child(even){background: #F2F2F2;}
.tdate .tr:nth-child(odd){background: #ffffff;}

.itog .td[name=summa]{font-weight: bold}
.itog {display: table-row-group}
.itog .tr:nth-child(even){background: #F2F2F2}
.itog .tr:nth-child(odd){background: #F2F2F2}
.itog .tr:first-child{
    background:  -webkit-linear-gradient(top, rgba(0,0,0,0.14) -10%, #F2F2F2 15%);
}
.for_user_list{border-bottom: 2px dashed #333;float: right;cursor:pointer}
.users_list {overflow: hidden;display: none;clear: both;margin-top:1rem}
.users_list a{display: block;text-align: left}

.login{width:80%;margin:auto;text-align: center;color:#333;overflow: hidden;}

.login input,.login select{box-sizing: border-box;width:100%;display: block;border-radius: 0rem;border:1px solid #EEE;text-align: center}
.login select,.login input[type=password],.login input[type=text]{font-size:4rem;margin:2rem 0;box-shadow: 0.3rem 0.3rem 1rem rgba(0,0,0,0.3);padding:0.5rem}
.login p{font-size: 4em}
.login p a{color:#05A2D9}




.login input[type=submit]{font-size:3rem;margin:2rem 0}
.login  h1{font-size:4rem;margin-top:10%;}
.login  .error{color:#CC2E33}

.msgbox input, .msgbox select{width:100%;display: block;border-radius: 0rem;
    font-size:4rem;margin:2rem 0;padding:0.5rem}



.help{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    z-index: 999;
    top:0;left:0;
}
.help .msg{
    color:#fff;
    background-color:#05A2D9;
    border-radius: 1rem;
    padding:2rem;
    font-size: 3rem;
    text-align: center;
    width:75%;
    margin:auto;
    margin-top:10%;
}
.close{padding:1rem;border:1px solid #fff;}

.empty_text{font-size: 4rem;
    text-align: center}
.empty_text .close{float: none;margin: 3rem auto}

.content_message .buton{font-size: 2rem;padding: 1rem;}
.content_message{
    font-size: 2rem;
    padding:0 2rem;
    overflow: hidden;
    border:1px solid #258ecd;
    background:#47a3da;
    color:#FFF;
}

.rtr{overflow: hidden}
.raspisanie {border-collapse: collapse;font-size: 1.1rem;width:48%;background:#FFF;table-layout: fixed;
    box-shadow: 0rem 0rem 1rem rgba(0,0,0,0.1);
    margin:1%;
    table-layout: auto;
    float:left;
}
.raspisanie input{display: block;padding: 0px;width:100%;
    border:1px solid #A5A5A5;
    background: linear-gradient(to top, #F6F6F6, #DEDEDE);
    border-radius: 2px;
    outline: none;
    height: 100%;
}
.raspisanie input:hover{
    border-color:#7B7B7B;
    background: linear-gradient(to top, #F6F6F6, #DEDEDE);
}
.raspisanie td{
    vertical-align: top;
    padding:1rem 0.5rem;
    border:1px solid #DADADA;
}
.raspisanie th{background:#F3F3F3;border:1px solid #DADADA;padding:0.5rem 1rem;font-size: 1.2rem}
.raspisanie th span{float:right}
.raspisanie th span:before {content: "\e006";font-family: icon;margin-right:0.5rem}

.raspisanie td:hover{background:#F3F3F3}
.raspisanie .br{border-left:2px solid #DADADA}
.raspisanie .today{background:#F0F0F0}
.raspisanie .act{background:#FFB3D9}
.raspisanie .blue_act{background:#96DCFA !important;}
#for_zapis {}
#for_zapis h1{font-size: 3em;text-align: center}
#for_zapis h1 a{font-size: 1em;font-weight: normal;display: block;text-decoration: underline;color:#47a3da;}
#for_zapis h2{font-size: 2em;text-align: center}
#for_zapis .str{margin:0 1%}
#for_zapis .table{box-shadow: none}
#for_zapis .disabled{background: #F3F3F3}
.str a{font-size: 2rem;background:#FFF}
.ListObject .addnew{
    width: 18vw;font-size: 3rem;
    padding: 1.5rem;
    text-align: center;
    color: #FFF;
    float: right;
    background: #33AB4D;
    margin-bottom:1.5rem;
    box-sizing: border-box;
    margin-left:2rem;
}
#for_zapis .user{padding:2% 1%;overflow: hidden}
#for_zapis .user h1{text-align: left;float: left;margin: 0;}
#for_zapis .abons li{}
#for_zapis .abons{list-style: none;font-size:2rem;line-height: 4rem;overflow: hidden;margin: 0;font-weight: normal;float: left}
#for_zapis .abons li:before {content: "\e004";font-family: icon;padding-right:1rem;font-size:3rem; line-height: 4rem; }
#for_zapis .podsvet  {background:#FFCEEE !important;}

.g-recaptcha div{margin: auto;}