@font-face {font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans'),url(../fonts/OpenSans-Regular.ttf) format('truetype');}
@font-face {font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'),url(../fonts/OpenSans-Italic.ttf) format('truetype');}
@font-face {font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),url(../fonts/OpenSans-Light.ttf) format('truetype');}
@font-face {font-family:'Open Sans';font-style:italic;font-weight:300;src:local('Open Sans Light Italic'),url(../fonts/OpenSans-LightItalic.ttf) format('truetype');}
@font-face {font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans Semibold'),url(../fonts/OpenSans-Semibold.ttf) format('truetype');}
@font-face {font-family:'Open Sans';font-style:italic;font-weight:600;src:local('Open Sans Semibold Italic'),url(../fonts/OpenSans-SemiboldItalic.ttf) format('truetype');}
@font-face {font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),url(../fonts/OpenSans-Bold.ttf) format('truetype');}
@font-face {font-family:'Open Sans';font-style:italic;font-weight:700;src:local('Open Sans Bold Italic'),url(../fonts/OpenSans-BoldItalic.ttf) format('truetype');}
@font-face {font-family:'Open Sans';font-style:normal;font-weight:800;src:local('Open Sans Extrabold'),url(../fonts/OpenSans-ExtraBold.ttf) format('truetype');}
@font-face {font-family:'Open Sans';font-style:italic;font-weight:800;src:local('Open Sans Extrabold Italic'),url(../fonts/OpenSans-ExtraBoldItalic.ttf) format('truetype');}

/*
@font-face {font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans'),url(../fonts/exo2/exo2.ttf) format('truetype');}
@font-face {font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'),url(../fonts/exo2/exo2italic.ttf) format('truetype');}
@font-face {font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),url(../fonts/exo2/exo2light.ttf) format('truetype');}
@font-face {font-family:'Open Sans';font-style:italic;font-weight:300;src:local('Open Sans Light Italic'),url(../fonts/exo2/exo2lightitalic.ttf) format('truetype');}
@font-face {font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans Semibold'),url(../fonts/exo2/exo2medium.ttf) format('truetype');}
@font-face {font-family:'Open Sans';font-style:italic;font-weight:600;src:local('Open Sans Semibold Italic'),url(../fonts/exo2/exo2mediumitalic.ttf) format('truetype');}
@font-face {font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),url(../fonts/exo2/exo2bold.ttf) format('truetype');}
@font-face {font-family:'Open Sans';font-style:italic;font-weight:700;src:local('Open Sans Bold Italic'),url(../fonts/exo2/exo2bolditalic.ttf) format('truetype');}
@font-face {font-family:'Open Sans';font-style:normal;font-weight:800;src:local('Open Sans Extrabold'),url(../fonts/exo2/exo2extrabold.ttf) format('truetype');}
@font-face {font-family:'Open Sans';font-style:italic;font-weight:800;src:local('Open Sans Extrabold Italic'),url(../fonts/exo2/exo2extrabolditalic.ttf) format('truetype');}
*/
.divSelect{
    height:40px;
    line-height:40px;
    border-bottom: 1px solid #f8f8f8;
    font-weight:600;
    padding: 0 20px;
    color: #333;
}
.divSelect:not(.selected){
    cursor: pointer;
}
.divSelect.selected{
    background: #83F47A;
}
.supp_close{
    background: #83F47A;
    padding:5px 15px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    cursor: pointer;
    color: #fff;
}
.supp_close:hover{
    background: #00ed2a;
}
.support_ticket_table {
    border: 1px solid #e9e9e9;
    border-collapse: collapse;
    margin-bottom: 20px;
}
.support_ticket_table tr td{
    border: 1px solid #e9e9e9;
    padding: 0 5px;
    font-weight: 600;
    word-break: break-all;
}
.support_ticket_table .tr_title{
    background: #ccc;
    color: #555;
}
.support_ticket{
    box-shadow: #ade488 4px 0 0 inset;
    border: 1px solid #aaa;
    background: #fff;
    margin-bottom: 20px;
}
.support_ticket.myanswer{
    box-shadow: #a0a0a0 4px 0 0 inset;
    background: #eee;
}
.st_title{
    background: #ddd;
    padding: 5px 15px;
    border-bottom: 1px solid #aaa;
    font-weight: 600;
}
.st_text{
    padding: 15px;
    white-space: pre-line;
}
.button_save2, .button_apply, .button_back {
    width: 180px;
    height: 35px;
    background: #6fd348;
    line-height: 35px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    border-radius: 3px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
    cursor: pointer;
    display: none;
}
.button_save2:hover{
    background: #7bef4e;
}
.button_apply {
    background: #50aad3;
}
.button_apply:hover{
    background: #62deef;
}
.button_back {
    background: #b8b9c1;
}
.button_back:hover{
    background: #d6d4d4;
}

#city_search_input{
    line-height: 36px;
    width: 100%;
    padding: 0 5px;
    box-sizing: border-box;
}
.city_search_title{
    height:25px;
}
.city_search_title td{
    padding-left:5px;
    border-top:2px solid #ccc;border-bottom: 2px solid #ccc;
    font-weight:600;
}
#city_search_result{height:250px;overflow-y: auto;overflow-x:hidden;border-bottom: 1px solid #ccc;}
#city_search_result tr {
    height:25px;
    cursor: pointer;
}
#city_search_result tr.current {
    background-color: greenyellow;
}
#city_search_result tr:last-child td{
    border-bottom: none;
}
#city_search_result tr td{
    padding-left:5px;
    border-bottom: 1px solid #ccc;
}

.center{text-align:center;}

.span-input ::-webkit-scrollbar,.span-input ::-webkit-scrollbar-corner{background:transparent;width:2px;height:2px;
    display: none !important;}
.span-input ::-webkit-scrollbar-thumb{
    display: none !important;background:#B6B6B6;border-radius:2px;}

*:not(.span-input)::-webkit-scrollbar,*:not(.span-input)::-webkit-scrollbar-corner{background:transparent;width:10px;height:10px;}
*:not(.span-input)::-webkit-scrollbar-thumb{background:#B6B6B6;border-radius:10px;}
*::-webkit-scrollbar-track {
    background-color: transparent;
}
.hide{
    display: none;
}
.hidden {
    display: none!important;
}
#divAddons {
    width: 95px;
    position: absolute;cursor: pointer;color: #333;background: #c3f0ba;right: 5px;top: 12px;font-weight: 600;text-align: center;z-index:1;
}
#routeToMap{
    padding: 2px 10px;
    display: none;
}
#showRoute {
    /*display:none;*/
    position: absolute;
    left: 100%;
    top: -50px;
    margin-left: 5px;
    width: 540px;
    height: 400px;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0px 0px 15px 5px rgb(179, 179, 179);
    -moz-box-shadow: 0px 0px 15px 5px rgb(179, 179, 179);
    box-shadow: 0px 0px 15px 5px rgb(179, 179, 179);
}
.span-input {
    display: inline-block;
    min-width: 60px;
    max-width: 80px;
    padding: 5px 5px;
    text-align: center;
    background: #fff;
    border: 1px solid #ddd;
    overflow-x: auto;
    white-space: nowrap;
    text-align: center;
    font-weight: 700;
}
.f17 {
    font-size:17px;
}
.f18 {
    font-size:18px;
}
.f22 {
    font-size:22px;
}
.aftertime {
    color: #b900ff;
}
.dark {
    color: #333;
}
.overtimed {
    color: #f00;
}
.textarea_sklad_descr {
    resize: vertical;
    width: 100%;
    height: 60px;
    max-height: 80px;
    padding: 10px 0px !important;
    margin-top: 0px;
    margin-bottom: 0px;
}
.textarea_support_topic {
    resize: vertical;
    width: 100%;
    height: 80px;
    max-height: 160px;
    padding: 10px 0px !important;
    margin-top: 0px;
    margin-bottom: 0px;
}
.div_duration_over .status_over,.div_duration_stopped_over .status_over{
    display:block;
}
.div_duration, .div_duration_stopped, .div_duration_stopped_over, .div_duration_over {
    background: none;
    padding: 0 10px;
    line-height: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.status_over {
    display:none;
    width:20px;
    height:20px;
    border-radius:50%;
    background:url(../images/icons.png) 0px -1656px;
    margin-left:10px;
    cursor: pointer;
}
#bond {
    height:100%;width: 55px;border:none;padding: 0 10px;font-weight:600;
}
#frontCont {
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}
#frontCont ::-webkit-scrollbar,#frontCont ::-webkit-scrollbar-corner{width:5px;}
/*body ::-webkit-scrollbar-track{box-shadow:0 0 6px rgba(50,50,50,0.3) inset;}*/

.routeHidden{
    visibility: hidden;
}
.ymaps-2-1-45-i-custom-scroll ::-webkit-scrollbar-thumb, .ymaps-2-1-45-i-custom-scroll ::-webkit-scrollbar-thumb:hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.ymaps-2-1-45-i-custom-scroll ::-webkit-scrollbar {
    width: 8px !important;
}
.diff_stat {
    font-size:15px;
}

.order_score_minus {
    font-size: 15px;font-weight:600;color:#8b1b8b
}
.order_score_plus {
    color:#008000;
}



.kupuraWrap {
    position: absolute;
    height: 33px;
    left: 153px;
    top: 0;
    width: 160px;
    background: #fff;}
.kupura {
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    border: 1px solid #e9e9e9;
    border-radius: 6px;
    color: #333;
    float: left;
    margin: 0px 1px;
    cursor: pointer;
}
::selection{background-color: #f55555;color: #FFF;}::-moz-selection{background-color: #f55555;color: #FFF}
.rotateJ {
    transform: rotate(360deg);
}
.iconChange{
    display:block;
    width:16px;height:16px;
    position:absolute;
    top:5px;right:5px;
    background:url(../images/icons.png) no-repeat 0 -1593px;
    cursor:pointer;
    -webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;

} 
.ymapClusterDiv {
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 10px;
}
.btnSmall {
border: 1px solid #ccc;
    background: #f4f4f4;
    padding: 5px 10px;
    cursor: pointer;
}
.btnSmall:hover {
    background: #f0f0f0;
}
#alert_input_span{
    display:none;
    margin-top:15px;
    clear:both;
}
#alert_input_span input{
    border: 1px solid #ccc;padding: 5px 10px;font-size: 22px;color: #333;width: 150px;
}

#to_top {
    will-change: opacity;
    width: 150px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #ccc;
    border-radius: 10px;
    text-align: center;
    color: #333;
    font-size: 22px;
    font-weight: 200;
    background: #e0e0e0;
    position: absolute;
    right: 50px;
    cursor: pointer;
    display:none;
}
.cl_b {
    margin: 0 0 0 10px;
    padding: 6px;
    border: 1px solid #ccc;
    background: #f4f4f4;
}
.cl_b:hover {
    background: #e2e2e2;
}
.cl_b span {
    width: 18px;
    height: 18px;
    background: url(../images/icons.png) no-repeat top left;
    padding: 0 0 0 18px;
}
.cl_b.pl span{
    background-position: 0px -320px;
}
.cl_b.min span{
    background-position: 0px -338px;
}
.cl_b.stat span{
    background-position: 0px -1424px;
}

.div_cert_info {
    margin-right: 15px;
    border: 1px solid #999;
    background: #fff;
    width: 250px;
    min-height: 50px;
    max-height: 130px;
    padding: 10px;
    position: absolute;
    right: 100%;
    bottom: -70%;
    z-index: 4;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); 
}
   .div_cert_info::before, .div_cert_info::after {
    content: '';
    position: absolute;
    right: -22px;
    bottom: 21px;
    border: 10px solid transparent;
    border-left: 12px solid #999;
   }
   .div_cert_info::after {
    right: -20px;
    border-left: 12px solid white;
   }
#result {
    padding: 0 20px;
}
.action_cost{
    font-size: 18px;
}

.foraccurate {
    display:none;
}



.file_upload{
    position: relative;
    overflow: hidden;
    margin: 0 20px;
    padding: 5px;
    border: 1px solid transparent;
}
.file_upload > button{
    float: right;
    width: 100px;
    height: 35px;
}
.file_upload > div{
    height: 35px;
    line-height: 35px;
    font-weight: 400;
    font-size: 16px;
}
.file_upload input[type=file]{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(20);
    letter-spacing: 10em;     /* IE 9 fix */
    -ms-transform: scale(20); /* IE 9 fix */
    opacity: 0;
    cursor: pointer
}
.file_upload.focus {
    border: 1px solid #48d348;
}

.finded {background:#ffc800;}


.noselect, #pinDiv {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.grabbing {
    cursor: -webkit-grab;
}
.input_hovered {
    border-color: #aaa  !important;
}
.input_focus_yes {
    border: 1px solid #4ad348  !important;
}

.tableForPrint {
    display:none;
}
@media print {
	body {background:#fff;}
	.top {display: none;}
	.menu {display: none;}
	.radius {border:none; box-shadow:none;}
	.tr_title td {text-shadow:none; border-bottom:2px solid #000;}
	.tr td {border-bottom:1px solid #000;}
	.tr_cat td {border-bottom:2px solid #000;}
	.btn_panel {display:none;}
	#noprint {display: none;}
    .tableForPrint{display:table;}
}
#print_frame{
    width:0px;
    height:0px;
    border:0;
}

.statCl_head, .statCl_table td{
    border-bottom: 1px solid #c0c0c0;
}
.f12 {
    font-size: 12px;
}
.f15 {
    font-size: 15px;
}

/*#datepicker td {
    border:none !important;
}*/

.table_noborder td{
    border:none !important;
}

#report_section ul li input[type=radio] {display:none;}
.reportFilterTable {
    background: #f8f8f8;
}
.reportFilterTable td{
    border-bottom: 1px solid #e9e9e9;
}
.order_datime{
    height:40px;width:70px;line-height:40px;
}

.div_pay {
    position: absolute;
    display: none;
    margin-top: -40px;
    margin-left: 40px;
    text-align: left;
    webkit-box-shadow: 0px 4px 10px 0px #e1e1e1;
    -moz-box-shadow: 0px 4px 10px 0px #e1e1e1;
    box-shadow: 0px 4px 10px 0px #e1e1e1;
}


.default_span {
    position:absolute;
    top: 5px;
    right: 5px;
    height: 16px;
    width:16px;
    background: url(../images/icons.png);
    background-position: 0px -993px;
    cursor:pointer;
}
.default_span.gray{
    background-position: 0px -1297px;
}

#alert_ok, #alert_yes, #alert_cancel{
    display:none;
}
.rotate {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);    
}
.alert_icon.error{
    border-color: #F27474;
} 
.alert_icon.warning{
    border-color: #F8BB86;
}
@-webkit-keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }
@-moz-keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }
@keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }
.pulseWarning {
  -webkit-animation: pulseWarning 0.75s infinite alternate;
  -moz-animation: pulseWarning 0.75s infinite alternate;
   animation: pulseWarning 0.75s infinite alternate;
  }

@-webkit-keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }
@-moz-keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }
@keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }
.pulseWarningIns {
  -webkit-animation: pulseWarningIns 0.75s infinite alternate;
  -moz-animation: pulseWarningIns 0.75s infinite alternate;
  animation: pulseWarningIns 0.75s infinite alternate;
  }
  
.alert_icon {
    width: 60px;
    height: 60px;
    border: 4px solid gray;
    border-radius: 50%;
    margin: 5px auto;
    position: relative;
    box-sizing: content-box;
    display:none;
}
.alert_icon .line{
    position: absolute;
    height: 4px;
    width: 38px;
    background-color: #F27474;
    display: block;
    top: 28px;
    border-radius: 2px;
}
.alert_icon .line.right {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 11px;
}
.alert_icon .line.left {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 11px;
}
#alert_body {
    display:none;
    width: 400px;
    min-height: 230px;    
    top: 150px;
    left: 50%;
    background-color: #FFF;
    border-radius: 8px;
    margin-left: -200px;
    padding: 15px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
    position: fixed;
    z-index: 10011;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
    text-align:center;
}
.h2{
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    color: #575757;
    margin: 10px 0;
}
#alert_body #alert_text {
    color: #797979;
    font-size: 16px;
    text-align: center;
    font-weight: 300;
    position: relative;
    margin: 0;
    line-height: normal;
    display: block;
}
.alert_confirm {
    background-color: #AEDEF4;
    color: white;
    border: none;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
    border-radius: 5px;
    padding: 10px 32px;
    margin: 26px 5px 0 5px;
    cursor: pointer;
}

