html {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: "Helvetica Neue", Arial, "Lucida Grande", sans-serif;
    font-size: 11px;
    color: #4F5155;
    background: url('/img/OffsetApplied.jpg');
}

h3 {
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

body, html {
    font: 11px Arial;
}

a {
    color: #003399;
    background-color: transparent;
    font-weight: normal;
}

b, b *, b a {
    font-weight: bolder;
}

p {
    margin: 0;
    padding: 0;
}

table td {
    vertical-align: top;
}

table tr {
    width: 100%;
}

form {
    display: inline-block;
}

form ul {
    font-size: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

form li {
    display: block;
    margin: 0;
    padding: 4px 5px 2px 9px;
    position: relative;
}

form li:after {
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

input, select, textarea {
    background: white;
}

select:disabled{
  background: #eee;
}

input[type="number"] {
    width: 52px;
    text-align: right;
}

input[maxlength="1"] {
    border: 0;
    border-bottom: 2px solid;
    width: 18px;
    background-color: transparent;
    border-radius: 0;
}

input[type="text"], input[type="password"], textarea, select {
    border: 1px solid #ccc;
    padding: 4px 0;
    border-radius: 5px;
    box-sizing: border-box;
}

input[type="text"] {
    padding-left: 5px;
}

input[type="submit"], button, input[type="button"] {
    background: -webkit-gradient(linear, left top, left bottom, from(#BCBCBE), to(white));
    background: -moz-linear-gradient(top, #BCBCBE, #ffffff, #BCBCBE);
    padding: 5px 15px;
    font-weight: bold;
    color: #333;
    border: none;
    border-radius: 4px;
    text-shadow: 0 1px 1px white;
}

input:read-only,
textarea:read-only{
    background-color: #eee;
}
input:-moz-read-only,
textarea:-moz-read-only{
    background-color: #eee;
}

input:disabled {
    color: #000000;
}

input[type="checkbox"] {
    vertical-align: middle;
}

input[type="radio"] {
    vertical-align: middle;
}

@-moz-document url-prefix() {

    input[type="number"] {
        width: 44px;
        text-align: right;
    }
}

label {
    display: block;
    margin-top: 1em;
    margin-bottom: 0.5em;
}

label:first-child {
    margin-top: 0;
}

textarea {
    height: 100px;
}

/* Text Styles aka WORD */

.bold * {
    font-weight: bold;
}

.p100100 {
    width: 100%;
    height: 100%;
}

.red {
    background: red;
}

.hidden {
    display: none;
}

.green {
    font-weight: bold;
    color: white; /* rly? */
}

/* comment this later */

.pre-loader {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 1000000;
  background-image: url(/img/doctor.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
  text-align: center;
  color: black;
}
.pre-loader a{
  display: block;
  margin: 10px 0;
  font-size: 18px;
  font-weight: 600;
}
.post-loader{
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.95);
  z-index: 999999;
  text-align: center;
  color: black;
  box-sizing: border-box;
  padding: 10% 25%;
}
.post-loader p{
  padding: 30px;
  border: 1px solid #ddd;
  font-size: 16px;
}
.post-loader>div{
  display: flex;
  justify-content: space-between;
  padding: 20px;
}
.post-loader>div>div{
  padding: 5px 0;
}
.post-loader label{
  display: inline-block;
  font-size: 16px;
  margin: 0;
}
.post-loader>div>b{
  cursor: pointer;
  border: 1px solid #444;
  border-radius: 5px;
  background-color: #009900;
  padding: 5px 10px;
  font-size: 16px;
  font-weight: 600;
}

.not-active {
  pointer-events: none;
  cursor: default;
  color: #666
}

#container {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;

}

.maintable {
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    border-collapse: collapse;
    height: 84%;
}

.leftcol {
    width: 252px;
}

.dev_structure, .dev_structure ul {
    list-style: none;
    padding: 0 0 0 20px;
    margin: 0;
}

@-moz-document url-prefix() {
    .structure img[src="/img/icon_hs_off.png"], .structure img[src="/img/icon_ap_off.png"] {
        background: white;
    }
}

.leftcol_top {
    margin: 8px 10px 5px 10px;
}

#webmenu {
    width: 139px;
}

.dd .ddTitle .ddTitleText{
  padding: 10px 20px 4px 5px;
  margin-top: 0px;
}

.graygrad_block {
  background: #dadada;
  display: inline-block;
  background: -moz-gradient(linear, left top, left bottom, from(#BCBCBE), to(white));
  background: -moz-linear-gradient(top, #BCBCBE, white);
  color: #002a49;
  height: 30px;
  width: 83px;
  margin-top: 0;
  margin-left: -2px;
  vertical-align: top;
}

#search {
    margin-left: 4px;
    border-radius: 0;
    margin-top: 4px;
    width: 75px;
    font-size: 11px;
  padding-left: 20px;
  background-image: url("/img/icon_search.png");
  background-repeat: no-repeat;
  background-position: 2px 4px;
}

.search_filters {
    padding-top: 5px;
    cursor: pointer;
}

.search_result {
    overflow: auto;
    background: white;
    bottom: 28px;
    position: absolute;
    top: 45px;
    width: 222px;
    left: 10px;
    border-radius: 4px 0 0 0;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.search_results_counter {
    position: absolute;
    background: white;
    height: 16px;
    width: 100px;
    left: 10px;
    bottom: 10px;
    border-radius: 0 0 0 4px;
    padding-left: 9px;
    padding-top: 2px;
}

.search_result ul {
    padding: 0 0 0 3px;
    margin: 0;
}

.search_result a, #note_content a {
    background: url("/img/arrow_li_2.png") no-repeat left center;
    padding: 2px 0 2px 16px;
    list-style: none;
    color: #003399;
    cursor: pointer;
    text-decoration: underline;
    display: list-item;
}

.search_result a:hover {
    background: url("/img/arrow_li_1.png") no-repeat left center;
}

#search_status_trig{
    position: absolute;
    background: white;
    height: 16px;
    width: 115px;
    left: 108px;
    bottom: 10px;
    border-radius: 0 0 0 4px;
    padding-left: 9px;
    padding-top: 2px;
}

#search_status_trig input{
    cursor: pointer;
}

#maincol {
    border-radius: 0 4px 4px 0;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 30px;
    right: 10px;
    left: 239px;
    top: 45px;
    background: #ffffff;
    background: linear-gradient(top, #BCBCBE, #ffffff);
    background: -webkit-gradient(linear, left top, left bottom, from(#BCBCBE), to(white));
    background: -moz-linear-gradient(top, #BCBCBE, white);
    color: #002a49;
    padding: 10px;
    overflow-y: scroll;
    overflow-x: hidden;
}

footer{
    position: absolute;
    text-align: center;
    font-weight: 600;
    bottom: 10px;
    right: 10px;
    left: 239px;
    height: 15px;
    background: #ffffff;
    background: linear-gradient(top, #BCBCBE, #ffffff);
    background: -webkit-gradient(linear, left top, left bottom, from(#BCBCBE), to(white));
    background: -moz-linear-gradient(top, #BCBCBE, white);
    color: #002a49;
}

.maincol form {
    width: 100%;
}

.listing {
    width: 99%;
    border-collapse: collapse;
    border-spacing: 0;
}

.listing input[type="text"], .listing textarea, .listing select {
    width: 100%;
}

.listing tr td {
    font-size: 11px;
    vertical-align: top;
}

.listing tr td:not(.td_title) {
    text-align: left;
}

tr .td_title {
    text-align: right;
    font-weight: bold;
    padding-top: 7px;
}

tr .td_title:first-child {
    width: 150px;
}

.listing2 input, .listing2 textarea, .listing2 select {
    width: auto;
}

/*MENU*/

#menu {
  position: absolute;
  left: 239px;
  top: 8px;
  right: 10px;
  height: 31px;
  display: flex;
  justify-content: space-between;
  z-index: 12;
  background: rgb(218, 218, 218);
  background: -webkit-gradient(linear, left top, left bottom, from(#BCBCBE), to(white));
  background: -moz-linear-gradient(top, #BCBCBE, white);
  border-radius: 0 4px 4px 0;
}

#nav {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}

#nav li {
  float: left;
  display: block;
  min-width: 86px;
  position: relative;
  background: #dadada;
  z-index: 999;
  background: -webkit-gradient(linear, left top, left bottom, from(#BCBCBE), to(white));
  background: -moz-linear-gradient(top, #BCBCBE, white);
  text-align: center;
  /*border-right: 2px solid gray;*/
}

#nav > li:hover a{
    color: #666;
}


#nav li ul li {
    float: left;
    display: block;
    min-width: 140px;
    position: relative;
    margin: -1px 1px;
    font-weight: normal;
    z-index: 999;
    border-radius: 0 !important;
    border: 1px solid #c3c3c3;
    background: #ffffff;

}

#nav li ul li ul {
    top: 0;
    left: 141px;
}

#nav li ul li ul li {
    float: left;
    display: block;
    min-width: 140px;
    position: relative;
    margin: -1px 1px;
    font-weight: normal;
    z-index: 999;
    border-radius: 0 !important;
    border: 1px solid #c3c3c3;
    background: #ffffff;

}

#nav li ul li:hover {
    background: #f2f2f2;
    text-decoration: none;
}

#nav li a {
    cursor: default;
    display: block;
    padding: 8px 5px 0 5px;
    font-weight: 700;
    height: 23px;
    text-decoration: none;
    color: #002a49;

}

#nav li ul li a {
    white-space: nowrap;
    font-weight: normal;
}

#nav a.selected {
    color: #f00;
}

#nav ul {
    position: absolute;
    left: 0;
    display: none;
    margin: 1px 0 0 -2px;
    padding: 0;
    list-style: none;
}

#nav ul li {
    min-width: 140px;
    float: left;

}

#nav ul a {
    display: block;
    height: 15px;
    padding: 8px 5px;
    color: #666;
}

.menu_bug_img {
    height: 24px;
    cursor: pointer;
    float: right;
    position: relative;
    top: 2px;
    border-radius: 0 5px 5px 0;
}

#news {
    float: right;
}

div#bug, .popup_comment, #msg {
    text-align: left;
    border-radius: 10px;
    padding: 15px;
    background: #fff;
    width: 328px;

    position: absolute;
    left: 50%;
    top: 50%;
    margin: -164px 0 0 -123px;
    z-index: 99999999;
    display: none;
}

#bug{height: 300px}
#msg{height: 100px; border: 1px solid #000000; background-color: #EEEEEE}
.popup_comment {height: 246px}
/*</menu> */

#canvas2 {
    overflow-y: auto;
}

#map_canvas {
    display: none;
    position: absolute;
    overflow-x: hidden;
    /*margin: 0 0 0 -2000px;*/
    height: 100%;
    width: 99.9%; /* i'm magical pony-unicorn and i dont want to width:100% */
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background: #ffffff;
}

