html {
    height:100%;
}

body {
    font-family: -apple-system,BlinkMacSystemFont,Roboto,Open Sans,Helvetica Neue,sans-serif;
    font-size: 12px;
    min-height:100%;
    height:100%;
    margin:0;
    padding:0;
}

div.page, div.page2 {
    min-width:980px;
    width:100%;
    margin: 0px;
    padding: 0px;
}

.bold1 {
    font-weight: bold;
    color: #000;
}

.grey1 {
    color: #333;
    font-weight: normal;
}

.grey2 {
    color: #aaa;
    font-weight: normal;
}

div.page {
    height: auto !important;
    min-height:100%;
}

div.page2 {
    text-align: center;
    min-height:100%;
    height: 100%;
    background: rgba(155,155,155,.90);
}

div.page div.footer_guarantor {
    height: 22px;
    clear: both;
}

.page:after, .page2:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: "";
}

div.top1, div.top2, div.maintext {
    width:100%;
    clear: both;
    margin: 0px;
    padding: 0px;
    z-index: 2;
}

.maintext2 {
    margin: 0px 20px 10px 20px;
    display: block;
    font-size: 16px;
}

div.top1 {
    height: 60px;
    text-align: right;
}

div.top2 {
    height: 68px;
    background-color: #d25252;
}

div.top_c {
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    min-width: 980px;
    max-width: 1200px;
    clear: both;
    padding: 0px;
    z-index: 3;
}

.top1_l {
    margin-top: 0px;
    margin-left: 38px;
    display: block;
    position: absolute;
}

.a_logo, .a_group, .a_user, .a_elem, .a_elem2, .menu_c  {
    text-decoration: none;
}

.a_logo {
    font-size: 30px;
    line-height: 58px;
    font-weight: bold;
    vertical-align: middle;
}

.a_logo {
    color: #c74949;
}

.s_user {
    border-bottom: 1px dotted #000000;
}

.a_group {
    font-size: 16px;
    color: #c74949;
    border-bottom: 1px dotted #633173;
    font-weight: bold;
}

.a_user {
    color: #333333;
    display: inline-block;
    line-height: 51px;
}

.user_menu {
    display: block;
    position: relative;
    width: inherit;
    top: -1px;
}

.menu_c {
    display: inline-block;
    position: relative;
    padding: 23px 40px 0px 40px;
    margin: 0px;
    height: 45px;
    line-height: 21px;
    font-size: 21px;
    font-weight: normal;
    color: #fff;
    vertical-align: middle;
}

.menu_c:hover {
    background-color: #dc5959;
}

.menu_elem {
    background-color: #fff;
    border: 1px solid #888888;
    display: inline-block;
    padding-top: 4px;
    padding-bottom: 4px;
    margin: 0px;
    box-shadow: 0 0 5px 0px rgba(50, 50, 50, 1);
    border-radius: 5px;
}

.s_elem, .s_elem2 {
    padding-left: 0px;
    padding-right: 0px;
    display: inline-block;
    width: 100%;
}

.s_elem {
    border-bottom: 1px dotted #aaaaaa;
}

.a_elem {
    padding: 3px 0px 5px 0px;
    line-height: 27px;
    color: #333333;
    display: inline-block;
    text-align: left;
    overflow: visible;
    width: 100%;
}

.a_s {
    padding: 0px 20px 0px 20px;
}

.s_elem:hover, .a_elem:hover {
    background-color: #f4f4f4;
    color: #000000;
}

.top1_r {
    width: inherit;
    display: block;
    position: relative;
    text-align: right;
    padding-top: 4px;
    margin-top: 0px;
    margin-left: 250px;
    margin-right: 20px;
    font-size: 14px;
}

.user_foto, .user_foto2, .f1 {
    vertical-align: middle;
    display: inline-block;
    padding: 0px;
    border-radius: 50px; /* Радиус скругления */
    border: 1px solid #aaaaaa; /* Параметры рамки */    
}

.user_foto {
    margin: 0px 7px 0px 30px;
}

.user_foto2 {
    margin: 0px 10px 0px 0px;
}

div.d_footer {
    margin-top: -29px;
    height:22px;
    min-width:980px;
    width:100%;
    color: #ffffff;
    text-align: left;
    clear: both;
    background-color: #d25252;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    padding-top: 7px;
    padding-bottom: 0px;
    position: relative;
    z-index: 3;
}

.footer {
    display: inline-block;
    padding-left: 20px;
}

.center_block {
    display: inline-block;
    width: 656px;
    border: 1px solid #fff;
    vertical-align: middle;
    background-color: #fff;
    box-shadow: 0 0 10px 1px rgba(30, 30, 30, 1);
}

.top_center_block {
    background-color: #d25252;
    color: #fff;
    font-size: 20px;
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 12px;
    padding-left: 20px;
    text-align: left;
}

.group_list {
    display: block;
    font-size: 14px;
    text-decoration: none;
    padding-top: 12px;
    padding-bottom: 14px;
    background-color: #ddd;
    margin: 0px;
    border-top: 1px solid #fff;
    color: #000;
}

.group_list:hover {
    background-color: #ccc;
}

.text_center_block {
    font-size: 14px;
    line-height: 22px;
    padding: 20px;
}

.text_center_block2 {
    font-size: 12px;
    padding-top: 8px;
    padding-bottom: 10px;
}

.text_center_block3 {
    font-size: 16px;
    text-align: left;
    line-height: 34px;
    padding: 20px 40px 20px 40px;
}

.text_center_block4 {
    font-size: 14px;
    text-align: left;
    padding: 1px 0px 1px 0px;
}

