/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(/fonts/DXI1ORHCpsQm3Vp6mXoaTZX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2'), url(/fonts/DXI1ORHCpsQm3Vp6mXoaTQcuEIXEaFWBWXA4NoGd_Oo.woff) format('woff'), url(/fonts/DXI1ORHCpsQm3Vp6mXoaTXdckgy16U_L-eNUgMz0EAk.ttf) format('truetype');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(/fonts/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(/fonts/DXI1ORHCpsQm3Vp6mXoaTQcuEIXEaFWBWXA4NoGd_Oo.woff) format('woff'), url(/fonts/DXI1ORHCpsQm3Vp6mXoaTXdckgy16U_L-eNUgMz0EAk.ttf) format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(/fonts/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'), url(/fonts/RjgO7rYTmqiVp7vzi-Q5UbO3LdcAZYWl9Si6vvxL-qU.woff) format('woff'), url(/fonts/RjgO7rYTmqiVp7vzi-Q5USZ2oysoEQEeKwjgmXLRnTc.ttf) format('truetype');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(/fonts/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(/fonts/RjgO7rYTmqiVp7vzi-Q5UbO3LdcAZYWl9Si6vvxL-qU.woff) format('woff'), url(/fonts/RjgO7rYTmqiVp7vzi-Q5USZ2oysoEQEeKwjgmXLRnTc.ttf) format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(/fonts/MTP_ySUJH_bn48VBG8sNSpX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2'), url(/fonts/MTP_ySUJH_bn48VBG8sNSgcuEIXEaFWBWXA4NoGd_Oo.woff) format('woff'), url(/fonts/MTP_ySUJH_bn48VBG8sNSndckgy16U_L-eNUgMz0EAk.ttf) format('truetype');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(/fonts/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(/fonts/MTP_ySUJH_bn48VBG8sNSgcuEIXEaFWBWXA4NoGd_Oo.woff) format('woff'), url(/fonts/MTP_ySUJH_bn48VBG8sNSndckgy16U_L-eNUgMz0EAk.ttf) format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(/fonts/xjAJXh38I15wypJXxuGMBjUj_cnvWIuuBMVgbX098Mw.woff2) format('woff2'), url(/fonts/xjAJXh38I15wypJXxuGMBkbeuvGrcRTTBH456c-a4yI.woff) format('woff'), url(/fonts/xjAJXh38I15wypJXxuGMBnEh7F1Z_3lydansdLiaPMg.ttf) format('truetype');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(/fonts/xjAJXh38I15wypJXxuGMBo4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2'), url(/fonts/xjAJXh38I15wypJXxuGMBkbeuvGrcRTTBH456c-a4yI.woff) format('woff'), url(/fonts/xjAJXh38I15wypJXxuGMBnEh7F1Z_3lydansdLiaPMg.ttf) format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
  color:#1565C0;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  outline:none;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
  vertical-align:middle;
  border:1px solid #d0d0d0;
}
input,textarea{
    padding: 2px 3px;
}
input:focus,textarea:focus,select:focus{
    outline:none;
}
@media only screen and (min-width:1000px) {
    input[type="text"]:focus,input[type="password"]:focus,input[type="number"]:focus,input[type="email"]:focus,textarea:focus{
        -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.7);
        -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.7);
        box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.7);
    }
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

p{
    display:block;
}
*,*:before,*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
/*ul,ol{margin:0px;padding:0px;}*/
li{/*list-style:none;*/}

body {
  margin: 0;
  font-family:'Open Sans', Tahoma, Sans-serif;
  font-display: swap;
  font-size:14px;
  line-height:16px;
  cursor:default;
  overflow:hidden;
  overflow-y:scroll;
}
html, body{height:100%;width:100%;}

.notify_window_open,.iw_open,.layout_show_ya_menu,.layout_show_menu{
    position: fixed;
    overflow-y: scroll;
    width: 100%;
}
body::-webkit-scrollbar {
    width: 7px;
}
body::-webkit-scrollbar-track {
    background-color: #000000;
    border: 0px;
}
body::-webkit-scrollbar-thumb {
    background-color:rgba(255,255,255,0.5);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
body::-webkit-scrollbar-thumb:hover {
    background-color:rgba(255,255,255,0.8);
}
.task_left_side::-webkit-scrollbar {
    width: 7px;
}
.task_left_side::-webkit-scrollbar-track {
    background-color: #000000;
    border: 0px;
}
.task_left_side::-webkit-scrollbar-thumb {
    background-color:rgba(255,255,255,0.5);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.task_left_side::-webkit-scrollbar-thumb:hover {
    background-color:rgba(255,255,255,0.8);
}
.kassa_sect_overflow::-webkit-scrollbar {
    height: 7px;
}
.kassa_sect_overflow::-webkit-scrollbar-track {
    background-color: #000000;
    border: 0px;
}
.kassa_sect_overflow::-webkit-scrollbar-thumb {
    background-color:rgba(255,255,255,0.5);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.kassa_sect_overflow::-webkit-scrollbar-thumb:hover {
    background-color:rgba(255,255,255,0.8);
}

.base_auth_form{
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    min-width:300px;
    width:100%;
    max-width:400px;
    height:290px;
    background-color:#ffffff;
    border-bottom:1px solid #d0d0d0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 15px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 15px 0px rgba(50, 50, 50, 0.75);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.base_auth_form h1{
    font-size:18px;
    line-height:20px;
    text-align:center;
    text-transform:uppercase;
}
.base_auth_form form{
    width:300px;
    margin:0 auto;
    text-align:center;
}

.mess_fast_text{
    margin:20px 0px;
}

.bm_input:disabled{opacity:0.5;}
.bm_input{
    margin:2px 0px;
    width: 200px;
    font-family: Tahoma, sans-serif;
    position: relative;
    padding: 0px 5px;
    color: black;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 27px;
    outline: none;
    font-size: 14px;
    font-weight: 300;
}
.bm_input::-webkit-input-placeholder {
    color: #898989;
}
.bm_input:-moz-placeholder {
    color: #898989;
}
.bm_input::-moz-placeholder {
    color: #898989;
}
.bm_input:-ms-input-placeholder {
    color: #898989;
}


.top_menu{
    margin:0px;
    padding:0px;
    position: relative;
    z-index: 500;
    background-color:black;
    color:#ffffff;
    padding:0px 0px;
    line-height: 23px;
}
.div_top_menu .ham_menu{
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.75);
}
.top_menu>li{
    list-style:none;
    position:relative;
    z-index:10;
    display:inline-block;
    padding:5px 0px;
}
@media only screen and (min-width:1000px) {
    .top_menu{
        white-space: nowrap;
        -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);
        box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);
    }
}
.top_menu>li>a{
    color:#ffffff;
    text-decoration:none;
    padding:7px 15px;
    font-size:13px;
    line-height:13px;
    letter-spacing:-0.5px;
    border-right:1px solid #313131;
    text-transform:uppercase;
}
.top_menu>li>a.selected{
    background-color:#3c3c3c;
}
@media only screen and (min-width:1000px) {
    .top_menu>li>a{
        -webkit-transition: background-color 100ms linear;
        transition: background-color 100ms linear;
    }
    .top_menu>li>a:hover{
        background-color:#3c3c3c;
    }
}

.top_menu>li.have_level_2>a{
    padding:7px 20px 7px 15px;
    cursor:default;
}
.top_menu>li.have_level_2>a:after{
    margin-left:5px;
    content:'\f105';
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position:absolute;
    top:11px;
    right:7px;
}
.top_menu>li>ul{
    margin:0px;
    padding:0px;
    display:none;
    position:absolute;
    z-index:10;
    top:100%;
    margin-top:3px;
    left:0px;
    width:300px;
}
.top_menu>li>ul>li{
    list-style:none;
    margin:0px;
    padding:0px;
    white-space:normal;
}
.top_menu>li>ul>li>a{
    background-color:rgba(0,0,0,1);
    color:#ffffff;
    text-decoration:none;
    display: block;
    padding:13px 13px;
    font-size:13px;
    line-height:14px;
}
.top_menu>li>ul>li>a:hover{

}
.top_menu>li>ul>li>ul{
    margin:0px;
    padding:0px;
}
.top_menu>li>ul>li>ul>li{
    list-style:none;
}
.top_menu>li>ul>li>ul>li>a:before{
    content: '-';
    width: 20px;
    font-size: 20px;
    line-height: 4px;
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
}
.top_menu>li>ul{
    margin:0px;
    padding:0px;
}
@media only screen and (min-width:1000px) {
    .top_menu>li>ul{
        -webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.75);
        box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.75);
    }
}
.top_menu>li>ul>li>ul>li>a{
    background-color:rgba(0,0,0,1);
    color:#ffffff;
    text-decoration:none;
    display: block;
    padding:10px 13px 10px 23px;
    font-size:11px;
    line-height:12px;
}
.top_menu>li>ul>li>ul>li>a:hover{

}

.kassa{
    background-color:#ffffff;
    width:100%;
    height:calc(100% - 33px);
}
.kassa>tbody>tr>td{
    vertical-align:top;
}

@media only screen and (max-width:600px) {
    .kassa>tbody>tr>td{
        display:inline;
    }
}

.kassa_calc{
    width:300px;
    margin:0 auto;
}
.kassa_calc>tbody>tr>td>input{
    margin: 5px !important;
    padding: 25px 37px !important;
    font-size: 30px !important;
    min-width: 10px !important;
}

.settings{
    background-color:#ffffff;
    width:100%;
    height:calc(100% - 33px);
}
.settings td{
    vertical-align:top;
}

.settings center{
    font-weight:bold;
    padding:5px 0px;
    display:block;
}

.set_menu{
    margin:0px;
    padding:0px;
}
.set_menu>li{
    list-style:none;
}
.set_menu>.title{
    font-weight: bold;
    padding: 5px 0px;
    display: block;
    text-align:center;
}

.set_menu>li:first-child{
    border-top:1px solid rgba(255,255,255,0.6);
}

.set_menu>li>a{
    text-decoration:none;
    display:block;
    text-align:center;
    padding:10px 5px;
    border-bottom:1px solid rgba(255,255,255,0.6);
    color:#000000;
    background-color:rgba(255,255,255,0.3);
}
.set_menu>li>ul{
    margin:0px;
    padding:0px;
    display:none;
}
.set_menu>li.selected>ul{
    display:block;
}
.set_menu>li>ul>li>a{
    text-decoration:none;
    display:block;
    font-size:12px;
    line-height:12px;
    text-align:right;
    padding:5px 5px 5px 10px;
    border-bottom:1px solid rgba(255,255,255,0.6);
    color:#000000;
    background-color:rgba(255,255,255,0.3);
}

@media only screen and (min-width:1200px) {
    .set_menu>li>a{
        -webkit-transition: all 100ms linear;
        transition: all 100ms linear;
    }
    .set_menu>li>a:hover {
        background-color:rgba(255,255,255,1);
    }
    .set_menu>li>ul>li>a{
        -webkit-transition: all 100ms linear;
        transition: all 100ms linear;
    }
    .set_menu>li>ul>li>a:hover {
        background-color:rgba(255,255,255,1);
    }
}

.set_menu>li>a.selected{
    background-color:rgba(255,255,255,1);
    font-weight:bold;
}
.set_menu>li>ul>li>a.selected{
    background-color:rgba(255,255,255,0.7);
    font-weight:bold;
}

h3{
    margin:0px;
    padding:0px;
    font-size:18px;
    line-height:20px;
}


.set_form_table{

}

.set_form_table td{
    padding:5px 5px;
}

.breadcrumbs{
    margin:0px;
    padding:0px;
    display:block;
    background-color:#d0d0d0;

}
.breadcrumbs li{
    list-style:none;
    display:inline-block;
    padding:5px 0px 5px 10px;
}
.breadcrumbs li:after{
    display:inline-block;
    content:">";
    padding:5px 10px;
}
.breadcrumbs li:last-child:after{
    display:none;
    content:">";
}

.breadcrumbs li>a{
    color:#000000;
}