#map_panel {
    position: absolute;
    right: 150px;
    top: 10px;
    background-color: #eee;
    text-align: center;
    border: 1px solid #fff;
    box-shadow: #000 0 0 5px;
    border-radius: 5px;
    width: 300px;
    cursor: pointer;
    display: none;
    z-index: 1001;
}

#map_search {
    width: 210px;
    display: inline-block
}

#map_close {
    background-color: #eee;
    text-align: center;
    border: 1px solid #fff;
    box-shadow: #000 0 0 5px;
    border-radius: 5px;
    display: inline-block;
    width: 70px;
}

.canvas, .canvas3 {
    position: absolute;
    display: none;
    left: 200px;
    top: 50px;
    bottom: 0;
    z-index: 1000;
    background: #ffffff;
    border: 1px solid white;
    box-shadow: black 0 0 5px;
    border-radius: 5px;
    /*padding: 5px 10px 10px 0;*/
}

.canvas_container {
    height: 100%;
    overflow-y: scroll;
}

.canvas_opener, .canvas_opener_city_ajax {
    width: 100px;
    margin-left: -100px;
}

#map_open {
    width: 100px;
    margin-left: -100px;
}


.canvas_closer, .note_closer, .universal_closer {
    cursor: pointer;
    width: 48px;
    height: 48px;
    position: absolute;
    top: -22px;
    left: calc(100% - 30px);
    background: url('/img/close.png') no-repeat;
    z-index: 9999;
}