.alert_confirm:focus {
    outline: none;
    box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}
.alert_confirm:hover {
    background-color: #a1d9f2;
}
.alert_confirm:active {
    background-color: #81ccee;
}
.alert_icon.warning .body {
    position: absolute;
    width: 5px;
    height: 27px;
    left: 50%;
    top: 10px;
    border-radius: 2px;
    margin-left: -2px;
    background-color: #F8BB86;
}
.alert_icon.warning .dt {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-left: -3px;
    left: 50%;
    bottom: 10px;
    background-color: #F8BB86;
}
.alert_confirm.cancel {
    background-color: #D0D0D0; 
}
.alert_confirm.cancel:hover {
      background-color: #c8c8c8;
}
.alert_confirm.cancel:active {
      background-color: #b6b6b6; 
}
.alert_confirm.yes {
    background-color: #DF6C56; 
}
.alert_confirm.yes:hover {
      background-color: #D46752;
}
.alert_confirm.yes:active {
      background-color: #BE5C49; 
}






.input_inv{
    text-align: center;
    font-weight: 600;
    border: 1px solid #ddd;
}
.span_head{
    font-size: 20px;
    font-weight: 400;
    line-height: 56px;
    color: #333;
}

#st_search{
    text-overflow: ellipsis; 
    overflow: hidden;  
    white-space: nowrap;
}
#st_search_result {
    position: absolute; top:100%;width:100%;display:none;background: #fff;border: 1px solid #ddd;
}
#st_search_result ul {
    list-style:none; margin:0; padding:0;
}
#st_search_result ul li {
    list-style: none;
    cursor: pointer;
    margin: 0;
    padding: 0 20px;
    height: 40px;
    line-height:40px; 
    text-overflow: ellipsis; 
    overflow: hidden;  
    white-space: nowrap;
}
#st_search_result ul li:hover {
    background: #FFE680;
}
#costsCatTableCont, #costsCatTableCont ul{
    list-style:none;padding:0;margin:0;position:relative;
}
#costsCatTableCont{
    overflow: hidden;
}
#sortCatUl ul, #sortCatModUl ul, #costsCatTableCont ul {
    margin-left: 20px !important;
}
#sortCatUl div, #sortCatModUl div{
    border-bottom: 1px solid #f8f8f8;
}
#costsCatTableCont div {
    border-bottom: 1px solid #e9e9e9;
}
#sortCatUl > li > div, #sortCatModUl > li > div {
    position:relative;
    padding-left:10px !important;
}
#costsCatTableCont > li > div{
    position:relative;
}
#costsCatTableCont ul > li > div {
    position:relative;
}
#sortCatUl ul > li > div, #sortCatModUl ul > li > div{
    position:relative;
    padding-left:20px !important;
    left: -20px;
}
#costsCatTableCont ul > li > ul > li > div{
    position:relative;
}
#sortCatUl ul > li > ul > li > div, #sortCatModUl ul > li > ul > li > div{
    position:relative;
    padding-left:40px !important;
    left: -40px;
}
#costsCatTableCont ul > li > ul > li > ul > li > div{
    position:relative;
}
#sortCatUl ul > li > ul > li > ul > li > div, #sortCatModUl ul > li > ul > li > ul > li > div{
    position:relative;
    padding-left:60px !important;
    left: -60px;
}
.ui-sortable-helper{
    background: #fff9c3;
}

#sortCatUl ul .placeholder, #sortCatModUl ul .placeholder{
    width: calc(100% - 22px);
}
#sortCatUl ul > li > ul .placeholder, #sortCatModUl ul > li > ul .placeholder{
    width: calc(100% - 42px);
}
#sortCatUl ul > li > ul > li > ul .placeholder, #sortCatModUl ul > li > ul > li > ul .placeholder{
    width: calc(100% - 62px);
}
#costsCatTableCont .placeholder{
    margin-left: 60px;
}
.branched > div .podcat_list {
    display:table-cell;
}
.collapsed > ul {
    display:none;
}
.nestedSortable_error {
			background: #fbe3e4;
			border-color: transparent;
}
.collapsed.hovering div {
			border-color: #999;
			background: #fafafa;
}
.expanded > div .podcat_list .icon.list {
    opacity:1;
}
.podcat_2, .podcat_3, .podcat_4, .podcat_icon, .podcat_list  {
    display:none;
}

.placeholder {
			border: 1px dashed #4183C4;
}

#sortCatUl ul .podcat_icon,#costsCatTableCont ul .podcat_icon, #sortCatModUl ul .podcat_icon{
    display:table-cell;
}


#sortCatUl td, #sortCatModUl td {
    overflow: hidden;
    text-overflow: ellipsis;
} 
.branched > ul {
 /*   display: none;*/
}

#sortCatUl, #sortCatUl ul, #sortCatModUl, #sortCatModUl ul {
    list-style: none; list-style-type: none;
    padding: 0;
    margin: 0;
    position: relative;
    width: 240px;
    background-color: #e9e9e9;
    box-sizing: border-box;
}

.podcat_title {
    max-width:198px;
    overflow: hidden;
    text-overflow: ellipsis;}
.notAllowed {
    color:#999 !important;
}
.notAllowed:hover, .areadyUsed:hover{
    background:inherit !important;
}
.areadyUsed{
    color:#48D83C !important;
}
.tr_sheet td {
    cursor:pointer;    
}

.bgvih {
    background: rgba(206, 255, 128, 0.33);
}
.pay_div {
    display:none;
}
#salaryDayTable tr:hover .pay_div {
    display:block;
}

.green_butt {
    background: #CBFF72;
    cursor: pointer;
    color: #5A5A5A;
    padding: 11px 10px;
}
#todayTd, .todayTd {
    background: #FAFFE3;
}

.tdSelected {
    background-color:#83F47A;
}

.icon_sort {
    display: inline-block;
    background: url(../images/icons.png);
    background-position: 0px -1009px;
    width: 16px;
    height: 16px;
    opacity: 0.3;
}
.icon_edit {
    display: inline-block;
    background: url(../images/icons.png);
    background-position: 0px -1025px;
    width: 16px;
    height: 16px;
    opacity: 0.3;
}
.icWrap {width: 40px;text-align:center;}
.ic{
    background: url(../images/icons.png);
    width: 16px;
    height: 16px;
    display: block;
    margin: auto;
}
.ic.rarrow{
    background-position: 0px -1074px;
}
.ic.larrow{
    background-position: 0px -1058px;
}

.icon_sort:hover{
    opacity: 1;
}
#costsCatTable .sortable-chosen{
    background-color: #f0f0f0;
    
}

.report_cat li {
    margin: 0;
    padding: 12px 12px;
    cursor: pointer;
    color: #333;
    text-decoration: none;
    font-weight:600;
    border-bottom: 1px solid #f8f8f8;
    border-right: 1px solid #e9e9e9;
}
.current, .report_cat li.current {
    background: #f8f8f8;
    text-decoration: none;
    border-bottom: 1px solid #e9e9e9;
}
.category ul,.category_item ul, .report_cat ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.category_item li input {
    display: none;
}
.category li {
    margin: 0;
    padding: 6px 12px;
    cursor: pointer;
    color: #333;
    text-decoration: none;
    font-weight:600;
    border-bottom: 1px solid #f8f8f8;
    border-right: 1px solid #e9e9e9;
}
.category_item li {
    margin: 0;
    padding: 6px 12px;
    cursor: pointer;
    color: #333;
    text-decoration: none;
    font-weight:600;
    border-bottom: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
}
.category li.current {
    background: #f8f8f8;
    text-decoration: none;
}
.category_item li.current {
    background: #e2ff9d;
    text-decoration: none;
}
.category_item li span {
    float: right;
}
#frontContent,#neworder_head2{min-width:900px;}
#content_store_movement td,#content_store_order td,#content_writeoff_order td, #content_issue_order td, #productMaterial_prod td, #productMaterial_comp td, #modificatorMaterial_prod td, #modificatorMaterial_comp td, #productMaterial td, #content_cutting_in_order td, #content_cutting_out_order td, #productModificators td{font-weight: 600;}

.topBorder td {
        border-top: 1px solid #e9e9e9;
}
.bottomBorder td {
        border-bottom: 1px solid #e9e9e9;
}
.child_alt{
    background: url(../images/icons.png) no-repeat;
    width: 32px;
    height: 32px;
    background-position: 0 -1801px;
    cursor: pointer;
    float: right;
    margin-right: 10px;
}
.sort_down {
    width: 16px;
    height: 15px;
    background: url(../images/icons.png) no-repeat;
    background-position: 0 -945px;
    display: inline-block;
}
.sort_up {
    width: 16px;
    height: 15px;
    background: url(../images/icons.png) no-repeat;
    background-position: 0 -961px;
    display: inline-block;
}


.rouble {
  display: inline-block;
  position: relative;
  font-size: inherit;
}

.rouble:before {
  display: block;
  content: "–";
  position: absolute;
  top: 0.1em;
}
.dot {
    display:none;
}
.underline{
    text-decoration:underline;
}

.nodis:disabled {
    background:none;
}
.div30 {
    display:inline-block;
    border:1px solid #d9d9d9;
}

.div35 {
    display:inline-block;
    border:1px solid #d9d9d9;
}



#selEmpOpDiv {
    min-width: 400px;
    max-width: 500px;
}
#selEmpOpDiv li:hover{
background: #48D83C;
    color: #fff;
}

.input {
    border:0;background: none;font-weight: 600;padding:0px;
}

.oper_title_div {
    background-color: #48d348;
    line-height: 56px;
}
.oper_title_span {
    line-height: 56px;
    font-weight: 200;
    font-size: 20px;
    color: #fff;
    padding: 0 20px;
}
.grey_light{
    color:#ccc;
}
.innerTable tr td {
    padding:0 !important;border: none !important;
}
.icon.del {
background-position: 0px -206px;
opacity: 0.3;
}
.icon.del:hover {
opacity: 1;
}
.padding10{
    padding:10px 20px !important;
}
.tr {height:40px;}
.tr_cat {background-color:#f4f4f4;}
.tr_total td {
    border-top:1px solid #48d348 !important;
    border-bottom:1px solid #48d348 !important;
    background-color:#fff;
}


.salaryFilterTable tr td{
    border-bottom:1px solid #f8f8f8;
}
.tr td {position:relative;}
.tr:hover td, .tr_sheet:hover td, tr.hover td {
    background: #faffe4;
}
.highlighted td{
    background:#efffa6 !important;
}
.cashboxCont{min-width:980px;}
.right{
    float:right;
}
.left{
    float:left;
}
.blue{color:#00A5FF;}
.icon.back {
background-position: 0px -880px;
top: 1px;
position: relative;
}
.icon.accrue {
background-position: 0px -895px;
top: 2px;
position: relative;
}
.icon.accurate {
background-position: 0px -1408px;
top: 2px;
position: relative;
opacity:0.5;
}
.icon.payout {
background-position: 0px -911px;
top: 2px;
position: relative;
}
.f16 {
    font-size:16px;
}
.cash_in {
    display:inline-block;
    background: url(../images/icons.png);background-position: 0px -832px;
    width:16px;height:16px;
}
.basket_grey {
    display:inline-block;
    background: url(../images/icons.png);background-position: 0px -865px;
    width:16px;height:16px;
    opacity: 0.3;
}
.basket_grey:hover, .icon_edit:hover {
    opacity: 1;
}
.bsk_red {
    display:inline-block;
    background: url(../images/icons.png);background-position: 0px -977px;
    width:16px;height:16px;
}
.cash_out {
    display:inline-block;
    background: url(../images/icons.png);background-position: 0px -847px;
    width:16px;height:16px;
}

.minus {
    display:inline-block;
    background: url(../images/icons.png);
    background-position: 0px -816px;
    height:13px;
    width:16px;
}
.plus {
    display:inline-block;
    background: url(../images/icons.png);
    background-position: 0px -802px;
    height:13px;
    width:16px;
}

.pointer, .pointer td{
    cursor:pointer;
}
.dashed {
       border-bottom: 1px dashed #555555;
}
.red{
    color:#ff3333 !important;
}
.green{
    color:#48d348;
}

.pbar{
    border: 1px solid #AAA;
    overflow: hidden;
    height:22px;
    position: relative;
    text-align: left;
}
.pbar > div {
    width: 0%;
    height: 100%;
    background: url("../images/pbar-ani.gif");
    transition: width 1s;
}
.pbar.stopped > div {
    background: url("../images/pbar-ani.png");
}
.pbarValue{
    position: absolute;
    display: block;
    top: 0;
    margin: auto;
    width: 100%;
    line-height: 22px;
    font-weight: 200;
    font-size: 14px;
    text-align: center;
}

.textarea_descr_revis{
    margin: 0px;
    width: 100%;
    box-sizing: border-box;
    padding: 5px 10px;
    resize: none;
    height: 80px;
    color: #333;
    font-weight: 600;
    border: 0;
}
.news_block {
    float: left;
    width: 350px;
    margin: 20px 0 0 20px;
    background: #FFF;
    border: 1px solid #ddd;
    position: relative;
    overflow: hidden;
}
.news_title{
    padding: 10px 15px;
    background: #ebebeb;
    font-size: 16px;
    font-weight: 700;
    border-bottom: 1px solid #f0f0f0;
    text-align: center;
    box-shadow: 0px 5px 13px -6px #d6d6d6;
}
.news_content {
    min-height: 100px;
    max-height: 400px;
    overflow-y: auto;
    padding: 5px 10px;
    font-weight: 600;
    font-size: 15px;
}
.news_footer {
    padding: 5px 15px;
    background: #f6f6f6;
    border-top: 1px solid #eee;
}
.noborder tr td, .noborder td,.noborder {border:none !important;}
.nopadding tr td {padding:0 !important;}
/*.cashOperTable{
    word-break: break-word;
}*/
.cashOperTable tr td{
    border-bottom:1px solid #e9e9e9;padding:0 20px;  font-weight:600; 
}
.reportTable tr td{
    border-bottom:1px solid #e9e9e9;padding:0 10px;  font-weight:600;
}
.catalogTable tr td{
    border-bottom:1px solid #e9e9e9;padding:0 5px;  font-weight:600;word-break:break-word;
}
.stockTable tr td{
    border-bottom:1px solid #e9e9e9;padding:0 5px;  font-weight:600;
}
.stockTable tr td:first-child{
    padding:0 10px;
}
.cashOperTableFil tr td{
    border-bottom:1px solid #e9e9e9;padding:0 5px;  font-weight:600;text-align:center; 
}
.timesheetTable tr td {
border-bottom: 1px solid #e9e9e9;
}

.s_OperTable tr td {
    border-bottom:1px solid #e9e9e9;
}
.btn.cashbox {
    border: none;
    padding: 20px;
    float:right;
    border-left: 1px solid #ededed;
}
.btn.cashbox.op span{
    background: url(../images/icons.png);
    background-position: 0px -786px;
    top: 1px;
}
.btn.cashbox.cl span{
    background: url(../images/icons.png);
    background-position: 0px -771px;
    top: 1px;
}
.btn.cashbox.cancel span{
    background: url(../images/icons.png);
    background-position: 0px -208px;
    top: 1px;
}
.btn.cashbox.prt span{
    background: url(../images/icons.png);
    background-position: 0px -756px;
    top: 1px;
}
.btn.cashbox.edit span{
    background: url(../images/icons.png);
    background-position: 0px -1232px;
    top: 1px;
}
.btn.cashbox.copy span{
    background: url(../images/icons.png);
    background-position: 0px -1345px;
    top: 0px;
}
.btn.cashbox.export span{
    background: url(../images/icons.png);
    background-position: 0px -1200px;
    top: 0px;
}
.btn.cashbox.filters span{
    background: url(../images/icons.png);
    background-position: 0px -1376px;
    top: 0px;
}

.divToClose {
    background:#e9e9e9;height:56px;line-height:56px;text-align:center;cursor:pointer;
}
#sms_sendingCont .cash_head{
    min-width: 680px;
}
.cash_head{
    will-change: transform;
    position:relative;
    z-index: 2;
    top: 0;
    width: 100%;
    height: 56px;
    line-height: 56px;
    padding: 0;
    -webkit-box-shadow: 5px 7px 10px -5px #999;
    -moz-box-shadow: 5px 7px 10px -5px #999;
    box-shadow: 5px 7px 10px -5px #999;
    background-color:#fff;
    min-width: 740px;
}
#s_orderFilterForm, #statFilterForm, #form_statCl_filter {
    width:240px;
}
.cashFilterTable tr td {
    border-bottom:1px solid #f8f8f8;
}
.padding-5{
    padding:5px 0;
}
.padding-10{
    padding:10px 0;
}
.margin-bottom-20{
    margin-bottom:20px;
}
.cashPeriodInput {
    border: 0;
    background: none;
    font-weight: 600;
    font-size: 14px;
    width: 150px;
}
.sending_pre{
    border: 1px solid #c0c0c0;
    padding: 5px;
    font-size: 14px;
    background: #fff;
}
#sms_sendingCont .money_head{
    width: 260px;
}
.btn_sended {
    text-align: center;
    padding: 10px 11px;
    font-weight:600;
    background: #b4ffa6;
}
.money_head {
    top: 0;
    left: 0;
    z-index: 2;
    width: 200px;
    height: 56px;
    line-height: 56px;
    padding: 0;
    font-size: 15px;
    font-weight: 600;
    -webkit-box-shadow: 0 7px 10px -5px #999;
    -moz-box-shadow: 0 7px 10px -5px #999;
    box-shadow: 0 7px 10px -5px #999;
    background-color: #fff;color:#333;position:relative;
}

