/*************************** General *************************/ * { margin: 0px; font-family: Arial, Verdana, Helvetica, sans-serif; } html,body { margin: 0px; padding: 0px; min-width: 980px; height: 100%; line-height: 1.4em; vertical-align: baseline; color: #333; font-size: 0.9em;} p { padding: 0px; margin: 0.5em 0px 0.5em 0px; text-align: left;} img { border: none; } a { color: #336699; text-decoration: none; cursor: pointer; outline: none; } a:hover { color: #319ED9; text-decoration: underline; } table { margin: 0px; border-collapse: collapse; border-spacing: 0px;} ul, ul li { margin: 0px; padding: 0px; list-style: none; } header, section, footer, aside, nav, article, figure { display: block; } h1,h2,h3,h4,h5,h6 { padding: 0px; margin: 1em 0px 0.4em 0px; color: #000; line-height: 1.1em; font-weight: normal; font-family: Arial, Verdana, Helvetica, sans-serif; } h1 { font-size: 1.7em; margin-top: 0px;} h2 { font-size: 1.5em; } h3 { font-size: 1.3em; } h4 { font-size: 1.1em; font-weight: bold; } h5 { font-size: 1em; font-weight: bold; } /*************************** Layout *************************/ .body { min-height: 100%; height: auto !important; height: 100%; position: relative; background: #f5f5f5;} .main { padding: 10px 10px 50px 10px; } .right_panel { float: right; width: 217px; margin-top: -5px; background: #f5f5f5; z-index: 999; } .right_container { overflow: hidden; overflow-x: auto; margin-right: 230px; margin-top: -5px; padding: 5px; border: 1px solid #e5e5e5; background: #fff; } .statistic_right_container { overflow: hidden; overflow-x: auto; overflow-y: auto; margin-right: 230px; margin-top: -5px; padding: 5px; border: 1px solid #e5e5e5; background: #fff; max-height: 750px; } .container { margin-top: -5px; padding: 5px; border: 1px solid #e5e5e5; background: #fff;} .footer { position: absolute; bottom: 0px; left: 0px; width: 100%; background: #1D689C; height: 18px;} .hide_right_panel .right_panel { display: none; z-index: 998;} .hide_right_panel .right_container { margin-right: 7px; } .hide_right_panel .statistic_right_container { margin-right: 7px; } .right_display { position: absolute; z-index: 1000; top: 112px; right: 0px; height: 22px; width: 13px; background: url(../images/hide_right.png) 0px 0px no-repeat;} .hide_right_panel .right_display { background-position: 0px -23px;} /*************************** Defaults *************************/ /* forms */ form, fieldset { display: block; margin: 0px; padding: 0px; border: none; } input[type="text"], input[type="password"], input[type="date"], textarea, select { display: inline-block; margin: 0px; padding: 3px 4px; color: #000; font-size: 1em; vertical-align: middle; border: 1px solid #bbb; background: #fff; } input[type="button"], input[type="submit"] { cursor: pointer; } input:focus, select:focus, textarea:focus { border-color: #35AADC; } /* errors */ .error_list { color: #e50000; font-style: italic; font-size: 0.9em; } /* .notice, .success, .error, .warning, .message { margin: 4px 0 10px; padding: 4px 4px 4px 40px; font-weight:bold; border: 1px solid #ddd; background: url(../images/icons_message.png) no-repeat 10px 50px; } .notice, .success { border-color: #37AA00; background-color: #DFFFCE; background-position: 10px 5px;} .message { border-color: #cccccc; background-color: #f5f5f5; padding-left: 10px;} .warning { border-color: #cccccc; background-color: #FFFFCC; background-position: 10px -55px; } .error { border-color: #F4172E; background-color: #FEE7E9; background-position: 10px -25px ;} */ .notice_message { margin: 4px 0 10px; padding: 4px 4px 4px 40px; font-weight:bold; border: 1px solid #ddd; background: url(../images/icons_message.png) no-repeat 10px 50px; border-color: #cccccc; background-color: #FFFFCC; background-position: 10px 5px;} /* buttons */ .button, .button_blue, input[type="submit"], input[type="button"] { display: inline-block; padding: 3px 10px; color: #336699; text-decoration:none; font-weight: bold; text-align: center; border: 1px solid #ddd; background: #F5F5F5 url(../images/button.png) 0px -100px repeat-x; vertical-align: middle; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} .button_blue { color: #fff !important; background-position: 0px 0px !important; background-color: #1D689C !important; border-color: #1D689C !important;} .button:hover, .button_blue:hover, input[type="submit"]:hover, input[type="button"]:hover { color: #336699; background-position: 0 -140px; background-color: #ABD9EF; border-color: #ABD9EF; text-decoration: none; } .button_blue:hover { color: #fff !important; background-position: 0px -50px !important; background-color: #298BD0 !important; border-color: #298BD0 !important; } input.button, input.button_blue, input[type="submit"], input[type="button"] { padding: 4px 10px; } .button_back, .button_print { position: relative; padding-left: 30px; } .button_back, .button_income { position: relative; padding-left: 30px; } .button_back b { position: absolute; top: 4px; left: 7px; display: inline-block; width: 16px; height: 16px; background: url(../images/icons_action.png) 0px -148px no-repeat;} .button_print b { position: absolute; top: 4px; left: 7px; display: inline-block; width: 16px; height: 16px; background: url(../images/icons_action.png) 0px -480px no-repeat;} .button_income b { position: absolute; top: 4px; left: 7px; display: inline-block; width: 16px; height: 16px; background: url(../images/icons_action.png) 0px -510px no-repeat;} /* links */ .link_file { display: inline-block; padding-left: 20px; text-decoration: underline; background: url(../images/icons_action.png) no-repeat 0px -390px; height: 2em; } .link_add { display: inline-block; padding-left: 20px; text-decoration: underline; background: url(../images/icons_action.png) no-repeat 0px 0px; } .link_excel { display: inline-block; padding-left: 20px; text-decoration: underline; background: url(../images/icons_action.png) no-repeat 0px -300px; } /* icons */ .icon_remove { display: inline-block; width: 16px; height: 16px; background: url(../images/icons_action.png) no-repeat 0px -120px; vertical-align: middle; } .icon_edit { display: inline-block; width: 16px; height: 16px; background: url(../images/icons_action.png) no-repeat 0px -90px; vertical-align: middle; } /* boxes */ .info_box { width: 330px; margin: 0 auto; margin-top: 10%; padding: 15px; border: 1px solid #2478BD; background: #fff; } /* tooltip */ .tooltip { position: relative; } .tooltip .tooltip_info { display: none; position: absolute; top: 0px; left: 20px; padding: 5px; line-height: 1.3em; background: #E2F1F5; border: 1px solid #C0D7E0; border-radius: 5px; box-shadow: 3px 3px 5px #aaa;} .tooltip:hover .tooltip_info { display: block; z-index: 999; } /* arrows */ .arrow_left, .arrow_right { display: inline-block; opacity: 0.4; width: 16px; height: 16px; background: url(../images/icons_arrow.png) no-repeat 3px 0px; vertical-align: middle;} .arrow_right { background-position: -15px 0px; } .arrow_left:hover, .arrow_right:hover { opacity: 1; } /* other */ .fr { float: right; } .ac { text-align: center; } .ar { text-align: right; } .al { text-align: left; } .b { font-weight: bold; } .mt0 { margin-top: 0px; } .op { opacity: 0.3; } .op:hover { opacity: 1; } .rotate { white-space: nowrap; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg);} .small { font-size: 0.80em; line-height: 1.3em;} .nomargin { margin: 0px; padding: 0px;} .gray_tr td, .gray_tr input { background: #f7f7f7; color: #999;} .is_pareto th, .is_pareto td { font-weight: bold !important; } .number { text-align: right; } .number_green { color: #390;} .number_red { color: #c00;} /*************************** Sign In *************************/ .auth_body { background: #38b3df url(../images/auth_bg.jpg) no-repeat; } .auth_body .logo { padding: 30px; width: 213px; height: 41px; background: url(../images/logo_auth.png) no-repeat center center; } .auth_body .info_box { width: 270px;} .auth_body form .row { padding-bottom: 15px; } .auth_body form .row_input label { display: block; padding-bottom: 2px; } .auth_body form .row_input input { width: 260px; padding: 5px; font-size: 1.4em;} .auth_body form .button_blue { float: right; width: 110px;} /*************************** Header *************************/ .header { padding-top: 7px; color: #fff; background: #38b3df url(../images/header_bg.png) repeat-x; } .header a { color: #fff; } .header .logo { width: 156px; height: 35px; margin-left: 10px; background: url(../images/logo.png) no-repeat; } .user_menu { position: absolute; right: 15px; top: 5px; font-size: 0.9em;} .user_menu a { display: inline-block; padding-left: 10px; text-decoration: underline; } .username { text-align: right; } .lang { position: absolute; right: 15px; top: 37px; z-index: 1000; } .lang .lang_ru { display: inline-block; width: 32px; height: 32px; background: url(../images/rus.png) no-repeat; } .lang .lang_en { display: inline-block; width: 32px; height: 32px; background: url(../images/uk.png) no-repeat; } .menu { position: relative; padding: 0px 10px; } .menu a { display: inline-block; padding: 6px 10px; font-size: 1.15em; height: 18px; font-family: Tahoma; background: url(../images/menu.png) repeat-x; border-top-left-radius: 5px; border-top-right-radius: 5px;} .menu a:hover { background-position: 0px -40px; text-decoration: none; } .menu a.active { background-position: 0px -80px; color: #184F82; } .submenu { padding: 3px 10px; background: #f5f5f5; border-bottom: 1px dotted #32A3D9;} .submenu a { display: inline-block; color:#336699; padding: 5px 10px; border-radius: 5px; } .submenu a:hover { background: #DCEFF8; text-decoration: none;} .submenu a.active { background: #CFE9F5; color: #184F82; font-weight: bold; } .top_buttons { position: absolute; z-index: 100; right: 13px; top: 36px;} .top_buttons .button { position: relative; color: #336699; padding-left: 27px; margin-left: 7px; } .top_buttons .button b { position: absolute; top: 5px; left: 7px; display: inline-block; width: 16px; height: 16px; background: url(../images/icons_action.png) 0px -450px no-repeat; } .top_buttons .button_add_order b { background-position: 0px -1px } /*************************** Footer *************************/ .footer { padding-top: 1px;text-align: center; color: #fff; font-size: 0.85em;} .footer a { color: #fff; text-decoration: underline;} /*************************** Overlay *************************/ /* popup boxes */ #overlay_global { background: url(../images/overlay.png) repeat top left; position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 1100; } #overlay_box { position: fixed; top: -200px; left: 30%; right: 30%; min-width: 550px; padding: 10px; z-index: 1110; min-height: 100px; background-color: #fff; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius:10px; box-shadow: 0 1px 5px #333; -moz-box-shadow: 0 1px 5px #333; -webkit-box-shadow: 0 1px 5px #333; } #overlay_boxclose { position: absolute; top: -11px; right: -13px; width: 35px; height: 37px; cursor: pointer; background: url(../images/overlay_close.png) no-repeat 0px 0px; } #overlay_boxclose:hover { background-position: 0px -40px;} #overlay_content h2 { margin-top: 0px;} #overlay_content .overlay_form { padding: 10px; margin-bottom: 10px; background: #f7f9fa; border: 1px solid #e7e9ea;} #overlay_content .overlay_form label{ display: block; } #overlay_content .overlay_form .form_table { width: 100%; } #overlay_content .overlay_form .form_table th { text-align: left; font-weight: normal; vertical-align: top;} #overlay_content .overlay_form .form_table td { padding-bottom: 10px;} #overlay_content .overlay_form .radio_list li { display: inline-block; padding-right: 20px; } #overlay_content .overlay_form .radio_list label{ display: inline; } /*************************** Columns *************************/ .colls2 { overflow: hidden; } .coll_left { float: left; width: 49%; } .coll_right { float: right; width: 49%; } /*************************** Right panel *************************/ /* filters */ .sf_admin_filter { padding: 5px 0px; border-bottom: 1px dotted #32A3D9; } .sf_admin_filter table { display: block; width: 100%; } .sf_admin_filter tr { display: block; width: 217px; padding: 3px 0px; } .sf_admin_filter td { display: inline; border: none; padding: 0px;} .sf_admin_filter td td { display: table-cell; } .sf_admin_filter label { display: block; font-size: 0.9em; color: #777; } .sf_admin_filter label:after { content: ':'} .sf_admin_filter .button { float: right; } .sf_admin_filter input[type="text"] { width: 94%; } .sf_admin_filter select { width: 99%; } .sf_admin_filter .sf_admin_date input { width: 70px; } .sf_admin_filter .help { font-size: 0.85em; color: #999; font-style: italic; line-height: 1.3em;} /* custom filters */ .right_panel .filters label { display: block; margin-bottom: 3px; } .right_panel .filters label:after { content: ':'} .right_panel .filters .row { display: block; padding-bottom: 5px; } .right_panel .filters .button_blue { margin-top: 5px; } .right_panel .filters input[type="text"] { width: 94%; } .right_panel .filters select { width: 99%; } .right_panel .filters .checkbox_list label { display: inline; } .right_panel .filters .checkbox_list label:after { content: ''; } /* right actions */ .right_panel .sf_admin_actions { padding: 0px 0 3px 0; border-bottom: 1px dotted #32A3D9; background: #f5f5f5; } .right_panel .sf_admin_actions li { padding-bottom: 7px;} .sf_admin_batch_actions_choice select{ width: 170px; } /*************************** Actions *************************/ /* button style */ .sf_admin_actions a.button { position: relative; padding-left: 28px; } .sf_admin_actions a.button b { position: absolute; top: 4px; left: 3px; display: inline-block; width: 16px; height: 16px; background: url(../images/icons_action.png) 0px 30px no-repeat; } .sf_admin_action_new a.button b { background-position: 0px 0px;} .sf_admin_action_edit a.button b { background-position: 0px -90px;} .sf_admin_action_delete a.button b { background-position: 0px -119px;} .sf_admin_action_list a.button b { background-position: 0px -148px;} .sf_admin_action_reftesh a.button b { background-position: 0px -180px;} .sf_admin_action_excel a.button b { background-position: 0px -300px;} .sf_admin_action_excelexport a.button b { background-position: 0px -300px;} .sf_admin_action_pay a.button b { background-position: 0px -570px;} .sf_admin_action_hidefinances a.button b { background-position: 0px -570px;} .sf_admin_action_show_all_columns a.button b { background-position: 0px -570px;} .sf_admin_action_personalorders a.button b { background-position: 0px -630px;} /* icon style */ .sf_admin_td_actions { display: block; white-space: nowrap; text-align: right; } .sf_admin_td_actions li { display: inline; text-align: left;} .sf_admin_td_actions a { display: inline-block; opacity: 0.7; text-indent: -10000px; width: 22px; height: 22px; background: url(../images/icons_action.png) 3px -57px no-repeat; } .sf_admin_td_actions a:hover { opacity: 1; background-color: #DCEFF8; border-radius: 5px;} .sf_admin_td_actions .sf_admin_action_new a { background-position: 3px 3px; } .sf_admin_td_actions .sf_admin_action_edit a { background-position: 3px -87px; } #sf_admin_container ul li.sf_admin_action_edit a { background: url(../images/icons_action.png) 3px -87px no-repeat !important;} ul.salary_detailed_view li{display:inline; margin:10px;} #salarySum th{color: #000; font-size: 0.9em!important; font-weight: bold!important;} .sf_admin_td_actions .sf_admin_action_delete a { background-position: 3px -116px; } .sf_admin_td_actions .sf_admin_action_up a { background-position: 3px -207px; } .sf_admin_td_actions .sf_admin_action_down a { background-position: 3px -237px; } .sf_admin_td_actions .sf_admin_action_staff a { background-position: 3px -267px; } .sf_admin_td_actions .sf_admin_action_order a { background-position: 3px -327px; } .sf_admin_td_actions .sf_admin_action_contracts a { background-position: 3px -355px; } .sf_admin_td_actions .sf_admin_action_rates a { background-position: 3px -415px; } .sf_admin_td_actions .sf_admin_action_print a { background-position: 3px -477px; } .sf_admin_td_actions .sf_admin_action_income a { background-position: 3px -507px; } .sf_admin_td_actions .sf_admin_action_act a { background-position: 3px -537px; } .sf_admin_td_actions .sf_admin_action_invoice a, .sf_admin_td_actions .sf_admin_action_factura a { background-position: 3px -537px; } .sf_admin_td_actions .sf_admin_action_export a { background-position: 3px -597px; } .sf_admin_td_actions .sf_admin_action_email a { background-position: 3px -655px; } .sf_admin_td_actions .sf_admin_action_writeoff a { background-position: 3px -237px; } .sf_admin_td_actions .sf_admin_action_expense a { background-position: 3px -507px; } .sf_admin_td_actions .sf_admin_action_addcomment a { background-position: 3px -717px; } .sf_admin_td_actions .sf_admin_action_rateorder a { background-position: 3px -627px; } .sf_admin_td_actions .sf_admin_action_edit_paid a { background-position: 3px -567px; } .sf_admin_td_actions .sf_admin_action_addfile a { background-position: 3px -688px; } .sf_admin_td_actions .sf_admin_action_browsefile a { background-position: 3px -388px; } .sf_admin_td_actions .sf_admin_action_addcomment a.comment_exists { opacity: 1;} .sf_admin_td_actions .sf_admin_action_blockorder a { background: url(../images/status/status_block.png) no-repeat 0px 0px; background-size: 22px 22px; } .sf_admin_text .sf_admin_td_actions { text-align: left;} .export_word b { display: inline-block; background: url(../images/icons_action.png) 3px -597px no-repeat!important; border: 0px!important; padding: 4px 5px 4px 25px; line-height: 15px; } .print_page b { display: inline-block; background: url(../images/icons_action.png) 3px -477px no-repeat!important; border: 0px!important; padding: 4px 5px 4px 25px; line-height: 15px;} button.export_word, button.print_page { padding:0px!important; cursor: pointer;margin-bottom: 7px; } /*************************** List *****************************/ /* admin list */ .sf_admin_list table { width: 100%; border: 1px solid #C0D7E0; background: #fff; } .sf_admin_list table th { padding: 3px 5px; font-size: 0.9em; font-weight: normal; border: 1px solid #C0D7E0; background: #E2F1F5 url(../images/table_bg.png) repeat-x; } .sf_admin_list table td { padding: 4px 5px; border-bottom: 1px solid #C0D7E0; } .sf_admin_list table tr:hover td { background: #ffd; } #sf_admin_list_batch_actions { width: 1%; } #sf_admin_list_th_actions { width: 1%; } .sf_admin_list table .sf_admin_boolean { text-align: center;} .sf_admin_list table .sf_admin_date { text-align: center;} /* custom table */ .table_style { width: 100%; border: 1px solid #C0D7E0; background: #fff; } .table_style th { padding: 4px 5px; font-weight: normal; color: #000; border: 1px solid #C0D7E0; background: #F2F5F7; } .table_style thead th { background: #E2F1F5 url(../images/table_bg.png) repeat-x; } .table_style td { padding: 4px 5px; border: 1px solid #C0D7E0; } .table_style tr:hover td { background: #ffd; } .table_style .col_total { width: 20%; } .table_style .col_date { width: 80px; } .table_style .row_total td { background: #ffc; color: #111;} .totalRaw th{background: #F2F5F7!important;} /*Таблица расчета зп */ #sf_admin_container #table_salary input, #sf_admin_container #table_salary textarea { width:40px !important;} #sf_admin_container #table_salary th { font-size: 10px; white-space: inherit !important; border-right: 1px solid #DDDDDD;} #sf_admin_container #table_salary input.pc {width: 90px !important;} #sf_admin_container #table_salary input.readonly {width: 40px !important;} #sf_admin_container #table_salary input.readonlyZP {width: 80px !important;} #sf_admin_container #table_salary input.readonlyNM {width: 50px !important;} /* top panel */ .top_panel { float: right; } /* flashes */ #sf_admin_container .notice, #a_container .error, #sf_admin_container .warning {display:none;} /*************************** Forms *****************************/ /* admin forms */ .sf_admin_form { padding: 10px; margin-bottom: 40px; background: #f7f9fa; border: 1px solid #e7e9ea; } .sf_admin_form h2 { margin: 5px 0 5px 0; color: #32A3D9; padding-bottom: 5px; border-bottom: 1px dotted #32A3D9;} .sf_admin_form .sf_admin_actions { float: left; margin-top: 20px; margin-left: -10px; } .sf_admin_form .sf_admin_actions li { display: inline-block; padding-right: 10px; } .sf_admin_form .button_blue { min-width: 130px; } .sf_admin_form .sf_admin_form_row { padding: 5px 0 10px 0; } .sf_admin_form .sf_admin_form_row label { display: inline-block; width: 20%;} .sf_admin_form .sf_admin_form_row label:after { content: ':'} .sf_admin_form .sf_admin_form_row .content { display: inline-block; width: 60%;} .sf_admin_form .sf_admin_form_row .help { margin-left: 20%; padding-left: 3px; color: #999; font-size: 0.85em; font-style: italic; } .sf_admin_form .sf_admin_form_row .error_list { margin-left: 20%; padding-left: 3px; } .sf_admin_form .radio_list li { display: inline-block; padding-right: 20px; } .sf_admin_form .radio_list label { width: auto !important; } .sf_admin_form .radio_list label:after { content:'' !important; } .sf_admin_form .checkbox_list label { width: auto !important; } .sf_admin_form .checkbox_list label:after { content:'' !important; } .sf_admin_form .sf_admin_form_row select { min-width: 300px; } .sf_admin_form .sf_admin_form_row textarea { width: 500px; } .sf_admin_form .sf_admin_text input { width: 300px; } .sf_admin_form .sf_admin_text input[type="password"]{ width: 100px; } .sf_admin_form .sf_admin_text input[type="checkbox"]{ width: auto; } .sf_admin_form .sf_admin_date input[type="date"]{ width: 100px; } .sf_admin_form .sf_admin_time select { width: 50px; min-width: 50px;} .sf_admin_form .errors input, .sf_admin_form .errors textarea, .sf_admin_form .errors select { border-color: #e50000;} .sf_admin_form_field_amount_rub input, .sf_admin_form_field_amount_usd input, .sf_admin_form_field_amount_eur input, .sf_admin_form_field_invoice_number input { width: 100px !important;} .sf_admin_form_field_currency_id select { min-width: 70px !important; width: 70px;} .sf_admin_form_field_date_range input { width: 125px !important;} .sf_admin_form_field_users_list select slect { height: 300px; } .sf_admin_form_field_permissions_list div.content { height: 320px; overflow: hidden; vertical-align: middle;} .sf_admin_form_field_permissions_list ul { height: 300px; padding: 5px; overflow: auto; background: #fff; border: 1px solid #bbb;} .sf_admin_form_field_staff_list div.content { height: 320px; overflow: hidden; vertical-align: middle;} .sf_admin_form_field_staff_list ul { height: 300px; padding: 5px; overflow: auto; background: #fff; border: 1px solid #bbb;} #buyer_staff_buyers_list { height: 150px !important;} .sf_admin_form_field_staff_buyer_list div.content { height: 220px; overflow: hidden; vertical-align: middle;} .sf_admin_form_field_staff_buyer_list ul { height: 200px; padding: 5px; overflow: auto; background: #fff; border: 1px solid #bbb;} .sf_admin_form_field_photo img { max-width: 150px; } .sf_admin_form .form_table { width: 70%;} .sf_admin_form .form_table th { padding: 5px 0px; font-weight: normal; text-align: left;} .sf_admin_form .form_table td { padding: 5px 0px; font-weight: normal; text-align: left;} /*************************** Modules *****************************/ /* select filial */ #filialForm label { padding-right: 20px;} /* cashflow */ #cashflowForm td { padding-bottom: 10px;} .accountSum label{ padding-top: 5px; height: 15px; } label.accountSumTo, label.accountSumFrom, .currency { color: #8f8f8f; } /* department */ .table_tree .tree_edit_zone { color: #000; } /* salary */ .salary_plus { font-size: 0.9em; color: green;} .salary_minus { font-size: 0.9em; color:#cd0a0a;} .salary_payed .salary_amount { font-weight: bold; color: #000;} .salary_payed .salary_plus, .salary_payed .salary_minus { font-style: italic; opacity: 0.5;} /* order */ .hide_column:hover { cursor: pointer;} .list_order thead th { padding: 0px 0 3px; font-size: 0.85em; line-height: 1.2em; } .list_order thead .list_order { padding: 18px 5px 0; position: relative; min-height: 29px; font-size: 0.85em; line-height: 1.2em; } .list_order tbody td { font-size: 0.85em; line-height: 1.2em;} .sf_admin_list_td_details a { color: #000; font-weight: bold;} .sf_admin_list_td_details a:hover { color: #319ED9; } .sf_admin_list_td_amount, .sf_admin_list_td_amount_paid, .sf_admin_list_td_payment { text-align: right; } .sf_admin_list_td_created, .sf_admin_list_td_updated { text-align: center; } .order_duration { display: inline-block; overflow: hidden; width: 35px;} .order_duration i { float:left; width: 5px; height: 14px; background: url(../images/duration.png) no-repeat; } .order_duration span { float:left; font-size: 0.85em; padding-top: 2px;} .order_attach, .invoice_attach { display: inline-block; width: 16px; height: 16px; background: url(../images/icons_action.png) no-repeat 0px -390px; } .order_attach_empty, .invoice_attach_empty { background-position: 0px -690px; } #file_uploader_container_bigger { margin-bottom: 10px; } #file_uploader_container .button { margin-top: 5px; } #uploaded_files div { margin: 5px 0px; } .order_processing td { background: #FFECD9; } .order_waiting td { background: #eeeeff; } .order_completed td { background: #E2FFD5; } .order_deleted td { background: #F5F5F5; } .order_sent td { background: #fff; } .order_canceled td { color: #999; background: #f5f5f5;} .order_na_proverke td { background: #fda; } .order_block td { background: #ddd; } .order_status_pop ul { padding-top: 5px;} .order_status_pop ul li { margin-top: 7px;} .order_status_pop ul b { margin-right: 7px; vertical-align: middle;} .order_status { display: inline-block; width: 21px; height: 18px; background: url(../images/icons_statusfull.png) no-repeat 0px 0px; } .order_status_srochnyj { background-position: 0px 0px;} .order_status_skoro-sdavat { background-position: 0px -20px;} .order_status_otlozhen { background-position: 0px -40px;} .order_status_gorit { background-position: 0px -60px;} .order_status_otkaz { background-position: 0px -80px;} .order_status_v-razrabotke { background-position: 0px -100px;} .order_status_na-proverke { background-position: 0px -202px;} .order_status_otpravlen { background-position: 0px -120px;} .order_status_vypolnen { background-position: 0px -140px;} .order_status_novyj { background-position: 0px -180px;} .order_status_tekushchij { background-position: 0px -228px;} .order_status_na-perevode { background: url(../images/status_transfer.png) no-repeat 0px 0px;} .color_status { width: 17px; height: 16px; background: url(../images/color_status.png) no-repeat 0px 0px; display:inline-block; } .color_status_risk { height: 17px; background: url(../images/color_status.png) no-repeat 0px 0px; padding-left: 22px; display:inline-block; } .color_status_risk-vysokij { background-position: 0px -20px;} .color_status_risk-srednij { background-position: 0px -40px;} .color_status_risk-minimalnyj { background-position: 0px -60px;} .order_status_zablokirovan { background: url(../images/status/status_block.png) no-repeat -2px -2px; background-size: 20px 20px; } /* order form */ .order_form #buyer_fields { width: 65%; display: inline-block;} .order_form #buyer_fields label { vertical-align: middle;} .order_form .sf_admin_form_field_buyer_id, .order_form .sf_admin_form_field_status, .order_form .sf_admin_form_field_rate_id, .order_form .sf_admin_form_field_amount, .order_form .sf_admin_form_field_code, .order_form .sf_admin_form_field_staff_id, .order_form .sf_admin_form_field_department_id, .order_form .sf_admin_form_field_created_at, .order_form .sf_admin_form_field_complete_date, .order_form .sf_admin_form_field_quantity { width: 32%; display: inline-block;} .order_form .sf_admin_form_field_buyer_staff_id, .order_form .sf_admin_form_field_buyer_contract_id { width: 49%; display: inline-block;} .order_form .sf_admin_form_field_buyer_id label, .order_form .sf_admin_form_field_buyer_staff_id label, .order_form .sf_admin_form_field_buyer_contract_id label, .order_form .sf_admin_form_field_status label, .order_form .sf_admin_form_field_rate_id label, .order_form .sf_admin_form_field_amount label, .order_form .sf_admin_form_field_code label, .order_form .sf_admin_form_field_staff_id label, .order_form .sf_admin_form_field_department_id label, .order_form .sf_admin_form_field_created_at label, .order_form .sf_admin_form_field_complete_date label, .order_form .sf_admin_form_field_quantity label { width: 38%; } .order_form .sf_admin_form_field_buyer_id .help, .order_form .sf_admin_form_field_buyer_staff_id .help, .order_form .sf_admin_form_field_buyer_contract_id .help, .order_form .sf_admin_form_field_status .help, .order_form .sf_admin_form_field_rate_id .help, .order_form .sf_admin_form_field_amount .help, .order_form .sf_admin_form_field_code .help, .order_form .sf_admin_form_field_staff_id .help, .order_form .sf_admin_form_field_department_id .help, .order_form .sf_admin_form_field_created_at .help, .order_form .sf_admin_form_field_complete_date .help, .order_form .sf_admin_form_field_quantity .help { margin-left: 38%; } .order_form .sf_admin_form_field_buyer_id label, .order_form .sf_admin_form_field_rate_id label, .order_form .sf_admin_form_field_details label { font-weight: bold;} .order_form .sf_admin_form_field_buyer_id select, .order_form .sf_admin_form_field_buyer_staff_id select, .order_form .sf_admin_form_field_buyer_contract_id select, .order_form .sf_admin_form_field_status select, .order_form .sf_admin_form_field_rate_id select, .order_form .sf_admin_form_field_staff_id select, .order_form .sf_admin_form_field_department_id select { width: 94%; min-width: 94%} .order_form .sf_admin_form_field_amount input, .order_form .sf_admin_form_field_code input, .order_form .sf_admin_form_field_created_at input, .order_form .sf_admin_form_field_complete_date input, .order_form .sf_admin_form_field_quantity input { width: 90%;} .order_form .sf_admin_form_field_details { width: 64%; display: inline-block; } .order_form .sf_admin_form_field_details label { width: 19%;} .order_form .sf_admin_form_field_details .help { margin-left: 19%; } .order_form .sf_admin_form_field_details .content { width: 79%;} .order_form .sf_admin_form_field_details input { width: 98%;} .order_form .sf_admin_form_field_code { margin-left: -3px;} .order_form .sf_admin_form_field_quantity { margin-left: -3px;} .order_form .sf_admin_form_field_comment label { width: 12%;} .order_form .sf_admin_form_field_comment textarea { height: 45px; } .order_form .sf_admin_form_field_comment { overflow: hidden; } .order_form .sf_admin_form_field_comment .content_comment { position: relative; overflow: hidden; } .order_form .sf_admin_form_field_comment .help { position: absolute; bottom: 0; margin-left: 520px; } .order_comments { line-height: 1.35em;} .order_comments .comment_content b { color: #000 } .order_comments .comment_content span{ font-size: 0.8em; color: #777 } .order_comments .comment a { display: inline-block; margin-left: 8px; height: 12px; line-height: 12px; padding: 0px 3px; color: #fff; background: #ccc; border-radius: 3px;} .order_comments .comment a:hover { text-decoration: none; background: #319ED9; } #OeName {width: 30%;} #OeName input {width: 90% !important;} #OeComment {width: 20%;} .order_entry_comments { overflow: auto; width:95% } .order_entry_comments .comment a { display: inline-block; margin-left: 8px; height: 12px; line-height: 12px; padding: 0px 3px; color: #fff; background: #ccc; border-radius: 3px;} .order_entry_comments .comment a:hover { text-decoration: none; background: #319ED9; } #OeComment div div .content {width: 100%;} #OeComment textarea { width:95% !important;} #OeUser {width: 15%;} #OeFile {width: 10%;} #OeFile span {position: relative; right: -93%;} #OeUser select {height: 100px;} tr.order_entry_complete { opacity: 0.7; background-color: #CFFDCF; } /*#OeFile span {position: inherit; top: -40px;}*/ /* client order form */ .client_order_form .sf_admin_form_field_buyer_id, .client_order_form .sf_admin_form_field_buyer_contract_id, .client_order_form .sf_admin_form_field_rate_id, .client_order_form .sf_admin_form_field_amount { width: 49%; display: inline-block;} .client_order_form .sf_admin_form_field_buyer_id label, .client_order_form .sf_admin_form_field_buyer_contract_id label, .client_order_form .sf_admin_form_field_rate_id label, .client_order_form .sf_admin_form_field_amount label { width: 30%; } .client_order_form .sf_admin_form_field_buyer_id label, .client_order_form .sf_admin_form_field_rate_id label, .client_order_form .sf_admin_form_field_details label { font-weight: bold;} .client_order_form .sf_admin_form_field_buyer_id select, .client_order_form .sf_admin_form_field_buyer_contract_id select, .client_order_form .sf_admin_form_field_rate_id select { width: 94%; min-width: 94%} .client_order_form .sf_admin_form_field_amount input { width: 90%;} .client_order_form .sf_admin_form_field_comment, .client_order_form .sf_admin_form_field_code, .client_order_form .sf_admin_form_field_details { width: 98%; display: inline-block;} .client_order_form .sf_admin_form_field_comment label, .client_order_form .sf_admin_form_field_code label, .client_order_form .sf_admin_form_field_details label { width: 15%; } .client_order_form .sf_admin_form_field_comment .help, .client_order_form .sf_admin_form_field_code .help, .client_order_form .sf_admin_form_field_details .help { margin-left: 16%; } .client_order_form .sf_admin_form_row div label:first-child { margin-left: 10px; } .client_order_form .sf_admin_form_field_comment .content, .client_order_form .sf_admin_form_field_code .content, .client_order_form .sf_admin_form_field_details .content { width: 80%;} .client_order_form .sf_admin_form_field_comment input, .client_order_form .sf_admin_form_field_details input { width: 97%;} .client_order_form .sf_admin_form_field_code input { width: 34%; } .client_order_form .order_comments { line-height: 1.35em;} .client_order_form .order_comments span { font-size: 0.9em; color: #777 } /* buyer form */ .buyer_form .sf_admin_form_field_buyer_id, .buyer_form .sf_admin_form_field_phone, .buyer_form .sf_admin_form_field_alias, .buyer_form .sf_admin_form_field_fax, .buyer_form .sf_admin_form_field_legal_address, .buyer_form .sf_admin_form_field_mailing_address, .buyer_form .sf_admin_form_field_email, .buyer_form .sf_admin_form_field_amount_rub, .buyer_form .sf_admin_form_field_site, .buyer_form .sf_admin_form_field_buyer_staff_id, .buyer_form .sf_admin_form_field_details, .buyer_form .sf_admin_form_field_place_holder_invoice, .buyer_form .sf_admin_form_field_place_holder_act, .buyer_form .sf_admin_form_field_filial_id, .buyer_form .sf_admin_form_field_staff_id, .buyer_form .sf_admin_form_field_buyer_balance { width: 49%; display: inline-block; } .buyer_form .sf_admin_form_field_buyer_id label, .buyer_form .sf_admin_form_field_phone label, .buyer_form .sf_admin_form_field_alias label, .buyer_form .sf_admin_form_field_fax label, .buyer_form .sf_admin_form_field_legal_address label, .buyer_form .sf_admin_form_field_mailing_address label, .buyer_form .sf_admin_form_field_email label, .buyer_form .sf_admin_form_field_amount_rub label, .buyer_form .sf_admin_form_field_site label, .buyer_form .sf_admin_form_field_buyer_staff_id label, .buyer_form .sf_admin_form_field_details label, .buyer_form .sf_admin_form_field_place_holder_invoice label, .buyer_form .sf_admin_form_field_place_holder_act label, .buyer_form .sf_admin_form_field_filial_id label, .buyer_form .sf_admin_form_field_staff_id label, .buyer_form .sf_admin_form_field_buyer_balance label, .buyer_form .sub_row label { width: 30%;} .buyer_form .sf_admin_form_field_buyer_id input, .buyer_form .sf_admin_form_field_phone input, .buyer_form .sf_admin_form_field_alias input, .buyer_form .sf_admin_form_field_fax input, .buyer_form .sf_admin_form_field_legal_address textarea, .buyer_form .sf_admin_form_field_mailing_address textarea, .buyer_form .sf_admin_form_field_email input, .buyer_form .sf_admin_form_field_amount_rub input, .buyer_form .sf_admin_form_field_site input, .buyer_form .sf_admin_form_field_buyer_staff_id select, .buyer_form .sf_admin_form_field_details textarea, .buyer_form .sf_admin_form_field_place_holder_invoice textarea, .buyer_form .sf_admin_form_field_place_holder_act textarea, .buyer_form .sf_admin_form_field_filial_id select, .buyer_form .sf_admin_form_field_staff_id select, .buyer_form .sub_row input { width: 95%; min-width: 95%;} .buyer_form .sf_admin_form_field_buyer_id .help, .buyer_form .sf_admin_form_field_phone .help { margin-left: 30%;} .buyer_form .buyer_bank, .buyer_form .buyer_bank_foreign { width: 49%; display: inline-block; border-bottom: 1px dotted #a7a9aa; vertical-align: top;} .buyer_staffs { width: 100%; background: #fff; border: 1px solid #e7e9ea;} .buyer_staffs td { padding: 5px 8px; border-bottom: 1px dotted #e7e9ea;} .buyer_form #buyer_partner_formula { width: 350px; } /* client comment */ .overlay_form #comment_comment { width: 95%;} /* template */ .template_help { padding: 10px;} .template_help li span { display: inline-block; min-width: 200px; font-style: italic; color: #000; } .pop { position: absolute; display: inline; z-index: 1000; } .pop .pop_menu { display: none; background-color: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius:5px; box-shadow: 0 1px 5px #333; -moz-box-shadow: 0 1px 5px #333; -webkit-box-shadow: 0 1px 5px #333; } .pop .pop_toggle { background-image: url(/images/arrow-down.png); background-repeat: no-repeat; background-position: center center; width: 20px; height: 20px; overflow: hidden; cursor: pointer; } .pop.active { z-index: 1050; } .pop.active .pop_menu { display: block; position: absolute; padding: 1em; width: 12em; } .pop.active .pop_toggle { z-index: 2000; position: absolute; top: 0; left: 0; background-image: url(/images/arrow-up.png); } .pop_close { position: absolute; top: -7px; right: -8px; width: 35px; height: 37px; cursor: pointer; background: url(../images/overlay_close.png) no-repeat 0px 0px;} .pop_close:hover { background-position: 0px -40px;} .nonactive{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=5); /* IE 5.5+*/ -moz-opacity: 0.5; /* Mozilla 1.6 и ниже */ -khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */ opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */ background-color: #eee; color: gray; } .nonactiveStaff { color: gray; } .doubleSelect ul { height: 300px; width: 300px !important; } .doubleSelect {width: 650px !important} /* news list */ .news_page { padding: 15px; } .news_page h2 { margin: 10px 0 10px 0; color: #319ED9; } .news_page .date { color: #aaa; font-size: 0.85em; font-style: italic; } .news_page .text { margin-bottom: 15px; padding-bottom: 15px; max-width: 900px; border-bottom: 1px dotted #ccc; } .news_page .pager { margin-bottom: 5px; } .news_page .pager span, .news_page .pager a { display: inline-block; padding: 0px 5px; color: #fff; background: #ccc; border-radius: 2px;} .news_page .pager span, .news_page .pager a:hover { text-decoration: none; background: #319ED9; } /* personal manager */ .manager_page { overflow: hidden; } .manager_page td { padding: 10px; } .bg_bg { background:#f9f9f9; } .bg_gray { background:#eee; } .bg_yellow { background:#ffc; } .bg_green { background:#dfd; } .bg_red { background:#fdd; } .bg_orange { background:#fda; } td.bg_green.bg_yellow { background:#fda; } /*for datepicker in overlay_box*/ #overlay_box .date_selector { top: 100% !important; left: 0px !important; } .client_balance { margin-left: 10px; color: #8F8F8F; } .input_razmer td input { width: 10px; } .tr_name { color: red; } #ermessage { background-color: red; height: 24px; } #table_salary tr td { text-align: center; } #PremPenSal { text-align: right !important; } #table_salary tr td input { text-align: right; } .NotActiveBuyerStaffs td { opacity: 0.3; } .NotActiveBuyerContracts td { opacity: 0.3; } #addOe { margin-top: 10px; } #systems li {padding: 3px 10px; background: #f5f5f5; border-bottom: 1px dotted #32A3D9; } #systems li:hover { background: #DCEFF8; text-decoration: none; cursor: pointer; } #systems li.active { background: #CFE9F5; color: #184F82; font-weight: bold; } #systems_manage li { margin-bottom: 10px; } .block_narrow { position: relative; border: 8px solid transparent; border-top: 8px solid #C0D7E0; margin-right: 7px; top: 10px; } .block_expand { position: relative; border: 8px solid transparent; border-bottom: 8px solid #C0D7E0; margin-right: 7px; bottom: 10px; } .block_narrow:hover, .block_expand:hover { cursor: pointer; } .inactive { background-color: #E0E0E0; }