body.widescreen.fixed-left .metismenu > li > ul { display: none; } @font-face{font-family:'Trebuchet MS';src:url('../fonts/TrebuchetMS-Italic.eot');src:local('Trebuchet MS Italic'),local('TrebuchetMS-Italic'),url('../fonts/TrebuchetMS-Italic.eot?#iefix') format('embedded-opentype'),url('../fonts/TrebuchetMS-Italic.woff2') format('woff2'),url('../fonts/TrebuchetMS-Italic.woff') format('woff'),url('../fonts/TrebuchetMS-Italic.ttf') format('truetype'),url('../fonts/TrebuchetMS-Italic.svg#TrebuchetMS-Italic') format('svg');font-weight:normal;font-style:italic}@font-face{font-family:'Trebuchet MS';src:url('../fonts/TrebuchetMS-Bold.eot');src:local('Trebuchet MS Bold'),local('TrebuchetMS-Bold'),url('../fonts/TrebuchetMS-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/TrebuchetMS-Bold.woff2') format('woff2'),url('../fonts/TrebuchetMS-Bold.woff') format('woff'),url('../fonts/TrebuchetMS-Bold.ttf') format('truetype'),url('../fonts/TrebuchetMS-Bold.svg#TrebuchetMS-Bold') format('svg');font-weight:bold;font-style:normal}@font-face{font-family:'Trebuchet MS';src:url('Trebuchet-BoldItalic.eot');src:local('Trebuchet MS Bold Italic'),local('Trebuchet-BoldItalic'),url('Trebuchet-BoldItalic.eot?#iefix') format('embedded-opentype'),url('Trebuchet-BoldItalic.woff2') format('woff2'),url('Trebuchet-BoldItalic.woff') format('woff'),url('Trebuchet-BoldItalic.ttf') format('truetype'),url('Trebuchet-BoldItalic.svg#Trebuchet-BoldItalic') format('svg');font-weight:bold;font-style:italic}@font-face{font-family:'Trebuchet MS';src:url('../fonts/TrebuchetMS.eot');src:local('Trebuchet MS'),local('TrebuchetMS'),url('../fonts/TrebuchetMS.eot?#iefix') format('embedded-opentype'),url('../fonts/TrebuchetMS.woff2') format('woff2'),url('../fonts/TrebuchetMS.woff') format('woff'),url('../fonts/TrebuchetMS.ttf') format('truetype'),url('../fonts/TrebuchetMS.svg#TrebuchetMS') format('svg');font-weight:normal;font-style:normal} .disabledCallButton{ pointer-events: none !important; filter: grayscale(1) !important; cursor: not-allowed !important; animation: none !important; } @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800,700,600,400italic,300italic,300,600italic); html, body { position: relative; min-height: 100%; } .main__bigButtons > a { width: 101px; height: 101px; transition: all .5s ease !important; position: relative; border-radius: 50% !important; border-width: 2px; border-style: solid; border-color: #f7b03e; background: #fff; } .alertModal { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .9); z-index: 1000000; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; align-items: center; } .alertModal__block { background: #fff; padding: 25px 15px; max-height: 768px; overflow-x: hidden; overflow-y: auto; text-align: center; text-transform: uppercase; font-weight: 500; color: #000; max-width: 500px; width: 100%; box-shadow: 0 0 35px rgba(255, 255, 255, .1); position: relative; } .main__bigButtons > a:hover { border-color: #fff; background: #f7b03e; } .main__bigButtons > a:hover::before { transform: rotateY(360deg); } .alertModal__close { margin: 15px auto 0 !important; text-transform: uppercase !important; font-weight: 500 !important; } .main__bigButtons > a::before { content: ''; position: absolute; left: 50%; top: 50%; background-color: transparent; background-image: url(../images/icons_sprite.png); background-repeat: no-repeat; transform-origin: 50% 50%; transition: transform .7s ease; will-change: transform; } .orders_icon::before { width: 54px; height: 60px; margin-left: -27px; margin-top: -30px; background-position: -10px -95px; } .orders_icon:hover::before { background-position: -160px -10px; } .realtime_icon::before { width: 55px; height: 65px; margin-left: -27.5px; margin-top: -32.5px; background-position: -85px -10px; } .realtime_icon:hover::before { background-position: -10px -10px; } .leadChart_icon::before { width: 58px; height: 51px; margin-left: -29px; margin-top: -25.5px; background-position: -234px -10px; } .leadChart_icon:hover::before { background-position: -84px -95px; } @media (max-width:480px) { .main__bigButtons { flex-direction: column; } .main__bigButtons > a { width: 150px; height: 150px; } } @media (min-width:768px) { .navbar-nav > li > a { padding-top: 8px !important; padding-bottom: 8px !important; } } .navbar-nav { margin: 0 !important; } .cartColumn{position:relative;background:inherit;cursor:grab;white-space:nowrap}.cartColumn:empty{cursor:auto}.cartColumn .cartColumn_details{cursor:auto;position:absolute;left:calc(100% + 6px);top:-1px;height:calc(100% + 2px);z-index:2;min-width:100%;background:#fff;z-index:1;padding:inherit;opacity:0;pointer-events:none;box-shadow:0 0px 0px 7px rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;transform-origin:50% 50%;transform:scale(0);transition:transform .25s ease,opacity .25s ease}.cartColumn:hover .cartColumn_details{pointer-events:auto;opacity:1;transform:scale(1)}.cartColumn_details b{display:block}.cartColumn_details > div:not(:first-child){margin-left:10px;padding-left:10px;border-left:1px dashed #000} /* answeringMachine */ .status-row__answeringMachine, .status-row__22 { background: #98a976 !important; } .status-row__answeringMachine:hover, .status-row__22:hover { background: #8b9a6c !important; } /* UNKNOWN */ .status-row__unknown { background: #b1b5bf !important; } .status-row__unknown:hover { background: #a8adb9 !important; } .callStatus-row__unknown { background: #b1b5bf !important; } .callStatus-row__unknown:hover { background: #a8adb9 !important; } /* NO_CHANNEL_AVAILABLE */ .status-row__notCAvalible, .callStatus-row__notCAvalible { background: #e06e6e !important; } .status-row__notCAvalible:hover, .callStatus-row__notCAvalible:hover { background: #d26565 !important; } /* Новый */ .callStatus-row__null, .callStatus-row__1, .status-row__1 { background: #fff !important; } .callStatus-row__null:hover, .callStatus-row__1:hover, .status-row__1:hover { background: #f9f9f9 !important; } .callStatus-row__2, /* В обработке */ .status-row__2 { background: #b6d4ef !important; } .callStatus-row__2:hover, .status-row__2:hover { background: #adcae4 !important; } /* Подтверждён */ .callStatus-row__6, .t-callStatus-row__3, .status-row__3 { background: #f0ffa0 !important; } .callStatus-row__6:hover, .t-callStatus-row__3:hover, .status-row__3:hover { background: #e6f597 !important; } /* Некоррект */ .callStatus-row__4, .status-row__4 { background: #dac5b9 !important; } .callStatus-row__4:hover, .status-row__4:hover { background: #dcbeae !important; } /* Отменён */ .callStatus-row__5, .status-row__5, .t-callStatus-row__2, .callStatus-row__34, .status-row__34 { background: #e0a7a7 !important; } .callStatus-row__5:hover, .t-callStatus-row__2:hover, .status-row__5:hover, .callStatus-row__34:hover, .status-row__34:hover { background: #e49f9f !important; } /* Доставка */ .status-row__6, .status-row__27 { background: #66ea6c !important; } .status-row__6:hover, .status-row__27:hover { background: #62e068 !important; } /* Доставлен */ .status-row__7 { background: #bfffa6 !important; } .status-row__7:hover { background: #b5ff99 !important; } /* Возврат */ .status-row__8 { background: #ffcba6 !important; } .status-row__8:hover { background: #f7c099 !important; } /* Отложен */ .callStatus-row__3, .t-callStatus-row__5, .status-row__9, .status-row__26 { background: #eeffde !important; } .callStatus-row__3:hover, .t-callStatus-row__5:hover, .status-row__9:hover, .status-row__26:hover { background: #e6ffce !important; } /* Спам */ .status-row__10 { background: #c5c5c5 !important; color: #949494 !important; } .status-row__10:hover { background: #bbbbbb !important; } /* Консультация */ /* .status-row__11{ background: #dfffd0 !important; } .status-row__11:hover{ background: #d4ffc0 !important; } */ .status-row__11, .status-row__27 { background: #dfffd0 !important; } .status-row__11:hover, .status-row__27:hover { background: #d4ffc0 !important; } /* Тест */ .status-row__12 { background: #f9f9f9 !important; } .status-row__12:hover { background: #f9f9f9 !important; } /* Не разговаривает на данном языке */ .status-row__13, .t-callStatus-row__4 { background: #a899c3 !important; } .status-row__13:hover, .t-callStatus-row__4:hover { background: #a894cc !important; } /* Некорректный номер телефона */ .status-row__14 { background: #d1bdf7 !important; } .status-row__14:hover { background: #c9b2f7 !important; } /* Дубль */ .status-row__15 { background: #fae9ff !important; } .status-row__15:hover { background: #f9e2ff !important; } /* ФИО Совпадает не заказывал */ .status-row__16 { background: #96babd !important; } .status-row__16:hover { background: #94b8bb !important; } /* ФИО Совпадает отказ от консультации */ .status-row__17 { background: #caadff !important; } .status-row__17:hover { background: #c7a8ff !important; } /* Противопоказания */ .status-row__18 { background: #bbd0ce !important; } .status-row__18:hover { background: #aacac7 !important; } /* Ожидает предоплату */ .status-row__35 { background: #62eade !important; } .status-row__35:hover { background: #5de1d5 !important; } /* Не устраивает доставка */ .status-row__19 { background: #e29d7c !important; } .status-row__19:hover { background: #e09672 !important; } .status-row__online, .status-row__good { background: #8bdc7c !important; } .status-row__online:hover, .status-row__good:hover { background: #83da73 !important; } .status-row__aLittleBad { background: #deae92 !important; } .status-row__aLittleBad:hover { background: #e0a683 !important; } .status-row__talk { background: #f0ffa0 !important; } .status-row__talk:hover { background: #e3f38e !important; } .status-row__endtalk { background: #d0d0d0 !important; } .status-row__endtalk:hover { background: #c5c5c5 !important; } .status-row__offline, .status-row__bad { background: #ffa5a5 !important; } .status-row__offline:hover, .status-row__bad:hover { background: #f39c9c !important; } .status-row__busy, .callStatus-row__busy { background: #bda9ab !important; } .status-row__dropped { background: #ffb586 !important; } .status-row__busy:hover, .callStatus-row__busy:hover { background: #b5a2a4 !important; } .status-row__dropped:hover { background: #f3ad81 !important; } [class*='status__']:not(.status__btns), [class*='callStatus__']:not(.status__btns) { display: inline-block !important; width: 20px; height: 20px; line-height: 20px; font-size: 14px; text-align: center; margin-right: 5px; font-style: inherit; color: #585858; } .callStatus__null, .callStatus__1, .status__fail, .status__4, .callStatus__4, .status__9, .callStatus__3, .status__10, .status__11, .status__1 { font-family: 'Font Awesome 5 Free'; font-weight: 400 } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; src: url("fontawesome/webfonts/fa-solid-900.eot"); src: url("fontawesome/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("fontawesome/webfonts/fa-solid-900.woff2") format("woff2"), url("fontawesome/webfonts/fa-solid-900.woff") format("woff"), url("fontawesome/webfonts/fa-solid-900.ttf") format("truetype"), url("fontawesome/webfonts/fa-solid-900.svg#fontawesome") format("svg") } .callType__1, .callType__2, .callType__3, .status__answeringMachine, .status__unknown, .callStatus__unknown, .status__notCAvalible, .callStatus__notCAvalible, .status__busy, .callStatus__busy, .status__endtalk, .status__late, .status__dropped, .status__online, .status__offline, .status__talk, div.dataTables_paginate li.last a:after, div.dataTables_paginate li.next a:after, div.dataTables_paginate li.first a:before, div.dataTables_paginate li.previous a:before, .status__16, .status__17, .status__18, .status__19, .callStatus__6, .status__27, .callStatus__5, .status__34, .status__5, .callStatus__2, .status__2, .status__13, .status__14, .status__8, .status__15, .status__3, .status__6, .status__7, .status__26, .status__22, .status__35 { font-family: 'Font Awesome 5 Free'; font-weight: 900 } .status__online:before, .status__offline:before { content: '\f111'; } .cflag { display: block; margin: 0 auto; } .status__talk:before { content: '\f590'; } .status__endtalk:before { content: '\f3dd'; color: #252525 !important; } .status__online { color: #40c125 !important; text-shadow: 0 0 15px rgba(255, 255, 255, .5), 0 0 25px rgb(19, 255, 0); box-shadow: 0 0 25px rgb(251, 255, 251); border-radius: 50% } .status__offline { color: #e22222 !important; } .status__dropped:before { content: '\f3dd'; color: #8e3c3c; } .status__busy:before, .callStatus__busy:before, .status__26:before { content: '\f1da'; color: #212121 !important; } .status__fail:before { content: '\f119'; color: #ff0000; } .status__late:before { content: '\f4fa'; color: #fb3737; } .status__talk { color: #252525 !important; } .dataTable__wrapper table tbody td:last-child{white-space: nowrap} td.paid{position:relative;}td.paid::after{content:'$';position:absolute;right:1px;top:0px;font-weight:900;width:22px;height:28px;font-size:20px;color:#fffe8c;text-shadow:1px 1px 0px rgba(0,0,0,.4);background:#77c370;background:linear-gradient(0deg,rgba(119,195,112,1) 0%,rgba(119,195,112,1) 15%,rgba(128,212,121,1) 29%,rgba(119,195,112,1) 54%,rgba(119,195,112,1) 100%);border-radius:4px;border-top-right-radius:0;border-top-left-radius:0;display:flex;justify-content:center;align-items:center;box-shadow:0 5px 1px -3px rgba(0,0,0,.1);border-top:0;pointer-events:none} .callType__1, .callType__2, .callType__3 { width: 14px; height: 14px; font-size: 18px; line-height: 14px; display: block; margin: 0 auto; position: relative; border-radius: 50%; text-align: center; color: rgba(0, 0, 0, .65); font-style: normal; background: rgb(134, 230, 132); box-shadow: 0 0 0 4px rgb(134, 230, 132); } .callType__3 { background: rgba(168, 235, 255, 1); box-shadow: 0 0 0 4px rgba(168, 235, 255, 1); } .callType__1:before, .callType__3:before { content: '\f2a0'; position: relative; left: 2px; top: -.5px; } .callType__2 { font-size: 13px; background: rgba(220, 220, 220, .7); box-shadow: 0 0 0 4px rgba(220, 220, 220, .5); } .callType__2:before { content: '\f095'; position: relative; left: 0px; } /* UNKNOWN */ .status__unknown:before { content: '\f128' } .callStatus__unknown:before { content: '\f128' } /* answeringMachine */ .status__answeringMachine:before, .status__22:before { content: '\f5fc'; color: #111; } /* NO_CHANNEL_AVAILABLE */ .status__notCAvalible:before { content: '\f1e6'; color: #000; } .callStatus__notCAvalible:before { content: '\f1e6'; color: #000; } /* Новый */ .callStatus__1, .status__1, .callStatus__null { font-size: 16px; } .status__limit:before { content: "?"; border-radius: 100%; border: 1px solid; width: 15px; display: inline-block; height: 15px; line-height: 12px; font-weight: bold; } .status__cancel-limit:before { content: "!"; border-radius: 100%; border: 1px solid; width: 16px; display: inline-block; height: 16px; line-height: 14px; color: red; font-weight: bold; } .callStatus__1:before, .status__1:before { content: "\f15b"; } /* В обработке */ .callStatus__2:before, .status__2:before { content: "\f101"; color: #2b2b2b; } /* Подтверждён */ .callStatus__6:before, .status__27:before, .status__3:before { content: "\f5bf"; } /* Некоррект */ .callStatus__4:before, .status__4:before { content: "\f146"; color: #c13d3d; } /* Отменён */ .callStatus__5:before, .status__5:before, .callStatus__34:before, .status__34:before { content: "\f05e"; color: #fb3737; } /* Доставка */ .status__6:before { content: "\f48b"; color: #145f16; } /* Доставлен */ .status__7:before { content: "\f00c"; color: rgb(0, 222, 0); } /* Возврат */ .status__8:before { content: "\f2f9"; color: #fb3737; } /* Отложен */ .callStatus__3:before, .status__9:before { content: "\f017"; } /* Спам */ .status__10:before { content: "\f11a"; color: #989898; } /* Консультация */ .status__11:before { content: "\f27a"; } /* Не разговаривает на данном языке */ .status__13:before { content: "\f15d"; color: #2b2b2b; } /* Некорректный номер телефона */ .status__14:before { content: "\f162"; color: #2b2b2b; } /* Дубль */ .status__15:before { content: "\f074"; } /* ФИО Совпадает не заказывал */ .status__16:before { content: '\f503'; color: #2b2b2b; } /* ФИО Совпадает отказ от консультации */ .status__17:before { content: "\f3dd"; color: #2b2b2b; } /* Противопоказания */ .status__18:before { content: "\f486"; color: #2b2b2b; } /* Ожидает предоплаты */ .status__35:before { content: "\f53a"; color: #2b2b2b; } /* Не устраивает доставка */ .status__19:before { content: "\f63c"; color: #2b2b2b; } td input[type="checkbox"], td input[type="radio"], th input[type="checkbox"], th input[type="radio"] { width: auto !important; min-width: 0 !important } td.statusColumn { min-width: 155px } td.statusColumn:empty { min-width: 0 } table.table { margin: 0 !important; } tr.row-marked { background-color: #c3e6cb !important; } div.dataTables_wrapper div.dataTables_info { padding-left: 15px; padding-bottom: 8px; } .top__settings { display: none; } @media screen and (max-width:1600px) { td.statusColumn { min-width: 120px } } .solo_btn { box-shadow: 0 0 0 15px rgba(255, 255, 255, 1), 0 0 0 16px rgb(228, 229, 231) !important; border-radius: 0 !important; margin: 0 15px; max-width: 250px; } .solo_btn label { text-align: center; text-transform: uppercase; margin-bottom: 0; padding: 5px 0; } .solo_btns { background: #fff; padding: 5px; border: 1px solid rgb(228, 229, 231); margin: 0 auto 20px !important; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; } .solo_btns.forceTop { margin-top: -21px !important; } .solo_btns.nop { padding: 0; border-bottom: 0; } .solo_btns .form-group { width: 100%; } .solo_btns.nop .solo_btn { margin-left: 0 !important; margin-right: 10px !important; } .solo_btns.goTop { margin-top: 0 !important; border-top: 0 !important; } .solo_btns.goBottom { margin-bottom: 0 !important; border-bottom: 0 !important; } .solo_btns .form-group, .solo_btns .solo_btn { max-width: 100%; margin: 5px !important; box-shadow: none !important; } .solo_btns .select2 { max-width: 300px !important } .solo_btn.toRight { margin-left: auto !important; } .solo_btn.toLeft { margin-right: auto !important; } .solo_btn[data-krajee-select2].toRight + .select2 { margin-left: auto !important; } .solo_btn[data-krajee-select2].toLeft + .select2 { margin-right: auto !important; } .panel-box + .solo_btns.goTop { margin-top: -20px !important; } .formAndButton { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; align-items: flex-end } .formAndButton .form-group { width: 100%; } .formAndButton .form-group + * { flex-shrink: 0; flex-grow: 0; margin-bottom: 15px; } .filters__btn { margin: 22px 0 0 } .filters__btn .btn { margin: 0 !important; } .orders__allandNot { margin-bottom: 15px; } .orders__allandNot .gray { background: rgba(0, 0, 0, .5); color: #fff; padding: 2px 5px; } .orders__allandNot .green { background: rgba(92, 184, 92, 1); color: #fff; padding: 2px 5px; } .comments__info { max-height: 229px; overflow-x: hidden; overflow-y: auto; margin-bottom: 10px; } .orderBlock__textArea-small { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; align-items: stretch } .textarea-full .form-group { height: 100%; } .orderBlock__textArea-small textarea { height: calc(100% - 33px) !important; } @media screen and (max-width:992px) { .orderBlock__textArea-small { display: block; } } .comments__info .bg-info { padding: 15px; } .orderBlock__textArea-small .status__btns { margin-top: 23.5px; } *:not([style*="display:none"]) + .status__btns { margin-top: 0; } /* .status__btns > *{ width: 100%; } */ @media screen and (max-width:992px) { .comments__info { height: auto; max-height: 100% } .status__btns { flex-wrap: wrap } } .cartSum { margin-top: -7px; padding: 5px 25px; border: 1px solid #ddd; font-weight: 500; /* box-sizing: content-box; */ font-size: 24px; line-height: 24px; margin-right: 1px; } .flowchart-operator:hover, .flowHover { border-color: #f7b03e !important; } .flowchart-operator:hover .flowchart-operator-title, .flowHover .flowchart-operator-title { background: #f7b03e !important; color: #fff !important } .flowchart-operator .flowchart-operator-title { padding-right: 30px !important; } .flowchart-operator.selected { box-shadow: 0 0 25px rgba(247, 176, 62, 1); border-color: #f7b03e !important; z-index: 5 !important; } .flowchart-container { background: #f2f2f2; border: 1px solid rgba(0, 0, 0, .5); box-shadow: inset 0 0 150px rgba(0, 0, 0, .2); } .flowchart-operator-title { position: relative; } .btn-block + .btn-block { margin-top: 0; } .btn-block:not([style*="display:none"]):not([style*="display:none"]) + .btn-block { margin-top: 5px; } #status_flow_form .select2-container--krajee .select2-selection--multiple { min-height: 78px; } @media screen and (max-width:1200px) { #status_flow_form .select2-container--krajee .select2-selection--multiple { margin-bottom: 15px; } } .flowchart-operator-edit, .flowchart-operator-remove { display: none !important; position: absolute; right: 4px; top: 8px; cursor: pointer; z-index: 5; } .flowchart-operator-edit { right: 18px; } .flowchart-operator-edit::before { font-size: 83%; position: relative; top: -.5px; } .flowchart-operator:hover .flowchart-operator-edit, .flowchart-operator:hover .flowchart-operator-remove { display: inline-block !important; } .flowchart-operator-edit:hover, .flowchart-operator-remove:hover { color: #000; } .flow_popup { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .8); z-index: 50; } .flow_popup.active { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; align-items: center; } .flow_popup-block { background: #fff; padding: 30px; box-sizing: border-box; } .client-data-block > li > a { padding: 5px 15px; } .client-data-block { margin-bottom: 15px; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem; } .nav-link { display: block; padding: .5rem 1rem; } #orderForm table { margin-top: 0 !important; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { vertical-align: middle; } .scrollsToggle { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; align-items: center; cursor: pointer; background: rgba(100, 100, 100, .1); padding: 6px 15px; min-width: 280px } .scrollsToggle:last-child:not(:first-child) { margin-bottom: 0; } .scrollsToggle:hover { background: rgba(100, 100, 100, .175); } .scrollsToggle + * { display: none; } .scrollsToggle > * { margin-left: 50px; font-size: 14px; } .profile-link img, .profile-menu img { width: 36px; height: 36px; border-radius: 50%; } .nav.nav-second-level > li > a > i { margin-left: 0; } .nav.nav-second-level > li > .nav.nav-second-level > li > a { padding-left: 45px; font-size: 88%; } .pull-right-container { display: none; } .treeview li:not(.treeview) .fa.arrow, .metismenu > li:not(.treeview) .fa.arrow { display: none; } .fa.red, .red[id] { color: #720000; } .fa.green, .green[id] { color: #32dc00; } /* .panel-box .btn:last-child:not(:first-child){margin-bottom:0;} */ #orderForm .orderTabs { margin-bottom: 15px; } td .btn { width: auto; margin: 2.5px !important; padding-top: 3px !important; padding-bottom: 3px !important; height: auto !important; } button.close { width: auto; padding-top: 0 !important; padding-bottom: 0 !important; height: auto !important; } .alert > .fa { margin-right: 5px; } .checboxList { max-height: 130px; overflow: hidden; overflow-y: auto; } .checboxList.secondIsCheckbox .form-group:nth-child(2) { position: static; text-align: left; } .callButtons { display: flex; justify-content: center; flex-direction: column; align-items: center; position: fixed; min-height: 53px; bottom: 55px; left: 50%; z-index: 1000000; background: #fff; box-shadow: 0 0 25px rgba(0, 0, 0, .45); padding: 7px 15px; box-sizing: border-box; border-radius: 20px; border-right: 4px solid rgba(100, 100, 100, .5); border-left: 4px solid rgba(100, 100, 100, .5); border-top: 2px solid rgba(100, 100, 100, .5); border-bottom: 2px solid rgba(100, 100, 100, .5); transform: translateX(-50%); } .callButtons__container{ display: flex; flex-direction: row-reverse; justify-content: space-around; align-items: center; } .callButtons__phoneInput_wrapper{ max-width: 130px; margin-bottom: 6px; position: relative; z-index: 15; } .callButtons__phoneInput_wrapper.err::before{ content: attr(data-err); background: #c9302c; border: 1px solid #ac2925; padding: 3px 7px; color: #fff; text-align: center; position: absolute; left: 50%; font-size: 12px; transform: translateX(-50%); top: calc(100% - 1px); white-space: nowrap; z-index: 1; } .callButtons[data-counter]::after { content: attr(data-counter); position: absolute; left: 100%; bottom: 100%; background: inherit; padding: 3px 5px; height: 25px; display: flex; justify-content: center; align-items: center; font-size: 12px; line-height: 1; border-radius: 12px; flex-shrink: 0; transform-origin: 50% 50%; transform: translate(-25%, 50%); box-shadow: 2px 0 10px rgba(0, 0, 0, .1) } .numered_cols{counter-reset:numered_cols}.numered_cols td:first-child::after{counter-increment:numered_cols;content:counter(numered_cols)} .popover_order-info .order-info { font-size: 16px; font-weight: 900; line-height: 1; } .popover_order-info .order-info > * > p { margin-bottom: 0; font-weight: 600 !important } .popover_order-info .order-info > * > p:first-child { font-size: 14px; text-transform: uppercase; } .popover_order-info .order-info > * > p:last-child { font-size: 14px; text-transform: uppercase; font-weight: normal !important; margin-left: 5px } .popover_order-info .order-info > *:first-child { margin-bottom: 5px } .popover_campaign-info .campaign-info { font-size: 16px; font-weight: 900; line-height: 1; } .popover_campaign-info .campaign-info > * > p { margin-bottom: 0; font-weight: 600 !important } .popover_campaign-info .campaign-info > * > p:first-child { font-size: 14px; text-transform: uppercase; } .popover_campaign-info .campaign-info > * > p:last-child { font-size: 14px; text-transform: uppercase; font-weight: normal !important; margin-left: 5px } .popover_campaign-info .campaign-info > *:first-child { margin-bottom: 5px } .callButtons .rejectCallSupport, #submit_order { width: auto; position: relative; z-index: 5; margin-right: 10px } .callButtons__container + * { margin-left: 5px; } .callButtons *:not(.callButtons__phoneInput_wrapper) { margin-bottom: 0 !important; } .popover_order-info { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; align-items: center; padding: 10px; background: #fff !important; box-shadow: 5px -5px 10px rgba(0, 0, 0, .15); border-radius: 0 10px 0 0; } .initiateCallBtn:not(.const) i.fa { display: inline-block; height: 100%; width: 100%; line-height: 34px; } .initiateCallBtn.const { margin-bottom: 0; border-radius: 50%; } .holdBtn {border-radius: 50%; display: inline-flex;flex-wrap: wrap;background: #fff;padding: 1px;position: absolute;right: -4px;top: -4px; color: #337ab7; cursor: pointer;} .holdBtn:hover {color: #6abd6a;} .callButtons .initiateCallBtn { width: 34px !important; height: 34px !important; font-size: 20px !important; line-height: 34px !important; padding: 0 !important; border-radius: 50% !important; } .orderCard__title { margin-bottom: 0; } #order_modal .modal-dialog { margin: 0px auto 82px; } /*#order_modal .modal-content{background:#f1f3f6;border-radius:0;min-height:100vh}*/ #order_modal .modal-content { background: #f1f3f6; border-radius: 0; min-height: 100% } #order_modal + .callButtons { display: none; } #order_modal.in + .callButtons { display: flex; } .scrollingTableX2, .scrollingTable { max-height: calc(100vh - 300px); overflow-x: hidden; overflow-y: auto; } .scrollingTableX2 { max-height: 236.5px } #orderform-commentmessage, #ordercomments-message, #orderForm textarea { height: 106px; resize: none; } #orderForm table td:last-child, #orderForm table th:last-child { text-align: center; min-width: 0 } @media screen and (max-width:1400px) { #orderForm table th { font-size: 10px; } td select, td input { width: 100%; min-width: 50px !important; } } @media screen and (max-width:1200px) { #orderForm table th { font-size: inherit; } td select, td input { width: 100%; min-width: 100px !important; } } #orderForm table thead + tbody > .highLoad-tr:first-child td { border-top: 0 !important; } #orderForm table thead ~ tbody > .highLoad-tr:first-child td { border-top: 5px solid #fff; } .initiateCallBtn.income + .rejectCallSupport { background: #d43f3a; border-color: #d43f3a; } .initiateCallBtn.active:not(.is_ajax) + .rejectCallSupport { display: none; } @keyframes callActive { 0% { filter: brightness(1.0); } 50% { filter: brightness(1.2); } 100% { filter: brightness(1.0); } } @keyframes callIncome { 0% { border-color: transparent; transform: scale(1, 1); box-shadow: 0 0 25px rgba(76, 174, 76, 0); } 25% { border-color: rgba(76, 174, 76, 1); } 50% { border-color: rgba(76, 174, 76, .15); box-shadow: 0 0 25px rgba(76, 174, 76, .75); } 75% { border-color: rgba(76, 174, 76, 1); } 100% { border-color: transparent; transform: scale(2.5, 2.5); box-shadow: 0 0 25px rgba(76, 174, 76, 0); } } .initiateCallBtn.active { animation: callActive 5s linear infinite; box-shadow: 0 0 15px rgba(190, 54, 54, .4); } .initiateCallBtn.active::after { width: 125px; position: absolute; content: attr(data-text); right: 0; background: rgba(186, 35, 35, 0.9); z-index: 2; animation: none; border-radius: 0; text-align: center; line-height: 30px; text-transform: uppercase; height: 30px; font-size: 14px; bottom: calc(100% + 10px); top: auto; /* font-family: inherit; */ box-sizing: border-box; border: 0; font-family: 'Trebuchet MS', 'Open Sans', sans-serif; font-weight: 500; box-shadow: 0 -5px 25px rgba(0, 0, 0, .12); } .initiateCallBtn.income { position: relative; z-index: 6; } .initiateCallBtn.income::after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: transparent; z-index: 2; border: 3px solid transparent; transform-origin: 50% 50%; border-radius: 50%; } .initiateCallBtn.income::after { animation: callIncome 1.5s linear infinite; } a.logo { font-weight: 900; color: #fff !important; font-size: 28px; white-space: nowrap; line-height: 28px; margin-left: -15px; transition: none; text-shadow: 1px 1px 0px rgba(100, 85, 55, .5), 2px 2px 0px rgba(100, 85, 55, .5), 3px 3px 0px rgba(100, 85, 55, .5); background: #f7b03e; border-bottom: 1px solid #f7b03e; height: 100%; position: relative; width: 315px; min-width: 150px; z-index: 1; display: flex; justify-content: center; align-items: center; } label { display: block !important; } .bootstrap-tagsinput, .bootstrap-tagsin { width: 100%; } button, .btn { height: 34px; padding-top: 7px !important; padding-bottom: 7px !important; } .fqnBtn { margin-top: 22px; } .btn-group { margin-bottom: 15px; } .btn-group .btn { margin-bottom: 0; } select[multiple], select[size] { height: 34px !important; max-height: 34px; background: #fff; z-index: 2; transition: max-height .25s linear, box-shadow .25s linear; } select[multiple] option, select[size] option { padding: 1px 5px; margin-bottom: 5px; } select[multiple]:focus, select[size]:focus select[multiple]:hover, select[size]:hover { max-height: 200px; height: auto !important; position: absolute; left: 0; width: calc(100% - 30px); left: 15px; box-shadow: 0 5px 15px rgba(0, 0, 0, .15); } select[multiple] + .help-block, select[size] + .help-block { transition: none; } select[multiple]:focus + .help-block, select[size]:focus + .help-block select[multiple]:hover + .help-block, select[size]:hover + .help-block { margin-top: 54px; } .help-block:empty { max-height: 0px; margin: 0; } .help-block { max-height: 100px; transition: all .3s linear; margin: 5px auto 10px; } .secondIsCheckbox .form-group:nth-child(2) { font-size: 80%; position: absolute; top: calc(100% - 15px); left: 15px; background: #fff; box-sizing: border-box; padding: 0px; width: calc(100% - 30px); margin-bottom: 0; text-align: right; } .secondIsCheckbox .form-group:nth-child(2) input[type="radio"], .secondIsCheckbox .form-group:nth-child(2) input[type="checkbox"] { margin: 1px 0 0 -20px; } .secondIsCheckbox .form-group:nth-child(2) .checkbox { margin: 0; } .secondIsCheckbox .checkbox label { justify-content: flex-end !important; } #inviteusersform-roles { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; } #inviteusersform-roles label:not(:last-child) { margin-right: 10px; margin-bottom: 5px; } th label, td label, #inviteusersform-roles label, .checkbox label { display: -webkit-flex !important; display: -moz-flex !important; display: -ms-flex !important; display: -o-flex !important; display: flex !important; justify-content: flex-start !important; align-items: center !important; padding: 0; } th label input, td label input, #inviteusersform-roles label input, .checkbox label input { margin: 0 !important; margin-right: 5px !important; position: static !important; } td select, td input { width: 100%; min-width: 100px } body.widescreen.fixed-left .side-menu .metismenu > li .nav-second-level { position: absolute; left: 70px; top: 0; min-width: 200px; padding: 0px; margin: 0px; background: #fff; } body.widescreen.fixed-left .side-menu .metismenu > li .nav-second-level .nav-second-level { position: static; } @media screen and (max-width:768px) { .panel-box .btn:not(:last-child) { margin-bottom: 10px; } body.widescreen.fixed-left .side-menu { width: 100% !important; z-index: 70; } body.widescreen.fixed-left .side-menu .metismenu > li > a { text-align: left !important; } body.widescreen.fixed-left .side-menu .metismenu > li > a span:not(.pull-right-container) { display: inline-block !important; } body.widescreen.fixed-left .side-menu .metismenu > li .nav-second-level { position: static !important; } } @media screen and (max-width:992px) { .fqnBtn { margin-top: 10px; } } table td:last-child, table th:last-child { white-space: normal; text-align: center; } .highLoad-total, .highLoad-tr { background-color: #eee !important; height: 65px; } .highLoad-total td:last-child, .highLoad-tr td:last-child { text-align: left !important; } .highLoad-total td { border-top: 15px solid #fff !important; font-weight: bold; font-size: 125% } /* tabs */ .tabs__wrap { position: relative; margin-bottom: 15px; } .tabs__wrap:empty, .tabs__list:empty, .tabs__content:empty { display: none; } .tabs__wrap:not(.reverse) .tabs__content > *:not(:first-child) { display: none; } .tabs__wrap.reverse .tabs__content > *:not(:last-child) { display: none; } .tabs__list { left: -1px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; overflow: hidden; max-height: 28px; transition: all .3s linear; background: transparent; box-shadow: 0 7px 25px rgba(0, 0, 0, 0); padding: 0 1px 1px; z-index: 2; } .tabs__list.fluid { position: absolute; } .tabs__list.top { bottom: 100%; } .tabs__list.bottom { top: 100%; } .tabs__list:not(.wide):hover { max-height: 200px; box-shadow: 0 7px 25px rgba(0, 0, 0, .25); background: #fff; } .tabs__list > * { margin: 0px 1px 1px !important; width: auto; padding: 4px 5px !important; height: auto !important; } .tabs__list.wide.top { border-bottom: 1px solid #ddd !important; } .tabs__list.wide.bottom { border-top: 1px solid #ddd !important; } .tabs__list.wide { width: 100%; flex-wrap: nowrap } .tabs__list.wide > * { width: 100%; } .tabs__list.top > * { border-radius: 2px 2px 0 0 !important; border-bottom: 0 !important; } .tabs__list.bottom > * { border-radius: 0 0 2px 2px !important; border-top: 0 !important; } @media screen and (max-width:992px) { .tabs__wrap.bottom.fluid { margin-bottom: 35px; } } /* datetime picker */ .datetimepicker table tr td.active, .datetimepicker table tr td.active:hover, .datetimepicker table tr td.active.disabled, .datetimepicker table tr td.active.disabled:hover, .datetimepicker table tr td span.active, .datetimepicker table tr td.active:hover, .datetimepicker table tr td span.active.disabled, .datetimepicker table tr td span.active.disabled:hover { background-color: #f7b03e !important; background-image: -moz-linear-gradient(top, #ffc972, #f7b03e) !important; background-image: -ms-linear-gradient(top, #ffc972, #f7b03e) !important; background-image: -webkit-linear-gradient(top, #ffc972, #f7b03e) !important; background-image: -o-linear-gradient(top, #ffc972, #f7b03e) !important; background-image: linear-gradient(to bottom, #ffc972, #f7b03e) !important; } .datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled:hover.active { background-color: #f7b03e !important; } .topbar { position: fixed; width: 100%; left: 0; top: 0; background: #fff; height: 48px; padding: 0 15px; /* box-sizing: border-box; */ z-index: 6; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; align-items: center; z-index: 100; white-space: nowrap; } .menu-toggle, .topbar .topbar-left { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; align-items: center; } .topbar .topbar-left { background: #f7b03e; border-bottom: 1px solid #f7b03e; height: 100%; position: relative; width: 240px; z-index: 1; } .topbar .navbar-nav { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-end; align-items: center; } .menu-toggle { background: #fff; height: 100%; text-align: center; cursor: pointer; padding: 0px 20px; color: #f7b03e; font-size: 25px; line-height: 25px; margin-right: auto; } .isFloating .grid-view > .panel-box { margin: 0 !important; padding-bottom: 80px !important; } .isFloating .grid-view, .isFloating .grid-view > .panel-box { min-height: 100vh; } .grid-view > .panel-box,.noScroll { overflow: hidden !important; } .isFloating { position: fixed; top: 0; height: 100%; width: 100%; left: 0; overflow-y: auto; z-index: 5000; margin: 0; } .goFloat.floatingButton { position: fixed; right: 19px; bottom: 0; margin-top: -20px; padding: 40px; font-size: 40px; z-index: 10000; box-shadow: -7px -7px 15px rgba(0, 0, 0, .2) !important; margin: 0 !important; opacity: .85; height: 40px; } .goFloat { width: 40px; height: 24px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; align-items: center; background: #fff; color: rgba(0, 0, 0, .6); margin: 0; font-size: 14px; border: 1px solid rgba(0, 0, 0, .3); cursor: pointer; } .goFloat:hover { color: rgba(0, 0, 0, 1); opacity: 1; } @media (max-width:768px) { /*.topbar .navbar-nav { display: none !important; }*/ .topbar .navbar-nav.active { display: -webkit-flex !important; display: -moz-flex !important; display: -ms-flex !important; display: -o-flex !important; display: flex !important; } .widescreen .metismenu.scroll-wrapper, .widescreen .scroll-wrapper > .scroll-content { max-height: calc(100% - 96px) !important; } .topbar .topbar-left { width: 150px; } .goFloat.floatingButton { right: 0px; } .fflex { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex !important; } .top-right-nav { display: none; /* float: right; */ position: fixed; z-index: 5; background: #fff; right: 0; top: 48px; width: 100%; padding: 5px !important; } } .grid-view > .panel-box { padding: 0 !important; } .goBottom + .grid-view table { border-top-width: 0 !important; margin-top: 0 !important; } .verify__block + .js-reasons_panel { margin-top: -16px; } .verify__block { margin: -21px 0 20px; padding: 5px 10px !important; max-width: 282px; } .verify__block * { margin-bottom: 0 !important; margin-top: 0 !important; } body { background: #f1f3f6; margin: 0; padding: 0; color: black; font-size: 13px; font-weight: 400; font-family: 'Trebuchet MS', 'Open Sans', sans-serif; } a { color: #8e6423; text-decoration: none; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; } button { transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; } * { outline: 0 !important; } a:hover, a:focus { color: #777; text-decoration: none; } h1, h2, h3, h4, h5, h6 { margin-top: 0px; font-weight: 600; color: #444; } .btn { text-transform: capitalize; color: #eee; font-size: 13px; border-radius: 2px; -webkit-border-radius: 2px; } .btn-theme { background: #f7b03e !important; color: #fff !important; } .btn-theme:hover { background-color: #222 !important; color: #eee !important; } .btn-lg { padding: 10px 25px; } #wrapper { overflow: hidden; width: 100%; } #para1, #para2, #para3 { display: inline-block; padding: 15px 3px; font-size: 15px; color: #f7b03e; } #para1 { padding-right: 30px; } .app-search { width: 200px; height: 57px; position: relative; } .app-search i { position: absolute; top: 20px; right: 10px; font-size: 20px; } .app-search .form-control { height: 57px; border: 0px; box-shadow: none; -webkit-box-shadow: none; border-radius: 0px; -webkit-border-radius: 0px; background: transparent; color: #777; } .top-right-nav { padding-right: 30px; float: right; } .top-right-nav li a:hover, .top-right-nav li a:focus { color: #333; background: transparent; } .top-right-nav li a i { font-size: 25px; } .top-right-nav li a { display: block; } .top-right-nav li { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; align-items: center; } .top-right-nav li:not(:last-child) { margin-right: 15px; } .profile-link img { margin-right: 5px; float: left; } .profile-link span { display: inline-block; } .profile-link span em { font-size: 12px; color: #7b777a; } .nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background-color: transparent; border-color: #337ab7; } .dropdown-menu { background: #fff; margin: 0; padding: 0; } .dropdown-menu > li > select { border: 0; box-sizing: border-box; width: 100%; } .dropdown-menu > li > select, .dropdown-menu > li > a { color: #777; padding: 7px 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); text-transform: capitalize; } .dropdown-menu > li > select:hover, .dropdown-menu > li > a:hover { color: #f7b03e; } .dropdown-menu > li:last-child a { border-bottom: 0px; } .top-right-nav .badge { font-size: 12px; background: #ddcc36; position: absolute; left: 3px; top: 3px; } .dropdown-menu.dropdown-lg { width: 225px; right: 0px; left: auto; } .dropdown-menu.dropdown-lg i { float: left; margin-right: 10px; color: #f7b03e; } .dropdown-menu.dropdown-lg .drop-content { overflow: hidden; } .dropdown-menu.dropdown-lg .drop-content h4 { font-weight: 400; font-size: 15px; margin: 0px; } .dropdown-menu.dropdown-lg .drop-content span { font-size: 12px; color: #7b777a; } .m-b { margin-bottom: 15px; } .bwizard-steps li a { display: block; padding: 8px 20px; background-color: #eee; color: #777; } .bwizard-steps li.active a { background-color: #f7b03e; color: #fff; } .bwizard .progress { box-shadow: none; -webkit-box-shadow: none; border-radius: 30px; -webkit-border-radius: 30px; } .flot-chart { display: block; height: 200px; } .flot-chart-content { width: 100%; height: 100%; } .flot-chart-pie-content { width: 200px; height: 200px; margin: auto; } .bwizard .progress-bar { background-color: #f7b03e; } .sidebar { width: 270px; height: 100%; position: fixed; right: -270px; top: 57px; background: #fff; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; z-index: 99; } .sidebar.active { right: 0; } .sidebar .nicescroll { padding: 30px 15px; padding-bottom: 70px; } .form-control { border-color: #ddd; box-shadow: none; -webkit-box-shadow: none; border-radius: 2px; -webkit-border-radius: 2px; } .form-control:focus { border-color: #f7b03e; -webkit-box-shadow: none; box-shadow: none; } .side-menu { bottom: 0; top: 0; width: 240px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; position: fixed !important; z-index: 5; } .side-menu.left { background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); position: absolute; top: 0; } .metismenu { list-style: none; margin: 0px; padding: 0px; padding-top: 48px; height: auto !important; max-height: calc(100% - 48px); top: 48px } .widescreen .scroll-element { display: none !important; } .metismenu > li { white-space: nowrap } .metismenu > li > ul { white-space: normal; } .metismenu > li > a, .metismenu > li > span { color: #7b777a; font-size: 13px; text-transform: uppercase; padding: 10px 15px; display: block; } .metismenu > li > a i { color: #f7b03e; font-size: 20px; margin-right: 10px; } .metismenu li a i { width: 20px; text-align: center; } .metismenu > li { position: relative; } .metismenu > li > a:hover { background-color: #eee; } body.fixed-left .side-menu.left { margin-top: 0px; padding-bottom: 0px; position: absolute; } .widescreen .metismenu.scroll-wrapper, .widescreen .scroll-wrapper > .scroll-content { overflow: visible !important; } .widescreen .treeview { } .widescreen .nav.nav-second-level > li > a { padding-left: 25px; } .widescreen .nav.nav-second-level > li > a .nav-second-level > li > a { padding-left: 40px; } .content-page { margin-left: 240px; transition: margin-left .5s ease; } .content-page > .content { min-height: 100vh; margin-top: 0px; padding: 20px 5px 60px 5px; padding-top: 70px; } .footer { background-color: transparent; bottom: 0px; height: 50px !important; color: #7b777a; left: 240px; text-align: left !important; padding: 20px 30px; position: absolute; right: 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; } /* body.widescreen.fixed-left .metismenu li:hover > .nav-second-level { display: block; } body.widescreen.fixed-left .metismenu li:hover > .nav-second-level::after{ content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 1000px; background: transparent; z-index: 1; } @media (max-width: 991px){ body.widescreen.fixed-left .metismenu li:hover > .nav-second-level::after{ display: none !important; } } */ body.widescreen.fixed-left .metismenu > li > ul { box-shadow: 9px 0 25px rgba(0, 0, 0, .1); } .nav > li > a.btn.btn-success{ background: #5cb85c !important; border-color: #4cae4c !important; } .nav > li > a.btn{ padding-top: 7px !important; padding-bottom: 7px !important; } .nav > li > a.btn:focus{ color: #fff !important; } .nav > li > a.btn:hover{ color: #000 !important; } @media screen and (min-width:768px) { body.widescreen.fixed-left .metismenu > li > a i { margin-right: 0; } body.widescreen.fixed-left .side-menu { width: 70px; } body.widescreen.fixed-left .side-menu .metismenu > li > a span { display: none; } body.widescreen.fixed-left .side-menu .metismenu > li > a { text-align: center; } body.widescreen.fixed-left .content-page { margin-left: 70px; } body.widescreen.fixed-left .footer { left: 70px; } } .nav > li > a:not(.btn) { color: #7b777a; font-size: 13px; text-transform: uppercase; display: block; } .nav > li { z-index: 15; } .nav > li > a:hover, .nav > li > a:focus { background: transparent; color: #f7b03e; } .nav.nav-second-level > li > a { padding-left: 25px; } .nav.nav-third-level li a { padding-left: 55px; } .metismenu > li.active > a { background: #eee; color: #f7b03e; } .in li.active > a { color: #337ab7; } .container { width: 100%; } .page-title { margin-bottom: 20px; } .page-title:empty { display: none; } .page-title h3 { display: inline-block; margin-right: 30px; } .page-title a { display: inline-block; border: 1px solid #ddd; padding: 5px 10px; color: #7b777a; border-radius: 2px; } .page-title a:hover { border-color: #f7b03e; color: #fff; background: #f7b03e; } .page-title a:hover i { color: #fff; } .page-title i { margin-right: 5px; color: #f7b03e; } .widget-box { padding: 15px; background: #fff; border: 1px solid #e4e5e7; margin-bottom: 20px; } #side-menu .text-success { color: #00c602 !important; } #side-menu .text-danger { color: #c32020 !important; } .widget-box h4 { color: #bdb7b9; font-size: 14px; } .widget-box i { color: #f7b03e; } .breadcrumb, .panel-box { padding: 15px; background: #fff; border-radius: 0; border: 1px solid #e4e5e7; margin-bottom: 20px; } h4 { font-size: 13px; text-transform: uppercase; padding: 0; margin-bottom: 12px; } .metismenu li.profile-menu { clear: both; padding-bottom: 35px; position: relative; } .metismenu li.profile-menu a:hover, .metismenu li.profile-menu a:focus { background-color: transparent; } .metismenu .dropdown-menu.profile-drop { position: absolute; top: 0; left: 100%; z-index: 999; } .nav-bottom { margin: 20px 0; height: auto !important; } .nav-bottom a { display: block; float: left; width: 25%; padding: 10px 0; border: 1px solid rgba(0, 0, 0, 0.1); text-align: center; font-size: 20px; } .nav-bottom a:hover { color: #fff; background: #f7b03e; } .nav-bottom .version { padding: 0px 15px; } .nav-bottom .version a { font-size: 12px; padding: 2px 10px; width: auto; background: #f7b03e; color: #fff; border-radius: 10px; -webkit-border-radius: 10px; } .morris-hover.morris-default-style { background: rgba(0, 0, 0, 0.8); border: solid 2px rgba(54, 54, 54, 0.8); } .va-middle { vertical-align: middle; } .m0 { margin: 0; } .typo-box h4 { border: 0px; margin-bottom: 5px; background: transparent; padding: 0; } .fa-hover a { display: block; padding: 20px 15px; color: #7b777a; } .fa-hover a i { font-size: 30px; } .btn { padding: 5px 10px; margin-bottom: 10px; } .btn-lg { padding: 10px 20px; } .btn-xs { padding: 3px 7px; } .btn-default { display: inline-block; border: 1px solid rgba(0, 0, 0, 0.1); color: #7b777a; border-radius: 2px; background: transparent; } .btn-default:hover { border-color: #f7b03e; color: #fff; background: #f7b03e; } .btn-border-white { display: inline-block; border: 1px solid rgba(0, 0, 0, 0.02); color: #aeaeae; border-radius: 2px; background: transparent; } .btn-border-white:hover { border-color: #f7b03e; color: #fff; background: #f7b03e; } .btn-border-theme { display: inline-block; border: 1px solid #f7b03e; color: #f7b03e; border-radius: 2px; background: transparent; } .btn-border-theme:hover { border-color: #f7b03e; color: #fff; background: #f7b03e; } .btn-white { background: #fff; color: #333; } .btn-white:hover { background: #f7b03e; color: #fff; } .btn-default-fill { background: #eee; color: #777; } .btn-default-fill:hover { background: #f7b03e; color: #fff; } .nav-tabs { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .tabs-container .tabs-left > .nav-tabs { float: left; margin-right: 0px; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color: #fff; cursor: default; background-color: #f7b03e; border: 1px solid #f7b03e; border-bottom-color: transparent; } .tabs-container .tabs-left > .nav-tabs > li { float: none; } .tabs-container .tabs-left > .nav-tabs .active > a { border-color: #f7b03e transparent #f7b03e #f7b03e; } .tabs-container .tabs-left .tab-content { overflow: hidden; background-color: transparent; } .tabs-container .tabs-right > .nav-tabs { float: right; margin-right: 0px; } .tabs-container .tabs-right > .nav-tabs > li { float: none; } .tabs-container .tabs-right > .nav-tabs .active > a { border-color: #f7b03e #f7b03e #f7b03e transparent; } .tabs-container .tabs-right .tab-content { overflow: hidden; background-color: transparent; } .locksreen-col { max-width: 320px; margin: 0 auto; padding-top: 150px; } .locksreen-col h3 small { font-size: 12px; display: block; margin: 5px 0; } .error-col { max-width: 600px; margin: 0 auto; padding-top: 200px; } .error-col h3 { font-size: 9rem; color: #f7b03e; } table.dataTable thead th { position: relative; background-image: none !important } table.dataTable thead th.sorting:after, table.dataTable thead th.sorting_asc:after, table.dataTable thead th.sorting_desc:after { position: absolute; top: 12px; right: 8px; display: block; font-family: FontAwesome } table.dataTable thead th.sorting:after { content: "\f0dc"; color: #ddd; font-size: .8em; padding-top: .12em } table.dataTable thead th.sorting_asc:after { content: "\f0de" } table.dataTable thead th.sorting_desc:after { content: "\f0dd" } div.dataTables_scrollBody table.dataTable thead th.sorting:after, div.dataTables_scrollBody table.dataTable thead th.sorting_asc:after, div.dataTables_scrollBody table.dataTable thead th.sorting_desc:after { content: "" } table.table thead th.sorting:after, table.table thead th.sorting_asc:after, table.table thead th.sorting_desc:after { top: 8px } div.dataTables_paginate a.paginate_button.first, div.dataTables_paginate a.paginate_button.previous { position: relative; padding-left: 24px } div.dataTables_paginate a.paginate_button.last, div.dataTables_paginate a.paginate_button.next { position: relative; padding-right: 24px } div.dataTables_paginate a.first:before, div.dataTables_paginate a.previous:before { position: absolute; top: 8px; left: 10px; display: block; font-family: FontAwesome } div.dataTables_paginate a.last:after, div.dataTables_paginate a.next:after { position: absolute; top: 8px; right: 10px; display: block; font-family: FontAwesome } div.dataTables_paginate a.first:before { content: "\f100" } div.dataTables_paginate a.previous:before { content: "\f104" } div.dataTables_paginate a.next:after { content: "\f105" } div.dataTables_paginate a.last:after { content: "\f101" } div.dataTables_paginate li.first > a, div.dataTables_paginate li.previous > a { position: relative; padding-left: 24px } div.dataTables_paginate li.last > a, div.dataTables_paginate li.next > a { position: relative; padding-right: 24px } div.dataTables_paginate li.first a:before, div.dataTables_paginate li.previous a:before { position: absolute; top: 6px; left: 10px; display: block; } div.dataTables_paginate li.last a:after, div.dataTables_paginate li.next a:after { position: absolute; top: 6px; right: 10px; display: block; } div.dataTables_paginate li.first a:before { content: "\f100" } div.dataTables_paginate li.previous a:before { content: "\f104" } div.dataTables_paginate li.next a:after { content: "\f105" } div.dataTables_paginate li.last a:after { content: "\f101" } div.columns div.dataTables_paginate li.first a:before, div.columns div.dataTables_paginate li.last a:after, div.columns div.dataTables_paginate li.next a:after, div.columns div.dataTables_paginate li.previous a:before { top: 0 } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { z-index: 3; color: #f7b03e; cursor: default; background-color: transparent; border-color: transparent; } .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { z-index: 2; color: #f7b03e; background-color: transparent; border-color: transparent; } .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover { display: none; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #777; text-decoration: none; background-color: transparent; border: 1px solid transparent; } .mail-ul li a { background-color: rgba(0, 0, 0, 0.1); display: block; margin-bottom: 5px; } .mail-ul li a:hover, .mail-ul li.active a { background: #f7b03e; color: #fff; } body.widescreen .nav-bottom { display: none; } .jqstooltip { padding: 5px !important; border: none !important; border-radius: 10px; background-color: #f7b03e; width: auto !important; height: auto !important; } @media (max-width:1299px) { #para1 { padding-right: 5px; } #para1, #para2, #para3 { font-size: 13px; } .widget-box h4 { font-size: 11px; } .widget-box i { font-size: 27px; } .widget-box h2 { font-size: 25px; } } @media (max-width:991px) { .widescreen .metismenu.scroll-wrapper, .widescreen .scroll-wrapper > .scroll-content { overflow: auto !important; } #para1, #para2, #para3 { display: none; } .nav-bottom { display: none; } .side-menu { width: 70px; left: -70px; } body.widescreen.fixed-left .side-menu { left: 0; } body.fixed-left .side-menu .metismenu > li > a span { display: none; } .content-page { margin-left: 0px; } .footer { left: 0; } } @media (max-width:600px) { .page-title h3 { display: block; margin-right: 0px; margin-bottom: 20px; } .bwizard-steps li { width: 100%; float: left; margin-bottom: 5px; } } @media (max-width:768px) { .scrollingTable { overflow-x: auto; } .table-responsive { border: 0; } .tabs-container .tabs-left .nav-tabs { float: none !important; margin-right: 0px; } .tabs-container .tabs-right .nav-tabs { float: none !important; margin-right: 0px; } } .modal-wrapper-acc { width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 9999; background: #000000b0; display: none; align-items: center; justify-content: center; cursor: pointer; overflow-y: auto } .modal-result-acc { background: #fff; padding: 25px; border-radius: 5px; cursor: default; } .modal-result-acc > .row { max-height: 480px; overflow-y: scroll; } .machine_answer_btn, .call_back_btn { margin-right: 10px; } .hidden_dev { display: none !important; } #client_modal .modal-dialog { width: calc(80% - 60px); margin: 30px auto; } #order_modal #client_modal .modal-dialog { width: unset; margin: 0px auto; } .kv-grid-group-row { cursor: pointer; } .preloader { display: none; position: absolute; z-index: 100; background: rgba(255, 255, 255, .75); width: 100%; height: 100%; } .preloader::after { content: ''; position: absolute; left: calc(50% - 35.5px); top: calc(50% - 35.5px); width: 71px; height: 71px; z-index: 1; background: url(../images/preloader.svg); } .top-action-line { min-height: 45px; } .top-action-line .right { text-align: right; } .top-action-line .field-campaigntoclient-recall_client_to { } .campaign-name { font-size: 17px; font-weight: bold; } .item-1 .solo_btns { padding: 5px; text-align: left; line-height: 45px; margin-bottom: 0; border: 0; } .item-1 .solo_btns.campaign-name.left { text-align: left; padding-left: 0px; border: 0; } .call-status span { text-transform: uppercase; } .field-actionform-next_call_agreement_date:not(.supervisor_defpicker) { width: 100%; } .col-md-4.item-1 > * { min-height: 56px; } .form-group.field-ordermodelfilter-verified, .form-group.field-tmordermodelfilter-verified { float: left; max-width: 200px; } .form-group.field-ordermodelfilter-sort_transition, .form-group.field-ordermodelfilter-isfresh, .form-group.field-tmordermodelfilter-sort_transition, .form-group.field-tmordermodelfilter-isfresh, .form-group.field-ordermodelfilter-isdoublephones { float: left; max-width: 300px; padding-left: 10px; } .form-group.field-ordermodelfilter-isdoublephones {max-width: 200px; } .call-actions.panel-box { padding-top: 0; padding-bottom: 0; position: relative; margin-bottom: 10px; } #response-message { text-align: center; padding: 0; margin: 0 0 15px 0; } .back_wrapper { left: 0; background-color: gray; width: 100%; position: absolute; height: 100%; z-index: 5; opacity: 0.4; display: none; top: 0; } .back_wrapper.in-action { display: block; } .status__btns.transition-switcher { border-top: 0; border-right: 0; position: absolute; right: 0; top: 0; z-index: 30; width: 100%; } #switcher_panel_stub { min-height: 50px; } .bold { font-weight: bold; } .clear { clear: both; } #client_user_panel, #supervisor_panel { min-height: 300px; padding: 5px 15px; position: relative; } #supervisor_save { position: absolute; width: 100%; bottom: 0; margin: 0px -15px; border-radius: 0; } #client_delivery_panel { min-height: 300px; padding: 5px 15px; position: relative; } .ctc-button { padding: 5px 20px; } .table > tbody > tr > td.left { text-align: left; } .dates-box { padding: 5px 10px 0px 5px; } .col-md-4.item-1 .solo_btns { margin-bottom: 10px !important; text-align: center; } .supervisor_defpicker { display: none; } #super-container.-show { text-align: center; height: 34px; margin-bottom: 15px; position: absolute; margin: -5px -15px; width: 100%; padding-top: 8px; } #super-container.-show + input + div { margin-top: 30px !important; } .status_400, .status_500 { color: #a94442; border-left: 3px solid #eed3d7; background: #fdf7f7; padding: 10px 20px; } .status_200 { color: #42a976; border-left: 3px solid #42a976; background-color: #dff0d8; padding: 10px 20px; } #response-message.status_200, #response-message.status_400, #response-message.status_500 { padding: 10px 20px; } #client_modal a[href="#cart"] { display: none; } #new_client { position: absolute; bottom: 0; width: 100%; margin: 0 auto; left: 0; border-radius: 0; } #client_user_panel.-new, #client_delivery_panel.-new { min-height: 490px; padding: 25px 15px; } #new_client_label, #new_client_address { position: absolute; top: 0; margin: 0 auto; left: 0; width: 100%; border-radius: 0; padding: 0px 15px !important; height: 20px; cursor: unset; display: none; } #new_client_address { left: 15px; width: calc(100% - 30px); } #new_client_label, #new_client_address { background-color: #337ab7; border-color: #2e6da4; } #client_delivery_panel.-new #new_client_address, #client_user_panel.-new #new_client_label { display: block; } .deliveries .radio { position: relative; margin: 0px; } .deliveries .radio button { position: absolute; top: calc(50% - 16px); right: -35px; } .deliveries .radio label { display: flex !important; max-width: calc(100% - 43px); align-items: center; position: relative; } .error { border-color: darkred; } .help-block-error { color: darkred; position: absolute; margin-top: -1px; font-size: 11px; } input[name=delivery-list] { margin-top: -1px; } .delivery-list-item .btn-trash { margin-bottom: 0; height: auto } .deliveries { overflow: auto; max-height: 228px; } .field-campaignoftelemarketing-assign_operators .select2-container--krajee .select2-selection--multiple { min-height: 90px; } .no-padding > div, .no-padding { padding: 0; } .main-area.panel-box { margin-bottom: 0; } .main-area label { font-size: 12px; } .full-width { width: 100%; } .page-header { margin-top: 0; } .no-padding-left-elements > div { padding-left: 0; } .no-padding-left-elements > div:last-child { padding-right: 0; } .action-panel { padding: 15px 0; } .back_wrapper img { max-width: 50px; position: relative; top: 5px; left: 5px; } #cart .panel-box { position: relative; } #defer_wrapp { display: none; width: 100%; background-color: white; padding: 15px; border: 1px solid rgba(0, 0, 0, 0.1);} #defer_wrapp .field-mini_comment { margin: 0 !important; } .field-actionform-next_call_agreement_date { margin-bottom: 10px; } #defer_alert { color: red; text-align: center; } #create-order-staff-modal { padding-top: 5px; padding-bottom: 0px; text-align: right; display: flex; justify-content: flex-end; border: 0; margin-bottom: 0; } #create-order-staff-modal .form-group { margin-bottom: 0; } .switchers { padding: 0 15px; } .status-panel-box { margin: 0 15px 20px 15px; } .status-panel-box .status__btns.solo_btns { margin: 0 auto 0px !important; } .order-panel-box { padding: 10px 0; border: 1px solid #e4e5e7; margin: 0px 15px; } .order-panel-box:before, .order-panel-box:after { content: ' '; clear: both; display: block; } .file-path .file-line { font-weight: bold; } #submit_order { display: none; } .nav.navbar-nav.top-right-nav { width: calc(100% - 300px); } .btn { margin-bottom: unset; } #used_user_time { min-width: 60px; text-align: center; font-size: 14px; font-weight: bold; position: relative;} .top_info_bar:not(#available_operators) { min-width: 165px; } .away_reason_block .btn.check_break_button { cursor: pointer; background-color: white; border: 1px solid #ddd; color: black; font-weight: bold; position: relative; overflow: hidden; } .away_reason_block .btn.check_break_button:before { content: ''; display: block; position: absolute; width: 100%; height: 24px; left: 0; top: -22px; } .away_reason_block .btn.check_break_button.orange:hover, .btn.check_break_button.orange:before { background: orange; color: black; } .away_reason_block .btn.check_break_button.yellow:hover, .away_reason_block .btn.check_break_button.yellow:before { background: #f0ffa0; color: black; } .away_reason_block .btn.check_break_button.blue:hover, .btn.check_break_button.blue:before { background: blue; color: white; } .away_reason_block .btn.check_break_button.btn-online:hover, .away_reason_block .btn.check_break_button.btn-online:before { background: green; color: white; } #operator-state .away_reason_block button.btn.check_break_button.red:hover, #operator-state .away_reason_block button.btn.check_break_button.red:before { background: red; color: black; } .late::after { content: attr(data-late-text); color: red; font-weight: bold; font-size: 12px;line-height: 12px;display: block;} #operator-state { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; align-items: center; width: 100%; margin: 0; } .profile-link { display: flex; white-space: nowrap; justify-content: center; align-items: center; cursor: pointer; align-self: stretch; user-select: none; } .profile-link > span { color: #b3802e } .operator_state__wrapper > *:not(:empty):not(#status_user) { margin: 0 10px } #all_statuses { max-width: 200px; min-width: 160px; } #languages { max-width: 80px; min-width: 60px; } .profile-link .dropdown-menu { padding: 5px 10px; width: 100%; top: 100% !important; border-radius: 0 0 10px 10px; border-top: 0; box-shadow: 0 13px 12px rgba(0, 0, 0, 0.1); } .profile-link .dropdown-menu > * { display: block !important; color: inherit !important; margin: 0 !important; text-indent: 0; width: 100%; border: 0; padding: 5px; cursor: pointer; } .profile-link .dropdown-menu > *:hover, .profile-link .dropdown-menu > *:focus { color: #f7b03e !important } .profile-link .dropdown-menu > *:not(:last-child) { margin-bottom: 5px; border-bottom: 1px solid #ddd; } .profile-link .dropdown-menu * { text-transform: capitalize; } #status_user { min-width: 10%; text-align: center; position: absolute; top: 100%; right: 0; transform-origin: 50% 50%; /* transform: translateX(-50%); */ background: #fff; padding: 2px 25px !important; border-top: 0; letter-spacing: 2px; will-change: transform; font-weight: bold; text-transform: uppercase; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25); } .away_reason_block { display: flex; justify-content: center; align-items: center; } .operator_state__wrapper > * { order: 3; } .operator_state__wrapper > #used_user_time { order: 1; } .operator_state__wrapper > .check_break_button:last-of-type { margin-right: auto !important; } .away_reason_block + #used_user_time { margin-right: auto !important; } .away_reason_block > * { margin: 0 2.5px } @media (max-width:1550px) { .away_reason_block { position: absolute; top: 100%; left: 50%; transform-origin: 50% 50%; transform: translateX(-50%); margin: 0 !important; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25); } .away_reason_block .btn.check_break_button { margin: 0 !important; } #status_user { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; align-items: center; height: 34px; padding: 2px 10px !important; } } @media (max-width:992px) { .late::after{font-size:10px;line-height: 10px;position: absolute;top: 100%; background:#fff;left: 0;width: 100%;text-align: center;} .profile-link span { display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 130px; } .away_reason_block, .profile-link, .operator_state__wrapper, #all_statuses, .top_info_bar { display: none } #status_user { height: auto; font-size: 8px; width: 100%; display: none; } #used_user_time { margin: 0 10px !important; } #used_user_time::before { white-space: normal; content: attr(data-mobile-text); display: block; text-align: center; font-size: 8px; text-transform: uppercase; letter-spacing: 1px; max-width: 85px; } .menu-toggle { padding: 0 10px; order: 200; margin-right: 0; margin-left: 5px; } a.logo { font-size: 22px; min-width: 120px; max-width: 120px } .away_reason_block + #used_user_time { margin-right: 0 !important; } .content-page > .content { padding-top: 70px; } .top__settings { background: #fff; color: #444; width: 50px; height: 50px; position: fixed; z-index: 10; display: flex; justify-content: center; align-items: center; font-size: 28px; right: 0; bottom: 0; box-shadow: -5px -5px 5px rgba(0, 0, 0, .05); } .topbar.active #operator-state { position: fixed; top: 48px; background: #fff; width: 100%; left: 0; max-height: calc(100vh - 48px); overflow-y: auto; height: 100%; display: block; padding: 15px; } .topbar.active .away_reason_block { position: static; transform: none; flex-direction: column; background: none; box-shadow: none; } .topbar.active #operator-state .operator_state__wrapper { flex-direction: column; } .topbar.active .profile-link { width: 130px; margin-left: auto; margin-right: 15px; } .topbar.active .profile-link, .topbar.active .away_reason_block { display: flex; } .topbar.active .operator_state__wrapper, .topbar.active #all_statuses { display: block; } .topbar.active .operator_state__wrapper, .topbar.active #all_statuses, .topbar.active .top_info_bar { display: flex; } #switcher:empty { display: none !important; } .topbar.active .top_info_bar { justify-content: space-around; align-items: center; max-width: 300px; width: 100%; margin-bottom: 15px !important; } .topbar.active #used_user_time::before { max-width: 300px; font-size: 16px; } .topbar.active .away_reason_block { width: 100%; } .topbar.active .away_reason_block .btn.check_break_button, .topbar.active #all_statuses, .topbar.active .operator_state__wrapper > .check_break_button:last-of-type { display: block; max-width: 300px; width: 100%; } .topbar.active .away_reason_block > *:not(:last-child), .topbar.active .operator_state__wrapper > *:not(:last-child) { margin: 0 auto 15px !important; } .topbar.active #used_user_time { margin: 0 0 15px !important; } } .left.table td { text-align: right; padding-left: 15px; overflow: hidden; } #left-table { overflow: hidden; max-width: 1180px; } #order-stat-hours { background-color: white; padding-top: 10px; padding-left: 10px; } .label-table table { border-right: none; } .inner-table td { min-width: 71px; text-align: center; } .cell_right { position: relative; top: 2px; } td.positive { background-color: green; color: white; font-weight: bold; } td.middle { background-color: darkorange; font-weight: bold; } td.negative { background-color: darkred; color: white; font-weight: bold; } .off-visible th { text-align: center; } .separate-address-block { margin-bottom: 10px; } .button-cell { text-align: right; } .address-row { position: relative; height: 35px; line-height: 35px; } .address-delete { margin-bottom: 0px; height: auto; float: right; position: absolute; right: 0; top: 0px; } #status_block { height: 260px; border: 1px solid #ddd; padding: 5px; box-shadow: #ddd 0px 0px 5px; overflow: auto; } .js-reason_btn_block > button { width: 100%; } .field-orderform-deferto { width: 100%; height: 86px; max-width: 598px; } .address_text { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .cart-link-element { text-align: center; padding: 15px; } .cart-link-element span.link { border: 1px solid; padding: 10px; display: inline-block; width: 100%; } .campaign-header-wrap.max .status-link-element { margin-bottom: 20px; } .status-link-element:after, .status-link-element:before { clear: both; content: ' '; display: block; } .status-link-element > span:nth-child(1) { float: left; } .status-link-element > span.link { border: 1px solid; padding: 10px; width: 300px; text-align: center; cursor: pointer; } .status-link-element > span:nth-child(2) { float: right; } .status-button { width: 100%; max-width: 400px; height: 40px; text-align: left; cursor: pointer; } .status-button > span { display: block; } .cart-link-element span { cursor: pointer; } .popup { position: fixed; background: white; top: 150px; margin: 0 auto; left: calc(50% - 175px); padding: 15px; z-index: 26; padding-top: 30px; } .sub_popup { position: fixed; top: 0; width: 100%; height: 100%; background: black; z-index: 25; opacity: 0.4; } .sub_popup.v2 { position: fixed; top: 0; width: 100%; height: 100%; background: black; z-index: 115; opacity: 0.4; left: 0; } .confirmed_header { position: absolute; top: 0; left: 0; width: 100%; text-align: center; font-size: 15px; } #cart_min { display: none; } #cart_min .dataTables_wrapper { height: 373px; } .cart_minify .dataTables_wrapper { height: 195px; } #cart_min .dataTables_wrapper td select, #cart_min .dataTables_wrapper td input { min-width: 0px; } #status_panel { display: none; margin-bottom: 20px; } #status_panel .js-reason_btn_block { max-height: 257px; overflow: auto; align-items: baseline; } #file_outgoing, #file_incoming, #file_move { padding: 0; height: 0; opacity: 0; } .drln { align-items: flex-start; margin-top: 15px; } .drlnn { justify-content: flex-start; align-items: flex-start; flex-direction: column; display: flex; } #file_label, .file_load { background: black; opacity: .8; } #file_label:hover, .file_load { opacity: 1; color: #fff; } #file_label:hover .opf, .file_load .opf { color: #fff; } #file_label:hover .fa-paperclip::before, .file_load .fa-paperclip::before { color: #fff; } #show_delete { margin-left: 0px; border-left: 0px; display: none; cursor: default; border: none !important; } .opf { text-transform: initial; } .delf { color: #333 } #filenames { color: #000; margin-right: 5px; cursor: default; } .float-panel { position: fixed; top: 48px; z-index: 100; right: 0; background: white; max-width: 360px; } .field-level12_incoming, .field-level13_incoming, .field-level12_outgoing, .field-level13_outgoing, .field-level12_move, .field-level13_move { display: none; } .drln { align-items: flex-start; margin-top: 22px; } #order_modal.posting_form { max-width: 1200px; margin: 0 auto; width: 100%; } .fa.fa-plus.out-table { border: 1px solid; padding: 5px; margin-left: 10px; } .amount-col, .account-col { width: 120px; text-align: center; } .col-p-left { padding-left: 0; } .col-r-left { padding-right: 0; } #balance_val { font-weight: bold; } .form-group.field-change_currency { margin-bottom: 0; } .total_balance_cell { line-height: 33px; } #balance_amount { font-size: 14px; font-weight: bold; } #balance_currency { font-size: 10px; } .accounts-cell { text-align: right; } .accounts-list { position: absolute; right: 15px; margin-top: 5px; width: 360px; background-color: white; z-index: 99; } .accounts-list ul { padding-left: 0; list-style: none; } .accounts-list ul li { padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; text-align: left; } .accounts-list ul li:hover a { text-decoration: underline; } .list-amount { float: right; } .accounts-list { display: none; } .accounts-list.show { display: block; } .f-10 { font-size: 10px; } .legal-header-cell { width: 300px; } .balance-table { font-size: 11px; } .legal-header-cell img { margin-right: 5px; margin-top: -4px; } .legal-r::after { margin-bottom: 2px; padding-bottom: 2px; border-bottom: 1px dashed; content: ' '; display: block; height: 1px; width: 40%; } .content-comment { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 110px; } .content-amount, .content-status, .content-project { white-space: nowrap; } .list-amount.minus { background-color: darkred; color: white; padding-left: 10px; padding-right: 10px; font-weight: bold; } .list-amount.plus { background-color: darkgreen; color: white; padding-left: 10px; padding-right: 10px; font-weight: bold; } .balance-table th { white-space: nowrap; } .content-amount.minus { color: darkred; font-weight: bold; } .content-amount.plus { color: darkgreen; font-weight: bold; } #file_label { width: 100%; margin-top: 1px; } .legal-header-cell .account { white-space: nowrap; } input[type="file"] { display: none; } .product-list-stocks { min-height: 80px; width: 465px; } table.dataTable td.product-cell-stocks { padding: 0; } span.error { color: darkred; } td.p-name { width: 105px; } table.table-bordered.dataTable td.p-name, table.table-bordered.dataTable th.p-name { border-bottom: 1px solid #dddddd; padding-left: 10px; } table.table-bordered.dataTable th { border-right: 1px solid #dddddd; } table.table-bordered.dataTable td.p-name:first-child { border-top: none; min-width: 85px; } table.table-bordered.dataTable tr:last-child td { border-bottom: 1px solid #dddddd; } table.table-bordered.dataTable .p-name:first-child { border-top: none; } .p-count { width: 55px; } .p-break { width: 45px; } .p-cost { width: 50px; } .p-break-cost { width: 81px; } .p-summary-cost { width: 45px; } table.table-bordered.dataTable th.p-count, table.table-bordered.dataTable th.p-break, table.table-bordered.dataTable th.p-cost, table.table-bordered.dataTable th.p-break-cost, table.table-bordered.dataTable th.p-break-cost-recalc, table.table-bordered.dataTable th.p-summary-cost { text-align: center; } table.table-bordered.dataTable td.p-count, table.table-bordered.dataTable td.p-break, table.table-bordered.dataTable td.p-cost, table.table-bordered.dataTable td.p-break-cost, table.table-bordered.dataTable td.p-break-cost-recalc, table.table-bordered.dataTable td.p-summary-cost { border-left: 1px solid #dddddd; border-top: 1px solid #dddddd; text-align: center; padding: 2px; min-width: 40px; } .table > tbody > tr > td.no-padding { padding: 0; vertical-align: top; } .product-list-stocks thead { background-color: #eeeeee; } .stock-status { display: inline-block; max-width: 120px; font-size: 10px; padding: 5px; border-radius: 5px; font-weight: bold; } .stock-status.id-3 { background-color: #f0ad4e; color: white; } .stock-status.id-2 { background-color: #adcae4; } .stock-status.id-5 { background-color: #66ea6c; } .stock-status.id-1 { background-color: #777777; color: white; } .save-btn.data-row-line.drln { position: relative; top: 1px; } .save-btn.data-row-line.drln > button { width: 100%; } #party_add_form .has-error .help-block { position: absolute; margin-top: 0; } #party_add_form .field-deliverypartyform-cart.has-error .help-block { position: relative; } .confirm-party-popup .field-deliverypartyform-status_id { width: 100% !important; } .confirm-party-popup .form-group.field-deliverypartyform-has_discrepancy { display: block; margin-top: 15px; } .confirm-party-popup .field-deliverypartyform-status_id button { width: 100%; height: 34px !important; margin-top: 0 !important; } .modal-content .form-group { width: 100%; } .modal-content { border-radius: 0 !important; } .modal-content .panel-box { margin-bottom: 0; } .modal-content .panel-box h4 { margin-top: 11px; } table.table-bordered.dataTable td.p-summary-cost { font-weight: bold; } .form-inline .form-control.popup-view-field { padding-top: 5px; padding-bottom: 5px; padding-left: 5px; width: 100%; } .popup-row { margin-bottom: 5px; } .w100 { width: 100% !important; } .modal-content .popup_header { background-color: #f7b03e; padding: 7px; text-align: left; font-size: 14px; font-weight: bold; } .form-inline .field-deliverypartyitem-count .form-control { width: inherit; } .form-inline .shipment-form .form-control, .form-inline .w100 .form-control { width: 100%; } .dataTables_wrapper .table-responsive { overflow-x: inherit; overflow-y: auto; } .form-inline .shipment-form .form-control { } .margin-row-10 { margin-bottom: 10px; } .cart_minify td input { min-width: 30px; } .cart_minify table td:last-child, .cart_minify table th:last-child { white-space: normal !important; } #deliverypartyform-comment.form-control { width: 100%; } td .modal-content button { height: 35px !important; } .w50 { width: 50% !important; display: inline-block; float: left; } .stock-panel { margin-top: 15px; max-height: 440px; overflow: auto; overflow-x: hidden; } td small { font-size: 65%; } .product-list-stocks td { font-size: 10px; width: 70px; } #movement_party_form .panel-box { border: 0; } #movement_party_form .row { margin: 0; } #movement-table { width: 100%; } #movement-table .product-name-col { width: 200px; } #movement-table .th { text-align: center; } #movement-table .th:first-child { text-align: left; } #movement-table td input { text-align: center; } #movement-table td .product-label { font-weight: bold; font-size: 20px; } .form-group.field-movementpartyform-stock_from, .form-group.field-movementpartyform-stock_to { display: none; } .stock_to, .move-action-block { display: inline-block; width: calc(100% - 44px); } .move-action-block { padding: 5px; border: 1px solid #ddd; margin-left: 5px; } .stock_to select { position: relative; top: 2px; height: 34px; } .submits { width: 100%; height: 45px; border: 0; } .count-input { max-width: 40px; min-width: 0; margin: 0 auto; padding: 3px; } .movement-table { text-align: center; } .movement-table th { text-align: center; } .send-count-input { width: 65px; } .has-success .select2-container--krajee.select2-container--focus.error .select2-selection { box-shadow: inset 0 1px 1px rgba(224, 18, 18, 1), 0 0 6px rgba(224, 18, 18, 1); } .has-success.select2-container--krajee.error .select2-dropdown, .has-success .select2-container--krajee.error .select2-selection { border-color: red !important } .add-products-button { position: relative; top: 6px; } .count-input.error { border-width: 2px; border-color: red; } .kv-expand-detail-row.info.skip-export td { padding: 0; } .withdrawal-action { width: 100%; border-radius: 0 0 3px 3px; } .product_row .name, .product_row .withdrawal, .product_row .balance { float: left; padding: 3px; } .product_row .name { width: 70%; } .product_row .withdrawal { width: 15%; } .product_row .balance { width: 15%; } .form-inline input[name*="DeliveryPartyForm[discrepancy]["].form-control { display: none; } .table > tbody > tr > td.no-padding.table-stat-party-cell { vertical-align: inherit; text-align: center; } .col-exp { width: 50px; border-right: 1px solid #ddd; } .col-stock { width: 492px; border-right: 1px solid #ddd; } .col-refill, .col-withdrawal { width: 15%; border-right: 1px solid #ddd; } .full-width { width: 100%; } .stock-2-level tr { height: 40px; border-bottom: 1px solid #ddd; } .stock-products { display: none; } .stock-products.show { display: table-row !important; } .add_rule_block { margin-top: 0px; } table td.add_header { text-align: left; font-weight: bold; } tr td .half-input:first-child { margin-right: 1px; } tr td .half-input { width: 50%; float: left; } tr td .half-input:last-child { width: 49%; float: right; } tr td .full-input { width: 99%; } .dialplans_row .form-group { margin-bottom: 0; } .country-list { padding-left: 0; } .country-it { list-style: none; padding-left: 0; padding-top: 5px; padding-bottom: 5px; font-size: 17px; } div.half { float: left; width: 50%; } .conditions-cell { position: relative; padding-right: 25px !important; } .conditions-cell > div.full { max-width: unset; } .conditions-cell > div.bar-delimeter { margin-top: 10px; margin-bottom: 10px; border-bottom: 1px solid; width: 100%; max-width: unset; } .priority-block, .condition-block { margin-top: 20px; } #stock-detail .actions { padding: 20px 0; } #detail-action { } #stock-balance { margin-top: 25px; max-height: 770px; overflow: auto; overflow-x: hidden; } #stock-movements { max-height: 673px; overflow: auto; overflow-x: hidden; } .party-items-table { max-height: 170px; overflow: auto; overflow-x: hidden; } .stock-panel::-webkit-scrollbar, #stock-movements::-webkit-scrollbar, #stock-balance::-webkit-scrollbar, .party-items-table::-webkit-scrollbar { width: 3px; } .stock-panel::-webkit-scrollbar-track, #stock-movements::-webkit-scrollbar-track, #stock-balance::-webkit-scrollbar-track, .party-items-table::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .stock-panel::-webkit-scrollbar-thumb, #stock-movements::-webkit-scrollbar-thumb, #stock-balance::-webkit-scrollbar-thumb, .party-items-table::-webkit-scrollbar-thumb { background-color: darkgrey; outline: 1px solid slategrey; } #detail-action .add-products-button { top: unset; } #detail-action .withdrawal-action { width: unset; border-radius: 3px; } #detail-action .move-action-block { margin-top: 10px; margin-left: 0; margin-bottom: 20px; width: 100%; } .match { text-decoration: underline; } .yes { color: darkgreen; } .no { color: darkred; } h3.stock-title { border-bottom: 1px dashed; padding-bottom: 10px; margin-bottom: 20px; } span.currency { margin-left: 5px; font-weight: bold; font-size: 11px; } .kv-expand-detail-row.info.skip-export tr.inner-table-row td { padding: 8px 0; } .negative-balance-row { background: darkred !important; color: white !important; font-weight: bold; } .course-label { font-size: 10px; } .stock-link-item { text-decoration: underline; } .stock-link-item:hover { text-decoration: none; } .entries-search-bar .row form > div { padding: 0; } .entries-search-bar { padding: 0 15px; } .rb_address_list { position: absolute; background-color: white; padding: 0px 5px; border: 1px solid; border-top: 0; border-color: #ddd; z-index: 9; max-width: 407px; } .by-search-result-row { border-bottom: 1px solid; font-size: 11px; } .by-search-result-row:last-child { border-bottom: 0; } .by-search-result-row:hover { color: #f7b03e; cursor: pointer; } #clientForm .by-hint-form { padding-left: 15px; padding-right: 15px; } .form-buttons { padding-top: 22px; } .form-active { padding-top: 10px; } .active_column { width: 17%; } #grid-cat .action-column { width: 100px; } th.header-active-time-cell { width: 15% !important; } .dial-group-global-settings-name { padding: 0; } .dial-group-global-settings { margin-bottom: 20px; } .lower-label { display: inline-block; width: 125px; text-align: right; margin-right: 10px; } .label-status-row { height: 28px; } .label.upper { vertical-align: initial; font-size: 13px; padding: 5px 15px; } #cart_list { padding-left: 0; } .cart-link-block { text-align: left; } .field-header { width: 19%; } .type-header, #dialGroup-panel .action-column { width: 22% !important; } .condition-header { width: 30%; } .form-group.field-dialplanform-id { margin-bottom: 0; } .flag-dial-plan { margin-right: 5px; } .flag_provider { margin-right: 5px; } tr.dialplans_row.is-active { background-color: #228b2285 !important; } .pie-chart { width: 401px; height: 410px; } .bar-chart { width: 802px; height: 400px; } .graph-block { margin-top: 45px; padding-right: 0; } .id-items-col { width: 3% !important; } .date-items-col { width: 9% !important; } .type-items-col { width: 3% !important; } .product-items-col { width: 50% !important; } .count-items-col { width: 10% !important; } .stock-items-col { width: 10% !important; } .graph-box { min-height: 970px; } .is-relative-date { width: 89%; float: left; } .is-relative-date.showed { width: 43%; } td .relative-num { width: 11%; min-width: 0; float: left; position: relative; left: 15px; } td #add-conditions-row .relative-num { width: 11%; min-width: 0; float: left; left: 0; } .relative-select { width: 40%; float: right; } td input[type="checkbox"].relative-checkbox { } .half { width: 50% !important; } .relative-checkbox-wrapp { float: right; height: 100%; position: absolute; margin: -8px; display: flex; right: 13px; align-items: center; } div[data-key][data-index][style*="height: 1px"] { height: auto !important; } .label-header { text-transform: uppercase; font-weight: 600; margin-bottom: 5px; } .black-reason { margin-bottom: 10px; } .bl-button { margin-top: 10px; } .in-delivery-position { position: absolute; top: 0px; right: 10px; } .th-col-date { width: 6.2% !important; } .large-graph-block { overflow: auto; overflow-y: hidden; } .level-2-col-exp { width: 2.32% !important; } .level-2-col-stock { width: 5.85% !important; } .level-2-col-refill { width: 14.35% !important; } .level-2-col-withdrawal { width: 14.5% !important; } .level-2-col-return { width: 14.7% !important; } .level-2-col-refill-capacity { width: 14.54% !important; } .level-2-col-withdrawal-capacity { width: 14.56%; } .level-3-col-stock { width: 8%; } .pop-col { margin-top: 10px; } .massive-action-block { margin-bottom: 10px; position: absolute; right: 25px; top: 10px; } #reason_wrap > div.solo_btns { border: 0; } #reason_wrap { width: 100%; } .call-time { max-width: 200px; } .call-time > label { position: absolute; margin-top: -20px; } .campaign-header { display: flex; align-items: center; min-height: 50px; } #client_modal { padding-left: 0 !important; } .transition-switcher > button { padding: 35px; height: inherit; padding-top: 15px !important; padding-bottom: 15px !important; width: 32.3%; } .modal-content .panel-box.campaign-header-wrap { margin-bottom: 25px; } #client_modal .comments__info { margin-top: 10px; } #create_order_wrap { padding: 10px 15px; background-color: white; width: 100%; border: 1px solid rgba(0, 0, 0, 0.1); border-top: 0; } #create_order_wrap #panel_create_order { height: 45px; display: flex; align-items: center; align-content: center; } #create_order_wrap #panel_create_order > span { display: inline-block; margin: 0 auto; } #order_reason_wrap { height: 60px; background-color: white; display: flex; align-items: center; border: 1px solid rgba(0, 0, 0, 0.1); padding-left: 15px; } #order_reason_wrap > .btn { padding: 30px; padding-top: 11px !important; padding-bottom: 11px !important; height: initial; } #create_order_wrap, #order_reason_wrap { display: none; } .notice-create-form { position: absolute; right: 25px; margin-top: 27px; } .notice-create-form .modal-content { max-width: 640px; top: calc(15% - 20px); position: absolute; width: 100%; left: calc(50% - 320px); max-height: 265px; min-height: unset !important; } .js-reason_btn_block .js-checker-reason { height: 40px; } .notice-create-popupl-action { width: 270px; height: 45px; } @media screen and (max-width: 1000px) { .modal-content .panel-box.campaign-header-wrap { height: 130px; } .notice-create-form { margin-top: 22px; } #tm_order .nav.nav-tabs { position: relative; } } @media screen and (max-width: 764px) { .campaign-header { display: block; margin-bottom: 20px; } .notice-create-form { margin-top: 5px; } .item-1 { height: 40px; } } .telemarketing-switcher-order { min-height: 119px; display: flex; align-items: center; justify-content: center; } .telemarketing-switcher-order > button { width: 30%; height: 80px; } .telemarketing-switcher-order > button:first-child { margin-right: 15px; } .telemarketing-switcher-order > #cancel-order-tab-button { margin-left: 15px; } .source-row { margin-bottom: 10px; } #source-line { font-weight: bold; } .info-bar { position: fixed; top: 0; left: 0; width: 100%; z-index: 10000; } .info-bar.error { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .info-bar.success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } #order-create-popup { padding-left: 15px; max-width: 640px; top: calc(15% - 20px); position: fixed; width: 100%; left: calc(50% - 320px); max-height: 265px; min-height: unset !important; } .order-create-popup-action { display: none; } #order-create-popup .modal-body { padding-bottom: 0; } #order-create-popup .popup-row { } #defer-order-wrapp { width: 100%; position: absolute; z-index: 5000; background-color: white; margin-top: 180px; } span.status-button { max-width: unset; } #answering_machine { margin-right: 15px; } #clientForm .delivery-list-item { margin-bottom: 15px; } .plate-box { min-height: 500px; } .campaign-bind-operator-list ul { padding-left: 0px; list-style: none; } .campaign-bind-operator-list ul li { margin-bottom: 5px; } .operator-plate-item { margin-bottom: 15px; } .operator-plate-item .panel-box { -webkit-box-shadow: 0px 10px 30px -12px rgba(0, 0, 0, 0.49); -moz-box-shadow: 0px 10px 30px -12px rgba(0, 0, 0, 0.49); box-shadow: 0px 10px 30px -12px rgba(0, 0, 0, 0.49); } .operator-plate-item h4 { text-overflow: clip; white-space: nowrap; overflow-x: hidden; float: left; } .country-flag-operator-plate { float: left; margin-right: 5px; } .status-dot { display: inline-block; width: 15px; height: 15px; border-radius: 100%; position: absolute; right: 10px; top: -3px; } .status-dot.-online { background-color: green; } .status-dot.-offline { background-color: red; } .start-campaign-button { height: 55px; } .buttons-panel { display: flex; justify-content: flex-end; } #campaign-form > .panel-box { border-right: 0; border-left: 0; } .not-found { display: flex; text-decoration: underline; } .unbind { display: inline-block; width: 18px; height: 18px; position: absolute; right: 10px; } .bind-row:after { content: ' '; border-bottom: 1px solid #e4e5e7; width: 100%; display: block; margin: 2px auto; } .campaign-add-link { position: absolute; left: 16px; bottom: 20px; width: calc(100% - 33px); height: 50px; line-height: 35px; font-weight: bold; } .plate-box h4 { margin-bottom: 10px; } .margin { margin-top: 10px; display: block; } .search-line-result { padding: 20px; font-size: 16px; display: none; } .search-line-result.show { display: block; } .search-line-result span { font-weight: bold; } .plate-box .grid-view { overflow: auto; overflow-x: hidden; } .top_zoiper_switcher label.switch { float: right; position: relative; display: inline-block; width: 60px; height: 25px; } .top_zoiper_switcher label.switch input { display: none; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .top_zoiper_switcher label.switch .slider:before { position: absolute; content: ""; height: 19px; width: 19px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } .top_zoiper_switcher label.switch input:checked + .slider { background-color: #65df19; } .top_zoiper_switcher > span, .top_zoiper_switcher > b { position: relative; top: 3px; } input:focus + .slider { box-shadow: 0 0 1px #2196F3; } .top_zoiper_switcher label.switch input:checked + .slider:before { -webkit-transform: translateX(33px); -ms-transform: translateX(33px); transform: translateX(33px); } .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } #rWindows, #rLinux, #rWindows + label, #rLinux + label { float: left; cursor: pointer; } #rWindows + label, #rLinux + label { margin-left: 5px; font-size: 14px; } .radio-match { display: inline-block; } #zoiper-panel { margin-top: 15px; } #zoiper-submit { margin-top: 10px; width: 100%; } b.green { color: darkgreen; } b.red { color: darkred; } #profile-edit-button { margin-top: 25px; } #zoiper-config-label { margin-top: 10px; } #zoiper-config-label > a { float: right; text-decoration: underline; } #zoiper-config-label > a:hover { text-decoration: none; } .error-defer.solo_btn { box-shadow: 0 0 0 15px rgba(255, 255, 255, 1), 0 0 0 16px red !important; } .campaign-header-wrap.max { height: 140px; } .notice-create-form.max { margin-top: 84px; } .callType__6 { width: 14px; height: 14px; font-size: 18px; line-height: 14px; display: block; margin: 0 auto; position: relative; border-radius: 50%; text-align: center; color: rgb(253, 253, 253); font-style: normal; background: rgb(220, 28, 214); box-shadow: 0 0 0 4px rgb(220, 28, 214); font-family: 'Font Awesome 5 Free'; font-weight: 900; } .callType__6:before { content: '\f2a0'; position: relative; left: 2px; top: -.5px; } .skill-table th:nth-child(2) { width: 150px; } .skill-table th:nth-child(3), .skill-table th:nth-child(4) { width: 1px !important; } .skill-item-table { width: 370px; } .left-border { text-align: left !important; white-space: nowrap; } .item-checker { white-space: nowrap; } .item-checker > input[type="checkbox"] { margin-right: 10px; } .checker { text-align: center !important; width: 20px; } tbody .left-border { vertical-align: top !important; } .action-row-panel { text-align: right !important; } .active-checker input[type="checkbox"] { transform: scale(1.5); } .product-name { font-weight: bold; font-size: 20px; } .product-id { font-weight: bold; font-size: 20px; } .mass-action th { width: 33% !important; text-align: center; } td .btn.not-all-button, td .btn.only-all-button, td .btn.default-all-button { height: 33px !important; } td .btn.not-all-button > .fa, td .btn.only-all-button > .fa, td .btn.default-all-button > .fa { line-height: 2; } .middle hr, .negative hr, .positive hr { margin-top: 5px; margin-bottom: 5px; } .button-offer-approve-cell { display: inline-block; background: none; border: none; height: inherit; } .total-delimiter { margin: 5px 0; } .fs10 { font-size: 10px !important; } .layout-fade { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.56); position: absolute; top: 0; left: 0; } .relative { position: relative !important; }