/*
.order_shadow{
        -webkit-box-shadow: 0px 4px 8px -3px rgba(0, 0, 0, 0.8);
        -moz-box-shadow: 0px 4px 8px -3px rgba(0, 0, 0, 0.8);
        box-shadow: 0px 4px 8px -3px rgba(0, 0, 0, 0.8);
}*/

.wc_number {
    font-size: 25px;
    line-height: 23px;
    font-weight: 400;
    text-align: center;
}
.wc_number img {
    height: 25px;
    position: relative;
    top: 3px;
}
.wc_name {
    font-size: 25px;
    text-align: center;
    font-weight: 200;
}

.table_win {
    will-change: transform;
    display: none;
    position: fixed;
    bottom: 50px;
    right: 50px;
    z-index: 1001;
}
.wm_call_name{
    text-align: center;
    font-weight: 300;
    font-size: 25px;
    padding-top: 10px;
}
.wm_call_answer{
    position: absolute;
    bottom: 10px;
    left: 40px;
}
.wm_call_decline{
    position: absolute;
    bottom: 10px;
    left: 160px;
}

.m_fr_dis{
    background: url(../images/icons.png);
    background-position: 0 -1700px;
    width: 32px;
    height: 32px;
    display: inline-block;
    position: relative;
    top: 8px;
}
.m_fr_en{
    background: url(../images/icons.png);
    background-position: 0 -1733px;
    width: 32px;
    height: 32px;
    display: inline-block;
    position: relative;
    top: 8px;
}
.telicon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('../images/icons.png') no-repeat;
    top: 8px;
    position: relative;
}
.telicon.on {
    background-position:0 -704px;
}
.telicon.off {
    background-position:0 -728px;
}


#pz_connect:hover, #fr_connect:hover{
    background-color:initial !important;
    color:#9f9f9f !important;
}

.notif_text {
    margin: 25px 0px 35px 0px;
    width: 265px;
    max-height: 200px;
    word-wrap: break-word;
    text-overflow: ellipsis;
    font-weight: 600;
    color: #333;
    overflow: hidden;
}
#win_message .stickers {
    height: 64px;
    margin-left: 100px;
}
#localVideo {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    height: 120px;
    width: 160px;
    position: absolute;
    top: 260px;
    right: 25px;
    display: none;
    z-index: 202;
}
#remoteVideo {
    width: 100%;
    height: 400px;
    display: none;
    position: absolute;
    z-index: 201;
    background-color: #3a3140;
}
.fone{
height: 100%;
width: 230px;
position: absolute;
top:0;
z-index: 2;
display:none;
}


#status_span{
    float:right;
    margin-right:25px;
}

#mess_left_table tr:last-child td {
    border-bottom: 1px solid #f8f8f8;
}

.btn.basket.mess {
    float:right;padding:0 16px;color:#fff;font-weight:400;border:none;width:initial !important
}

.pannel {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0;
    color:#fff;
}

.mess_head {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 56px;
    line-height: 56px;
    padding: 0;
    -webkit-box-shadow: 0 7px 10px -5px #999;
    -moz-box-shadow: 0 7px 10px -5px #999;
    box-shadow: 0 7px 10px -5px #999;
}

.mess_body {
    height: 100%;
    min-height: 500px;
    /*width: 706px;*/
    position: absolute;
    top: 0px;
    webkit-box-shadow: 4px 0px 10px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 4px 0px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 4px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

.users_head {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 210px;
    height: 56px;
    line-height: 56px;
    padding: 0 15px;
    font-size: 15px;
    font-weight: 600;
    -webkit-box-shadow: 0 7px 10px -5px #999;
    -moz-box-shadow: 0 7px 10px -5px #999;
    box-shadow: 0 7px 10px -5px #999;
}


#im_send {
    position:absolute;
    z-index:200;
    padding:0;
    right:15px;
    bottom:5px;
    cursor:pointer;
    background: url('../images/icons.png') 2px -608px no-repeat;
    width:24px;
    height:24px;
}

.inner_msg {
    position:relative;
}
.td_top_relative, .td_top_rel {
    position:relative;vertical-align: top;
}
.td_top_relative {
    background: #e9e9e9;
}
#messages_box {
    height: 100%;width:100%;overflow-y:auto;overflow-x: hidden;position: absolute;
}
#messages_box .text {
    font-weight:600;
    color:#333;
}
#messages_box .trmess.fromMe .td_body, .text-right {
    text-align: right;    
}

#messages_box .td_date {
    padding:5px 0;
    text-align:right;
    width: 52px;
}
#messages_box .td_date .time {
    color: #777;
    font-weight: 600;
}
#messages_box .td_date .date {
    color: #999;
}
#messages_box .td_body {
    padding:10px 15px;
    max-width: 532px;
    word-wrap: break-word;
}
#messages_box .td_read {
    padding:10px 15px;
    width:20px;
}
#messages_box .td_check {
    width:25px;
}
#messages_box .trmess.checkedMsg,#messages_box .trmess.fromMe.checkedMsg  {
    background-color:#ffe6e6;
}

#messages_box .trmess.checkedMsg .icon.check_mess, #messages_box .trmess.fromMe.checkedMsg .icon.check_mess{
    display:block;
}
#messages_box .trmess .icon.check_mess, #messages_box .trmess.fromMe .icon.check_mess{
    display:none;
}

#messages_box .trmess.checkedMsg .ugol {
    background-position: 0 -570px;
}
#messages_box .trmess.fromMe.checkedMsg .ugol {
    background-position: 0 -554px;
}
.nopad td {
    padding:0 !important;
}

.icon.search:hover, .icon.list:hover, .icon.list.open, .icon.sort:hover, .opacity, .icon.saveGrey:hover, .icon.repair:hover {
    opacity: 1 !important;
}
.icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/icons.png) no-repeat top left;
}
.icon.edit{
    background-position: 0 -1026px;opacity: 0.5;
}
.icon.edit:hover{
    opacity: 1;
}
.icon.check_mess {
    background-position: 0 -487px;
}
.icon.readed {
    background-position: 0 -503px;
}
.icon.latent {
    background-position: 0 -1263px;
    opacity: 0.5;
}
.icon.import {
    background-position: 0 -1183px;
}
.icon.sms {
    background-position: 0 -1392px;
}
.icon.save {
    background-position: 0 -1199px;
}
.icon.saveGrey {
    background-position: 0 -1216px;opacity: 0.3;
}
.icon.sort {
    background-position: 0 -1312px;opacity: 0.5;
}
.icon.repair {
    background-position: 0 -1329px;opacity: 0.3;
}
.icon.list {
    background-position: 0 -1168px;
    opacity: 0.5;
}
.icon.search {
    background-position: 0 -1360px;
    opacity: 0.5;
}
.icon.in {
    position: absolute;right:2px;top:calc(50% - 8px);
}
.icon.in.ok {
    background-position:0 -96px;
}
.icon.in.stop {
    background-position:0 -112px;
}


.relative {position:relative;}

#more_mess {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    font-weight: 600;
    cursor: pointer;
}

#messages_box .trmess td {
    border-bottom: 1px solid #e9e9e9;
    position:relative;
}
#messages_box .trmess:first-child td {
    border-top: 1px solid #e9e9e9;
} 

#messages_box .trmess .ugol {
    background: url(../images/icons.png) no-repeat top left;
    background-position: 0 -538px;
    width: 12px;
    height: 13px;
    display: block;
    position: absolute;
    bottom: -13px;
    left: 15px;
/*   z-index: 1;*/
}
#messages_box .trmess.fromMe .ugol {
    background-position: 0 -522px;
    right: 15px;
    left:initial;
}
#messages_box .trmess {
    background-color:#f8f8f8;
    cursor:pointer;    
}
#messages_box .trmess.fromMe{
    background-color:#f4f4f4;
}
.btn.clos.nohover {
    cursor:default;
}
.btn.clos.nohover:hover{
    background: none !important;
}
.btn.video {
    border: none;
    padding: 20px;
    float:right;
    border-left: 1px solid #ededed;
}
.btn.video.start span{
    background: url(../images/icons.png);
    background-position: 0px -456px;
    top: 1px;
}
.btn_small.btn_show,.btn.video.start_spy span {
    background: url(../images/icons.png);
    background-position: 0px -1248px;
    top: 1px;
}
.btn_small {
    display: block;
    width: 16px;
    height: 16px;
    position: relative;
}
.btn.video.stop_spy span {
    background: url(../images/icons.png);
    background-position: 0px -1280px;
    top: 1px;
}
.btn.video.start.disabled{
    cursor:default !important;
}
.btn.video.start_spy.disabled span{
    background: url(../images/icons.png);
    background-position: 0px -1264px;
}
.btn.video.start.disabled:hover, .btn.video.start_spy.disabled:hover{
    background-color:initial !important;
}
.btn.video.start.disabled{
    cursor:default !important;
}
.btn.video.start.disabled span{
    background: url(../images/icons.png);
    background-position: 0px -656px;
}
.btn.video.stop span{
    background: url(../images/icons.png);
    background-position: 0px -472px;
    top: 1px;
}
.support_ticket_head{
    padding: 0 15px;
    font-size: 15px;
    font-weight: 600;
    box-sizing: border-box;
    float: left;
}
.non_read {
    position: absolute;
    top: 15px;
    right: 5px;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 15px;
    background-color: #FF3333;
    text-align: center;
    line-height: 20px;
    font-weight: 600;
    font-size: 13px;
    color: #fff;
}
.wt200 {
    font-weight:200;
}
.w600, .userName {
    font-weight:600;
}
.w800 {
    font-weight:800 !important;
}
.userMes{
    background-color: #e9e9e9;
    position: relative;
    cursor:pointer;
    padding: 0 15px;
    border-top:1px solid #e9e9e9
}
.userMes.current{
    background-color: #f8f8f8;
}

#mess_left_table tr:last-child td {
    border-bottom:1px solid #e9e9e9
}

.href {
    cursor:pointer;
    color:#708B6B;
}

.btn_find {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    width: 150px;
    text-align: center;
    margin-left: 5px;
    background: #e9e9e9;
    font-size: 14px !important;
    cursor: pointer;
}
.btn_find.stop {
    background: #F5A84E !important;
    color: #fff !important;
}
.btn_find.grn {
    background: #35ff1d !important;
    color: #fff !important;
}


.opacit{
opacity: 0.01;
filter: alpha(opacity=1);
}
.emoji_smile_icon_on{position: absolute;
width: 24px;
height: 24px;
background: url('../images/icons.png') 2px -632px no-repeat;
}
.emoji_smile_icon {
width: 24px;
height: 24px;
background: url('../images/icons.png') 2px -584px no-repeat;
}
.im_editable div {
    font-weight:600;
    color:#333;
}
.im_editable {
    width: 635px;
    min-height: 50px;
    padding: 10px 40px 10px 25px;
    margin-bottom: 10px;
    outline: 0;
    line-height: 150%;
    word-wrap: break-word;
    cursor: text;
    max-height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
    font-weight:600;
    color:#333;
}
.im_txt_wrap {
position: relative;
padding: 10px 0 10px 0;
padding-right: 15px;

}
.im_title_wrap {
padding-bottom: 8px;
display: none;
}
.input_back {
position: absolute;
color: #8C8E91;
z-index: 90;
}
#im_texts {
position: relative;
padding-bottom: 6px;
}
.input_back_wrap {
position: relative;
z-index: 90;
cursor: text;
pointer-events: none;
}
.no_select {
user-select: none;
-o-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
}
#cntCheckMsg {
float:left;
}
.checkedTab{
font-weight: bold;
background: #E7FFB7;
padding: 3px 15px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
float:left;
}
.repairMsg{
    font-weight: 600;
    cursor: pointer;
    color: #17CF43;
    padding-left: 15px;
}
.deletedMsg{
    padding: 5px 25px;
    color:#333;
}
.emoji_div {
    position: absolute;
    z-index: 200;
    padding: 0px;
    right: 15px;
    bottom: 40px;
    cursor: pointer;
    float: left;
    display: block !important;
}
.emoji_div:hover{
    opacity: 1;filter: alpha(opacity=100);
}
.emoji_tt_wrap{
    width: 297px;
    height: 282px;
    position: absolute;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 121;
    right: -25px;
    display: none;
    bottom: 132%;
    opacity: 1;
    overflow: hidden;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.32);
    border-radius: 5px;
    background: #FFFFFF;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.emoji_sprite {
background-image: url('../images/emoji_sprite.png?9');
background-repeat: no-repeat;
display:none;
}
.emoji_pointer {
    background-position: -78px 0px;
    width: 15px;
    height: 8px;
    position: absolute;
    bottom: 100%;
    left: 4px;
    z-index: 122;
}
#emoji_list{
width: 297px;
height: 246px;
overflow: auto;
position: absolute;
top: 0px;
padding: 0px;
}
#emoji_butt{
position: absolute;
bottom: 0px;
height: 36px;
width: 100%;
background-color: #EBEEF2;
display: table;
border-spacing: 0px;
}
#emoji_list .jspVerticalBar
{
	position: absolute;
	top: 2px;
	right: 2px;
	width: 6px;
	height: 100%;
}
.em_button1{
    padding: 9px;
width: 18px;
height: 18px;
display: inline-block;
zoom: 1;
vertical-align: top;
}
.em_button1:hover,.em_button2:hover{
background-color: #E2E6EB;
cursor:pointer
}
.em_button2{
    padding: 7px;
width: 22px;
height: 22px;
display: inline-block;
zoom: 1;
vertical-align: top;
}
.button1{
background-image: url('../images/emoji_sprite.png?9');
background-repeat: no-repeat;
height: 18px;
}
.button2{
background-image: url('../images/button2.png');
background-repeat: no-repeat;
height: 22px;
}
.turned{
    background: #FFFFFF;
}
.turned:hover{
    cursor:inherit;
    background: #FFFFFF;
}
.emoji_css {
background: url('../images/emoji/emoji.png') no-repeat;
width: 16px;
height: 16px;
border: none;
vertical-align: top;
margin: 0px 1px;
}
.emoji {
width: 16px;
height: 16px;
border: none;
vertical-align: top;
margin: 0px 1px;
}
.emoji_smile_cont{
display: inline-block;
position: relative;
padding: 5px 4px;
margin-right: 1px;
cursor: pointer;
z-index: 10;
}
.emoji_smile_cont:hover{
background: #EBEEF2;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#emoji_scroll{
    display: table;
border-spacing: 0px;
    padding: 2px 4px;
}
.emoji_sticker{
padding: 3px 2px;
display: inline-block;
zoom: 1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
width: 64px;
text-align: center;
vertical-align: center;
cursor:pointer;
}
.emoji_sticker:hover{
background: #F7F7F7;
}




.surrender_amount2{
    font-weight:600;
    font-size:16px;
}

.surrender_amount{
width:196px;
border:none;
line-height: 30px;
font-size:15px;
}
.item {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    font-size: 14px;
    padding-top: 14px;
}
.item.c{
    color:red;
}
.itemTd {
    position:relative;
}
#surrender_div td {
        border-bottom: 1px solid #e9e9e9;
}

.div_head {
    line-height: 56px;
    font-weight: 200;
    font-size: 20px;
    color: #fff;
    padding: 0 20px;
}
#surrender_head {
    background-color:#2ca3ff;
    height:56px;
}