.kassa_need_pay{
    display: block;
    text-align: center;
    padding: 10px 0px;
    background-color: #fb7777;
    color:#ffffff;
    font-size: 13px;
    line-height: 13px;
}
.kassa_need_pay>u{
    display: block;
    font-size: 10px;
    line-height: 10px;
    text-decoration: none;
    margin-top: 5px;
}
.kassa_need_pay>span{
    font-size: 25px;
    line-height: 25px;
    font-weight: 600;
}
.kassa_need_pay a{
    display:inline-block;
    color:#ffffff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    -webkit-text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}



.check_balls_info{
    display: block;
    text-align: center;
    padding: 10px 0px;
    margin-top: -10px;
}
.check_balls_info>u{
    font-size: 23px;
    line-height: 23px;
    font-weight: 600;
    text-decoration: none;
}
.check_balls_info>u:nth-child(1){
    color: green;
}
.check_balls_info>u:nth-child(2){
    color: #4700cc;
}


.blink {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}




.main_table{
    background-color:#ffffff;
    margin:0px;
    padding:0px;
    width:100%;
    border-left:2px solid #d0d0d0;
    border-right:2px solid #d0d0d0;
    border-bottom:2px solid #d0d0d0;
    overflow:hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /*-moz-box-shadow: 0px 0px 50px 20px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 50px 20px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 50px 20px rgba(0,0,0,0.5);*/
}
@media only screen and (max-width: 600px) {
    .main_table{
        font-size:10px;
        line-height:12px;
    }
}
.main_table tr{}
.main_table td{padding:9px 5px;border-right:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;}
.main_table thead td{text-align:center;background-color:#d0d0d0;color:#ffffff;padding:3px 0px;border-right:1px solid #ffffff;}
.main_table .fa{color:#4d97fc;font-size:15px;}


.products{
    margin:0px;
    padding:0px;
}
.products>li{
    list-style:none;
    position:relative;
    display:inline-block;
    background-color:#d0d0d0;
    width:130px;
    height:130px;
    margin:5px;
    /*overflow:hidden;*/
}
@media only screen and (max-width:1920px){
    .products>li{
        width:8.95%;
    }
}
@media only screen and (max-width:1600px){
    .products>li{
        width:13.2%;
    }
}
@media only screen and (max-width:1400px){
    .products>li{
        width:15.5%;
    }
}
@media only screen and (max-width:1300px){
    .products>li{
        width:18.5%;
    }
}
@media only screen and (max-width:1000px){
    .products>li{
        width:15%;
    }
}
@media only screen and (max-width:800px){
    .products>li{
        width:18%;
    }
}
@media only screen and (max-width:650px){
    .products>li{
        width:23%;
    }
}
@media only screen and (max-width:520px){
    .products>li{
        width:30%;
    }
}
@media only screen and (max-width:420px){
    .products>li{
        width:44%;
    }
}
.products>li:hover{
    opacity:1 !important;
}
.products>li table{
    width:100%;
    height:100%;
}
.products>li table td{
    vertical-align:middle;
    position:relative;
}
.products>li .pr_max{
    height:100%;
    vertical-align:middle;
    text-align:center;
    /*overflow:hidden;*/
}
.products>li .pr_foot{
    background-color:#e4e4e4;
    padding:5px 0px;
    text-align:center;
}
.products>li a{
    color:black;
    word-break:break-word;
    white-space: normal;
}

.products>li .pr_foot>ul{
    margin:0px;
    padding:0px;
    display:block;
}
.products>li .pr_foot>ul>li{
    list-style:none;
    display:inline-block;
    text-align:center;
    padding:3px 0px;
    width:50%;
}
.products>li .pr_foot>ul>li:hover{
    background-color:#d0d0d0;
}

.products .pr_sort{
    position:absolute;
    top:0px;
    left:0px;
}
.products .pr_sort span{font-size:10px;}

.products .pr_active{
    position:absolute;
    top:0px;
    right:0px;
}
.products .pr_del{
    position:absolute;
    bottom:0px;
    right:0px;
}
.products .pr_edit{
    position:absolute;
    bottom:0px;
    left:0px;
}
.red{color:red;}
.bold{font-weight:bold;}

.pr_max_a,.pr_max_a2{
    cursor:pointer;
    padding:0px 3px;
}
.pr_max_a a{
    display:block;
    /*padding:66px 0px;*/
    text-decoration:none;
    font-size:19px;
    line-height:19px;
}

.kassa_ul{
    margin:0px;
    padding:0px;
    display:none;
}

.ul_pr_selected{
    display:block;
}

.ul_pr_sel{
    background-color:#b5b5b5;
}

/*.pr_max_a2{
    overflow:hidden;
}*/
.pr_max_a2:hover{
    opacity:1 !important;
}

.pr_max_a2 a{
    /*padding:82px 0px;*/
    text-decoration: none;
    font-size: 15px;
    line-height: 15px;
}

.calc{display:none;}
.show_calc .calc{
    display:block;
}
.calc>.calc_bg{
    position:fixed;
    background-color:rgba(0,0,0,0.4);
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
    z-index:999;
    cursor:default;
}
.calc>.calc_content{
    position:fixed;
    height:460px;
    width:300px;
    margin:auto;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
    z-index:1000;
}

.calc>.calc_content .calc_title{
    background-color: rgba(255,255,255,0.8);
    font-size: 16px;
    line-height: 18px;
    padding: 5px 3px;
    text-align: center;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor:default;
}
.calc>.calc_content .calc_input{
    border:0px;
    /*background-color:rgba(0,0,0,0.7);*/
    background-color:#ffffff;
    color:#000000;
    width: 100%;
    margin: 10px 0px;
    padding: 10px;
    font-size: 30px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.calc .calc_apply{
    margin:5px 0px;
    display:block;
    text-align:center;
}
.calc .calc_apply a{
    display:inline-block;
    text-decoration:none;
    padding:13px 22px;
    color:#ffffff;
    font-size:16px;
    line-height:16px;
    -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
       -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
            box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
}
.calc .calc_apply .apply_1{
    background-color:#EF9A9A;
}
.calc .calc_apply .apply_2{
    background-color:#66BB6A;
}

.calc .calc_delete_basket{
    display:none;
    position: absolute;
    top: 211px;
    right: -156px;
    font-size: 20px;
    text-align: center;
    width: 150px;
    line-height: 24px;
}
.calc .calc_delete_basket a{
    display:inline-block;
    text-decoration:none;
    padding:57px 31px;
    color:#ffffff;
    background-color:#EF9A9A;
    -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
       -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
            box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
}















.calc_dop{display:none;}
.show_calc_dop .calc_dop{
    display:block;
}
.calc_dop>.calc_bg{
    position:fixed;
    background-color:rgba(0,0,0,0.4);
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
    z-index:999;
    cursor:default;
}
.calc_dop>.calc_content{
    position:fixed;
    height:550px;
    width:300px;
    margin:auto;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
    z-index:1000;
}

.calc_dop>.calc_content .calc_title{
    background-color: rgba(255,255,255,0.8);
    font-size: 16px;
    line-height: 18px;
    padding: 5px 3px;
    text-align: center;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor:default;
}
.calc_dop>.calc_content .calc_input{
    width: 100%;
    margin: 10px 0px;
    padding: 10px;
    font-size: 30px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.calc_dop .calc_apply{
    margin:5px 0px;
    display:block;
    text-align:center;
}
.calc_dop .calc_apply a{
    display:inline-block;
    text-decoration:none;
    padding:13px 27px;
    color:#ffffff;
    font-size:16px;
    line-height:16px;
}
.calc_dop .calc_apply .apply_1{
    background-color:#EF9A9A;
}
.calc_dop .calc_apply .apply_2{
    background-color:#66BB6A;
}

.calc_dop .calc_delete_basket{
    display:none;
    position: absolute;
    top: 211px;
    right: -156px;
    font-size: 20px;
    text-align: center;
    width: 150px;
    line-height: 24px;
}
.calc_dop .calc_delete_basket a{
    display:inline-block;
    text-decoration:none;
    padding:57px 31px;
    color:#ffffff;
    background-color:#EF9A9A;
}





























.basket_title{
    display:block;
    text-align:center;
    font-size:16px;
    line-height:18px;
    padding:10px 0px !important;
    text-shadow:1px 1px 1px rgba(0,0,0,0.4);
    font-weight:bold;
    background-color:#388E3C;
    color:#ffffff;
    text-transform:uppercase;
}
@media only screen and (max-width:400px) {
    .basket_title{
        font-size:12px;
        line-height:12px;
        padding:5px 0px !important;
    }
}

.basket_ul{
    margin:0px;
    padding:0px;

}
.basket_ul>li{
    list-style:none;
}
.basket_ul>li>div{

}
.basket_ul_title{
    vertical-align:middle;
    display:inline-block;
    width:55%;
    padding:7px 5px;
    font-size:13px;
    line-height:13px;
    word-break:break-all;
}
.basket_ul_znac{
    vertical-align:middle;
    font-size:14px;
    line-height:15px;
    display:inline-block;
    width:20%;
    text-align:center;
}
.basket_ul_price{
    vertical-align:middle;
    font-size:14px;
    line-height:15px;
    display:inline-block;
    width:20%;
    text-align:center;
}
.basket_ul_price u{
    text-decoration:line-through;
    font-size:12px;
}

.basket_ul_itogo{
    text-align:center;
    color:#ffffff;
    background-color:#4CAF50;
    margin:0px 0px;
    padding:10px 0px;
    font-size:13px;
    line-height:13px;
}
.basket_ul_itogo>span{
    font-size:28px;
    line-height:28px;
    font-weight:bold;
    text-shadow:1px 1px 1px rgba(0,0,0,0.4);
}

.basket_ul_discount{
    display:block;
    margin:0px 0px;
}
.basket_ul_discount a{
    display:block;
    text-align:center;
}

.basket_ul_terminal{
    display:block;
    margin:10px 0px 10px;
    text-align:center;
}
.basket_ul_terminal input{
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.basket_ul_terminal label{
    font-size:20px;
    line-height:20px;
    vertical-align: middle;
}

.basket_ul_print_check{
    display:block;
    margin:10px 0px 10px;
    text-align:center;
}
.basket_ul_print_check input{
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.basket_ul_print_check label{
    color:red;
    font-size:20px;
    line-height:20px;
    vertical-align: middle;
}

.basket a{
    /*color:#607D8B;*/
}


.select_sect li{
    list-style:none;
    margin:4px 0px;
}
.select_sect ul{
    padding:0px;
    margin:0px 0px 0px 30px;
}

.basket_ul_sdacha{
    text-align:center;
    margin:10px 0px;
}
.basket_ul_sdacha a{
    display:inline-block;
    margin:3px;
    padding:3px;
    text-decoration:none;
    background-color:#2196F3;
    color:#ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.basket_ul_sdacha a.selected{
    background-color:#4CAF50;
}



.basket_ul_client{
    margin:0px 0px;
    white-space: nowrap;

}
.basket_ul_client a{
    display:inline-block;
    text-align:center;
    width:50%;
    background-color:#C5E1A5;
    color:#ffffff;
    padding:10px 0px;
    text-decoration:none;
    font-size:13px;
    line-height:13px;
    text-transform:uppercase;
    position:relative;
}
.basket_ul_client a:hover{
    background-color:#9CCC65;
}
.basket_ul_client a.selected{
    background-color:#8BC34A;
    color:rgba(255,255,255,0.6);
}
.basket_ul_client a.selected:before{
    color:#ffffff;
    position:absolute;
    left:0px;
    top:0px;
    bottom:0px;
    right:0px;
    content: "\f00c";
    text-shadow:1px 1px 1px rgba(0,0,0,0.4);
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 33px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
.basket_ul_client a.old_client, .basket_ul_client a.new_client{

}

.basket_otloz>a{
    display:block;
    text-align:center;
    background-color:#039BE5;
    color:#ffffff;
    padding:5px 0px;
    text-decoration:none;
    font-size:20px;
    line-height:20px;
    text-transform:uppercase;
}
.basket_otloz>a:hover{
    background-color:#0288D1;
}

.basket_ul_print{
    margin:5px 0px 0px;
    text-align:center;
    font-size:20px;
    line-height:20px;
}
.basket_ul_print a{
    display:block;
    text-align:center;
    background-color:#F44336;
    color:#ffffff;
    padding:15px 0px;
    text-decoration:none;
    font-size:20px;
    line-height:20px;
    text-transform:uppercase;
}
.basket_ul_print a:hover{
    background-color:#E53935;
}
.basket_ul_apply{
    margin:0px 0px 0px;
}
.basket_ul_apply a{
    display:block;
    text-align:center;
    background-color:#3F51B5;
    color:#ffffff;
    padding:15px 0px;
    text-decoration:none;
    font-size:20px;
    line-height:20px;
    text-transform:uppercase;
}
.basket_ul_apply a:hover{
    background-color:#303e8d;
}
.basket_ul_del{
    margin:0px 0px;
}
.basket_ul_del a{
    display:block;
    text-align:center;
    background-color:#BF360C;
    color:#ffffff;
    padding:4px 0px;
    text-decoration:none;
    font-size:14px;
    line-height:14px;
    text-transform:uppercase;
}
.basket_ul_del a:hover{
    background-color:#FF5722;
}

.white_bg{
    position:relative;
    display:block;
    background-color:#e9e9e9;
    min-height:calc(100% - 33px);
}
.nice_table{
    width:100%;
    table-layout: fixed;
    margin:0 auto;
    background-color:#ffffff;
}
.nice_table thead, .nice_table tfoot{
    background-color:#31bc86;
    color:#ffffff;
}
.nice_table thead th,.nice_table td{
    padding: 12px 24px;
    text-align: center;
}
.nice_table tbody td{
    border:1px solid #e0e0e0;
}
.nice_table tbody tr:nth-child(2n-1) {
  background-color: #f5f5f5;
}


@media only screen and (min-width:1000px) {
    .nice_table tbody tr:hover {
        background-color: rgba(129,208,177,.3);
    }
    .nice_table tbody tr:nth-child(2n-1) {
        transition: all .125s ease-in-out;
    }
}
@media only screen and (max-width:1000px) {
    .nice_table thead th,.nice_table td{
        word-break:break-word;
        font-size:12px;
        line-height:12px;
    }
    .nice_table thead th,.nice_table thead td{
        padding: 5px 2px;
        max-height:30px;
        overflow:hidden;
    }
    .nice_table tbody td{
        padding: 3px 5px;
    }
}
@media only screen and (max-width:500px) {
    .nice_table td{
        font-size:10px;
        line-height:11px;
    }
}


.navigation {
    color: #666;
    border: 0px;
    display: block;
    text-align: center;
}
.navigation div {
    display: inline-block;
}
.navigation a {
    display: inline-block;
    color:#ffffff;
    text-decoration: none;
    padding:5px 10px;
    font-size:20px;
    line-height: 25px;
}
.navigation span {
    display: inline-block;
    text-decoration: none;
    padding:5px 10px;
    font-size:20px;
    line-height: 25px;
}

.money_money{
    padding:30px 0px;
    color:#ffffff;
    position:absolute;
    height: 270px;
    width: 500px;
    margin: auto;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 1000;
    background-color:#31bc86;
    border-bottom:2px solid #258c64;
    text-align:center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.money_money h2{
    padding:0px;
    margin:10px 0px;
    font-size:18px;
    line-height:18px;
    text-shadow:1px 1px 0px rgba(0,0,0,0.3);
}

.basket_ul_stock{
display: block;
  /* margin: 20px 0px 10px; */
  text-align: center;
  padding: 20px 0px 20px;
  font-size: 20px;
  background-color: #000000;
  color: #ffffff;
}






.user_data{
    width:800px;
    margin:15px auto;
    background-color:#d0d0d0;
    border-bottom:2px solid #b3b3b3;
    overflow:hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
@media only screen and (max-width:1000px) {
    .user_data{
        width:100%;
    }
    .user_data>table>tbody>tr>td>input{
        max-width:250px;
        width:100%;
    }
}

.user_data>table{
    width:100%;
}
.user_data>table .td_center{
    text-align:center;
    text-transform:uppercase;
    background-color:#b3b3b3;
    padding:5px 0px;
    color:#ffffff;
    width:100%;
    text-shadow:1px 1px 1px rgba(0,0,0,0.3);
}
.user_data>table>tbody>tr>td{
    padding:5px;
    vertical-align:middle;
    width:50%;
}
.user_data>table>tbody>tr>td>span{
    display:block;
    font-size:12px;
    line-height:12px;
}
.user_data>table>tbody>tr>td>input{
    width:300px;
}
.user_data>table .td_right{
    text-align:right;
}

.pr_plus_one{
    position:absolute;
    z-index:100;
    top:0px;
    right:0px;
}
.pr_plus_one>span{
    cursor: pointer;
    font-size: 19px;
    width:29px;
    display: inline-block;
    line-height: 19px;
    padding: 3px 5px !important;
    background-color: #d0d0d0;
    border-left: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    color: #ffffff !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
.pr_plus_one:hover>span{
    background-color:green;
}
.pr_plus_one_dop{
    position:absolute;
    z-index:100;
    top:0px;
    left:0px;
}
.pr_plus_one_dop>span{
    cursor: pointer;
    font-size: 19px;
    width:29px;
    display: inline-block;
    line-height: 19px;
    padding: 3px 5px !important;
    background-color: #d0d0d0;
    border-left: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    color: #ffffff !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
.pr_plus_one_dop:hover>span{
    background-color:green;
}

.pr_admin_prihod{
    position:absolute;
    z-index:100;
    bottom:0px;
    left:0px;
}
.pr_admin_prihod>span{
    cursor: pointer;
    font-size: 19px;
    display: inline-block;
    line-height: 19px;
    padding: 3px 5px !important;
    background-color: #d0d0d0;
    border-right: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    color: #ffffff !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
.pr_admin_prihod:hover>span{
    background-color:green;
}

.pr_admin_spisanie{
    position:absolute;
    z-index:100;
    bottom:0px;
    left:28px;
}
.pr_admin_spisanie>span{
    cursor: pointer;
    font-size: 19px;
    display: inline-block;
    line-height: 19px;
    padding: 3px 5px !important;
    background-color: #d0d0d0;
    border-right: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    color: #ffffff !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
.pr_admin_spisanie:hover>span{
    background-color:green;
}

.pr_admin_price{
    position:absolute;
    z-index:100;
    bottom:0px;
    left:57px;
}
.pr_admin_price>span{
    cursor: pointer;
    font-size: 19px;
    display: inline-block;
    line-height: 19px;
    padding: 3px 5px !important;
    background-color: #d0d0d0;
    border-right: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    color: #ffffff !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
.pr_admin_price:hover>span{
    background-color:green;
}

.pr_admin_balance_change{
    position:absolute;
    z-index:100;
    bottom:0px;
    left:79px;
}
.pr_admin_balance_change>span{
    cursor: pointer;
    font-size: 19px;
    display: inline-block;
    line-height: 19px;
    padding: 3px 5px !important;
    background-color: #d0d0d0;
    border-right: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    color: #ffffff !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
.pr_admin_balance_change:hover>span{
    background-color:green;
}

.pr_kapla{
    position:absolute;
    z-index:100;
    bottom:0px;
    left:0px;
}
.pr_kapla>span{
    cursor: pointer;
    font-size: 19px;
    display: inline-block;
    line-height: 19px;
    padding: 3px 5px !important;
    background-color: #d0d0d0;
    border-right: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    color: #ffffff !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
.pr_kapla>span>img{
    width:14px;
}
.pr_kapla:hover>span{
    background-color:green;
}

.pr_top_right{
    position:absolute;
    z-index:100;
    top:0px;
    left:0px;
}
.pr_top_right>span{
    font-size:12px;
    line-height:12px;
    padding:2px !important;
    background-color:red;
    border-left:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    display:none;
    color:#ffffff !important;
}
.pr_top_right>span:hover{
    background-color:#66BB6A;
}
.products>li:hover .pr_top_right>span{
    display:block;
}

.pr_top_left_red{
    position:absolute;
    z-index:100;
    top:0px;
    left:0px;
}
.pr_top_left_red>span{
    font-size:12px;
    line-height:12px;
    padding:0px 2px !important;
    background-color:#d0d0d0;
    border-right:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    color:#ffffff !important;
    text-shadow:1px 1px 1px rgba(0,0,0,0.3);
}
.pr_top_left_red>u{
    text-decoration:none;
    position:absolute;
    top:0px;
    left:50px;
    font-size:12px;
    line-height:12px;
    padding:2px !important;
    background-color:#d0d0d0;
    border-left:1px solid #ffffff;
    border-right:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    color:#ffffff !important;
    text-shadow:1px 1px 1px rgba(0,0,0,0.3);
}


.center_index{
    position:absolute;
    top:0px;left:0px;right:0px;bottom:0px;
    margin:auto;
    width: 400px;
    height: 50px;
    background-color:#ffffff;
    text-align:center;
    font-size: 22px;
    line-height: 24px;
    font-style:italic;
    font-family:Arial;
}


.index_info{
    margin:10px auto;
    max-width:1920px;
    width:100%;
    padding:10px;
    font-size:14px;
    line-height:20px;
}

@media only screen and (max-width:1000px) {
    .index_info{
        margin:5px auto;
        padding:2px;
        font-size:14px;
        line-height:16px;
    }
}

.prod_notify{
    position:fixed;
    bottom:0px;
    right:0px;
    padding:5px;
    border:3px solid #EF9A9A;
    background-color:#F44336;
    color:#ffffff;
    font-size: 16px;
    line-height: 16px;
    z-index:3000;
}

.wifi_notify{
    position:fixed;
    bottom:0px;
    left:0px;
    padding:5px;
    border:3px solid #EF9A9A;
    background-color:#F44336;
    color:#ffffff;
    font-size: 16px;
    line-height: 16px;
    z-index:3000;
}

.products>li a{
    color:#434343;
    /*text-shadow:1px 1px 0px rgba(255, 255, 255,0.4);*/
}
.products>li{
    list-style:none;
    /*-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 3px 7px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:    0px 3px 7px 0px rgba(50, 50, 50, 0.4);
    box-shadow:         0px 3px 7px 0px rgba(50, 50, 50, 0.4);*/
}
.products>li:hover{
    background-color:#bfbfbf;
}
.disabled{
    opacity:0.5;
}
.disabled:hover{
    opacity:1;
}

.update_basket{
    min-width:300px;
}
.kassa_sect_overflow{
    /*white-space:nowrap;
    overflow:hidden;
    overflow-x:auto;*/
}
.sections_ul_new{
    margin:0px;
    margin-top:5px;
    padding:0px 0px 0px 5px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.sections_ul_new>li{
    list-style:none;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}
.sections_ul_new>li>a{
    background-color:#3F51B5;
    display:inline-block;
    text-decoration:none;
    padding:5px 5px;
    margin:0px 5px 5px 0px;
    color:#ffffff;
    border:1px solid #1A237E;
}
.sections_ul_new>li>a:hover,.sections_ul_new>li.active>a{
    background-color:#7986CB;
}

.kassa_sect{

}
.kassa_sect>li a{
    color:#434343;
}
.kassa_sect>li{
    list-style:none;
}
.kassa_sect>li:hover{
    background-color:#bfbfbf;
}

.kassa_ul>li a{
    /*text-shadow:1px 1px 0px rgba(255, 255, 255,0.4);*/
}
.kassa_ul>li{
    list-style:none;
    background-color: #eeeeee;
    vertical-align:top;
    /*-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 3px 7px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:    0px 3px 7px 0px rgba(50, 50, 50, 0.4);
    box-shadow:         0px 3px 7px 0px rgba(50, 50, 50, 0.4);*/
}
.kassa_ul>li:hover{
    background-color:#d0d0d0;
}




.notify_window{/*visibility:hidden;*/
    display:none;
    position:fixed;
    z-index:3000;
    width:100%;
    height:100%;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}
.notify_window_open .notify_window{/*visibility:visible;*/display:block;}
.notify_window>.iw_bg{
    position:absolute;
    z-index:2001;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.5);
    outline:none;
}
.notify_window>ul{
    position:relative;
    z-index:2002;
    height:100%;
    margin:0px;
    padding:0px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.notify_window>ul>li{
    list-style:none;
    position:relative;
    max-width:1000px;
    width:100%;
    height: auto;
    min-height:200px;
    background-color:#ffffff;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.6);
    -moz-box-shadow:    0px 0px 25px 0px rgba(0, 0, 0, 0.6);
    box-shadow:         0px 0px 25px 0px rgba(0, 0, 0, 0.6);
}
@media only screen and (max-width: 1000px){
    .notify_window>ul>li{
        margin: 21px 0px 0px 0px;
        width: 95%;
        max-height: 95%;
    }
}

.notify_window>ul>li .iw_header{
    overflow: hidden;
    position: absolute;
    top: -22px;
    background-color: rgba(255,255,255,0.8);
    left: 16px;
    /* right: 0px; */
    max-width: 91%;
    height: 26px;
    text-transform: uppercase;
    padding: 6px 8px;
    color: #1d1d1d;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}
.notify_window>ul>li .iw_header.iw_red{
    background-color: #B71C1C;
}
.notify_window>ul>li .iw_header>b{
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    height: 12px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.notify_window>ul>li .iw_content{
    /*height: calc(100% - 95px);*/
    overflow:hidden;
    overflow-y:auto;
    /*max-height: calc(100vh - 55px);*/
    max-height: calc(90vh);
    margin: 0px 0px 55px;
    position: relative;
    min-height: 105px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-overflow-scrolling: touch;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}
@media only screen and (max-width: 1000px){
    .notify_window>ul>li .iw_content{
        max-height: calc(100vh - 55px);
    }
}
@media only screen and (min-width: 1000px){
    .notify_window>ul>li .iw_content::-webkit-scrollbar {
        width: 5px;
    }
    .notify_window>ul>li .iw_content::-webkit-scrollbar-track {
        background-color: #ffffff;
        border: 0px;
    }
    .notify_window>ul>li .iw_content::-webkit-scrollbar-thumb {
        background-color:#1E88E5;
    }
    .notify_window>ul>li .iw_content::-webkit-scrollbar-thumb:hover {
        background-color:#1565C0;
    }
}
.notify_window>ul>li .iw_content>div>div{
    text-align: center;
}
.notify_window>ul>li .iw_content .fa-circle-o-notch{
    margin: auto;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 50px;
    height: 50px;
    font-size: 50px;
}
.notify_window>ul>li .iw_buttons{
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index:2015;
    background-color:#e1e1e1;
    text-align:center;
    margin:0px;
    padding:0px;
    padding:6px 0px;
    -webkit-border-bottom-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-bottomright: 7px;
    -moz-border-radius-bottomleft: 7px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    -webkit-box-shadow: inset 0px 5px 5px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow:    inset 0px 5px 5px 0px rgba(50, 50, 50, 0.2);
    box-shadow:         inset 0px 5px 5px 0px rgba(50, 50, 50, 0.2);
}
/*-------------------- ОКНО 1 ------------------------*/



a.sbutt{text-decoration:none;padding:10px 15px 9px !important;color:#ffffff !important;display:inline-block;}
.sbutt{
    cursor:pointer;
    background-color:#ffa703;
    padding:9px 15px 7px;
    color:#ffffff !important;
    -webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
    -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
    border:0px;
    margin:5px 5px;
    display:inline-block;
    text-align: center;
    vertical-align:middle;
    outline:none;
    text-transform:uppercase;
    font-weight:400;
    font-size:11px;
    line-height:11px;
    letter-spacing:1.1px;
    min-width: 100px;
    /*transition: 0.2s ease;-moz-transition: 0.2s ease;-webkit-transition: 0.2s ease;*/
    text-shadow:1px 1px 3px rgba(0,0,0,0.4);
    border-bottom:3px solid #b37502;
    -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
       -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
            box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
}
.sbutt:hover {
    background-color:#ffbb3b;
    -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.1);
       -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.1);
            box-shadow: 0 8px 6px -6px rgba(0,0,0,0.1);
}
/*.sbutt:active{
    margin-top:8px;
    margin-bottom:4px;
    border-bottom:1px solid #b37502;
}*/
@media only screen and (max-width:1000px) {
    .sbutt{
        padding: 4px !important;
        word-break: break-word;
        min-width: 30px;
    }
}

/*=================*/
a.sbutt2{text-decoration:none;padding:10px 15px 9px !important;color:#ffffff !important;display:inline-block;}
.sbutt2{
    cursor:pointer;
    background-color:#3896fc;
    padding:9px 15px 7px;
    color:#ffffff;
    -webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
    -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
    border:0px;
    margin:5px 5px;
    display:inline-block;
    text-align: center;
    vertical-align:middle;
    outline:none;
    text-transform:uppercase;
    font-weight:400;
    font-size:11px;
    line-height:11px;
    letter-spacing:1.1px;
    min-width: 100px;
    /*transition: 0.2s ease;-moz-transition: 0.2s ease;-webkit-transition: 0.2s ease;*/
    text-shadow:1px 1px 3px rgba(0,0,0,0.4);
    border-bottom:3px solid #115aa8;
    -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
       -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
            box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
}
.sbutt2:hover {
    background-color:#5fa9f9;
    -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.1);
       -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.1);
            box-shadow: 0 8px 6px -6px rgba(0,0,0,0.1);
}
/*.sbutt2:active{
    margin-top:8px;
    margin-bottom:4px;
    border-bottom:1px solid #115aa8;
}*/
@media only screen and (max-width:1000px) {
    .sbutt2{
        padding: 4px !important;
        word-break: break-word;
        min-width: 30px;
    }
}
a.sbutt3{text-decoration:none;padding:10px 15px 9px !important;color:#ffffff !important;display:inline-block;}
.sbutt3,input[type="submit"],.kassa_calc input[type="button"]{
    background-color:#43A047;
    border:0px;
    border-bottom:3px solid #2E7D32;
    cursor:pointer;
    padding:9px 15px 9px;
    color:#ffffff;
    -webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
    -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
    margin:5px 5px;
    display:inline-block;
    text-align: center;
    vertical-align:middle;
    outline:none;
    text-transform:uppercase;
    font-weight:400;
    font-size:11px;
    line-height:11px;
    letter-spacing:1.1px;
    min-width: 100px;
    text-shadow:1px 1px 3px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
       -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
            box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
}
.sbutt3:hover,input[type="submit"]:hover,.kassa_calc input[type="button"]:hover {
    background-color:#4CAF50;
    -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.1);
       -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.1);
            box-shadow: 0 8px 6px -6px rgba(0,0,0,0.1);
}
/*.sbutt3:active,input[type="submit"]:active,.kassa_calc input[type="button"]:active{
    border-bottom:1px solid #2E7D32;
    margin-top:8px;
    margin-bottom:4px;
}*/
@media only screen and (max-width:1000px) {
    .sbutt3{
        padding: 4px !important;
        word-break: break-word;
        min-width: 30px;
    }
}

a.sbutt4{text-decoration:none;padding:10px 15px 9px !important;color:#ffffff !important;display:inline-block;}
.sbutt4{
    background-color:#F4511E;
    border:0px;
    border-bottom:3px solid #BF360C;
    cursor:pointer;
    padding:9px 15px 7px;
    color:#ffffff;
    -webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
    -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
    margin:5px 5px;
    display:inline-block;
    text-align: center;
    vertical-align:middle;
    outline:none;
    text-transform:uppercase;
    font-weight:400;
    font-size:11px;
    line-height:11px;
    letter-spacing:1.1px;
    min-width: 100px;
    text-shadow:1px 1px 3px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
       -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
            box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
}
.sbutt4:hover {
    background-color:#FF7043;
    -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.1);
       -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.1);
            box-shadow: 0 8px 6px -6px rgba(0,0,0,0.1);
}
/*.sbutt4:active{
    border-bottom:1px solid #BF360C;
    margin-top:8px;
    margin-bottom:4px;
}*/
@media only screen and (max-width:1000px) {
    .sbutt4{
        padding: 4px !important;
        word-break: break-word;
        min-width: 30px;
    }
}

a.sbutt5{text-decoration:none;padding:10px 15px 9px !important;color:#ffffff !important;display:inline-block;}
.sbutt5{
    background-color:#009688;
    border:0px;
    border-bottom:3px solid #00796B;
    cursor:pointer;
    padding:9px 15px 7px;
    color:#ffffff;
    -webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
    -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
    margin:5px 5px;
    display:inline-block;
    text-align: center;
    vertical-align:middle;
    outline:none;
    text-transform:uppercase;
    font-weight:400;
    font-size:11px;
    line-height:11px;
    letter-spacing:1.1px;
    min-width: 100px;
    text-shadow:1px 1px 3px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
       -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
            box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
}
.sbutt5:hover {
    background-color:#4DB6AC;
    -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.1);
       -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.1);
            box-shadow: 0 8px 6px -6px rgba(0,0,0,0.1);
}
/*.sbutt5:active{
    border-bottom:1px solid #00796B;
    margin-top:8px;
    margin-bottom:4px;
}*/
@media only screen and (max-width:1000px) {
    .sbutt5{
        padding: 4px !important;
        word-break: break-word;
        min-width: 30px;
    }
}

/*=============================CALC=======================================*/



.money_sum{
    width: 300px;
    padding: 3px;
    text-align: center;
}

.money_comment{
    resize:none;
    width: 300px;
    padding: 3px;
}

.basket_ul_info{
    text-align:center;
}
.basket_ul_info>span{
    display:block;
    font-size:11px;
    line-height:12px;
    margin-top:5px;
    font-weight:bold;
}
.basket_ul_info>span>u{
    color:red;
}
.basket_ul_info>input, .basket_ul_info>select{
    width:50%;
    padding:3px;
}
.basket_ul_info textarea{
    resize:none;
    height: 120px;
    width: 337px;
    padding:3px;
}

.card_check_1{
    font-size:12px;
    line-height:12px;
}
.card_check_2{
    font-size:12px;
    line-height:12px;
    color:red;
    display:none;
}
.card_check_3{
    font-size:12px;
    line-height:12px;
    color:green;
    display:none;
}


.discount_ul{
    margin:0px;
    padding:0px;
}
.discount_ul>li{
    margin:0px 0px 0px;
    background-color:#ffffff;
    padding:5px;
    cursor:default;
    position:relative;
    list-style:none;
}
.discount_ul>li>span{
    display: block;
    text-align:center;
    font-size: 20px;
    line-height: 22px;
    margin: 0px 0px 11px 0px;
}
.discount_ul>li>span>a{
    display:inline-block;
}
.discount_ul>li>span>b{
    display:block;
    font-size:12px;
    line-height:12px;
}
.discount_ul>li>span>b>a{
    display:inline-block;
    font-weight:400;
}
.discount_ul>li.selected{
    /*background-color:#eeeeee;*/
}
/*.discount_ul>li.selected:after{
    color:#000000;
    position:absolute;
    top:0px;
    bottom:0px;
    right:5px;
    content: "\f00c";
    text-shadow:1px 1px 1px rgba(0,0,0,0.4);
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 23px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}*/
.discount_ul>li>div{
    display:block;
    vertical-align:top;
    font-size:12px;
    line-height:12px;
}

.full_report_1{
    display:inline-block;
    width:400px;
    vertical-align:top;
}
.full_report_2{
    display:inline-block;
    width:70px;
    vertical-align:top;
}
.full_report_3{
    display:inline-block;
    width:150px;
    vertical-align:top;
}
.full_report_4{
    display:inline-block;
    width:150px;
    vertical-align:top;
}
@media only screen and (max-width:1000px) {
    .full_report_1{
        width:40%;
        font-size:11px;
        line-height:11px;
        padding:2px;
    }
    .full_report_2{
        width:10%;
        font-size:11px;
        line-height:11px;
        padding:2px;
    }
    .full_report_3{
        width:25%;
        font-size:11px;
        line-height:11px;
        padding:2px;
    }
    .full_report_4{
        width:20%;
        font-size:11px;
        line-height:11px;
        padding:2px;
    }
}

.b_click{
    text-decoration:underline;
    color:blue;
}


.task_color_red>a{
    background-color:red !important;
    text-shadow:1px 1px 1px rgba(0,0,0,0.6);
}

.task_div{
    display:block;
    margin:0px auto;
    white-space:nowrap;
    height:calc(100% - 33px);
    padding:0px;
}
@media only screen and (max-width:1000px) {
    .task_div{
        white-space:normal;
        height:calc(100% - 56px);
    }
}
.task_div>.task_left_side{
    width:250px;
    vertical-align:top;
    display:inline-block;
    white-space:normal;
}
.task_div>.task_left_side>div{
    display:none;
}
.task_div>.task_left_side{
    width:250px;
    vertical-align:top;
    display:inline-block;
    white-space:normal;
}
.task_div>.task_right_side{
    width:calc(100% - 250px);
    height:100%;
    vertical-align:top;
    display:inline-block;
    white-space:normal;
}
.task_div>.task_left_side>ul>li>ul>li>a>figure{
    font-size: 10px;
    line-height: 10px;
    position: absolute;
    margin: 0px;
    padding: 0px;
    right: 3px;
    top: 0px;
    text-transform: lowercase;
    color: rgba(255,255,255,0.8);
}

@media only screen and (min-width:1000px) {
    .update_result{
        height: 33px;
    }
    .div_top_menu {
        position: fixed;
        margin: auto;
        left: 0px;
        right: 0px;
        top: 0px;
        z-index:500;
    }
    .task_div>.task_left_side{
        height:100%;
        background-color:#263238;
        position:fixed;
        border-right: 4px solid #263238;
        overflow:auto;
        top:33px;
    }
    .task_div>.task_right_side{
        margin-left: 250px;
    }
    .task_div>.task_left_side>ul{
        margin-left:5px !important;
    }
    .task_div>.task_left_side>ul>li>ul>li>a{
        font-size:14px;
        line-height:14px;
    }
}
@media only screen and (max-width:1000px) {
    .task_div>.task_left_side>ul{
        display:none;
    }
    .update_result{
        height:50px;
    }
    .task_div>.task_left_side>div{
        display:block;
        background-color:#000000;
        position: relative;
        height: 50px;
        position: fixed;
        top: 0px;
        right: 0px;
        width: 50px;
        z-index:601;
        -webkit-transition-duration: 0.7s;
        transition-duration: 0.7s;
    }
    .task_div>.task_left_side>div .ham_icon {
      -webkit-transition-duration: 0.2s;
              transition-duration: 0.2s;
      position: absolute;
      height: 4px;
      width: 30px;
      top: 22px;
      right: 9px;
      background-color: #f5ce31;
    }
    .task_div>.task_left_side>div .ham_icon:before {
      -webkit-transition-duration: 0.2s;
              transition-duration: 0.2s;
      position: absolute;
      width: 30px;
      height: 4px;
      background-color: #f0c88b;
      content: "";
      top: -10px;
    }
    .task_div>.task_left_side>div .ham_icon:after {
      -webkit-transition-duration: 0.2s;
              transition-duration: 0.2s;
      position: absolute;
      width: 30px;
      height: 4px;
      background-color: #de9e31;
      content: "";
      top: 10px;
    }
    .task_div>.task_left_side>div .ham_icon:hover {
      cursor: pointer;
    }
    .layout_show_ya_menu .task_left_side>div .ham_icon {
      -webkit-transition: 0.2s;
              transition: 0.2s;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .layout_show_ya_menu .task_left_side>div .ham_icon:before {
      -webkit-transform: rotateZ(45deg) scaleX(0.75) translate(12px, -5px);
              transform: rotateZ(45deg) scaleX(0.75) translate(12px, -5px);
    }
    .layout_show_ya_menu .task_left_side>div .ham_icon:after {
      -webkit-transform: rotateZ(-45deg) scaleX(0.75) translate(12px, 5px);
              transform: rotateZ(-45deg) scaleX(0.75) translate(12px, 5px);
    }
    .layout_show_ya_menu .task_left_side>ul{
        display:block;
        position:fixed;
        width:100%;
        z-index:601;
        top:50px;
        overflow-y:auto;
        -webkit-overflow-scrolling: touch;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
    }
    .task_div{
        padding:0px;
    }
    .task_div>.task_left_side{
        width:auto;
        display:block;
    }
    .task_div>.task_right_side{
        width:auto;
        display:block;
        margin-left:0px;
    }
    .task_div>.task_right_side p{
        padding:5px;
        margin:0px;
    }
    .sotr_table{
        width: 100%;
        word-break: break-word;
    }
    .plan_ul>li{
        width:100% !important;
        display:block !important;
    }
    .plan_ul>li>div{
        width:100% !important;
    }
    .plan_priority{
        height:auto !important;
    }
    .plan_ul>li .plan_datez{
        text-align:left !important;
    }
    .plan_priority>div{
        margin-top:0px !important;
    }
}
.task_right_side_menu{
    display:inline-block;
    vertical-align:top;
    width:15%;
    margin-right:5px;
}
.task_right_side_dop{
    display:inline-block;
    vertical-align:top;
    width:84%;
}
.task_right_side_menu>ul{
    margin:0px;
    padding:0px;
}
.task_right_side_menu>ul>li{
    list-style:none;
}
.task_right_side_menu>ul>li>span{
    background-color: #263238;
    color: #ffffff;
    padding: 10px 10px;
    font-size: 11px;
    line-height: 11px;
    text-align: center;
    display: block;
    text-decoration: none;
    position: relative;
    text-transform: uppercase;
}
.task_right_side_menu>ul>li>a{
    position: relative;
    font-size: 11px;
    line-height: 11px;
    display: block;
    padding: 10px 5px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    text-transform: uppercase;
    background-color: #B0BEC5;
    color: #ffffff;
    text-decoration: none;
    word-break: break-word;
}
.task_right_side_menu>ul>li>a:hover,.task_right_side_menu>ul>li>a.active{
    background-color:#607D8B;
}
.task_right_side_menu>ul>li>a>u{
    text-decoration: none;
    position: absolute;
    right: 7px;
}
.task_div>.task_right_side img{
    max-width:100%;
    /*max-height:100%;*/
}
.task_div>.task_right_info{
    font-size:18px;
    line-height:24px;
}
.task_div>.task_right_info img{
    max-width:100%;
    height:auto;
}
.task_div>.task_right_info ul li{
}
.task_div>.task_right_info ol li{
}
.task_div>.task_right_side>div{
    padding:0px;
}
.task_div>.task_left_side>ul{
    margin:0px;
    padding:0px;
}
.task_div>.task_left_side>ul>li{
    list-style:none;
    display:block;
}
.task_div>.task_left_side>ul>li>ul{
    margin:0px;
    padding:0px;
}
.task_div>.task_left_side>ul>li>span{
    background-color:#263238;
    color:#ffffff;
    padding:10px 10px;
    font-size:11px;
    line-height:11px;
    text-align:center;
    display:block;
    text-decoration:none;
    position:relative;
    text-transform:uppercase;
}
.task_div>.task_left_side>ul>li>a.add_task{
    background-color:#43A047;
    color:#ffffff;
    padding:10px 10px;
    display:block;
    text-decoration:none;
    position:relative;
    text-transform:uppercase;
    text-align:center;
    text-shadow:1px 1px 2px rgba(0,0,0,0.4);
}
.task_div>.task_left_side>ul>li>a.add_task:hover{
    background-color:#2E7D32;
}

.task_div>.task_left_side>ul>li>a.your_task{
    background-color:#FF9800;
    color:#ffffff;
    font-size:12px;
    line-height:12px;
    padding:10px 10px;
    display:block;
    text-decoration:none;
    position:relative;
    text-transform:uppercase;
    text-shadow:1px 1px 2px rgba(0,0,0,0.4);
}
.task_div>.task_left_side>ul>li>a.your_task:hover,.task_div>.task_left_side>ul>li>a.your_task.selected{
    background-color:#F57C00;
}

.task_div>.task_left_side>ul>li>a.your_task>u {
    text-decoration: none;
    position: absolute;
    right: 3px;
}


.b_confirm_search{
    width:300px;
    margin:20px auto 0px;
}
.b_confirm_search>input{
    width:100%;
}
.b_confirm_search>ul{
    display: block;
    margin: 0px;
    padding: 0px;
    /* position: absolute; */
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #e0e0e0;
}
.b_confirm_search>ul>li{
    list-style:none;
    text-align:left;
    cursor:pointer;
    padding:5px 5px;
    border-bottom:1px solid #e0e0e0;
}
.b_confirm_search>ul>li.checked{
    background-color:#d0d0d0;
}
.b_confirm_search>ul>li>div{
    font-size:13px;
    line-height:13px;
    font-weight:600;
}
.b_confirm_search>ul>li>span{
    font-size:11px;
    line-height:11px;
}
.b_confirm_search>ul>li>div>s{
    text-decoration:none;
    vertical-align:top;
    font-weight:300;
    display:inline-block;
    margin-left:5px;
}
.b_confirm_search>ul>li>u{
    text-decoration:none;
    float:right;
}



.input_v2{
    display:block;
    margin: 0px 0px 15px;
    position:relative;
}
.input_v2 label{
    text-align:left;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    color: #9b9b9b;
    display: block;
    margin: 0 0 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
.input_v2>i{
    font-style: normal;
    font-size: 11px;
    line-height: 11px;
    color: #a0a0a0;
    margin-top: 2px;
    display: block;
}
.input_v2 .input_butt>a{
    position: absolute;
    top: 0px;
    right: 0px;
    bottom:0px;
    text-decoration:none;
    font-size: 22px;
    line-height: 27px;
    vertical-align: top;
    display: inline-block;
    padding: 3px 3px 1px 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}
.input_v2 .input_butt>.left_info{
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    text-decoration:none;
    font-size: 16px;
    line-height: 29px;
    vertical-align: top;
    display: inline-block;
    padding: 0px 7px 0px 7px;
    background-color: #4fc4c0;
    color: #ffffff;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.isApple .input_v2 .input_butt>a{
    line-height:25px;
}
.input_v2 .input_butt>.del_butt{
    background-color: #E57373;
    color: #ffffff;
}
.input_v2 .input_butt>.del_butt:hover{
    background-color:#C62828;
}
.input_v2 .input_butt>.del_butt_promo{
    font-size: 27px;
    line-height: 27px;
    background-color: #E57373;
    color: #ffffff;
}
.isApple .input_v2 .input_butt>.del_butt_promo{
    line-height:30px;
}
.input_v2 .input_butt>.del_butt_promo:hover{
    background-color:#C62828;
}
.input_v2 .input_butt>.clear_search_good{
    background-color: #E57373;
    color: #ffffff;
}
.input_v2 .input_butt>.clear_search_good:hover{
    background-color:#C62828;
}
.input_v2 .input_butt>.clear_operator_login{
    background-color: #b3252f;
    color: #ffffff;
}
.input_v2 .input_butt>.clear_operator_login:hover{
    background-color:#8f1f27;
}
.input_v2 .input_butt>.copy_butt{
    background-color: #388E3C;
    color: #ffffff;
}
.input_v2 .input_butt>.copy_butt:hover{
    background-color:#4CAF50;
}
.input_v2 .input_butt{
    position:relative;
}
.input_v2 input{
    -webkit-appearance: none;
}
.input_v2 input,
.input_v2 textarea,
.input_v2 select{
    width: 100%;
    outline: 0;
    border: 1px solid #d0d0d0;
    padding: 5px 7px;
    font-size: 14px;
    line-height: 14px;
    background-color:#ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.input_v2 input:focus,
.input_v2 textarea:focus,
.input_v2 select:focus{
    -webkit-box-shadow: 0px 0px 20px -4px rgba(245,51,64,0.9);
    -moz-box-shadow: 0px 0px 20px -4px rgba(245,51,64,0.9);
    box-shadow: 0px 0px 20px -4px rgba(245,51,64,0.9);
    border:1px solid rgba(245,51,64,0.4);
}
.input_v2 input:disabled,
.input_v2 textarea:disabled,
.input_v2 select:disabled{
    background-color:#eaeaea;
    cursor:not-allowed;
}
.input_v2 textarea::-webkit-scrollbar {
    width: 4px
}

.input_v2 textarea::-webkit-scrollbar-track {
    background: #ffffff;
}

.input_v2 textarea::-webkit-scrollbar-thumb {
    background-color: #f53340;
}

.input_v2 textarea::-webkit-scrollbar-thumb:hover {
    background-color: #f53340;
    opacity:0.7;
}

.input_v2 input::-webkit-input-placeholder, .input_v2 textarea::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
  color: #acacac;
  font-weight:300;
}
.input_v2 input::-moz-placeholder, .input_v2 textarea::-moz-placeholder { /* Firefox 19+ */
  color: #acacac;
  font-weight:300;
}
.input_v2 input:-ms-input-placeholder, .input_v2 textarea:-ms-input-placeholder { /* IE 10+ */
  color: #acacac;
  font-weight:300;
}
.input_v2 input:-moz-placeholder, .input_v2 textarea:-moz-placeholder { /* Firefox 18- */
  color: #acacac;
  font-weight:300;
}
.bday_select{
    white-space:nowrap;
}
.bday_select .bday_day{
    width:20%;
    max-width:120px;
    margin-right:5px;
}
.bday_select .bday_month{
    width:40%;
    max-width:180px;
    margin-right:5px;
}
.bday_select .bday_year{
    max-width:130px;
    width: 35%;
}




.task_div>.task_left_side>ul>li>ul>li>a{
    background-color:#78909C;
    border-bottom:1px solid #263238;
    color:#ffffff;
    padding:10px 10px;
    display:block;
    text-decoration:none;
    position:relative;
    text-transform:uppercase;
    text-shadow:1px 1px 1px rgba(0,0,0,0.4);
}
.give_red{
    background-color:#F44336 !important;
}
.task_div>.task_left_side>ul>li>ul>li>a>u{
    text-decoration:none;
    position:absolute;
    right:3px;
    top: 12px;
    font-weight: 600;
}
.task_div>.task_left_side>ul>li>ul>li>a:hover{
    background-color:#546E7A;
}
.task_div>.task_left_side>ul>li>ul>li>a.selected{
    background-color:#546E7A;
}

.task_div>.task_left_side>ul>li>ul>li>ul{
    display:none;
    list-style:none;
    margin:0px;
    padding:0px;
}
.task_div>.task_left_side>ul>li>ul>li.selected>ul{
    display:block;
}
.task_div>.task_left_side>ul>li>ul>li>ul>li>a{
    background-color:#97b3c1;
    border-bottom:1px solid #263238;
    color:#ffffff;
    padding:8px 10px 8px 20px;
    display:block;
    font-size:12px;
    line-height:12px;
    text-decoration:none;
    position:relative;
    text-transform:uppercase;
    text-shadow:1px 1px 1px rgba(0,0,0,0.4);
}
.task_div>.task_left_side>ul>li>ul>li>ul>li>a.add_task{
    padding:10px 10px 10px 20px;
    display:block;
    font-size:13px;
    line-height:13px;
    background-color:#388E3C;
}
.task_div>.task_left_side>ul>li>ul>li>ul>li>a>u{
    text-decoration:none;
    position:absolute;
    right:3px;
}
.task_div>.task_left_side>ul>li>ul>li>ul>li>a:hover{
    background-color:#7b929e;
}
.task_div>.task_left_side>ul>li>ul>li>ul>li>a.selected{
    background-color:#FF8F00;
}
.task_div>.task_left_side>ul>li>ul>li>ul>li.title>span{
    background-color: #536d7a;
    border-bottom: 1px solid #90A4AE;
    color: #ffffff;
    padding: 5px 5px;
    font-size: 11px;
    line-height: 11px;
    text-align: center;
    display: block;
    text-decoration: none;
    position: relative;
    text-transform: uppercase;
}



.task_div>.task_left_side>ul>li>ul>li>a>i{
    margin: 0px 15px 0px -4px;
    font-size: 18px;
    line-height: 18px;
    width: 25px;
    text-align: center;
}




.full_report_div{
    border-top:1px solid #eeeeee;
    border-bottom:1px solid #eeeeee;
    font-size:12px;
    line-height:13px;
}
.report_edit_money{color:green;}

.pr_search{
    width:150px;
    margin:3px 0px 0px 15px;
}

.basket_otloz{
    margin-top:10px;
}

.otloz_ul{
    margin:0px;
    padding:0px;
    margin-top:0px;
}
.otloz_ul>li{
    list-style:none;
    display:inline-block;
    width:33%;
    border-right:1px solid #d0d0d0;
    border-bottom:1px solid #d0d0d0;
    cursor:pointer;
    text-align:center;
    padding:3px 0px;
}
.otloz_ul>li:hover{
    background-color:#d0d0d0;
}
.otloz_ul>li>div{
    font-size:12px;
    line-height:12px;
    font-weight:bold;
}
.otloz_ul>.title{
    cursor:default;
    width:100%;
    display: block;
    text-align: center;
    background-color: #546E7A;
    color: #ffffff;
    padding: 5px 0px;
    text-decoration: none;
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
    border:0px;
}
.otloz_ul>.title:hover{
    background-color: #546E7A;
}

.pr_bottom_kran{
    position:absolute;
    z-index:100;
    bottom:0px;
    left:0px;
    right:0px;
    font-size:12px;
    line-height:12px;
    padding:2px 0px;
}
.pr_bottom_kran>span>b{
    font-size:16px;
    color:#00796B;
}
.pr_bottom_kran>span{
    display:block;
}
.pr_bottom_kran:hover>span{
    display:none;
}
.pr_bottom_kran>div{
    display:none;
    color:blue;
    text-decoration:underline;
}
.pr_bottom_kran:hover>div{
    display:block;
}
.pr_bottom_kran>div>a{
    font-size:12px;
}


.pr_bottom_close{
    position:absolute;
    z-index:100;
    bottom:0px;
    left:0px;
    right:0px;
    font-size:12px;
    line-height:12px;
    padding:2px 0px;
}
.pr_bottom_close>span>b{
    font-size:16px;
    color:#00796B;
}
.pr_bottom_close>div{
    display:none;
    color:blue;
    text-decoration:underline;
}
.pr_max:hover .pr_bottom_close>div{
    display:block;
}
.pr_bottom_close>div>a{
    font-size:12px;
}

.task_user img{
    max-width:100%;
}






.info_window{
    /*-webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: -webkit-transform 0ms linear;
    transition: transform 0ms linear;*/
}
.info_window .iw_bg {
    position: absolute;
    z-index: 799;
    background-color: rgba(255,255,255,.8);
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.info_window .iw_data {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.info_window .iw_data>li {
    cursor: default;
    overflow: hidden;
    position: relative;
    z-index: 810;
    width: 100%;
    height: 100%;
    list-style: none;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}
.info_window .iw_data>li>ul {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    padding-bottom:45px;
}
.info_window .iw_data>li>ul>li {
    list-style: none;
}
.info_window .iw_data>li>ul .iw_header {
    display:block;
    position:relative;
}
.info_window .iw_data .iw_header>dl {
    margin: 0px;
    padding: 0px;
    height: 45px;
    overflow:hidden;
    background: #004e92; /* fallback for old browsers */
}
.info_window .iw_data .iw_header>dl>dt {
    font-weight:300;
    text-shadow:1px 1px 3px rgba(0,0,0,0.9);
    white-space:nowrap;
    color:#ffffff;
    margin:13px 0px 0px 12px;
    width:70%;
    height:22px;
    display:inline-block;
    vertical-align:top;
    overflow: hidden;
    font-size: 20px;
    line-height: 23px;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-transform: uppercase;
}
.info_window .iw_data .iw_header>dl>dd {
    position: absolute;
    top: 2px;
    right: 2px;
    padding: 0px 0px;
}
.info_window .iw_data .iw_header>dl>dd>i {
    font-size: 25px;
    cursor: pointer;
}
.info_window .iw_data .iw_content {
    background-color:#ffffff;
    position:relative;
    z-index:800;
    display:block;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}
.info_window .iw_data .iw_buy_options>dl {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    line-height: 14px;
    height: 100%;
}
.info_window .iw_data .iw_buy_options>dl>dd span {
    font-size: 12px;
    margin-left: 20px;
}
.info_window .iw_data .iw_buy_options>dl>dd {
    display: block;
    line-height: 14px;
    margin: 0px;
    padding: 2px 5px;
    text-align: left;
}
.info_window .iw_data .iw_buy_options>dl>dd:nth-child(1) {
}
.info_window .iw_data .iw_content>dl>dd:nth-child(1)>span {
    font-size: 10px;
    margin-left: 10px;
}
.info_window .iw_data .iw_content .iw_buy_options{
    padding: 3px 10px;
    background-color:#4caf50;
    color: #ffffff;
    position: absolute;
    z-index:805;
    width: 100%;
    bottom: 0px;
    max-height:200px;
    overflow:auto;
}
.info_window .iw_data .iw_content .iw_buy_options>div .f_left i{
    text-decoration:none;
    font-size:11px;
}
.info_window .iw_data .iw_content .iw_buy_options>div {
    position:relative;
    vertical-align: middle;
    line-height: 14px;
    margin: 15px 0px;
}



/*.info_window .iw_data .iw_content .iw_buy_options_2{
    padding: 3px 10px;
    background-color: #4caf50;
    color: #ffffff;
}
.info_window .iw_data .iw_content .iw_buy_options_2>div {
    position:relative;
    vertical-align: middle;
    line-height: 14px;
    margin: 12px 0px;
}*/
.f_left{/*max-width:75%;*/}
.f_left>u{text-decoration:none;font-size: 20px;font-weight: 100;}
.f_right{/*position:absolute;top:-5px;right:0px;*/float:right;margin-top:-4px;margin-left:5px;}
.f_right>i{font-size:26px;display:inline-block;vertical-align:middle;cursor:pointer;width:21px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    outline:none;
}
@media only screen and (min-width: 1200px) {
    .f_right>i{
        -webkit-transition: all 100ms linear;
        transition: all 100ms linear;
    }
    .f_right>i.gg_plus:hover{
        color:#9dffa1;
    }
    .f_right>i.gg_minus:hover{
        color:#ffb9b9;
    }
}
.f_right>span{font-size:18px !important;width:20px;display:inline-block;vertical-align:middle;text-align:center;}
.info_window .iw_data .iw_content .iw_buy_options>div>i {
    font-size: 25px;
    vertical-align: middle;
    text-shadow: 0px 0px 2px rgba(0,0,0,0.3);
}
.info_window .iw_data .iw_content .iw_buy_options>div>span {
    vertical-align: middle;
    margin: 0px 0px;
    width: 20px;
    display: inline-block;
    text-align: center;
}
.info_window .iw_data .iw_content .iw_buy_options>div>u {
    vertical-align: middle;
    text-decoration: none;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
.info_window .iw_data .iw_content .iw_sostav {
    position: relative;
    z-index: 803;
    text-align: center;
    font-size: 22px;
    line-height: 29px;
    font-family: 'Bad Script';
    top: 0px;
    background-color: rgba(255,255,255,0.8);
    padding: 5px;
}
.info_window .iw_data .iw_arrows {
    /*background-color:#3a6073;*/
    font-size:40px;
    padding:5px 10px;
    left:0px;
    right:0px;
    top:0px;
    width:100%;
    min-width:100%;
    position: absolute;
    z-index: 805;
}
.has_arrows .iw_sostav{
    padding:5px 50px !important;
}
.info_window .iw_data .iw_arrows i{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    outline:none;
    color:rgba(76,175,80,0.3);
}
@media only screen and (min-width: 1200px) {
    .info_window .iw_data .iw_arrows i{
        cursor:pointer;
        -webkit-transition: all 100ms linear;
        transition: all 100ms linear;
    }
    .info_window .iw_data .iw_arrows i:hover{
        color:rgba(76,175,80,1);
    }
}
.info_window .iw_data .iw_arrows i:nth-child(1){}
.info_window .iw_data .iw_arrows i:nth-child(2){position:absolute;right:10px;
-webkit-transition: all 100ms linear;
        transition: all 100ms linear;
}
.info_window .iw_data .iw_arrows i:nth-child(2):after{clear:both;}



.info_window .iw_data .iw_content .iw_image i {
    font-size: 150px;
    color: #ebebeb;
    text-shadow:0px 5px 8px rgba(0,0,0,0.3);
}
.info_window .iw_data .iw_content .iw_image {
    text-align: center;
    /*max-width: 100%;*/
    height: auto;
    position: relative;
    display: block;
    padding:0px 0px;
}
@media only screen and (min-width: 1200px) {
    .info_window .iw_data .iw_content .iw_image {
        /*min-height:457px;*/
    }
}
.info_window .iw_data .iw_content .iw_image img {
    /*max-width: 100% !important;*/
    /*max-height: 500px;*/
    width:100%;
    display: block;
    margin: 0 auto;
}
.info_window {
    /*visibility:hidden;*/
    display:none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    z-index: 800;
}
.iw_open .info_window{/*visibility:visible;*/display:block;}
.iw_open {
    /*overflow: hidden;*/
}
.iw_open .column,.iw_open .good_slider {
    /*-webkit-overflow-scrolling: auto;
    -ms-touch-action: auto;
    touch-action: auto;*/
    /*-webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;*/
}


/*@media only screen and (min-width: 766px) and (max-width: 799px) {
    .info_window .iw_data {
        padding:10px 10px;
    }
    .info_window .iw_data>li {
        position: relative;
        z-index: 810;
        max-height:740px;
        min-width: 500px;
        max-width: 800px;
        width: 100%;
        height: 100%;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        -webkit-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.75);
        -moz-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.75);
        box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.75);
    }
}*/
@media only screen (max-width: 1100px) {
    .info_window .iw_data {
        padding:10px 0px;
    }
    .info_window .iw_data>li {
        position: relative;
        z-index: 810;
        max-height:740px;
        min-width: 500px;
        max-width: 800px;
        width: 100%;
        height: 100%;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        -webkit-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.75);
        -moz-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.75);
        box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.75);
    }
}
@media only screen and (min-width: 1101px) {
    .info_window .iw_data>li {
        position: relative;
        z-index: 810;
        max-height:740px;
        min-width: 500px;
        max-width: 1100px;
        width: 100%;
        height: 100%;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        -webkit-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.75);
        -moz-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.75);
        box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.75);
    }
}
@media only screen and (min-width: 1600px) {
    .info_window .iw_data>li {
        position: relative;
        z-index: 810;
        /*max-height:964px;*/
        min-width: 500px;
        max-width: 1300px;
        width: 100%;
        height: 100%;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        -webkit-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.75);
        -moz-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.75);
        box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.75);
    }
}


.button,#zag {
    cursor: pointer;
    background-color: #0088ff;
    padding: 9px 15px 7px;
    color: #ffffff;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 0px;
    margin: 5px 5px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    outline: none;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1.1px;
    min-width: 70px;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width:1200px) {
    .button,#zag {
        -webkit-transition: all 100ms linear;
        transition: all 100ms linear;
    }
    .button:hover,#zag:hover {
        background-color: #0375d8;
    }
}

a.button {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    color: #ffffff !important;
    text-decoration: none;
}
.button u{
    text-decoration:none;
}
.button i{
    display:none;
    font-size: 14px;
}
.button_active u{
    display:none;
}
.button_active i{
    display:block;
}


.go_center{
    height:100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.go_center>div{
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}
.go_center>div>i.fa-spinner{font-size:80px;color:#2c4958;}



.info_window_2 .iw_bg {
    position: absolute;
    z-index: 799;
    background-color: rgba(255,255,255,.8);
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.info_window_2 .iw_data {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.info_window_2 .iw_data>li {
    cursor: default;
    overflow: hidden;
    position: relative;
    z-index: 810;
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    list-style: none;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}
.info_window_2 .iw_data>li>ul {
    margin: 0px;
    padding: 0px;
    height: 100%;
    padding-bottom:45px;
}
.info_window_2 .iw_data>li>ul>li {
    list-style: none;
}
.info_window_2 .iw_data>li>ul .iw_header {
    display:block;
    position:relative;
}
.info_window_2 .iw_data .iw_header>dl {
    margin: 0px;
    padding: 0px;
    height: 45px;
    overflow:hidden;
    /*background-color:rgba(0,0,0,0.6);*/
    background-color: #414a5a;
    background: -webkit-linear-gradient(90deg, #16222A 10%, #3A6073 90%);
    background:    -moz-linear-gradient(90deg, #16222A 10%, #3A6073 90%);
    background:     -ms-linear-gradient(90deg, #16222A 10%, #3A6073 90%);
    background:      -o-linear-gradient(90deg, #16222A 10%, #3A6073 90%);
    background:         linear-gradient(90deg, #16222A 10%, #3A6073 90%);
}
.info_window_2 .iw_data .iw_header>dl>dt {
    white-space:nowrap;
    color:#ffffff;
    margin:13px 0px 0px 12px;
    width:70%;
    height:20px;
    display:inline-block;
    vertical-align:top;
    overflow: hidden;
    font-size: 20px;
    line-height: 20px;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-transform: uppercase;
}
.info_window_2 .iw_data .iw_header>dl>dd {
    position: absolute;
    top: 2px;
    right: 2px;
    padding: 0px 0px;
}
.info_window_2 .iw_data .iw_header>dl>dd>i {
    font-size: 25px;
    cursor: pointer;
}
.info_window_2 .iw_data .iw_content {
    display:block;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}
.info_window_2 .iw_data .iw_buy_options>dl {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    line-height: 14px;
    height: 100%;
}
.info_window_2 .iw_data .iw_buy_options>dl>dd span {
    font-size: 12px;
    margin-left: 20px;
}
.info_window_2 .iw_data .iw_buy_options>dl>dd {
    display: block;
    line-height: 14px;
    margin: 0px;
    padding: 2px 5px;
    text-align: left;
}
.info_window_2 .iw_data .iw_buy_options>dl>dd:nth-child(1) {
}
.info_window_2 .iw_data .iw_content>dl>dd:nth-child(1)>span {
    font-size: 10px;
    margin-left: 10px;
}
.info_window_2 .iw_data .iw_content .iw_buy_options {
    padding: 3px 10px;
    background-color: #4caf50;
    color: #ffffff;
}
.info_window_2 .iw_data .iw_content .iw_buy_options>div {
    position:relative;
    vertical-align: middle;
    line-height: 14px;
    margin: 12px 0px;
}
.info_window_2 .iw_data .iw_content .iw_buy_options>div>i {
    font-size: 25px;
    vertical-align: middle;
    text-shadow: 0px 0px 2px rgba(0,0,0,0.3);
}
.info_window_2 .iw_data .iw_content .iw_buy_options>div>span {
    vertical-align: middle;
    margin: 0px 0px;
    width: 20px;
    display: inline-block;
    text-align: center;
}
.info_window_2 .iw_data .iw_content .iw_buy_options>div>u {
    vertical-align: middle;
    text-decoration: none;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
.info_window_2 .iw_data .iw_content .iw_sostav {
    position: relative;
    z-index: 800;
    text-align: center;
    font-size: 22px;
    line-height: 29px;
    margin: 5px 0px 5px;
    padding: 0px 10px;
    font-family: 'Bad Script';
}
.info_window_2 .iw_data .iw_content .iw_image i {
    font-size: 200px;
    color: #ebebeb;
}
.info_window_2 .iw_data .iw_content .iw_image {
    text-align: center;
    max-width: 100%;
    height: auto;
    position: relative;
    display: block;
}
.info_window_2 .iw_data .iw_content .iw_image img {
    max-width: 100% !important;
    max-height: 100% !important;
    display: block;
    margin: 0 auto;
}
.info_window_2 {
    /*visibility:hidden;*/
    display:none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    z-index: 805;
    /*-webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: -webkit-transform 0ms linear;
    transition: transform 0ms linear;*/
}
.iw_open_2 .info_window_2{/*visibility:visible;*/display:block;}
.iw_open_2 {
    overflow: hidden;
}
.iw_open_2 .column,.iw_open_2 .good_slider {
    /*-webkit-overflow-scrolling: auto;
    -ms-touch-action: auto;
    touch-action: auto;*/
    /*-webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;*/
}


@media only screen and (min-width: 766px) and (max-width: 799px) {
    .info_window_2 .iw_data {
        padding:10px 10px;
    }
    .info_window_2 .iw_data>li {
        position: relative;
        z-index: 810;
        max-height:740px;
        min-width: 500px;
        max-width: 800px;
        width: 100%;
        height: 100%;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        -webkit-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.75);
        -moz-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.75);
        box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.75);
    }
}
@media only screen and (min-width: 800px) and (max-width: 1024px) {
    .info_window_2 .iw_data {
        padding:10px 0px;
    }
    .info_window_2 .iw_data>li {
        position: relative;
        z-index: 810;
        max-height:740px;
        min-width: 500px;
        max-width: 800px;
        width: 100%;
        height: 100%;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        -webkit-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.75);
        -moz-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.75);
        box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.75);
    }
}
@media only screen and (min-width: 1025px) {
    .info_window_2 .iw_data>li {
        position: relative;
        z-index: 810;
        max-height:740px;
        min-width: 500px;
        max-width: 800px;
        width: 100%;
        height: 100%;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        -webkit-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.75);
        -moz-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.75);
        box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.75);
    }
}





.base_ind{
    padding:5px;
    margin:0 auto;
    max-width:700px;
}
.base_ind>div span{
    display:block;
    font-size:11px;
    line-height:12px;
}
.base_ind select{
    width:100%;
    margin:10px 0px;
}
.kega_title{
    display:block;
    text-align:center;
    background-color:#3F51B5;
    color:#ffffff;
    margin:5px -5px;
    padding:3px 0px;
    text-transform:uppercase;
    font-weight:bold;
}
.avto_balance{
    display:block;
    font-size:11px;
    line-height:11px;
    text-align:center;
}

.no_active{
    opacity:0.3;
}



.zakaz_cont{
    display:block;
}
.zakaz_cont .zakaz_left_side{
    width:300px;
    border-right:1px solid #d0d0d0;
    display:inline-block;
    vertical-align:top;
}
.zakaz_cont .zakaz_left_side .zakaz_left_title{
    background-color:#3F51B5;
    text-align:center;
    padding:10px 0px;
    color:#ffffff;
    text-transform:uppercase;
}
.zakaz_cont .zakaz_left_side>ul{
    margin:0px;
    padding:0px;
    display:block;
}
.zakaz_cont .zakaz_left_side>ul>li{
    list-style:none;
    display:block;
    position:relative;
}
.zakaz_cont .zakaz_left_side>ul>li .zakaz_left_ul_span{
    position:absolute;
    right:5px;
    top:2px;
    font-size:10px;
    line-height:10px;
    z-index:5;
}
.zakaz_cont .zakaz_left_side>ul>li>a{
    display:block;
    padding: 10px 50px 10px 10px;
    border-bottom:1px solid #eeeeee;
    font-size:15px;
    line-height:15px;
    text-decoration:none;
    color:#000000;
    /*background-color:#C5CAE9;*/
}
.zakaz_cont .zakaz_left_side>ul>li>a.selected{
    background-color:#eeeeee;
    font-weight:bold;
}
@media only screen and (min-width:1000px) {
    .zakaz_cont .zakaz_left_side>ul>li>a:hover{
        background-color:#eeeeee;
    }
}

.zakaz_cont .zakaz_right_side{
    display:block;
    height:100%;
    width:calc(100% - 300px);
    display:inline-block;
    vertical-align:top;
    overflow:hidden;
    overflow-y:auto;
}
.zakaz_cont .zakaz_right_side .zakaz_right_title{
    background-color:#3F51B5;
    text-align:left;
    padding:10px 20px;
    color:#ffffff;
    text-transform:uppercase;
}

.zakaz_cont .zakaz_right_side .zakaz_right_title_base>a{
    color:#ffffff;
    text-decoration:none;
    padding:10px 10px;
    margin:0px;
    border-right:1px solid #ffffff;
    display:inline-block;
}
.zakaz_cont .zakaz_right_side .zakaz_right_title_base>a:hover,.zakaz_cont .zakaz_right_side .zakaz_right_title_base>a.selected{
    background-color:#7986CB;
}
@media only screen and (max-width:1000px) {
    .zakaz_cont .zakaz_left_side{
        display:block;
        width:100%;
    }
    .zakaz_cont .zakaz_right_side{
        display:block;
        width:100%;
    }
    .zakaz_cont .zakaz_right_side .zakaz_right_title_base>a{
        display:block;
        border-right:0px;
    }
}


.order_have_new>a{
    background-color:#FFCDD2 !important;
}

.order_color_red>a{
    background-color:red !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}

.order_change_status{
    font-size:12px;
    line-height:12px;
    display:inline-block;
    color:green;
}

.new_order_ul{
    margin:0px;
    padding:0px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.new_order_ul .new_order_ul_title{
    background-color:#3F51B5;
    text-align:left;
    padding:3px 0px;
    color:#ffffff;
    text-transform:uppercase;
    text-align:center;
    font-size:20px;
    line-height:20px;
}
.new_order_ul .new_order_ul_good{
    text-align:center;
}
.new_order_ul .new_order_ul_good>table{
    width: 380px;
    margin: 0 auto;
}
.new_order_ul .new_order_ul_good>table td{
    padding:2px;
}
.new_order_ul .new_order_ul_good>table tr:hover{
    background-color:#eeeeee;
}


.good_kolvo_td{

}
.good_kolvo_td>i{
    margin:0px 5px;
    cursor:pointer;
    font-size:20px;
}
.good_kolvo{
    width:70px;
    text-align:center;
    font-size:20px;
    margin:0px;
    padding:2px;
    color:#d0d0d0;
}
.good_kolvo_0{
    color:green;
    font-weight:bold;
}
.good_kolvo_2{
    width:70px;
    text-align:center;
    font-size:20px;
    margin:0px;
    padding:2px;
    color:green;
    font-weight:bold;
}
.ponarth_kega{
    max-width:500px;
    width:100%;
    margin:50px auto;
    text-align:center;
}
.ponarth_kega h2{
    margin:0px;
    padding:0px;
}
.ponarth_kega h3{
    margin:0px;
    padding:10px 0px;
}
.ponarth_kega .fa-minus-square{
    color:#d0d0d0;
    font-size:30px;
    line-height:30px;
    vertical-align: middle;
    margin-right:5px;
}
.ponarth_kega .fa-plus-square{
    color:#d0d0d0;
    font-size:30px;
    line-height:30px;
    vertical-align: middle;
    margin-left:5px;
}
.ponarth_kega>div{
    margin:2px 0px;
}


a.new_order{
    text-decoration:none;
    display:block;
    background-color: #90CAF9;
    text-align: center;
    font-size: 24px;
    line-height: 24px;
    padding: 15px 0px;
    color: #ffffff;
    text-shadow: 1px 1px 1px rgba(50,50,50,0.3);
    text-transform: uppercase;
}
@media only screen and (min-width:1200px) {
    a.new_order:hover{
        background-color: #64B5F6;
    }
}



.inp_isp{
    width: 50px;
    text-align: center;
    margin: 2px 0px;
    font-weight: bold;
}



.beer_tank{
    margin: 0 auto;
    padding:0px;
    /*width: 150px;*/
    display:block;
    white-space:nowrap;
    overflow:hidden;
    overflow-x:auto;
}

.beer_tank .tank_date_counter{
    position:absolute;
    font-size:10px;
    line-height:10px;
    bottom:0px;
    right:0px;
}

.beer_tank>li{
    list-style:none;
    display:inline-block;
    position:relative;
    background-color:#d0d0d0;
    width:180px;
    height:180px;
    margin:6px;
    overflow:hidden;
    border:2px solid #d0d0d0;
    cursor:pointer;
    outline:none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    /*background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 40%, #d6b073 41%, #d6b073 100%);
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 40%,#d6b073 41%,#d6b073 100%);*/
}
.beer_tank>li.selected{
    border:2px solid green;
}
.beer_tank>li>table{
  width: 100%;
  height: 100%;
}
.beer_tank>li>table a{
    display:block;
    padding:50px 0px;
    text-decoration:none;
    font-size:19px;
    line-height:19px;
    color:black;

}
.beer_tank>li>table a>span{
    font-size:11px;
    line-height:12px;
    display:block;
    word-break:break-all;
    white-space:normal;
}
.beer_tank>li>table a>span>h2{
    margin:0px;
    padding:0px;
    font-size:18px;
    line-height:18px;

}


.all_tank_info{
    margin:10px 0px;
}
.tank_info{
    position:relative;
}

.tank_vid{
    position:absolute;
    top:0px;
    left:0px;
    font-size:10px;
    line-height:10px;
    color:grey;
    padding:2px;
}
.tank_pivovar{
    position:absolute;
    top:0px;
    right:0px;
    font-size:11px;
    line-height:11px;
    padding:1px 2px;
}

.tank_history{
    /* float: right; */
    width: 40%;
    /* max-height: 660px; */
    position: absolute;
    right: 0px;
    top:0px;
}


.tank_info_table{
    width:100%;
}
.tank_info_table>tbody>tr>td{
    padding:5px;
}
.tank_info_table_first{
    text-align:right;
    width:20%;
    font-weight:bold;
}
.tank_info_table_second{
    padding-left:15px !important;
    width:80%;
}
.tit_60{
    width:60%;
    border-right:1px solid #e0e0e0;
}
@media only screen and (max-width:1000px) {
    .tank_info_table{
        word-break:break-word;
    }
}
@media only screen and (max-width:600px) {
    .beer_tank{
        white-space:normal;
    }
}
@media only screen and (max-width:800px) {
    .tank_history{
        width:100%;
        position:relative;
    }
    .tit_60{
        width:100%;
    }
    .tank_info_table{
        word-break:break-word;
    }
    .tank_info_table_first{
        font-size:12px;
        line-height:12px;
    }
    .tank_ul_options>li>a{
        font-size:11px;
        line-height:11px;
        word-break:break-word;
    }
}

.water_history{
    font-size:11px;
    line-height:11px;
}

.change_tank_litr{
    color:#ffffff;
}

.tank_info_table_title{
    position:relative;
    text-align:center;
    font-weight:bold;
    padding:5px;
    background-color:#028acc;
    color:#ffffff;
    text-shadow:1px 1px 1px rgba(0,0,0,0.3);
}

.tank_info_table_title select{
    position:absolute;
    left:2px;
    top:2px;
    font-weight:400;
    width:100px;
}

.tank_vid_fast_change{
    color:black;
}

.tank_varki{
    position:absolute;
    right:2px;
    top:0px;
    font-weight:400;
}
.tank_varki>li{
    list-style:none;
    display:inline-block;
    cursor:pointer;
    margin:0px 2px;
    color:#ffffff;
    line-height:19px;
    text-shadow:1px 1px 1px rgba(50,50,50,0.5);
    padding:3px 3px 4px;
}
.tank_varki>li.selected{
    background-color:#E91E63;
}



.izm_table{
    width:100%;
}
.izm_table thead td{
    text-align:center;
    font-size:12px;
    font-weight:bold;
    padding:2px;
}
.izm_table tbody td{
    text-align:center;
    padding:5px;
    border:1px solid #d0d0d0;
    font-size:11px;
    line-height:12px;
}

.info_window_center{
    display:block;
    text-align:center;
}



.tank_ul_options{
    margin:0px;
    padding:0px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.tank_ul_options>li{
    list-style:none;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 20%;
    -ms-flex: 0 1 20%;
    flex: 0 1 20%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    text-align:center;
    cursor:pointer;
    background-color:#78909C;
    height:100px;
    border:1px solid #E0F7FA;
}
@media only screen and (min-width:1200px) {
    .tank_ul_options>li:hover{
        background-color:#90A4AE;
    }
}
.tank_ul_options>li>a{
    padding:40px 0px 0px;
    margin:0px auto;
    display:inline-block;
    color:#ffffff;
    text-decoration:none;
    text-shadow:1px 1px 1px rgba(0,0,0,0.3);
}


.droz_select{
    display:block;
    text-align:center;
}
.droz_select>a{
    border:1px solid #66BB6A;
    padding:10px 20px;
    text-decoration:none;
    margin:0px 10px;
    display: inline-block;
}
.droz_select>a.selected{
    background-color:#66BB6A;
    color:#ffffff;
}


.black_white{
    color:#ffffff !important;
}
.black_white a{
    color:#ffffff !important;
}


.black_white_2{
    color:#b6b6b6 !important;
    text-shadow:1px 1px 0px rgba(0,0,0,0.4);
}
.black_white_2 a{
    color:#b6b6b6 !important;
}


.zavod_2{
    width:100%;
    /*max-width:522px;*/
    margin:0 auto;
    text-align:center;
}
.zavod_2 td{
    vertical-align:middle;
}

.zavod_1{
    width:100%;
    /*max-width:822px;*/
    margin:0 auto;
    text-align:center;
}
.zavod_1 td{
    vertical-align:middle;
}



.beer_stat_link{
    margin:10px auto;
    display:block;
    width:500px;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    color:#ffffff;
    background-color:#26A69A;
    padding:10px 0px;
    border-bottom:2px solid #00796B;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

@media only screen and (max-width:1000px) {
    .beer_stat_link{
        width:90%;
        max-width:500px;
    }
}

.task_table .task_table_1{
    vertical-align:top;
    width:70%;
}
.task_table .task_table_2{
    vertical-align:top;
    width:30%;
}
.task_table  .task_table_1 table{
    width:100%;
}
.task_table  .task_table_1 table td{
    border:1px solid #d0d0d0;
    padding:5px;
}


.upload_drop_zone{
    margin: 0px auto 10px;
    width: 100%;
    height: 300px;
    color:#ffffff;
    background-color: #eeeeee;
    border: 1px solid #d0d0d0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.upload_drop_zone:hover{
    color:#0b54a2;
    background-color:#f4f4f4;
}
.hover_drag{
    color:#0b54a2;
    background-color:#f4f4f4;
}
.hover_drag>div>i{
    color:#FFA703;
}
.upload_drop_zone>div>i{
    font-size:104px;
}
.upload_drop_zone>div{
    text-shadow:1px 1px 1px rgba(0,0,0,0.3);
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}


.task_table_2>table{
    width:100%;
}
.task_table_2>table td.title{
    text-align:center;
    text-transform:uppercase;
    background-color:#3A6073;
    color:#ffffff;
}
.task_table_2>table td{
    padding:5px;
    border:1px solid #3A6073;
}
.task_table_2>table tr:hover{
    /*background-color:#eeeeee;*/
}

.task_table_2>table td>label{
    display:block;
    font-weight:600;
}
.task_table_2>table td>span{
    display:block;
    font-size:12px;
    line-height:12px;
}


.task_mess_all{
    border:1px solid #e0e0e0;
    margin:5px 0px;
}

.task_mess_dop{
    height:50%;
    max-height:400px;
    overflow:hidden;
    overflow-y:auto;
}



.crm_history{
    background-color:#ffffff;
    border:1px solid #a9a9a9;
    height:288px;
    overflow:auto;
    padding:0px;
    font-size:12px;
    line-height:13px;
    width:500px;
}
.crm_history>ul{
    margin:0px;
    padding:0px;
}
.crm_history>ul>li{
    list-style:none;
    display:block;
    border-bottom:1px solid #d0d0d0;
    padding:5px 3px;
}
.crm_history .crm_ul_red .crm_error_text{
    color:red;
}
.crm_error_text{
    font-size:13px;
    line-height:14px;
    font-weight:300 !important;
}
.crm_error_text u{
    font-weight:500 !important;

}
.crm_errors{
    background-color:#ffffff;
    border:1px solid red;
    color:red;
    padding:3px;
    font-size:13px;
    line-height:14px;
    font-weight:500;
    width:500px;
}
.hover_show{position:relative;}
.hover_show>div{
    display:none;
    position:absolute;
    text-align:left;
    z-index:1001;
    top:100%;
    left:0px;
    background-color:#ffffff;
    border:1px solid #d0d0d0;
    font-weight:400;
    font-size:12px;
    line-height:14px;
    min-width:200px;
    max-width:300px;
    padding:2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 4px 20px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 4px 20px -4px rgba(0,0,0,0.75);
    box-shadow: 0px 4px 20px -4px rgba(0,0,0,0.75);
}
.hover_show:hover>div{display:block;}


.task_table{
    width:100%;
}
.task_table thead td{
    padding:9px 0px;
    font-size:12px;
    line-height:12px;
    text-transform:uppercase;
    text-align:center;
    background-color:#263238;
    color:#ffffff;
    border:1px solid #90A4AE;
}
.task_table tbody td{
    padding:5px;
    border:1px solid #90A4AE;
}

.task_table_dop{

}
.task_table_dop tbody tr{
    cursor:pointer;
}
.task_table_dop tbody tr:hover{
    background-color:#eeeeee;
}
@media only screen and (max-width:1000px) {
    .task_table tbody td{
        padding:2px;
        font-size:12px;
        word-break:break-word;
    }
}

.change_site{
    padding:0px 3px;
}
.change_site>i{
    font-size: 20px;
    margin-right: 3px;
    line-height: 20px;
    display: inline-block;
    vertical-align: top;
    margin-top: 1px;
}
.change_site>i:hover{
    color:green;
}
.change_site>select{
    outline:none;
    vertical-align: top;
    margin-top: 1px;
    color:black;
    width:90px;
    font-size:12px;
    line-height:12px;
    font-weight:600;
}
.change_site>select>option{
    font-weight:600;
}

.adm_panel{position:fixed;top: 36px;right: 3px;text-align: right;padding:5px 10px;background:rgba(0,0,0,0.7);color:#ffffff;font-size: 12px;z-index:1000;}
.adm_panel a{color:#ffffff;text-decoration:underline;}


.success_change{
    width:800px;
    margin:10px auto;
    color:#ffffff;
    font-weight:600;
    background-color:#43A047;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:10px;
    text-shadow:1px 1px 1px rgba(0,0,0,0.3);
}

.profile_photo>img{
    max-width:800px;
    max-height:400px;
}

.sotr_table thead td{
    background-color:#263238;
    text-align:center;
    color:#ffffff;
    font-size:20px;
    line-height:20px;
}
.sotr_table td{
    border:1px solid #e0e0e0;
    padding:5px;
}
.sotr_table td.sotr_img img{
    max-width:100px;
}

@media only screen and (max-width:1000px) {
    .sotr_table td.sotr_img img{
        max-width:50px;
    }
    .sotr_table thead td{
        background-color:#263238;
        text-align:center;
        color:#ffffff;
        font-size:11px;
        line-height:11px;
    }
    .sotr_table td{
        padding:2px;
        font-size:11px !important;
        line-height:11px !important;
    }
}

.upper{
    visibility: hidden;
    opacity:0;
    position: fixed;
    top: 60px;
    right: 0px;
    width: 50px;
    z-index: 1000;
    cursor: pointer;
    background-color:rgba(50,50,50,0);
}
.upper.upper_visible{
    visibility: visible;
    opacity:1;
}
.upper>i{
    color: rgba(50,50,50,0.5);
    font-size: 50px;
    margin: auto;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 50px;
    height: 50px;
}
.isComp .upper{
    -webkit-transition: .5s all;
    transition: .5s all;
}
.isComp .upper>i{
    -webkit-transition: .5s all;
    transition: .5s all;
}
.isComp .upper:hover{
    background-color:rgba(50,50,50,0.1);
}
.isComp .upper:hover>i{
    color:rgba(50,50,50,0.9);
}

@media only screen and (max-width:1000px) {
    .upper{
        bottom: 5px;
        left: 5px;
    }
    .upper>i{
        font-size:30px;
    }
}



.sotr_mess_ul{
    margin:0px;
    padding:0px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0px;
}
.sotr_mess_ul>li{
    list-style:none;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    margin: 1px 1px 0px 0px;
}
.sotr_mess_ul>li>a{
    text-decoration:none;
    color: #ffffff;
    padding: 10px 10px;
    background-color:#3F51B5;
    display: block;
    align-self: center;
    text-align: center;
    text-shadow: 1px 1px 0px rgba(0,0,0,0.3);
}
.sotr_mess_ul>li>a.selected{
    background-color:#7986CB !important;
}
.sotr_mess_ul>li>a:hover{
    background-color:#303F9F;
}
.sotr_mess_ul>li>a.um_red{
    background-color:#F4511E;
}
.sotr_mess_ul>li>a>u{
    text-decoration:none;
    margin-left:5px;
    font-weight:bold;
    color:#C5CAE9;
}
@media only screen and (max-width:1000px) {
    .sotr_mess_ul>li>a{
        padding:8px 5px;
        font-size:12px;
        line-height:12px;
    }
}

.users_mess{
    margin:0px;
    padding:0px;
}
.users_mess>li{
    list-style:none;
    display:block;
    margin:5px 0px;
    word-break: break-word;
}
.users_mess>li img{
    max-width:100%;
    max-height:100%;
}
.users_mess>li.um_right{
    text-align:right;
}
.users_mess>li.um_left{
    text-align:left;
}
.users_mess>li.um_right>div{
    display:inline-block;
    max-width:50%;
    background-color:#ECEFF1;
    padding:5px;
    /*-webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;*/
-webkit-box-shadow: 0px 0px 39px -12px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 39px -12px rgba(0,0,0,0.75);
box-shadow: 0px 0px 39px -12px rgba(0,0,0,0.75);
}
.users_mess>li.um_left>div{
    display:inline-block;
    max-width:50%;
    background-color:#ECEFF1;
    padding:5px;
    /*-webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;*/
-webkit-box-shadow: 0px 0px 39px -12px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 39px -12px rgba(0,0,0,0.75);
box-shadow: 0px 0px 39px -12px rgba(0,0,0,0.75);
}
@media only screen and (max-width:1000px) {
    .users_mess>li.um_left>div{
        max-width:95%;
        font-size:12px;
        line-height:12px;
    }
    .users_mess>li.um_right>div{
        max-width:95%;
        font-size:12px;
        line-height:12px;
    }
}

.edit_crm_dop_script img{
    max-width:100%;
    max-height:100%;
}


.photo_big_div{
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    z-index:1001;
}
.photo_big_div>span{
    cursor:pointer;
    background-color:rgba(0,0,0,0.5);
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    z-index:1002;
}
.photo_big_div>div{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height:100%;
}
.photo_big_div>div>div{
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    position:relative;
    z-index:1003;
    margin: 40px 40px;
    max-height:calc(100% - 40px);
    background-color:#ffffff;
    padding:10px;
    -webkit-border-radius: 15px;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius: 15px;
    -moz-border-radius-topright: 0;
    border-radius: 15px;
    border-top-right-radius: 0;
}
.photo_big_div>div>div>.fa-times-circle{
    position:absolute;
    top:-30px;
    right:-30px;
    color:#ffffff;
    font-size:34px;
    z-index:1004;
    cursor:pointer;
    text-shadow:1px 1px 6px rgba(0,0,0,0.4);
}
.photo_big_div>div>div>div{
    display:block;
    position:relative;
}
.photo_big_div>div>div>div>img{
    max-width:100%;
    max-height:100%;
}

.have_info_div>div{
    display:none;
    position:absolute;
    width:300px;
    z-index:5000;
    background-color:rgba(0,0,0,0.8);
    margin-top:4px;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.75);
}
.have_info_div:hover>div{
    display:block;
}
.task_color_red.have_info_div>div{
    background-color:red;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}
.have_info_div>div>ul{
    margin:0px;
    padding:0px;
}
.have_info_div>div>ul>li{
    list-style:none;
    list-style:none;

}
.have_info_div>div>ul>li>a{
    position:relative;
    color:#ffffff;
    padding:7px 5px;
    text-decoration:none;
    display:block;
    font-size: 13px;
    line-height: 13px;
    letter-spacing: -0.5px;
    text-transform: uppercase;
}
.have_info_div>div>ul>li>a>u{
    position:absolute;
    text-decoration:none;
    font-size:19px;
    line-height:19px;
    right:5px;top:5px;
}
.have_info_div>div>ul>li>a:hover{
    background-color:rgba(255,255,255,0.3);
}

.lazy_edit_inp{
    width:300px;
    padding:7px 10px;
    text-align:center;
    font-size:18px;
    line-height:18px;
}
.lazy_edit{
    font-weight:500;
    cursor:pointer;
}





.tat_calendar{
    vertical-align:top;
    margin:10px auto;
    border:1px solid #d0d0d0;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.tat_calendar>thead .tat_calend_title{
    text-align:center;
    font-weight:500;
    font-size:20px;
    line-height:20px;
}
.tat_calendar>thead .tat_calend_days{
    text-align:center;
    font-weight:500;
    font-size:12px;
    line-height:12px;
    opacity:0.3;
}
.tat_calendar>thead td{
    padding:3px 5px;
    text-align:center;
}
.tat_calendar>tbody .tat_calend_day{
    opacity:0.3;
    padding:0px;
    text-align:center;
    font-size:22px;
    line-height:16px;
    font-size: 45px;
    line-height: 45px;
    vertical-align:top;
}
.tat_calendar>tbody .tat_calend_day.tat_opis{
    opacity:1;
    cursor:pointer;
}
/*.tat_calendar>tbody .tat_calend_day.tat_opis:hover{
    background-color:#e0e0e0;
}*/

.tat_calendar .tat_calend_weekend{
    color:#F44336;
}
.tat_calendar>tbody .tat_calend_day .day_opts{
    visibility:hidden;
    position:relative;
}
.tat_calendar>tbody .tat_calend_day:hover .day_opts{
    visibility:visible;
}
.tat_calendar>tbody .tat_calend_day .day_opts>span{
    opacity:0.3;
    font-size:12px;
    line-height:12px;
    cursor:pointer;
}
.tat_calendar>tbody .tat_calend_day .day_opts>span.selected,.tat_calendar>tbody .tat_calend_day .day_opts>span:hover{
    opacity:1;
}
.tat_calendar>tbody .tat_calend_day .day_opts>span>i.fa-university{
    color:#43A047;
}
.tat_calendar>tbody .tat_calend_day .day_opts>span>i.fa-home{
    color:red;
    font-size:14px;
}
.tat_calendar>tbody .tat_calend_day .day_opts>span>i.fa-industry{
    color:#FF9800;
}
.tat_calendar>tbody .tat_calend_day .day_opts>span>i.fa-gift{
    color:#0097A7;
    font-size:14px;
}
.tat_calendar>tbody .tat_calend_day .day{
    padding:20px 30px;
    position:relative;
}
.tat_calendar>tbody .tat_calend_day .day[title]:hover:after {
    opacity:0.7;
    content: attr(title);
    padding: 4px 8px;
    color: #ffffff;
    position: absolute;
    left: 0;
    bottom: 100%;
    white-space: nowrap;
    z-index: 20;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    background-color:#094382;
}
.tat_calendar>tbody .tat_calend_day .day_opts>span[title]:hover:after {
    opacity:0.7;
    content: attr(title);
    padding: 4px 8px;
    color: #ffffff;
    position: absolute;
    left: 0;
    bottom: 100%;
    white-space: nowrap;
    z-index: 30;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    background-color:#094382;
}
.tat_calendar>tbody .status_0 .day{
    /*background-color:#43A047;*/
}
.tat_calendar>tbody .status_1 .day{
    background-color:#E57373;
    color:#ffffff;
}
.tat_calendar>tbody .status_2 .day{
    background-color:#0097A7;
    color:#ffffff;
}
.tat_calendar>tbody .status_3 .day{
    background-color:#FF9800;
    color:#ffffff;
}
.tat_calendar>tbody .today_day{
    opacity:1;
    color:#FF9800;
}
.tat_calendar>tbody .may_set_task{
    opacity:1;
    cursor:pointer;
}
.day>ul{
    margin:0px -30px;
    padding:0px;
}
.day>ul>li{
    list-style: none;
    color:#ffffff;
    font-size: 12px;
    line-height: 12px;
    padding:5px 5px;
    margin-bottom:1px;
    cursor:pointer;
    font-weight:300;
    display: block;
    white-space: nowrap;
    text-align: left;
    max-width: 200px;
    overflow: hidden;
    text-shadow:1px 1px 1px rgba(0,0,0,0.4);
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.day>ul>li.day_task_status_1{
    background-color:rgb(76, 175, 80);
}
.day>ul>li.day_task_status_2{
    background-color:rgb(255, 152, 0);
}
.day>ul>li.day_task_status_3{
    background-color:rgb(244, 67, 54);
}

@media only screen and (max-width:1000px) {
    .tat_calendar>thead .tat_calend_title{
        font-size:12px;
        line-height:12px;
    }
    .tat_calendar>thead td{

    }
    .tat_calendar>tbody .tat_calend_day{
        font-size:14px;
        line-height:14px;
        font-weight:bold;
        word-break:break-word;
    }
    .day>ul>li{
        max-width:120px;
    }
}
@media only screen and (max-width:500px) {
    .tat_calendar>tbody .tat_calend_day .day{
        padding:2px;
    }
    .day>ul{
        margin:0px -2px;
    }
    .day>ul>li{
        max-width:60px;
        font-size:10px;
        line-height:10px;
    }
}


.hint{
    position:relative;
    word-break: normal;
}
.hint:hover:after{
    font-family:'Open Sans', Tahoma, Sans-serif;
    content: attr(data-title);
    position: absolute;
    background-color: #4d97fc;
    color: #ffffff;
    max-width: 300px;
    font-size: 11px;
    line-height: 11px;
    text-shadow:1px 1px 1px rgba(0,0,0,0.3);
    text-align: left;
    bottom: 100%;
    left: 0px;
    padding: 3px 3px 5px;
    font-weight:300;
    z-index:1000;
    -webkit-box-shadow: 3px 3px 9px -4px rgba(0,0,0,0.77);
    -moz-box-shadow: 3px 3px 9px -4px rgba(0,0,0,0.77);
    box-shadow: 3px 3px 9px -4px rgba(0,0,0,0.77);
}
@media only screen and (max-width:1000px) {
    .hint:hover:after{
        display:none !important;
    }
    .hint:hover:before{
        display:none !important;
    }
}

.hint2{
    word-break: normal;
}
.hint2:hover:after{
    font-family:'Open Sans', Tahoma, Sans-serif;
    content: attr(data-title);
    position: absolute;
    background-color: #4d97fc;
    color: #ffffff;
    max-width: 300px;
    font-size: 11px;
    line-height: 11px;
    text-shadow:1px 1px 1px rgba(0,0,0,0.5);
    text-align: left;
    padding: 3px 3px 5px;
    font-weight:300;
    z-index:1000;
    left:100%;
    margin:-25px 0px 0px 10px;
    -webkit-box-shadow: 3px 3px 9px -4px rgba(0,0,0,0.77);
    -moz-box-shadow: 3px 3px 9px -4px rgba(0,0,0,0.77);
    box-shadow: 3px 3px 9px -4px rgba(0,0,0,0.77);
}
.hint2:hover:before{
    border: solid;
    border-color: #4d97fc transparent;
    border-width: 6px 6px 0 6px;
    content: "";
    left: 83%;
    position: absolute;
    z-index: 1000;
    border-width: 0px 10px 10px 10px;
    bottom: 4px;
    -webkit-transform: rotate(-90deg); /* Chrome y Safari */
    -moz-transform: rotate(-90deg); /* Firefox */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* Internet Explorer */
    -o-transform: rotate(-90deg); /* Opera */
}
@media only screen and (max-width:1000px) {
    .hint2:hover:after{
        display:none !important;
    }
    .hint2:hover:before{
        display:none !important;
    }
}

.div_top_menu>.ham_menu{
    display:none;
}
@media only screen and (max-width:1000px) {
    .div_top_menu{
        position: fixed;
        top: 0px;
        z-index: 600;
        background-color: #000000;
        width: 100%;
    }
    .div_top_menu .ponarth_logo{
        display: block;
        position: absolute;
        top: 3px;
        left: 50%;
        margin: 0px 0px 0px -27px;
        text-align: center;
        z-index: 602;
    }
    .div_top_menu .ponarth_logo>img{
        width:55px;
    }
}
@media only screen and (min-width:1000px) {
    .top_menu>li>ul>li>a:hover,.top_menu>li>ul>li>ul>li>a:hover{
        background-color:#353535;
    }
    .div_top_menu .ponarth_logo{
        position: absolute;
        top:2px;
        right: 5px;
        display: block;
        z-index: 600;
    }
    .div_top_menu .ponarth_logo>img{
        width:40px;
    }
    .top_menu>li.have_level_2:hover>a:after{
        content: "\f107";
    }
    .top_menu>li.have_level_2:hover>ul{
        display:block;
    }
}
@media only screen and (max-width:1000px) {
    .div_top_menu>.ham_menu{
        display:block;
        background-color:#000000;
        position: relative;
        height: 50px;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
    }
    .ham_menu .ham_icon {
      -webkit-transition-duration: 0.2s;
              transition-duration: 0.2s;
      position: absolute;
      height: 2px;
      width: 30px;
      top: 24px;
      left: 9px;
      background-color: blue;
    }
    .ham_menu .ham_icon:before {
      -webkit-transition-duration: 0.2s;
              transition-duration: 0.2s;
      position: absolute;
      width: 30px;
      height: 2px;
      background-color: white;
      content: "";
      top: -10px;
    }
    .ham_menu .ham_icon:after {
      -webkit-transition-duration: 0.2s;
              transition-duration: 0.2s;
      position: absolute;
      width: 30px;
      height: 2px;
      background-color: red;
      content: "";
      top: 10px;
    }
    .ham_menu .ham_icon:hover {
      cursor: pointer;
    }
    .layout_show_menu .ham_menu .ham_icon {
      -webkit-transition: 0.2s;
              transition: 0.2s;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        height:0px;
    }
    .layout_show_menu .ham_menu .ham_icon:before {
      -webkit-transform: rotateZ(-45deg) scaleX(0.75) translate(-13px, 5px);
              transform: rotateZ(-45deg) scaleX(0.75) translate(-13px, 5px);
    }
    .layout_show_menu .ham_menu .ham_icon:after {
        -webkit-transform: rotateZ(45deg) scaleX(0.75) translate(-12px, -4px);
        transform: rotateZ(45deg) scaleX(0.75) translate(-12px, -4px);
        color: #ffffff;
        background-color: #ffffff;
    }
    .div_top_menu>ul{
        display:none;
    }
    .layout_show_menu .top_menu{
        display:block;
        position:absolute;
        width:100%;
        z-index:501;
        top:50px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
    }
    .layout_show_menu .top_menu>li{
        display:block;
        padding: 0px 0px;
    }
    .layout_show_menu .top_menu>li>a{
        display:block;
        background-color:#000000;
        border-bottom:1px solid #262626;
        padding:10px 13px 10px 10px !important;
        font-weight:400;
    }
    .layout_show_menu .top_menu>li>ul>li>a{
        background-color:#000000;
        padding:10px 13px 10px 40px !important;
        border-bottom:1px solid #262626;
        font-weight:300;
    }
    .layout_show_menu .top_menu>li>ul>li>ul>li>a{
        background-color:#000000;
        padding:10px 13px 10px 60px !important;
        border-bottom:1px solid #262626;
        font-weight:300;
    }
    .layout_show_menu .top_menu>li>ul{
        display:none;
        position:relative;
        width:auto;
    }
    .layout_show_menu .top_menu>li.active>ul{
        display:block;
    }
    .layout_show_menu .top_menu>li.active>a:after{
        content: "\f107";
    }
    .layout_show_menu .top_menu>li.have_level_2>a:after{
        /*display:none;*/
    }
    .div_top_menu>ul .fa-retweet{
        display:none;
    }
    .change_site>select{
        width:95%;
        display:block;
        margin:0px 10px;
        font-size:14px;
        line-height:14px;
    }
}


.vk_instructions{
    display:block;
    margin:0px;
    padding:0px;
}
.vk_instructions>li>span{
    font-weight:600;
    font-size:24px;
    line-height:24px;
    display:block;
}
.vk_instructions>li>ul{
    margin:0px;
    padding:0px;
}
.vk_instructions>li>ul>li{
    list-style:none;
    /*padding-left:20px;*/
}
.vk_instructions>li>ul>li>span{
    font-weight:600;
    font-size:18px;
    line-height:18px;
    display:block;
    padding:0px 10px;
    margin:20px 0px 5px;
}
.vk_instructions>li>ul>li>ul{
    margin:0px;
    padding:0px;
}
.vk_instructions>li>ul>li>ul>li{
    list-style:none;
    /*padding-left:20px;*/
}
.vk_instructions>li>ul>li>ul>li>div li{
    display:list-item;
    margin-left:20px;
}
.vk_instructions>li>ul>li>ul>li>div{
    display:none;
    padding:15px 20px;
    font-size: 14px;
    line-height: 17px;
}
.vk_instructions>li>ul>li>ul>li>span{
    display:block;
    font-size:15px;
    line-height:17px;
    cursor:pointer;
    padding:10px 10px;
    color:#ffffff;
    font-weight:bold;
    border-bottom:1px solid #ffffff;
    background-color:#3F51B5;
}
.vk_instructions>li>ul>li>ul>li>span:hover,.vk_instructions>li>ul>li>ul>li>span.active{
    background-color:#2196F3;
}
@media only screen and (max-width:1000px) {
    .vk_instructions>li>ul>li{
        padding-left:0px;
    }
    .vk_instructions>li>ul>li>ul>li{
        padding-left:0px;
    }
    .vk_instructions>li>ul>li>ul>li>div{
        padding:5px;
    }
}


.reload_tank{
    overflow:auto;
    -webkit-overflow-scrolling: touch;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    outline:none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.work_report_show{

}

.green{
    color:#558B2F !important;
}


.messages_news{
    padding:5px;
}
.messages_news .theme{
    background-color:#094382;
    margin:-6px -5px 0px -5px;
    padding: 3px 5px;
    color:#ffffff;
    text-shadow:1px 1px 1px rgba(50,50,50,0.5);
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.messages_news .title{
    font-size: 12px;
    line-height: 13px;
    text-align:left;
    margin:5px 0px;
}
.messages_news .title>b{
    display: block;
    margin: -5px -5px 2px;
    background-color:#3d7ec6;
    color:#ffffff;
    text-transform:uppercase;
    padding: 3px 5px;
}
.messages_news .title>div{
    max-height: 200px;
    overflow: auto;
    min-height: 15px;
    word-break: break-word;
    line-height: 17px;
    font-size: 13px;
}
.messages_news .buttons{
    text-align:center;
}
.messages_news .buttons .sbutt3,.messages_news .buttons .sbutt2,.messages_news .buttons .sbutt,.messages_news .buttons .sbutt4,.messages_news .buttons .sbutt5{
    padding:5px 7px 5px;
    min-width:40px;
}
.messages_window{
    position:fixed;
    bottom:0px;
    width: 350px;
    z-index:1999;
    margin: 0px;
    padding: 0px 17px;
    max-height:100%;
    overflow:auto;
}
.messages_window>li{
    display:block;
    margin:15px 0px;
    background-color:#ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}
.messages_window>li.notify_news_window{
    z-index: 998;
    top: 0px;
    left: 0px;
    right: 0px;
}
.messages_window>li.notify_plan_window{
    z-index: 998;
    top: 0px;
    left: 0px;
    right: 0px;
}
@media only screen and (min-width:800px) {
    .messages_window::-webkit-scrollbar {
      width: 8px;
      height: 8px;
    }
    .messages_window::-webkit-scrollbar-button {
      width: 75px;
      height: 75px;
    }
    .messages_window::-webkit-scrollbar-thumb {
      background: #d1d1d1;
      border: 0px none #ffffff;
      border-radius: 50px;
    }
    .messages_window::-webkit-scrollbar-thumb:hover {
      background: #a2a2a2;
    }
    .messages_window::-webkit-scrollbar-thumb:active {
      background: #a2a2a2;
    }
    .messages_window::-webkit-scrollbar-track {
      background: #ffffff;
      border: 0px none #ffffff;
      border-radius: 50px;
      -webkit-box-shadow:0px 0px 4px gray inset;
    }
    .base_goods::-webkit-scrollbar-corner {
      background: transparent;
    }
}
@media only screen and (max-width:800px) {
    .messages_window{
        width:100%;
        left:0px;
    }
    .messages_window>li{
        margin:7px 0px 7px;
    }
}

.batutto_file>span{
    font-size:10px;
    line-height:10px;
}


pre{color:black;text-align:left;}

.loading_color{
    color:#2196F3;
    font-size:50px;
    line-height:50px;
    display:inline-block;
    margin-top: 22px;
}


.loading{
    display:none;
    position:fixed;
    z-index:5000;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    background-color:rgba(0,0,0,0.5);
}
body.show_loading .loading{
    display:block;
}
.loading>div{
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    margin:auto;
    width:30px;
    height:30px;
}
.loading>div>span{
    font-size: 65px;
    line-height: 65px;
    display: inline-block;
    color: #ffffff;
    text-shadow: 0px 0px 9px rgba(255,255,255,0.5);
}

.plan_add{
    display:block;
    text-align:center;
    text-decoration:none;
    background-color:#616161;
    color:#ffffff;
    text-transform:uppercase;
    font-size: 20px;
    line-height: 20px;
    padding: 13px 0px;
}
.plan_add:hover{
    background-color:#7986CB;
}

.plan_priority{
    margin:0px;
    padding:0px;
}
.plan_priority>li{
    list-style:none;
    display:inline-block;
    padding: 10px 0px;
    text-transform: uppercase;
    width: 140px;
    text-align:center;
    color:#ffffff;
    cursor:pointer;
    position:relative;
}
.plan_priority>li.selected:after{
    color:#000000;
    position:absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    content: "\f00c";
    text-shadow:1px 1px 1px rgba(0,0,0,0.4);
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 30px;
    line-height: 37px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
.plan_priority>li.pp3{
    background-color:#BDBDBD;
    color:#000000;
    border-right:1px solid #ffffff;
}
.plan_priority>li.pp2{
    background-color:#BDBDBD;
    color:#000000;
    border-right:1px solid #ffffff;
}
.plan_priority>li.pp1{
    background-color:#BDBDBD;
    color:#000000;
    border-right:1px solid #ffffff;
}

.del_plan_task{
    display:inline-block;
    float:right;
    font-size: 20px;
    line-height: 20px;
    vertical-align: middle;
    color: red;
}
@media screen and (max-width: 737px) {
    .del_plan_task{
        margin-top: -13px;
    }
}


.plan_ul{
    margin:0px;
    padding:0px;
}
.plan_ul>li{
    list-style:none;
    cursor:default;
    outline:none;
    position:relative;
    border-bottom:1px solid #000000;
    padding:0px 0px;

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: space-around;
    -ms-flex-line-pack: distribute;
    align-content: space-around;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.plan_ul>li:hover{
    background-color:#f2f2f2;
}
.plan_ul>li:last-child{
    border-bottom:0px;
}
.plan_ul>li>div{
    padding:0px 5px;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

.plan_ul>li .plan_name{
    width:50%;
    padding:10px 0px 5px;
    word-break: break-word;
    /*-webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;*/
}
.plan_ul>li .plan_name>span{
    font-size: 16px;
    line-height: 16px;
    font-weight:bold;
    display:block;
    text-decoration:underline;
    cursor:pointer;
}
.plan_ul>li .plan_name>u{
    margin:10px 0px;
    display:block;
    text-decoration:none;
    display:none;
}
.plan_ul>li.opened .plan_name>u{
    display:block;
}
.plan_ul>li .plan_name>i{
    font-size: 12px;
    line-height: 12px;
    display:block;
    color:red;
    font-weight:bold;
}
.plan_active_algoritm{
    font-size: 15px;
    line-height: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    color:#2962FF;
}
.plan_active_algoritm>i{
    cursor:pointer;
}
@media only screen and (max-width:1100px) {
    .plan_ul>li .plan_name>span{
        font-size: 14px;
        line-height: 14px;
    }
    .plan_active_algoritm{
        font-size: 13px;
        line-height: 14px;
    }
    .plan_ul>li>div{
        padding:3px 5px !important;
    }
}
.plan_ul>li .plan_datez{
    text-align:center;
    width:12%;
    word-break: break-word;
}
.plan_ul>li .plan_datez>span{
    display:block;
    font-size:10px;
    line-height:10px;
}
.plan_ul>li .plan_datez>u{
    display:block;
}
@media only screen and (max-width:1100px) {
    .plan_ul>li .plan_datez>u{
        font-size:12px;
        line-height:12px;
    }
    .plan_ul>li .plan_datez>span{
        font-size:9px;
        line-height:9px;
    }
}
.plan_ul>li .plan_priority{
    text-align:center;
    width:2%;
    text-align:center;
    color:#ffffff;
    padding:3px 0px;
    word-break: break-word;
}
.plan_ul>li .plan_priority>div{
    width:20px;
    height:20px;
    margin:auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.plan_about_task{
    display:none;
}
.opened .plan_about_task{
    display:block;
}
.plan_ul>li .plan_priority>div>span{
    text-transform:uppercase;
    font-weight:bold;
    font-size:18px;
    line-height:18px;
    display:block;
}
.plan_ul>li .plan_priority>div>u{
    display:block;
    font-size:10px;
    line-height:10px;
}
@media only screen and (max-width:1100px) {
    .plan_ul>li .plan_priority>div>span{
        font-size:14px;
        line-height:15px;
    }
}

.plan_ul>li .plan_control{
    text-align:left;
    width:15%;
    word-break: break-word;
}
.plan_ul>li .plan_control>span{
    display:block;
    font-size:10px;
    line-height:10px;
}
.plan_ul>li .plan_control>div{
    display:block;
    font-size:10px;
    line-height:10px;
}
.plan_ul>li .plan_control i{
    font-style:normal;
}

.plan_ul>li .plan_executor{
    text-align:left;
    width:15%;
    word-break: break-word;
}
.plan_ul>li .plan_executor>span{
    display:block;
    font-size:10px;
    line-height:10px;
}
.plan_ul>li .plan_executor>div{
    display:block;
    font-size:10px;
    line-height:10px;
}
.plan_ul>li .plan_executor i{
    font-style:normal;
}

.plan_ul>li .plan_plan{
    text-align:left;
    width:15%;
    word-break: break-word;
}
.plan_ul>li .plan_plan>span{
    display:block;
    font-size:10px;
    line-height:10px;
}
.plan_ul>li .plan_plan>div{
    display:block;
    font-size:11px;
    line-height:12px;
}

.plan_ul>li .plan_procent{
    text-align:center;
    width:8%;
    word-break: break-word;
}
.plan_ul>li .plan_procent>span{
    display:block;
    font-size:10px;
    line-height:10px;
}
.plan_ul>li .plan_procent>u{
    display:block;
    font-size:22px;
    line-height:22px;
    font-weight:bold;
    text-decoration:none;
}

.set_plan_action{
    display:inline-block;
    color:#ffffff;
    text-decoration:none;
    background-color:#03A9F4;
    padding: 3px 7px;
}
.set_plan_action:hover{
    background-color:#4FC3F7;
}
.show_plan_action{
    display:inline-block;
    color:#ffffff;
    text-decoration:none;
    background-color:#3F51B5;
    padding: 3px 7px;
}
.show_plan_action:hover{
    background-color:#7986CB;
}
.success_plan_action{
    display:inline-block;
    color:#ffffff;
    text-decoration:none;
    background-color:#43A047;
    padding: 3px 7px;
}
.success_plan_action:hover{
    background-color:#66BB6A;
}




.apply_plan_action{
    display:inline-block;
    color:#ffffff;
    text-decoration:none;
    background-color:#43A047;
    padding: 3px 3px;
}
.apply_plan_action:hover{
    background-color:#66BB6A;
}
.deny_plan_action{
    display:inline-block;
    color:#ffffff;
    text-decoration:none;
    background-color:#E53935;
    padding: 3px 3px;
}
.deny_plan_action:hover{
    background-color:#EF5350;
}


.task_top_buttons{
    margin:0px;
    padding:0px;
}
.task_top_buttons>li{
    list-style:none;
    display:inline-block;
}
.task_top_buttons>li>a{
    text-align: center;
    background-color: #757575;
    color: #ffffff;
    text-decoration: none;
    padding: 12px 10px;
    display: block;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    position:relative;
}
@media screen and (max-width: 737px) {
    .task_top_buttons>li{
        width:50%;
    }
    .task_top_buttons>li>a{
        padding: 8px 5px;
    }
}
.task_top_buttons>li>a:hover,.task_top_buttons>li>a.selected{
    background-color:#5C6BC0;
}
.task_top_buttons>li>a>i{
    position:absolute;
    bottom:0px;
    left:0px;
    right:0px;
    font-size:10px;
}


.first_line,#m {
    margin:0px 0px 3px;
    padding: 5px 10px !important;
    background: #214068;
    color: #ffffff !important;
    font-size: 14px;
}
.first_line a,#m a {
    color: #ffffff !important;
    text-decoration: underline;
}
.first_line u,#m u {
    color: #ffffff !important;
    text-decoration: none;
}
.first_line i,#m i {
    color: #ffffff !important;
}
.first_line font,#m font {
    color: #ffffff !important;
}
.first_line .date {
    color: #d6d6d6;
}
.first_line,#m {
    -moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.4);
    box-shadow: 0px 2px 3px rgba(0,0,0,0.4);
}

.plan_progress{
    position:absolute;
    top:-5px;
    left:0px;
    right:0px;
}

.progress-bar{
    background-color: rgba(217,217,217,0.3);
    height:10px;
    padding:0px !important;
    text-align:left;
    /*width: 350px;*/
    margin: 5px 0 5px 0;
    /*-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
    -webkit-box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
    box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;*/
}

.progress-bar span {
    display: block;
    height: 100%;
    background-color: #777;
    /*-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;*/
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
    -webkit-transition: width .4s ease-in-out;
    -moz-transition: width .4s ease-in-out;
    -ms-transition: width .4s ease-in-out;
    -o-transition: width .4s ease-in-out;
    transition: width .4s ease-in-out;
}

/*---------------------------*/

.blue span {
    background-color: #66BB6A;
}

/*---------------------------*/

.stripes span {
    -webkit-background-size: 30px 30px;
    -moz-background-size: 30px 30px;
    background-size: 30px 30px;
    background-image: -webkit-gradient(linear, left top, right bottom,
                        color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent),
                        color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)),
                        color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent),
                        to(transparent));
    background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                        transparent 75%, transparent);
    background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                        transparent 75%, transparent);
    background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                        transparent 75%, transparent);
    background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                        transparent 75%, transparent);
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                        transparent 75%, transparent);

    -webkit-animation: animate-stripes 3s linear infinite;
    -moz-animation: animate-stripes 3s linear infinite;
}

@-webkit-keyframes animate-stripes {
    0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}


@-moz-keyframes animate-stripes {
    0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}

.ul_grid_2{
    margin:0px;
    padding:0px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.ul_grid_2>li{
    list-style:none;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}


.no_select{
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.light_green{
    color: #DCEDC8 !important;
}

.light_red{
    color: #FFAB91 !important;
}


.change_users{
    max-width:500px;
    width:100%;
    margin:5px auto;
    display: block;
}
@media only screen and (max-width:1000px) {
    .change_users{

    }
}

.workers_ul{
    margin:0px;
    padding:0px;
    text-align:center;
}
.workers_ul>li{
    list-style:none;
    display:inline-block;
    width:300px;
    height:auto;
    margin-bottom:50px;
    vertical-align:top;
}
.workers_ul>li>div{
    text-align:center;
}
.workers_ul>li>div>a>img{
    max-width:300px !important;
    max-height:200px !important;
    -webkit-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.75);
}
.workers_ul>li>b{
    display:block;
    font-size:16px;
    line-height:16px;
}
.workers_ul>li>u{
    display:block;
}
.workers_ul>li>span{
    display:block;
    font-size:11px;
    line-height:11px;
}
.workers_ul>li>i{
    display:block;
    font-size:11px;
    line-height:11px;
    font-style:normal;
    color:red;
    word-break:break-word;
}
.workers_ul>li>a{
    color:#2196F3;
    font-size:20px;
}
.workers_horizontal>li{
    display:block;
    text-align:left;
    width:100%;
    padding:5px;
    margin-bottom:10px;
}
.workers_horizontal>li>div{
    text-align:left;
}
.workers_horizontal>li>b{
    display:inline-block;
}
.workers_horizontal>li .fa-envelope{
    margin-left:10px;
}

@media only screen and (min-width:800px) {
    .workers_ul>li>div>a>img{
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
}
@media only screen and (max-width:800px) {
    .workers_ul>li{
        width:100%;
    }
    .workers_ul>li>div>a>img{
        max-width:100% !important;
        max-height:100% !important;
    }
}


.user_report{
    margin:0px;
    padding:0px;
    display:block;
    margin-bottom:30px;
    vertical-align:top;
    -webkit-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.75);
}
.user_report .title{
    padding:10px;
    text-align:center;
    font-weight:bold;
    text-transform:uppercase;
}
@media only screen and (max-width:1000px) {
    .user_report .title{
        padding:8px 5px;
    }
}
.user_report .bottom{
    padding:5px;
    text-align:center;
    font-weight:bold;
}
.user_report>ul{
    margin:0px;
    padding:0px;
    /*overflow:auto;
    height:200px;*/
}
.user_report.may_click{
    margin:0px;
    cursor:pointer;
}
.user_report.may_click>ul{
    display:none;
}
.user_report>ul>li{
    list-style:none;
    padding:5px;
}
.user_report>ul>li.mini_title{
    padding: 0px 0px 0px 158px;
    font-weight: bold;
    background-color:#EDE7F6;
}
.user_report>ul>li>span{
    padding:0px 3px;
    display:inline-block;
    width:25%;
    max-width:150px;
    vertical-align:top;
    font-size:11px;
    line-height:11px;
    font-weight:bold;
}
.user_report>ul>li>span>u{
    display:block;
    font-size:10px;
    line-height:10px;
}
.user_report>ul>li>div{
    padding:0px 3px;
    display:inline-block;
    width:75%;
    vertical-align:top;
    font-size:12px;
    line-height:12px;
}
@media only screen and (max-width:1000px) {
    .user_report>ul>li>span{
        padding:0px 3px;
        display:inline-block;
        width:35%;
    }
    .user_report>ul>li>div{
        padding:0px 3px;
        display:inline-block;
        width:65%;
    }
}
.user_report .bottom{
    opacity:0.5;
}
.user_report_red .title,.user_report_red .bottom{
    background-color:#F44336;
    color:#ffffff;
    text-shadow:1px 1px 1px rgba(0,0,0,0.4);
}
.user_report_green .title,.user_report_green .bottom{
    background-color:#4CAF50;
    color:#ffffff;
    text-shadow:1px 1px 1px rgba(0,0,0,0.4);
}
.user_report_teal .title,.user_report_teal .bottom{
    background-color:#009688;
    color:#ffffff;
    text-shadow:1px 1px 1px rgba(0,0,0,0.4);
}
.user_report_pink .title,.user_report_pink .bottom{
    background-color:#E91E63;
    color:#ffffff;
    text-shadow:1px 1px 1px rgba(0,0,0,0.4);
}
.user_report_purple .title,.user_report_purple .bottom{
    background-color:#673AB7;
    color:#ffffff;
    text-shadow:1px 1px 1px rgba(0,0,0,0.4);
}
.user_report_indigo .title,.user_report_indigo .bottom{
    background-color:#3F51B5;
    color:#ffffff;
    text-shadow:1px 1px 1px rgba(0,0,0,0.4);
}


.select_adm_mag>select{
    outline: none;
    vertical-align: top;
    margin-top: 1px;
    color: black;
    width: 90px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    margin-left:5px;
    margin-right:5px;
}

@media only screen and (max-width:1000px) {
    .select_adm_mag{
        width:100%;
    }
    .select_adm_mag>select{
        width:95%;
        display:block;
        margin:0px 10px;
        font-size:14px;
        line-height:14px;
        margin-top:5px;margin-bottom:5px;
    }
}


.workers_filter{
    text-align:center;
    margin:10px 0px 20px;
}
.workers_filter>label{
    padding:10px 20px;
    background-color:#00BCD4;
    display: inline-block;
    color:#ffffff;
    border-right:1px solid #ffffff;
}
.workers_filter>label>i{
    font-size:20px;
    vertical-align: middle;
}
.workers_filter>input{
    display:none;
}

@media only screen and (max-width:600px) {
    .workers_filter{
        margin: 3px 0px 5px;
    }
    .workers_filter>label{
        padding: 7px 7px;
        font-size: 10px;
        line-height: 10px;
    }
    .workers_filter>label>i{
        font-size:16px;
    }
}

.find_by_adress>i{
    font-size:20px;
    vertical-align:middle;
    color:#2196F3;
}


.ponarth_webmail_iframe{
    width:100%;
    height:100%;
    min-height:300px;
    overflow:auto;
    border:0px;
}

.srok_red{
    background-color:red;
    color:#ffffff !important;
}
.srok_red>div{
    color:#ffffff !important;
}
.srok_orange{
    background-color:#FFB74D;
}
.srok_orange>div{
}


.kassa_new_ul{
    margin:0px;
    padding:0px;
    min-height:100%;
    border-bottom:1px solid #d0d0d0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.kassa_new_ul>li{
    list-style:none;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}
.kassa_new_ul>li.base_info{
    min-width: 300px;
    padding:5px;
    border-right:1px solid #d0d0d0;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    font-size:12px;
    line-height:12px;
}
.kassa_new_ul>li.base{
    border-right:1px solid #d0d0d0;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width:100%;
}
.kassa_new_ul_red>li.base{
    background-color:#FFAB91;
}
.kassa_new_ul_green>li.base{
    background-color:#AED581;
}
.kassa_new_ul_indigo>li.base{
    background-color:#C5CAE9;
}
.kassa_new_ul>li.base_basket{
    min-width:400px;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    max-width:15%;
}
.kassa_new_ul>li.base>div:first-child{
    border-bottom:1px solid #d0d0d0;
}
@media only screen and (max-width:1300px) {
    .kassa_new_ul>li.base_basket{
        min-width:300px;
    }
}
@media only screen and (max-width:1000px) {
    .kassa_new_ul{
        min-height:initial;
        border-bottom:0px;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .kassa_new_ul>li{
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }
    .kassa_new_ul>li.base_basket{
        min-width:100%;
    }
    .kassa_new_ul>li.base{
        border:0px;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
    .kassa_new_ul>li.base_basket{
        border-bottom:1px solid #d0d0d0;
        padding-bottom:10px;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }
    .kassa_new_ul>li.base_info{
        border:0px;
        border-top:1px solid #d0d0d0;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }
}


.magazines_ul{
    margin:0px;
    padding:0px;
}
.magazines_ul>li{
    vertical-align:top;
    display:inline-block;
    width:800px;
    height:300px;
    overflow:hidden;
    overflow-y:auto;
    border:1px solid #d0d0d0;
    font-size:12px;
    line-height:14px;
    position:relative;
    margin:5px;
}
@media only screen and (max-width:800px) {
    .magazines_ul>li{
        width:calc(100% - 10px);
        height:auto;
    }
}
.magazines_ul>li>.title{

}
.magazines_ul>li>.title>span{
    margin-left:5px;
    font-size:14px;
    line-height:14px;
}
.magazines_ul>li>.title>span>b{
    text-decoration:none;
}
.magazines_ul>li>.title>a{
    position:absolute;
    top:2px;
    right:2px;
}

.scroll{
    overflow-x:auto !important;
}


.toggle_dolg{
    color:#1565C0;
    text-decoration:underline;
    display:inline-block;
    cursor:pointer;
}
.toggle_dolg_div{
    margin-top: 10px;
    display:none;
}

.toggle_prod{
    margin:10px 0px;
    color:#1565C0;
    text-decoration:underline;
    display:block;
    cursor:pointer;
}
.toggle_prod_div{
    margin-top: 10px;
    display:none;
}

.ya_profile_photo{
    max-height:31px;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom:0px;
    margin:auto;
}

.discount_ul_dop{
    margin:0px;
    padding:8px 0px;
    list-style:none;
    text-align:center;
    font-size:18px;
    line-height:20px;
    background-color:#A5D6A7;
    text-shadow:1px 1px 1px rgba(0,0,0,0.5);
    color:#ffffff;
    border-left:2px solid #388E3C;
    border-right:2px solid #388E3C;
}

.have_shtrih{
    font-size:11px;
    line-height:11px;
    display:block;
    font-weight:bold;
    margin-top:5px;
    color:#9C27B0;
}

.renat_index{
    max-width:1400px;
    margin:auto;
}
.renat_info{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.renat_info>div{
    cursor:pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-shadow: inset 0px 0px 38px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 0px 38px -8px rgba(0,0,0,0.75);
    box-shadow: inset 0px 0px 38px -8px rgba(0,0,0,0.75);
    min-width:200px;
    width:25%;
    height:234px;
    position:relative;
}
@media only screen and (max-width:1100px) {
    .renat_info>div{
        width:33.33%;
    }
}
@media only screen and (max-width:800px) {
    .renat_info>div{
        width:50%;
    }
}
@media only screen and (max-width:600px) {
    .renat_info>div{
        width:100%;
    }
}
.renat_info>div.kassa_info{
    background-color:#689F38;
}
.renat_info>div.earn_day_info{
    background-color:#388E3C;
}
.renat_info>div.earn_month_info{
    background-color:#4CAF50;
}
.renat_info>div.dolg_info{
    background-color:#FF8A65;
}
.renat_info>div.worker_info{
    background-color:#689F38;
}
.renat_info>div.client_info{
    background:#689F38;
}

.renat_info>div>div{
    padding:30px;
}
.renat_info>div>div>span{
    display:block;
    font-weight:300;
    font-size:40px;
    line-height:40px;
    color:#ffffff;
    text-shadow:2px 2px 1px rgba(0,0,0,0.3);
}
.renat_info>div>div>div{
    display:none;
}
.renat_info>div>div>section{
    text-align:center;
    color:#ffffff;
}
.renat_info>div>div>section>div{
    margin-top:20px;
    display:block;
    font-weight:300;
    font-size:60px;
    line-height:60px;
    text-shadow:2px 2px 1px rgba(0,0,0,0.3);
}
.renat_info>div>div>section>span{
    margin-top:10px;
    display:block;
    font-weight:300;
    text-shadow:2px 2px 1px rgba(0,0,0,0.3);
}

.renat_black{
    background-color:#000000;
    height: calc(100% - 33px);
}

.ul_string{
    margin:0px;
    padding:0px;
    white-space: nowrap;
}
.ul_string>li{
    list-style:none;
    width:25%;
    display: inline-block;
    white-space: normal;
    word-break: break-word;
    padding: 1px 3px;
    vertical-align:middle;
}
.ul_string>li:first-child{
    width:50%;
}


.index_modal{
    position:fixed;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    z-index:600;
}

.index_modal .overlay{
    position:absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    z-index:601;
    background-color:rgba(0,0,0,0.8);
}

.index_modal .content{
    height: 100%;
}
.index_modal .content>div{
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.index_modal .content>div>div{
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    z-index: 602;
    position: relative;
    background-color: #ffffff;
    width:1000px;
    height:500px;
}


[class*=hint--] {
    position: relative;
    display: inline-block
}

[class*=hint--]:after,
[class*=hint--]:before {
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: hidden;
    opacity: 0;
    z-index: 1000000;
    pointer-events: none;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    transition: .3s ease;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

[class*=hint--]:hover:after,
[class*=hint--]:hover:before {
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s
}

[class*=hint--]:before {
    content: '';
    position: absolute;
    background: 0 0;
    border: 6px solid transparent;
    z-index: 1000001
}

[class*=hint--]:after {
    background: #383838;
    color: #fff;
    padding: 8px 10px;
    font-family: 'Open Sans', Tahoma, Sans-serif;
    font-weight:400 !important;
    font-size: 12px !important;
    line-height: 13px !important;
    text-align:left !important;
    white-space: nowrap;
    text-shadow: 0 -1px 0 #000;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, .3)
}

.isMobile [class*=hint--]:after,
.isMobile [class*=hint--]:before {
    display:none !important;
}
.isMobile [class*=hint--]:after {
    display:none !important;
}

[class*=hint--][aria-label]:after {
    content: attr(aria-label)
}

[class*=hint--][data-hint]:after {
    content: attr(data-hint)
}

[aria-label='']:after,
[aria-label='']:before,
[data-hint='']:after,
[data-hint='']:before {
    display: none!important
}

.hint--top-left:before,
.hint--top-right:before,
.hint--top:before {
    border-top-color: #383838
}

.hint--bottom-left:before,
.hint--bottom-right:before,
.hint--bottom:before {
    border-bottom-color: #383838
}

.hint--top:after,
.hint--top:before {
    bottom: 100%;
    left: 50%
}

.hint--top:before {
    margin-bottom: -11px;
    left: calc(50% - 6px)
}

.hint--top:after {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%)
}

.hint--top:hover:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--top:hover:after {
    -webkit-transform: translateX(-50%) translateY(-8px);
    -moz-transform: translateX(-50%) translateY(-8px);
    transform: translateX(-50%) translateY(-8px)
}

.hint--bottom:after,
.hint--bottom:before {
    top: 100%;
    left: 50%
}

.hint--bottom:before {
    margin-top: -11px;
    left: calc(50% - 6px)
}

.hint--bottom:after {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%)
}

.hint--bottom:hover:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--bottom:hover:after {
    -webkit-transform: translateX(-50%) translateY(8px);
    -moz-transform: translateX(-50%) translateY(8px);
    transform: translateX(-50%) translateY(8px)
}

.hint--right:before {
    border-right-color: #383838;
    margin-left: -11px;
    margin-bottom: -6px
}

.hint--right:after {
    margin-bottom: -14px
}

.hint--right:after,
.hint--right:before {
    left: 100%;
    bottom: 50%
}

.hint--right:hover:after,
.hint--right:hover:before {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    transform: translateX(8px)
}

.hint--left:before {
    border-left-color: #383838;
    margin-right: -11px;
    margin-bottom: -6px
}

.hint--left:after {
    margin-bottom: -14px
}

.hint--left:after,
.hint--left:before {
    right: 100%;
    bottom: 50%
}

.hint--left:hover:after,
.hint--left:hover:before {
    -webkit-transform: translateX(-8px);
    -moz-transform: translateX(-8px);
    transform: translateX(-8px)
}

.hint--top-left:after,
.hint--top-left:before {
    bottom: 100%;
    left: 50%
}

.hint--top-left:before {
    margin-bottom: -11px;
    left: calc(50% - 6px)
}

.hint--top-left:after {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    margin-left: 12px
}

.hint--top-left:hover:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--top-left:hover:after {
    -webkit-transform: translateX(-100%) translateY(-8px);
    -moz-transform: translateX(-100%) translateY(-8px);
    transform: translateX(-100%) translateY(-8px)
}

.hint--top-right:after,
.hint--top-right:before {
    bottom: 100%;
    left: 50%
}

.hint--top-right:before {
    margin-bottom: -11px;
    left: calc(50% - 6px)
}

.hint--top-right:after {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    margin-left: -12px
}

.hint--top-right:hover:after,
.hint--top-right:hover:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--bottom-left:after,
.hint--bottom-left:before {
    top: 100%;
    left: 50%
}

.hint--bottom-left:before {
    margin-top: -11px;
    left: calc(50% - 6px)
}

.hint--bottom-left:after {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    margin-left: 12px
}

.hint--bottom-left:hover:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--bottom-left:hover:after {
    -webkit-transform: translateX(-100%) translateY(8px);
    -moz-transform: translateX(-100%) translateY(8px);
    transform: translateX(-100%) translateY(8px)
}

.hint--bottom-right:after,
.hint--bottom-right:before {
    top: 100%;
    left: 50%
}

.hint--bottom-right:before {
    margin-top: -11px;
    left: calc(50% - 6px)
}

.hint--bottom-right:after {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    margin-left: -12px
}

.hint--bottom-right:hover:after,
.hint--bottom-right:hover:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--large:after,
.hint--medium:after,
.hint--small:after {
    white-space: normal;
    line-height: 1.4em
}

.hint--small:after {
    width: 80px
}

.hint--medium:after {
    width: 150px
}

.hint--large:after {
    width: 300px
}

.hint--error:after {
    background-color: #b34e4d;
    text-shadow: 0 -1px 0 #592726
}

.hint--error.hint--top-left:before,
.hint--error.hint--top-right:before,
.hint--error.hint--top:before {
    border-top-color: #b34e4d
}

.hint--error.hint--bottom-left:before,
.hint--error.hint--bottom-right:before,
.hint--error.hint--bottom:before {
    border-bottom-color: #b34e4d
}

.hint--error.hint--left:before {
    border-left-color: #b34e4d
}

.hint--error.hint--right:before {
    border-right-color: #b34e4d
}

.hint--warning:after {
    background-color: #c09854;
    text-shadow: 0 -1px 0 #6c5328
}

.hint--warning.hint--top-left:before,
.hint--warning.hint--top-right:before,
.hint--warning.hint--top:before {
    border-top-color: #c09854
}

.hint--warning.hint--bottom-left:before,
.hint--warning.hint--bottom-right:before,
.hint--warning.hint--bottom:before {
    border-bottom-color: #c09854
}

.hint--warning.hint--left:before {
    border-left-color: #c09854
}

.hint--warning.hint--right:before {
    border-right-color: #c09854
}

.hint--info:after {
    background-color: #3986ac;
    text-shadow: 0 -1px 0 #1a3c4d
}

.hint--info.hint--top-left:before,
.hint--info.hint--top-right:before,
.hint--info.hint--top:before {
    border-top-color: #3986ac
}

.hint--info.hint--bottom-left:before,
.hint--info.hint--bottom-right:before,
.hint--info.hint--bottom:before {
    border-bottom-color: #3986ac
}

.hint--info.hint--left:before {
    border-left-color: #3986ac
}

.hint--info.hint--right:before {
    border-right-color: #3986ac
}

.hint--success:after {
    background-color: #458746;
    text-shadow: 0 -1px 0 #1a321a
}

.hint--success.hint--top-left:before,
.hint--success.hint--top-right:before,
.hint--success.hint--top:before {
    border-top-color: #458746
}

.hint--success.hint--bottom-left:before,
.hint--success.hint--bottom-right:before,
.hint--success.hint--bottom:before {
    border-bottom-color: #458746
}

.hint--success.hint--left:before {
    border-left-color: #458746
}

.hint--success.hint--right:before {
    border-right-color: #458746
}

.hint--always:after,
.hint--always:before {
    opacity: 1;
    visibility: visible
}

.hint--always.hint--top:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--always.hint--top:after {
    -webkit-transform: translateX(-50%) translateY(-8px);
    -moz-transform: translateX(-50%) translateY(-8px);
    transform: translateX(-50%) translateY(-8px)
}

.hint--always.hint--top-left:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--always.hint--top-left:after {
    -webkit-transform: translateX(-100%) translateY(-8px);
    -moz-transform: translateX(-100%) translateY(-8px);
    transform: translateX(-100%) translateY(-8px)
}

.hint--always.hint--top-right:after,
.hint--always.hint--top-right:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--always.hint--bottom:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--always.hint--bottom:after {
    -webkit-transform: translateX(-50%) translateY(8px);
    -moz-transform: translateX(-50%) translateY(8px);
    transform: translateX(-50%) translateY(8px)
}

.hint--always.hint--bottom-left:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--always.hint--bottom-left:after {
    -webkit-transform: translateX(-100%) translateY(8px);
    -moz-transform: translateX(-100%) translateY(8px);
    transform: translateX(-100%) translateY(8px)
}

.hint--always.hint--bottom-right:after,
.hint--always.hint--bottom-right:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--always.hint--left:after,
.hint--always.hint--left:before {
    -webkit-transform: translateX(-8px);
    -moz-transform: translateX(-8px);
    transform: translateX(-8px)
}

.hint--always.hint--right:after,
.hint--always.hint--right:before {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    transform: translateX(8px)
}

.hint--rounded:after {
    border-radius: 4px
}

.hint--no-animate:after,
.hint--no-animate:before {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    transition-duration: 0s
}

.hint--bounce:after,
.hint--bounce:before {
    -webkit-transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s cubic-bezier(.71, 1.7, .77, 1.24);
    -moz-transition: opacity .3s ease, visibility .3s ease, -moz-transform .3s cubic-bezier(.71, 1.7, .77, 1.24);
    transition: opacity .3s ease, visibility .3s ease, transform .3s cubic-bezier(.71, 1.7, .77, 1.24)
}

.mess_forward{
    color:#03A9F4;
}


.info{
    text-align:left;
    white-space:normal;
    background-color:#4DB6AC;
    padding: 15px 0px;
    position: relative;
    margin:5px 5px;
    font-size:14px;
    line-height:16px;
    border-bottom:2px solid #009688;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.info::before{
    content: "\f129";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    line-height: 18px;
    color: #ffffff;
    position: absolute;
    left: 17px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.info>span{
    padding:0px 5px 0px 44px;
    color:#ffffff;
    overflow: hidden;
    display: block;
    text-shadow:1px 1px 1px rgba(0,0,0,0.3);
}
@media only screen and (max-width:1000px) {
    .info{
        font-size:12px;
        line-height:13px;
    }
}
@media only screen and (max-width:500px) {
    .info{
        font-size:11px;
        line-height:11px;
    }
}

.ponarth_zp_pay{
    max-width:800px;
    width:100%;
    margin:30px auto 0px;
    text-align:center;
}
.ponarth_zp_pay>h1{
    margin: 0px 0px 40px;
    padding: 0px;
    display: block;
    font-weight: 400;
    text-transform: uppercase;
}
.ponarth_zp_pay>h1>span{
    text-transform: none;
    font-size:20px;
    vertical-align: top;
    color:#3F51B5;
}
.ponarth_zp_pay>ul{
    margin:0px;
    padding:0px;
}
.ponarth_zp_pay>ul>li{
    vertical-align:top;
    list-style:none;
    width:50%;
    display:inline-block;
}
.ponarth_zp_pay>ul>li>span{
    display:block;
    font-size:14px;
    line-height:14px;
    font-weight:300;
}
.ponarth_zp_pay>ul>li>u{
    text-decoration:none;
    font-size:50px;
    line-height:50px;
    color:#388E3C;
    font-weight:300;
}
.ponarth_zp_pay>ul>li>ul{
    margin:0px;
    padding:0px;
    display:block;
    text-align:center;
}
.ponarth_zp_pay>ul>li>ul>li{
    list-style:none;
    cursor:pointer;
    padding: 5px 5px;
    color:#00BFA5;
    font-size:20px;
    border-right:1px solid #e0e0e0;
    border-bottom:1px solid #e0e0e0;
    border-top:1px solid #e0e0e0;
}
.ponarth_zp_pay>ul>li>ul>li:first-child{
    border-left:1px solid #e0e0e0;

}

.new_cards_div{
    margin-top:20px;
}
.new_cards_div>span{
}
.new_cards_div>div{
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 18px;
    padding: 10px 0px !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
    font-weight: bold;
    background-color: #8BC34A;
    color: #ffffff;
    text-transform: uppercase;
    cursor:pointer;
}
.new_cards_div>div:hover{
    background-color: #7CB342;
}


.add_sotrudnik{
    cursor:pointer;
    padding:10px;
    border:1px solid rgba(0,0,0,0);
}
.add_sotrudnik:hover{
    border:1px solid rgba(0,0,0,0.3);
}
.add_sotrudnik>i{
    font-size:50px;
    color:#3F51B5;
}

.workers_exit{
    margin:20px 0px 0px 0px;
    padding:0px;
    text-align:left;
}
.workers_exit>li{
    list-style:none;
    border:1px solid rgba(0,0,0,0.3);
    padding: 5px 15px;
    position:relative;
    margin: 10px 0px;
}
.workers_exit>li>div{
    font-size:18px;
    line-height:20px;
}
.workers_exit>li>span{
    font-size:12px;
    line-height:14px;
    font-weight:300;
}
.workers_exit>li>i{
    color:#F44336;
    cursor:pointer;
    position:absolute;
    top:8px;
    right:8px;
    font-size:18px;
    font-style:normal;
    padding:5px;
    border:1px solid rgba(0,0,0,0);
}
.workers_exit>li>i:hover{
    border:1px solid rgba(0,0,0,0.3);
}

.minimal_table{
    width:100%;
}
.minimal_table td{
    padding: 4px 5px;
    border:1px solid #eaeaea;
    font-size:12px;
    line-height:12px;
}
.minimal_table td.left{
    text-align:left;
}
.minimal_table td.right{
    text-align:right;
}
.minimal_table td.center{
    text-align:center;
}
.minimal_table thead td{
    font-weight:bold;
    text-align:center;
    font-size:10px;
    line-height:10px;
}
.minimal_table tbody td{

}

@media only screen and (max-width:1000px) {
    .minimal_table thead th,.nice_table td{
        word-break:break-word;
        font-size:11px;
        line-height:12px;
    }
    .minimal_table thead th,.nice_table thead td{
        padding: 5px 2px;
        max-height:30px;
        overflow:hidden;
    }
    .minimal_table tbody td{
        padding: 3px 5px;
    }
}
@media only screen and (max-width:500px) {
    .minimal_table td{
        font-size: 9px;
        line-height: 10px;
    }
}


.nice_button{
    vertical-align:middle;
    cursor: pointer;
    padding: 5px 5px;
    color: #00BFA5;
    font-size: 20px;
    border: 1px solid #d0d0d0;
}
.isComp .nice_button:hover{
    border: 1px solid #000000;
}


.no_action{
    background-color:#ffffff !important;
}




td.have_sort{
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor:pointer;
}
td.have_sort:after{
    font: normal normal normal 14px/1 FontAwesome;
    content:"\f0dc";
    font-size: 12px;
    line-height: 12px;
    margin-left: 5px;
}
td[aria-sort="descending"]:after{
    font: normal normal normal 14px/1 FontAwesome;
    content:"\f160";
    color:red;
    font-size: 12px;
    line-height: 12px;
    margin-left: 5px;
}
td[aria-sort="ascending"]:after{
    font: normal normal normal 14px/1 FontAwesome;
    content:"\f161";
    color:red;
    font-size: 12px;
    line-height: 12px;
    margin-left: 5px;
}






@font-face {
    font-family: 'Pe-icon-7-stroke';
    src:url('/fonts/Pe-icon-7-stroke.eot?d7yf1v');
    src:url('/fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v') format('embedded-opentype'),
        url('/fonts/Pe-icon-7-stroke.woff?d7yf1v') format('woff'),
        url('/fonts/Pe-icon-7-stroke.ttf?d7yf1v') format('truetype'),
        url('/fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="pe-7s-"], [class*=" pe-7s-"] {
    font-family: 'Pe-icon-7-stroke';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.pe-7s-album:before {
    content: "\e6aa";
}
.pe-7s-arc:before {
    content: "\e6ab";
}
.pe-7s-back-2:before {
    content: "\e6ac";
}
.pe-7s-bandaid:before {
    content: "\e6ad";
}
.pe-7s-car:before {
    content: "\e6ae";
}
.pe-7s-diamond:before {
    content: "\e6af";
}
.pe-7s-door-lock:before {
    content: "\e6b0";
}
.pe-7s-eyedropper:before {
    content: "\e6b1";
}
.pe-7s-female:before {
    content: "\e6b2";
}
.pe-7s-gym:before {
    content: "\e6b3";
}
.pe-7s-hammer:before {
    content: "\e6b4";
}
.pe-7s-headphones:before {
    content: "\e6b5";
}
.pe-7s-helm:before {
    content: "\e6b6";
}
.pe-7s-hourglass:before {
    content: "\e6b7";
}
.pe-7s-leaf:before {
    content: "\e6b8";
}
.pe-7s-magic-wand:before {
    content: "\e6b9";
}
.pe-7s-male:before {
    content: "\e6ba";
}
.pe-7s-map-2:before {
    content: "\e6bb";
}
.pe-7s-next-2:before {
    content: "\e6bc";
}
.pe-7s-paint-bucket:before {
    content: "\e6bd";
}
.pe-7s-pendrive:before {
    content: "\e6be";
}
.pe-7s-photo:before {
    content: "\e6bf";
}
.pe-7s-piggy:before {
    content: "\e6c0";
}
.pe-7s-plugin:before {
    content: "\e6c1";
}
.pe-7s-refresh-2:before {
    content: "\e6c2";
}
.pe-7s-rocket:before {
    content: "\e6c3";
}
.pe-7s-settings:before {
    content: "\e6c4";
}
.pe-7s-shield:before {
    content: "\e6c5";
}
.pe-7s-smile:before {
    content: "\e6c6";
}
.pe-7s-usb:before {
    content: "\e6c7";
}
.pe-7s-vector:before {
    content: "\e6c8";
}
.pe-7s-wine:before {
    content: "\e6c9";
}
.pe-7s-cloud-upload:before {
    content: "\e68a";
}
.pe-7s-cash:before {
    content: "\e68c";
}
.pe-7s-close:before {
    content: "\e680";
}
.pe-7s-bluetooth:before {
    content: "\e68d";
}
.pe-7s-cloud-download:before {
    content: "\e68b";
}
.pe-7s-way:before {
    content: "\e68e";
}
.pe-7s-close-circle:before {
    content: "\e681";
}
.pe-7s-id:before {
    content: "\e68f";
}
.pe-7s-angle-up:before {
    content: "\e682";
}
.pe-7s-wristwatch:before {
    content: "\e690";
}
.pe-7s-angle-up-circle:before {
    content: "\e683";
}
.pe-7s-world:before {
    content: "\e691";
}
.pe-7s-angle-right:before {
    content: "\e684";
}
.pe-7s-volume:before {
    content: "\e692";
}
.pe-7s-angle-right-circle:before {
    content: "\e685";
}
.pe-7s-users:before {
    content: "\e693";
}
.pe-7s-angle-left:before {
    content: "\e686";
}
.pe-7s-user-female:before {
    content: "\e694";
}
.pe-7s-angle-left-circle:before {
    content: "\e687";
}
.pe-7s-up-arrow:before {
    content: "\e695";
}
.pe-7s-angle-down:before {
    content: "\e688";
}
.pe-7s-switch:before {
    content: "\e696";
}
.pe-7s-angle-down-circle:before {
    content: "\e689";
}
.pe-7s-scissors:before {
    content: "\e697";
}
.pe-7s-wallet:before {
    content: "\e600";
}
.pe-7s-safe:before {
    content: "\e698";
}
.pe-7s-volume2:before {
    content: "\e601";
}
.pe-7s-volume1:before {
    content: "\e602";
}
.pe-7s-voicemail:before {
    content: "\e603";
}
.pe-7s-video:before {
    content: "\e604";
}
.pe-7s-user:before {
    content: "\e605";
}
.pe-7s-upload:before {
    content: "\e606";
}
.pe-7s-unlock:before {
    content: "\e607";
}
.pe-7s-umbrella:before {
    content: "\e608";
}
.pe-7s-trash:before {
    content: "\e609";
}
.pe-7s-tools:before {
    content: "\e60a";
}
.pe-7s-timer:before {
    content: "\e60b";
}
.pe-7s-ticket:before {
    content: "\e60c";
}
.pe-7s-target:before {
    content: "\e60d";
}
.pe-7s-sun:before {
    content: "\e60e";
}
.pe-7s-study:before {
    content: "\e60f";
}
.pe-7s-stopwatch:before {
    content: "\e610";
}
.pe-7s-star:before {
    content: "\e611";
}
.pe-7s-speaker:before {
    content: "\e612";
}
.pe-7s-signal:before {
    content: "\e613";
}
.pe-7s-shuffle:before {
    content: "\e614";
}
.pe-7s-shopbag:before {
    content: "\e615";
}
.pe-7s-share:before {
    content: "\e616";
}
.pe-7s-server:before {
    content: "\e617";
}
.pe-7s-search:before {
    content: "\e618";
}
.pe-7s-film:before {
    content: "\e6a5";
}
.pe-7s-science:before {
    content: "\e619";
}
.pe-7s-disk:before {
    content: "\e6a6";
}
.pe-7s-ribbon:before {
    content: "\e61a";
}
.pe-7s-repeat:before {
    content: "\e61b";
}
.pe-7s-refresh:before {
    content: "\e61c";
}
.pe-7s-add-user:before {
    content: "\e6a9";
}
.pe-7s-refresh-cloud:before {
    content: "\e61d";
}
.pe-7s-paperclip:before {
    content: "\e69c";
}
.pe-7s-radio:before {
    content: "\e61e";
}
.pe-7s-note2:before {
    content: "\e69d";
}
.pe-7s-print:before {
    content: "\e61f";
}
.pe-7s-network:before {
    content: "\e69e";
}
.pe-7s-prev:before {
    content: "\e620";
}
.pe-7s-mute:before {
    content: "\e69f";
}
.pe-7s-power:before {
    content: "\e621";
}
.pe-7s-medal:before {
    content: "\e6a0";
}
.pe-7s-portfolio:before {
    content: "\e622";
}
.pe-7s-like2:before {
    content: "\e6a1";
}
.pe-7s-plus:before {
    content: "\e623";
}
.pe-7s-left-arrow:before {
    content: "\e6a2";
}
.pe-7s-play:before {
    content: "\e624";
}
.pe-7s-key:before {
    content: "\e6a3";
}
.pe-7s-plane:before {
    content: "\e625";
}
.pe-7s-joy:before {
    content: "\e6a4";
}
.pe-7s-photo-gallery:before {
    content: "\e626";
}
.pe-7s-pin:before {
    content: "\e69b";
}
.pe-7s-phone:before {
    content: "\e627";
}
.pe-7s-plug:before {
    content: "\e69a";
}
.pe-7s-pen:before {
    content: "\e628";
}
.pe-7s-right-arrow:before {
    content: "\e699";
}
.pe-7s-paper-plane:before {
    content: "\e629";
}
.pe-7s-delete-user:before {
    content: "\e6a7";
}
.pe-7s-paint:before {
    content: "\e62a";
}
.pe-7s-bottom-arrow:before {
    content: "\e6a8";
}
.pe-7s-notebook:before {
    content: "\e62b";
}
.pe-7s-note:before {
    content: "\e62c";
}
.pe-7s-next:before {
    content: "\e62d";
}
.pe-7s-news-paper:before {
    content: "\e62e";
}
.pe-7s-musiclist:before {
    content: "\e62f";
}
.pe-7s-music:before {
    content: "\e630";
}
.pe-7s-mouse:before {
    content: "\e631";
}
.pe-7s-more:before {
    content: "\e632";
}
.pe-7s-moon:before {
    content: "\e633";
}
.pe-7s-monitor:before {
    content: "\e634";
}
.pe-7s-micro:before {
    content: "\e635";
}
.pe-7s-menu:before {
    content: "\e636";
}
.pe-7s-map:before {
    content: "\e637";
}
.pe-7s-map-marker:before {
    content: "\e638";
}
.pe-7s-mail:before {
    content: "\e639";
}
.pe-7s-mail-open:before {
    content: "\e63a";
}
.pe-7s-mail-open-file:before {
    content: "\e63b";
}
.pe-7s-magnet:before {
    content: "\e63c";
}
.pe-7s-loop:before {
    content: "\e63d";
}
.pe-7s-look:before {
    content: "\e63e";
}
.pe-7s-lock:before {
    content: "\e63f";
}
.pe-7s-lintern:before {
    content: "\e640";
}
.pe-7s-link:before {
    content: "\e641";
}
.pe-7s-like:before {
    content: "\e642";
}
.pe-7s-light:before {
    content: "\e643";
}
.pe-7s-less:before {
    content: "\e644";
}
.pe-7s-keypad:before {
    content: "\e645";
}
.pe-7s-junk:before {
    content: "\e646";
}
.pe-7s-info:before {
    content: "\e647";
}
.pe-7s-home:before {
    content: "\e648";
}
.pe-7s-help2:before {
    content: "\e649";
}
.pe-7s-help1:before {
    content: "\e64a";
}
.pe-7s-graph3:before {
    content: "\e64b";
}
.pe-7s-graph2:before {
    content: "\e64c";
}
.pe-7s-graph1:before {
    content: "\e64d";
}
.pe-7s-graph:before {
    content: "\e64e";
}
.pe-7s-global:before {
    content: "\e64f";
}
.pe-7s-gleam:before {
    content: "\e650";
}
.pe-7s-glasses:before {
    content: "\e651";
}
.pe-7s-gift:before {
    content: "\e652";
}
.pe-7s-folder:before {
    content: "\e653";
}
.pe-7s-flag:before {
    content: "\e654";
}
.pe-7s-filter:before {
    content: "\e655";
}
.pe-7s-file:before {
    content: "\e656";
}
.pe-7s-expand1:before {
    content: "\e657";
}
.pe-7s-exapnd2:before {
    content: "\e658";
}
.pe-7s-edit:before {
    content: "\e659";
}
.pe-7s-drop:before {
    content: "\e65a";
}
.pe-7s-drawer:before {
    content: "\e65b";
}
.pe-7s-download:before {
    content: "\e65c";
}
.pe-7s-display2:before {
    content: "\e65d";
}
.pe-7s-display1:before {
    content: "\e65e";
}
.pe-7s-diskette:before {
    content: "\e65f";
}
.pe-7s-date:before {
    content: "\e660";
}
.pe-7s-cup:before {
    content: "\e661";
}
.pe-7s-culture:before {
    content: "\e662";
}
.pe-7s-crop:before {
    content: "\e663";
}
.pe-7s-credit:before {
    content: "\e664";
}
.pe-7s-copy-file:before {
    content: "\e665";
}
.pe-7s-config:before {
    content: "\e666";
}
.pe-7s-compass:before {
    content: "\e667";
}
.pe-7s-comment:before {
    content: "\e668";
}
.pe-7s-coffee:before {
    content: "\e669";
}
.pe-7s-cloud:before {
    content: "\e66a";
}
.pe-7s-clock:before {
    content: "\e66b";
}
.pe-7s-check:before {
    content: "\e66c";
}
.pe-7s-chat:before {
    content: "\e66d";
}
.pe-7s-cart:before {
    content: "\e66e";
}
.pe-7s-camera:before {
    content: "\e66f";
}
.pe-7s-call:before {
    content: "\e670";
}
.pe-7s-calculator:before {
    content: "\e671";
}
.pe-7s-browser:before {
    content: "\e672";
}
.pe-7s-box2:before {
    content: "\e673";
}
.pe-7s-box1:before {
    content: "\e674";
}
.pe-7s-bookmarks:before {
    content: "\e675";
}
.pe-7s-bicycle:before {
    content: "\e676";
}
.pe-7s-bell:before {
    content: "\e677";
}
.pe-7s-battery:before {
    content: "\e678";
}
.pe-7s-ball:before {
    content: "\e679";
}
.pe-7s-back:before {
    content: "\e67a";
}
.pe-7s-attention:before {
    content: "\e67b";
}
.pe-7s-anchor:before {
    content: "\e67c";
}
.pe-7s-albums:before {
    content: "\e67d";
}
.pe-7s-alarm:before {
    content: "\e67e";
}
.pe-7s-airplay:before {
    content: "\e67f";
}




@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}



.task_workers{
    margin:0px;
    padding:10px;
}
.isMobile .task_workers{
    text-align:center;
}
.task_workers>li{
    position:relative;
    display:inline-block;
    list-style:none;
    width:60px;
    height:60px;
    margin:0px 10px 0px 0px;
}
.isComp .task_workers>li{
    cursor:pointer;
}
.task_workers>li>div{
    opacity:0.6;
    display: block;
    height: 100%;
    background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
}
.isComp .task_workers>li>div{
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.task_workers>li.selected>div, .isComp .task_workers>li:hover>div{
    opacity:1;
}
.task_workers>li>span{
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    /* height: 10px; */
    text-align: center;
    color: #000000;
    background-color: #ffffff;
    padding: 1px 0px;
    font-size: 10px;
    line-height: 10px;
}
.task_workers>li>u{
    position:absolute;
    text-decoration:none;
    top: 0px;
    right: 0px;
    width:16px;
    height:16px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color:#ffffff;
    background-color:#2E7D32;
    padding:2px 0px 0px;
    font-size:11px;
    line-height:11px;
}
.task_workers>li>u.zp{
    width:40px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.task_workers>li>s{
    position: absolute;
    text-decoration: none;
    top: 0px;
    left: 0px;
    width: 8px;
    height: 8px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #ffffff;
    background-color: #2E7D32;
    padding: 2px 0px 0px;
    font-size: 11px;
    line-height: 11px;
}