.button1 {
    margin: 3px;
}

.button2 {
    line-height: 24px;
    border-radius: 5px;
    margin: 10px 5px 10px 5px;
}

.button4 {
    margin: 10px 0px 10px 0px;
    border-radius: 5px;
}

.button3 {
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 5px;
    border-radius: 5px;
}

.button1, .button2, .button3, .button4, .button6 {
    cursor: pointer;
    font-family: -apple-system,BlinkMacSystemFont,Roboto,Open Sans,Helvetica Neue,sans-serif;
    font-size: 16px;
    text-decoration: none;
    color: #000;
    background-color: #eeeeee;
    display: inline-block;
    border: 1px solid #999999;
}

.button1, .button2, .button3, .button4 {
    padding: 14px 20px 16px 20px;
}

.button6 {
    margin: 0px;
    vertical-align: top;
    padding: 8px 15px 10px 15px;
    border-radius: 5px;
}

.tab1, .tab2 {
    display: inline-block;
    padding: 10px 15px 12px 15px;
    margin-left: 2px;
    text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-family: -apple-system,BlinkMacSystemFont,Roboto,Open Sans,Helvetica Neue,sans-serif;
    font-size: 16px;
    text-decoration: none;
    border-bottom: 0px;
}

.tab1 {
    cursor: default;
}

.tab1, .tab2:hover {
    border-top: 1px solid #a22e2e;
    border-left: 1px solid #a22e2e;
    border-right: 1px solid #a22e2e;
    background-color: #d25252;
    color: #fff;
}

.tab2 {
    border-top: 1px solid #777777;
    border-left: 1px solid #777777;
    border-right: 1px solid #777777;
    background-color: #fff;
    color: #000;
    cursor: pointer;
}

.left1 {
    padding-left: 15px;
    margin: 0px;
}

.button1:hover, .button2:hover, .button3:hover, .button4:hover, .submit_button:hover, .button6:hover {
    border: 1px solid #a22e2e;
    background-color: #d25252;
    color: #fff;
}

.line4:hover {
    background-color: #dddddd;
}

.page_t, h2 {
    margin: 0px;
    padding-left: 15px;
    padding-bottom: 0px;
    font-weight: normal;
}

.page_t {
    font-size: 26px;
}

.page_t3 {
    font-size: 20px;
    display: block;
    margin-bottom: 15px;
}

.page_t4 {
    font-size: 16px;
    display: inline-block;
    line-height: 30px;
}

.l1 {
    margin-left: 35px;
}

.t1 {
    margin-top: 7px;
}

.t2 {
    font-size: 14px;
    width: 100%;
    border: 0px;
    margin-bottom: 20px;
}

.t3 {
    font-size: 14px;
    width: 500px;
    border: 0px;
    margin-bottom: 20px;
}


.page_t2 {
    font-size: 18px;
    display: block;
    float: left;
    line-height: 30px;
    padding: 3px 5px 5px 10px;
    margin: 0px 5px 10px 5px;
    border-left: 1px dotted #aaaaaa;
    width: 90%;
}

.page_t {
    padding-top: 15px;
    line-height: 40px;
    vertical-align: top;
    display: inline-block;
}

h2 {
    padding-top: 0px;
    font-size: 18px;
}

.table1, .table2 {
    margin-bottom: 15px;
    border: 0px;
    border-spacing: 0px;
    font-size: 14px;
}

.table1 {
    width: 100%;
}

.table2 {
    width: 700px;
}

.td1, .td2, .td_top1, .td_top2, .td3, .td6, .dgrey {
    margin: 0px;
    height: 50px;
    vertical-align: middle;
}

.td1, .td2, .td_top1, .td_top2, .td3, .dgrey {
    padding: 5px;
}

.td6 {
    padding: 0px;
}

.td4 {
    padding: 0px 5px 5px 0px;
    margin: 0px;
    height: 50px;
    vertical-align: middle;
}

.c2, .c4 {
    text-align: center;
}

.c4 {
    padding: 0px;
    margin: 5px 0px 0px 0px;
    display: block;
}

.td1, .td2, .td3, .td4, .td6 {
    border-right: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa; 
    white-space: pre-line;
}

.td1, .td3 {
    border-left: 1px solid #aaaaaa;
}

.td_top1 {
    border-right: 1px solid #808080;
}

.td_top1, .td_top2, .dgrey {
    background-color: #666666;
    color: #FFFFFF;
}

.desc {
    line-height: 20px;
    padding-top: 15px;
    padding-bottom: 5px;
    padding-left: 15px;
    display: block;
}

.tr1blue {
    background-color: #ffffff;
}

.tr1blue:hover {
    background-color: #ffffff;
}

.tr1grey {
    background-color: #ffffff;
}

.tr1grey:hover {
    background-color: #ffffff;
}

.tr2 {
    display: none;
    width: 100%;
}

.img1 {
    vertical-align: middle;
    display: inline-block;
    padding: 0px;
    margin: 0px;
}

.n_purchase {
    display: inline-block;
    width: 100%;
    height: inherit;
    vertical-align: middle;
    margin: 0px;
    padding: 0px;
    color: #000000;
}

.n_purchase:hover {
    
}

.ns_purchase {
    margin-top: 14px;
    margin-left: 0px;
    line-height: 20px;
    padding-bottom: 1px;
    display: inline-block;
    border-bottom: 0px dotted #875099;
}

.n_purchase:hover .ns_purchase {
    border-bottom: 0px dotted #000000;
}

.left_side, .right_side {
    display: inline-block;
    float: left;
}