.ymaps-2-1-42-default-cluster {
    font-weight: 600;
    font-family: Open Sans, sans-serif !important;
}
.ymaps-2-1-42-b-cluster-content {
    font-family: Open Sans, sans-serif !important;
  
}
#map .ptime {
    font-weight:600;
    margin-right:5px;
}
#map .pdate {
    color:#777;
    margin-right:5px;
}
#map .adress {
    font-weight: 600;
}
.arrow {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 21px;
    height: 11px;
    margin: 0 0 0 -10px;
    background-image: url(../images/balloon_arrow.png);
    background-repeat: no-repeat;
    background-position: 0 -2px;
}
#map .balloon {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    width: 320px;
    min-height: 100px;
    max-height: 400px;
    padding: 10px;
    text-align: left;
    white-space: normal;
    border: 1px solid #CCC;
    border: 1px solid rgba(0,0,0,.2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #FFF;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    color:#333;
    line-height: 25px;
}
#Sd {
    visibility:hidden;
}
#map .statusDiv {
    display:inline-block;width:15px;height:15px;border-radius:8px;position:relative;top:2px;margin-right:5px;border: 1px solid #ccc;
}
#surrender_div {
    display: none;
    width: 0px;
    height: 100%;
    min-height: 700px;
    position: absolute;
    z-index: 5;
    left: 440px;
    top: 0;
    background-color:#fff;
    -webkit-box-shadow:3px 0px 15px 0px rgb(179, 179, 179);
    -moz-box-shadow:3px 0px 15px 0px rgb(179, 179, 179);
    box-shadow: 3px 0px 15px 0px rgb(179, 179, 179);
}

#selectFilial,#selectPoint, #selectChannel {
    width: 200px;border:1px solid #d9d9d9;
}

.score_clear,.sale_clear {
    background: #CBFF72;
    padding: 5px 5px;
    cursor: pointer;
    color: #5A5A5A;
}

#Ord_Left{
z-index: 5;
background:#fff;
height: 100%;
position: absolute;
width: 440px;
-webkit-box-shadow:3px 0px 15px 0px rgb(179, 179, 179);
-moz-box-shadow:3px 0px 15px 0px rgb(179, 179, 179);
box-shadow: 3px 0px 15px 0px rgb(179, 179, 179);
min-height:680px;
}
#billDescr {
    border:0;
    resize: vertical;
    max-height: 100px;
    min-height: 50px;
}
#billNameDiv {
        padding:2px 10px;border:1px solid #d9d9d9;width: 270px;position: relative;
}
#billStreetTd,#billPhoneTd,#billEmailDiv {
padding:2px 10px;border:1px solid #d9d9d9;width: 270px;float:left;position:relative;
}
#billStreetTd .ac_results, #billNameDiv .ac_results {
    position: absolute !important;
    width: 100% !important;
    top: 100% !important;
    left: 0 !important;
    display: none;
}
#billPhoneTd .ac_results {
    position: absolute !important;
    bottom: 100% !important;
    top: initial !important;
    left: 0 !important;
    display: none;
}

#add_addr_list {
    display: none;
    position: absolute;
    left: -1px;
    top: 100%;
    width: 100%;
    border: 1px solid #ccc;
    background: #f1f1f1;
    overflow: hidden;
    min-height:20px;
    z-index: 1;
}
#add_addr_list ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}
#add_addr_list li {
    display: block;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 4px 3px;
    cursor: pointer;
    overflow: hidden;
    font-size:12px;
    font-weight:600;
    border-bottom: 1px solid #ccc;
}
#add_addr_list li:hover {
  background: #FFE680;
}
#billCard:disabled {
    background-color:#eee;
}
.red_href{
    color:red;
    cursor:pointer;
}
input:focus, textarea:focus, select:focus {outline: 0; -webkit-box-shadow: none;  box-shadow: none;}
#billName,#billStreet,#billPod,#billEt,#billHome,#billApart,#billKorp,#billStr,#billPhone {
    border:none;
}
#billNameDis {    
    background-color: #EEE;
    border:none;
    float: left;
}

#billCertificateTd{
    border:1px solid #d9d9d9;
    padding:2px 5px;
    width: 160px; 
    position: relative;
    text-align: left;
    display: inline-block;
        margin-left: 6px;
}
#billCertificateTd input {
    border:0;
}
#billCardTd {
    border:1px solid #d9d9d9;
    padding:2px 10px;
    width: 180px; 
    position: relative;
}
#billCardTd input {
    border:0;
}
#prebillPeriodTd {
    border:1px solid #d9d9d9;
    padding:2px 5px;
    width: 160px;
    position: relative; 
    display: inline-block; 
        margin-left: 6px;  
}
#prebillPeriodTd input {
    border:0;
}

.tdPaddingLeft {
    padding-left:15px;
}



.checkbox {vertical-align: top;width: 17px;height: 17px;margin: 0 3px 0 0;}
.checkbox + label {cursor: pointer;}
.checkbox:not(checked) {position: absolute;opacity: 0;}
.checkbox:not(checked) + label {position: relative;padding: 0 71px 0 0;}
#timesheetCont .checkbox:not(checked) + label {padding: 0 50px 0 0;}

.checkbox:not(checked) + label:before {content: '';position: absolute;top: -0px;right: 0;width: 40px;height: 20px;border-radius: 13px;background: #CDD1DA;box-shadow: inset 0 2px 3px rgba(0,0,0,.2);}
.checkbox:not(checked) + label:after {content: '';position: absolute;top: 1px;right: 21px;width: 17px;height: 17px;border-radius: 10px;background: #FFF;box-shadow: 0 2px 5px rgba(0,0,0,.3);transition: all .2s;}
.checkbox:checked + label:before {background: #9FD468;}
.checkbox:checked + label:after {right: 2px;}
.checkbox:focus + label:before {box-shadow: 0 0 0 3px rgba(255,255,0,.5);}

#inputAwardDiv .checkbox:not(checked) + label {padding: 0 40px 0 0;}   
#inputAwardDiv .checkbox:not(checked) + label:before {background: #9FD468 !important;}
#billtagsCont .checkbox:not(checked) + label {position: relative;padding: 0 0 0 70px;}
#billtagsCont .checkbox:checked + label:after {left: 21px;}
#billtagsCont .checkbox:not(checked) + label:after {left: 2px;}
#billtagsCont .checkbox:not(checked) + label:before {left:0}
.setKolTd {
    padding-right: 0 !important;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;cursor:pointer;
}

/*---иконки действий*/
.btnImg {display:block; width:16px; height:16px; margin:0 2px; cursor:pointer; opacity:0.3; background: url(../images/icons.png) no-repeat top left;}
.btnImg:hover {opacity:1; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.btnImg.plus {width:18px; height:18px; opacity:1; margin:0; background-position: 0 -320px;}
.btnImg.minus {width:18px; height:18px; opacity:1; margin:0; background-position: 0 -338px;}
.btnImg.minus_dis {width:18px; height:18px; opacity:1; margin:0; background-position: 0 -356px; cursor:default;}
.btnImg.ingred {background-position: 0 -376px; margin:0px; float:none;}
.btnImg.ingred_ {background-position: 0 -408px; opacity:1; margin:0px; float:none;}
.btnImg.ingred__ {background-position: 0 -424px; opacity:1; margin:0px; float:none; cursor:default; display: inline-block;}



#billBasket tr:first-child td  {
    border-top: none;
}
#billBasket tr:last-child td  {
    border-bottom: 1px solid #e9e9e9;
}


.chPayLabel{
    width: 20px;
    height: 16px;
    display: block;
    position: relative;
}
.chPay {display:none;} 
.chPay + span {
    position: absolute;
    left: 0; top: 0;
    width: 16px;
    height: 16px;
    background: url(../images/icons.png) no-repeat;
    cursor: pointer;
    background-position: 0 -112px; 
    transition: all .2s;
   }
.chPay:checked + span {
    background-position: 0 -96px; 
    transition: all .2s;
}


/*#status {display:none;}*/
.fr_wrap{
    position: absolute;width:100%; left: 0; overflow-y:auto;background:#f8f8f8;height: 100%;min-width: 565px;min-height: 680px;-webkit-box-shadow: 3px 0px 15px 0px rgb(179, 179, 179);-moz-box-shadow:    3px 0px 15px 0px rgb(179, 179, 179);box-shadow:3px 0px 15px 0px rgb(179, 179, 179);
}
.b_share {
    background: url(../images/sale.png) no-repeat;
    position: absolute;
    right: 15px;
    bottom: 0;
    width: 20px;
    height: 20px;
}

/*---client-search*/
.ac_results {
    padding: 0px;
    border: 1px solid #ccc;
    background: #f4f4f4;
    overflow: auto;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    z-index: 1;
    top: 100% !important;
    left: 0 !important;
    width: 100%;
    max-height: 235px;
}
.ac_results ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ac_results li {
    list-style: none;
    cursor: pointer;
    margin: 0;
    padding: 0 5px;
    line-height: 30px;
    font-size:12px;
    font-weight:600;
    border-bottom: 1px solid #ccc;
}
.ac_results li span {color:#f4f4f4;}
.ac_loading {background:#fff url('../images/loader.gif') right center no-repeat;}
.ac_over {background:#FFE680;	color:#000;}
.ac_results li.ac_over span {color:#FFE680;}
.ac_results li.ac_over sep {color:#FFE680;}
sep {color:#f4f4f4}

#Clear, .Clear {
    float: right;line-height:56px;border-left: 1px solid #fff !important;
}
#ord_title{
    line-height:56px;font-weight:200;font-size:20px;color:#fff;padding: 0 20px;
}
#neworder_head2 {
    z-index:4;height: 56px;background: #E86570;position: absolute;width: 100%;left:0
}
#fr_search_result {
    display: none;
    position: relative;
    min-width: 120px;
    min-height: 10px;
    background: #fff;
    border: 1px solid #ddd;}
#fr_search_result ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#fr_search_result ul li {
    list-style: none;
    cursor: pointer;
    margin: 0;
    padding: 0 30px;
    height:40px;
}
#fr_search_result ul li:hover {background:#FFE680;}


#fr_search {
    border: 0;
    line-height: 30px;
    font-weight: 600;
    min-width: 300px; 
}
#bill_form_product_search {
    min-width:200px;
    width: 100%;
    border: 0;
    line-height: 38px;
    font-weight:600;    
}
#fr_search::-webkit-input-placeholder,#bill_form_product_search::-webkit-input-placeholder,input::-webkit-input-placeholder,textarea::-webkit-input-placeholder       {font-style:italic;color:#999;font-weight:400;}
#fr_search::-moz-placeholder,#bill_form_product_search::-moz-placeholder,input::-moz-placeholder,textarea::-moz-placeholder         {font-style:italic;color:#999;font-weight:400;}/* Firefox 19+ */
#fr_search:-moz-placeholder,#bill_form_product_search:-moz-placeholder ,input:-moz-placeholder ,textarea:-moz-placeholder         {font-style:italic;color:#999;font-weight:400;}/* Firefox 18- */
#fr_search:-ms-input-placeholder,#bill_form_product_search:-ms-input-placeholder,input:-ms-input-placeholder,textarea:-ms-input-placeholder      {font-style:italic;color:#999;font-weight:400;}
#fr_search:focus,#bill_form_product_search:focus {outline: 0; -webkit-box-shadow: none;  box-shadow: none;}

.fr_search {
    height: 40px;
    position: absolute;
    top:56px;
    left: 0;
    z-index: 1;
    width: 100%;
    background:#fff;
    border-bottom:1px solid #e3e3e3;
    line-height: 40px;
}
#fr_mod_info {
    height: 40px;
    position: absolute;
    top:56px;
    left: 0;
    z-index: 1;
    width: 100%;
    background:#fff;
    border-bottom:1px solid #e3e3e3;
}
#fr_mod_info_block{
    padding-left: 12px;
    font-weight: 400;
}
.search_icon {
    position: absolute;
    width: 16px;
    height: 16px;
    background: url("../images/icons.png") no-repeat center;
    background-position: 0px -304px;
}
.search_icon_no {
    position: absolute;
    width: 16px;
    height: 16px;
    background: url("../images/icons.png") no-repeat center;
    background-position: -16px -304px;
}

#frontCategory{
    background: #E3E3E3;
        height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    width:146px;
}
#frontCategoryModif{
    background: #E3E3E3;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    width:146px;
}
#frontCategoryModif .fr_product{
    width: 120px !important;
}
.modif_info {
    margin-left: 50px;
    margin-top: 30px;
    font-size: 20px;
    font-weight: 200;
    position: relative !important;
    padding-top: 10px;
    height: 60px !important;
}
#frontCategoryModifCont22 > div {
    position: absolute;
    display: block;
    height: calc(100% - 96px);
    overflow-y: auto;
    width: calc(100% - 586px);
}
#frontCategoryCont > div {
    position: absolute;
    display: block;
    height: calc(100% - 96px);
    overflow-y: auto;
    width: calc(100% - 586px);
}
.fr_name{
        font-weight: 600;
            height: 35px;
            overflow: hidden;
            text-overflow: ellipsis;
}
.fr_price,.fr_podcat {
    color: #777;position: relative;
}
.fr_podcat {
    position:absolute !important;
    bottom:0;
}
.frCat {
    width: 125px;
    height: 35px;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 10px 10px 15px 10px;
    font-size: 14px;
    font-weight: 600;
    background-color: #E3E3E3;
    border-bottom: 1px solid #f8f8f8;
    border-right: 1px solid #e3e3e3;
    cursor:pointer;
    position:relative;
}
.frPodCat {
    background: #f4f4f4;
    border-bottom: 1px solid #e3e3e3;
    float: left;
    padding: 5px 10px 20px 10px;
    width: 120px;
    height: 35px;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    font-weight: 600;
    border-right: 1px solid #e3e3e3;
    cursor:pointer;
    position:relative;
}
.fr_product {
    width: 115px;
    height: 45px;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 5px 10px 10px 15px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #E3E3E3;
    border-right: 1px solid #E3E3E3;
    float:left;
    cursor:pointer;
    position: relative;
}
.fr_product:active {background:#ccc !important;}
.fr_product_stock{
    position: absolute;
    bottom: 0;
    right: 0;
    background: #737373;
    color: #fff;
    padding: 0px 6px;
}
.fr_product_list {
    padding: 6px 10px;
    font-size: 13px;
    text-align: left;
    overflow: hidden;
    color: #333;
    cursor: pointer;
    border-bottom: 1px solid #e3e3e3;
    background-color: #F8F8F8;
    position: relative;
}
.fr_product_list.stopped {
    background: url(../images/prstopped.png) round !important;
    background-color: #ccc !important;
}
.frPodCat_list {
    padding: 6px 10px;
    font-size: 13px;
    text-align: left;
    overflow: hidden;
    color: #333;
    cursor: pointer;
    border-bottom: 1px solid #e3e3e3;
    background-color: #F8F8F8;
    font-weight: 600;
    position: relative;
}
.frPodCat_list .fr_podcat {
    left: 310px;bottom:5px;
}
.fr_product_list div {
    float: left;
}
.fr_product_list .fr_name {
    width: 280px;
    height: initial !important;
    font-weight:600;
}
.fr_product_list .fr_price {
    width: 120px;
    color: #333;
    font-weight:600;   
}

#fr_search_result .fr_name {
    float:left;
    min-width:200px;
}
#fr_search_result .fr_price {
    float:right;
    width:120px;
}
#fr_search_result .b_share{
    bottom:11px;
}


.frCat.current {
    background-color: #d9ffd9;
}

#billPersTableTr {
    color:#333;line-height:40px;
}
#billPersTable td{
    border-top:none !important;
    font-weight:600;
}



#billCont td{
    border-top:1px solid #e9e9e9;
}
#billCont {
            width: 100%;height: 100%;position: absolute;
}
.tr_basket_top{
    color:#aaa;
}
.tr_basket {
    font-weight:600;
}
#billtabs{position:absolute;width:100%;background: #f8f8f8;}
.billtab {
    float: left;
    width: 33%;
    background: #f8f8f8;
    color: #7A7A7A;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    font-weight:600;
    font-size:14px;
}
.billtab.current {background:#fff;color:#333;}
.producttab {
    float: left;
    width: 125px;
    background: #f8f8f8;
    color: #7A7A7A;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    font-weight:600;
    font-size:14px;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;

}
.producttab.current {background:#fff;color:#333;}
#bill, #details {border-right:1px solid #e9e9e9;}
#front {
    background: #fff;height:100%;width:100%;position:absolute;top:0;
    
}
#billBaske4t :first-child  td{
border-top:none;
}
#billBaske4t tr{
height:30px;
}
.orderLoader {
    text-align:center;
    height:40px;
    padding-top:20px;
}