/* <Стили для РЗ> */
.advpage_table > tbody > tr:nth-child(even) {
    height: 10px;
}

.advpage_table > tbody > tr {
    /* height: 113px;*/
}

.advtask_new_tr td div {
    text-align: left;
}

.advtask_new_tr td div div {
    display: inline-block;
}

/* </Стили для РЗ > */

.tree * {
    list-style: none;
}

.tree {
    padding: 0;
    margin: 0;
}

.div33 {
    width: 33%;
    display: inline-block;
    text-align: center;
}

.infotable, .infotable_small {
    width: 100%;
    border-spacing: 0;
}

.infotable tr th, .infotable_small tr th {
    font-weight: bold;
    text-align: center;
    background: #ffffff;
    font: 11px Arial;
}

.infotable tr td {
    font: 11px Arial;
    text-align: center;
}

.infotable tr:hover td {
    background: rgba(0, 0, 0, 0.1);
}

.infotable_small tr:hover td {
    background: rgba(0, 128, 128, 0.2);
}

.infotable_small tr td {
    text-align: right;
}

.structure {
    text-align: left;
    height: 100%;
    width: 500px;
}

.structure_fullwidth {
    width: 100% !important;
}

.structure a {
    cursor: default;
}

.structure a:hover {
    cursor: default;
    background: #f0f0f0;
}

.structure ul {
    padding: 0 0 0 0;
}

.structure ul li {
    padding-left: 22px;
    margin: 0;
    list-style: none;
}

.structure ul li ul {
    display: none;
    padding: 0;
}

img[src="/img/tree_plus.png"],
img[src="/img/tree_minus.png"],
img#bug {
    cursor: pointer;
}

.fileholder input[type="file"] {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity:0);
    cursor: pointer;
    padding: 0;
    margin: 0;
    border: none;
    height: 36px;
    width: 130px;
    top: 0;
    left: 0;
}

.fileholder {
    position: absolute;
    text-align: center;
    padding: 10px 15px 10px 15px;
    margin: 0;
    cursor: pointer;
    font-weight: bold;
    color: #0E2A63;
    height: 16px;
    width: 100px;
}

