body { color: #666; font-family: Arial; } 
body.start { background: #333; }
body.work { background: #eee; }
body.start #shtora { background: #333 url(img/main-bg-01.jpg) no-repeat right top; background-size: cover; }
#shtora { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; }
#win_authorization, #win_registration { width: 400px; height: 150px; border: solid 1px #bbb; background: #ffffff; }
#win_authorization .form_header, #win_registration .form_header { border-bottom: solid 1px #ddd; background: #eee; color: #333; }
.button_active { display: inline-block; padding: 10px 20px; color: #333; background: #8be481; border: 0; border-radius: 5px; cursor: pointer; }

#topmenu { height: 50px; background: #23282d; }

#t_user { display: block; float: right; margin-right: 20px; border-radius: 5px; padding: 5px 10px; background: #32373c; color: #eee; }
#t_user .sub_men_user { position: absolute; width: 250px; z-index: 25; top: 39px; right: 20px; border-radius: 0 0 5px 5px; padding: 5px 10px; display: none; background: #32373c; text-align: left; }
#t_user:hover .sub_men_user { display: inline-block; }
#t_user ul { margin: 5px 0 5px 20px; padding: 0; }
#t_user ul li { display: block; list-style-type: none; cursor: pointer; padding: 3px 0; text-decoration: none; color: #ccc; text-align: right; }
#t_user .admin_sub_menu li span::before { font-style: normal; font-family: "Awesome"; color: #ccc; padding: 2px; font-weight: 100; font-size: 18px; margin-right: 5px; }
#t_user .admin_sub_menu li span[w_data~="edit_user_profile"]::before { content: "\f2c0"; }
.sub_men_user a { text-decoration: none; color: #eee; }
#user_exit div { text-align: right; }
#user_exit div::before { content: "\f08b"; font-style: normal; font-family: "Awesome"; color: #ccc; padding: 2px; font-weight: 100; font-size: 18px; margin-right: 5px; }

#lemtmenu_items { background: #32373c; border: solid 1px #111; margin: 20px; margin-top: 0; padding-top: 20px; }
#lemtmenu_items ul { display: block; padding: 0; }
#lemtmenu_items li { display: block; margin: 10px; margin-left: 20px; list-style-type: none; cursor: pointer; color: #eee; }

.lmitem span { display: block; }
.lmitem span::before { font-style: normal; font-family: "Awesome"; color: #2edbf7; padding: 2px; font-weight: 100; font-size: 18px; margin-right: 5px; }
.lmitem[w-data="edit_apikeylist"] span::before { content: "\f084"; }
.lmitem[w-data="edit_employers"] span::before { content: "\f2be"; }
.lmitem[w-data="edit_employers_blacklist"] span::before { content: "\f2bd"; }
.lmitem[w-data="edit_vacancy"] span::before { content: "\f2ba"; }
.lmitem[w-data="edit_vacancy_blacklist"] span::before { content: "\f2b9"; }
.lmitem[w-data="select_vacancy"] span::before { content: "\f2bb"; }
.lmitem[w-data="report_chat"] span::before { content: "\f0e6"; }
.blacklist { border-top: solid 1px #bbb; padding: 10px; }

#workarea tr:nth-child(2) td { vertical-align: top; }
#w_dialog_content { overflow: hidden; background: #eee; }

@media (max-width:800px) {
    #lemtmenu_items { margin-left: 0; padding-top: 40px; }
    #leftmenu { display: inline-block; height: 50px; width: 50px; position: absolute; top: 0; border-radius: 0 0 10px 0; box-sizing: border-box; z-index: 2; }
    #leftmenu::before { display: inline-block; width: 45; height: 45; position: absolute; content: "\f0c9"; font-style: normal; font-family: "Awesome"; color: #ccc; padding: 2px; font-weight: 100; font-size: 36px; text-align: center; }
    #lemtmenu_items { display: none; width: 200px; }
    #leftmenu:hover #lemtmenu_items { display: block; }
    #w_workblock { background: no-repeat top 10px right 10px url(img/icon48.png); }
}

@media (min-width:800px) {
    #leftmenu { width: 250px; background: #23282d; border: 0; border-right: solid 1px #eee; height: 100%; float: left; }
    #w_dialog { height: 100%; margin-left: 250px; }
    #w_workblock { background: no-repeat top 10px right 10px url(img/wt_logo.png); }
}

#win_multiform { position: fixed; z-index: 10; width: 100%; height: 100%; margin: 0px; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%; text-align: center; }
#form_multiform {  margin-top: 80px; width: 600px; background: #fff; display: table-caption; position: relative; }
#win_multiform .win_closer { text-align: right; padding-top: 10px; padding-right: 10px; }
#multiform_h { color: #fe8716; font-size: 20px; margin-bottom: 20px; }
#multiform {margin: 20px;}
#multiform .button, #w_dialog .button { display: inline-block; min-height: 32px; line-height: 2; padding: 0 12px; background: #2271b1; border: solid 1px #2271b1; color: #fff; font-size: 13px; cursor: pointer; border-radius: 3px; white-space: nowrap; box-sizing: border-box; }

#win_form_send { position: fixed; z-index: 10; width: 100%; height: 100%; margin: 0px; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%; text-align: center; }
#form_send { width: 400px; background: #fff; padding: 20px; }
#form_send .win_closer { text-align: right; cursor: pointer; }
#wt_send_h { color: #fe8716; font-size: 20px; margin-bottom: 20px; }
#win_form_send .form_info { padding: 10px; text-align: left; }
#win_form_send .form_info input { border: 0; outline: solid 1px #ccc !important; width: 100%; padding: 4px; }
#wt_send_buttons { margin-top: 30px; }
#wt_send_buton_ok { display: inline-block; padding: 10px 20px; color: #fff; background: #e20000; border: 0; border-radius: 5px; cursor: pointer; }

#win_form_pay { position: fixed; z-index: 10; width: 100%; height: 100%; margin: 0px; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%; text-align: center; }
#wt_form_pay { width: 400px; background: #fff; }
#wt_form_pay .win_closer { text-align: right; padding-top: 10px; padding-right: 10px; }
#wt_pay_info { padding: 50px; }
#wt_pay_info .yoomoney-payment-form { max-width: 800px; padding: 0; }

#wt_win_confirm { position: fixed; z-index: 10; width: 100%; height: 100%; margin: 0px; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%; text-align: center; }
#wt_confirm_form { width: 400px; background: #fff; }
#wt_confirm_otvet { padding: 50px; }
#wt_confirm_otvet_header { font-size: 20px; margin-bottom: 20px; }
#wt_confirm_h { color: #fe8716; font-size: 20px; margin-bottom: 20px; }
#wt_confirm_text { color: #303030; font-size: 16px; }
#wt_confirm_buttons { margin-top: 30px; }
#wt_confirm_buton_do { display: inline-block; padding: 10px 20px; color: #333; background: #ffffff; border: solid 1px #333; border-radius: 5px; cursor: pointer; }
#wt_confirm_buton_cancel { display: inline-block; padding: 10px 20px; color: #333; background: #8be481; border:  solid 1px #8be481; border-radius: 5px; cursor: pointer; }

#wt_win_alert { position: fixed; z-index: 10; width: 100%; height: 100%; margin: 0px; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%; text-align: center; }
#wt_alert_form { width: 400px; background: #fff; }
#wt_alert_otvet { padding: 50px; }
#wt_alert_otvet_header { font-size: 20px; margin-bottom: 20px; }
#wt_alert_h { color: #fe8716; font-size: 20px; margin-bottom: 20px; }
#wt_alert_text { color: #303030; font-size: 16px; }
#wt_alert_buttons { margin-top: 30px; }
#wt_alert_buton_ok { display: inline-block; padding: 10px 20px; color: #fff; background: #e20000; border: 0; border-radius: 5px; cursor: pointer; }

#w_dialog { display: none; }
#w_close_dialog { float: right; margin: 10px; cursor: pointer; width: 20px; height: 20px;}
#w_close_dialog::before { content: "\f00d"; font-style: normal; font-family: "Awesome"; color: #ccc; padding: 2px; font-weight: 100; font-size: 18px; margin-right: 5px; }
#w_close_dialog:hover::before { color: #ff6600; }
#w_dialog_header { background: #666; color: #fff; text-align: center; font-size: 20px; padding: 10px 0; margin: 0; min-height: 20px; }
#w_dialog_multiform { height: calc(100% - 50px); }

#w_hint { padding: 5px 10px; background: #e3f0fc; display: inline-block; border-radius: 5px; box-shadow: 0px 0px 15px 0px rgba(34, 60, 80, 0.3); }

.pad10 { padding: 10px; }
#w_footer { height: 20px; color: #ccc; font-size: 12px; text-align: right; padding-right: 20px; background: #23282d; }

@font-face {
    font-family: 'Awesome';
    src: url('/fonts/awesome/fontawesome-webfont.eot?v=4.7.0');
    src: url('/fonts/awesome/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/fonts/awesome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/fonts/awesome/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/fonts/awesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/fonts/awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}