/*---подсказки*/
.help_popup {position:absolute; z-index:1000; margin-top:5px; display:none; width:300px; min-height:20px; padding:10px; font-size:13px; font-weight:200; color:#333; text-align:left; background:#fff; border:1px solid #f1f1f1; border-radius:3px; -moz-border-radius:3px;-webkit-border-radius:3px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);}
.help_popup_close {position:absolute; background: url(../images/close_popup.png) no-repeat right 6px; cursor: pointer; height: 27px; width: 17px; top: 3px; right: 8px;}


.menu .active {
    color:#fff;  
}
.alert_win .head {
    height: 40px;
    background-color: #0C9BE4;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    font-weight: 200;
    color: #fff;
}
.alert_win .body {
    padding:10px 15px;
    font-weight:600;
    color:#333;
}
.alert_win {
    display: none;
    float:right;
    width: 300px;
    min-height: 170px;
    font-size: 13px;
    position: relative;
    padding: 0;
    margin: 10px;
    z-index: 1000;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}

.alert_win .close {
    position: absolute;
    text-decoration: underline;
    cursor: pointer;
    height: 30px;
    width: 30px;
    top: -12px;
    right: -32px;
    background: url(../images/icons.png) top left no-repeat;
    background-position: 0px -673px;
}
.notif_date {
    position: absolute; right: 35px;top: 45px;color:#999;
}

.notif_name {
    position: absolute;
    left: 15px;
    top: 45px;
    color: #333333;
    font-weight: 400;
    font-size: 14px;
}
.notif_win_answer {
    position: absolute;
    bottom: 10px;
    left: 106px;
    padding: 5px 15px !important;
}
.wc_answer{
    position: absolute;
    bottom: 10px;
    left: 90px;
    padding: 5px 15px !important;
}
.notif_call {
display: none;
width: 300px;
height: 120px;
font-size: 12px;
position: fixed;
bottom: 50px;
right: 50px;
padding: 10px;
z-index: 1000;
background: #fff;
border: 1px solid #f1f1f1;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}
.ui-sortable-helper {
    cursor:move !important;
}
#arr_left {
    will-change: transform;
    position:fixed;
    left:0;
    bottom:100px;
    width:64px;
    height:64px;
    background:url("../images/left.png") no-repeat;
    display:none;
    opacity:0.5;
}
#arr_left:hover {
    opacity:1;
}
#lock {
    float:right;
    position: relative;
    z-index: 10011;
    top: 3px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    border-radius: 50%;
}
#unlock {
    will-change: transform;
    position:fixed;
    bottom:50px;
    right:50px;
    height:96px;
    width:96px;
    display:none;
    z-index: 10011;
    cursor:pointer;
}
#lock.off:hover {
    opacity: 1;
}
#lock.on, #unlock.on {
    background: url(../images/locked.png) no-repeat top left;
    background-size: contain;
}
#lock.off {
    background: url(../images/unlocked.png) no-repeat top left;
    background-size: contain;
    opacity: 0.5;
}
.pinIcon {
    width:20px;
    height:20px;
    background: url(../images/pincode.png) no-repeat top left;
    background-position: 0 0;
    display: inline-block;
    margin: 0 20px;
}
#pinDiv {
    display:none;width: 350px;height:500px;position:fixed;top:100px;left:calc(50% - 175px);z-index:10012;opacity:0.9;background: #222;color:#fff
}
.padding20 {padding:20px;}
.pinNumber {
    width: 60px;
    height: 60px;
    display: block;
    border: 1px solid #999;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    font-size: 26px;
    font-weight: 200;
    cursor:pointer;
}
.pinNumber:hover {
    background: #999;
}
.pinButton {
    color: #fff;text-align: center;font-weight: 200;border:1px solid #999;
}
.pinButton:hover {
    background: #999;
}
.wait {display:block; position:absolute; top:0; left:0; width:100%; height:100%;z-index: 10000}
/*.wait div {width:100px; height:18px; text-align:center; font-size:14px; color:#fff; background-color:rgb(0,0,0); opacity:0.3; position:fixed; top:0; bottom:0; right:0; left: 0; margin:auto; padding:10px; z-index:1001; border:1px solid #fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}*/
.wait div {position:fixed; top:0; bottom:0; right:0; left: 0; margin:auto; z-index:10001;will-change:transform;}
#overlay_fr {
    cursor:default;
}
.resized{
    position: absolute !important;
    width: calc(100% - 2px);
}
.resized.yes{
    width:268px !important;
    z-index:1
}
#popup_fr{
    width: 500px;
    height: 100%;
    background: #fff;
    cursor: default;
}
.fade,.overlay {
    will-change:transform;
    display:none; 
    cursor:w-resize; 
    position:fixed; 
    top:0; 
    left:0; 
    width:100%; 
    min-height:700px; 
    height:100%; 
    background-color:rgba(0,0,0,0.6);
    z-index:9998;
}
#fade.two {
    z-index: 10000;
}
#window2 {
    z-index: 10001;
}
.fog {
    background: url(../images/wall.jpg) no-repeat scroll 0% 0% #666666;
    opacity: .95;
    width: 100%;
    height: 100%;
    z-index: 10010;
    position: fixed;
    top: 0;
    left: 0;
    background-size: cover;
}
#basket_empty { 
    width: 270px;
    height: 98px;
    position: absolute;
    top: 50px;
    right: 80px;
}
#basket_empty .cont{
    margin-right: 20px;
    height: 94px;
    border: 2px solid #99cc33;
    border-right: none;
}
#basket_empty .cont span{
    padding: 10px;
    display: block;
    line-height: 37px;
    font-size: 16px;
    font-weight: 200;
}
#basket_empty .bord{
    width: 20px;
    height: 98px;
    top: 0;
    position: absolute;
    right: 0;
    background: url(../images/icons.png) 0 -1493px;
}
.del {
    background: url(../images/icons.png) 0px -866px;opacity:0.5;
    width: 16px;
    height: 16px;
    margin: auto;
    display: inline-block;
}
.del:hover {
    opacity:1;
}
.window {
    will-change:transform;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    z-index: 10000;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    overflow-y: auto;
}
.window.opened {
   display:block !important;
}
.order_print_sel {
    z-index: 1;
    display: none;
    position: absolute;
    margin-top: -24px;
    margin-left: -90px;
    width: 90px;
    min-height: 10px;
    padding: 0px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}
.order_print_sel span {display: block;}

.distrib_div{
    position: absolute;
    z-index: 10;
    right: 50px;
    cursor: default;
    padding: 10px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    color: #fff;
    text-align: left;
}
.distrib_div .btn {
    padding: 2px 15px;    
    display: block;
    text-align: center;
}
.status_time{
    margin-top: 5px;
    z-index: 1;
    position: absolute;
    cursor: default;
    padding: 8px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}
.status_time td {
    padding:0px 2px;
}



.btn.a.sms.process {
    color: #ccc;
    background: none;
    cursor: default;
    border: none;
}  
.btn.a.sms.ok {
    color: #1ABC9C;
    background: none;
    cursor: default;
    border: none;
}   
    
 
/*Для Селекта*/
.ord_head {
    min-height:40px;
    -webkit-box-shadow: 0px 4px 10px 0px #e1e1e1;
    -moz-box-shadow: 0px 4px 10px 0px #e1e1e1;
    box-shadow: 0px 4px 10px 0px #e1e1e1;
}
.ord_head ul {
    /*position: absolute;*/
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
    min-width:995px;   
}
.ord_head ul li {
/*float:left;*/
display: inline-block;
border-left: 1px solid #ccc;
}
.ord_head ul li ul {
   min-width:0;display:inline-table;
}


.ord_stat {
    background-color:#3a3140;
    height:70px;
  /*  padding: 10px 15px; */
    min-width:980px;
}
.grey {
    color: #555;
}
.red12 {
    color: red;
    font-size:12px;
}
.order_show {
    text-decoration: underline;
    color: #555;
    cursor:pointer;
}
/*Для Селекта в заказе*/
#tr_head select {
color:#444;
font-weight:600;
padding:0 24px 0 8px;
height: 40px;
border:0;
background-color:#fff;
  border-radius: 0px;
  -webkit-appearance: none;
  background-image: url('../images/darr_b.png');
  background-position: right 10px center;
  background-repeat: no-repeat;
  line-height: 1em;
  /* for FF */
  -moz-appearance: none;
  text-indent: 0.01px; 
  text-overflow: '';
  /* for IE */
  -ms-appearance: none;
  appearance: none!important;
  
}
#tr_head select:focus {outline: 0; -webkit-box-shadow: none;  box-shadow: none;}
#tr_head select::-ms-expand {
  display: none;
}
#tr_head select:hover {
background-color:#eee;
}




.pulse_div{
    display:inline-block;min-width: 180px;text-align: center;margin: 10px 20px 0 0;padding:0 10px;
}
.pulse_div div {
    color:#fff;height:25px;font-size:20px;font-weight:200
}
.pulse_div span {
    line-height: 34px;
    color: #fff;
    font-size: 22px;
}
.pulse_div p {
    line-height: 34px;
    color: #333;
    font-size: 22px;
}
.pulse_div p span {
    color: #333;
}
    /*Основное*/