.left_side {
    width: 45%;
}

.right_side {
    width: 55%;
    background-color: #654321;
}

.master_text {
    line-height: 26px;
    font-size: 16px;
    display: block;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
}

.text1 {
    margin-bottom: 10px;
    display: inline-block;
}

.step1, .step2 {
    margin-top: 5px;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    padding-top: 11px;
    padding-bottom: 0px;
    display: inline-block;
    width: 50px;
    height: 39px;
    border-radius: 50px;
    color: #FFFFFF;
    text-decoration: none;
}

.step2 {
    border: 1px solid #aaaaaa;
    background-color: #cccccc;
}

.step1 {
    border: 1px solid #a22e2e;
    background-color: #d25252;
}

.line1, .line2 {
    margin-bottom: 10px;
    margin-top: 5px;
    width: 120px;
    height: 4px;
    display: inline-block;
    vertical-align: middle;
}

.line1 {
    background-color: #d25252;
}

.line2 {
    background-color: #cccccc;
}

.list1, .list2 {
    font-size: 16px;
    line-height: 30px;
    padding-top: 5px;
    vertical-align: middle;
}

.list4 {
    font-size: 18px;
    padding-top: 7px;
    padding-bottom: 10px;
    display: block;
}

.list5 {
    font-size: 16px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 10px 10px 12px 10px;
    border: 1px solid #aaaaaa;
    border-radius: 5px;
}

.d_list {
    background-color: #999999;
    border: 1px solid #777777;
    color: #fff;
    padding: 2px 8px 4px 8px;
    margin-left: 5px;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
}

.list1 {
    display: block;
    margin-left: 40px;
}

.list1 .list1 {
    display: none;
}

.list2 {
    border-bottom: 1px dotted #5e2272;
    text-decoration: none;
    font-weight: bold;
}

.span3 {
    text-decoration: none;
    font-weight: normal;
    border: 0px;
}

.list2:hover, .span4:hover {
    color: #5e2272;
    cursor: pointer;
    border-bottom: 0px dotted #5e2272;
}

.list3 {
    margin-left: 15px;
    display: block;
}

.only_enable {
    vertical-align: middle;
    display: block;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 12px;
    margin-right: 0px;
    margin-left: 0px;
    background-color: #dddddd;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 17px;
    border-radius: 5px;
}

.check0, .check1 {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-bottom: 6px;
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
}

.check0 {
    color: #888888;	
}

.info1, .info2 {
    background-color: green;
    margin: 10px 10px 10px 10px;
    padding: 10px 10px 10px 10px;
    display: inline-block;
    color: #fff;
    border-radius: 5px;
}

.info1 {background-color: green;}
.info2 {background-color: red;}

.title5 {
    font-weight: bolder;
    display: block;
    padding: 15px 10px 5px 0px; 
    font-size: 18px;
}

.title6, .title7 {
    display: block;
    padding: 5px 10px 15px 0px; 
    vertical-align: top;
}

.title6 {
    font-size: 16px;
}

.title7 {
    font-size: 12px;
}

.title8 {
    font-size: 14px;
}

.input1, .input3, .input5, .input6, .input8 {
    height: 30px;
    font-size: 18px;
}

.input1, .input3, .input4, .input5, .input6, .input7, .input8 {
    display: inline-block;
    border: 2px solid #cccccc;
    border-radius: 7px;
    font-weight: 100;
    padding: 8px 15px 8px 15px;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #222222;
}

.input1 {
    width: 98%;
}

.input3 {
    width: 70px;
    text-align: center;
}

.input5 {
    width: 170px;
}

.input6 {
    width: 300px;
}

.input8, .area8 {
    width: 830px;
}

.area9 {
    width: 440px;
}

.area8, .area9 {
    padding: 8px 15px 8px 15px;
    border: 2px solid #cccccc;
    height: 70px;
    font-size: 18px;
}

.input7 {
    height: 30px;
    font-size: 16px;
    width: 300px;
    text-align: center;
}

.input2 {
    display: block;
    padding: 0px 10px 10px 0px;
    line-height: 40px;
    font-size: 18px;
}

.input4 {
    height: 22px;
    font-size: 14px;
    width: 50px;
}

.p_params {
    display: block;
    margin: 15px 15px 15px 15px;
}

.time_s {
    display: block;
    font-size: 26px;
    height: 26px;
    margin: 0px 0px 20px 0px;
}

.calendar_t, .clock_t {
    float: left;
    display: block;
}

.calendar_t {
    margin: 5px 0px 10px 0px;
}

.clock_t {
    margin: 5px 10px 10px 30px;
    background-color: #eeeeee;
    border-radius: 10px;
}

.calendar_t th, .calendar_t td, .clock_t th, .clock_t td {
    text-align: center;
    margin: 0px;
    padding: 0px;
    font-weight: normal;
    font-size: 15px;
}

.calendar_t th, .calendar_t td {
    width: 40px;
}

.clock_t th, .clock_t td {
    width: 36px;
}

.clock_t td {
    border-radius: 18px;
    height: 36px;
    background-color: #cccccc;
    cursor: pointer;
}

.calendar_t td {
    height: 40px;
    background-color: #dddddd;  
}

.calendar_t th {
    color: #000000;
    height: 25px;
    line-height: 25px;
}

.clock_t th {
    font-weight: bold;
    color: #000000;
    height: 25px;
    line-height: 25px;
}

.left_t, .right_t, .center_t {
    height: 40px;
    line-height: 40px;
    display: inline-block;
    color: #FFFFFF;
}

.left_t, .right_t {
    width: 14%;
    background-color: #d25656;
    cursor: pointer;
}

