/* CSS Document */
@import url(../css/reset.css);

@font-face {
    font-family:Open-sans;
    src: url(../font/OpenSans-Regular.ttf);
    }



@font-face {
    font-family:Open-Semibold;
    src: url(../font/OpenSans-SemiBold.ttf);
    }


@font-face {
    font-family:Open-bold;
    src: url(../font/OpenSans-Bold.ttf);
    }


@font-face {
    font-family:RobotoSlab-Bold;
    src: url(../font/RobotoSlab-Bold.ttf);
    }



div.modal div.modal_body p.sector_home span.sector.not_select{ opacity: 0.3; }


div.next_block_new_line{ border-right: 4px dashed #a70802;  }

div.modal div.address{font-family:RobotoSlab-Bold; font-size:30px; color:#343434; padding-bottom:49px; }

div.modal div.close{ width: 23px; height: 23px; position: absolute; top: 20px; right: 20px; z-index: 200; cursor: pointer; }
div.modal div.close i{ display: block; width: 23px; height: 23px;  }
div.modal div.close i img{ width: 100%; }

div.right_col div.form_line{display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
        flex-direction:row;
-webkit-box-pack:start;
-ms-flex-pack:start;
        justify-content:flex-start;
-webkit-box-align:start;
-ms-flex-align:start;
        align-items:flex-start;}

div#save_house{width: 143px; margin-left: 130px;
height: 50px;
background: #fd7304;
font-size: 15px;
color: #FFFFFF;
font-family: Open-Semibold;
text-decoration: none;
border-radius: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; cursor: pointer;}

div.left_col div.bottom p{ width: 100%; text-transform: uppercase;
font-size: 14px; font-family:Open-sans; line-height:18px; padding-bottom:19px;   }



div.right_col div.form_line label{ text-transform: uppercase; font-size: 14px; width:130px; line-height: 18px; padding-top: 13px;   }
div.right_col div.form_line input{ margin-bottom: 0px; background: #fff; font-size: 14px;  }
div.right_col div.form_line{ margin-bottom:19px;  }
div.right_col div.form_line textarea{background: #fff;
width: 334px;
height: 87px;
border: 1px solid #dfdfdf;
padding-left: 20px;
font-family: Open-sans;
font-size: 14px;
color: #575757; padding-top: 10px;
}

div.left_col div.bottom{ width:301px; margin: 0 auto; display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
        flex-direction:row;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
        justify-content:space-between;
-webkit-box-align:start;
-ms-flex-align:start;
        align-items:flex-start; -webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row wrap;flex-flow: row wrap;}


a.print_btn.manager{ width: 139px;
       height: 46px;
    background: #fff; border: 2px solid #fd7304;
    font-size: 15px;
    color: #fd7304;
    font-family: Open-Semibold;
    text-decoration: none;
    border-radius: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

a.print_btn.client{width: 143px;
height: 50px;
background: #fd7304;
font-size: 15px;
color: #FFFFFF;
font-family: Open-Semibold;
text-decoration: none;
border-radius: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;}




div.overlay{ width: 100%; height: 100%; background: #000000; opacity: 0.6; position: fixed; top: 0; left: 0; z-index: 90;}
div.description{ padding-top:10px; padding-bottom: 25px; font-family:Open-sans; font-size: 14px; color:#575757; line-height: 25px;  }

div.choose_queue{width:1290px; min-height:20px; overflow: hidden; margin: 0 auto 145px auto;   }
div.choose_queue h2{font-family:RobotoSlab-Bold; font-size:36px; color:#343434; padding-top:59px; padding-bottom:35px;   }
div.choose_queue ul{ max-width: 100%; min-height: 20px; overflow: hidden; display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
        flex-direction:row;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
        justify-content:space-between;
-webkit-box-align:start;
-ms-flex-align:start;
        align-items:flex-start; flex-wrap: wrap;}

div.choose_queue ul li{ width:592px; height:315px; padding-left: 38px; padding-top:45px;  -o-background-size: 100% 100%; margin-top: 20px; /* opera ≥ 9.5 */
-webkit-background-size: 100% 100%; /* Safari ≥ 5.0, Chrome ≥ 4.0 */
-khtml-background-size: 100% 100%; /* Konqueror ≥ 3.5.4 */
-moz-background-size: 100% 100%; /* Firefox ≥ 3.6 */
background-size: 100% 100%; /* CSS3 */    }
div.choose_queue ul li a{font-family:RobotoSlab-Bold; font-size:30px; color:#fff; text-decoration: none; }
div.choose_queue ul li a:hover{ border-bottom: 2px solid #fd7306;  }


div.form_user{ width: 518px; height: 481px; background: url(../img/avtorizacia.jpg) #fff left top no-repeat; padding-left: 517px; margin: 0 auto 0 auto;  }

div.form_user.change_password_form{width: 518px; height: 438px; background: url(../img/smenaparola.png) #fff left top no-repeat; padding-left: 517px; margin: 0 auto 0 auto;}

div.auth_container{ padding-top: 145px; padding-bottom: 145px; background:#f4f4f4;}
div.footer.auth_footer{background:#f4f4f4; margin-top:0px;}
div.form_user div.cont{padding-top:61px; padding-left:52px;}
div.form_user div.cont div.form_header div.name{font-family:RobotoSlab-Bold; font-size:30px; color:#343434;  }
div.form_user div.cont div.form_header div.sub_name{font-family:Open-sans; font-style: 18px; color:#575757; padding-top:10px; padding-bottom: 40px;  }
div.form_line{display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
        flex-direction:column;
-webkit-box-pack:start;
-ms-flex-pack:start;
        justify-content:flex-start;
-webkit-box-align:start;
-ms-flex-align:start;
        align-items:flex-start;}
div.form_line label{font-family:Open-sans; font-size: 14px; color:#565656; padding-bottom:7px; }
div.form_line input[type="text"]{ background:#fbfbfb;  width:334px; height:40px; border:1px solid #dfdfdf; padding-left:20px; font-family:Open-sans; font-size: 14px; color:#575757; margin-bottom: 14px; }
div.form_line input[type="password"]{background:#fbfbfb;  width:334px; height:40px; border:1px solid #dfdfdf; padding-left:20px; font-family:Open-sans; font-size: 14px; color:#575757; margin-bottom: 14px; }
div.form_line input[type="submit"]{background:#fd7304; border-radius:25px; border:none; font-family:Open-bold; font-size: 14px; color:#fff; cursor: pointer; padding-left:34px; padding-right: 34px; padding-top: 15px; padding-bottom: 15px;   }
div.message.error_message{ display: none; }
a.btn.accept_btn{ display: block; background:#fd7304; border-radius:25px; border:none; font-family:Open-bold; font-size: 14px; color:#fff; cursor: pointer; padding-left:34px; padding-right: 34px; padding-top: 15px; padding-bottom: 15px;  text-decoration: none; }

a.fogot_password{font-family:Open-sans; font-size: 14px; color:#575757; text-decoration: none; padding-left: 20px; }

div.form_line.button_line{display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
        flex-direction:row;
-webkit-box-pack:start;
-ms-flex-pack:start;
        justify-content:flex-start;
-webkit-box-align:center;
-ms-flex-align:center;
        align-items:center; margin-top: 20px;}


div.street_name{
width: 100%;
height: 20px;
position: relative;
overflow: hidden;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
}

div.street_name span{
background: #d5d5d3;
font-family: Open-sans;
font-size: 12px;
color: #000000;
position: relative;
display: inline-block;
text-align: center;
}

div.street_name span:before {
    border-bottom: 1px dashed #fff;
    content: "";
    width: 2000px;
    height: 1px;
    position: absolute;
    right: 100%;
    top: 50%;
    z-index: 1;
}

div.street_name span:after {
    border-bottom: 1px dashed #fff;
    content: "";
    width: 2000px;
    height: 1px;
    left: 100%;
    position: absolute;
    top: 50%;
    z-index: 1;
}


div.perehod span{
    background: #d5d5d3;
    font-family: Open-sans;
    font-size: 12px;
    color: #000000;
    position: relative;
    display: inline-block;
    text-align: center;
}

div.modal{width: 100%; min-height:100%; position: absolute; top: 0; left:0; display: none;  }

div.modal_body{width:1013px; height:754px; background:#fff; z-index: 100; top: 50%; left: 50%; margin-top:-377px; margin-left: -506px; position: fixed;}

div.modal_window{width:1013px; height:754px; display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
        flex-direction:row;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
        justify-content:space-between;
-webkit-box-align:start;
-ms-flex-align:start;
        align-items:flex-start;}

 div.modal_window div.left_col{ width:396px; height: 642px; border-right:1px solid #e8e8e8; padding-top: 56px; padding-bottom: 56px; display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
        flex-direction:column;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
        justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
        align-items:center;  }
div.modal_window div.right_col{ width: 560px; padding-left:56px; height: 698px; padding-top: 56px;  }

div.modal_window div.left_col div.top{ width: 301px; height:182px;  border: 2px solid #d1d1d1;  }
div.plan_shema_line_2{ width: 301px; height: 182px; position: relative;}
div.modal_window div.left_col div.plan_shema_line_2 img{ width:80%; max-width:236px; height:85px; position: absolute; top: 50%; left: 50%; margin-top: -42px; margin-left: -40%; z-index: 101;    }


div.modal div.modal_container{width:1013px; height:754px; position: relative; }
div.modal_window div.left_col p.number_home{font-family:Open-bold; font-size: 30px; color: #fff; position: absolute; top: 50%; left: 50%; margin-left: -21px; margin-top: -21px; z-index: 102;}

div.modal_window div.left_col p.sector_home{width: 304px; height: 186px; position: absolute; top: -2px; left: -2px; z-index: 100;}
div.modal_window div.left_col p.sector_home span{-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
border-right: 2px solid #dfdeda; border-top: 2px solid #dfdeda;  border-bottom: 2px solid #dfdeda;
font-family: Open-bold;
font-size: 20px;
color: #000000; height:172px;   }




div.modal_window div.left_col p.sector_home span:hover{ opacity: 1; color: #fff;  }

div.modal_window div.message{ position: absolute; bottom: 47px; right: 114px; font-family:Open-sans; font-size:14px; color:red;  }
div.footer{height:80px; width:100%;}

div.footer div{height:80px; width:1290px; border-top:1px solid #e8e8e8; display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
        flex-direction:row;
-webkit-box-pack:start;
-ms-flex-pack:start;
        justify-content:flex-start;
-webkit-box-align:center;
-ms-flex-align:center;
        align-items:center; font-family:Open-sans; font-size:14px; color:#000000; margin: 0 auto;  }




div.perehod{ width:100%; height:20px; position:relative; overflow:hidden; text-align:center; padding-top:10px; padding-bottom:10px;  }
div.perehod span.street_name{ background:#d5d5d3; font-family:Open-sans; font-size:12px; color:#000000;
position: relative;
display: inline-block; text-align:center; }

div.perehod span.street_name:before{ border-bottom:1px dashed #fff;
content: "";
width: 2000px;
height: 1px;
position: absolute;
right: 100%;
top: 50%;
z-index: 1;}


div.perehod span.street_name:after {
    border-bottom:1px dashed #fff;
    content: "";
    width: 2000px;
    height: 1px;
    left: 100%;
    position: absolute;
    top: 50%;
    z-index: 1;
}


div#plan_unit{ background:#d5d5d3; padding-bottom:1px;}

div.plan_head{ width:1232px; height:77px; display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
        flex-direction:row;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
        justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
        align-items:center; margin-left:34px; padding-top:15px;}

div.plan_head_block{ width:154px; height:57px; border-bottom:2px solid #fd7304; background:#FFFFFF; padding-top:18px; padding-left:18px;}

p.plan_head_title{font-family:Open-bold; font-size:15px; color:#353535; padding-bottom:10px;}

div.plan_shema{ margin-top:15px; margin-bottom:15px; margin-left:6px; margin-right:6px; /*border:1px dashed #FFF;*/ padding:10px;}

div.plan_shema_home{ width:1247px; /*height:223px;*/}



div.plan_shema_home div.plan_shema_line_1{width:1250px; height:105px;  display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
        flex-direction:row;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
        justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
        align-items:center;  }


div.plan_shema_home div.plan_shema_line_2{width:1250px; height:105px; border-bottom:17px solid #ccead3; display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
        flex-direction:row;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
        justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
        align-items:center; margin-top:-1px;  }

div.plan_shema_home div.plan_shema_line_2:before{ content:""; width:17px; height:104px; background:#ccead3; border-radius:13px 0px 0px 0px;}

p.sector_home{ width:100%; height:100%; display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
        flex-direction:row;
-webkit-box-pack:start;
-ms-flex-pack:start;
        justify-content:flex-start;
-webkit-box-align:start;
-ms-flex-align:start;
        align-items:flex-start;}

p.sector_home span:first-child{ width:30%; }
p.sector_home span{ width:20%; height:91px;  -webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;  border-right:1px solid #707061; text-align:center; padding-top:10px; font-family:Open-bold; font-size:14px; color:#000000; }
p.sector_home span:last-child{ width:30%;  border-right:none;}

div.plan_shema_home div.plan_shema_line_2 p.sector_home span { padding-top:82px; height:19px;}


p.sector_home span:hover, span.sector.reserv{ background:#ff3e32; color:#FFFFFF; cursor:pointer;}

p.number_home{font-family:Open-bold; font-size:18px; color:#FFFFFF; left:50%; top:50%; margin-left:-10px; margin-top:-12px; z-index:2; position:absolute;  }

div.plan_shema_home div.plan_shema_line_1:before{ content:""; width:17px; height:104px; background:#ccead3; border-radius:0px 0px 0px 15px;}

div.plan_shema_home div.plan_shema_line_1 div { height:101px; outline:1px solid #707061; background:#FFFFFF; position:relative; -webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;  }
div.plan_shema_home div.plan_shema_line_2 div { height:101px; outline:1px solid #707061; background:#FFFFFF; position:relative;  -webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1; }


div.plan_shema_line_1 p.sector_home span.finishing{ background: url(../img/finishing.png) center 75px no-repeat; }
div.plan_shema_line_1 p.sector_home span.finishing:hover{ background:#ff3e32 url(../img/finishing2.png) center 75px no-repeat; }
div.plan_shema_line_1 p.sector_home span.roughing{background: url(../img/roughing.png) center 75px no-repeat;}
div.plan_shema_line_1 p.sector_home span.roughing:hover{background:#ff3e32 url(../img/roughing2.png) center 75px no-repeat;}
div.plan_shema_line_1 p.sector_home span.sales{background:#ff3e32 url(../img/bron.png) center 7px no-repeat; color:#fff; }
div.plan_shema_line_1 p.sector_home span.sales:hover{background:#ff3e32 url(../img/bron.png) center 7px no-repeat; color:#ff3e32;}

div.plan_shema_line_1 p.sector_home span.sector.roughing.sales{background:#ff3e32 url(../img/roughing2.png) center 75px no-repeat; color:#fff;}
div.plan_shema_line_1 p.sector_home span.sector.finishing.sales{background:#ff3e32 url(../img/finishing2.png) center 75px no-repeat; color:#fff;}

div.plan_shema_line_1 p.sector_home span.sector.roughing.contract {background:#808080 url(../img/roughing2.png) center 75px no-repeat; color:#fff;}
div.plan_shema_line_1 p.sector_home span.sector.finishing.contract {background:#808080 url(../img/finishing2.png) center 75px no-repeat; color:#fff;}


div.plan_shema_line_1 p.sector_home span.sector.roughing.reserv{background:url(../img/bron.png) center 7px no-repeat, url(../img/roughing.png) center 75px no-repeat; color:#fff;}
div.plan_shema_line_1 p.sector_home span.sector.finishing.reserv{background:url(../img/bron.png) center 7px no-repeat, url(../img/finishing.png) center 75px no-repeat; color:#fff;}


div.plan_shema_line_2 p.sector_home span.sector.roughing.sales{background:#ff3e32 url(../img/roughing2.png) center 7px no-repeat; color:#fff;}
div.plan_shema_line_2 p.sector_home span.sector.finishing.sales{background:#ff3e32 url(../img/finishing2.png) center 7px no-repeat; color:#fff;}

div.plan_shema_line_2 p.sector_home span.sector.roughing.contract{background:#808080 url(../img/roughing2.png) center 7px no-repeat; color:#fff;}
div.plan_shema_line_2 p.sector_home span.sector.finishing.contract {background:#808080 url(../img/finishing2.png) center 7px no-repeat; color:#fff;}

div.plan_shema_line_2 p.sector_home span.sector.roughing.reserv{background:url(../img/bron.png) center 80px no-repeat, url(../img/roughing.png) center 7px no-repeat; color:#fff;}
div.plan_shema_line_2 p.sector_home span.sector.finishing.reserv{background:url(../img/bron.png) center 80px no-repeat, url(../img/finishing.png) center 7px no-repeat; color:#fff;}

div.plan_shema_line_2 p.sector_home span.finishing{ background: url(../img/finishing.png) center 7px no-repeat; }
div.plan_shema_line_2 p.sector_home span.finishing:hover{ background:#ff3e32 url(../img/finishing2.png) center 7px no-repeat; }
div.plan_shema_line_2 p.sector_home span.roughing{background: url(../img/roughing.png) center 7px no-repeat;}
div.plan_shema_line_2 p.sector_home span.roughing:hover{background:#ff3e32 url(../img/roughing2.png) center 7px no-repeat;}
div.plan_shema_line_2 p.sector_home span.reserv{background: url(../img/bron.png) center 80px no-repeat; color:#fff; }
div.plan_shema_line_2 p.sector_home span.reserv:hover{background:#ff3e32 url(../img/bron.png) center 80px no-repeat; color:#fff; }

div.modal div.modal_body p.sector_home span.sector{height: 32px; padding-top: 150px;}

/**/

div.left span{font-family:Open-sans; color: #333; font-size: 14px; padding-right: 20px;   }
div.right span{font-family:Open-sans; color: #333; font-size: 14px; padding-left: 20px;   }

div.table{display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
        flex-direction:row;
-webkit-box-pack:center;
-ms-flex-pack:center;
        justify-content:center;
-webkit-box-align:start;
-ms-flex-align:start;
        align-items:flex-start; padding-top: 20px;}
div.table tr td{ padding:10px; border: 1px solid #333; font-family:Open-sans; color: #333; font-size: 14px;  }
div.table tr th{font-family:Open-bold; border: 1px solid #333; color: #333; font-size: 14px; padding:10px;  }

div.modal div.modal_body div.plan_shema_line_1 p.sector_home span.sector.roughing.sales{background:#ff3e32 url(../img/roughing2.png) center 7px no-repeat; color:#fff;}
div.modal div.modal_body div.plan_shema_line_1 p.sector_home span.sector.finishing.sales{background:#ff3e32 url(../img/finishing2.png) center 7px no-repeat; color:#fff;}
div.modal div.modal_body div.plan_shema_line_1 p.sector_home span.sector.roughing.reserv{background:url(../img/bron2.png) center 7px no-repeat, url(../img/roughing.png) center 150px no-repeat; color:#fff;}
div.modal div.modal_body div.plan_shema_line_1 p.sector_home span.sector.finishing.reserv{background:url(../img/bron2.png) center 7px no-repeat, url(../img/finishing.png) center 150px no-repeat; color:#fff;}


div.modal div.modal_body div.plan_shema_line_2 p.sector_home span.sector.roughing.sales{background:#ff3e32 url(../img/roughing2.png) center 7px no-repeat; color:#fff;}
div.modal div.modal_body div.plan_shema_line_2 p.sector_home span.sector.finishing.sales{background:#ff3e32 url(../img/finishing2.png) center 7px no-repeat; color:#fff;}
div.modal div.modal_body div.plan_shema_line_2 p.sector_home span.sector.roughing.reserv{background:url(../img/bron2.png) center 150px no-repeat, url(../img/roughing.png) center 7px no-repeat; color:#fff;}
div.modal div.modal_body div.plan_shema_line_2 p.sector_home span.sector.finishing.reserv{background:url(../img/bron2.png) center 150px no-repeat, url(../img/finishing.png) center 7px no-repeat; color:#fff;}



/**/




div.plan_shema_home div.plan_shema_line_1 div img{ width: 78%; max-height:46px; min-height: 44px; position:absolute; top:50%; left:50%; margin-left:-39%; margin-top:-23px; z-index:1;}
div.plan_shema_home div.plan_shema_line_2 div img{width: 78%; max-height:46px;min-height: 44px;  position:absolute; top:50%; left:50%; margin-left:-39%; margin-top:-23px; z-index:1;}





p.plan_head_data{ font-size:15px; color:#353535; font-family:Open-sans; display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
        flex-direction:row;
-webkit-box-pack:start;
-ms-flex-pack:start;
        justify-content:flex-start;
-webkit-box-align:center;
-ms-flex-align:center;
        align-items:center;}

p.plan_head_data i{ padding-right:7px;}



body{
font-family: 'Open-sans';
 }

.checkbox {
    display: none;
}

.checkbox-custom {
    position: relative;
    width: 22px;
    height: 22px;
    border: 1px solid #ccc;
    margin-right:9px; background:#FFFFFF;
}

.checkbox-custom,
.label {
    display: inline-block;
    vertical-align: middle;
}

.checkbox:checked + .checkbox-custom {

    background: url(../img/checkbox.png) -2px 0px no-repeat;
    border: 1px solid #fd7304;
}

div.content_title{ width:100%; height:50px; display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
        flex-direction:row;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
        justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
        align-items:center; padding-top:49px; padding-bottom:30px;}

div.content_title h1{ font-size:50px; margin-left: 32px;color:#3b3a3a; font-family:RobotoSlab-Bold;}

p.btn a{ width:172px; height:50px; background:#fd7304; font-size:15px; color:#FFFFFF; font-family:Open-Semibold; text-decoration:none; border-radius:25px; display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
        flex-direction:row;
-webkit-box-pack:center;
-ms-flex-pack:center;
        justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
        align-items:center; cursor: pointer; }

section.ac-container article p{font-family:Open-sans; font-size:16px; color:#565656; display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
        flex-direction:row;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
        justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
        align-items:center;}


section.ac-container article p span{display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
        flex-direction:row;
-webkit-box-pack:start;
-ms-flex-pack:start;
        justify-content:flex-start;
-webkit-box-align:center;
-ms-flex-align:center;
        align-items:center;}

section.ac-container article p span label{display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
        flex-direction:row;
-webkit-box-pack:start;
-ms-flex-pack:start;
        justify-content:flex-start;
-webkit-box-align:center;
-ms-flex-align:center;
        align-items:center;}


.ac-container input {
    display: none;
}

.ac-container label span i{color: #3b3c3d; font-size: 20px; transform: rotate(180deg); }

.ac-container label{ cursor:pointer;}

.ac-container input:checked + label span i{transform: rotate(0deg); margin-top:-5px; }




}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    right: 13px;
    top: 7px;
    background: transparent url(../images/arrow_down.png) no-repeat center center;
}
.ac-container input:checked + label:hover:after{
    background-image: url(../images/arrow_up.png);
}
.ac-container input{
    display: none;
}
.ac-container article{

    margin-top: -2px;
    overflow: hidden;
    height: 0px;
    position: relative;
    z-index: 10;
    -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article p{ padding-left:20px; padding-right:20px; font-size:15px; color:#4d565b; font-family:Circe-Regular; padding-bottom:10px; display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
        flex-direction:row;
-webkit-box-pack:start;
-ms-flex-pack:start;
        justify-content:flex-start;
-webkit-box-align:center;
-ms-flex-align:center;
        align-items:center;
}

.ac-container article p input{ display:block; margin-right:9px;}

.ac-container article p input.checkbox{ display:none;}


.ac-container input:checked ~ article{
    -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    transition: height 0.5s ease-in-out, box-shadow 0.1s linear;

}
.ac-container input:checked ~ article.ac-small{
     overflow:hidden; height:147px; padding-top:18px;
}
.ac-container input:checked ~ article.ac-medium{
    overflow:hidden; height:160px;
     padding-top:18px;
}
.ac-container input:checked ~ article.ac-large{
     overflow:hidden; height:65px;  padding-top:18px;
}


div.head{ width:100%; height:92px; background:#FFFFFF; display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
        flex-direction:row;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
        justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
        align-items:center; border-bottom:1px solid #e8e8e8; }

div.head div.logo{ padding-left:44px;}
div.head div.logo img{ max-width:160px;}

div.head_info{ width:512px; height:92px; display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
        flex-direction:row;
-webkit-box-pack:start;
-ms-flex-pack:start;
        justify-content:flex-start;
-webkit-box-align:start;
-ms-flex-align:start;
        align-items:flex-start;}


div.head_info div:nth-child(1){ width:230px; height:92px; display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
        flex-direction:row;
-webkit-box-pack:center;
-ms-flex-pack:center;
        justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
        align-items:center;}

div.head_info div:nth-child(1) p{ font-size:15px; color:#3f3f3f; font-family:Open-sans;}


div.head_info div:nth-child(2){ width:148px; height:92px; display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
        flex-direction:row;
-webkit-box-pack:center;
-ms-flex-pack:center;
        justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
        align-items:center; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8;}

div.head_info div:nth-child(2):hover{ background:#f4f4f4; }

div.head_info div:nth-child(2) a{display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
        flex-direction:row;
-webkit-box-pack:start;
-ms-flex-pack:start;
        justify-content:flex-start;
-webkit-box-align:center;
-ms-flex-align:center;
        align-items:center; font-size:15px; color:#3f3f3f; font-family:Open-sans; text-decoration:none;}

div.head_info div:nth-child(2) a i{ padding-right:9px;}

div.head_info div:nth-child(3){ width:132px; height:92px; display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
        flex-direction:row;
-webkit-box-pack:center;
-ms-flex-pack:center;
        justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
        align-items:center; }

div.head_info div:nth-child(3) span{ width:56px; height:56px; border:1px solid #dfdfdf; border-radius:50%; display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
        flex-direction:row;
-webkit-box-pack:center;
-ms-flex-pack:center;
        justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
        align-items:center;}

div.head_info div:nth-child(3) span strong{ width:25px; height:25px; background:#fd7304; border-radius:50%; display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
        flex-direction:row;
-webkit-box-pack:center;
-ms-flex-pack:center;
        justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
        align-items:center;}


div.head_info div:nth-child(3) span strong i{ color:#FFFFFF;}


div.body{ width:100%; max-width:1660px; min-height:20px; overflow:hidden; display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
        flex-direction:row;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
        justify-content:space-between;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
        align-items:stretch;
-ms-flex-flow: row nowrap;
    flex-flow: row nowrap; }


div.left_block_3{ padding-top:45px; text-align:center; padding-bottom:20px; }

div.left_block_3 a{font-family:Open-Semibold; font-size:15px; color:#3b3a3a; border-bottom:1px dashed #3b3a3a; text-decoration:none;}

div.body div.left_block{ width:313px; min-height:20px; overflow:hidden;  background:#f4f4f4; border-right:1px solid #dfdfdf;}
div.body div.content{ width:calc(100% - 313px); min-height:20px; overflow-y: hidden;
overflow-x: auto;}

div.left_block_1{ width:100%; height:60px; background: #fd7304; display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
        flex-direction:row;
-webkit-box-pack:center;
-ms-flex-pack:center;
        justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
        align-items:center;}

div.left_block_1 p a i{width:16px; height: 13px; background: url(../img/strelochka.png) no-repeat; display: block; margin-right:13px;    }

div.left_block_1 p{font-family:Open-Semibold; font-size:16px; color:#ffffff;}
div.left_block_1 p a{color:#ffffff; text-decoration: none; display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
        flex-direction:row;
-webkit-box-pack:start;
-ms-flex-pack:start;
        justify-content:flex-start;
-webkit-box-align:center;
-ms-flex-align:center;
        align-items:center;}

div.left_block_2{ width:293px; min-height:20px; overflow:hidden; margin-left:20px; margin-top:20px;}
div.left_block_2 section label.acardion{ width:253px; height:41px; padding-left:20px; padding-right:20px; display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
        flex-direction:row;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
        justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
        align-items:center; border-bottom:1px solid #dfdfdf;}



div.left_block_2 section label.acardion span{ color:#353535; font-family:Open-Semibold; font-size:16px; }


div.head_info a span {
    width: 56px;
    height: 56px;
    border: 1px solid #dfdfdf;
    border-radius: 28px; overflow: hidden; display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
        flex-direction:row;
-webkit-box-pack:center;
-ms-flex-pack:center;
        justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
        align-items:center;

}

div.head_info a span:hover{ width: 200px; display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
        flex-direction:row;
-webkit-box-pack:end;
-ms-flex-pack:end;
        justify-content:flex-end;
-webkit-box-align:center;
-ms-flex-align:center;
        align-items:center; -webkit-transition: .3s;
-moz-transition: .3s;
transition: .3s; }
div.head_info a span:hover strong{ margin-right: 15px; }

div.head_info a span strong { padding-top: 2px; padding-left: 3px;
    width: 22px;
    height: 23px;
    background: #fd7304;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;}

    div.head_info a{ text-decoration: none; color: #fff; }
    div.head_info a span strong i{transform: rotate(90deg); }

    div.head_info a span i.pereiti{ display: none; opacity: 0; -webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;  }
    div.head_info a span:hover i.pereiti{ display: block; color: #333; opacity: 1; font-family:Open-sans; font-size:14px; padding-right: 20px; -webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s; }

div.adm-menu{
  width: 100%;
  background-color: #f4f4f4;
  font-family: 'Open-Semibold';
}
div.adm-menu .container{
  width: 1024px;
  margin: 0 auto;
  padding-top:80px;
  padding-bottom:20px;
}
div.adm-menu .container .adm-name{
  font-size: 18pt;
}
div.adm-menu ul{
  display: flex;
  width: 100%;
  padding-top:50px;
  padding-bottom:100px;
  justify-content: space-between;
}
div.adm-menu ul li{
  display: inline-block;
  width: 230px;
  height: 215px;
  background-color: #ffffff;
  box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
  box-sizing: border-box;
  padding: 30px;
  padding-top: 150px;
  position: relative;
}
div.adm-menu ul li a{
  color: #353535;
  font-size: 12px;
  text-decoration: none;
}
div.adm-menu ul li span{
  background: #fd7304;
  border-radius: 50%;
  position: absolute;
  left:30px;
  top:30px;
  width: 60px;
  height: 60px;
  text-align: center;
  padding-top: 10px;
  box-sizing: border-box;
}
div.adm-menu ul li img{
  width: 35px;
}
div.adm-page-menu ul li span{
  background: #52626a;
  border-radius: 50%;
  position: absolute;
  left:30px;
  top:11px;
  width: 22px;
  height: 22px;
  padding: 1px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
div.adm-page-menu ul li span.folder{
  background: transparent;
}
div.adm-page-menu ul li img{
  max-width: 15px;
  max-height: 15px;
}
div.adm-page-menu {
  width: 300px;
  float: left;
  background-color: #f4f4f4;
  min-height: 100vh;
  border-right: 1px solid #e1e1e1;
}

div.adm-page-name{

  background-color: #fd7304;
  margin-bottom: 20px;
}
div.adm-page-name a{
  display: flex;
  width: 100%;
  height: 61px;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-decoration: none;
}
div.adm-page-name a span{
  padding-right: 10px;
}
div.adm-page-menu ul li.active{
  background-color: #dcdcdc;
}
div.adm-page-menu ul li.podactive a{
 font-weight: bold;
}

div.adm-page-menu ul li.circle{
  background-image: url(/img/adm/cirle.png);
  background-repeat: no-repeat;
  background-position: 15px center;
}
div.adm-page-menu ul li.trangle{
  background-image: url(/img/adm/triangle.png);
  background-repeat: no-repeat;
  background-position: 15px center;
}
div.adm-page-menu ul li.triangledown{
  background-image: url(/img/adm/triangledown.png);
  background-repeat: no-repeat;
  background-position: 15px center;
}
div.adm-page-menu ul li{
  font-size: 12px;
  min-height: 44px;
  position: relative;
  padding-left: 65px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
div.adm-page-menu ul li a{
  color: #353535;
  text-decoration: none;
}
div.adm-page-menu ul.podmenu li{
    padding-left: 15px;
}
div.adm-page-menu ul.podmenu li.circle {
    background-image: url(/img/adm/cirle.png);
    background-repeat: no-repeat;
    background-position: 0px center;
}
div.page-content{
  width: calc(100% - 300px);
  margin-left: 300px;
  box-sizing: border-box;
  padding-top: 15px;
  padding-left: 60px;
  background-color: #f4f4f4;
  min-height: 100vh;
}
.breadcrumbs{
  color: #8d8c8c;
  font-size: 11px;
  margin-bottom: 10px;
}
.breadcrumbs a{
  color: #8d8c8c;
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  padding-right: 10px;
}
.breadcrumbs img{
  margin-right: 10px;
  height: 8px;
}
.page-content h1{
  font-size: 28px;
  color: #3b3a3a;
  font-weight: bold;
  margin-bottom: 20px;
}
.btn.accept_btn.add_btn{
  width: 188px;
  text-align: center;
}
.admin-table-settings{
  background-color: #fff;
  margin-top: 20px;
}
.admin-table-settings tr{
  border: 1px solid #e1e1e1;
  color: #565656;
}
.admin-table-settings tr:hover{
  background-color: #f2fefc;
}
.admin-table-settings tr td a{
  color: #0479e5;
}
.admin-table-settings tr td, .admin-table-settings tr th {
  padding: 20px 30px;
  text-align: left;
}
 .admin-table-settings tr th {
   font-weight: bold;
 }
.forms_user div.form_line{
  flex-direction: row;
  align-items: center;
}
.forms_user div.form_line label{
  text-transform: uppercase;
  flex-grow: 1;
}
.forms_user {
  width: 600px;
}
.forms_user select {
  background: #fbfbfb;
  width: 356px;
  height: 43.6px;
  border: 1px solid #dfdfdf;
  margin-bottom: 15px;
  color: #565656;
}
.forms_user textarea{
  width: 356px;
  border: 1px solid #dfdfdf;
  margin-bottom: 15px;
  color: #565656;
  background: #fbfbfb;
}
div.form_line.buttom_container{
  margin-top: 20px;
  flex-direction: row;
}
div.form_line.buttom_container .accept_btn_inverse{
  margin-left: 10px;
}
.accept_btn_inverse{
  border-radius: 25px;
  border: 3px solid #fd7304;
  font-family: Open-bold;
  font-size: 14px;
  color: #fd7304;
  cursor: pointer;
  padding-left: 34px;
  padding-right: 34px;
  padding-top: 16px;
  padding-bottom: 16px;
  text-decoration: none;
}
.form_line{
  min-height: 56px;
}
.queue .form_line label{
  max-width: 240px;
}
.queue .form_line div{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
li.mini ul li
{
  padding-left: 30px;
}
div.adm-page-menu li.mini  ul li.triangledown{
  background-position: 0px center;
}
div.adm-page-menu li.mini  ul li.trangle{
  background-position: 0px center;
}

div.adm-page-menu  li.mini  ul li span{
  left: 10px;
}
div.adm-page-menu li.mini ul li {
  min-height: 24px;
}
div.adm-page-menu li.mini ul li span{
  top: 0px;
}
.line_list ul{
  list-style-type: disc;
  padding-left: 10px;
  margin-left: 10px;
    font-size: 15px;
}
.line_list ul a{
  color:#353535;
  text-decoration: none;
  line-height: 1.5;

}
.line_list ul li.new_create{
  font-size: 11px;
    list-style-type: none;
}
.line_list ul li.new_create a{
    color:#fd7304;
}