body,select,table,div,p,span,input,select,textarea {font-family: Open Sans, sans-serif;font-size:13px;}
body{margin:0;background:#f8f8f8;font-size:13px;cursor:default;}
td {padding:0}
/*Меню верхнее*/
.menu {
    height:56px; 
    background:#333; 
    width:100%;
    min-width:980px;
    z-index: 4;
    position: relative;
}
.menu ul {
    position: absolute;
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
    min-width:980px;
    z-index:3;
}
.menu ul li {
    float: left;
    padding: 0px 10px;
    color: #9F9F9F;
    text-align: center;
    position: relative;
    line-height: 56px;
    cursor: pointer;
    font-weight:600;
}
.menu ul li:hover {
    background:#FFF;
    color:#333;
}
.menu_right {
    float:right !important;
}
.new_order {
    padding: 0px 15px !important;
    font-size:29px !important;
    color:#000 !important;
    background:#48D83C;
    font-weight:100 !important;
    height:56px;
    width:26px;
}
.new_order:hover {
    background:#48D83C !important;
}.lipulse:hover {
    background:#666 !important;
}
.lipulse span {
    display: block;
    height: 40px;
    width: 40px;
    background: url(../images/pulse.png);
    position: relative;
    top: calc(50% - 20px);
}
/*
.menu ul li ul {min-width:0px;display:none; margin:0px;font-size:14px;width: 200px;background: #f5f5f5;height:auto;left: 0;}
.menu ul li ul li {line-height: 16px;margin:0;z-index: 9;background: #f5f5f5;color: #676E79;text-align: left;padding: 3px 15px;border-bottom: 1px solid #999;width:170px;height:auto}
.menu ul li:hover ul {display:block; position:absolute; border: 1px solid #676E79;}
.menu ul li:hover ul li:hover {background: #676E79;color: #F1F1F1;}
*/
.menu ul li ul {min-width:0px;display:none; margin:0px;width: 210px;background: #f5f5f5;height:auto;left: 0;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.3);
    z-index:1;
}
.menu ul li ul li {line-height: 16px;margin:0;z-index: 9;background: #FFF;color: #333;text-align: left;padding: 6px 15px;width:180px;height:auto}
.menu ul li.hover ul {display:block; border: 0; border-top:0; border-bottom:0;}
.menu ul li.hover ul li.hover {background: #F4F4F4;color: #333;}



.m_set {
    background: url("../images/icons.png") no-repeat center;
    background-position: 0 -192px;
    display: inline-block;
    width:16px;height:16px;
    position:relative;top:2px;left:4px;
}

#clock {
    float: right;
    font-size: 20px;
    font-weight: 200;
    line-height: 56px;
    margin: 0px 10px;
    background: none;
    color: #9F9F9F;
}
/*
.status {  
  width: 400px;
  min-height: 15px;
  position: fixed;
  right: 0;
  top: 56px;
  z-index: 1000003;
  display:none;
  padding: 17px 0px;
  text-align: center;
  font-weight: 700;
  /* border-radius: 20px; */
  /*-moz-border-radius: 20px;*/
  /* -webkit-border-radius: 20px; */
/*}*/
.status{
    width: 100%;
    min-height: 15px;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 1000003;
    display: none;
    padding: 10px 0px;
    text-align: center;
    font-weight: 200;
}
.status span{font-weight:700;}
.status.g {background-color: #c1fb6f; border-top: 1px solid #92d633;}
.status.r {background-color: #fb6f6f; border-top: 1px solid #d63333;}

select option:focus {
    background: #48D83C;
    color:#fff;
    text-shadow:0 1px 0 rgba(0,0,0,0.4);
}
p {
    margin:0;padding:0;
}
.time1{
    font-weight:600;
}
.time2{
    font-weight:600;
    text-decoration:underline;
}
/*Фильтры*/
.menu.head {
    background: #fff;
-webkit-box-shadow: 0px 4px 10px 0px #e1e1e1;
-moz-box-shadow:    0px 4px 10px 0px #e1e1e1;
box-shadow:         0px 4px 10px 0px #e1e1e1;
margin-bottom:10px;
}
.menu.head ul {    min-width:1020px;}
.menu.head ul li {
    float: left;
    padding: 0;
    color: #333;
    font-weight:600;
}
.menu.head ul li:hover {
    background:#eee;
}
.ord {
    width:16px;
    height:16px;
    background: url(../images/icons.png?2) no-repeat top left;
    display:inline-block; 
    cursor:pointer;
}
.ord.p {
    background-position: 0 -48px;
}
.ord.e {
    background-position: 0 -64px;
}
.ord.d {
    background-position: 0 -80px;
}
.ord.c {
    background-position: 0 -1441px;
}
.order_time {
    font-weight:600;
    font-size:16px;
}
.blue12 {
    font-size: 12px;
    color:#0000FF;
}
.oplata {
    width:16px;
    height:16px;
    background: url(../images/icons.png) no-repeat top left;
    display:inline-block;
    background-position: 0 -96px;
    cursor:pointer;
    margin-top:2px;
}
.oplataAbr{
    border: 1px solid #75c92e;
    border-radius: 4px;
    margin-top: 5px;
    font-weight: 700;
    cursor: pointer;
}
.oplata.fr {
    background-position: -16px -96px;
}
.oplata.refund {
    background-position: 0 -1785px;
    cursor:default;
}
.oplata.n {
    background-position: 0 -112px;  
}
.ord.card {
    background-position: 0 -128px; 
}
.ord.stat {
    background-position: 0 -144px; 
}
.ord.list {
    background-position: 0 -441px; 
}
.ord.tel {
    background-position: 0 -160px; 
}
.ord.sms {
    background-position: 0 -176px;
}
.ord.wa {
    background-position: 0 -1870px;
}
.ord.tg {
    background-position: 0 -1886px;
}
.ord.plus {
    background-position: 0 -1089px; 
}
.ord.plus.selected {
    background-position: 0 -993px; 
}
.ord.client {top:3px;margin-left:10px;cursor: pointer;position: relative;}

/*Цвет и размер шрифта*/
.grey13 {
    color: #999;
    font-size: 13px;
}
.grey12 {
    color: #999;
    font-size: 12px;
}
.grey10{
    color: #999;
    font-size: 10px;
}
.red10 {
    color: red;
    font-size: 10px;
}
.black24 {
    color: #333;
    font-size: 24px;
}

.white24 {
    color: #FFF;
    font-size: 24px;
    font-weight:300;
}


.arr{
    width:8px;
    height:5px;
    background: url(../images/darr.png) no-repeat top left;
    display:inline-block;
    position:relative;
    bottom:2px;
    margin-left:10px;
}
.arr.b {
    background: url(../images/darr_b.png) no-repeat top left;
}
.orders_stats div {float:left; margin:0 15px;}



.block{
    display: block;
    text-align: center;
}
.inline{
    display: inline-block;
    text-align: center;
}
.left-white {border-left:1px solid #fff;}
.btn {
    border:1px solid #ccc;
    color:#333;
    padding: 10px 11px;
    font-size:13px;
    cursor:pointer;
}
.btn:hover{
    background: #ccc !important;
}
.btn span {
    width: 16px;
    height: 16px;
    background: url(../images/icons.png) no-repeat top left;
   /* margin-right:10px;*/
    display:inline-block;
    position:relative;
    top:3px;
    }
.btn.map span {
    background-position: 0px -16px;
}
.btn.number span {
    background-position: 0px -1680px;
}

.btn.rasp span {
    background-position: 0px -240px;
}
.btn.spisok span {
    background-position: 0px -256px;
}
.btn.refresh span {
    background-position: 0px -272px;
}    
.btn.map, .btn.prnt, .btn.number,.btn.rasp,.btn.spisok,.btn.refresh,.btn.api{color:#fff;border-radius: 20px;}
.btn.green {
    border:none;
    background:#48D83C;
    color:#fff;
    font-size:13px;
}
.btn.green:hover {
    background: #45CD3A !important;
}
.btn.blue:hover {
    background: #2B97EC !important;
}
.btn.red:hover {
    background: #E53131 !important;
}
.btn.blue {
    border:none;
    background:#2ca3ff;
    color:#fff;
    font-size:13px;
}
.btn.grey {
    border:none;
    background:#e9e9e9;
    color:#646464;
    font-size:13px;
}
.btn.red {
    border:none;
    background:#ff3333;
    color:#fff !important;
    font-size:13px;
}
.btn.black {
    border:none;
    background:#595959;
    color:#fff !important;
    font-size:13px;
}
.btn.white {
    border:none;
    background:#fff;
    color:#333 !important;
    font-size:13px;
}
.btn.basket span {
    background: url(../images/icons.png) !important;
    background-position: 0px -288px !important;
    top: 0px;
}
.btn.basket_red span {
    background: url(../images/icons.png) !important;
    background-position: 0px -977px !important;
    top: 0px;
}
.btn.toclose span {
    background: url(../images/icons.png) !important;
    background-position: 0px -207px !important;
    top: 0px;
}
.btn.save span {
    background: url(../images/icons.png) !important;
    background-position: 0px -993px !important;
    top: 0px;
}
 .btn.basket{   width: 14px !important;
 }
 /*
#submit .btn {
    display: inline-block;
}*/
.btn.clos {
    border:none;
    padding:20px;
}
.btn.clos span{
    background: url(../images/icons.png) !important;
    background-position: 0px -80px !important;
    top: 1px;
}
.close {
    background: url(../images/icons.png);
    background-position: 0px -207px;
    margin: 0 0 0 5px;
    padding: 0px 0 0 16px;
    top: 3px;
    cursor: pointer;
    height: 16px;
    position: relative;
}

.a_text{
    text-decoration:none;
    color:#FFF;
}
.menu ul li ul li:hover .a_text{
    color:#FFF;
}

.icon_exit {
    background: url(../images/icons.png) no-repeat top left;background-position: 0 -32px;display:inline-block;width:16px;height:16px;right: 5px;top: 10px;position: absolute;
}

#filterPeriod{
    padding:20px;background-color:#e9e9e9;
-webkit-box-shadow: inset 0px 10px 10px -4px #d5d5d5;
-moz-box-shadow:    inset 0px 10px 10px -4px #d5d5d5;
box-shadow:         inset 0px 10px 10px -4px #d5d5d5;
}


#s_orderPeriod,#s_writeoffPeriod,#sheetPeriod,#cashboxPeriod,.filter_form 
{display:none; z-index:500; width:240px; position:relative; top:56px; padding:10px; background-color:#fff;
    -webkit-box-shadow: 0px 4px 10px 0px #e1e1e1;
    -moz-box-shadow: 0px 4px 10px 0px #e1e1e1;
    box-shadow: 0px 4px 10px 0px #e1e1e1;}

#filterPeriod input {
    width: 135px;
    padding: 5px;
    border: none;
    margin-left: 5px;
    font-size: 14px;
}

#filterPeriod div {
    background-color: #fff;
    padding: 5px;
}

/*---datepicker*/
.calendar 
{    display: inline-block;
    background: url(../images/icons.png);
    background-position: 0px -224px;
    margin: 0 0 0 5px;
    padding: 0px 0 0 16px;
    top: 3px;
    cursor: pointer;
    height: 16px;
    position: relative;
    opacity: 0.5;
}
.calendar:hover {
    opacity:1;
}
/*.calendar {display:inline-block; background:url(../images/icons.png); background-position: 0 -232px; margin:0 0 0 5px; padding:0px 0 0 16px; cursor:pointer;height:16px;}*/
.dpDiv {margin:0 !important; padding:5px 10px; font-size:13px; text-align: center; color:#333; 
background:#fff;
/*	background:#eaf8fa;
	background: -moz-linear-gradient(top, #eaf8fa 0%, #f0edea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaf8fa), color-stop(100%,#f0edea));
	background: -webkit-linear-gradient(top, #eaf8fa 0%,#f0edea 100%);
	background: -o-linear-gradient(top, #eaf8fa 0%,#f0edea 100%);
*/
-webkit-box-shadow:  0px 0px 6px 1px #999;
-moz-box-shadow: 0px 0px 6px 1px #999;
box-shadow: 0px 0px 6px 1px #999;
}
#datepicker 
{
    line-height: 13px !important;
}
/*#datepicker td {border:none !important}*/
.dpTitleTD {border:none !important}
.dpTable .dpTR td {width:25px;height:25px; border: 2px solid #fff; background:#fff;}
.dpTitleTR td {height:30px; text-align:center; border:none !important}
.dpTodayButtonTR td {height:30px;}
#datepicker td {padding:0 !important;}
#datepicker .dpTD {width:25px; height:25px; padding:0 !important; border: 2px solid #C9E7C7 !important; border-radius: 100%;}
.dpTDHover {width:25px; height:25px; border-radius: 100%; cursor:pointer; background-color: #81d97c !important; color:#fff}
#datepicker .dpDayHighlightTD {border: 0px solid #81D97C !important; border-radius: 100%; background-color: #81d97c !important; color: #fff;width:25px; height:25px;}
.dpDayTD {width:25px; height:25px; color:#7E7E7E; border:2px solid #fff !important; background:#fff;font-weight:bold}
.dpTDTime {width:20px; height:20px; padding:0 5px; border:2px solid #fff; cursor:pointer;}
.dpTDTime:hover {width:20px; height:20px; border:2px solid #c2c2c2 !important;}
.dpTitleText {font-size:15px;font-weight:bold;display:inline-block;}
.dpButton {font-size:16px;  cursor:pointer;}
.dpTodayButton {margin:0 10px; color:#333; cursor:pointer;font-size:14px}
.dpTimeSelected {background:#81D97C !important;color:#fff;}
.dpDayDisabledTD {color:#AAA;width:25px; height:25px;}

.dpWrap {position:relative;border: 1px solid transparent}
.input_wrap {
padding: 5px 0 5px 10px;
border: 1px solid #d9d9d9;
background: #fff;
position: relative;
transition: width, 0.5s;
}
.scrollbox{
  border: 1px solid #CCCCCC;
  width: 350px;
  height: 100px;
  background: #FFFFFF;
  overflow-y: scroll;
  margin: 10px 0;
  font-weight: 600;
}
.scrollbox div {
  padding: 3px 10px;  border-bottom: 1px dotted #999;
}
.scrollbox div input {
    display:none;
}
/*---акции поиск*/
.share_search {position:relative;}
#share_search_result {
    display: none;
    position: absolute;
    min-width: 210px;
    max-width: 300px;
    background: #fff;
    border: 1px solid #ddd;
    margin: 0;
    z-index: 1;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    text-overflow: ellipsis;
}
#share_search_result ul {list-style:none; width:100%; margin:0; padding:0;}
#share_search_result ul li {
    list-style: none;
    cursor: pointer;
    width: 92%;
    margin: 0;
    padding: 4px 4%;
    font-weight: 600;}
#share_search_result ul li:hover {background:#FFE680;}
#day_of_week,#statusID option {
    font-weight: 600;
    font-size: 14px;
    padding: 4px 10px;
}
.radius {
    padding:20px;
}
.noborderbottom td {border-bottom:none !important;}
.bordertop td{border-top:1px solid #e9e9e9;}
.tip-icon {
    display:inline-block;
    width:18px;
    height:18px;
    background: url(../images/icons.png);background-position: 0px -927px;
    opacity:0.4;
}
.tip-icon:hover{
    opacity:1;
}
.home-icon {
    width:16px;
    height:16px;
    background: url(../images/icons.png);background-position: 0px -1104px;
    display:inline-block;
}

#group_rashod:after, .group_rashod:after{
    width:180px;
    white-space:normal !important;
}
.hintmax:after {
    width:180px;
    white-space:normal !important;
    left: 0 !important;    
}
.hintmax:before {
    left: 0 !important;    
}
#group_rashod:before, .group_rashod:before{
    left: 2px;
}
 
.page-hint {
text-align: center;
font-family: Arial;
background: #C2E2F2;
height: 100%;
font-size: 18px;
color: #444;
}
.pad10{
    padding: 10px !important;
}
h1 {
font-size: 5em;
}

h1,h3{
margin: 5px 0;
}

a {
color: #333;
text-decoration: none;
}
 
.hint, [data-hint] {
  position: relative;
  }
  
  .hint:before, .hint:after, [data-hint]:before, [data-hint]:after {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    z-index: 1000000;
    pointer-events: none;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    transition: 0.3s ease; }
  .hint:hover:before, .hint:hover:after, [data-hint]:hover:before, [data-hint]:hover:after {
    visibility: visible;
    opacity: 1; }
  .hint:before, [data-hint]:before {
    content: '';
    position: absolute;
    background: transparent;
    border: 6px solid transparent;
    z-index: 1000001; }
  .hint:after, [data-hint]:after {
    content: attr(data-hint);
    background: #383838;
    color: white;
    text-shadow: 0 -1px 0px black;
    padding: 8px 10px;
    font-size: 12px;
    line-height: 12px;
    white-space: nowrap;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); }

.hint--top:before {
  border-top-color: #383838; }

.hint--bottom:before {
  border-bottom-color: #383838; }

.hint--left:before {
  border-left-color: #383838; }

.hint--right:before {
  border-right-color: #383838; }

/**
 * top tooltip
 */
.hint--top:before {
  margin-bottom: -12px; }
.hint--top:after {
  margin-left: -18px; }
.hint--top:before, .hint--top:after {
  bottom: 100%;
  left: 50%; }
.hint--top:hover:before, .hint--top:hover:after {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px); }

/**
 * bottom tooltip
 */
.hint--bottom:before {
  margin-top: -12px; }
.hint--bottom:after {
  margin-left: -18px; }
.hint--bottom:before, .hint--bottom:after {
  top: 100%;
  left: 50%; }
.hint--bottom:hover:before, .hint--bottom:hover:after {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px); }

/**
 * right tooltip
 */
.hint--right:before {
  margin-left: -12px;
  margin-bottom: -6px; }
.hint--right:after {
  margin-bottom: -14px; }
.hint--right:before, .hint--right:after {
  left: 100%;
  bottom: 50%; }
.hint--right:hover:before, .hint--right:hover:after {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  transform: translateX(8px); }

/**
 * left tooltip
 */
.hint--left:before {
  margin-right: -12px;
  margin-bottom: -6px; }
.hint--left:after {
  margin-bottom: -14px; }
.hint--left:before, .hint--left:after {
  right: 100%;
  bottom: 50%; }
.hint--left:hover:before, .hint--left:hover:after {
  -webkit-transform: translateX(-8px);
  -moz-transform: translateX(-8px);
  transform: translateX(-8px); }

 /*
 * Error
 */
.hint--error:after {
  background-color: #b34e4d;
  text-shadow: 0 -1px 0px #5a2626; }
.hint--error.hint--top:before {
  border-top-color: #b34e4d; }
.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; }

/**
 * Warning
 */
.hint--warning:after {
  background-color: #c09854;
  text-shadow: 0 -1px 0px #6d5228; }
.hint--warning.hint--top:before {
  border-top-color: #c09854; }
.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; }

/**
 * Info
 */
.hint--info:after {
  background-color: #3986ac;
  text-shadow: 0 -1px 0px #193c4c; }
.hint--info.hint--top:before {
  border-top-color: #3986ac; }
.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; }

/**
 * Success
 */
.hint--success:after {
  background-color: #458746;
  text-shadow: 0 -1px 0px #1a331a; }
.hint--success.hint--top:before {
  border-top-color: #458746; }
.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; }

/**
 * 	1) hint--always
 * 	
 */
.hint--always:after, .hint--always:before {
  opacity: 1;
  visibility: visible; }
.hint--always.hint--top:after, .hint--always.hint--top:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px); }
.hint--always.hint--bottom:after, .hint--always.hint--bottom: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); }

/**
 * 	1) hint--rounded 
 */
.hint--rounded:after {
  border-radius: 4px; }
.shedule_butt {
    height:44px;width: 200px;display:inline-block;vertical-align: top;
}
.inline {
    display:inline-block;
}
.waiterDiv {   
    padding-left: 20px;
    border-right: 1px solid #e9e9e9;
    display:inline-block;
    background: #fff;
}
.w200 {
    width: 200px;
}
.width700 {
    width: 700px;
}

.waiterSpan {  
    line-height: 44px;
    font-weight: 600;
}
.sheduleRemove {
    top: 13px;position: relative;vertical-align: top;margin:0 10px;float:right;
}
.sheduleWaiterTable tr td{
    border-bottom:1px solid #e9e9e9;
}
.sheduleWaiterTable tr:last-child td{
    border-bottom: none !important;
}
.sheduleWaiterTable tr td .waiterDiv:first-child {
    background: yellow;
}
.blinked {
    background: #d1ff8a !important;
}
.loader {
  font-size: 30px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 5px auto;
  position: relative;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load6 1.7s infinite ease;
  animation: load6 1.7s infinite ease;
    text-align:center;
}
@-webkit-keyframes load6 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    box-shadow: 0 -0.83em 0 -0.4em #aaa, 0 -0.83em 0 -0.42em #aaa, 0 -0.83em 0 -0.44em #aaa, 0 -0.83em 0 -0.46em #aaa, 0 -0.83em 0 -0.477em #aaa;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em #aaa, 0 -0.83em 0 -0.42em #aaa, 0 -0.83em 0 -0.44em #aaa, 0 -0.83em 0 -0.46em #aaa, 0 -0.83em 0 -0.477em #aaa;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em #aaa, -0.087em -0.825em 0 -0.42em #aaa, -0.173em -0.812em 0 -0.44em #aaa, -0.256em -0.789em 0 -0.46em #aaa, -0.297em -0.775em 0 -0.477em #aaa;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em #aaa, -0.338em -0.758em 0 -0.42em #aaa, -0.555em -0.617em 0 -0.44em #aaa, -0.671em -0.488em 0 -0.46em #aaa, -0.749em -0.34em 0 -0.477em #aaa;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em #aaa, -0.377em -0.74em 0 -0.42em #aaa, -0.645em -0.522em 0 -0.44em #aaa, -0.775em -0.297em 0 -0.46em #aaa, -0.82em -0.09em 0 -0.477em #aaa;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    box-shadow: 0 -0.83em 0 -0.4em #aaa, 0 -0.83em 0 -0.42em #aaa, 0 -0.83em 0 -0.44em #aaa, 0 -0.83em 0 -0.46em #aaa, 0 -0.83em 0 -0.477em #aaa;
  }
}
@keyframes load6 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    box-shadow: 0 -0.83em 0 -0.4em #aaa, 0 -0.83em 0 -0.42em #aaa, 0 -0.83em 0 -0.44em #aaa, 0 -0.83em 0 -0.46em #aaa, 0 -0.83em 0 -0.477em #aaa;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em #aaa, 0 -0.83em 0 -0.42em #aaa, 0 -0.83em 0 -0.44em #aaa, 0 -0.83em 0 -0.46em #aaa, 0 -0.83em 0 -0.477em #aaa;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em #aaa, -0.087em -0.825em 0 -0.42em #aaa, -0.173em -0.812em 0 -0.44em #aaa, -0.256em -0.789em 0 -0.46em #aaa, -0.297em -0.775em 0 -0.477em #aaa;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em #aaa, -0.338em -0.758em 0 -0.42em #aaa, -0.555em -0.617em 0 -0.44em #aaa, -0.671em -0.488em 0 -0.46em #aaa, -0.749em -0.34em 0 -0.477em #aaa;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em #aaa, -0.377em -0.74em 0 -0.42em #aaa, -0.645em -0.522em 0 -0.44em #aaa, -0.775em -0.297em 0 -0.46em #aaa, -0.82em -0.09em 0 -0.477em #aaa;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    box-shadow: 0 -0.83em 0 -0.4em #aaa, 0 -0.83em 0 -0.42em #aaa, 0 -0.83em 0 -0.44em #aaa, 0 -0.83em 0 -0.46em #aaa, 0 -0.83em 0 -0.477em #aaa;
  }
}







#tabs {
    will-change:transform;
    position: fixed;
    height: 35px;
    min-width: 980px;
    width: 100%;
    background: #fff;
    bottom: 0;
    left: 0;
    border-top: 1px solid #ccc;
    z-index:99;
}
.tab_down {
    border-right: 1px solid #ccc;
    height: 21px;
    float: left;
    padding: 7px 20px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    background: #f8f8f8;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    min-width: calc(100%/10 - 41px);
    max-width: calc(100%/4 - 41px);
    position: relative;
    user-select: none;
}
.tab_down:hover{
    background: #e5e5e5;
}
.tab_down:active{
    background: #ddd;
}
.tab_down.seld {
    cursor:default;
    background: #eee;
}
.tab_close_wrap {
    position:absolute; top: 0; right: 0; width:20px; height: 20px
}
.pace {
    will-change: transform;
  -webkit-pointer-events: none;
  pointer-events: none;



  -webkit-perspective: 12rem;
  -moz-perspective: 12rem;
  -ms-perspective: 12rem;
  -o-perspective: 12rem;
  perspective: 12rem;

  z-index: 10001;
  position: fixed;
  height: 10rem;
  width: 10rem;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.pace-running #running_fog{
    position:fixed;height:1000%;width:1000%;background:#fff;z-index:10000;
}
.pace-done #running_fog{
    display:none;
}
 
.pace.pace-inactive .pace-progress {
  display: none;
}

.pace .pace-progress {
  position: fixed;
  z-index: 10001;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 10rem;
  width: 10rem !important;
  line-height: 10rem;
  font-size: 3rem;
  border-radius: 50%;
  background: rgba(7, 222, 67, 0.8);
  color: #fff;
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 100;
  text-align: center;

  -webkit-animation: pace-theme-center-circle-spin linear infinite 2s;
  -moz-animation: pace-theme-center-circle-spin linear infinite 2s;
  -ms-animation: pace-theme-center-circle-spin linear infinite 2s;
  -o-animation: pace-theme-center-circle-spin linear infinite 2s;
  animation: pace-theme-center-circle-spin linear infinite 2s;

  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.pace .pace-progress:after {
  content: attr(data-progress-text);
  display: block;
}


/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #14ff00;

  position: fixed;
  z-index: 1031;
  top: 0px;
  left: 0;
  width: 100%;
  height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 10px;
  height: 100%;
  box-shadow: 0 0 10px #14ff00, 0 0 5px #14ff00;


}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;

  -webkit-animation: nprogress-spinner 400ms linear infinite;
          animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.order_summ {
    font-size: 17px;font-weight:600; white-space: nowrap;
}
.margin-left-10{margin-left:10px;}
.margin-right-10{margin-right:10px;}
.margin-right-20{margin-right:20px;}

.flex {display:flex;align-items: center;justify-content: flex-end;}
.f14 {font-size:14px;}
.f24 {font-size:24px;}


.selected > .ingred__{
    display: none;
}

/* Стандартные настройки Dropdown   */


.dropdown {color: #333;cursor:pointer;position: relative;cursor: pointer;font-weight: 600;
-webkit-user-select: none;-moz-user-select: none;user-select: none;height: 100%;}

.dropdown .option {
    /*white-space: nowrap;*/
    width: 100%;
    display: block;
    padding: 3px 10px;
    box-sizing: border-box;
    overflow-x: hidden;
    text-overflow: ellipsis;
    line-height: normal;
    border-bottom: 1px solid #f1f1f1;
}

.dropdown .cont {
    display:none;
    position:absolute;
    top: 100%;
    padding: 0;
    list-style: none;
    min-width: 100%;
    max-width: 100%;
    overflow:hidden;
    background: #f8f8f8;
	z-index: 2;
    webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.3);
    max-height: 300px;
    overflow-y: auto;
}
.dropdown.open .cont {display:block;} 

.dropdown .wrap {display:flex;align-items: center;height:100%;justify-content: space-between;}

.dropdown .selected {
    display: block;
    float: left;
    width: calc(100% - 30px);
    box-sizing: border-box;
    padding-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: normal;
    white-space: nowrap;
}


.dropdown .carat {
    float:right;
    width:16px;
    height:16px;
    padding: 0 7px;
    background: url(../images/icons.png) 6px -1624px;
    position:static;
    top: inherit;
}
.dropdown.open .carat{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.dropdown,
.dropdown div,
.dropdown li,
.dropdown .carat
{
	-webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease-in-out;
	-ms-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
}

.dropdown > .wrap > input[type=text]{
    display:none;
    float:left;
    width:calc(100% - 30px);
    height:100%;
    border:none;
    background:none;
    color:#333;
    padding:0 0 0 10px;
    box-sizing: border-box;
    font-weight: 600;
}
.dropdown .optgroup {
    padding: 2px 15px;
    line-height: 24px;
    cursor: not-allowed;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    background:#f0f0f0;
}
.dropdown .option:hover{
	background: #8ce585;
	color: #fff;
}
.dropdown .option.hover{
	background: #8ce585;
	color: #fff;
}

.dropdown .option.active{
	background: #48D83C;
	color: #fff;
}
.dropdown .option.disabled {
    color: #777;background: #f0f0f0;cursor: not-allowed;
}


/* Настройка при выводе заказов */

#content .dropdown, #client_order .dropdown{position:static;height:inherit;font-weight:400;}
#content .dropdown .cont, #client_order .dropdown .cont{position:absolute;top: inherit;margin: 0;min-width: 165px;max-width: 240px;}
#content .dropdown .selected, #client_order .dropdown .selected{line-height:inherit;white-space: normal;max-height: 3em;color: #fff;font-weight:400;}
#content .dropdown .wrap, #client_order  .dropdown .wrap{display:flex;align-items: center;height:100%}
#content .dropdown > .wrap > input[type=text], #client_order > .wrap > input[type=text]{color:#fff;}
#content .dropdown .carat, #neworder_head .dropdown .carat , #neworder_head2 .dropdown .carat, #client_order .dropdown .carat{background: url(../images/icons.png) 6px -1640px;}



.td_pay .dropdown .cont{
    display:block;
    height: initial !important;
    webkit-box-shadow: 0px 4px 10px 0px #e1e1e1;
    -moz-box-shadow: 0px 4px 10px 0px #e1e1e1;
    box-shadow: 0px 4px 10px 0px #e1e1e1;
}

.main-p{
    font-size: 16px;
    padding: 5px 0;
}


#filterStatus .cont, #filterProduct .cont, #filterWaiter .cont {
    max-width:150% !important;
}
.selectFil .selected,.selectFil .option, .selFilDate.day .selected, .selFilDate.day .option, #statFilterForm .selected, #statFilterForm .option,
.selectMonthDiv .selected, .selectMonthDiv .option{
    padding-left: 20px;
} 
.selFilDate .selected {
    padding-left: 5px;
} 
.selectFil {
    border-bottom: 1px solid #f8f8f8;
}

#neworder_head .dropdown, #neworder_head2 .dropdown {
    font-weight: 200;
    line-height: inherit !important;
}
#neworder_head .dropdown .option, #neworder_head .dropdown .selected,
#neworder_head2 .dropdown .option, #neworder_head2 .dropdown .selected {
    font-size:15px;
    font-weight:200; 
}