.left_t {
    border-radius: 10px 0px 0px 10px;
}

.right_t {
    border-radius: 0px 10px 10px 0px;
}

.center_t {
    width: 72%;
    line-height: 40px;
    display: inline-block;
    background-color: #d25252;
}

.stop_date {
    margin-left: 30px;
    display: none;
}

.stop_date_v {
    margin-left: 30px;
    display: block;
}

.add_t {
    display: none;
}

.g_del {
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 0px;
    border-right: 1px dotted #aaaaaa;
    height: 40px;
}

.w200 {
    width: 200px;
}

.c1 {
    cursor: pointer;
}

.light1 {
    background-color: #fdffbe;
}

.xls1 {
    display: block;
    font-size: 18px;
}

.pspan {
    width: 300px;
}

.pspan_2 {
    width: 350px;
}

.pspan, .pspan_2 {
    border: 2px solid #999999;
    top: 0px;
    display: block;
    position: absolute;
    box-shadow: 0 0 5px 0px rgba(50, 50, 50, 1);
    border-radius: 5px;
}
.pspan1, .pspan3 {
    border-bottom: 1px solid #aaaaaa;
}

.pspan1, .pspan2 {
    width: 278px;
}

.pspan3, .pspan4 {
    width: 328px;
}

.pspan1, .pspan2, .pspan3, .pspan4 {
    text-align: left;
    padding-left: 20px;
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    font-size: 14px;
    line-height: 50px;
    background-color: #EEEEEE;
    display: inline-block;
}

.d2 {
    line-height: 22px;
    font-size: 16px;
    vertical-align: top;
}

.not_viewed {
    font-weight: bold;
}

.input_field, .input_field4 {
    border: 0px;
    font-weight: inherit;
    font-size: inherit;
    font-family: inherit;
    margin: 0px;
}

.input_field {
    width: 50px;
}

.input_field4 {
    width: 80%;
}

.input_field2 {
    display: inline-block;
    width: 270px;
    border: 0px;
    border-radius: 5px;
    padding: 0px 10px 0px 10px;
    margin-left: 10px;
    text-align: left;
    font-size: 16px;
    height: 50px;
}

.input_field6, .input_field7, .input_field8 {
    display: inline-block;
    border: 1px solid #999;
    border-radius: 5px;
    padding: 0px 10px 0px 10px;
    text-align: left;
    font-size: 16px;
    height: 48px;
}

.input_field6 { width: 384px;margin: 0px 0px 0px 15px;}
.input_field7 { width: 451px;margin: 0px 0px 0px 0px; }
.input_field8 { width: 69px;margin: 0px 0px 0px 0px; }

.input_field3, .input_field5 {
    border: 1px solid #999;
    border-radius: 5px;
    font-size: 16px;
    height: 40px;
    margin-left: 15px 10px 10px 10px;
    line-height: 40px;
    vertical-align: top;
    display: inline-block;
    padding: 0px 10px 0px 10px;
}

.input_field3 {
    width: 400px;
}

.input_field5 {
    width: 50px;
}

.gray1 {
    color: #999;
}

.gray2 {
    color: #333;
}

.field_span, .field_span2, .field_span3 {
    display: block;
    position: absolute;
    background-color: #eeeeee;
    border: 1px solid #999999;
}

.field_span {
    width: 350px;
    height: 50px;
    padding: 10px;
}

.field_span3 {
    font-size: 14px;
    width: 350px;
    height: 250px;
    padding: 10px 20px 10px 20px;
    z-index: 1001;
}

.field_span2 {
    font-size: 14px;
    width: 736px;
    height: 185px;
    padding: 10px 20px 10px 20px;
    z-index: 1001;
}

.field_span4 {
    display: block;
    padding: 0px 20px 0px 20px;
    margin: 0px 0px 10px 0px;
    width: 676px;
    text-align: left;
    font-size: 16px;
}

.field_span5, .field_span6, .field_span7 {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    padding: 0px 10px 0px 0px;
}

.field_span5 {
    width: 160px;
}

.field_span6 {
    width: 90px;
}

.span_l, .span_r {
    display: block;
    float: left;
}

.span_l {
    width: 350px;
}

.span_r {
    width: 350px;
    margin-left: 30px;
}

.img_elem {
    display: inline-block;
    float:left;
    padding: 0px;
    margin: 0px;
    width: 50px;
    height: 50px;
    border-radius: 5px;
}

.div_list, .div_list2, .div_list3 {
    display: block;
    position: absolute;
    max-height: 250px;
    overflow: auto;
}

.div_list {
    width: 372px;
}

.div_list3 {
    width: 418px;
    left: 185px;
}

.div_list4 {
    padding: 0px;
    margin: 0px;
}

.div_list2 {
    width: 450px;
    border-bottom: 1px solid #999999;
    border-right: 1px solid #999999;
    border-top: 1px solid #999999;
}

.line3, .line4 {
    background-color: #eeeeee;
    text-align: left;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    font-size: 16px;
}

.line3 {
    min-height: 50px;
    display: block;
    padding: 10px;
    cursor: pointer;
}

.line4 {
    border-radius: 5px;
    min-height: 40px;
    display: inline-block;
    margin-left: 15px;
    margin-top: 10px;
    padding-left: 10px;
    padding-top: 2px;
    border-top: 1px solid #999999;
    margin-bottom: 15px;
    width: 300px;
    cursor: pointer;
    line-height: 30px;
}

.line5 {
    width: 100%;
    padding: 0px;
    margin-bottom: 15px;
    border-bottom: 3px solid #666;
    display: block;
}