.asbutton {
    background: -webkit-gradient(linear, left top, left bottom, from(#BCBCBE), to(white));
    background: -moz-linear-gradient(top, #BCBCBE, white);
    font-weight: bold;
    color: #333;
    border: none;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    text-shadow: 0 1px 1px white;
    width: 100px;
    text-align: center;
    vertical-align: middle;
    padding: 4px 0;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    float: left;
}

.asbutton2 {
    font-weight: bold;
    vertical-align: middle;
    padding: 4px 6px;
    cursor: pointer;
    display: inline-block;
    width: 100px;
    z-index: 999;
    background: -webkit-gradient(linear, left top, left bottom, from(#BCBCBE), to(white));
    background: -moz-linear-gradient(top, #BCBCBE, white);
    text-align: center;
    border-radius: 5px;
}

.asbutton3 {
    text-align: center;
    padding: 10px 15px 10px 15px;
    margin: 0;
    cursor: pointer;
    font-weight: bold;
    color: #0E2A63;
    width: auto;
    display: inline-block;
}

.asbutton3:hover, .fileholder:hover {
    background: rgba(0, 0, 0, 0.1);
}

.search_loader {
    position: absolute;
    width: 232px;
    height: 100%;
    background: rgba(0, 0, 0, 0.15);
    z-index: 99;
    display: none;
    padding: 0;
}

.loader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.15);
    z-index: 999999;
    display: none;

}

.loader .center, .search_loader .center {
    width: 150px;
    height: 150px;
    position: absolute;
    margin-left: -75px;
    margin-top: -75px;
    left: 50%;
    top: 50%;
    text-align: center;
}

.imgviewer {
    border-spacing: 5px;
}

.imgviewer tr td {
    text-align: center;
    width: 130px;
}

.pagenation tr td {
    text-align: center;
    padding: 5px 12px 5px 12px;
    margin: 0;
    cursor: pointer;
    font-weight: bold;
    color: #0E2A63;
}

.pagenation tr:hover td {
    background: none;

}

.pagenation tr td:hover {
    background: rgba(0, 0, 0, 0.1);
}

.hs_type_selector {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9999;
    background-color: #EEEEEE;
    padding: 1px 10px;
    border-top: 1px solid #888;
    border-right: 1px solid #888;
    border-radius: 0 10px 0 0;
    padding-top: 10px;
}

.hs_type_selector input, .hs_type_selector label {
    display: inline;
}

.hs_type_selector td {
    padding: 0;
    margin: 0;
}

.right_block {
    text-align: center;
    font-size: 12px;
    padding: 10px;
    position: fixed;
    margin-top: 20px;
    right: 40px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 10px;
    top: 100px;

}

.right_block span {
    width: 31px;
    display: inline-block;
    border-radius: 3px;
    padding: 2px;
}

.tooltip, .custom_table_1 > tbody > tr > td.tooltip_right > :first-child {
    display: none;
    position: absolute;
    padding: 10px 13px;
    margin: -23px 0 0 63px;
    z-index: 2;
    color: #303030;
    background-color: #F5F5B5;
    border: 1px solid #DECA7E;
    font-family: sans-serif;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
}

.custom_table_2{
    width: 100%;
    background-color: white;
    border-collapse: collapse;
}
.custom_table_2 th{
    text-align: center;
    font-weight: bolder;
    border-bottom: 1px solid #CCC;
}
.custom_table_2 th+th,
.custom_table_2 td+td{
    /*border-left: 1px solid #CCC;*/
}

.card_title {
    text-align: left;
    width: 99%;
    border-bottom: 1px solid red;
}

.card_title img {
    cursor: pointer;
}

.card_title td, .card_title, .card_title a {
    font-size: 20px;
    margin: 0;
    vertical-align: bottom;
}

.card_title .canvas * {
    font-size: 11px;
}

p.card_title {
    padding-left: 125px;
}

/*
<custom_table_1>
*/
.custom_table_1 {
    border-collapse: collapse;
    width: 100%;
    margin-top: 3px;
}

.custom_table_1 tr th {
    font-weight: bold;
    background: white;
}

.custom_table_1 tr th:not(:first-child) {
    border-left: 1px solid #c0c0c0;
}

.custom_table_1 tr th:last-child {
    border-right: 1px solid #ffffff;
}

.custom_table_1 tr td:last-child {
    border-right: 1px solid white;
}

.custom_table_1 tr td {
    border: 1px solid #ccc;

    text-align: center;
    vertical-align: middle;
}

.custom_table_1 th,
.custom_table_1 td{
    background-color: #fff;
}

.custom_table_1.table_address_group tr td,
.table_format_1 tr td {
    border: 1px solid #ccc;

    text-align: left;
    padding-left: 10px;
    vertical-align: middle;
}

.custom_table_1 tr th {
    border: 1px solid #ccc;

    text-align: center;
    vertical-align: middle;
}

.custom_table_1 tr td a {
    cursor: pointer;
}

.custom_table_1 {

}

.custom_table_1 tr:hover {
    background: rgba(0, 0, 0, 0.1);
}

.not_hover tr:hover {
    background: none !important;
}

/*
<custom_table_1 additional>
*/

.log_journal_template {
    width: 100% !important;
}

.log_journal_table tr td:nth-child(4), .log_journal_table tr td:nth-child(5){
    text-align: center;
}

.advtask_table tr td:nth-child(2) {
    text-align: left;
    padding-left: 16px;
}

.advtask_table tr td:nth-child(2) {
    padding-left: 24px;
}

.advtask_table tr td:nth-child(1), .advtask_table tr th:nth-child(1) {
    width: 25px;
}

.advtask_table tr td:nth-child(5), .advtask_table tr td:nth-child(6),
.advtask_table tr td:nth-child(10), .advtask_table tr td:nth-child(9) {
    text-align: right;
}

.adv_offer tr td:nth-child(n+4):nth-child(n-5) {
    text-align: right;
    padding-right: 20px;
}

.adv_offer tr td:nth-child(-n+6) {
    text-align: left;
    padding-left: 20px;
}

.region_child td:first-child {
    padding-left: 31px !important;
}

.region_parent td {
    font-weight: bold;
}

.request_table tr th, .request_table tr td:first-child {
    text-align: center;
    font-weight: bold;
}

.reseller_group tr td:nth-child(2) {
    text-align: left;
}

.hs_ap_off tr td:nth-child(7), .hs_ap_status tr td:nth-child(4), .hs_ap_status tr td:nth-child(5), .hs_ap_status tr td:nth-child(3), .hs_ap_status tr td:nth-child(2), .tasklist tr td:nth-child(4), .hs_ap_off tr td:nth-child(3) {
    text-align: left;
    padding-left: 10px;
}

.hs_ap_status tr td:nth-child(1) {
    text-align: right;
}

.doc_partner_header tr th:nth-child(1),
.doc_partner tr:first-child td:nth-child(1) {
    width: 150px;
}

.doc_partner_header tr th:nth-child(3) {
    width: 150px;
}

.doc_partner_header tr:last-child th,
.doc_partner tr td:nth-child(n+4):nth-child(n-9) {
    width: 65px;
}

.doc_partner tr td:nth-child(3) {
    width: 150px;
}

.doc_hs tr.children td:nth-child(1) {
    text-align: left;
    padding-left: 15px;
}

.doc_hs tr td:nth-child(2) {
    text-align: left;
    padding-left: 15px;
}

.supply_device_list tr td:nth-child(2) {
    text-align: left;
    padding-left: 10px;
}

.advertiser_task_report tr td {
    text-align: center !important;
}

/*
</custom_table_1>
*/

/* <columns> */
#hide_search {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    width: 8px;
    height: 100%;
    z-index: 1;
    background: url("/img/left_arrow.png") no-repeat center;
}

#hide_search.arrow_left, #rightcol_button.arrow_left {
    background: url("/img/left_arrow.png") no-repeat center;
}

#hide_search.arrow_left:hover, #rightcol_button.arrow_left:hover {
    background: url("/img/left_arrow_hover.png") no-repeat center;
}

#hide_search.arrow_right, #rightcol_button.arrow_right {
    background: url("/img/right_arrow.png") no-repeat center;
}