#neworder_head .selected, #neworder_head2 .selected  {color:#fff;}

#billCont  .dropdown .cont {
    top: inherit;
    bottom: 100% !important;
    max-height:150px !important;    
}

#billPersTable .dropdown{
    border: 1px solid #e9e9e9;
}

#setmargin .cont,#setsale .cont{
    min-width: 65px !important;
    max-width: 100px !important;
    right: 0;
}
#product_color .option {
    color:#333 !important;
}
#statCont tspan {
    font-size:12px;
}

#reason_order_id .cont {
    display: block !important;
    position: relative;
}
#reason_order_id .option{
    font-size: 15px;
    font-weight:200;
    padding:10px 10px;
}

.td_tags {padding: 3px 15px;text-align: right;}
.td_tags span {
    background: #ccffb8;
    padding: 1px 10px;
    border-radius: 10px;
}
.orders_buttons {
    position:relative;
}
#findbynumber_div {
    position: absolute;
    width: 150px;
    height: 40px;
    background: #fff;
    right: 100%;
    /*top: -50%;*/
    top: 0%;
    text-align: left;
    border: 1px solid #3a3140;
    display: none;
}
#findbynumber_div input {
    height: 36px;
    width: 90px;
    padding: 2px 10px;
    font-size: 18px;
}
#findbynumber_div div{
    float: right;
    height: 100%;
    padding: 0;
    width: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 13px;
    background: #48D83C;
    color: #fff;
}

.cost_cat_under2{
    padding-left: 30px !important;
}

.cost_cat_under3{
    padding-left: 40px !important;
}
.cost_cat_under4{
    padding-left: 50px !important;
}
.selEdizm .cont {
    top: inherit;
    bottom: 100% !important;
    max-height: 150px !important;
}
.so_sel_k_div, .so_sel_k_div span, .so_sel_k_div input{
    font-size: 20px;
}
.so_sel_k_div .to_input{
    border: 1px solid #d9d9d9;
    padding: 2px 5px;
    margin-right: 5px;
}
.so_sel_k_div {
    white-space: nowrap;
}
#so_sel_k_div, .so_sel_k_tr {
    display:none;
}
#so_sel_k_div.vis {
    display:block;
}
.so_sel_k_tr.vis {
    display:table-row;
}
.to_input_k .input{
    width: 40px;
    height: 40px;
    background: #fff;
    padding: 0 0 0 10px;
}
.to_input_k {
    display: inline-block;
    border: 1px solid transparent;
}
.so_sel_k_tr {
    color: #666;
}
#orderSaveFr {
    display:none;
}
#orderSaveFr span{
    margin-right: 10px;
    background-position: 0px -1770px;
}
#kkm_find{
    font-size: 20px;
    padding-bottom:20px;
}
#kkm_log{
    font-size: 16px;
    text-align: left;
}
.kkm_item span {
    font-size: 20px;
    white-space: nowrap;
}
#kkm_item_status{
    font-weight: 200;
}
#cssload-pgloading {
    display:none;
}

#cssload-pgloading:after {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
}
/* #cssload-pgloading .cssload-loadingwrap {position:absolute;top:45%;bottom:45%;left:25%;right:25%;}*/
#cssload-pgloading .cssload-bokeh {
    font-size: 113px;
    width: 1em;
    height: 1em;
    position: relative;
    margin: 30px auto;
    list-style: none;
    padding:0;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

#cssload-pgloading .cssload-bokeh li {
    position: absolute;
    width: .2em;
    height: .2em;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

#cssload-pgloading .cssload-bokeh li:nth-child(1) {
    left: 50%;
    top: 0;
    margin: 0 0 0 -.1em;
    background: rgb(0,193,118);
    transform-origin: 50% 250%;
    -o-transform-origin: 50% 250%;
    -ms-transform-origin: 50% 250%;
    -webkit-transform-origin: 50% 250%;
    -moz-transform-origin: 50% 250%;
    animation:
            cssload-rota 1.13s linear infinite,
            cssload-opa 3.67s ease-in-out infinite alternate;
    -o-animation:
            cssload-rota 1.13s linear infinite,
            cssload-opa 3.67s ease-in-out infinite alternate;
    -ms-animation:
            cssload-rota 1.13s linear infinite,
            cssload-opa 3.67s ease-in-out infinite alternate;
    -webkit-animation:
            cssload-rota 1.13s linear infinite,
            cssload-opa 3.67s ease-in-out infinite alternate;
    -moz-animation:
            cssload-rota 1.13s linear infinite,
            cssload-opa 3.67s ease-in-out infinite alternate;
}

#cssload-pgloading .cssload-bokeh li:nth-child(2) {
    top: 50%;
    right: 0;
    margin: -.1em 0 0 0;
    background: rgb(255,0,60);
    transform-origin: -150% 50%;
    -o-transform-origin: -150% 50%;
    -ms-transform-origin: -150% 50%;
    -webkit-transform-origin: -150% 50%;
    -moz-transform-origin: -150% 50%;
    animation:
            cssload-rota 1.86s linear infinite,
            cssload-opa 4.29s ease-in-out infinite alternate;
    -o-animation:
            cssload-rota 1.86s linear infinite,
            cssload-opa 4.29s ease-in-out infinite alternate;
    -ms-animation:
            cssload-rota 1.86s linear infinite,
            cssload-opa 4.29s ease-in-out infinite alternate;
    -webkit-animation:
            cssload-rota 1.86s linear infinite,
            cssload-opa 4.29s ease-in-out infinite alternate;
    -moz-animation:
            cssload-rota 1.86s linear infinite,
            cssload-opa 4.29s ease-in-out infinite alternate;
}

#cssload-pgloading .cssload-bokeh li:nth-child(3) {
    left: 50%;
    bottom: 0;
    margin: 0 0 0 -.1em;
    background: rgb(250,190,40);
    transform-origin: 50% -150%;
    -o-transform-origin: 50% -150%;
    -ms-transform-origin: 50% -150%;
    -webkit-transform-origin: 50% -150%;
    -moz-transform-origin: 50% -150%;
    animation:
            cssload-rota 1.45s linear infinite,
            cssload-opa 5.12s ease-in-out infinite alternate;
    -o-animation:
            cssload-rota 1.45s linear infinite,
            cssload-opa 5.12s ease-in-out infinite alternate;
    -ms-animation:
            cssload-rota 1.45s linear infinite,
            cssload-opa 5.12s ease-in-out infinite alternate;
    -webkit-animation:
            cssload-rota 1.45s linear infinite,
            cssload-opa 5.12s ease-in-out infinite alternate;
    -moz-animation:
            cssload-rota 1.45s linear infinite,
            cssload-opa 5.12s ease-in-out infinite alternate;
}

#cssload-pgloading .cssload-bokeh li:nth-child(4) {
    top: 50%;
    left: 0;
    margin: -.1em 0 0 0;
    background: rgb(136,193,0);
    transform-origin: 250% 50%;
    -o-transform-origin: 250% 50%;
    -ms-transform-origin: 250% 50%;
    -webkit-transform-origin: 250% 50%;
    -moz-transform-origin: 250% 50%;
    animation:
            cssload-rota 1.72s linear infinite,
            cssload-opa 5.25s ease-in-out infinite alternate;
    -o-animation:
            cssload-rota 1.72s linear infinite,
            cssload-opa 5.25s ease-in-out infinite alternate;
    -ms-animation:
            cssload-rota 1.72s linear infinite,
            cssload-opa 5.25s ease-in-out infinite alternate;
    -webkit-animation:
            cssload-rota 1.72s linear infinite,
            cssload-opa 5.25s ease-in-out infinite alternate;
    -moz-animation:
            cssload-rota 1.72s linear infinite,
            cssload-opa 5.25s ease-in-out infinite alternate;
}







@keyframes cssload-rota {
    from { }
    to { transform: rotate(360deg); }
}

@-o-keyframes cssload-rota {
    from { }
    to { -o-transform: rotate(360deg); }
}

@-ms-keyframes cssload-rota {
    from { }
    to { -ms-transform: rotate(360deg); }
}