.span5 {
    display: inline-block;
    line-height: 50px;
    vertical-align: top;
    padding-left: 10px;
}

.span6 {
    display: inline-block;
    height: 50px;
    vertical-align: top;
}

.area1 {
    display: block;
    height: 32px;
    width: 350px;
    resize: none;
    margin-bottom: 5px;
}

.area2 {
    margin-top: 7px;
    display: inline-block;
    resize: none;
    width: 90%;
    height: 120px;
}

.area3 {
    display: block;
    width: 100%;
    height: 400px;
    resize: none;
    border: 1px solid #dddddd;
}

.area4, .area4_2 {
    display: block;
    height: 215px;
    width: 348px;
    resize: none;
    margin-bottom: 5px;
    border: 0px;
    overflow: auto;
}

.area4 {
    height: 215px;
    width: 348px;
}

.area4_2 {
    height: 225px;
    width: 390px;
}

.area5 {
    resize: none;
    height: 300px;
}

.area6 {
    display: block;
    height: 80px;
    width: 50%;
    resize: none;
    margin-bottom: 5px;
}

.area7 {
    display: block;
    height: 50px;
    width: 100%;
    resize: none;
    margin: 0px 0px 0px -3px;
    border: 0px;
}

.lists1 {
    display: inline-block;
    padding: 0px 0px 0px 40px;
}

.submit_button {
    margin-top: 5px;
    border-radius: 5px;
    cursor: pointer;
    font-family: -apple-system,BlinkMacSystemFont,Roboto,Open Sans,Helvetica Neue,sans-serif;
    font-size: 14px;
    text-decoration: none;
    color: #000;
    background-color: #eeeeee;
    display: inline-block;
    border: 1px solid #999999;
    padding: 8px 12px 10px 12px;
}

.trash1, .order1, .clean1, .invisible1, .order2, .clean2, .invisible2, .setup1, .trash4, .copy1 {
    width: 40px;
    height: 40px;
    display: inline-block;
    float: left;
    margin-left: 5px;
    margin-top: 5px;
}

.trash5, .status1, .status2, .status3, .status4, .status5, .status6, .status7, .setup2, .excel1, .clean3, .invisible3, .invisible4, .gmessage, .message, .reply1, .update1, .order3, .find1, .discuss, .add_deliv, .add_order, .add_elem, .add_order2, .add_deliv2, .org_b, .count_b, .org_b2, .count_b2, .g_reserv, .g_reserv2 {
    width: 40px;
    height: 40px;
    display: inline-block;
    cursor: pointer;
}

.b_reserv, .b_reserv2 {
    width: 30px;
    height: 30px;
    display: inline-block;
    cursor: pointer;
    margin: 0px 2px 0px 2px;
    padding: 0px;
    vertical-align: bottom;
}

.back1 {
    margin: 0px 10px 0px 10px;
    width: 40px;
    height: 40px;
    display: inline-block;
    float: left;
}

.setup2, .excel1, .clean3, .invisible3, .invisible4, .gmessage, .message, .reply1, .update1, .order3, .discuss, .trash5, .add_order2, .add_deliv2, .org_b, .count_b, .org_b2, .count_b2, .g_reserv, .g_reserv2 {
    margin: 0px 0px 0px 10px;
    padding: 0px;
    
}

.trash2 {
    width: 40px;
    height: 40px;
    display: inline-block;
    margin-left: 10px;
}

.trash3 {
    width: 40px;
    height: 40px;
    display: inline-block;
    margin: 0px;
    cursor: pointer;
}

.trash1, .trash2, .trash3, .trash5 {
    background: url('/images/icons4.png') -3px -3px;
}

.trash1:hover, .trash2:hover, .trash3:hover, .trash5:hover {
    background: url('/images/icons4.png') -3px -49px;
}

.reply1 {
    background: url('/images/icons4.png') -49px -3px;
}

.reply1:hover {
    background: url('/images/icons4.png') -49px -49px;
}

.order1, .order3 {
    background: url('/images/icons4.png') -95px -3px;
}

.order2, .status2, .order3:hover, .order1:hover {
    background: url('/images/icons4.png') -95px -49px;
}

.clean1 {
    background: url('/images/icons4.png') -141px -3px;
}

.clean2, .clean1:hover {
    background: url('/images/icons4.png') -141px -49px;
}

.invisible1, .invisible3 {
    background: url('/images/icons4.png') -187px -3px;
}

.invisible4 {
    background: url('/images/icons4.png') -187px -49px;
}

.invisible2, .status1, .invisible1:hover {
    background: url('/images/icons4.png') -187px -49px;
}

.setup1, .setup2 {
    background: url('/images/icons4.png') -233px -3px;
}

.setup1:hover, .setup2:hover {
    background: url('/images/icons4.png') -233px -49px;
}

.status3 {
    background: url('/images/icons4.png') -279px -3px;
}

.status4 {
    background: url('/images/icons4.png') -279px -49px;
}

.status5 {
    background: url('/images/icons4.png') -325px -3px;
}

.status6 {
    background: url('/images/icons4.png') -325px -49px;
}

.status7 {
    background: url('/images/icons4.png') -371px -3px;
}

.find1 {
    background: url('/images/icons4.png') -371px -49px;
}

.excel1 {
    background: url('/images/icons4.png') -418px -3px;
}

.excel1:hover {
    background: url('/images/icons4.png') -418px -49px;
}

.clean3 {
    background: url('/images/icons4.png') -462px -3px;
}

.clean3:hover {
    background: url('/images/icons4.png') -462px -49px;
}