#hide_search.arrow_right:hover, #rightcol_button.arrow_right:hover {
    background: url("/img/right_arrow_hover.png") no-repeat center;
}

.menu_icons {
  padding-right: 10px;
}
.menu_icons *{
  margin: 0 5px;
}

#rightcol_holder {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 8px;
}

#rightcol_button {
    background: url("/img/left_arrow.png") no-repeat center;
    height: 100%;
    width: 8px;
    cursor: pointer;
    position: absolute;
    right: 0;
}

#rightcol_container {
    display: none;
    left: 10px;
    top: 44px;
    bottom: 10px;
    right: 10px;
    position: absolute;
    padding: 10px;
    border-radius: 0 5px 5px 0;
    background: #ffffff;
}

#rightcol_container * {
    font-size: 12px;
}

/* </columns>*/

.note {
    position: absolute;
    border: 1px solid rgb(128, 0, 0);
    right: 45px;
    top: 15px;
    width: 220px;
    height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    text-align: left;
    background: rgb(255, 248, 236);
    border-radius: 10px;
    z-index: 50;
    display: none;
}

.note ul {
    padding-left: 20px;
}

.note .refresher {
    position: absolute;
    top: 10px;
    width: 100px;
    height: 15px;
    right: -74px;
    cursor: pointer;
}

.sorting, .sorting_asc, .sorting_desc {
    cursor: pointer;
}

.inner_table * {
    font-weight: normal !important;
}

.expanded-group, .group {
    cursor: pointer;
    font-weight: bold;
}

.req.infowindow_closer, .doc_partner_infowindow_closer {
    cursor: pointer;
    width: 48px;
    height: 48px;
    position: absolute;
    top: -22px;
    left: 90%;
    background: url('/img/close.png') no-repeat;
}

.doc_partner_infowindow, .infowindow {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 290px;
    margin-left: -150px;
    margin-top: -250px;
    padding: 5px;
    min-height: 100px;
    height: auto;
    border: 1px solid rgb(128, 0, 0);
    border-radius: 5px;
    text-align: left;
    background: rgb(255, 248, 236);
    z-index: 99;
}

.infowindow_fix {
    margin: 0 !important;
}

.infowindow_fix ul {
    margin: 0 !important;
    display: block !important;
}

.req.infowindow ul {
    padding: 0 0 0 20px;
    list-style: none;
}

.req.infowindow li {
    padding: 0;
    list-style: none;
}

.doc_partner_infowindow_content {
    height: 300px;
    overflow-y: auto;
}

.listing3 tr td {
    font-weight: bold;
}

/* <scheduler> */