@-webkit-keyframes cssload-rota {
    from { }
    to { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes cssload-rota {
    from { }
    to { -moz-transform: rotate(360deg); }
}

@keyframes cssload-opa {
    0% { }
    12.0% { opacity: 0.80; }
    19.5% { opacity: 0.88; }
    37.2% { opacity: 0.64; }
    40.5% { opacity: 0.52; }
    52.7% { opacity: 0.69; }
    60.2% { opacity: 0.60; }
    66.6% { opacity: 0.52; }
    70.0% { opacity: 0.63; }
    79.9% { opacity: 0.60; }
    84.2% { opacity: 0.75; }
    91.0% { opacity: 0.87; }
}

@-o-keyframes cssload-opa {
    0% { }
    12.0% { opacity: 0.80; }
    19.5% { opacity: 0.88; }
    37.2% { opacity: 0.64; }
    40.5% { opacity: 0.52; }
    52.7% { opacity: 0.69; }
    60.2% { opacity: 0.60; }
    66.6% { opacity: 0.52; }
    70.0% { opacity: 0.63; }
    79.9% { opacity: 0.60; }
    84.2% { opacity: 0.75; }
    91.0% { opacity: 0.87; }
}

@-ms-keyframes cssload-opa {
    0% { }
    12.0% { opacity: 0.80; }
    19.5% { opacity: 0.88; }
    37.2% { opacity: 0.64; }
    40.5% { opacity: 0.52; }
    52.7% { opacity: 0.69; }
    60.2% { opacity: 0.60; }
    66.6% { opacity: 0.52; }
    70.0% { opacity: 0.63; }
    79.9% { opacity: 0.60; }
    84.2% { opacity: 0.75; }
    91.0% { opacity: 0.87; }
}

@-webkit-keyframes cssload-opa {
    0% { }
    12.0% { opacity: 0.80; }
    19.5% { opacity: 0.88; }
    37.2% { opacity: 0.64; }
    40.5% { opacity: 0.52; }
    52.7% { opacity: 0.69; }
    60.2% { opacity: 0.60; }
    66.6% { opacity: 0.52; }
    70.0% { opacity: 0.63; }
    79.9% { opacity: 0.60; }
    84.2% { opacity: 0.75; }
    91.0% { opacity: 0.87; }
}

@-moz-keyframes cssload-opa {
    0% { }
    12.0% { opacity: 0.80; }
    19.5% { opacity: 0.88; }
    37.2% { opacity: 0.64; }
    40.5% { opacity: 0.52; }
    52.7% { opacity: 0.69; }
    60.2% { opacity: 0.60; }
    66.6% { opacity: 0.52; }
    70.0% { opacity: 0.63; }
    79.9% { opacity: 0.60; }
    84.2% { opacity: 0.75; }
    91.0% { opacity: 0.87; }
}

.btnBalance {
    height:40px;width:40px;border:1px solid #2bf508;border-radius:50%;cursor:pointer;
}
.btnBalance:hover, .btnBalance.active {
    background:#276b1d;
}
.btnBalance span {
    margin:14px auto;display:block;width:17px;height:16px;background:url(../images/icons.png) 0 -802px
}

.btnDetails {
    display: inline-block;margin:0 20px;height:40px;width:40px;border:1px solid #ea9435;border-radius:50%;cursor:pointer;
}
.btnDetails:hover {
    background:#776b24;
}
.btnDetails span {
    margin:13px auto;display:block;width:17px;height:16px;background:url(../images/icons.png) 0 -1608px
}
#payment_frame{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 1000000;
    box-sizing: border-box;
    display: none;
}
.payment-block {
    position: absolute;
    background: #fff;
    width: 100%;
    z-index: 1;
    border-bottom: 1px solid #eee;
    box-shadow: 1px 3px 5px #ddd;
    padding: 10px 20px;
    box-sizing: border-box;
    display: none;
    /*min-height: 300px;*/
}
.payment-block .title{
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 14px;
}
.payment-block label{
    width: 280px;
    display: block;
}
.div-payment{
    width:64px;
    height:64px;
}
.div-payment.card{
    background: transparent url(../images/payments/cards.png) no-repeat;
}
.div-payment.yamoney{
    background: transparent url(../images/payments/yamoney.png) no-repeat;
}
.div-payment.cash{
    background: transparent url(../images/payments/cash.png) no-repeat;
}
.div-payment.webmoney{
    background: transparent url(../images/payments/webmoney.png) no-repeat;
}
.div-payment.qiwi{
    background: transparent url(../images/payments/qiwi.png) no-repeat;
}
.div-payment.pp{
    background: transparent url(../images/payments/pp.png) no-repeat;
}
.div-payment.mobile{
    background: transparent url(../images/payments/mobile.png) no-repeat;
}
.bold {
    font-weight:600;
}
.paymentSelect-table{
    border: 2px solid transparent;
    border-radius: 3px;
    margin-top: 10px;
    padding: 0 10px;
    width: 280px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.paymentSelect-table.active{
    border: 2px solid #48d348;
}
.payment_cost_total{
    display: none;
}
#barcodeWindow{
    position: absolute;
    z-index:10010;
    width:600px;
    height:100%;
    box-sizing: border-box;
    left:calc(50% - 300px);
    top: 0;
    background:#fff;
    border:1px solid #ccc;
    box-shadow: #ababab 1px 1px 5px 0px;
    padding: 20px;
    text-align: center;
    font-size:20px;
    font-weight: 200;
    display:none;
}
#barcodeWindow #barcode{
    font-size: 20px;font-weight: 400
}
.bcmainwindow{
    height:100%;width:100%;border:0px solid #ddd;text-align: left;overflow-y: auto
}
#barcodeWindow .labeltext{
    min-width:200px;font-size: 16px;padding-left: 10px;
}
.reasonOrder{
    background: #595959;
    color: #fff;
    line-height: 25px;
}
#s_products_search_res ul, #stoplist_products_search_res ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
#s_products_search_res ul li, #stoplist_products_search_res ul li{
    cursor: pointer;
    min-height: 30px;
    list-style: none;
    margin: 0px;
    padding: 0px 20px;
    border-bottom: 1px solid #f4f4f4;
    font-weight: 600;
}
#ping {
    width: 20px;
    height: 20px;
    float: right;
    top: 18px;
    position: relative;
    border-radius: 50%;
    right: 10px;
}
#ping.green{
    background: #4bff00 !important;
}
#ping.yellow{
    background: #ffef00 !important;
}
#ping.red, .bgred{
    background: #ff0300 !important;
}
.fr_product.stopped {

    background: url(../images/prstopped.png) round !important;
    background-color: #ccc !important;
}
.stopListTrHead{
    height: 56px;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
}
.stoplistTable .stopListTrHead td{
    background-color: #48d348;
}
.stoplistTable td{
    padding: 0 6px;
    overflow: hidden;
    word-break: break-word;
}
.stoplistTable .stopListTrHead td:last-child {
    padding: 6px;
    text-align: center;
    background: #777;
    color: #fff;
    cursor: pointer;
}
.stoplistTable td:last-child {
    padding: 0;
}
.stoplistTable tr:not(.stopListTrHead) td{
    border-bottom:1px solid #ccc;

}
.stopListBtn {
    width: 100%;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}
.bg_red {
    background: red;
}
#stoplist_category {
    height: 100%;
    overflow: auto;
}
#stoplist_item {
    height: 100%;
    overflow: auto;
}
.selectCategory .current{
    background: #e2ff9d !important;
}
.category_item .noSelectItem li.current{
    background: none !important;
}
.pad_right_10 {
    padding-right: 10px;
}
#productModificators input {
    background: #f8f8f8;
}
#productModificators input:focus {
    background: #fff;
}
.modif_child {
    display: none;
}
.selectCategory li input {
    display: none;
}
#pop_product, #pop_modificator{
    width: 80%;
    min-width: 780px;
    height: 90%;
    background: rgb(255, 255, 255);
    position: fixed;
    top: 5%;
    left: 10%;
    z-index: 101;
    box-shadow: 0px 0px 7px -2px;
}
#fade2{
    cursor: auto;
    z-index: 100;
}
#product_redactor_cont, #modificator_redactor_cont{
    height: calc(90vh - 130px);overflow: auto;
}
.fixed{
    overflow-y: hidden !important;
}
#fade3{
    will-change:transform;
    display:none;
    cursor: auto;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    min-height:700px;
    height:100%;
    background-color: rgba(222, 222, 222, 0.6);
    z-index:100;
}
.m_g_title{
    font-weight: 600;
    text-decoration: underline;
}
.placemarkCourier{
    /*transition: all 0.35s ease 0s;*/
    display: block;
    width: 30px; height: 60px; margin-left:-15px; margin-top:-30px;
    background: url(../images/cars.png) no-repeat top left;
    background-size: cover;
    position: absolute;
}
.placemarkCourier.c1{
    background-position: 0 0;
}
.placemarkCourier.c2{
    background-position: 0 calc(100%/12);
}
.placemarkCourier.c3{
    background-position: 0 calc(200%/12);
}
.placemarkCourier.c4{
    background-position: 0 calc(300%/12);
}
.placemarkCourier.c5{
    background-position: 0 calc(400%/12);
}
.placemarkCourier.c6{
    background-position: 0 calc(500%/12);
}
.placemarkCourier.c7{
    background-position: 0 calc(600%/12);
}
.placemarkCourier.c8{
    background-position: 0 calc(700%/12);
}
.placemarkCourier.c9{
    background-position: 0 calc(800%/12);
}
.placemarkCourier.c10{
    background-position: 0 calc(900%/12);
}
.placemarkCourier.c11{
    background-position: 0 calc(1000%/12);
}
.placemarkCourier.c12{
    background-position: 0 calc(1100%/12);
}
.placemarkCourier.c13{
    background-position: 0 calc(1200%/12);
}
.iconCourier{
    /*transition: all 0.35s ease 0s;*/
    display: block;
    width: 60px; height: 30px; margin-left:15px;
    background: url(../images/cars-gorizont.png) no-repeat top left;
    background-size: cover;
}
.iconCourier.c13{
    background-position: 0 0;
}
.iconCourier.c12{
    background-position: calc(100%/12) 0;
}
.iconCourier.c11{
    background-position: calc(200%/12) 0;
}
.iconCourier.c10{
    background-position: calc(300%/12) 0;
}
.iconCourier.c9{
    background-position: calc(400%/12) 0;
}
.iconCourier.c8{
    background-position: calc(500%/12) 0;
}
.iconCourier.c7{
    background-position: calc(600%/12) 0;
}
.iconCourier.c6{
    background-position: calc(700%/12) 0;
}
.iconCourier.c5{
    background-position: calc(800%/12) 0;
}
.iconCourier.c4{
    background-position: calc(900%/12) 0;
}
.iconCourier.c3{
    background-position: calc(1000%/12) 0;
}
.iconCourier.c2{
    background-position: calc(1100%/12) 0;
}
.iconCourier.c1{
    background-position: calc(1200%/12) 0;
}
.preorder_time{
    border-bottom: 1px solid grey
}
.span_product_sale{
    background: #ceffce;
    color: #222;
    border-radius: 4px;
    padding: 2px;
    font-size: 12px;
    margin-left: 4px;
}
#position_sale_div{
    position: absolute;
    top: 1px;
    height: 34px;
    width: 440px;
    background: white;
}
#position_sale_div table{
    width:100%;background: #ceffce;color: #111;
}
#position_sale_div table, #position_sale_div td {
    border: none;
}
.span_close{
    background: url(../images/icons.png) !important;
    background-position: 0px -207px !important;
    width: 16px;
    height: 16px;
    display: block;
    margin: auto;
    opacity: 0.5;
}
.span_close:hover{
    opacity: 1;
}
.tr_basket.selected{
    background: #eee;
}
#main.tabsenabled{
    padding-bottom: 40px;
}
.p_blog, .p_blog p {
    font-size: 16px;
    margin-bottom: 10px;
}
#wh_statuses .cont {
    top: inherit;
    bottom: 100% !important;
    max-height:200px !important;
}
.btn.api{
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle;
    background-size: cover;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    text-align: center;
    font-size: 18px;
    line-height: 16px;
    position: relative;
    top: -2px;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}
.btn.api.a1{
    background-color: #5ac36c !important;
}
.btn.api.a2{
    background: url(../images/cross.svg) !important;
}

#overlayOrderSave{
    text-align: center;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 700px;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    z-index: 9998;
}
#orderSaveWindow{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 480px;
    max-width: 90%;
    max-height: 90%;
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    box-shadow: 0px 0px 10px 0px #666;
    padding: 10px 40px 20px;
}
#precheckSettings{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 1;
    padding: 10px 40px 20px;
    box-sizing: border-box;
}
.nopointer {
    cursor: auto !important;
}
.btn_confirm {
    background: #7bef4e;
    padding: 6px 10px;
    border-radius: 10px;
    color: #fff;
    font-weight: 300;
    cursor: pointer;
}
.btn_confirm_go {
    background: #7bef4e;
    padding: 6px 10px;
    border-radius: 0 10px 10px 0;
    color: #fff;
    font-weight: 300;
    cursor: pointer;
}

@keyframes trambling-animation {
    0%, 50%, 100% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }
    10%, 30% {
        transform: rotate(-2deg);
        -webkit-transform: rotate(-2deg);
        -moz-transform: rotate(-2deg);
        -o-transform: rotate(-2deg);
        -ms-transform: rotate(-2deg);
    }
    20%, 40% {
        transform: rotate(2deg);
        -webkit-transform: rotate(2deg);
        -moz-transform: rotate(2deg);
        -o-transform: rotate(2deg);
        -ms-transform: rotate(2deg);
    }
}
.blink {
    -webkit-animation: 1.2s ease-in-out 0s normal none infinite running trambling-animation;
    -moz-animation: 1.2s ease-in-out 0s normal none infinite running trambling-animation;
    -o-animation: 1.2s ease-in-out 0s normal none infinite running trambling-animation;
    animation: 1.2s ease-in-out 0s normal none infinite running trambling-animation;
    cursor: pointer;
}
.order_yandexeda {
    width: 32px;
    background: url(../images/ye.png);
    height: 32px;
    background-size: cover;
    margin: 0 15px;
}
.order_deliveryclub {
    width: 32px;
    background: url(../images/dc.png);
    height: 32px;
    background-size: cover;
    margin: 0 15px;
}

#fratol_log{font-size: 14px; text-align: left}
#fratol_connect{
    display: block;
    border: none;
    background: #2ca3ff;
    font-size: 13px;
    color: #fff;
    padding: 10px 10px;
    width: 150px;
    margin: auto;
    margin-top: 20px;
    text-align: center;
    cursor: pointer;
}
#fratol_connect.active{
    background: #cfcfcf;
}
#fratol_connected{
    display: block;
    border: none;
    background: #e9e9e9;
    font-size: 13px;
    color: #00A5FF;
    padding: 10px 10px;
    width: 150px;
    margin: auto;
    margin-top: 20px;
    text-align: center;
}
#fratol_xreport, #fratol_openshift, #fratol_closeshift, #fratol_infokkt{
    display: block;
    background: #caffdf;
    width: 130px;
    padding: 5px 5px;
    text-align: center;
    cursor: pointer;
}
#popup_fratol{
    width: 600px;
    height: 100%;
    background: #fff;
    cursor: default;
}
#overlay_fratol {
    cursor: default;
}

#inpas_return_button{
    background: #95f5ff;
    border-radius: 6px;
    padding: 10px 40px;
    font-size: 18px;
    cursor: pointer;
}
#inpas_return_summ_input{
    border: 1px solid #c0c0c0;
    padding: 10px 30px;
    text-align: center;
    font-size: 30px;
    width: 200px;
    margin-top: 20px;
}
#inpas_operation_parameters{
    display: none;
}
#inpas_operation_wrap{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 480px;
    height: 480px;
    max-width: 90%;
    max-height: 90%;
    vertical-align: middle;
    margin: auto;
    background: #fff;
    padding: 10px 40px 20px;
    z-index: 9999;
}
#inpas_parameters_div{
    width: 480px;
    height: 440px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
#inpas_operation_block{
    display: none;
    cursor: auto;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 700px;
    height: 100%;
    background-color: rgba(222, 222, 222, 0.6);
    z-index: 9999;
}
#inpas_answer_break_div{
    display: none;
    text-align: center;
}
#inpas_answer_div{
    width: 480px;
    height: 440px;
    text-align: center;
    font-size: 30px;
    display: table-cell;
    vertical-align: middle;
}
#inpas_report_min, #inpas_report_full, #inpas_copy_last, #inpas_sverka {
    display: block;
    background: #caffdf;
    width: 130px;
    padding: 5px 5px;
    text-align: center;
    cursor: pointer;
}
#inpas_connect{
    display: block;
    border: none;
    background: #2ca3ff;
    font-size: 13px;
    color: #fff;
    padding: 10px 10px;
    width: 150px;
    margin: auto;
    margin-top: 20px;
    text-align: center;
    cursor: pointer;
}
#inpas_connected {
    display: block;
    border: none;
    background: #e9e9e9;
    font-size: 13px;
    color: #00A5FF;
    padding: 10px 10px;
    width: 150px;
    margin: auto;
    margin-top: 20px;
    text-align: center;
}
#popup_dualconnector{
    width: 600px;
    height: 100%;
    background: #fff;
    cursor: default;
}