.gmessage {
    background: url('/images/icons4.png') -510px -3px;
}

.gmessage:hover {
    background: url('/images/icons4.png') -510px -49px;
}

.message {
    background: url('/images/icons4.png') -557px -3px;
}

.message:hover {
    background: url('/images/icons4.png') -557px -49px;
}

.back1 {
    background: url('/images/icons4.png') -603px -3px;
}

.back1:hover {
    background: url('/images/icons4.png') -603px -49px;
}

.update1 {
    background: url('/images/icons4.png') -649px -3px;
}

.update1:hover {
    background: url('/images/icons4.png') -649px -49px;
}

.trash4 {
    background: url('/images/icons4.png') -698px -3px;
}

.discuss {
    background: url('/images/icons4.png') -745px -3px;
}

.discuss:hover {
    background: url('/images/icons4.png') -745px -49px;
}

.copy1 {
    background: url('/images/icons4.png') -792px -3px;
}

.copy1:hover {
    background: url('/images/icons4.png') -792px -49px;
}

.add_order, .add_order2 {
    background: url('/images/icons4.png') -839px -3px;
}

.add_order:hover, .add_order2:hover {
    background: url('/images/icons4.png') -839px -49px;
}

.add_elem {
    background: url('/images/icons4.png') -886px -3px;
}

.add_elem:hover {
    background: url('/images/icons4.png') -886px -49px;
}

.add_deliv, .add_deliv2 {
    background: url('/images/icons4.png') -933px -3px;
}

.add_deliv:hover, .add_deliv2:hover {
    background: url('/images/icons4.png') -933px -49px;
}

.org_b {
    background: url('/images/icons4.png') -980px -3px;
}

.org_b2 {
    background: url('/images/icons4.png') -980px -49px;
}

.count_b {
    background: url('/images/icons4.png') -1027px -3px;
}

.count_b2 {
    background: url('/images/icons4.png') -1027px -49px;
}

.del_deliv {
    background: url('/images/icons4.png') -1074px -3px;
}

.del_deliv:hover {
    background: url('/images/icons4.png') -1074px -49px;
}

.b_reserv {
    background: url('/images/icons4.png') -1128px -8px;
}

.b_reserv2 {
    background: url('/images/icons4.png') -1128px -54px;
}

.g_reserv {
    background: url('/images/icons4.png') -1168px -3px;
}

.g_reserv:hover {
    background: url('/images/icons4.png') -1168px -49px;
}

.g_reserv2 {
    background: url('/images/icons4.png') -1218px -3px;
}

.g_reserv2:hover {
    background: url('/images/icons4.png') -1218px -49px;
}

wbr { display: inline-block; }

.c3, .add_card {
    display: inline-block;
    padding: 0px;
    text-decoration: underline;
    cursor: pointer;
}

.c3 {
    margin-left: 10px;
    font-size: 16px;
}

.c7 {
    margin-left: 15px;
    font-size: 16px;
    display: inline-block;
}

#bank_card, #fast_pay {
    display: block;
    margin-left: 35px;
}

.add_card {
    color: #633173;
    font-weight: bolder;
    font-size: 16px;
    padding-left: 10px;
}

.select1, .inp1, .select2 {
    width: 100%;
}

.select2, .select3 {
    height: 40px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 5px 7px 6px 5px;
    font-size: 14px;
}

.select3 {
    margin: 10px 0px 10px 0px;
}

.span2 {
    font-size: 14px;
    display: inline-block;
    margin: 0px;
    padding-bottom: 20px;
}

.v1 {
    margin-top: 0px;
    vertical-align: top;
    display: block;
}

.v2 {
    margin-top: 5px;
    margin-left: 10px;
}

.v3 {
    display: inline-block;
}

.m1 {
    background: rgba(155,155,155,.90);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9999;
    text-align: center;
}

.m2, .m4, .m6, .m7, .m8, .m9, .m10, .m11, .m12 {
    display: inline-block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    background-color: #fff;
    box-shadow: 0 0 10px 1px rgba(30, 30, 30, 1);
    border: 1px solid #fff;
}

.m2, .m4 {
    width: 656px;
    margin: auto auto;
    position: absolute;
}

.m6, .m7, .m13 {
    text-align: center;
}

.m6, .m7, .m8, .m9, .m10, .m11, .m12, .m13 {
    margin: 0 auto;
    position: relative;
}