.head_holder {
    height: 170px;
    width: 100%;
}

.trash {
    width: 32px;
    height: 32px;
    text-align: center;
    background: url('/img/icon_delete2.png') no-repeat center;
    float: right;
}

#trash:hover, .trashhover {
    background: #c4ffc4 url('/img/icon_delete2.png') no-repeat center;
}

#timebar {
    background: white;
    height: 23px;
    width: calc(100% - 40px);
    float: left;
    border-radius: 6px;
    margin-top: 60px;
    margin-left: 2px;
    overflow: hidden;
}

#timebar #currtime {
    height: 23px;
    background: rgb(146, 192, 228);
    width: 0;

}

.scheduler_action_compleated {
    background: #c4ffc4;
}

.buttons_panel {
    width: 70%;
    padding: 0 0 0 20px;
    float: left;
}

/* </scheduler> */

/* <calendar> */

#calendar_holder {
    width: 220px;
}

.calendar_switch {
    width: 200px;
}

.calendar_switch tr td a, .calendar_switch tr td {
    font-weight: bold;
    cursor: pointer;
}

.calendar {
    width: 200px;
}

.calendar tr td {
    text-align: center;
    border: 1px solid transparent
}

.calendar tr td a {
    cursor: pointer;
    font-weight: bold;
}

/* </calendar> */

.fake_select_list, .pseudo_input_list {
    border: 1px solid #ccc;
    padding: 4px 5px;
    background: white;
    border-radius: 5px;
    box-sizing: border-box;
    display: block;
}

.pseudo_input, .fake_select {
    border: 1px solid #ccc;
    padding: 4px 0;
    background: white;
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-block;
    float: left;
    width: 100%;

}

.plus_multi {
    position: absolute;
    margin-left: 6px;
}

.plus_multi_list {
    display: inline-block;
    margin-top: 2px;
}

.minus_multi {
    margin-left: -32px;
    display: inline-block;
    margin-top: 2px;
}

.custom-combobox {
    position: relative;
    display: inline-block;
    width: 100%;
}

.custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
}

.fake_select {
    width: 90%;
}

.custom-combobox-input {
    margin: 0 -31px 0 0;
    width: 100%;
    padding: 0.3em 0;
}

.ui-autocomplete-input {
    margin: 0 -29px 0 0;
    width: calc(100% - 4px);
    padding: 0.3em 0;
}

.ui-button {
    position: absolute;
    margin-top: -1px;
}

.month-picker-year-table .ui-button, .month-picker-month-table .ui-button {
    position: relative !important;
}

.ui-autocomplete {
    overflow-y: scroll;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
    background: #900;
    display: none;
}

.select_users_dropped, .select_reseller_dropped {
    display: inline;
}

table.card_title tr td {
    vertical-align: middle;
}

table#view_add_form tr td, tr td img {
    vertical-align: middle;
}

.list_num_array {
    float: left;
    width: 900px;
    border-collapse: collapse;
    border-spacing: 0;
}

.list_num_array_fullwidth {
    border-collapse: collapse;
    border-spacing: 0;
    width: 600px;
}

.list_num_array_fullwidth tr td:first-child {
    width: 300px;
}

.list_num_array_fullwidth tr td {
    text-align: right !important;
    font-weight: bold;
    padding: 0;
}

.list_num_array tr td {
    text-align: right !important;
    font-weight: bold;
    line-height: 22px;
}

.list_num_array tr td:nth-child(1) {
    width: 200px;
}
.list_num_array tr td:nth-child(2) {
    width: 100px;
}

.eye {
    position: absolute;
}

.popup {
    display: inline;
}

/* </Планировщик> */

.dela_header {
    /*width:100%;*/
    width: calc(100% - 10px);
    border-collapse: collapse;
    background: white;
}

.dela_header tr td {
    text-align: center;
    font-weight: bold;
    border: 1px solid #ccc;
}

.dela tr td {
    background: white;
    font-weight: normal !important;
    height: 26px;
}

#dela table, #plan table, #finished table {
    width: 100%;
    border-collapse: collapse;
    padding: 0;
    margin: 0;
    border: 0;

}

#dela table tr td, #plan table tr td, #finished table tr td {
    border: 0;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    vertical-align: middle;
}

#dela table tr td input, #plan table tr td input {
    width: auto;
    border: 0;
}

#dela table tr td:nth-child(3), #dela table tr td:nth-child(4) {
    display: none;
}

#dela table tr td:nth-child(1), #plan table tr td:nth-child(1), .dela_header tr td:nth-child(1), #finished table tr td:nth-child(1) {
    width: 24px;
    text-align: center;
}

.dela_header tr td:nth-child(3), #plan tr td:nth-child(3), #finished table tr td:nth-child(3) {
    width: 68px;
}

#dela table tr td:nth-child(2), .dela_header tr td:nth-child(2), #plan tr td:nth-child(2), #finished table tr td:nth-child(2) {
    width: 320px;
}

#dela table tr td:nth-child(4) input, #plan table tr td:nth-child(4) input {
    width: 20px;
    text-align: right;
    margin-right: 5px;
}

