/*
3.15
--main-color: #1871A5
--main-color-hover: #3F51B5;
--main-color-left-menu-icon: #0AA41C
*/
:root {
--main-color: #1871A5;
--main-color-hover: #3F51B5;
--main-color-left-menu-icon: #008000;
}
@font-face {
font-family: 'Myriad pro';
src: url('../fonts/mypro-it-webfont.eot');
src: url('../fonts/mypro-it-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/mypro-it-webfont.woff') format('woff'),
url('../fonts/mypro-it-webfont.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Myriad pro';
src: url('../fonts/mypro-regular-webfont.eot');
src: url('../fonts/mypro-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/mypro-regular-webfont.woff') format('woff'),
url('../fonts/mypro-regular-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Myriad pro';
src: url('../fonts/mypro-semibold-webfont.eot');
src: url('../fonts/mypro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/mypro-semibold-webfont.woff') format('woff'),
url('../fonts/mypro-semibold-webfont.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Myriad pro';
src: url('../fonts/mypro-semiboldit-webfont.eot');
src: url('../fonts/mypro-semiboldit-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/mypro-semiboldit-webfont.woff') format('woff'),
url('../fonts/mypro-semiboldit-webfont.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}
.us-logo-medium {
background: url('../picture/logo.png') 0px no-repeat;
}
.date-time-field {
color: #000;
font-size: 14px;
height: 23px;
line-height: 23px;
border: 1px solid #B5B6B5;
outline: none;
padding: 0 10px;
padding-right: 10px;
font-family: 'Myriad pro', Tahoma, Geneva, Helvetica, sans-serif;
background: url('../../oper/?core_section=image&action=calendar&color=gray') 100% 50% no-repeat;
width: 120px;
}
.date-field {
color: #000;
font-size: 14px;
height: 23px;
line-height: 23px;
border: 1px solid #B5B6B5;
outline: none;
padding: 0 10px;
padding-right: 10px;
font-family: 'Myriad pro', Tahoma, Geneva, Helvetica, sans-serif;
background: url('../../oper/?core_section=image&action=calendar&color=gray') 100% 50% no-repeat;
width: 100px;
}
#oper_notify_id {
position: fixed;
bottom: 10px;
right: 10px;
width: 350px;
z-index: 9999;
}
.oper_notify_msg {
width: 100%;
min-height: 100px;
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 8px;
-khtml-border-radius: 11px;
margin-top: 5px;
}
.oper_notify_msg:hover {
background-color: #000;
}
.employee_notify_task_new_comment {
background-color: #408080;
border: 1px solid #800080
}
.employee_notify_task_new_comment:hover {
background-color: rgba(64, 128, 128, 0.7);
}
.employee_notify_task_employee_assignment {
background-color: #800080;
border: 1px solid #800080
}
.employee_notify_task_employee_assignment:hover {
background-color: rgba(128, 0, 128, 0.7);
}
.oper_notify_msg_ico {
width: 80px;
min-height: 100px;
text-align: center;
float: left;
}
.oper_notify_msg_ico_href {
color: #fff;
}
.oper_notify_msg_ico_href:hover {
color: #fff;
}
.oper_notify_msg_ico_href:visited {
color: #fff;
}
.oper_notify_msg_ico1 {
background: url('../../oper/?core_section=image&action=phone&color=green-light') no-repeat center 0px;
}
.oper_notify_msg_text {
min-height: 100px;
height: 100%;
padding-top: 1px;
}
.oper_notify_msg_text a {
color: #BDEBFF;
}
.oper_notify_msg_text a:hover {
color: #5ACBFF;
}
.notify_caption {
font-weight: bold;
text-transform: uppercase;
}
.notify_caption1 {
color: #39FF10;
}
.c_attach_div {
width: 100%;
position: relative;
margin-top: 5px;
margin-bottom: 5px;
display: inline-block;
min-height: 40px;
}
.c_attach_div .c_attach_div_left {
position: absolute;
left: 0px;
top: 0px;
width: 30px;
height: 100%;
background-color: #d4d4d4;
border-radius: 6px 0px 0px 6px;
min-height: 40px;
}
.c_attach_div .c_attach_div_left span {
padding-top: 15px;
padding-left: 5px;
}
.c_attach_div .c_attach_div_right {
background: #EFEFEF;
border-radius: 0px 6px 6px 0px;
padding: 5px;
padding-left: 35px;
display: inline-block;
min-height: 40px;
border: 1px solid #C0C0C0;
}
.c_attach_div .c_attach_div_right_new {
background: #EFEFEF;
border-radius: 0px 6px 6px 0px;
padding: 5px;
display: inline-block;
min-height: 40px;
border: 1px solid #C0C0C0;
}
.c_attach_div .c_attach_div_empty {
display: inline-block;
}
.c_attach_frame_div {
border: 1px solid #9C9E9C;
color: #000;
background: #EFEFEF;
padding: 3px;
width: 400px;
}
.c_attach_frame_div_top {
display: inline-block;
position: relative;
width: 100%;
min-height: 45px;
}
.c_attach_frame_div_left {
}
.c_attach_frame_div_right {
padding-top: 10px;
position: absolute;
text-align: right;
right: -5px;
top: -10px;
width: 200px;
}
.c_attach_frame_div_info {
font-size: 11px;
height: 17px;
overflow: hidden;
}
.lk_link_promise_span_info {
font-size: 7pt;
}
footer {
padding: 30px 0;
margin-top: 20px;
border-top: 2px solid #e0e0e0;
position: relative;
}
footer #down_copy {
color: #83898b;
font-size: 13px;
}
footer #down_copy a {
}
footer #down_support {
width: 150px;
height: 18px;
background: var(--main-color);
color: #fff;
padding-top: 3px;
padding-left: 7px;
padding-bottom: 3px;
display: block;
position: absolute;
text-align: right;
right: 0;
top: 25px;
}
footer #down_support a {
text-decoration: none;
color: #fff;
}
footer #down_support i {
color: #fff;
}
footer #down_support:hover {
background: #707070;
}
footer #down_support_div {
width: 500px;
position: fixed;
right: 10px;
bottom: 10px;
background-color: var(--main-color);
color: #fff;
padding: 5px;
}
footer #down_support_div ul {
list-style: square inside;
padding-bottom: 10px;
}
footer #down_support_div ul li {
margin: 5px;
}
footer #down_support_div a {
color: #fff;
}
footer #down_support_div a:hover {
color: #C6C3C6;
}
footer #down_support_div h2 {
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
margin-top: -5px;
margin-bottom: 2px;
}
footer #down_support_div #down_support_cancel {
position: absolute;
right: 10px;
top: 5px;
padding-right: 20px;
}
footer #down_finishinfo {
display: block;
position: absolute;
right: 0;
margin-right: 170px;
padding: 2px;
font-size: 8pt;
top: 25px;
color: #fff;
}
footer #down_finishinfo_full {
display: block;
position: relative;
float: right;
right: 0;
margin-right: 170px;
padding: 2px;
top: -40px;
font-size: 9pt;
background-color: #C6C3C6;
border: 1px solid #000;
}
footer #down_finishinfo2_full {
top: 20px;
padding: 10px;
position: relative;
background-color: #C6C3C6;
border: 1px solid #000;
width: 400px;
}
.geo_list_check_el {
background: url('../picture/check.png') 0px no-repeat;
}
/*
Стили для личного кабинета
==================================================================================================================
*/
.lk_menu {
display: inline-block;
}
.lk_menu_punkt {
background: rgba(0, 0, 0, 0.15);
float: left;
height: 110px;
width: 220px;
margin: 20px;
padding: 10px;
box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.lk_menu_punkt:hover {
background: rgba(0, 0, 0, 0.1);
}
.lk_menu_punkt_inside {
background: var(--main-color-hover);
width: 100%;
height: 100%;
box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
position: relative;
}
.lk_menu_punkt_inside:hover {
background: var(--main-color);
cursor: pointer;
}
.lk_menu_punkt_inside_link {
padding: 5px;
font-weight: bold;
font-size: 13pt;
text-align: center;
position: relative;
top: 10px;
}
.lk_menu_punkt_inside_link a {
color: #fff;
text-decoration: none;
}
.lk_menu_punkt_inside_link a:hover {
color: #fff;
}
.lk_link_default {
width: 48px;
height: 48px;
position: relative;
top: 10px;
left: 50%;
margin-left: -24px;
}
.lk_netdata {
display: inline-block;
width: 100%;
height: 190px;
}
.lk_netdata .lk_netdata_text {
float: left;
}
.lk_netdata .lk_netdata_text_link {
cursor: pointer;
}
.lk_netdata .lk_netdata_text .lk_netdata_text_link .lk_netname {
position: relative;
top: 15px;
height: 40px;
font-weight: bold;
font-size: 45pt;
color: var(--main-color);
}
.lk_netdata .lk_netdata_text .lk_netdata_text_link .lk_lk_text {
position: relative;
top: 10px;
font-weight: bold;
color: #B5B6B5;
height: 20px;
font-size: 20pt;
}
.lk_netdata .lk_netdata_text .lk_lk_userdata {
position: relative;
top: 25px;
}
.lk_netdata .lk_logo {
width: 128px;
height: 128px;
left: 100%;
top: 10px;
margin-left: -135px;
margin-bottom: 20px;
position: relative;
}
.lk_main_content_inside {
}
#lk_notify_all {
margin: 20px 0px;
}
#lk_notify_all .lk_notify_custom {
padding: 15px;
margin-bottom: 20px;
background: #D6FFD6;
border-left: 3px solid #84FF84;
}
#lk_notify_all .lk_notify_custom h3 {
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
}
#lk_notify_all .lk_notify_custom .text {
margin-top: -10px;
margin-bottom: 10px;
}
#lk_notify_all .lk_notify_custom a {
color: var(--main-color);
}
#lk_notify_all .lk_notify_custom a:hover {
color: #666666;
}
.lk_label_top {
color: #737173;
font-size: 20px;
margin-top: 20px;
margin-bottom: 10px;
font-weight: bold;
}
.link_lk_addcard {
}
.link_lk_online {
}
.link_lk_promise {
}
/* ------------------------------------ */
/* -----------Левое меню------------ */
/* ------------------------------------ */
nav {
}
nav ul {
list-style: none;
}
nav ul li {
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
nav ul li a {
line-height: 28px;
color: var(--main-color);
font-size: 15px;
text-decoration: none;
height: 29px;
display: block;
padding-left: 30px;
border-bottom: 1px solid #e0e0e0;
background-position: 5px 50%;
background-repeat: no-repeat;
}
nav ul li a span {
float: right;
color: #666666;
font-size: 13px;
margin-right: 10px;
}
nav ul li a .span_second {
float: right;
color: var(--main-color);
font-size: 13px;
margin-right: 20px;
}
.nav_short {
position: absolute;
width: 30px;
border-right: 1px solid #E7E3E7;
overflow: hidden;
}
.nav_short span {
display: none;
}
#mywork_blink {
color: #f00;
font-weight: bold;
}
nav ul li a:hover {
background-color: #f2f5f5;
color: #666666;
}
nav ul li ul {
padding-left: 30px;
}
nav ul li ul li {
list-style: square;
color: var(--main-color-left-menu-icon);
}
nav ul li ul li:hover {
color: #9C9E9C;
}
nav ul li ul li a {
line-height: 18px;
color: var(--main-color);
font-size: 15px;
text-decoration: none;
height: 100%;
display: block;
padding-left: 10px;
border-bottom: none;
}
nav ul li ul li a:hover {
background: none;
text-decoration: underline;
}
nav ul li:hover ul {
}
nav ul li.active a {
background-color: #0088d1;
color: #FFF;
border: none;
background-position: 5px 50%;
background-repeat: no-repeat;
}
nav ul li a.i0 {
cursor: pointer;
}
.paging {
margin: 20px 0px;
}
.paging .current {
padding: 5px;
border: 1px solid #dadada;
font-weight: bold;
font-size: 14px;
display: inline-block;
padding: 3px 10px;
height: 20px;
margin-left: -4px;
}
.paging .links {
display: inline;
margin-left: 10px;
padding: 5px;
}
.paging .links a {
border: 1px solid #dadada;
font-weight: bold;
font-size: 13px;
display: inline-block;
padding: 3px 10px;
height: 20px;
margin-left: -4px;
}
.paging .links a:hover {
background: #f6f6f6;
color: #000;
}
.paging .links a:last-child {
}
.paging .links a.left {
margin-bottom: -11px;
}
.paging .links a.left:hover {
margin-bottom: -11px;
}
.paging .links a.right {
margin-bottom: -11px;
}
.page-right {
}
.calendar_all {
}
.calendar_all .calendar_header .current_date {
background: var(--main-color);
color: #fff;
}
.calendar_all .calendar_header .current_date a {
color: #fff;
}
.calendar_all .calendar_item_hour {
width: 40px;
text-align: right;
border-right: 1px dashed #D6D7D6;
}
.calendar_all .calendar_item_element {
border-right: 1px dashed #D6D7D6;
}
.calendar_all .calendar_item_element_hover:hover {
background: #EFF7FF;
}
.calendar_all .item .current_date {
background-color: #EFFBFF;
border-right: 1px solid var(--main-color);
border-left: 1px solid var(--main-color);
}
.calendar_all .item .current_date_doing {
background-color: #EFFBFF;
border-right: 1px solid var(--main-color);
border-left: 1px solid var(--main-color);
}
.calendar_all .item .current_date_doing:hover {
background-color: #BDEFFF;
}
.calendar_all .item .current_hour {
text-decoration: none;
padding-left: 20px;
}
.calendar_all .item .current_date_hour {
border: 3px dotted var(--main-color);
}
.calendar_all .item .current_date_hour2 {
background: #EFFBFF;
}
.calendar_all .item .current_date_hour2_hover {
background: #EFFBFF;
}
.calendar_all .item .current_date_hour2_hover:hover {
background: #EFF7FF;
}
.calendar_all .calendar_item_element .busy_hour {
text-align: center;
font-weight: bold;
border: #C0C0C0 solid 1px;
}
.calendar_all .calendar_item_element .work_hour {
/* background: #FFFFDE; */
border: #FF8000 solid 3px;
margin-bottom: 1px;
padding: 3px;
}
.calendar_all .calendar_item_element .doing_hour {
border: #84F784 solid 3px;
font-style: italic;
padding-right: 16px;
margin-bottom: 1px;
padding: 3px;
}
.calendar_all .calendar_item_element .putback_hour {
border: #000 solid 2px;
font-style: italic;
padding-right: 16px;
margin-bottom: 1px;
padding: 3px;
background-color: #C0C0C0;
color: #000;
}
.calendar_all .calendar_day_col {
width: 13.5%;
}
#top_topline_current {
position: fixed;
width: 100%;
height: 40px;
background: var(--main-color);
top: 0;
left: 0;
z-index: 900;
}
#top_topline_plan {
position: fixed;
width: 100%;
height: 40px;
background: #848284;
top: 0;
left: 0;
z-index: 900;
}
#top_topline_all {
position: fixed;
width: 100%;
height: 40px;
background: -moz-linear-gradient(left, var(--main-color), #848284 100%);
background: -webkit-linear-gradient(left, var(--main-color), #848284 100%);
background: -o-linear-gradient(left, var(--main-color), #848284 100%);
background: -ms-linear-gradient(left, var(--main-color), #848284 100%);
background: linear-gradient(to right, var(--main-color), #848284 100%);
top: 0;
left: 0;
z-index: 900;
}
#top_userbar {
height: 40px;
line-height: 40px;
background: var(--main-color);
color: #FFF;
position: relative;
margin: 0 auto;
padding: 0 20px;
max-width: 1400px;
}
#top_userbar1 {
height: 40px;
line-height: 40px;
background: #848284;
color: #FFF;
position: relative;
margin: 0 auto;
padding: 0 20px;
max-width: 1400px;
}
#top_userbar2 {
height: 40px;
line-height: 40px;
color: #FFF;
position: relative;
margin: 0 auto;
padding: 0 20px;
max-width: 1400px;
}
#top_userbar_current {
height: 40px;
line-height: 40px;
background: var(--main-color);
color: #FFF;
position: relative;
margin: 0 auto;
padding: 0 20px;
}
#top_userbar_plan {
height: 40px;
line-height: 40px;
background: #848284;
color: #FFF;
position: relative;
margin: 0 auto;
padding: 0 20px;
}
#top_userbar_all {
height: 40px;
line-height: 40px;
color: #FFF;
position: relative;
margin: 0 auto;
padding: 0 20px;
}
#top_search {
position: relative;
width: 250px;
}
#top_search #top_field {
color: #83898b;
font-size: 13px;
height: 23px;
line-height: 23px;
width: 205px;
border: none;
outline: none;
padding: 0 10px;
padding-right: 35px;
font-family: 'Myriad pro', Tahoma, Geneva, Helvetica, sans-serif;
position: absolute;
top: 8px;
left: 0;
}
#top_search #top_button {
width: 28px;
height: 23px;
background: url('../../oper/?core_section=image&action=search&color=gray') 50% 50% no-repeat #F2F5F5;
cursor: pointer;
border: none;
position: absolute;
top: 8px;
right: 0;
}
#top_search #top_button:hover {
background: url('../../oper/?core_section=image&action=search&color=us') 50% 50% no-repeat #F2F5F5;
}
#button_go_task, #button_go_device {
width: 28px;
height: 23px;
background: url('../../oper/?core_section=image&action=search&color=gray') 50% 50% no-repeat #F2F5F5;
cursor: pointer;
border: none;
margin-top: 4px;
right: 0;
}
#button_go_task:hover, #button_go_device:hover {
background: url('../../oper/?core_section=image&action=search&color=us') 50% 50% no-repeat #F2F5F5;
}
#top_links {
height: 20px;
float: right;
margin: 10px 0;
line-height: 20px;
}
#top_links li {
display: inline-block;
border-left: 1px solid #195f84;
height: 100%;
text-align: center;
padding-left: 10px;
margin-left: 10px;
}
#top_links li:first-child {
border: none;
}
#top_links li a {
color: #FFF;
text-align: center;
}
#top_links li a:hover {
color: #DEDFDE;
}
#top_links li #top_region {
border-bottom: 1px dashed;
}
#region_select {
background-color: var(--main-color);
border: 1px solid #e0e0e0;
margin-left: -50px;
padding-left: 25px;
}
#region_select ul {
border-bottom: 1px solid #e0e0e0;
padding: 10px;
margin-left: -15px;
list-style: square outside;
color: #fff;
}
#region_select li {
border: none;
display: list-item;
line-width: 100%;
text-align: left;
}
#top_find_result {
background-color: var(--main-color);
color: #fff;
border: 1px solid #e0e0e0;
position: absolute;
line-height: 23px;
top: 35px;
min-width: 250px;
padding-left: 5px;
padding-right: 10px;
}
#top_find_result a {
color: #fff;
}
#top_find_result a:hover {
color: #DEDFDE;
}
#top_find_result ul {
border-bottom: 1px solid #e0e0e0;
padding-right: 5px;
margin-left: 0px;
list-style: square inside;
color: #fff;
}
#top_find_result li {
border: none;
display: list-item;
text-align: left;
font-size: 12px;
}
#us_label {
font-weight: bold;
color: var(--main-color-hover);
margin-top: 7px;
margin-right: 7px;
font-size: 28pt;
height: 32px;
width: 154px;
}
/* ~~ этот контейнер фиксированной ширины окружает остальные DIV ~~ */
#page_container {
max-width: 1400px;
margin: 0 auto; /* автоматическое задание величин по бокам в совокупности с шириной центрирует макет */
padding: 0 20px;
position: relative;
margin-top: 60px;
/* border: 3px solid #f00; */
}
#page_container314 {
margin: 0 auto; /* автоматическое задание величин по бокам в совокупности с шириной центрирует макет */
padding: 0 20px;
position: relative;
margin-top: 60px;
/* border: 3px solid #f00; */
}
.modeTypeall a, .modeTypeall a:visited, .modeTypeall a:hover, .modeType a, .modeType a:visited, .modeType a:hover {
text-decoration: none;
color: var(--main-color);
}
.modeTypeplan a, .modeTypeplan a:visited, .modeTypeplan a:hover {
text-decoration: none;
color: #848284;
}
#menuTopUsText {
font-size: 33pt;
margin-top: 7px;
margin-left: 3px;
}
#menuUsVersion {
font-size: 9pt;
margin-top: 9px;
margin-left: 5px;
}
#menuUsIsPlanned {
color: #f00;
font-weight: bold;
padding-left: 5px;
}
#menuUsNetwork {
margin-top: 9px;
margin-bottom: -5px;
font-size: 12pt;
font-weight: bold;
font-style: italic;
padding-left: 5px;
}
.div_razdel {
font-size: 18px;
padding-bottom: 10px;
border-bottom: 2px solid #e0e0e0;
margin-bottom: 20px;
text-transform: uppercase;
}
#popup {
background-color: #FFF;
position: fixed;
top: 45px;
left: 50%;
margin-left: -150px;
width: 220px;
height: 39px;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
z-index: 1000;
padding: 10px;
padding-left: 80px;
border: 3px solid #0088d1;
font-size: 17px;
padding-top: 5px;
padding-bottom: 20px;
}
#notifyDivIcon {
position: fixed;
top: 60px;
left: 50%;
margin-left: -137px;
z-index: 1010;
font-size: 50px;
}
#popup_error {
background-color: #FFF;
position: fixed;
top: 45px;
left: 50%;
width: 220px;
height: 39px;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
z-index: 1000;
padding: 10px;
padding-left: 80px;
margin-left: -150px;
border: 3px solid #0088d1;
font-size: 17px;
padding-top: 5px;
padding-bottom: 20px;
}
#main_content {
/* border: 3px solid #0ff; */
}
.main_content_inside {
margin-left: 300px;
min-width: 400px;
}
.main_content_inside_min {
padding-top: 10px;
margin-left: 50px;
}
.main_content_inside_right_aside {
margin-right: 220px;
}
#aside_left {
float: left;
width: 250px;
padding-bottom: 10px;
margin-right: 40px;
/* border: 3px solid #0f0; */
}
#aside_right {
padding: 5px;
width: 200px;
background: #F7EFEF;
border-left: 2px solid #E7E7E7;
position: absolute;
top: 0px;
right: 12px;
}
#top_topinfo {
width: 100%;
height: 60px;
margin-bottom: 45px;
}
#div_contentplace {
/* этот класс можно поместить в теге
или в пустом блоке DIV в качестве конечного элемента, следующего за последним обтекаемым DIV (внутри #container), если overflow:hidden удалено в .container */
}
#div_empty {
clear: both;
background-color: #0f0;
height: 0;
line-height: 0;
font: 1px;
}
.div_debug_header {
margin-top: 50px;
margin-left: 10px;
font-weight: bold;
}
.div_debug {
background-color: #CACACA;
border: 2px solid #000;
margin: 10px;
padding: 2px;
}
.div_sql_debug {
background-color: #fff;
border: 1px solid #000;
margin: 10px;
padding: 2px;
}
.debug_greentext {
color: #008000;
font-weight: bold;
}
.debug_boldtext {
font-weight: bold;
}
/* Диалоговое аякс-окно */
#dialog-overlay {
width: 100%;
height: 100%;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
background: #000;
position: fixed;
top: 0px;
left: 0;
z-index: 3000;
display: none;
}
#dialogConfirmOverlay {
width: 100%;
height: 100%;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
background: #000;
position: fixed;
top: 0px;
left: 0;
z-index: 7000;
display: none;
}
#dialog-box {
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #fff;
position: fixed;
z-index: 5000;
display: none;
}
#dialog-box .dialog-content {
margin: 10px;
}
#dialog-box .dialog_header {
background: var(--main-color);
width: 100%;
margin: -10px;
padding: 10px;
color: #fff;
cursor: move;
}
#dialog-box .deleteDialog {
background: #f00;
width: 100%;
margin: -10px;
padding: 10px;
color: #fff;
cursor: move;
}
#dialog-box ul {
padding: 10px;
margin-left: -15px;
list-style: square inside;
}
#dialog-box li {
padding: 5px;
border: none;
display: list-item;
text-align: left;
}
#dialogConfirmbox {
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #fff;
position: fixed;
z-index: 10000;
display: none;
}
#dialogConfirmbox .dialogConfirmContent {
margin: 10px;
}
#dialogConfirmbox .dialog_header {
background: var(--main-color);
width: 100%;
margin: -10px;
padding: 10px;
color: #fff;
cursor: move;
}
#dialogConfirmbox .deleteDialog {
background: #f00;
width: 100%;
margin: -10px;
padding: 10px;
color: #fff;
cursor: move;
}
#dialogConfirmbox ul {
padding: 10px;
margin-left: -15px;
list-style: square inside;
}
#dialogConfirmbox li {
padding: 5px;
border: none;
display: list-item;
text-align: left;
}
.div_map_equip {
position: absolute;
right: 10px;
top: 80px;
border: 1px solid #848284;
max-width: 50%;
max-height: 80%;
background: #EFEFEF;
padding: 5px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.div_map_equip .window_header {
background: var(--main-color);
width: 100%;
margin-left: -7px;
margin-top: -7px;
padding: 10px 10px 10px 4px;
color: #fff;
}
#region_select_id {
position: absolute;
}
.div_table {
border: 0px solid black;
overflow: visible;
}
.div_table .a_cell {
color: #000;
text-decoration: none;
}
.div_table .a_cell:hover, a:active, a:focus {
text-decoration: underline;
}
.div_table td {
padding: 3px;
margin: 0px;
border-top: 1px solid black;
border-right: 1px solid black;
}
.div_table .first_td {
border-left: 1px solid black;
}
.div_table .last_tr {
border-bottom: 1px solid black;
}
.div_table .total_tr {
background: #C6C3C6;
}
.div_table .total_td {
background: #DEDBDE;
}
.div_table .td_small {
font-size: smaller;
}
.div_ipnet {
margin-bottom: 8px;
padding: 6px;
background: #f4efef;
border-left: 3px solid #008ED6;
padding-left: 5px;
font-size: 15px;
font-weight: bold;
}
.div_ipnet_hide {
margin-bottom: 8px;
padding: 6px;
background: #ADADAD;
padding-left: 5px;
font-size: 15px;
font-weight: bold;
width: 653px;
color: #fff;
}
.div_ipnet_hide a {
color: #fff;
}
.div_courier {
margin-top: 10px;
margin-bottom: 10px;
padding: 5px;
font-family: 'Courier', 'sans-serif', Tahoma, Geneva, Helvetica;
border: 1px solid #000;
}
#map_add_obj_id {
position: fixed;
top: 0px;
background: #fff;
padding: 10px;
left: 50%;
margin-left: -200px;
z-index: 20;
}
#map_add_obj_id .dialog_header {
background: var(--main-color);
width: 100%;
margin: -10px;
padding: 10px;
color: #fff;
}
.att_blink {
background-color: #fff;
padding-left: 2px;
padding-right: 2px;
border: 1px solid #000;
color: #f00;
font-size: 8pt;
}
.comment_0 {
}
.comment_1 {
background-color: #F7F7F7;
}
.comment_author {
color: #8482FF;
}
#task_apart_used_info2_id {
margin-top: 10px;
padding: 3px;
border: 6px solid #800000;
border-radius: 6px 6px 6px 6px;
background-color: #FFD7D6;
font-weight: bold;
}
#task_apart_task_yet_info2_id {
margin-top: 10px;
padding: 3px;
border: 6px solid #4B799B;
border-radius: 6px 6px 6px 6px;
background-color: #DDF4FF;
font-weight: bold;
}
#filter_button_id {
width: 150px;
}
.table_table {
border-spacing: 0px;
position: relative;
}
.table_table tr {
position: relative;
}
.table_table td {
position: relative;
}
.table_legend {
font-weight: bold;
background: none;
text-align: center;
vertical-align: middle;
font-size: 14px !important;
}
.table_legend td {
border-bottom: 3px solid #d4d4d4 !important;
padding: 10px 5px;
margin: 1px 0px;
}
.table_item {
background: none;
font-size: 13px;
vertical-align: middle;
}
.table_item td {
border-bottom: 1px solid #dadada;
padding: 6px 6px;
margin: 1px 0px;
}
.table_item_white:hover {
background: #ebeaea;
}
.table_item_gray {
background: #f6f6f6;
}
.table_item_gray:hover {
background: #ebeaea;
}
.table_item_total {
background: #C6C3C6;
font-weight: bold;
}
* html #login_page {
/* хак для IE6 */
background: #072455;
}
#login_page #login_page_toplogo {
width: 100%;
height: 301px;
background: url('../picture/transparent_logo.png') top no-repeat;
}
#login_page #login_page_toplogo_online {
width: 100%;
height: 600px;
background: url('../picture/transparent_logo_online.svg') top no-repeat;
background-position-y: 50px;
background-size: 600px auto;
}
* html #login_page #login_page_toplogo {
/* хак для IE6 */
background: #072455;
}
* html #login_page #login_page_toplogo_online {
/* хак для IE6 */
background: #072455;
}
#login_page #login_page_info {
width: 500px;
left: 50%;
top: 50%;
margin-left: -245px;
margin-top: -400px;
position: absolute;
background: rgba(0, 0, 0, 0.15);
color: #fff;
box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3);
padding: 10px;
}
#login_page #login_page_info h1 {
font-size: 18px;
margin-bottom: 15px;
}
#login_page #login_page_alert {
width: 360px;
left: 50%;
top: 50%;
margin-left: -175px;
margin-top: -220px;
position: fixed;
background: rgba(0, 0, 0, 0.15);
box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3);
padding: 10px;
}
#login_page #login_page_alert_inside {
background: #fff;
position: relative;
background-color: #FFF;
padding: 20px;
padding-left: 80px;
font-size: 17px;
}
#login_page #login_page_pda {
width: 64px;
height: 64px;
display: block;
position: fixed;
bottom: 60px;
/*left: 50%;
margin-left: -32px;
*/
right: 0;
}
#login_page #login_page_form {
width: 100%;
max-width: 360px;
left: 50%;
top: 50%;
margin-left: -180px;
margin-top: -120px;
position: absolute;
background: rgba(0, 0, 0, 0.15);
box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3);
padding: 15px;
}
#login_page #login_page_form form {
background: #c4ccd4;
padding: 15px;
padding-top: 35px;
position: relative;
}
#login_page #login_page_form .title {
margin-bottom: 15px;
font-size: 21px;
}
#login_page #login_page_form .field {
width: 100%;
max-width: 310px;
height: 26px;
line-height: 26px;
padding: 0px 8px;
font: 13px/25px 'Myriad pro', Tahoma, Geneva, sans-serif;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.6);
background: #FFF;
border: none;
margin-bottom: 10px;
}
#login_page #login_page_form .button {
font-size: 15px;
height: 30px;
margin-top: 5px;
padding: 5px;
padding-left: 10px;
padding-right: 10px;
background: var(--main-color);
color: #FFF;
border: 0px;
outline: 0px;
cursor: pointer;
}
#login_page #login_page_form .button:hover {
background: #095882;
}
#login_page #login_page_form #link_cabinet {
position: absolute;
right: 3px;
bottom: 30px;
color: var(--main-color);
padding-right: 20px;
}
#login_page #login_page_form #link_cabinet:hover {
color: #666666;
}
#login_page_footer {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
background: rgba(0, 0, 0, 0.2);
box-shadow: inset 0px 3px 3px rgba(0, 0, 0, 0.2);
height: 50px;
min-width: 1000px;
}
* html #login_page_footer {
/* хак для IE6 */
background: #001842;
}
#login_page_footer #down_copy {
position: absolute;
top: 15px;
left: 25px;
color: #fff;
}
#login_page_footer #down_copy a {
color: var(--main-color);
}
#login_page_footer #down_copy a:hover {
color: #666666;
}
#to_top {
position: fixed;
bottom: 100px;
}
#to_top a {
width: 72px;
display: block;
text-align: center;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
color: #bbb;
}
#to_top a:hover {
color: var(--main-color);
}
#to_top span {
width: 72px;
height: 72px;
display: block;
background-color: #ddd;
color: #A7A7A7;
padding-top: 25px;
font-size: 40pt;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#to_top a:hover span {
color: #8FC44B;
background-color: var(--main-color);
}
#div_failuremsg {
margin: 10px;
width: 400px;
border: 1px solid #000;
}
#div_failuremsg_div {
padding: 4px;
}
#div_failuremsg_header {
background-color: var(--main-color);
color: #fff;
font-weight: bold;
padding: 2px;
}
#div_yellow_info {
}
#div_yellow_info .div_info_block {
padding: 3px;
background: #ededed;
border-left: 3px solid #d4d4d4;
margin-bottom: 5px;
}
#div_yellow_info .div_info_block_advert {
background: #B0FFB0;
border-left: 3px solid #008000;
}
#div_yellow_info .div_info_block .caption {
font-size: 13px;
font-weight: bold;
margin-bottom: 2px;
text-transform: uppercase;
}
#div_yellow_info .div_info_block .text {
}
#div_yellow_info .div_info_block .text span {
font-weight: bold;
color: #848284;
}
#div_yellow_info .important {
background: #f7da78;
border-left: 3px solid #e0c25f;
}
#div_yellow_info .div_info_block a {
color: var(--main-color);
}
#div_yellow_info .div_info_block a:hover {
color: #666666;
}
#div_news {
margin: 20px 0px;
}
#div_news .div_news_block {
padding: 15px;
background: #ededed;
border-left: 3px solid #d4d4d4;
margin-bottom: 20px;
}
#div_news .div_news_block h3 {
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
}
#div_news .div_news_block .text {
margin-top: -10px;
margin-bottom: 10px;
}
#div_news .msg_block {
background: #D6FFD6;
border-left: 3px solid #84FF84;
}
#div_news .important {
background: #f7da78;
border-left: 3px solid #e0c25f;
}
#div_news .high {
background: #f00;
color: #fff;
border-left: 3px solid #fff;
}
.div_alert_news {
padding: 15px;
border-left: 3px solid #d4d4d4;
margin-bottom: 20px;
background: #D20000;
border-left: 3px solid #FF8080;
min-height: 500px;
color: #fff;
}
.div_alert_news a {
color: #FFFFD5;
}
.div_alert_news a:hover {
color: #FFFF04;
}
#div_news .div_news_block a {
color: var(--main-color);
}
#div_news .div_news_block a:hover {
color: #666666;
}
.map_frame {
border: 5px solid rgba(198, 195, 198, 0.5);
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 5px;
-khtml-border-radius: 10px;
}
#scheme_menu_panel {
height: 30px;
position: fixed;
top: 0;
left: 0;
width: 100%;
padding: 5px;
border-bottom: 1px solid #000;
}
#map_edit_panel {
height: 30px;
position: fixed;
top: 39px;
left: 0;
width: 100%;
padding: 5px;
background: var(--main-color-hover);
color: #fff;
z-index: 10;
}
#map_edit_panel a {
text-decoration: none;
}
#map_edit_panel .obj-button {
margin-left: 5px;
margin-top: -3px;
margin-right: 5px;
padding: 3px;
background: #D6D7D6;
border: 1px solid #9C9A9C;
float: left;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 2px;
-khtml-border-radius: 4px;
}
#map_edit_panel .obj-button:hover {
background: #9C9A9C;
}
#map_edit_panel .obj-button a {
color: #000;
}
#map_menu_panel {
height: 30px;
position: fixed;
top: 0;
left: 0;
width: 100%;
padding: 5px;
}
#map_menu_panel .menu_down {
margin-left: 5px;
margin-top: 2px;
margin-right: 5px;
padding: 3px;
border: 1px solid #9C9A9C;
float: left;
background-color: #D6D7D6;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 2px;
-khtml-border-radius: 4px;
}
#map_menu_panel .menu_down:hover {
background-color: #9C9A9C;
}
#map_menu_panel .menu_down a {
color: #000;
text-decoration: none;
}
.map_menu_down {
display: inline;
float: left;
height: 100%;
width: 16px;
background-color: #fff;
padding-left: 5px;
padding-top: 1px;
margin-top: 0px
}
.map_menu_down:hover {
background-color: #cacaca;
}
.button_inside {
display: inline;
float: left;
padding-left: 5px;
padding-right: 5px;
width: 32px;
height: 100%;
}
.unselected_button {
cursor: pointer;
margin-left: 5px;
margin-top: 2px;
margin-right: 5px;
border: 1px solid #9C9A9C;
float: left;
border-radius: 3px;
background-color: #D6D7D6;
height: 23px;
-webkit-border-radius: 3px;
-moz-border-radius: 2px;
-khtml-border-radius: 4px;
}
.unselected_button:hover {
background: #9C9A9C;
}
.unselected_button div {
margin-top: 2px;
}
.selected_button {
float: left;
color: #fff;
background-color: #B5D3FF;
border: 1px solid var(--main-color);
border-radius: 3px;
height: 28px;
margin-top: 0px;
margin-left: 5px;
margin-right: 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 2px;
-khtml-border-radius: 4px;
}
.selected_button:hover {
background: #73AAFF;
}
.selected_button div {
margin-top: 5px;
}
.selected_layer {
font-weight: bold;
margin-top: 1px;
margin-left: 5px;
margin-right: 5px;
padding: 5px;
float: left;
color: #fff;
background: var(--main-color);
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 2px;
-khtml-border-radius: 4px;
}
.selected_layer:hover {
background: #4A7DD6;
}
.selected_layer a {
color: #fff;
text-decoration: none;
}
.unselected_layer {
margin-left: 5px;
margin-top: 2px;
margin-right: 5px;
padding: 3px;
background: #D6D7D6;
border: 1px solid #9C9A9C;
float: left;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 2px;
-khtml-border-radius: 4px;
}
.unselected_layer:hover {
background: #9C9A9C;
}
.unselected_layer a {
color: #000;
text-decoration: none;
}
.unselected_layer2 {
margin-top: 1px;
margin-left: 5px;
margin-right: 5px;
padding: 5px;
float: left;
background: #D6D7D6;
border: 1px solid #9C9A9C;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 2px;
-khtml-border-radius: 4px;
}
.unselected_layer2:hover {
background: #9C9A9C;
}
.unselected_layer2 a {
color: #000;
text-decoration: none;
}
#ttip {
z-index: 999;
border: 1px solid #111;
background-color: #eee;
padding: 5px;
opacity: 0.85;
}
.map_toppanel {
background: var(--main-color);
width: 100%;
margin: -10px;
padding: 10px;
color: #fff;
}
.map_toppanel a {
color: #fff;
}
.map_toppanel a:hover {
color: #DEDFDE;
}
.j_card_div {
border: 1px solid #B5B6B5;
background-color: #F7F3F7;
padding: 5px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 2px;
-khtml-border-radius: 4px;
}
.j_card_div .div_caption {
text-align: center;
background-color: #D6D3D6;
padding: 5px;
margin-top: -5px;
margin-left: -5px;
margin-right: -5px;
font-weight: bold;
}
.j_card_div .j_table {
margin-top: 5px;
width: 100%;
font-size: 13px;
vertical-align: top;
}
.j_card_div .j_table tr {
height: 25px;
vertical-align: top;
}
.j_table_td_left {
text-align: right;
font-weight: bold;
width: 100px;
}
.j_table_td_left_na {
text-align: right;
font-weight: bold;
width: 250px;
}
.j_card_cur_state {
text-align: center;
font-weight: bold;
font-size: 15pt;
margin: 8px;
}
.j_button {
width: 24px;
height: 24px;
border: 1px solid #B5B6B5;
padding-right: 0px;
padding-left: 9px;
padding-top: 5px;
padding-bottom: 5px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 2px;
-khtml-border-radius: 4px;
background-color: #F7F3F7;
margin: 2px;
float: left;
}
.j_button:hover {
background-color: #73AAFF;
border: 1px solid #000084;
margin: 1px;
width: 26px;
height: 26px;
}
.j_button_lock {
width: 24px;
height: 24px;
border: 1px solid #C60000;
padding-right: 0px;
padding-left: 9px;
padding-top: 5px;
padding-bottom: 5px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 2px;
-khtml-border-radius: 4px;
margin: 2px;
cursor: help;
float: left;
}
.j_button_menu_delete {
background-color: #FFCACA;
}
.j_button_splitter {
width: 2px;
height: 24px;
border: 1px solid #B5B6B5;
padding-top: 5px;
padding-bottom: 5px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 2px;
-khtml-border-radius: 4px;
background-color: #848284;
margin: 2px;
float: left;
}
.j_button_inside {
width: 24px;
height: 24px;
border: 1px solid #B5B6B5;
padding-right: 0px;
padding-left: 9px;
padding-top: 5px;
padding-bottom: 5px;
border-radius: 3px;
-webkit-border-radius: 3px 0px 0px 3px;
-moz-border-radius: 2px 0px 0px 2px;
-khtml-border-radius: 4px 0px 0px 4px;
background-color: #F7F3F7;
margin: 2px 0px 2px 2px;
float: left;
}
.j_button_inside:hover {
background-color: #73AAFF;
border: 1px solid #000084;
}
.j_button_down {
float: left;
height: 24px;
width: 15px;
margin: 2px 2px 2px 0px;
background-color: #184DB5;
-webkit-border-radius: 0px 3px 3px 0px;
-moz-border-radius: 0px 2px 2px 0px;
-khtml-border-radius: 0px 4px 4px 0px;
padding-right: 0px;
padding-left: 3px;
padding-top: 6px;
padding-bottom: 6px;
}
.j_button_down:hover {
background-color: #296DE7;
}
.j_button_counter {
float: left;
height: 24px;
min-width: 18px;
margin: 2px 2px 2px 0px;
background-color: #fff;
border-right: 1px solid #B5B6B5;
border-top: 1px solid #B5B6B5;
border-bottom: 1px solid #B5B6B5;
border-radius: 3px;
-webkit-border-radius: 0px 3px 3px 0px;
-moz-border-radius: 0px 2px 2px 0px;
-khtml-border-radius: 0px 4px 4px 0px;
padding-right: 0px;
padding-left: 0px;
padding-top: 8px;
padding-bottom: 2px;
text-align: center;
}
.j_button_counter:hover {
background-color: #F7F3F7;
}
.j_button_delete:hover {
background-color: #FFAEAD;
}
.j_card_comment_div2 {
border: 1px solid #B5B6B5;
background-color: #fff;
padding: 3px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 2px;
-khtml-border-radius: 4px;
}
.j_card_comment_div {
border: 1px solid #B5B6B5;
padding: 3px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 2px;
-khtml-border-radius: 4px;
margin-top: 10px;
margin-bottom: 5px;
}
.j_card_comment_div span {
font-size: 12pt;
}
.j_card_comment_div_my {
background-color: #CCC4E6;
}
.j_card_comment_div_author {
background-color: #ADCBFF;
}
.j_card_comment_div_all {
background-color: #DEEFFF;
}
.j_card_label_div {
float: left;
border: 1px solid #B5B6B5;
padding: 2px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 2px;
-khtml-border-radius: 4px;
margin-bottom: 5px;
margin-right: 5px;
background-color: #CEFFCE;
cursor: help;
}
.j_mywork_div {
float: left;
padding: 2px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 8px;
-khtml-border-radius: 11px;
margin: 5px;
padding: 10px;
min-width: 200px;
text-align: center;
}
.j_mywork_div_create {
background-color: #0082C6;
color: #fff;
max-width: 200px;
}
.j_mywork_div_watch {
background-color: #00C742;
color: #fff;
max-width: 200px;
}
.j_mywork_div_work {
background-color: #FF9694;
color: #fff;
max-width: 200px;
line-height: 20px;
}
.j_mywork_div_wo_pers {
background-color: #000;
color: #fff;
max-width: 200px;
}
.j_mywork_div_caption {
font-size: 17pt;
font-weight: bold;
}
.j_mywork_div_counter {
padding-top: 25px;
padding-bottom: 20px;
font-size: 21pt;
font-weight: bold;
color: #000;
}
.j_mywork_div_counter span {
background-color: #fff;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 4px;
-khtml-border-radius: 6px;
padding-right: 10px;
padding-left: 10px;
}
.j_mywork_div_counter span:hover {
background-color: #F7F3F7;
}
.j_mywork_div_list {
margin-top: 9px;
padding-top: 10px;
padding-bottom: 10px;
color: #000;
text-align: left;
background-color: #fff;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 4px;
-khtml-border-radius: 6px;
padding-right: 10px;
padding-left: 10px;
}
.link_menu_down {
padding-left: 20px;
}
#login_page {
background: #072455;
}
.input_box {
color: #000;
font-size: 14px;
height: 23px;
line-height: 23px;
border: 1px solid #B5B6B5;
outline: none;
padding: 0 10px;
padding-right: 10px;
font-family: 'Myriad pro', Tahoma, Geneva, Helvetica, sans-serif;
}
.input_box:focus {
background: #F7EFEF;
border: 1px solid #808080;
}
.find_box {
background: url('../../oper/?core_section=image&action=search&color=gray') 100% 45% no-repeat;
}
.find_box:focus {
background: url('../../oper/?core_section=image&action=search&color=us') 100% 45% no-repeat;
}
.div_center {
text-align: center;
}
.div_right {
text-align: right;
}
.div_bold {
font-weight: bold;
}
#usersearch {
height: 38px;
line-height: 38px;
width: 100%;
background: #f4efef;
position: relative;
margin: 20px 0px;
}
#usersearch .field {
width: -webkit-calc(100% - 80px);
width: -moz-calc(100% - 80px);
width: calc(100% - 80px);
margin-left: 15px;
border: 1px solid #dbd3d3;
height: 22px;
line-height: 22px;
padding: 0px 5px;
}
#usersearch .button {
width: 40px;
height: 38px;
position: absolute;
top: 0px;
right: 0px;
display: block;
background: url('../../oper/?core_section=image&action=search&color=white') 50% 50% no-repeat var(--main-color);
border: none;
outline: none;
cursor: pointer;
}
#usersearch .button:hover {
background: url('../../oper/?core_section=image&action=search&color=gray') 50% 50% no-repeat var(--main-color);
}
#usersearch .check {
display: inline-block;
width: 20%;
margin-right: 45px;
margin-left: 15px;
}
#usersearch2 {
height: 38px;
line-height: 38px;
width: 100%;
background: #f4efef;
position: relative;
margin: 20px 0px;
}
#usersearch2 .field {
width: 500px;
margin-left: 15px;
border: 1px solid #dbd3d3;
height: 22px;
line-height: 22px;
padding: 0px 5px;
}
#usersearch2 .button {
width: 40px;
height: 38px;
position: absolute;
top: 0px;
right: 0px;
display: block;
background: url('../../oper/?core_section=image&action=search&color=white') 50% 50% no-repeat var(--main-color);
border: none;
outline: none;
cursor: pointer;
}
#usersearch2 .button:hover {
background: url('../../oper/?core_section=image&action=search&color=gray') 50% 50% no-repeat var(--main-color);
}
#usersearch2 .check {
display: inline-block;
width: 20%;
margin-right: 45px;
margin-left: 15px;
}
.j_news2 {
width: 32px;
height: 32px;
margin-left: 5px;
}
.label_wait {
height: 26px;
font-size: 15px;
margin-top: 10px;
margin-bottom: 10px;
font-weight: bold;
background-color: #D5D500;
padding-left: 13px;
padding-top: 7px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
color: #000;
}
.label_stop {
height: 26px;
font-size: 15px;
margin-top: 10px;
margin-bottom: 10px;
font-weight: bold;
background-color: #FFD7D6;
padding-left: 13px;
padding-top: 7px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
color: #5A0000;
}
.label_alert {
margin-top: 10px;
margin-bottom: 10px;
background: #FFD7D6;
padding-left: 33px;
padding-top: 7px;
width: 100%;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
color: #5A0000;
}
.label_error {
font-size: 15px;
margin: 10px;
background-color: #FFD7D6;
padding: 10px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
color: #5A0000;
}
.morris-hover {
position: absolute;
z-index: 1000;
}
.morris-hover.morris-default-style {
border-radius: 10px;
padding: 6px;
color: #666;
background: rgba(255, 255, 255, 0.8);
border: solid 2px rgba(230, 230, 230, 0.8);
font-family: sans-serif;
font-size: 12px;
text-align: center;
}
.morris-hover.morris-default-style .morris-hover-row-label {
font-weight: bold;
margin: 0.25em 0;
}
.morris-hover.morris-default-style .morris-hover-point {
white-space: nowrap;
margin: 0.1em 0;
}
.graph_div {
border: 1px solid #C0C0C0;
}
.graph_caption {
font-weight: bold;
background: #DEDBDE;
padding-left: 5px;
padding-right: 5px;
}
.div_sortable_class {
cursor: pointer;
margin-top: 5px;
padding: 5px;
width: 50%;
background: #F6F6F6;
color: #000;
}
.div_sortable_class:hover {
background: #EDEDED;
cursor: crosshair;
}
.div_scheme_port {
position: absolute;
font-size: 9pt;
font-family: Courier, Tahoma, Geneva, Helvetica, sans-serif;
}
.div_scheme_port2 {
position: absolute;
font-size: 7pt;
font-family: Courier, Tahoma, Geneva, Helvetica, sans-serif;
}
.div_scheme_att {
position: absolute;
font-size: 7pt;
background-color: #fff;
padding-left: 2px;
padding-right: 2px;
border: 1px solid #000;
color: #00F;
font-family: Courier, Tahoma, Geneva, Helvetica, sans-serif;
}
.div_scheme_att_red {
position: absolute;
font-size: 7pt;
background-color: #fff;
padding-left: 2px;
padding-right: 2px;
border: 1px solid #000;
color: #f00;
font-family: Courier, Tahoma, Geneva, Helvetica, sans-serif;
}
.div_scheme_att_pg {
position: absolute;
font-size: 7pt;
background-color: #F7F700;
padding-left: 2px;
padding-right: 2px;
border: 1px solid #000;
color: #f00;
font-family: Courier, Tahoma, Geneva, Helvetica, sans-serif;
}
.div_scheme_caption {
position: absolute;
font-size: 8pt;
line-height: 1.35;
text-align: center;
width: 190px;
font-family: Courier, Tahoma, Geneva, Helvetica, sans-serif;
}
.div_scheme_link {
color: #000;
text-decoration: none;
}
.div_scheme_link:hover {
color: var(--main-color);
}
.div_stat_select_kat {
text-align: right;
width: 100%;
}
.table_result_class {
background: #C6C3C6;
font-weight: bold;
text-align: right;
}
.div_task_comment {
overflow: hidden;
max-height: 105px;
word-wrap: break-word;
}
.div_task_comment_print {
overflow: hidden;
max-height: 1050px;
word-wrap: break-word;
}
.link_leftmenu_j_count {
text-decoration: underline;
font-size: 16px;
}
.link_leftmenu_j_count:hover {
color: #A5A6FF;
}
.sms_block_div {
margin-top: 10px;
margin-bottom: 10px;
padding: 10px;
background: #DEDBDE;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
}
.cursor_pointer {
cursor: pointer;
}
.link_dashed, .link_dashed:hover, .link_dashed:active, .link_dashed:focus {
text-decoration: none;
}
.link_dashed span {
border-bottom: 1px dashed;
text-decoration: none;
}
.span_news_counter {
background-color: #0082C6;
padding-left: 4px;
margin-top: 1px;
padding-right: 4px;
color: #fff;
font-weight: bold;
font-size: 9pt;
cursor: pointer;
}
#span_mywork_counter_id {
padding-left: 4px;
margin-top: 1px;
padding-right: 4px;
background-color: #f00;
color: #fff;
font-weight: bold;
font-size: 9pt;
cursor: pointer;
}
.act_color {
padding: 0px;
width: 1px;
position: relative;
}
.act_color .arrow {
width: 0px;
height: 0px;
border-style: solid;
border-width: 5px 0 5px 5px;
position: absolute;
top: 50%;
margin-top: -5px;
right: -5px;
}
.bad {
background: #e2001a;
}
.bad .arrow {
border-color: transparent transparent transparent #e2001a;
}
.ok {
background: #0aa41c;
}
.gray_column {
background: #cacaca;
}
.ok .arrow {
border-color: transparent transparent transparent #0aa41c;
}
#span_all_counter_id {
background-color: #008200;
padding-left: 4px;
margin-top: 1px;
padding-right: 4px;
color: #fff;
font-weight: bold;
font-size: 9pt;
cursor: pointer;
}
.day_delimiter {
height: 15px;
}
.scheme_oval {
float: left;
text-align: center;
padding-left: 20px;
padding-right: 20px;
-moz-border-radius: 100px / 80px;
-webkit-border-radius: 100px / 80px;
border-radius: 100px / 80px;
border-color: #000;
border-style: solid;
border-width: 2px;
}
.scheme_line {
float: left;
background-color: #000;
width: 10px;
height: 20px;
}
.table_table a {
position: relative;
z-index: 1;
}
.table_table a.c_t2_rowlink {
position: absolute;
top: 0;
left: 0;
margin: 0px;
}
.table_table a.c_t2_rowlink:hover {
background-color: #cacaca;
opacity: 0.1;
}
.working_menu_change_state {
text-align: center;
padding-bottom: 5px;
}
.working_menu_change_state .button_state {
display: inline-block;
margin: 5px;
padding: 5px;
background-color: #2175A5;
border: 1px solid var(--main-color);
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 2px;
-khtml-border-radius: 4px;
}
.working_menu_change_state .button_state a {
color: #fff;
}
.working_menu_change_state .button_state:hover {
background-color: #73AAFF;
}
.red_link {
padding-left: 4px;
margin-top: 1px;
padding-right: 4px;
background-color: #f00;
font-weight: bold;
cursor: pointer;
color: #fff;
text-decoration: none;
}
.red_link:hover {
color: #cacaca;
}
.red_link2 {
color: #f00;
text-decoration: none;
font-weight: bold;
}
.white_div {
background-color: #fff;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 4px;
-khtml-border-radius: 6px;
padding: 10px;
}
.current_date_free_doing {
cursor: pointer;
}
.current_date_free_doing:hover {
background-color: #BDEFFF;
}
.current_date_red {
background-color: #FFEBEF;
}
/* ОБЩИЕ ПАРАМЕТРЫ */
.box_border {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.code {
font-family: monospace;
font-weight: 600;
}
.sup {
margin-top: 16px;
font-size: 0.9em;
font-style: italic;
}
.right {
margin-left: auto;
margin-right: 0px;
}
/*----------------------------------------*/
/* Разметка для блоков контакт-центра */
/* Общие параметры (строка для блоков кнопок) */
.row {
height: 4em;
margin-left: -16px;
margin-right: -16px;
line-height: 1.2em;
}
.row:before {
content: " ";
display: block;
}
.row:after {
content: " ";
clear: both;
}
/* Блоки кнопок разных размеров внутри строки */
/* Цифра - количество ячеек, которые занимает блок по ширине в 12 ячеечной сетке */
.block-6 {
width: 45%;
float: left;
text-align: center;
padding: 0 16px;
}
.block-5 {
width: 41.5%;
float: left;
text-align: center;
padding: 0 16px;
}
.block-4 {
width: 30%;
float: left;
text-align: center;
padding: 0 16px;
}
.block-3 {
width: 22%;
float: left;
text-align: center;
padding: 0 16px;
}
.block-2 {
width: 16.6%;
float: left;
text-align: center;
padding: 0 16px;
}
.block-1 {
width: 8.3%;
float: left;
text-align: center;
padding: 0 16px;
}
/*----------------------------------------*/
/* Основные плашки для информации и кнопок */
/* настройка блока (плашки) с категорией кнопок */
.block-cc {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
margin: 32px 0px;
padding: 16px;
border-left: 4px solid;
}
/* общие настройки всех кнопок на плашке*/
.block-cc button {
font-size: 1.2em;
padding: 16px;
display: block;
border: 1px solid;
border-radius: 4px;
color: rgba(255, 255, 255, 0.95);
cursor: pointer;
transition: all 0.2s ease-out;
line-height: 1em;
}
.block-cc button:hover {
outline: 0;
box-shadow: rgba(0, 0, 0, 0.18) 0px 4px 16px 0px, rgba(0, 0, 0, 0.14) 0px 4px 16px 0px;
}
/* общие настройки заголовка №3 на плашке */
.block-cc h3 {
font-size: 1.4em;
}
/* общие настройки полей ввода на плашке */
.block-cc input {
padding: 5px;
line-height: 1em;
}
/* КНОПКИ */
/* Широкая кнопка */
/* Да и вообще любой блок с шириной 100% */
.width {
width: 100%;
}
/* Маленькая кнопка */
button.small {
padding: 8px;
font-size: 0.9em;
}
/* Серенькая кнопка обычная */
button.default {
background: #EEEEEE !important;
color: #424242 !important;
border: 1px solid #BDBDBD !important;
}
/* Синенькая кнопка "главная типа" */
button.primary {
background: var(--main-color-hover) !important;
color: #E8EAF6 !important;
border: 1px solid #283593 !important;
}
/*-----------------------------*/
/* Цветные блоки */
.cc-red {
border-color: #D32F2F;
background: #FFEBEE;
}
.cc-red h3 {
color: #D32F2F;
}
.cc-red button {
background: #E53935;
border: #B71C1C;
}
.cc-red button:hover {
background: #D32F2F;
}
.cc-orange {
border-color: #E64A19;
background: #FBE9E7;
}
.cc-orange h3 {
color: #E64A19;
}
.cc-orange button {
background: #FF5722;
border: #BF360C;
}
.cc-orange button:hover {
background: #E64A19;
}
.cc-green {
border-color: #388E3C;
background: #E8F5E9;
}
.cc-green h3 {
color: #388E3C;
}
.cc-green button {
background: #43A047;
border: #1B5E20;
}
.cc-green button:hover {
background: #388E3C;
}
.cc-blue {
border-color: #1976D2;
background: #E3F2FD;
}
.cc-blue h3 {
color: #1976D2;
}
.cc-blue button {
background: #1E88E5;
border: #0D47A1;
}
.cc-blue button:hover {
background: #1976D2;
}
.div-form-customer-find {
background-color: #fff;
margin: 20px;
padding-bottom: 5px;
padding-top: 30px;
padding-left: 20px;
padding-right: 20px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 8px;
-khtml-border-radius: 11px;
}
.div-form-house-find {
background-color: #fff;
width: 500px;
margin: 20px;
padding-bottom: 27px;
padding-top: 27px;
padding-left: 20px;
padding-right: 20px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 8px;
-khtml-border-radius: 11px;
}
.task-state-caption_delay {
color: #fff;
background: #f00;
padding-left: 3px;
padding-right: 3px;
border: 1px solid #000;
}
.task-state-caption_cancel {
color: #fff;
background: #008040;
padding-left: 3px;
padding-right: 3px;
border: 1px solid #000;
}
.task-state-caption_wait {
color: #000000;
background: #fffe13;
padding-left: 3px;
padding-right: 3px;
border: 1px solid #000;
}
.task-state-caption_doing {
color: #fff;
background: #10ae78;
padding-left: 3px;
padding-right: 3px;
border: 1px solid #000;
}
.task-caption-house-not-connect {
color: #fff;
background: #f00;
padding-left: 3px;
padding-right: 3px;
border: 1px solid #000;
}
.yellow-back {
background-color: #FFFFC1;
}
.accordeon-div {
padding: 10px;
padding-bottom: 0;
padding-top: 0;
font-size: 13px;
}
body {
font: 14px/17px 'Myriad pro', Tahoma, Geneva, hevetica, sans-serif;
background-color: #FFF;
margin: 0;
padding: 0;
color: #000;
min-width: 960px;
}
h1, h2, h3, h4, h5, h6, p {
margin-top: 0; /* удаление верхнего поля позволяет обойти проблему выхода полей за границы содержащего их контейнера DIV. Оставшееся нижнее поле отделит его от любых последующих элементов. */
padding-right: 0;
padding-left: 0; /* добавление боковых полей к элементам внутри контейнеров DIV, а не к самим контейнерам избавляет от необходимости расчетов рамочной модели. В качестве альтернативы можно использовать вложенный контейнер DIV с боковыми полями. */
}
ul, ol, dl {
padding: 0;
margin: 0;
}
a img {
border: none;
}
a {
color: var(--main-color);
text-decoration: underline;
}
a:hover, a:active, a:focus {
color: #666666;
}
.info_block {
font-size: 10pt;
font-weight: normal;
font-style: italic;
}
.comment_block {
float: right;
width: 52px;
height: 21px;
text-align: center;
color: #000;
font-weight: bold;
padding-top: 2px;
z-index: 150;
}
.div_small {
font-size: 8pt;
}
#admin_info .block {
background: #0aa41c;
color: #FFF;
padding: 5px 10px;
font-size: 12px;
display: inline-block;
margin-right: 5px;
}
#admin_info .block .first {
display: inline-block;
text-align: right;
list-style: none;
line-height: 16px;
margin-right: 10px;
padding-right: 10px;
border-right: 1px solid #0b8a1a;
overflow: hidden;
}
#admin_info .block .second {
display: inline-block;
text-align: left;
list-style: none;
line-height: 16px;
overflow: hidden;
}
#admin_info .block a {
color: #FFF;
text-decoration: underline;
}
.text_size {
white-space: nowrap;
overflow: hidden;
position: relative;
}
.text_size::after {
content: '';
position: absolute;
right: 0;
top: 0;
width: 40px;
height: 100%;
background: -moz-linear-gradient(left, rgba(24, 113, 165, 0.2), var(--main-color) 100%);
background: -webkit-linear-gradient(left, rgba(24, 113, 165, 0.2), var(--main-color) 100%);
background: -o-linear-gradient(left, rgba(24, 113, 165 0.2), var(--main-color) 100%);
background: -ms-linear-gradient(left, rgba(24, 113, 165, 0.2), var(--main-color) 100%);
background: linear-gradient(to right, rgba(24, 113, 165, 0.2), var(--main-color) 100%);
}
.text_size_white {
white-space: nowrap;
overflow: hidden;
position: relative;
}
.text_size_white::after {
content: '';
position: absolute;
right: 0;
top: 0;
width: 40px;
height: 100%;
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.2), #fff 100%);
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.2), #fff 100%);
background: -o-linear-gradient(left, rgba(255, 255, 255 0.2), #fff 100%);
background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.2), #fff 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0.2), #fff 100%);
}
.label_area {
vertical-align: top;
}
.textarea_class {
color: #000;
border: 1px solid #B5B6B5;
outline: none;
padding: 0 10px;
font: 14px/17px 'Myriad pro', Tahoma, Geneva, sans-serif;
}
.textarea_class:focus {
background: #F7EFEF;
border: 1px solid #808080;
}
.button {
font-size: 15px;
padding: 10px 20px;
background: var(--main-color);
color: #FFF;
border: 0px;
outline: 0px;
cursor: pointer;
}
.button:hover {
background: #095882;
}
.button_small {
font-size: 15px;
padding: 3px 20px;
background: var(--main-color);
color: #FFF;
border: 0px;
outline: 0px;
cursor: pointer;
}
.button_small:hover {
background: #095882;
}
.button2 {
font-size: 15px;
padding: 10px 20px;
background: #095882;
color: #FFF;
border: 0px;
outline: 0px;
cursor: pointer;
}
.button2:hover {
background: #08496B;
}
.span_small {
font-size: 11px;
}
.menu_div_leftblock {
float: left;
width: 180px;
}
.menu_div_leftblock ul {
list-style: square inside;
color: var(--main-color-left-menu-icon);
}
.menu_div_leftblock ul {
font-size: 15px;
display: block;
}
.menu_div_leftblock ul li {
color: var(--main-color);
line-height: 18px;
height: 100%;
margin-top: 10px;
}
.menu_div_leftblock ul li .select_punkt {
font-weight: bold;
color: #000;
}
.menu_div_leftblock ul li a:hover {
color: #000;
}
.menu_div_rightblock {
margin-left: 200px;
padding: 5px;
background: #E7E3E7;
border-left: 3px solid #0088d1;
}
.label_h2 {
font-size: 18px;
margin-top: 20px;
margin-bottom: 10px;
font-weight: bold;
}
.label_h2_wo {
font-size: 18px;
font-weight: bold;
margin-bottom: 3px;
}
.label_h3 {
font-size: 15px;
margin-top: 20px;
margin-bottom: 10px;
font-weight: bold;
}
.label_h3_wo {
font-size: 15px;
font-weight: bold;
}
.label_h3_hr {
font-size: 16px;
margin-top: 20px;
margin-bottom: 20px;
font-weight: bold;
color: #848284;
border-bottom: 1px solid #848284;
}
.label_h3_hr_wo {
font-size: 16px;
margin-top: 20px;
margin-bottom: 10px;
font-weight: bold;
color: #848284;
border-bottom: 1px solid #848284;
}
.label_h3_red {
font-size: 15px;
margin-top: 40px;
margin-bottom: 20px;
color: #f00;
font-weight: bold;
}
.label_h3_green {
font-size: 15px;
margin-top: 40px;
margin-bottom: 20px;
color: #00C731;
font-weight: bold;
}
.settings_option_name {
width: 300px;
text-align: right;
float: left;
padding-right: 20px;
}
.settings_option_value {
font-weight: bold;
width: 100%;
}
.settings_option_value a {
padding-right: 20px;
}
.settings_option_value_change {
padding: 0px;
}
.settings_option_value_change a {
padding-right: 10px;
}
.settings_option_value_change .input_field {
color: #000;
font-size: 14px;
height: 23px;
line-height: 23px;
width: 205px;
border: 1px solid #B5B6B5;
outline: none;
padding: 0 10px;
padding-right: 35px;
overflow: hidden;
font-family: 'Myriad pro', Tahoma, Geneva, Helvetica, sans-serif;
}
#letters {
margin: 20px 0px;
}
#letters .links {
display: inline;
border: 1px solid #dadada;
height: 30px;
line-height: 20px;
padding: 5px;
margin-left: 10px;
}
#letters .links a {
margin: 5px 0px;
padding: 0px 3px;
border-right: 1px solid #dadada;
text-transform: uppercase;
font-size: 13px;
}
#letters .links a.current {
color: #000;
font-weight: bold;
font-size: 18px;
text-decoration: none;
}
#letters .links a:last-child {
border-right: none;
}
.table_block {
margin: 20px 0px;
display: table;
}
.table_block .item {
display: table-row;
}
.table_block .item > div {
display: table-cell;
padding: 5px 10px;
font-size: 13px;
margin: 1px 0px;
vertical-align: top;
}
.table_block .left_data {
font-weight: bold;
text-align: right;
background: #EFEFEF;
}
.div_print {
color: #000;
font-family: 'Helvetica', 'Tahoma', 'Arial';
}
.div_print a {
text-decoration: none;
color: #000;
}
.table_data {
margin: 3px 0px 3px;
display: table;
overflow: hidden;
}
.table_data_nonspace {
margin: 0px;
}
.table_data .report {
display: table-row;
max-height: 35px;
}
.table_data .report > div {
display: table-cell;
padding: 3px 10px;
font-size: 13px;
margin: 1px 0px;
vertical-align: middle;
}
.table_data .report .right_div {
text-align: right;
}
.table_data .item {
display: table-row;
max-height: 35px;
}
.table_data .white {
background: none;
}
.table_data .white:hover {
background: #ebeaea;
}
.table_data .gray {
background: #f6f6f6;
}
.table_data .gray:hover {
background: #ebeaea;
}
.table_data .cursor_pointer {
cursor: pointer;
}
.table_data .legend {
display: table-row;
max-height: 35px;
font-weight: bold;
background: none;
text-align: center;
}
.table_data .legend:hover {
background: none;
}
.table_data .legend > div {
display: table-cell;
padding: 10px 5px;
margin: 1px 0px;
vertical-align: middle;
border-bottom: 3px solid #d4d4d4 !important;
font-size: 14px !important;
}
.table_data .item > div:not(.today) {
display: table-cell;
padding: 6px 6px;
font-size: 13px;
border-bottom: 1px solid #dadada;
margin: 1px 0px;
vertical-align: middle;
}
.table_data .today {
display: table-cell;
padding: 10px 10px;
font-size: 13px;
margin: 1px 0px;
vertical-align: middle;
border: 2px dotted #000;
}
.table_data .item ._number {
text-align: center;
}
.table_data .item span:not(.work_fail) {
/*
color: #666666;
*/
}
.table_data .item .act_color {
padding: 0px;
width: 10px;
position: relative;
}
.table_data .item .center_div {
text-align: center;
}
.table_data .item .right_div {
text-align: right;
}
.table_data .item .act {
width: 110px;
text-align: center;
}
.table_data .item .daten {
width: 110px;
text-align: center;
}
.table_data .item .money {
width: 85px;
text-align: right;
}
.table_data .item .act_color .arrow {
width: 0px;
height: 0px;
border-style: solid;
border-width: 5px 0 5px 5px;
position: absolute;
top: 50%;
margin-top: -5px;
right: -5px;
}
.table_data .ok {
background: #0aa41c;
}
.table_data .ok .arrow {
border-color: transparent transparent transparent #0aa41c;
}
.table_data .bad {
background: #e2001a;
}
.table_data .bad .arrow {
border-color: transparent transparent transparent #e2001a;
}
.span_user_mark {
padding-right: 13px;
margin-right: 5px;
}
.span_bold {
font-weight: bold;
}
/* Меню с вкладками (карточка абонента и пр) */
ul#navigation, ul#navigation2 {
list-style: none;
height: 21px;
padding: 10px 0px 7px 10px;
margin: 0 auto;
position: relative;
z-index: 1;
overflow: visible;
}
ul#navigation li, ul#navigation2 li {
-webkit-border-radius: 6px 6px 0px 0px;
-moz-border-radius: 6px 6px 0px 0px;
border-radius: 6px 6px 0px 0px;
float: left;
margin: 0 5px 0 0;
background-color: #2B477D;
border: solid 1px #415F9D;
position: relative;
z-index: 1;
}
ul#navigation li.selected, ul#navigation2 li.selected {
z-index: 3;
}
ul#navigation li a:link, ul#navigation li a:visited, ul#navigation2 li a:link, ul#navigation2 li a:visited {
-webkit-border-radius: 6px 6px 0px 0px;
-moz-border-radius: 6px 6px 0px 0px;
border-radius: 6px 6px 0px 0px;
display: block;
text-align: center;
padding: 0 10px 0 10px;
margin: 0 0 -1px 0;
height: 25px;
line-height: 21px;
text-transform: uppercase;
text-decoration: none;
font-size: 13px;
font-weight: bold;
color: #fff;
letter-spacing: 1px;
outline: none;
float: left;
background: var(--main-color);
-webkit-transition: background-color 0.3s linear;
-moz-transition: background-color 0.3s linear;
-o-transition: background-color 0.3s linear;
}
ul#navigation li a:hover, ul#navigation2 li a:hover {
background-color: #5a87dd;
}
ul#navigation li.selected a:link, ul#navigation li.selected a:visited, ul#navigation2 li.selected a:link, ul#navigation2 li.selected a:visited {
color: #2B477D;
border: solid 1px #fff;
-webkit-transition: background-color 0.2s linear;
background: -moz-linear-gradient(top center, #d1d1d1, #f2f2f2 80%) repeat scroll 0 0 #f2f2f2;
background: -webkit-gradient(linear, left bottom, left top, color-stop(.2, #f2f2f2), color-stop(.8, #d1d1d1));
background-color: #f2f2f2;
}
.slider_content {
padding: 5px;
padding-bottom: 10px;
-webkit-box-shadow: #111 0 0px 5px;
-moz-box-shadow: #111 0 0px 5px;
box-shadow: #111 0 0px 5px;
}
.slider_content_double {
position: relative;
width: 100%;
display: inline-block;
}
.good_info_text {
font-weight: bold;
color: #008000;
}
.bad_info_text {
font-weight: bold;
color: #f00;
}
.gray_block_light {
border: 1px solid #9C9E9C;
color: #000;
background: #F7F3F7;
padding: 3px;
}
.gray_fon {
background: #E7E7E7;
}
.yellow_fon {
background: #FFFF00;
}
.white_fon {
background: #FFF;
}
.red_fon {
background: #f00;
color: #FFFFFF;
padding-left: 4px;
padding-right: 4px;
}
.gray_block {
border: 1px solid #9C9E9C;
color: #000;
background: #EFEFEF;
padding: 3px;
}
.gray_block_left {
padding: 10px;
background: #ededed;
border-left: 3px solid #d4d4d4;
}
.border_left {
border-left: 1px solid #D6D7D6;
}
.border_right {
border-right: 1px solid #D6D7D6;
}
.green_block {
color: #000;
background: #ADFFAD;
}
.div_color_1 {
/* синий */
background: var(--main-color);
color: #fff;
padding: 3px;
}
.div_color_1 a {
color: #fff;
}
.div_color_2 {
/* желтый */
background: #F7DF7B;
color: #000;
padding: 3px;
}
.larger_text {
padding-top: 10px;
padding-bottom: 10px;
font-size: 18px;
}
.work_fail {
color: #fff;
background: #f00;
padding-left: 3px;
padding-right: 3px;
border: 1px solid #000;
}
.green_text {
color: #008000;
}
.light_green_text {
color: #39FF10;
}
.red_text {
color: #f00;
}
.bold_text {
font-weight: bold;
}
.italic_text {
font-style: italic;
}
.old_customer {
background: #cacaca;
}
.old_customer:hover {
background: #c0c0c0;
}
.table_port {
margin: 0;
display: table;
overflow: hidden;
}
.table_port .item {
display: table-row;
height: 45px;
}
.table_port .gray {
background: #f6f6f6;
}
.table_port .legend {
display: table-row;
max-height: 35px;
color: #fff;
background: var(--main-color);
text-align: center;
}
.table_port .legend > div {
display: table-cell;
vertical-align: middle;
padding: 1px;
font-size: 13px !important;
}
.table_port .item > div {
display: table-cell;
font-size: 13px;
padding: 2px;
border-bottom: 1px solid #dadada;
vertical-align: middle;
}
.table_port .item .port_gray {
background: #f6f6f6;
}
.table_port .item .port_black {
background: #000;
color: #fff;
text-align: center;
}
.table_port .item .port_black a {
color: #fff;
}
.table_port .item .port_green {
background: #00EF00;
text-align: center;
}
.table_port .item .port_red {
background: #f00;
text-align: center;
}
.table_port .item .port_number {
border-left: 1px solid #dadada;
border-right: 1px solid #dadada;
}
.table_port .item .port_traf {
border-right: 1px solid #dadada;
}
.table_port .item .ov_module {
border-left: 1px solid #dadada;
border-right: 1px solid #dadada;
}
.table_port .item .ov_module_notdelim {
border-bottom: 0px;
}
.table_port .item .ov_module_delim {
border-top: 1px solid #dadada;
}
.table_port .item .act_color {
padding: 0px;
width: 10px;
position: relative;
}
.table_port .item .act_color .arrow {
width: 0px;
height: 0px;
border-style: solid;
border-width: 5px 0 5px 5px;
position: absolute;
top: 50%;
margin-top: -5px;
right: -5px;
}
.link_black {
color: #000;
}
.label_backgray {
color: #fff;
background: #737573;
padding-left: 3px;
padding-right: 3px;
font-weight: bold;
}
.tagSpan {
padding-left: 3px;
padding-right: 3px;
font-weight: bold;
}
.label_backblack {
color: #fff;
background: #000;
padding-left: 3px;
padding-right: 3px;
font-weight: bold;
}
.label_backyellow {
background: #ff0;
padding-left: 3px;
padding-right: 3px;
font-weight: bold;
}
.green_div {
background: #0f0;
}
.red_div {
background: #f00;
}
.div_space {
padding-top: 5px;
padding-bottom: 5px;
font-size: 14px;
}
.div_space2 {
padding-top: 2px;
padding-bottom: 2px;
}
.ip_net_width {
width: 21px;
}
.ip_net_customer {
color: #000;
background: #F7DF7B;
}
.ip_net_customer_dolg {
color: #f00;
background: #E79E94;
}
.ip_net_customer_unreg {
background: #CEE7FF;
}
.ip_net_customer_pause {
background: #428284;
}
.ip_net_customer_pause a {
color: #fff;
}
.ip_net_user_subnet {
background-image: linear-gradient(90deg, rgba(255, 255, 255, .07) 50%, transparent 50%),
linear-gradient(90deg, rgba(255, 255, 255, .13) 50%, transparent 50%),
linear-gradient(90deg, transparent 50%, rgba(255, 255, 255, .17) 50%),
linear-gradient(90deg, transparent 50%, rgba(255, 255, 255, .19) 50%);
background-size: 13px, 29px, 37px, 53px;
}
.ip_net_subnet {
background-image: repeating-linear-gradient(120deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .1) 1px, transparent 1px, transparent 60px),
repeating-linear-gradient(60deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .1) 1px, transparent 1px, transparent 60px),
linear-gradient(60deg, rgba(0, 0, 0, .1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, .1) 75%, rgba(0, 0, 0, .1)),
linear-gradient(120deg, rgba(0, 0, 0, .1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, .1) 75%, rgba(0, 0, 0, .1));
background-size: 10px 120px;
}
.ip_net_device {
color: #fff;
background: var(--main-color);
}
.ip_net_device a {
color: #fff;
}
.ip_net_device a:hover {
color: #cacaca;
}
.ip_net_reserv {
background: #CACACA;
}
.ip_net_inventory {
color: #fff;
background: #8400FF;
}
.ip_net_inventory a {
color: #fff;
}
.standart_docs {
font-family: 'Arial';
font-size: 8pt;
}
.hide_div {
display: none;
}
.table_inventory_list {
border: 1px solid #000;
width: 100%;
}
.table_inventory_list td {
margin: 0px;
border: 1px solid #000;
}
.support_history_task_status_2 {
color: #008000;
font-weight: bold;
}
.support_history_task_status_3 {
color: #f00;
font-weight: bold;
}
.c_adr_div {
width: 100%;
position: relative;
}
.c_adr_div input {
background-color: #fff;
margin-left: 2px;
}
.c_adr_div select {
margin: 2px;
}
.c_adr_div .c_adr_div_left {
background: #EFEFEF;
border: #d4d4d4 2px solid;
padding-right: 30px;
border-radius: 0px 6px 6px 0px;
}
.c_adr_div .c_adr_div_right {
position: absolute;
right: 0px;
top: 0px;
width: 30px;
height: 100%;
background: url('../picture/home.png') 7px 5px no-repeat #d4d4d4;
border-radius: 0px 6px 6px 0px;
}
.c_adr_div .c_adr_div_right .c_adr_div_right_button {
width: 100%;
text-align: center;
margin-left: 2px;
}
.div_cable_line_wire_color {
width: 12px;
height: 12px;
margin-right: 3px;
float: left;
border: 1px #000 solid;
}
.us-icon-small {
display: inline-block;
font: normal normal normal 10px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1em;
line-height: .75em;
margin-right: 5px;
vertical-align: -3px;
color: var(--main-color);
}
.us-icon {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1.3333333333em;
line-height: .75em;
margin-right: 5px;
vertical-align: -3px;
color: var(--main-color);
}
.us-icon-normal {
color: var(--main-color);
}
.us-icon-normal:hover {
color: var(--main-color-hover)
}
.us-icon-normal-second {
color: var(--main-color-hover)
}
.us-icon-normal-second:hover {
color: #4B5EC0
}
.us-icon-white {
color: #fff
}
.us-icon-gray {
color: #C0C0C0
}
.us-icon-gray2 {
color: #C0C0C0
}
.us-icon-gray2:hover {
color: #f00
}
.us-icon-black {
color: #000
}
.us-icon-green {
color: #0f0
}
.us-icon-red {
color: #f00
}
.us-icon-lmenu {
font-size: 1em;
margin-left: -25px;
color: var(--main-color-left-menu-icon);
vertical-align: 0px;
width: 18px;
}
.us-icon-lk {
font-size: 3em;
color: #fff;
width: 100%;
text-align: center;
padding-top: 15px;
}
.us-icon-wait {
vertical-align: -2px;
color: #8C8C00 !important
}
.us-icon-danger {
vertical-align: -2px;
color: #f00 !important
}
.us-icon-danger:hover {
color: #D70000 !important
}
.us-icon-attention {
vertical-align: -2px;
color: #FF8000 !important
}
.us-icon-attention:hover {
color: #B95C00 !important
}
.us-icon-32 {
font-size: 2em;
}
.us-icon-64 {
font-size: 4em;
}
.us-icon-ok {
vertical-align: -2px;
color: #00B900 !important
}
.us-icon-task-state {
color: #fff !important
}
.us-icon-task-card {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: 2em;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: .75em;
color: #000;
padding-left: 8px;
padding-right: 5px;
}
.us-icon-task-card2 {
padding-left: 6px;
padding-top: 7px;
padding-bottom: 3px;
}
.us-icon-task-card3 {
padding-left: 4px;
padding-top: 9px;
padding-bottom: 1px;
font-size: 1.6em;
}
.us-icon-task-card4 {
padding-left: 3px;
padding-top: 7px;
padding-bottom: 3px;
}
.us-icon-menu-card {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: 2em;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: .75em;
color: #000;
padding-left: 8px;
padding-right: 5px;
}
.us-planed {
background: url('../../oper/?core_section=image&action=plan') 50% 50% no-repeat;
padding-left: 20px;
}
.us-traf-in {
margin-right: 1px;
color: #008000;
}
.us-traf-out {
margin-right: 1px;
color: #f00;
}
.address-list-border {
padding-left: 3px;
border-left: 1px solid #848284;
}
.address-list-house-border {
padding-left: 5px;
margin-left: 30px;
margin-bottom: 5px;
border-left: 1px solid #848284;
}
.mapLabel {
margin-top: -3px;
position: absolute;
}
.footer2 {
padding: 30px 0;
margin-top: 20px;
border-top: 2px solid #e0e0e0;
position: relative;
width: 100%;
}
.footer2 #down_copy {
color: #83898b;
font-size: 13px;
}
.footer2 #down_copy a {
}
.footer2 #down_support {
width: 150px;
height: 18px;
background: var(--main-color);
color: #fff;
padding-top: 3px;
padding-left: 7px;
padding-bottom: 3px;
display: block;
position: absolute;
right: 0;
top: 25px;
}
.footer2 #down_support a {
text-decoration: none;
color: #fff;
}
.footer2 #down_support i {
color: #fff;
}
.footer2 #down_support:hover {
background: #707070;
}
.footer2 #down_support_div {
width: 500px;
position: fixed;
right: 10px;
bottom: 10px;
background-color: var(--main-color);
color: #fff;
padding: 5px;
}
.footer2 #down_support_div ul {
list-style: square inside;
padding-bottom: 10px;
}
.footer2 #down_support_div ul li {
margin: 5px;
}
.footer2 #down_support_div a {
color: #fff;
}
.footer2 #down_support_div a:hover {
color: #C6C3C6;
}
.footer2 #down_support_div h2 {
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
margin-top: -5px;
margin-bottom: 2px;
}
.footer2 #down_support_div #down_support_cancel {
position: absolute;
right: 10px;
top: 5px;
padding-right: 20px;
}
.footer2 #down_finishinfo {
display: block;
position: absolute;
right: 0;
margin-right: 170px;
padding: 2px;
font-size: 8pt;
top: 25px;
color: #fff;
}
.footer2 #down_finishinfo_full {
display: block;
position: relative;
float: right;
right: 0;
margin-right: 170px;
padding: 2px;
top: -40px;
font-size: 9pt;
background-color: #C6C3C6;
border: 1px solid #000;
}
.footer2 #down_finishinfo2_full {
top: 20px;
padding: 10px;
position: relative;
background-color: #C6C3C6;
border: 1px solid #000;
width: 400px;
}
.iface10M {
-webkit-animation: ifaceAnim10M 1s infinite; /* Safari 4+ */
-moz-animation: ifaceAnim10M 1s infinite; /* Fx 5+ */
-o-animation: ifaceAnim10M 1s infinite; /* Opera 12+ */
animation: ifaceAnim10M 1s infinite; /* IE 10+, Fx 29+ */
}
@-webkit-keyframes ifaceAnim10M {
0%, 20%, 40%, 60%, 80%, 100% {
background-color: #FF8000;
}
10%, 30%, 50%, 70%, 90% {
background-color: #fff;
}
}
.iface100M {
-webkit-animation: ifaceAnim100M 1s infinite; /* Safari 4+ */
-moz-animation: ifaceAnim100M 1s infinite; /* Fx 5+ */
-o-animation: ifaceAnim100M 1s infinite; /* Opera 12+ */
animation: ifaceAnim100M 1s infinite; /* IE 10+, Fx 29+ */
}
@-webkit-keyframes ifaceAnim100M {
0%, 20%, 40%, 60%, 80%, 100% {
background-color: #42F12E;
}
10%, 30%, 50%, 70%, 90% {
background-color: #fff;
}
}
.iface1G {
-webkit-animation: ifaceAnim1G 1s infinite; /* Safari 4+ */
-moz-animation: ifaceAnim1G 1s infinite; /* Fx 5+ */
-o-animation: ifaceAnim1G 1s infinite; /* Opera 12+ */
animation: ifaceAnim1G 1s infinite; /* IE 10+, Fx 29+ */
}
@-webkit-keyframes ifaceAnim1G {
0%, 20%, 40%, 60%, 80%, 100% {
background-color: #008000;
}
10%, 30%, 50%, 70%, 90% {
background-color: #fff;
}
}
.leaflet-ruler {
height: 35px;
width: 35px;
background-image: url("images/ruler_icon.png"); /* */
background-repeat: no-repeat;
background-position: center;
}
.leaflet-ruler:hover {
background-image: url("images/ruler_icon-colored.png"); /* */
}
.leaflet-ruler-clicked {
height: 35px;
width: 35px;
background-repeat: no-repeat;
background-position: center;
background-image: url("images/ruler_icon-colored.png");
border-color: chartreuse !important;
}
.leaflet-bar {
background-color: #ffffff;
}
.leaflet-control {
cursor: pointer;
}
.result-tooltip {
background-color: white;
border-width: medium;
border-color: #de0000;
font-size: smaller;
}
.moving-tooltip {
background-color: rgba(255, 255, 255, .7);
background-clip: padding-box;
opacity: 0.5;
border: dotted;
border-color: red;
font-size: smaller;
}
.plus-length {
padding-left: 45px;
}
.us-map-class .leaflet-popup-content-wrapper {
background: transparent;
opacity: 1;
color: #000;
font-size: 10px;
line-height: 24px;
border-radius: 0px;
box-shadow: none;
}
.us-map-class .leaflet-popup-tip {
background: transparent;
border: none;
box-shadow: none;
}
.labelObjectText {
margin-bottom: -35px;
text-align: center;
}
.linkOnMap {
text-decoration: none;
color: #000;
}
.linkOnMap:hover {
color: #000;
text-decoration: none;
}
.linkOnMap:visited {
color: #000;
text-decoration: none;
}
.linkOnMap:link {
color: #000;
text-decoration: none;
}
.addressNameInTree {
font-weight: bold;
}
.houseNameInTree {
font-size: 17px;
text-decoration: underline;
margin-left: 3px;
padding-left: 2px;
padding-right: 2px;
}
.houseNameInTree:hover {
font-weight: bold;
}
.houseRed {
color: #F00;
}
.houseGreen {
color: #008000;
}
.houseBlackBack {
background-color: #000;
color: #fff;
}
.houseYellowBack {
background-color: #FFFF00;
}
.addressFindSelectorDiv {
background: #EFEFEF;
border: #d4d4d4 2px solid;
padding: 5px;
border-radius: 0px 6px 6px 0px;
}
.addressFindSelectorDiv input {
background-color: #fff;
}
.statRowTotal {
background-color: #B2B2B2;
font-weight: bold;
}
.statRowTotal td {
border: 1px solid #000;
}
.statRowNormal {
background-color: #fff;
}
.statRowNormal td {
border: 1px solid #B2B2B2;
}
.statRowNormalItalic {
background-color: #fff;
font-style: italic;
}
.statRowNormalItalic td {
border: 1px solid #B2B2B2;
}
.statRowMain {
background-color: #CACACA;
font-weight: bold;
}
.statRowMain td {
border: 1px solid #B2B2B2;
}
.leaflet-div-icon {
opacity: 1;
background: #fff;
border-radius: 30px;
}
.leaflet-middle-icon {
border-radius: 30px;
}
.ifaceRow-epon {
background-color: #E7F1FE;
}
.ifaceRow-802-11 {
background-color: #FFE0C1;
}
.mapDeviceInfoNormal {
background-color: #fff;
font-size: 11pt;
font-weight: bold;
}
.mapDeviceInfoRed {
background-color: #fff;
color: #f00;
font-size: 11pt;
font-weight: bold;
}
.fiber-reserv {
background-color: #FFFF84;
font-size: 10pt;
font-weight: bold;
}
.leaflet-canvas-icon-layer {
}
.labelObjectText {
cursor: pointer;
}
.leaflet-popup-content-wrapper {
border: 0px solid #f00;
height: 0px;
margin-top: -8px;
}
.dist-marker {
font-size: 9px;
border: 1px solid #777;
border-radius: 10px;
text-align: center;
color: #000;
background: #fff;
}
.cityBack {
background-color: #F5F3F6;
border: 1px solid #cacaca;
margin: 3px;
}
.reply_comment {
text-align: left;
font-style: italic;
border-radius: 8px;
width: 350px;
max-height: 30px;
overflow: hidden; /* Обрезаем все, что не помещается в область */
background: #cacaca; /* Цвет фона */
padding: 5px; /* Поля вокруг текста */
text-overflow: ellipsis; /* Добавляем многоточие */
}
.reply_comment a {
color: #000;
text-decoration: none;
}
#fullTaskTypeDescription {
display: none
}
#fullTaskTypeDescriptionShort {
display: ''
}
.nodeSchemeRedesignTopPanel {
background: #E1E1FF;
}
.nodeSchemeTopPanel {
background: #EFEFEF;
}
.leaflet-control-layers-group-name {
font-weight: bold;
margin-bottom: .2em;
margin-left: 3px;
}
.leaflet-control-layers-group {
margin-bottom: -2.5em;
margin-top: -20px;
margin-bottom: 0px;
}
.leaflet-control-layers-scrollbar {
overflow-y: scroll;
padding-right: 10px;
}
#map_menu2 {
height: 30px;
font-size: 14px;
padding-left: 4px;
padding-top: 4px;
margin-bottom: 0px;
padding-bottom: 0px;
background-color: #FFFFFF;
}
.grayInfoDiv {
margin-top: 10px;
margin-bottom: 10px;
padding: 3px;
border: 3px solid #c0c0c0;
border-radius: 6px 6px 6px 6px;
background-color: #EEEEEE;
}
.darkRedInfoDiv {
margin-top: 10px;
padding: 3px;
border: 6px solid #800000;
border-radius: 6px 6px 6px 6px;
background-color: #FFD7D6;
}
#buildingTaskCommentId {
margin-top: 10px;
padding: 3px;
border: 6px solid #800000;
border-radius: 6px 6px 6px 6px;
background-color: #FFD7D6;
font-weight: bold;
}
#house_scheme_id {
padding-top: 40px;
}
.my-label {
position: absolute;
width:1000px;
font-size:2px;
}
.leaflet-container.pointer-cursor-enabled {
cursor: pointer;
}
.downLinkUrl {
color: #f00;
}
.downLinkUrl {
color: #fff;
text-decoration: underline;
text-decoration-color: #fff;
font-size: 14px;
}
.spanContragentReportTransferName {
font-size: 24px;
}
.dropdown-menu {
background-color: white;
border: 1px solid #ddd;
list-style: none;
margin: 0;
padding: 0;
}
.dropdown-menu li {
border-top: 1px solid #ddd;
padding: 2px 5px;
margin: 0;
}
.dropdown-menu li:first-child {
border-top: none;
}
.dropdown-menu li:hover,
.dropdown-menu .active {
background-color: rgb(110, 183, 219);
}
.dropdown-menu a {
height: 18px;
text-decoration: none;
color: #555;
}
.dropdown-menu a:hover {
cursor: pointer;
}
.dropdown-menu img {
vertical-align: text-top;
height: 18px;
}
.leaflet-tooltip-label {
position: absolute;
padding: 0px 4px 0px 4px !important;
margin: 0;
background-color: rgba(255, 255, 255, 0.6);
border: 0px solid #000;
color: #000;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
}
.oldUnavailableClass {
display: none;
}
.employeeUnavailableI {
color: #f00;
}
.xdsoft_datetimepicker{
box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.506);
background: #FFFFFF;
border-bottom: 1px solid #BBBBBB;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
color: #333333;
display: block;
font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
padding: 8px;
padding-left: 0px;
padding-top: 2px;
position: absolute;
z-index: 9999;
box-sizing: border-box;
display:none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.xdsoft_noselect{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.xdsoft_noselect::selection { background: transparent; }
.xdsoft_noselect::-moz-selection { background: transparent; }
.xdsoft_datetimepicker.xdsoft_inline{
display: inline-block;
position: static;
box-shadow: none;
}
.xdsoft_datetimepicker *{
-moz-box-sizing: border-box;
box-sizing: border-box;
padding:0px;
margin:0px;
}
.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker{
display:none;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active{
display:block;
}
.xdsoft_datetimepicker .xdsoft_datepicker{
width: 224px;
float:left;
margin-left:8px;
}
.xdsoft_datetimepicker .xdsoft_timepicker{
width: 58px;
float:left;
text-align:center;
margin-left:8px;
margin-top:0px;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker{
margin-top:8px;
}
.xdsoft_datetimepicker .xdsoft_mounthpicker{
position: relative;
text-align: center;
}
.xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next{
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAeCAYAAACR82geAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQjRCQjRGREU4MkNFMzExQjRDQkIyRDJDOTdBRUI1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxQzQ5MUVFRTJDRTkxMUUzODYyMUJDN0ExNzY5MEJFMiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxQzQ5MUVFRDJDRTkxMUUzODYyMUJDN0ExNzY5MEJFMiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ZZiqAgAAAR5JREFUeNrs2W0OgjAMBmAnHJjoOZq8FzYTUAkfG9KuJFDaZD8MpoYHmG0JMcabxzLuTuAwDqMR9dlPIISQO0TtqtrVpA7+21troxe8Q3mMPjfsDJ3cmVcGJc4WuOdtDSaFksQphvn+WNHdthJQhFlDWeBowMQcTiEMPilUYLagTHC0YJI4BTD45VWA4aAMOJowCxwhDMY5D7t3MWEmOAIYzPNZghlwmDBI5bIG0+MwYJDLc1SYkl6pYnz3dbraWXjHQPAokfVHCQWbL1mFgcLfNVmDgWKBR4oFHgQFHmnBYIeWgBRbAg4OabUE2LGJJMUmEltRrjh2wBaUK8LkcOjqg6oUjmhkYnXm24wq7qdoyO5vIv29ksM4zI7xFmAAj1yMVcKZ+nYAAAAASUVORK5CYII=');
}
.xdsoft_datetimepicker .xdsoft_prev{
float: left;
background-position:-20px 0px;
}
.xdsoft_datetimepicker .xdsoft_next{
float: right;
background-position:0px 0px;
}
.xdsoft_datetimepicker .xdsoft_next:active,.xdsoft_datetimepicker .xdsoft_prev:active{
}
.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev {
background-color: transparent;
background-repeat: no-repeat;
border: 0px none currentColor;
cursor: pointer;
display: block;
height: 30px;
opacity: 0.5;
outline: medium none currentColor;
overflow: hidden;
padding: 0px;
position: relative;
text-indent: 100%;
white-space: nowrap;
width: 20px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next{
float:none;
background-position:-40px -15px;
height: 15px;
width: 30px;
display: block;
margin-left:14px;
margin-top:7px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev{
background-position:-40px 0px;
margin-bottom:7px;
margin-top:0px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box{
height:151px;
overflow:hidden;
border-bottom:1px solid #DDDDDD;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div{
background: #F5F5F5;
border-top:1px solid #DDDDDD;
color: #666666;
font-size: 12px;
text-align: center;
border-collapse:collapse;
cursor:pointer;
border-bottom-width:0px;
height:25px;
line-height:25px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div:first-child{
border-top-width:0px;
}
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
opacity: 1;
}
.xdsoft_datetimepicker .xdsoft_label{
display: inline;
position: relative;
z-index: 9999;
overflow: hidden;
margin: 0;
padding: 5px 3px;
font-size: 14px;
line-height: 20px;
font-weight: bold;
background-color: #fff;
float:left;
width:182px;
text-align:center;
}
.xdsoft_datetimepicker .xdsoft_month{
width:114px;
text-align:right;
}
.xdsoft_datetimepicker .xdsoft_calendar{
clear:both;
}
.xdsoft_datetimepicker .xdsoft_year{
width:56px;
}
.xdsoft_datetimepicker .xdsoft_calendar table{
border-collapse:collapse;
width:100%;
}
.xdsoft_datetimepicker .xdsoft_calendar td > div{
padding-right:5px;
}
.xdsoft_datetimepicker .xdsoft_calendar th{
height: 25px;
}
.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th{
width:14.2857142%;
text-align:center;
background: #F5F5F5;
border:1px solid #DDDDDD;
color: #666666;
font-size: 12px;
text-align: right;
padding:0px;
border-collapse:collapse;
cursor:pointer;
height: 25px;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{
color:#33AAFF;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current{
background: #33AAFF;
box-shadow: #178FE5 0px 1px 3px 0px inset;
color:#fff;
font-weight: 700;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled{
opacity:0.5;
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover{
color: #fff !important;
background: #ff8000 !important;
box-shadow: none !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover{
color: inherit !important;
background: inherit !important;
box-shadow: inherit !important;
}
.xdsoft_datetimepicker .xdsoft_calendar th{
font-weight: 700;
text-align: center;
color: #999999;
cursor:default;
}
.xdsoft_datetimepicker .xdsoft_copyright{ color:#ccc !important; font-size:10px;clear:both;float:none;margin-left:8px;}
.xdsoft_datetimepicker .xdsoft_copyright a{ color:#eee !important;}
.xdsoft_datetimepicker .xdsoft_copyright a:hover{ color:#aaa !important;}
.xdsoft_time_box{
position:relative;
border:1px solid #ccc;
}
.xdsoft_time_box > .xdsoft_scrollbar >.xdsoft_scroller{
background:#ccc !important;
height:20px;
border-radius:3px;
}
.xdsoft_time_box > .xdsoft_scrollbar{
position:absolute;
width:7px;
width:7px;
right:0px;
top:0px;
bottom:0px;
cursor:pointer;
}
.leaflet-contextmenu {
display: none;
box-shadow: 0 1px 7px rgba(0,0,0,0.4);
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 4px 0;
background-color: #fff;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.leaflet-contextmenu a.leaflet-contextmenu-item {
display: block;
color: #222;
font-size: 12px;
line-height: 20px;
text-decoration: none;
padding: 0 12px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
cursor: default;
outline: none;
}
.leaflet-contextmenu a.leaflet-contextmenu-item-disabled {
opacity: 0.5;
}
.leaflet-contextmenu a.leaflet-contextmenu-item.over {
background-color: #f4f4f4;
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
}
.leaflet-contextmenu a.leaflet-contextmenu-item-disabled.over {
background-color: inherit;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
}
.leaflet-contextmenu-icon {
margin: 2px 8px 0 0;
width: 16px;
height: 16px;
float: left;
border: 0;
}
.leaflet-contextmenu-separator {
border-bottom: 1px solid #ccc;
margin: 5px 0;
}
.i0Li {
overflow: hidden;
word-wrap: anywhere;
}
option[colorTag="optionRed"] {
background-color: #E20A0A;
color: #ffffff;
}
.optionRed {
background-color: #E20A0A;
color: #ffffff;
}
.erp-label {
permanent: true;
position: absolute;
width: 1000px;
font-size:14px;
background-color: none;
border-color: none;
background: none;
border: none;
box-shadow: none;
direction: 'right';
font-family: 'Courier', 'sans-serif', Tahoma, Geneva, Helvetica;
}
.rack_label_low_opacity.leaflet-tooltip-top:before,
.rack_label_low_opacity.leaflet-tooltip-bottom:before,
.rack_label_low_opacity.leaflet-tooltip-left:before,
.rack_label_low_opacity.leaflet-tooltip-right:before,
.rack_label.leaflet-tooltip-top:before,
.rack_label.leaflet-tooltip-bottom:before,
.rack_label.leaflet-tooltip-left:before,
.rack_label.leaflet-tooltip-right:before,
.erp-label.leaflet-tooltip-top:before,
.erp-label.leaflet-tooltip-bottom:before,
.erp-label.leaflet-tooltip-left:before,
.erp-label.leaflet-tooltip-right:before {
position: absolute;
pointer-events: none;
border: 6px solid transparent;
background: transparent;
content: "";
}
.rack_label_low_opacity {
permanent: true;
position: absolute;
width: 1000px;
font-size:14px;
color: #EEEEEE;
background-color: none;
border-color: none;
background: none;
border: none;
box-shadow: none;
direction: 'right';
font-family: 'Courier', 'sans-serif', Tahoma, Geneva, Helvetica;
}
.rack_label {
permanent: true;
position: absolute;
width: 1000px;
font-size:14px;
color: #000;
background-color: none;
border-color: none;
background: none;
border: none;
box-shadow: none;
direction: 'right';
font-family: 'Courier', 'sans-serif', Tahoma, Geneva, Helvetica;
}
.menu_pic {
margin-bottom:20px;
}
.menu_pic ul {
list-style:none;
}
.menu_pic ul li {
display:inline-block;
width:12%;
}
.menu_pic ul li:first-child {
margin-left:0px;
}
.menu_pic ul li a {
display:block;
width:62px;
height:62px;
border-radius:30px;
box-shadow:0px 0px 0px 2px #0088d1;
background-position:50% 50%;
background-repeat:no-repeat;
text-align: center;
font-size: 20pt;
}
.menu_pic ul li a:hover {
background-color:#0088d1;
}
.menu_pic ul li.bad a {
box-shadow:0px 0px 0px 2px #d4d4d4;
}
.menu_pic ul li.bad a:hover {
background-color:#FFF;
}