.m6 {width: 716px;height: 500px;}
.m7 {width: 940px;height: 660px;}
.m8 {width: 940px;height: 520px;text-align:left;vertical-align:top;}
.m9 {width: 940px;height: 490px;text-align:left;}
.m11 {width: 940px;height: 550px;text-align:left;}
.m10 {width: 940px;height: 400px;text-align:center;}
.m12 {width: 800px;text-align:center;}
.m13 {width: 800px;text-align:center;background-color: #fff;margin-top:20px;margin-bottom:20px;box-shadow: 0 0 10px 1px rgba(30, 30, 30, 1);}

.m2 {
    height: 280px;
}

.m4 {
    height: 390px;
}

.m5 {
    margin: 10px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    display: block;
    width: 100%;
    float: left;
}

.m3 {
    font-size: 14px;
}

.del_line {
    font-size: 20px;
    font-weight: bold;
}

.pbar {
    margin-top: 10px;
    display: inline-block;
    position: relative;
    width: 400px;
    height: 50px;
    border: 1px solid #333333;
    text-align: left;
}

.pbar2 {
    margin: 0;
    padding: 0;
    background-color: #5ccf3d;
    display: inline-block;
    position: absolute;
    width: 0px;
    height: 50px;
}

.pbar3 {
    display: inline-block;
    position: absolute;
    width: 400px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

.l3 {
    text-align: left;
    width: 480px;
    padding: 20px;
    margin: 0px;
    display: block;
    font-size: 16px;
    float: left;
}

.r3 {
    float: left;
    text-align: left;
    width: 400px;
    padding: 20px 20px 20px 0px;
    margin: 0px;
    display: block;
    font-size: 16px;
}

.b0 {
    margin: 10px 0px 10px 0px;
    padding: 0px;
    display: block;
}

.b1 {
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 15px;
    display: block;
}

.b2,.b3,.b5 {
    display: block;
    float: left;
    border: 1px solid #cccccc;
    border-radius: 5px;
}

.b5 {
    width: 54%;
    margin-bottom: 20px;
}

.b6 {
    float: left;
    display: block;
    margin-left: 20px;
    width: 42%;
    position: relative;
}

.b2 {
    margin-bottom: 20px;
    width: 48%;
}

.b3 {
    margin-left: 20px;
    width: 48%;
}

.in_b, .in_b2 {
    display: block;
    margin: 15px 20px 15px 20px;
}

.in_b2 {
    position: fixed;
    top:20px;
}

.invis_tr {
    display: none;
}

.s2 {
    margin-top: 15px;
}

.ttd1, .ttd3, .ttd8, .ttd9 {
    padding: 7px 10px 10px 10px;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background-color: #eee;
}

.ttd1, .ttd10 {
    border-left: 1px solid #999999;
}

.ttd10, .ttd11 {
    padding: 10px 10px 10px 10px;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background-color: #eee;
}

.ttd2 {
    padding: 10px 10px 10px 10px;
    border: 1px solid #999999;
    background-color: #eee;
}

.ttd4, .ttd5, .ttd6, .ttd12, .ttd15 {
    padding: 10px 10px 10px 10px;
    border-left: 1px solid #999999;
    border-bottom: 1px solid #999999;
}

.ttd15 {
    width: 100px;
}

.ttd13, .ttd14 {
    padding: 10px 10px 10px 10px;
    border-bottom: 1px solid #999999;
}

.ttd11 {
    line-height: 40px;
}

.ttd13 {
    line-height: 30px;
}

.ttd5, .ttd14 {
    border-right: 1px solid #999999;
}

.ttd2, .ttd5, .ttd4, .ttd3, .s5, .s3, .inp2, .s7, .s8, .s9, .s10 {
    text-align: center;
}

.ttd6 {
}

.ttd8 {
    font-size: 14px;
    text-align: right;
}

.ttd7 {
    height: 5px;
    line-height: 5px;
    font-size: 5px;
}

.s4, .s5, .s3, .s7, .s8, .s9, .s10, .s11 {
    display: inline-block;
    padding: 5px 10px 5px 10px;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
}

.w120 {
    width: 120px;
}

.s4, .s5, .s3, .s11 {
    margin: 7px 0px 0px 0px;
    width: 80px;
}

.s7 {
    margin: 0px 0px 0px 0px;
}

.b4 {
    border-radius: 5px;
    cursor: pointer;
    width: 90px;
}

.s4, .s9 {
    background-color: #47ac2c;
    border: 1px solid #277b10;
}

.s11 {
    background-color: #009fdf;
    border: 1px solid #007faf;
}

.s5, .s8 {
    background-color: #f42e2e;
    border: 1px solid #cc1212;
}

.s3, .s7 {
    background-color: #999999;
    border: 1px solid #777777;
}

.s10 {
    background-color: #2c7eda;
    border: 1px solid #1a4e87;
}


.w90 {
    width: 90px;
}

.inp2 {
    width: 50px;
    padding: 5px 5px 5px 5px;
    font-size: 14px;
}

.s6 {
    font-weight: bold;
    line-height: 29px;
}

.val1 {
    vertical-align: bottom;
}

.r1 {
    text-align: right;
}

.date1 {
    font-size: 10px;
    color: #999;
}

.small_t {
    font-size: 11px;
    line-height: 14px;
    display: inline-block;
    margin: 0;
    padding: 5px 0px 0px 0px;
}

.tsmall {font-size: 12px;}

.sort {
    cursor: pointer;
}

.error1 {
    background-color: #f42e2e;
}

.gray_list, .black_list {
    border-radius: 18px;
    margin: 0px 0px 0px 5px;
    padding: 0px;
    border: 1px solid #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    vertical-align: top;
}

.gray_list {
    background-color: #aaa;
}

.black_list {
    background-color: #000;
}

.color_td {
    padding: 0px;
    margin: 0px;
    border-left: 1px solid #999999;
    border-bottom: 1px solid #999999;
    width: 5px;
}

.green1 {
    background-color: #55ee55;
}

.red1 {
    background-color: #ee5555;
}

.red2 {
    color: #d41111;
}

.blue1 {
    background-color: #5555ee;
}

.g_ttd1 {
    border-bottom: 1px solid #999999;
    padding: 10px 10px 10px 10px;
}

.uname {
    margin: 10px 0px 10px 0px;
    display: inline-block;
}

ul, li {
    line-height: 14px;
}

ul {
    margin: 10px 20px 10px 20px;
    padding: 0px 0px 0px 10px;
}

li {
    padding: 0px;
    margin: 0px;
}

.rb1 {
    border-right: 1px solid #999999;
}

.link1 {
    color: #000077;
}

.link2 a {
    display: block;
    padding: 5px 20px 5px 20px;
    font-size: 16px;
    text-decoration: none;
    color: #0044bb;
}

.link2 a:hover {
    text-decoration: none;
    color: #000;
}

.b7 {
    padding: 0px 0px 0px 50px;
}

.i1 {
    display: block;
    padding: 10px 0px 10px 0px;
}

.sb1 {
    display: block;
    padding: 0px 10px 0px 40px;
}

.sb1n {
    display: none;
    padding: 0px 10px 0px 40px;
}

.sb2 {
    display: block;
    padding: 8px 0px 2px 0px;
}

.captcha {
    display: inline-block;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
    vertical-align: middle;
    height: 50px;
}

.tip1 {
    color:#000;
    position: absolute;
    z-index: 100;
    background: rgba(255,255,230,0.9);
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
    padding: 5px 15px 5px 10px;
    border: 1px solid #333;
    text-align: left;
    display: inline-block;
    left:0px;
    top:0px;
}

.l_f, .r_f {
    display: block;
    margin: 0px;
    padding: 0px;
    float: left;
}

.l_f {
    width: 30%;
}

.r_f {
    width: 69%;
}

.l_menu {
    display: block;
    margin: 20px 0px 20px 20px;
    padding: 0px;
    border-right: 1px dotted #ccc;
}

.menu1 {
    display: block;
    padding: 0px 20px 0px 10px;
    margin: 0px 20px 3px 0px;
    background-color: #eee;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    text-align: left;
    position: relative;
    cursor: pointer;
}

.menu1:hover {
    background-color: #ddd;
    border-bottom: 1px solid #bbb;
    border-right: 1px solid #bbb;
}

.notice {
    background: url('/images/icons4.png') -698px -49px;
    width: 40px;
    height: 40px;
    display: inline-block;
}

.nn {
    position: absolute;
    width: 100%;
    left: -10px;
    text-align: right;
}

.nn2 {
    z-index: 1000;
    position: absolute;
    left: 200px;
    top: 4px;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
}

.news1, .news2  {
    display: block;
    font-weight: bold;
}

.news1  {
    font-size: 18px;
}

.news2 {
    font-size: 14px;
}

.news3 {
    font-size: 16px;
    display: block;
    margin: 10px 0px 30px 0px;
    text-align: justify;
}

.news3 p {
    display: block;
    margin: 10px 0px 10px 0px;
}

.search1 {
    margin: 0px 0px 15px 15px;
}

.tr3, .tr4, .tr5 {}

.red3 {
    display: block;
    background-color: #dd0000;
    border: 1px solid #cc1212;
    border-radius: 5px;
    padding: 10px 15px 10px 15px;
    margin: 10px 15px 0px 15px;
    color: #fff;
    cursor: pointer;
}

.d1 {
    display: inline-block;
    cursor: pointer;
    text-decoration: underline;
}

.d1:hover {
    color: #2c7eda;
}

.hlight:hover {
    background-color: #ddd;
}

.bonus {
    font-size: 24px;
    color: #dc5959;
}

.l2 {
    margin-left: 10px;
}

.w50 {
    width: 40px;
}

.u_b {
    color: #000;
    border-bottom: 1px dotted #000;
    text-decoration: none;
}

.div4 {
    overflow-y: scroll;
    border-bottom: 1px solid #999;
}

.l_h {
    line-height: 20px;
}

.date-picker{border:#009fdf solid 1px;margin:2px;padding:14px 20px 16px 20px;;border-radius:5px;font-size:1rem;outline:none !important;width:100px;}

.c_form{
    background-color:#fff;
    position:absolute;
    display:block;
    padding:5px;
    border-radius:5px;
    border:#666 solid 1px;
    font-family: -apple-system,BlinkMacSystemFont,Roboto,Open Sans,Helvetica Neue,sans-serif;
    z-index:2000;
}

.time_p {
    color: #FFF;
    background-color: #d25656 !important;
}

.time_p select {
    background-color:#d25656;
    font-family:sans-serif;
    font-size:22px;
    color:#fff;
    padding:3px;
    border:1px solid #b23636;
    outline:none !important;
    border-radius:5px;
}

.left_y2, .right_y2, .center_t2, .left_m2, .right_m2 {
    color: #FFF;
    background-color: #d25656;
}

.left_y2, .right_y2, .left_m2, .right_m2 {
    font-size: 22px;
    cursor: pointer;
}

.left_y2 {
    border-radius: 10px 0px 0px 10px;
}

.right_y2 {
    border-radius: 0px 10px 10px 0px;
}
.center_t2 select, .center_t2 select:active, .center_t2 select:focus {
    border:0 !important;
    outline:none !important;
    background-color:#d25656;
    font-family:sans-serif;
    font-size:22px;
    color:#fff;
    padding:3px;
    margin-right:15px;
    text-align:right;
    text-align-last:right;
}

.center_t2 select::-moz-focus-inner {
    border: 0 !important;
}

.calendar_t2 {
    float: left;
    width:100%;
    font-size:1.2rem;
    border-collapse:collapse;
    font-weight:lighter;
}

.calendar_t2 th, .calendar_t2 td {
    text-align: center;
    margin: 0px;
    padding: 0px;
    font-weight: normal;
    border:2px;
}

.calendar_t2 th, .calendar_t2 td {
    height:60px;
    width:60px;
}

.calendar_t2 td {
    background-color: #dddddd;
    border:#fff solid 1px;
}

.calendar_t2 th {
    border:#fff solid 1px;
}

.period_t {
    display:block;
    font-size: 16px;
    padding:15px;
}

.mes1 {
    padding:20px;
    font-size:16px;
    font-weight:lighter;
    line-height:24px;
}