#plan table tr td:nth-child(4), .dela_header tr td:nth-child(4) {
    width: 48px;
}

#dela, #plan, #finished {
    list-style-type: none;
    margin: 0;
    float: left;
    width: calc(100% - 10px);
}

#dela div:last-child, #plan div:last-child, #finished div:last-child {
    border-bottom: 1px solid #ccc;
}

#plan, #finished {
    min-height: 100px;

}

.widthfix {
    min-width: 480px;
}

.td_dela_holder {
    width: 310px;
}

.drag {
    background: white;
    font-size: 1.2em;
    cursor: all-scroll;
}

.scheduler_action_status_1 td {
    background: rgb(225, 255, 225) !important;
}

.scheduler_action_status_-1 td, .failed, .failed * {
    background: rgb(255, 225, 225) !important;
}

.drag.ui-draggable-dragging {
    width: 50%;
    border: 0 !important;

}

.drag.ui-draggable-dragging table tr td {
    border: 0 !important;
}

.graph_roundcorners {
    border-radius: 20px;
}

.required {
    background: #ccf1ff !important;
}

.required_div {
    background: #ccf1ff !important;
}

.dataTables_filter input {
    width: 100%;
    border-radius: 5px;
    border: 0;
    padding: 5px;
    margin-bottom: 5px;
}

#tasklist_processing{
    height: 0;
    position: absolute;
}

.addwindow {
    padding: 20px;
    position: absolute;
    display: none;
    background: rgb(255, 248, 236);
    left: calc(100% - 400px);
    top: 70px;
    border: 1px solid;
    border-radius: 10px;
}

.title_button {
    width: 32px;
}

.dataTables_paginate {
    text-align: center;
    padding-bottom: 12px;;
}

.dataTables_paginate a:hover {
    background: rgba(0, 0, 0, 0.1);
}

.dataTables_paginate a {
    padding: 5px;
    border: 1px solid black;
    background: white;
    border-radius: 5px;
    margin: 0 10px 0 10px;
    cursor: pointer;
}

.dataTables_info {
    font-weight: bold;
}

.request_ret {
    background: none !important;
}

.request_ret tr:hover {
    background: none !important;
}

.request_ret tr td {
    background: #ffffff;
}

.request_ret tr td:first-child {
    white-space: nowrap;
}

.request_ret tr th:last-child,
.request_ret tr td:last-child {
    background: transparent;
    border: 0;
    white-space: nowrap;
}

.res_adv_cell {
    width: 80px;
    height: 82px;
}

.vipChkBox {
    display: none;
    vertical-align: middle
}

.vipChkBox + label {
    background: url('/img/icon_star_empty.png') no-repeat;
    height: 24px;
    vertical-align: middle;
    display: inline-block;
    width: 24px;
    margin: 0;
}

.vipChkBox:checked + label {
    background: url('/img/icon_star.png') no-repeat;
    height: 24px;
    vertical-align: middle
}

.td_shablon_hotspost {
    width: 40px;
    height: 20px;
}

.table_system_maneger {
    border: 1px solid #0000FF;
}

.table_system_maneger td {
    border: 1px solid #0000FF;
}

.h1_font {
    font-size: 18px;
}



.text_z {
    float: left;
}

.block_file_download_none {
    border: 5px solid white;
    border-radius: 24px;
    padding: 15px;
    background: rgba(218, 218, 218, 0.85);
    width: 276px;
    height: 123px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -78px;
    margin-left: -164px;
    text-align: center;
    padding-top: 56px;
}

.button_dow_center {
    margin-left: 85px !important;
}

.td_download_file {
    width: 64px;
    height: 42px;
    background: none repeat scroll 0 0 #BFBFC1;
    border: 0 !important;
}

.edit_button {
    margin-bottom: 8px;
    margin-top: 8px;
}

.a_download {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 8px;
    text-decoration: none;
}

.asbutton_icon_d {
    font-weight: bold;
    color: #333;
    border: none;
    width: 24px;
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 32px;
}

.asbutton_icon_u {
    background: url("/img/icon_download.png") no-repeat;
    font-weight: bold;
    color: #333;
    border: none;
    width: 24px;
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 32px;
    margin-left: 10px;
}

.container_files {
    width: 300px;
    height: 150px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -75px 0 0 -150px;
}

.adv_block {
    width: 120px;
    height: 100px;
    text-align: center;
    display: inline-block;
    padding: 5px;
    vertical-align: top;
}

.advprevshow_block {
    height: 280px;
    width: 100%;
    max-width: 300px;
}

.linked_image_field {
    position: relative;
}

.linked_image_field a {
    position: absolute;
    left: 100%;
    top: 0;
    display: block;
    width: 16px;
    padding: 5px 7px 7px 3px;
}

#checbox_table tr:nth-child(n+3) td:nth-child(10n+1),
#checbox_table tr:nth-child(n+3) td:nth-child(10n+2),
#checbox_table tr:nth-child(n+3) td:nth-child(10n+3),
#checbox_table tr:nth-child(n+3) td:nth-child(10n+4),
#checbox_table tr:nth-child(n+3) td:nth-child(10n+5)
{
    background: #eeeeee;
}

.report tr td:first-child{
    text-align: left;
    padding-left:5%;
}

.report tr td:not(:first-child){
    text-align: center;
}

span.no-display{
    display: inline-block;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
}

#mini_scheduler_adder{
    position: fixed;
    left:50%;
    top: 50%;
    width: 1000px;
    height: 380px;
    margin: -250px 0 0 -500px;
    padding: 15px;
    z-index: 12;
    background: white;
    border-radius: 5px;
    display: none;
    border: 1px solid #ddd;
    box-shadow: 0px  0px  8px  #444;
}
#mini_scheduler_adder .col-25{
    width: 24%;
}
#mini_scheduler_adder .col-10{
    width: 10%;
}
#mini_scheduler_adder .col-25,
#mini_scheduler_adder .col-10{
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    line-height: 26px;
    height: 26px;
    font-weight: bolder;
    padding-right: 3px;
}
#mini_scheduler_adder .col-75{
    display: inline-block;
    vertical-align: middle;
    line-height: 26px;
    width: 74%;
    height: 26px;
}
#mini_scheduler_adder .col-75+ #mini_scheduler_adder .col-25{
    margin-top:0;
}
#mini_scheduler_adder div.col1{
    width: 450px;
    padding-left: 40px;
    border-left: 1px solid #ccc;
}
#mini_scheduler_adder div.col2{
    width: calc(50% - 20px);
    padding-right: 20px;
}

#mini_scheduler_adder div.left{
    text-align: left;
}

#mini_scheduler_adder h3{
    text-align: center;
    padding: 0 0 10px 0;
}
#mini_scheduler_adder form{
    text-align: center;
}
#mini_scheduler_adder form textarea{
    height: 100px;
    margin: 10px 0;
}
.icon_switcher, .icon_switcher2{
    border-radius: 4px;
    padding:4px;
    cursor: pointer;
}

.custom_table_1 tr td.td_select_add_type {
    text-align: left;
}

.custom_table_1 tr.hotspot_rows td {
    text-align: left;
}

.custom_table_1 tr td.table_number, td.table_number {
    text-align: right;
    padding-right: 15px;
}

td.table_number.level_1 {
    font-weight: bold;
    font-size: 12px;
}

table.add_action {
    margin-top: 20px;

}
table.add_action tr td {
    vertical-align: middle;
    width: 32%;
    padding-right: 30px;
}

.add_text {
    color: #003399;
}

#select_group span input {
    width: 300px;
    height: 18px;
    padding-left: 7px;
}

/*=============================================  START - system_loading  ======================================================*/

.system_loading {
    margin-top: 20px;
}

.system_loading .group_switch,
.system_loading .view_switch,
.system_loading .xls_button,
.system_loading .period_select
{
    float: left;
    padding: 15px 5px;
}

.system_loading .th_noshow {
    background-color: #C7C7C9;
    border: #C7C7C9;
}

.padding_level_1 {
    padding-left: 20px !important;
}
.padding_level_2 {
    padding-left: 30px !important;
}
.padding_level_3 {
    padding-left: 40px !important;
}

.system_loading img[src="/img/tree_plus.png"],
.system_loading img[src="/img/tree_minus.png"],
.system_loading img#bug {
    margin: 3px 3px 3px 0;
}

.custom_table_1 a {
    text-decoration: none;
}

.system_loading table td.category_segment {
    text-align: center;
}

.system_loading .all_sum {
    font-weight: bold;
}
.system_loading .all_sum td {
    padding-top: 7px;
    padding-bottom: 4px;
}

.system_loading .xls_button {
    float: none;
    padding: 0;
    padding-left: 15px;
    display: inline;
}

.system_loading .xls_button form {
    display: inline;
}

.system_loading .period_select {
    float: none;
}

.system_loading .period_select input,
.system_loading .period_select select {
    margin: 0 5px;
}

.system_loading .field-box {
    display: inline-block;
}
.system_loading .field-box span {
    display: block;
    margin-left: 5px;
}

/*=============================================  END system_loading  ======================================================*/

.tools-small-icon a {
    display: inline-block;
}

/*=============================================  END system_loading  ======================================================*/


/*=============================================  BEGIN map  ======================================================*/
.switch-block {
    float: right;
    padding-right: 2px;
}


#flag_radius_select {
    padding: 2px;
    display: none;
    vertical-align: top;
}

#close_radius_popup {
    position: absolute;
    top: 5px;
    right: 5px;
    border: solid 1px #888;
    line-height: 7px;
}
#radius_size {
    vertical-align: top;
    width: 100px;
}

.switch-block .icon16 {
    margin-left: 5px;
}

.img-radius-select {
    margin-left: 10px;
    border: 2px solid #EEEEEE;
    width: 28px;
}

.clickable {
    cursor: pointer;
}

.icon_inset {
    border: 2px inset #ccc;
    background-color: #fff;
}

#import_img {
    vertical-align: top;
    width: 12px;
    margin-top: 3px;
}
/*=============================================  END map  ======================================================*/