h1,h2,h3,h4,h5,h6,ul,li,p{margin: 0;padding: 0;color: #000;background-color: transparent;border: none;background: transparent;height: auto;line-height: 1} a{text-decoration: none;} button{cursor: pointer;} *{box-sizing: border-box;font-family: 'lato',serif;outline: none;line-height: 1} body{margin: 0;position: relative;} ul{list-style: none;} a{text-decoration: none;} img{border:none;max-width: 100%} textarea{resize: none;} button{border: none} form{margin:0;width: 100%} html,body{height: 100%;width: 100% !important;max-width: 100%!important} .left{float: left} .right{float: right;} .clear{clear:both;height: 0;width: 100%;} .input-error{position: absolute;margin: 0;color: #fe4848;display: none;font-size: 10px;left: 0;} .input-error.input-bad{display: block} input::-webkit-input-placeholder {line-height:normal!important;} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;} .scroll-bar-wrap { width: 100%; position: relative; } .scroll-box { height: auto;overflow-y: auto; } .scroll-box::-webkit-scrollbar{ width: 0; } .scroll-box::-webkit-scrollbar, .scroll-box::-webkit-scrollbar-thumb { overflow:visible; border-radius: 4px; } .scroll-box::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.8); } .scroll-bar-wrap:hover .cover-bar { opacity: 0; -webkit-transition: all .5s; } label.required:after{content: "*";color: #ff5722;} .cms_grey{color: #798388} .cms_bold{font-weight: bolder} .cms_uppercase{text-transform: uppercase} .cms_italic{font-style: italic} .cms_blue{color: #13b4b5} .cms_left{text-align: left} .cms_center{text-align: center} .cms_right{text-align: right} .semibold{font-weight: 600} .f_12{font-size: 12px} .f_14{font-size: 14px} .f_16{font-size: 16px} .f_18{font-size: 18px} .f_20{font-size: 20px} .f_24{font-size: 24px} .f_28{font-size: 28px} .f_30{font-size: 30px} .f_46{font-size: 46px} .elprev{font-size: 24px; font-weight: bold;} .elprev ul li{font-size: 24px; font-weight: bold;} .carpaint_steps {position: absolute; top: 30px; left: 50%; margin-left: -230px; display: flex; justify-content: center; align-items: center;} .carpaint_steps .step {border: 3px solid #adadad; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border-radius: 45px; background-color: #d9d9d9; color: #808080; font-weight: bold; font-size: 19px;} .carpaint_steps .step.active {border-color: #00adb3; background-color: #00adb3; color: #ffffff;} .carpaint_steps .step.current {border-color: #13b3b9; background-color: rgba(0, 173, 179, 0.1); color: #00adb3;} .carpaint_steps svg.active line {stroke: #00adb3;} input{border-radius: 6px;} textarea{border-radius: 6px;} *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0;} #start_price {width: 50%;margin-right: 15px;} #commission {width: 50%;margin-right: 15px;} #tab-car-info-s .cb{width: 49%;display: inline-block;vertical-align: text-top;} #tab-car-info-s .cb .input.radio{width: 30%;margin-top: 15px;padding-top: 20px} #tab-car-info-s .input:nth-child(2n+1){margin-right: 0} #tab-car-info-s .input:nth-child(2n+5){margin-right: 1.5%} #tab-categories-s .tile-tab-content-sub.half{padding: 20px 10px 10px} #tab-categories-s .tile-tab-content-sub.half .input{width: 110px; margin-right: 0;} #tab-categories-s .single-radio{padding-left: 10px} #start_price{width: 50%;margin-right: 15px} #commission{width: 50%;margin-right: 15px} .button.delete, .button.cancel{background-color: transparent} .f_start_price,#start_price,.f_comm,#commission{display: inline-block;font-size: 14px} .input .start_price_one_error {font-size: 12px; color: #828282;} #product-youtube{display: inline-block; width: 50%;} .f_youtube{display: inline-block; padding-top: 15px; margin-right: 15px; float: left; font-size: 14px;} header{position: absolute;width: 100%;top: 0;left: 0;z-index: 999999;} .top-menu{background: linear-gradient(to right, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%); box-shadow: 0px 1px 4px 0px rgba(11, 11, 12, 0.1);height: 60px;position: relative;z-index: 100} .top-menu .user-panel{padding: 2px 0px 3px 0;} .top-menu .user-panel .panel-element{display: inline-block;vertical-align: middle;margin-left: 50px;padding:5px 35px 5px 5px;} .top-menu .user-panel .panel-element.extend{background-color: #fff} .top-menu .user-panel .panel-element.extend a{text-align:left;position: relative;font-size:16px;font-weight: bold;color: #f97d00; padding-left: 55px;display:block;line-height: 1;} .top-menu .user-panel .panel-element.extend a .days-left{font-size: 11px;font-weight: normal;} .top-menu .user-panel .panel-element.extend a .extend-icon{position: absolute;left: 0;width:40px;height: 40px;background-color:#f97d00;padding: 10px 0; top: -4px;} .top-menu .user-panel .panel-element.extend a .extend-icon img{display: block;margin: 0 auto} #addForm .input {margin-top: 20px;text-align: left;display: inline-block;vertical-align: text-top;} .input input, .input textarea, .input .shelect {display: block;width: 100%;padding: 15px;margin-top: 15px;border: none;border-bottom: 3px solid #828282;background: #f3f3f3;font-size: 14px;line-height: 20px;transition: all 500ms ease;} .input.radio input {opacity: 0;position: absolute;margin: 0;left: 0;top: 0;width: 14px;height: 14px;} .top-menu .user-panel .panel-element.my-account{position: relative;background-color: #fff;cursor: pointer} .top-menu .user-panel .panel-element.my-account *{display: inline-block;vertical-align: middle} .top-menu .user-panel .panel-element.my-account p{color: #000; cursor: pointer;font-size: 16px;position: relative;padding-left: 30px;padding-right: 30px;} .top-menu .user-panel .panel-element.my-account p i{ position: absolute;left: 0;top: 0;bottom: 0;margin: auto;} .top-menu .user-panel .panel-element.my-account .my-acount-menu{left: auto;width:250px;display: none;position: absolute; z-index: 100;top: 40px;transform: scaleY(0);opacity: 0; transition: transform .5s cubic-bezier(0.68,-0.55,0.265,1.55),opacity .5s cubic-bezier(0.68,-0.55,0.265,1.55);transform-origin: 0 0;right: 0} .top-menu .user-panel .panel-element.my-account .my-acount-menu .transparent-box{height: 15px;background-color: transparent;width: 100%} .top-menu .user-panel .panel-element.my-account .my-acount-menu .inside-submenu{box-shadow: 0px 3px 5px 0px rgba(11, 11, 12, 0.24);background-color: #fff;padding:0;width: 100%;} .top-menu .inside-submenu a{ display: flex!important;font-size: 14px;color: #111111;padding: 12px 5px 12px 20px;position: relative;align-items: center;} .top-menu .inside-submenu a:before{content: '';width: 4px;height: 100%;position: absolute;display: block;background-color: #000;top: 0;left: 0} .top-menu .inside-submenu a i{margin-right: 5px;color: #8f8f8f;} .top-menu .inside-submenu a:hover{color: #00adb3;} .top-menu .user-panel .panel-element.my-account img{max-height: 45px;border-radius: 50%} .top-menu .inside-submenu a:hover:before{background-color: #00adb3;} .top-menu .user-panel .panel-element.my-account:hover .my-acount-menu{display: block;animation: show-submenu .2s forwards linear} .top-menu .user-panel .panel-element.my-account:hover p{color: #00adb3;} .top-menu .user-panel .panel-element.my-account:hover p i{border-color: #00adb3} .top-menu .user-panel .panel-element.extend a:hover{color: #ff9831;} .input {margin-top: 20px;text-align: left;} .button-wrap .button, .button-wrap button {float: right;} .top-menu .inside-submenu a .ext_menu_element{width: 25px;background-repeat: no-repeat;margin-right: 15px;} .top-menu .inside-submenu a:hover .ext_menu_element{background-position: top} .top-menu .inside-submenu a .ext_menu_element svg{fill:#000;width: 25px;height: 15px;} .top-menu .inside-submenu a:hover .ext_menu_element svg{fill: #00adb3;} .top-menu .top_panel_element{display: flex;justify-content: space-between;width: 100%;max-width: 50%;height: 100%;padding-left: 80px;align-items: center} .top-menu .top_panel_element .clock{font-size: 28px;font-weight: 100;} .top-menu .top_panel_element .top_bar_my_target{display: flex;align-items: center;justify-content: center;border: 1px solid #00adb3;padding: 7px 5px;border-radius: 25px;background-color: #eaf7f7;cursor: pointer;width: 100%;max-width: 155px;margin-right: 25px} .top-menu .top_panel_element .top_bar_my_target span{display: block;margin-right: 10px} .top-menu .top_panel_element .top_bar_my_target span svg{ height: 22px;fill: #00adb3;width: 26px} .top-menu .top_panel_element .top_bar_my_target p{font-size: 14px;color: #00adb3;font-weight: bold;} .top-menu .top_panel_element .top_element{flex-basis: calc(100% - 80px);padding-left: 25px;display: flex;align-items: center} .top-menu .top_panel_element .top_bar_my_target:hover{background-color: #d2eff0;} .top-menu .top_panel_element .top_task_space .task_box .status_box:hover{background-color: #d2eff0;} .top-menu .top_panel_element .top_task_space{} .top-menu .top_panel_element .top_task_space .task_box{display: none} .top-menu .top_panel_element .top_task_space .task_box .status_box{width: 40px;height: 40px;border-radius: 50%;border: 1px solid #00adb3;background-color: #eaf7f7;display: flex;position: relative;margin-right: 10px;cursor: pointer} .top-menu .top_panel_element .top_task_space .task_box .status_box svg{fill: #00adb3;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto} .top-menu .top_panel_element .top_task_space .task_box.active_box{display: flex;align-items: center} .top-menu .top_panel_element .top_task_space .task_box p{font-size: 14px;} .top-menu .top_panel_element .top_task_space .task_box p span{ display: block;line-height: 1.3;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;max-width: 215px;text-transform: initial;} .shtable > thead > tr > th.shtable-sortable {cursor: pointer;} .shtable > thead > tr > th.shtable-sortable > span.shtable-sort-indicator {font-family: 'FontAwesome'; transition: 500ms all ease; color: #798388;font-size: 14px} .shtable > thead > tr > th.shtable-sortable:hover > span.shtable-sort-indicator {color: #00bcd4;} .shtable > thead > tr > th.shtable-sortable > span.shtable-sort-indicator:before {content: "\f0dc"; margin-left: 10px;line-height: 6px;vertical-align: -1px;font-size: 12px;} .shtable > thead > tr > th.shtable-sorted-desc > span.shtable-sort-indicator:before {content: "\f0dd"; vertical-align: middle;font-size: 12px;} .shtable > thead > tr > th.shtable-sorted-asc > span.shtable-sort-indicator:before {content: "\f0de"; vertical-align: middle;font-size: 12px;} .listing-number-provider {float: left; margin-top: 35px;} .listing-number-provider p {font-size: 12px; color: #757575; font-weight: 400; line-height: 16px; margin-bottom: 24px;} .listing-number-provider span {font-size: 11px;} @keyframes show-submenu { 0%{} 90%{transform: scaleY(1.15);} 100%{transform: scaleY(1);opacity: 1;} } @keyframes hide-submenu { 0%{transform: scaleY(1);opacity: 1;} 10%{transform: scaleY(1.15);} 100%{transform: scaleY(0);opacity: 0;} } .top-menu .user-panel .panel-element.my-account .my-acount-menu a i{vertical-align: baseline} .side-menu-trigger{display: none} /*hamburger*/ .hamburger-div {display: none;position: relative;float: right;cursor: pointer; padding: 10px 15px 10px 0px;} .hamburger {border-radius: 50%;border: 3px solid #00adb3;width: 40px;height: 40px;padding: 5px;margin: 0 auto;} .hamburger .line {width: 20px;height: 3px;background-color: #00adb3;display: block;margin: 4px auto;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} #hamburger-1.is-active .line:nth-child(1) {transform: translateY(6px) rotate(45deg);width: 25px;} #hamburger-1.is-active .line:nth-child(2) {opacity: 0;} #hamburger-1.is-active .line:nth-child(3) {transform: translateY(-8px) rotate(-45deg);width: 25px;} .hamburger-submenu{display: none;position: absolute;background-color: #fff;width: 250px;box-shadow: 0px 3px 5px 0px rgba(11, 11, 12, 0.24);z-index: 10004; left: auto;top: 60px;right: 0;} .hamburger-submenu.mobile-menu-display{display: block} .check-box{position: relative} .check-box [type="radio"]:checked + label:after { opacity: 1; transform: scale(1);} .check-box [type="radio"]:not(:checked), .check-box [type="radio"]:checked { position: absolute; left: -9999px; } .check-box [type="radio"]:not(:checked) + label,.check-box [type="radio"]:checked + label {cursor: pointer; } .check-box [type="radio"]:not(:checked) + label:before, .check-box [type="radio"]:checked + label:before { content: ''; position: absolute; left: 0; top: 1px; width: 16px; height: 16px; border: 1px solid #eaecef; background: #fff;border-radius:50%} .check-box [type="radio"]:not(:checked) + label:after, .check-box [type="radio"]:checked + label:after { content: ''; position: absolute; top: 7px;left: 6px;width: 8px;height: 8px;background: #a7d64e;border-radius:50%} .check-box [type="radio"]:not(:checked) + label:after { opacity: 0; transform: scale(0); } .check-box [type="radio"]:checked + label:after { opacity: 1; transform: scale(1);} .check-box label{color: #000;font-size: 18px} /*check-button*/ .check-box [type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1);} .check-box [type="checkbox"]:not(:checked), .check-box [type="checkbox"]:checked { position: absolute; left: -9999px; } .check-box [type="checkbox"]:not(:checked) + label,.check-box [type="checkbox"]:checked + label {cursor: pointer; } .check-box [type="checkbox"]:not(:checked) + label:before, .check-box [type="checkbox"]:checked + label:before { content: '';position: absolute;left: 0;top: 0px;width: 40px;height: 40px;border: 1px solid #00adb3;background: #eef1f6;border-radius: 8px;} .check-box [type="checkbox"]:not(:checked) + label:after, .check-box [type="checkbox"]:checked + label:after { content: '';position: absolute;top: 0px;left: 0px;width: 42px;height: 42px;background-color: #00adb3;border-radius: 8px;background-image: url(/a/imgs/cms/task_check.png);background-position: center;background-repeat: no-repeat;} .check-box [type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); } .check-box [type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1);} .check-box label{color: #000;font-size: 18px} .side-header{min-width: 255px;position: fixed;height: 100vh;background-color: #fff;box-shadow: 5px 0 5px 0 rgba(11, 11, 12, 0.06);top: 0;left: -175px;transition: ease all 250ms;z-index: 100; padding-bottom: 5px;} .side-header{background-image: url(/a/imgs/cms/menu_bg.png);background-repeat: no-repeat; opacity:1;} .side-header.active{left: 0!important;} .side-header .big-side{display: none} .side-header .side-top img{display: block; margin:0 10px 0px auto;} .side-header .side-top .roll{padding-right: 13px;} .side-header .side-top{padding:15px 15px 20px 10px;height: 64px} .side-header.active .big-side{display: block;padding-bottom: 20px;height: 64px} .side-header.active .small-side{display: none} .side-header .slide{cursor: pointer} .side-header .menu-element.no-sub-menu a{padding: 7px 15px 7px 40px} .patient-header .side-header .menu-element.no-sub-menu a {padding: 7px 15px 7px 15px;} .side-header .menu-element a{position: relative;display: block;font-size: 14px;color: #000;padding: 7px 15px 7px 40px;} .side-header .menu-element a .menu-element-icon{width: 50px;height: 50px;background-position: top;margin-left: 30px;position: relative;box-shadow: 0px 1px 6px 0px rgba(31, 31, 31, 0.18);} .side-header .menu-element a .menu-element-icon.main-icon{background-image: url(/a/img/main-sprite.png)} .side-header .menu-element a .menu-element-icon.clients-icon{background-image: url(/a/img/clients-sprite.png)} .side-header .menu-element a .menu-element-icon.projects-icon{background-image: url(/a/img/projects-sprite.png)} .side-header .menu-element a .menu-element-icon.tasks-icon{background-image: url(/a/img/tasks-sprite.png)} .side-header .menu-element a .menu-element-icon.finances-icon{background-image: url(/a/img/finances-sprite.png)} .side-header .menu-element a .menu-element-icon.stats-icon{background-image: url(/a/img/stats-sprite.png)} .side-header .menu-element a .menu-element-icon.vacations-icon{background-image: url(/a/img/vacations-sprite.png)} .shtable-sh-wrap table tbody tr{background-color: transparent} .side-header .menu-element a .menu-element-icon.svg_icon{ display: flex;align-items: center;justify-content: center;background-color: #eef1f5} .side-header .menu-element a .menu-element-icon.svg_icon svg{width: 25px;height: 25px;fill:#798388} .side-header .menu-element a .menu-element-icon.svg_icon{position: relative} .side-header .menu-element a .menu-element-icon.svg_icon .menu_counter{position: absolute;width: 20px;height: 20px;background-color: #ece429;display: flex;justify-content: center;align-items: center;color: #000;font-size: 12px;left: auto;bottom: auto;border-radius: 50%;right: 5px;top: 5px;} .shtable-sh-wrap table{background: #dadada; width: 100%; border-collapse: collapse; overflow: hidden; position: relative;} .shtable-sh-wrap table thead tr{background: #fff none repeat scroll 0 0; border-bottom: 3px solid #efdf0e;} .shtable-sh-wrap table thead th{background: #fff none repeat scroll 0 0; font-size: 12px; padding: 0 10px; line-height: 20px; height: 42px; font-weight: 600; position: relative; color: #757575;} .shtable-sh-wrap table thead th.textL {text-align: left;} .shtable-sh-wrap table tbody tr{background: #f9f9f9;} .shtable-sh-wrap table tbody .shtable-no-records .textC{padding: 30px 0} .shtable-sh-wrap table tbody tr.clickable {cursor: pointer;} .shtable-sh-wrap table tbody tr.even{background: #fff;} .shtable-sh-wrap table tbody tr:hover, .shtable-sh-wrap table.shtable tbody tr.shtable-odd:hover{background: #f3f3f3;} .shtable-sh-wrap table tbody tr td{padding: 14px 10px; line-height: 18px; font-size: 16px; color: #404040;} .shtable-sh-wrap table tbody tr td.child{padding-left: 20px; } .shtable-sh-wrap table tbody tr td.textC{text-align: center;} .shtable-sh-wrap table tbody tr td.textL {text-align: left;} .shtable-sh-wrap table tbody tr td.textR {text-align: right;} .shtable-sh-wrap table tbody tr td .assign-award {color: #757575; font-size: 14px; line-height: 18px; font-weight: 400; transition: 200ms ease all;} .shtable-sh-wrap table tbody tr td .assign-award:hover {color: #00BCD4;} .shtable-sh-wrap table tbody tr td h5{font-size: 14px; line-height: 18px; font-weight: 400;color: #757575;} .shtable-sh-wrap table tbody tr td.position {width: 20px; padding: 6px 10px;} .shtable-sh-wrap table tbody tr td.position a {display: block; text-align: center; transition: all 500ms ease; font-size: 16px; line-height: 20px; color: #868686;} .shtable-sh-wrap table tbody tr td.position a:hover {color: #00BCD4;} .shtable-sh-wrap table tbody tr.sub-row td.position a {transform: translateX(26px)} .shtable-sh-wrap table tbody tr.sub-sub-row td.position a {transform: translateX(52px)} .shtable-sh-wrap table tbody tr.sub-row {background: #ffffff;} .shtable-sh-wrap a.activate {display: block; height: 22px; text-align: center;} .shtable-sh-wrap a.activate i {vertical-align: -6px; font-size: 24px; margin-top: -4px;} .shtable-sh-wrap a.activate i.icon-close{color: #ff5722; font-size: 20px;} .shtable-sh-wrap a.activate i.fa-check{color: #20ba9e;} .shtable-sh-wrap a.activate:hover i {transition: all 500ms ease;} .shtable-sh-wrap a.activate:hover i.icon-close{transform: rotateY(180deg); color: #20ba9e;} .shtable-sh-wrap a.activate:hover i.fa-check{transform: rotateY(360deg); color: #ff5722;} body.dark_mode .side-header .menu-element a .menu-element-icon.main-icon{background-image: url(/a/img/main-sprite_dark.png)} body.dark_mode .side-header .menu-element a .menu-element-icon.clients-icon{background-image: url(/a/img/clients-sprite_dark.png)} body.dark_mode .side-header .menu-element a .menu-element-icon.projects-icon{background-image: url(/a/img/projects-sprite_dark.png)} body.dark_mode .side-header .menu-element a .menu-element-icon.tasks-icon{background-image: url(/a/img/tasks-sprite_dark.png)} body.dark_mode .side-header .menu-element a .menu-element-icon.finances-icon{background-image: url(/a/img/finances-sprite_dark.png)} body.dark_mode .side-header .menu-element a .menu-element-icon.stats-icon{background-image: url(/a/img/stats-sprite_dark.png)} body.dark_mode .side-header .menu-element a .menu-element-icon.vacations-icon{background-image: url(/a/img/vacations-sprite_dark.png)} body.dark_mode .side-header .menu-element a .menu-element-icon.svg_icon{background-color: #282828} i.chevron_down{width: 7px;height: 7px;background-color: transparent;border-width: 0px 0px 2px 2px;border-color: #404040;border-style: solid;transform: rotate(-45deg);} .side-header .menu-element a .menu-element-icon .menu-alert{ background-color: #f97d00;color: #fff;border: 1px solid #fff;width: 16px;height: 16px;border-radius: 50%;position: absolute;text-align: center;font-size: 8px;right: 3px;top: 21px;padding: 3px 3px;line-height: 1} .side-header .menu-element a:hover .menu-element-icon,.side-header .menu-element.active a .menu-element-icon{background-position: bottom} .side-header .menu-element a:hover .menu-element-icon.svg_icon svg path, .side-header .menu-element.active a .menu-element-icon.svg_icon svg {fill: #00ADB3} .side-header .menu-element i{position: absolute;display: block;left: 20px;top: 0;bottom: 0;margin: auto;} .side-header .menu-element.active a,.side-header .menu-element a:hover{color: #00adb3;} .side-header .menu-element .sub-menu{display:none;background-color:#f6f6f6; margin: 0;} .side-header .menu-element .sub-menu.active{display: block;} .side-header .menu-element .sub-menu .sub-menu-element a.active{color: #f97d00} .side-header .menu-element .sub-menu .sub-menu-element a.active .sub-menu-dot{background-color: #f97d00} .side-header .menu-element .sub-menu .sub-menu-element{} .side-header .menu-element .sub-menu .sub-menu-element a{display: block;font-size: 14px;color: #909090;} .side-header .menu-element a .menu-text{display: inline-block;margin-top: 21px;font-size: 14px} .side-header .menu-element a .menu-new{display: inline-block;width: 60px;background-color: #ede534;text-align: center;color: #000;border-radius: 23px;box-shadow: 0px 1px 5px 0px rgb(31 31 31 / 30%);padding: 8px 5px;margin-left: 20px;font-size: 12px;position: absolute;top: 0;bottom: 0;height: 27px;margin: auto;left: 110px;} .input span {font-size: 12px;} .group.inline {padding-top: 10px;} .inline .input.checkbox {display: inline-block; margin: 15px 10px 0 0; vertical-align: top;} .input.checkbox { margin-top: 10px; position: relative;} .input.checkbox input {opacity: 0; position: absolute; margin: 0; left: 0; top: 0; width: 14px; height: 14px;} .input.checkbox label {display: inline-block; padding-left: 20px; cursor: pointer; vertical-align: top; line-height: 16px;position: relative;} .input.checkbox label:before {content: "";width: 14px; height: 14px; padding: 0; border: 2px solid #000; display: inline-block; transition: 100ms ease all; position: absolute; left: 0; top: 0;} .input.checkbox input:checked + label:before {border-color: #00bcd4; border-left-color: transparent; border-top-color: transparent; transform: rotate(45deg); height: 16px; width: 10px; top: -4px;} .more-search-button span{font-size: 15px} .more-search-button {margin-top: 15px;padding: 8px 15px;} .input.radio {position: relative; z-index: 1;} .input.radio input {opacity: 0; position: absolute; margin: 0; left: 0; top: 0; width: 14px; height: 14px;} .input.radio label {display: inline-block; padding-left: 20px; cursor: pointer; vertical-align: top; line-height: 16px; position: relative;} .input.radio label:before {content: ""; width: 14px; height: 14px; padding: 5px; border-radius: 50%; padding: 2px; border: 2px solid #000; display: inline-block; transition: 100ms ease all; position: absolute; left: 0; top: 0;} .input.radio label:after {width: 6px; height: 6px; position: absolute; left: 4px; top: 4px; display: block; background: #000; content: ""; border-radius: 50%;transition: 100ms ease all; transform: scale(0); transform-origin: center;} .input.radio input:active + label:after {transform: scale(1);} .input.radio input:checked + label:after {transform: scale(1); background: #00bcd4;} .input.radio input:checked + label:before {border-color: #00bcd4;} .inline .input.radio{display: inline-block;margin: 20px} .side-header .menu-element.active a, .side-header .menu-element a:hover i{border-color: #00adb3;} .mac-os .side-header .menu-element a .menu-text{display: inline-block;margin-top: 10px} .side-header .side-content{height: 71vh;padding-top: 7px;} .side-header .menu-element .sub-menu .sub-menu-element a .sub-menu-dot{width: 5px;height: 5px;background-color:#8f8f8f;border-radius: 50%;display: inline-block;margin-top: 4px} .side-header .menu-element .sub-menu .sub-menu-element a:hover .sub-menu-dot{background-color:#0cbfc5 } .side-header .menu-element .sub-menu .sub-menu-element a:hover{color: #0cbfc5;} .side-header .menu-element .sub-menu .sub-menu-element a{padding: 7px 37px 7px 39px;} .mac-os .side-header .menu-element .sub-menu .sub-menu-element a .sub-menu-dot{margin-top: 8px} .side-header .side-top.big-side img {display: block;margin: 0 auto;} footer{padding: 15px 40px 15px 105px;box-shadow: 0 1px 4px 0 rgba(11, 11, 12, 0.1);background-color: rgba(255,255,255,.80);position: absolute;bottom: 0;width: 100%;left: 0;z-index: 100} footer .documents .footer-doc,footer .copyright p{display: inline-block;margin-right: 15px;font-size: 14px;font-weight: 300;color: #838383;} footer .documents .footer-doc:hover{color: #ff9831;} footer .copyright p{margin: 0;text-align: right} footer .copyright,footer .documents{width: 100%;max-width: 100%} footer .copyright{text-align: right} footer .copyright .sh_link{color: #d1c040} footer .copyright .sh_link:hover{text-decoration: underline} #content{padding-left: 80px;padding-top: 60px;position: relative;height: auto;padding-bottom: 45px;min-height: 100%;background-color: #eef1f5;} .container{width: 100%;height: auto;overflow:hidden } #content.active-popup{overflow: hidden;height: 100%} .textL{text-align: left} .textR{text-align: right} .textC{text-align: center} .uppercase{text-transform: uppercase} .bold{font-weight: bold;} .light{font-weight: 300;} .button-wrap {margin-top: 20px;} .button{cursor: pointer;width: 100%;text-align: center;max-width: 200px;border-radius: 35px;padding: 15px 5px;font-weight: bold;font-size: 18px;display: block} .with_bg{color: #fff;background: linear-gradient(270deg, #9ae1c3 7%, #15b4b5 59%);border: 1px solid #15b4b5;} .without_bg{color: #00adb3;border: 1px solid #00adb3;background-color:#fff;} .without_bg:hover{color: #fff;background: linear-gradient(270deg, rgba(154,225,195,1) 7%, rgba(21,180,181,1) 59%);border: 1px solid transparent} .with_bg:hover{background: linear-gradient(270deg, #9ae1c3 7%, #008787 59%);} .container{position: relative;padding: 30px 15px;background-color: #eef1f5;min-height: 80vh} .top_bar{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center} .top_bar.one_element_bar .bar_element{flex-basis: 100%} .top_bar.two_elements_bar .bar_element.tile_menu{flex-basis: calc(100% - 215px)} .top_bar.two_elements_bar .bar_element.button_div{flex-basis: 210px} .top_bar.three_elements_bar .bar_element{flex-basis: 33.33%} .top_bar .tile_menu{display: flex;align-items: initial;} .top_bar .tile_menu .menu_element{cursor: pointer;display: flex;justify-content: center;align-items: center;flex-direction: row;border: 1px solid #6d6e6e;padding:12px 15px 12px 7px; background-color: #fff;flex-basis: 300px;font-size: 18px;font-weight: bold;color: #000} .top_bar .tile_menu .menu_element .element_counter{width: 30px;height: 30px;background-color: #ece429;border-radius: 50%;text-align: center;color: #000;font-size: 14px;margin-left: 10px;line-height: 30px;} .top_bar .tile_menu .menu_element .menu_icon{background-position: bottom;background-repeat: no-repeat;margin-right: 10px} .top_bar .tile_menu .menu_element .menu_icon.menu_1_icon{background-image: url(/a/img/menu_1_icon.png);width: 21px;height: 21px} .top_bar .tile_menu .menu_element .menu_icon.menu_2_icon{background-image: url(/a/img/menu_2_icon.png);width: 23px;height: 22px} .top_bar .tile_menu .menu_element .menu_icon.menu_3_icon{background-image: url(/a/img/menu_3_icon.png);width: 19px;height: 24px} .top_bar .tile_menu .menu_element .menu_icon.menu_4_icon{background-image: url(/a/img/menu_4_icon.png);width: 32px;height: 21px} .top_bar .tile_menu .menu_element .menu_icon.menu_5_icon{background-image: url(/a/img/menu_5_icon.png);width: 24px;height: 24px} .top_bar .tile_menu .menu_element .menu_icon.menu_6_icon{background-image: url(/a/img/menu_6_icon.png);width: 25px;height: 25px} .top_bar .tile_menu .menu_element .menu_icon.menu_7_icon{background-image: url(/a/img/menu_7_icon.png);width: 21px;height: 21px} .top_bar .tile_menu .menu_element .menu_icon.menu_8_icon{background-image: url(/a/img/menu_8_icon.png);width: 23px;height: 23px} .top_bar .tile_menu .menu_element .menu_icon.menu_9_icon{background-image: url(/a/img/menu_9_icon.png);width: 23px;height: 25px} .top_bar .tile_menu .menu_element .menu_icon.menu_10_icon{background-image: url(/a/img/menu_10_icon.png);width: 23px;height: 21px} .top_bar .tile_menu .menu_element .menu_icon.menu_11_icon{background-image: url(/a/img/menu_11_icon.png);width: 22px;height: 19px} .top_bar .tile_menu .menu_element svg{display: inline-block;width: 22px;height: 22px;fill: #000;margin-right: 10px} .top_bar .tile_menu .menu_element:hover svg{fill: #fff} .top_bar .tile_menu .menu_element.active svg{fill: #fff} .top_bar .tile_menu .menu_element:hover{background: linear-gradient(270deg, rgba(154,225,195,1) 7%, rgba(21,180,181,1) 59%);border-color: #00adb3;color: #fff;} .top_bar .tile_menu .menu_element.active{background: linear-gradient(270deg, rgba(154,225,195,1) 7%, rgba(21,180,181,1) 59%);border-color: #00adb3;color: #fff;} .top_bar .tile_menu .menu_element.active .menu_icon,.top_bar .tile_menu .menu_element:hover .menu_icon{background-position: top} .top_bar .tile_menu .menu_element:first-child {border-top-left-radius: 30px;border-bottom-left-radius: 30px;} .top_bar .tile_menu .menu_element:last-child {border-top-right-radius: 30px;border-bottom-right-radius: 30px;} .top_bar.two_elements_bar .bar_element.button_div .button{margin-right: 0;margin-left: auto;} .top_bar .tile_menu .menu_element.active p{color: #fff} .top_bar .tile_menu .menu_element:hover p{color: #fff} .top_bar .tile_menu .menu_element{position: relative} .top_bar .tile_menu .menu_element p .tile_amount{font-size: 18px;margin: auto;margin-left: 5px;color: #758186} .top_bar .tile_menu .menu_element.active p .tile_amount{font-size: 40px;color: rgba(255,255,255,.7)} .top_bar .tile_menu .menu_element.active{padding: 0px 15px 0px 7px} .top_bar .tile_menu .menu_element p{display: flex;align-items: center} .name_bar{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;margin: 30px 0} .name_bar .name_element{position: relative;flex-basis: calc(100% - 215px);padding-left: 75px; display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;} .name_bar .switch_element{flex-basis: 210px;display: flex;justify-content: flex-end} .name_bar .name_element img{position: absolute;left: 0;} .name_bar .name_element h1{font-size: 24px;font-weight: 300;flex-basis: 100%;line-height: 25px;} .name_bar .name_element h2{font-size: 18px;flex-basis: 100%;line-height: 1.4} .name_bar .switch_element .switch_box{justify-content: center;align-items: center;display: flex;box-shadow: 0 1px 5px 0 rgba(31, 31, 31, 0.2);background-repeat: no-repeat;background-position: bottom;margin-left: 15px;vertical-align: middle;cursor: pointer;border: 1px solid transparent;background-color: #fff} .name_bar .switch_element .switch_box.switch_1{width: 50px;height: 50px} .name_bar .switch_element .switch_box.switch_2{width: 50px;height: 50px} .name_bar .switch_element .switch_box svg{width: 25px;height: 30px;fill: #8e8e8f;} .name_bar .switch_element .switch_box.active svg{fill: #00adb3;} .name_bar .switch_element .switch_box:hover svg{fill: #00adb3;} .filters .check_box{position: relative} .filters .filters_counter{position: absolute;width: 18px;height: 18px;background-color: #ece429;display: flex;justify-content: center;align-items: center;color: #000;font-size: 12px; left: auto;bottom: auto;border-radius: 50%;top: 5px;right: 5px;} .check_box label{display: block;padding-left: 25px;font-size: 16px;position: relative;line-height: 19px} .check_box [type="checkbox"]:not(:checked),.check_box [type="checkbox"]:checked { position: absolute; left: -9999px; } .check_box [type="checkbox"]:not(:checked) + label,.check_box [type="checkbox"]:checked + label {cursor: pointer; } .check_box [type="checkbox"]:not(:checked) + label:before,.check_box [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0; top: 1px; width: 14px; height: 14px; border: 2px solid #00adb3; background: transparent;} .check_box [type="checkbox"]:not(:checked) + label:after,.check_box [type="checkbox"]:checked + label:after { content: '';position: absolute;top: 5px;left: 4px;width: 6px;height: 6px;background-color: #00adb3;} .check_box [type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); } .check_box [type="checkbox"]:checked + label:before{opacity: 1; transform: scale(1); } .check_box [type="radio"]:not(:checked),.check_box [type="radio"]:checked { position: absolute; left: -9999px; } .check_box [type="radio"]:not(:checked) + label,.check_box [type="radio"]:checked + label {cursor: pointer; } .check_box [type="radio"]:not(:checked) + label:before,.check_box [type="radio"]:checked + label:before { content: ''; position: absolute; left: 0; top: 0px; width: 12px; height: 12px; border: 2px solid #00adb3; background: #fff;border-radius: 50%} .check_box [type="radio"]:not(:checked) + label:after,.check_box [type="radio"]:checked + label:after { content: '';position: absolute;top: 5px;left: 5px;width: 6px;height: 6px;background-color: #00adb3;border-radius: 50%} .check_box [type="radio"]:not(:checked) + label:after { opacity: 0; transform: scale(0); } .check_box [type="radio"]:checked + label:before{opacity: 1; transform: scale(1); } .filters{ position: fixed;right: 0;height: 100vh;top: 0;z-index: 101} .filters .filters_trigger{width: 50px;height: 50px;position: absolute;left: -50px;top: 270px;cursor: pointer;background-color: #00adb3;display: flex;justify-content: center;align-items: center} .filters .filters_trigger.filters_disabled{background-color: #C1C1C1;} .filters .filters_trigger svg{fill:#fff;width: 30px;height: 30px} .filters .filters_body{background-color: #fff;height: 100%;} .filters .filters_body .inside_filters{width: 0;transition: 250ms ease;padding: 95px 0 0} .filters .filters_body .filters_btn_box{padding: 0;display: flex;justify-content: flex-end;align-items: center} .filters .filters_body.active .filters_btn_box .clear_filters{color: #858586;font-size: 12px;font-weight: normal;flex-basis: 49%;text-align: left;position: relative;padding-left: 0px} .filters .filters_body.active .filters_btn_box .clear_filters:hover{text-decoration: underline} .filters .filters_body.active .filters_btn_box .clear_filters:before{background-image: url(/a/imgs/cms/svg/fi-rr-cross.svg);width: 10px;height: 10px;background-size: contain;position: relative;left: auto;top: -1px;bottom: 0;margin: auto;display: inline-block;content: '';vertical-align: middle;margin-right: 5px;} .filters .filters_body.active .filters_btn_box .button{flex-basis: 49%} .filters .filters_body.active .inside_filters{width: 445px;padding: 95px 25px 25px 25px;max-height: 91vh;} .filters .filters_body.active .filters_btn_box{padding: 10px} .filters .filters_body.active{box-shadow: -0.643px 0.766px 5px 0 rgba(31, 31, 31, 0.2);} .filters .filters_body h3{font-weight: 300} .filters .filters_body .filters_section{display: flex;justify-content: left;flex-wrap: wrap;margin: 30px 0} .filters .filters_body .filters_section.jst_center{justify-content: space-between;} .filters .filters_body .filters_section h4{flex-basis: 100%;} .filters .filters_body .filters_section .check_box{flex-basis: 49%;margin: 10px 0;} .filters .filters_body .filters_section .select_box{flex-basis: 48%} .filters .filters_body .filters_section .select_box label{display: block;margin-bottom: 10px} .filters .filters_body .filters_section .w_100{flex-basis: 100%} .filters .filters_body .filters_section input[type="text"]{display: block;border: none;height: 45px;width: 100%;padding: 5px 10px;font-size: 16px;color: #000;background-color: #eef1f5} .filters .filters_body .filters_section input[type="email"]{display: block;border: none;height: 45px;width: 100%;padding: 5px 10px;font-size: 16px;color: #000;background-color: #eef1f5} .filters .filters_body .filters_section h4,.filters .filters_body .filters_section label.bold{margin-bottom: 10px;display: block} .filters .filters_body .filters_section.two_elements .filter_box{flex-basis: 48%} .filters .filters_body .filters_section.three_elements .filter_box{flex-basis: 32%} .filters .filters_body .filters_section.four_elements .filter_box{flex-basis: 24%} .filters .filters_body .filters_section.five_elements .filter_box{flex-basis: 19%} .filters .filters_body .filters_section .select_box.w100{flex-basis: 100%} .filters .filters_body .filters_section .select_box.w100 .select2-container{width: 100%!important} .filters .filters_body .filters_section .select_box.w100 .select2-container--default .select2-selection--single{border-radius: 6px;border:none;background-color: #eef1f5;height: 45px;padding: 9px 0;} .filters .filters_body .filters_section .select2-container--default .select2-selection--single .select2-selection__arrow {height: 26px;position: absolute;top: 0;right: 5px;width: 20px;bottom: 0;margin: auto;} .select2-container--default .select2-selection--single .select2-selection__clear{display: none} .filters .filters_body .filters_section.two_elements .filter_box .unit{font-size: 12px;display: block;margin-top: 3px} #content .listing_variant.active.above_listing_box h5{font-size: 24px;margin-bottom: 20px} #content .listing_variant.active.above_listing_box.under_listing_box{margin-top: 20px;} #content .listing_variant{display: none;padding-right: 45px;} #content .listing_variant.active{display: block!important;} #content .listing_variant table{width: 100%;text-align: left;border-collapse: collapse;border: none;box-shadow: 0 1px 5px 0 rgb(31 31 31 / 20%);} #content .listing_variant table tbody{box-shadow: 0 1px 5px 0 rgba(31, 31, 31, 0.2); } #content .listing_variant table td{height: 75px;padding: 10px 5px 10px 15px;cursor: pointer;font-size: 18px;font-weight: 500;border-bottom: 1px solid #000;background-color: #fff;} #content .listing_variant table td > a{display: block;color: #000;padding: 28px 10px;} #content .listing_variant table td > a img.no_image{max-width: 150px;max-height: 112px} #content .listing_variant table td > img.no_image{max-width: 150px;max-height: 112px} #content .listing_variant table td.position > a{padding: 5px} #content .listing_variant table td.option_td{width: auto;position: relative} #content .listing_variant table td.option_td .tooltip{position: absolute;width: 100%;max-width: 160px;text-align: center;font-size: 14px;border: 1px solid #5b5b5b;color: #5b5b5b;padding: 6px 5px;background-color: #fff;z-index: 101;top: -30px;height: 30px;left: 0;right: 0;margin: auto;display: none;} #content .listing_variant table td.option_td .tooltip.active{display: block} #content .listing_variant table td.option_td .cell_tools{display: none} #content .listing_variant table tr:hover td.option_td .cell_tools{display: flex;justify-content: center} #content .listing_variant table tr:hover td{background-color: #f4f6f7} #content .listing_variant table tr:hover{background-color: #f4f6f7} #content .listing_variant table td.option_td .cell_tools .single_tool{width: 50px;height: 50px;border: 1px solid #00adb3;border-radius: 10px;margin-left: 15px;justify-content: center;align-items: center;display: flex} #content .listing_variant table td.option_td .cell_tools .single_tool img{display: block;margin: 10px auto} #content .listing_variant table td.option_td .cell_tools .single_tool:hover{background-color:rgba(0,173,179,.2) } #content .listing_variant table td.option_td .cell_tools .single_tool svg{width: 30px;height: 30px;fill: #08afb5;left: auto;right: auto} #content .listing_variant.table_variant{} #content .listing_variant table th{padding-bottom: 10px} #content .listing_variant table th.number_th{text-align: center;width: 100px} #content .listing_variant table th.number_th.empty_th{width: 75px} #content .listing_variant table th .sort_cell{border-radius: 20px;background-color: #fff;box-shadow: -0.5px -0.866px 5px 0px rgba(31, 31, 31, 0.2);position: relative;text-align: left;display: inline-block;padding: 10px 35px 10px 10px;color: #000;font-weight: 400;font-size: 15px} #content .listing_variant table th .sort_cell:after{position: absolute;right: 15px;top: 0;bottom: 0;content: '';display: block;background-image: url(/a/img/double_arrow.png);width: 8px;height: 14px;margin: auto} #content .listing_variant table td.option_td .cell_tools .single_tool svg{width: 25px;height: 30px;fill: #00adb3;} #content .listing_variant table td.option_td .cell_tools .single_tool svg.toogle_svg{width: 35px;} #content .listing_variant table td .cell_pin{width: 50px;height: 50px;border-radius: 10px;border: 1px solid #a3a5a5;background-color: #fff;display: flex;position: relative;cursor: pointer; margin: 0 auto;justify-content: center;align-items: center;} #content .listing_variant table td .cell_pin svg{width: 35px;height: 40px;fill: #8e8e8f;} #content .listing_variant table td .cell_pin.active_pin,#content .listing_variant table td .cell_pin:hover{border: 1px solid #00adb3;background-color: #eaf7f7;} #content .listing_variant table td .cell_pin.active_pin svg,#content .listing_variant table td .cell_pin:hover svg{fill: #00adb3;} #content .listing_variant table .listing_head_table{border-bottom: 1px solid #00adb3;z-index: 2;position: relative;} #content .listing_variant table .listing_head_table th{position: relative;cursor: pointer;height: 60px;color: #00adb3;font-size: 12px; padding: 10px 5px 10px 15px;} #content .listing_variant table .new_table_body_row td{color: #000000;font-size: 14px;font-weight: 600;} #content .listing_variant table .new_table_body_row td.w_200{width: 200px;} #content .listing_variant table .new_table_body_row td.link_td{padding: 0;} #content .listing_variant table .new_table_body_row td.no_link_td{padding: 10px 5px 10px 15px;} #content .listing_variant table .new_table_body_row td.link_td a{display: flex; padding: 10px 5px 10px 15px;align-items: center;height: 100%;width: 100%;} #content .listing_variant table .new_table_body_row td.link_td.textC a{justify-content: center;} #content .listing_variant table .new_table_body_row td.link_td.textR a{justify-content: flex-end;} #content .listing_variant table .new_table_body_row td .hidden_table_info{display: none} #content .listing_variant table .new_table_body_row td.link_td.flex_name a{flex-wrap: wrap; flex-direction: column;align-items: flex-start;justify-content: center;} #content .listing_variant table .new_table_body_row td{border-bottom: none} #content .listing_variant table .new_table_body_row .change_label{} #content .listing_variant .tile_parent{display: flex;flex-wrap: wrap;align-items: center} #content .listing_variant .tile_parent.scroll-box{height: calc(100vh - 325px);} #content .listing_variant .tile_parent.scroll-box::-webkit-scrollbar{width: 2px} #content .listing_variant .tile_parent .single_tile{flex-basis: 24%;margin: .5% .5%;background-color: #fff;box-shadow: 0px 1px 5px 0px rgba(31, 31, 31, 0.2);position: relative;padding: 10px;overflow: hidden} #content .listing_variant .tile_parent .single_tile .tile_hidden{position: absolute;top: 100%;width: 100%;text-align: center;background-color: #eaf7f7;transition: top .2s ease-out;left: 0;height: 50%;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;} #content .listing_variant .tile_parent .single_tile:hover .tile_hidden{top: 50%} #content .listing_variant .tile_parent .single_tile .tile_hidden .single_tool{display: inline-block;width: 50px;height: 50px;border: 1px solid #00adb3;border-radius: 10px;margin: 0 7px;} #content .listing_variant .tile_parent .single_tile .tile_hidden .single_tool img{display: block;margin: 10px auto} #content .listing_variant .tile_parent .single_tile .tile_hidden .single_tool:hover{background-color:rgba(0,173,179,.2) } #content .listing_variant .tile_parent .single_tile .tile_hidden .tooltip{position: absolute;width: 100%;max-width: 160px;text-align: center;font-size: 14px;border: 1px solid #5b5b5b;color: #5b5b5b;padding: 6px 5px;background-color: #fff;z-index: 10;top: -15px;height: 30px;left: 0;right: 0;margin: auto;display: none;} #content .listing_variant .tile_parent .single_tile .tile_hidden .tooltip.active{display: block} #content .listing_variant .tile_parent .single_tile .tile_name{font-size: 18px;text-align: left;min-height: 38px;} #content .listing_variant .tile_parent .single_tile .tile_people{display: flex;align-items: center} #content .listing_variant .tile_parent .single_tile .tile_people .single_person{margin-right: 7px;} #content .listing_variant .tile_parent .single_tile .tile_people .more_people{color: #a5a5a5;font-size: 18px;} #content .listing_variant .tile_parent .single_tile .tile_progress{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;margin: 10px 0;} #content .listing_variant .tile_parent .single_tile .tile_progress .bar_head{flex-basis: 50%;margin-bottom: 5px;font-size: 12px;font-weight: bold;color: #00adb3} #content .listing_variant .tile_parent .single_tile .tile_progress .present_percent{text-align: left;} #content .listing_variant .tile_parent .single_tile .tile_progress .present_hours{text-align: right;} #content .listing_variant .tile_parent .single_tile .tile_progress .present_hours span{color: #000;} #content .listing_variant .tile_parent .single_tile .tile_progress .progress_bar{position: relative;flex-basis: 100%;height: 4px;border-radius: 10px;background-color: #d9dadb} #content .listing_variant .tile_parent .single_tile .tile_progress .progress_bar .current_progress{position: absolute;height: 4px;border-radius: 10px;left: 0;background-color: #00adb3;width: 80%} #content .listing_variant .tile_parent .single_tile .tile_info{display: flex;flex-wrap: wrap;justify-content: space-between} #content .listing_variant .tile_parent .single_tile .tile_info .single_tile_info{flex-basis: 50%;margin: 10px 0;font-size: 11px;color: #000;} #content .listing_variant .tile_parent .single_tile .tile_info .single_tile_info .info_label{display: block;margin-bottom: 3px;} #content .listing_variant .tile_parent .single_tile .tile_hidden .single_tool{display: flex;justify-content: center;align-items: center} #content .listing_variant .tile_parent .single_tile .tile_hidden .single_tool svg{width: 25px;height: 30px;fill: #00adb3;} #content .listing_variant .tile_parent .single_tile .tile_hidden .single_tool svg.toogle_svg{width: 35px;} #content .listing_variant .tile_parent .single_tile .cell_pin{width: 50px;height: 50px;border-radius: 10px;border: 1px solid #a3a5a5;background-color: #fff;display: flex;position: relative;cursor: pointer; margin: 0 auto;justify-content: center;align-items: center;flex-basis: 50px} #content .listing_variant .tile_parent .single_tile .cell_pin svg{width: 35px;height: 40px;fill: #8e8e8f;} #content .listing_variant .tile_parent .single_tile .cell_pin.active_pin{border: 1px solid #00adb3;background-color: #eaf7f7;} #content .listing_variant .tile_parent .single_tile .cell_pin.active_pin svg{fill: #00adb3;} #content .listing_variant .tile_parent .single_tile .cell_pin:hover{border: 1px solid #00adb3;background-color: #eaf7f7;} #content .listing_variant .tile_parent .single_tile .cell_pin:hover svg{fill: #00adb3;} #content .listing_variant .tile_parent .single_tile .tile_top_flex{display: flex;align-items: center;margin-bottom: 35px;} #content .listing_variant .tile_parent .single_tile .tile_top_flex .tile_avatar{width: 58px;height: 58px;flex-basis: 58px;display: flex;align-items: center;justify-content: center;margin-right: 10px;border-radius: 50%;background-color: #eef1f5} #content .listing_variant .tile_parent .single_tile .tile_top_flex .tile_avatar img{} #content .listing_variant .tile_parent .single_tile .tile_top_flex .tile_name{flex-basis: calc(100% - 130px)} #content .listing_variant table td.image_cell{width: 200px} #content .listing_variant table td.image_cell a{padding: 15px 10px} #content .listing_variant table td.image_cell a img{display: block;margin: 0 auto} .top_bar.two_elements_bar .bar_element.tile_menu.full_menu{flex-basis: 100%} #content .listing_variant .changes_btn_box{display: flex;margin-top: 15px;align-items: center;} #content .listing_variant .changes_btn_box svg{position: relative;left: auto;display: inline-block;width: 14px;height: 14px;} #content .listing_variant .changes_btn_box .accept-changes svg{fill:#fff;} #content .listing_variant .changes_btn_box .cancel{font-size: 14px;width: auto} #content .listing_variant .changes_btn_box .accept-changes{font-size: 16px;width: auto;padding: 7px 5px} #content .listing_variant .changes_btn_box .reject-changes{padding: 7px 5px;font-size: 16px;background-color: transparent;color: #000;margin-right: 20px} #content .listing_variant .changes_btn_box .reject-changes svg{top: 2px;} .cell_pin{position: relative} .cell_pin .tooltip {position: absolute;width: 100%;max-width: 160px;text-align: center;font-size: 14px;border: 1px solid #5b5b5b;color: #5b5b5b;padding: 6px 5px;background-color: #fff;z-index: 10;height: 26px;margin: auto;display: none;width: 100px;left: -110px;right: auto;bottom: 0;top: 0;} .cell_pin:hover .tooltip{display: block} .cell_pin .tooltip.active{display: block} #content .form{border-radius: 10px;right: 0} #content .form h4{color: #fff} #content .form p{color: #fff} .popup_overlay {padding-left: 80px!important;} .popup_overlay .popup_wrapper .popup_body .popup_content .popup_reason{} .popup_overlay .popup_wrapper .popup_body .popup_content .popup_reason label{display: block;margin-bottom: 10px} .popup_overlay .popup_wrapper .popup_body .popup_content .popup_reason textarea{ display: block;border: none;min-height: 100px;width: 100%;padding: 15px 10px;font-size: 16px;color: #000;background-color: #eef1f5;} .split_content{display: flex;justify-content: space-between;flex-wrap: wrap} .split_content .split_column{box-shadow: 0px 1px 5px 0px rgba(31, 31, 31, 0.2);background-color: #fff;} .split_content .split_listing{flex-basis: 435px; overflow-y: visible;} .split_content .split_box{flex-basis: calc(100% - 455px);padding:0px 30px} .split_content .split_box.with_padding{padding:30px 30px} .split_box .split_box_element{border-bottom: 1px solid #707070;padding: 30px 0} .split_box .split_box_element{padding: 0} .split_box .split_box_element.with_padding{padding: 15px 0} .split_box .split_box_element.tools_box{padding: 20px 0} .split_box .split_box_element.no_border{border-bottom:none;} .split_box .split_box_button_space{} .split_box .split_box_button_space .button{} .split_box .split_tools{display: flex;flex-wrap: wrap;width: 100%;justify-content: flex-end;position: relative;margin-bottom: 20px;} .split_box .split_tools .tooltip{position: absolute;width: 100%;max-width: 160px;text-align: center;font-size: 14px;border: 1px solid #5b5b5b;color: #5b5b5b;padding: 6px 5px;background-color: #fff;z-index: 10;top: -35px;height: 30px;left: auto;right: 10px;margin: auto;display: none;} .split_box .split_tools .tooltip.active{display: block} .split_box .split_tools .split_single_tool{height: 55px;width:55px;border-radius: 50%;margin-left:10px;cursor: pointer;background: linear-gradient(270deg, #9ae1c3 7%, #15b4b5 59%);display: flex;align-items: center;justify-content: center;} .split_box .split_tools .split_single_tool:hover{ background: linear-gradient(270deg, #9ae1c3 7%, #008787 59%);} .split_box .split_tools .split_single_tool img{display: block;margin: 0px auto} .split_box .split_tools .split_single_tool svg{fill: #fff;display: block;margin: 0 auto;max-height: 28px;max-width: 28px} .split_box .split_tools .split_single_tool.white_bg{background: #fff; border: 1px solid #03ADB3;} .split_box .split_tools .split_single_tool.white_bg svg{fill: #03ADB3;} .split_box .split_tiles_box{display: flex;align-items: center;margin-bottom: 30px} .split_box .split_tiles_box .single_split_tile{flex-basis: 20%;margin-right: 25px;padding: 8px;border-bottom: 3px solid transparent;display: flex;align-items: center;cursor: pointer;transition: 250ms ease} .split_box .split_tiles_box .single_split_tile span{background-repeat: no-repeat;background-position: bottom;flex-basis: 41px} .split_box .split_tiles_box .single_split_tile.active{border-bottom: 3px solid #00adb3;} .split_box .split_tiles_box .single_split_tile p{font-size: 18px;color: #000;flex-basis: calc(100% - 43px);margin-left: 5px} .split_box .acl_flex{display: flex;justify-content: space-between;flex-wrap: wrap} #content .split_box .acl_flex .section-row{flex-basis: 49%;width: 100%;max-width: 100%;padding: 15px 0 15px;border-bottom: 1px solid #000;} #content .split_box .acl_flex .section-row > label{color: #000;font-weight: 600} #content .split_box .acl_flex .section-row label a{font-weight: normal;} #content .split_box .acl_flex .section-row .group.inline{padding: 0} #content .split_box .split_box_element .stats_flex{display: flex;justify-content: space-between;flex-wrap: wrap} #content .split_box .split_box_element .stats_flex .single_stat{width: 100%;max-width: 100%;margin: 0;flex-basis: 49%;margin-bottom: 25px;box-shadow: 0 6px 8px 0 rgb(0 0 0 / 12%);} #content .split_box .split_box_element .stats_flex .single_stat.w_100{flex-basis: 100%} #content .split_box .split_box_element .single_stat .stat_head{display: flex;align-items: center;padding: 5px 30px;height: 75px;box-shadow: inset 0px 1px 4px 0px rgb(11 11 12 / 10%);background-color: #fafafa;flex-wrap: wrap;margin: 0} #content .split_box .split_box_element .single_stat .stat_head span{flex-basis: 100%} .split_box .split_box_element.flex_element{display: flex;justify-content: space-between;flex-wrap: wrap;padding-bottom: 0} .split_box .split_box_element.flex_element .split_tools{flex-basis: 50%} .split_box .split_box_element.flex_element .split_tools.to_left{justify-content: flex-start; margin-bottom: 25px;} .split_box .split_box_element.flex_element .split_tools.to_left .split_single_tool{margin-left: 0} .split_box .split_tools.to_left .tooltip{right: auto;left: 10px} .split_box .split_box_element.flex_element .element_information{flex-basis: 100%} .split_box .split_box_element .threeColumns > span{ position: relative;top: auto;right: auto;left: auto;bottom: auto;display: flex;flex-basis: 60px;height: 64px;align-items: end;} .split_box .split_box_element .system_btn{width: 46px;height: 46px;border-radius: 10px;margin: 0;padding: 0;display: flex;align-items: center;justify-content: center;border: 1px solid #00adb3;background-color: transparent} .split_box .split_box_element .system_btn:hover{ background-color: rgba(0,173,179,.2);} .split_box .split_box_element .system_btn svg{width: 20px;height: 20px;fill:#00adb3} .split_box .split_box_element .threeColumns{display: flex;justify-content: space-between;align-items: center;padding: 0;flex-wrap: wrap} .split_box .split_box_element .threeColumns .column{width: 100%;max-width: 100%;flex-basis: calc(32% - 20px);font-weight: 600;} .split_box .split_box_element .threeColumns .column input{display: block;border: none;height: 45px;width: 100%;padding: 5px 10px;font-size: 16px;color: #000;background-color: #eef1f5;margin-top: 5px;} .split_box .split_box_element .oneColumn > span{ position: relative;top: auto;right: auto;left: auto;bottom: auto;display: flex;flex-basis: 60px;height: 64px;align-items: end;} .split_box .split_box_element .oneColumn{display: flex;justify-content: space-between;align-items: center;padding: 0;flex-wrap: wrap} .split_box .split_box_element .oneColumn .column{width: 100%;max-width: 100%;flex-basis: calc(100% - 85px);font-weight: 600;} .split_box .split_box_element .oneColumn .column input{display: block;border: none;height: 45px;width: 100%;padding: 5px 10px;font-size: 16px;color: #000;background-color: #eef1f5;margin-top: 5px;} .split_box .split_box_element .only_input{display: flex;justify-content: space-between;align-items: center;padding: 0;flex-wrap: wrap;flex-basis: 49%} .split_box .split_box_element .only_input .input{width: 100%;max-width: 100%;flex-basis: 100%;font-weight: 600;} .split_box .split_box_element .only_input .input input{display: block;border: none;height: 45px;width: 100%;padding: 5px 10px;font-size: 16px;color: #000;background-color: #eef1f5;margin-top: 5px;} .split_box .split_box_element .system_flex{display: flex;justify-content: space-between;flex-wrap: wrap} .split_box .split_box_element .system_flex .inputs{display: flex;justify-content: space-between;flex-wrap: wrap;flex-basis: 100%} .split_box .split_box_element .system_flex .inputs .oneColumn{flex-basis: 49%} .split_box .split_tiles_box .single_split_tile:hover{border-bottom: 3px solid #00adb3;} .split_box .split_tiles_box .single_split_tile span svg{fill: #696969;} .split_box .split_tiles_box .single_split_tile:hover span svg{fill:#00adb3} .split_box .split_tiles_box .single_split_tile.active span svg{fill:#00adb3} .split_box .split_tiles_box .single_split_tile.split_tile_1 span{background-image: url(/a/img/split_tile_1.png);width: 31px;height: 31px} .split_box .split_tiles_box .single_split_tile.split_tile_2 span{background-image: url(/a/img/split_tile_2.png);width: 28px;height: 28px} .split_box .split_tiles_box .single_split_tile.split_tile_3 span{background-image: url(/a/img/split_tile_3.png);width: 35px;height: 27px} .split_box .split_tiles_box .single_split_tile.split_tile_4 span{background-image: url(/a/img/split_tile_4.png);width: 25px;height: 33px} .split_box .split_tiles_box .single_split_tile.split_tile_5 span{background-image: url(/a/img/split_tile_5.png);width: 27px;height: 31px} .split_box .split_tiles_box .single_split_tile.split_tile_6 span{background-image: url(/a/img/split_tile_6.png);width: 29px;height: 31px} .split_box .split_tiles_box .single_split_tile.split_tile_7 span{background-image: url(/a/img/split_tile_7.png);width: 34px;height: 33px} .split_box .split_tiles_box .single_split_tile.split_tile_8 span{background-image: url(/a/img/split_tile_8.png);width: 28px;height: 32px} .split_box .split_tiles_box .single_split_tile.split_tile_9 span{width: 41px;height: 22px} .split_box .split_tiles_box .single_split_tile.split_tile_9 span svg{width: 41px;height: 22px} .split_box .split_tiles_box .single_split_tile.split_tile_10 span{width: 23px;height: 22px} .split_box .split_tiles_box .single_split_tile.split_tile_10 span svg{width: 23px;height: 22px} .split_box .split_tiles_box .single_split_tile.split_tile_11 span{width: 26px;height: 19px} .split_box .split_tiles_box .single_split_tile.split_tile_11 span svg{width: 26px;height: 19px} .split_box .split_tiles_box .single_split_tile.split_tile_12 span{width: 22px;height: 22px} .split_box .split_tiles_box .single_split_tile.split_tile_12 span svg{width: 22px;height: 22px} .split_box .split_tiles_box .single_split_tile.split_tile_13 span{width: 21px;height: 21px} .split_box .split_tiles_box .single_split_tile.split_tile_13 span svg{width: 21px;height: 21px} .split_box .split_element_content{display: none;justify-content: space-between;flex-wrap: wrap;} .split_box .split_element_content.active{display: flex} .split_box .split_input_box{flex-basis: 49%;position: relative;padding-bottom: 20px} .split_box .split_input_box.cb{margin-top: 0;} .split_box .split_input_box .flex_check_box{border-bottom: none} .split_box .split_input_box label{display: block;margin-bottom: 10px;font-size: 18px;font-weight: bold;position: relative;} .split_box .split_input_box input[type="text"]{display: block;border: none;height: 45px;width: 100%;padding: 5px 10px;font-size: 16px;color: #000;background-color: #eef1f5} .split_box .split_input_box input[type="number"]{display: block;border: none;height: 45px;width: 100%;padding: 5px 10px;font-size: 16px;color: #000;background-color: #eef1f5} body.dark_mode .split_box .split_input_box input[type="number"] {background-color: #1f3d43; border: 1px solid #00adb3; color: #fff;} .split_box .split_input_box input[type="password"]{display: block;border: none;height: 45px;width: 100%;padding: 5px 10px;font-size: 16px;color: #000;background-color: #eef1f5} .split_box .split_input_box input[type="email"]{display: block;border: none;height: 45px;width: 100%;padding: 5px 10px;font-size: 16px;color: #000;background-color: #eef1f5} .split_box .split_input_box textarea{display: block;border: none;min-height: 45px;width: 100%;padding: 15px 10px;font-size: 16px;color: #000;background-color: #eef1f5} .split_box .split_input_box .select2-container, .split_input_box .select2-container{width: 100%!important} .split_box .split_input_box .select2-container--default .select2-selection--single, .split_input_box .select2-container--default .select2-selection--single{border-radius: 6px;border:none;background-color: #eef1f5;height: 45px;padding: 9px 0;} .split_box .split_input_box .select2-container--default .select2-selection--single .select2-selection__arrow, .split_input_box .select2-container--default .select2-selection--single .select2-selection__arrow {height: 26px;position: absolute;top: 0;right: 5px;width: 20px;bottom: 0;margin: auto;} .split_box .split_box_button_space{display: flex;justify-content: flex-end;align-items: center;margin-bottom: 40px} .split_box .split_box_button_space .button{margin-left: 15px} .split_box .split_box_button_space.no_margin{margin-bottom: 0!important;} .split_box .split_box_button_space.final_bottom_space.hide{display: none} .split_box .split_tiles_box.no_wrap_tiles .single_split_tile p{white-space: nowrap} .split_box .split_tiles_box.no_wrap_tiles .single_split_tile{flex-basis: auto!important;} .split_box .split_input_box .input.radio label{padding-left: 20px;cursor: pointer;vertical-align: top;line-height: 16px;} .split_box .split_input_box .flex_check_box .single_flex_check label{padding-left: 20px;cursor: pointer;vertical-align: top;line-height: 16px;} .split_box .split_input_box#commission_div{opacity: 0;transform: scale(0)} .split_box .split_input_box#commission_div.show_input{opacity: 1;transform: scale(1)} .split_box .split_input_box.w_100{flex-basis: 100%} .split_box .split_input_box.with_unit{} .split_box .split_input_box.crop-pic-container .button.add{padding: 13px 5px 12px; color: #fff;background: linear-gradient(270deg, #9ae1c3 7%, #15b4b5 59%);border: 1px solid #15b4b5;} .split_box .split_input_box.crop-pic-container .button{padding: 13px 5px 12px; color: #fff;background: linear-gradient(270deg, #9ae1c3 7%, #15b4b5 59%);border: 1px solid #15b4b5;} .split_box .split_input_box.crop-pic-container .button:hover{ background: linear-gradient(270deg, #9ae1c3 7%, #008787 59%);} .split_box .split_input_box.crop-pic-container .photo_flex_box{display: flex;align-items: center;margin-top: 10px;} .split_box .split_input_box.crop-pic-container .photo_tool_btn{background-color: transparent!important;background: transparent;width: 50px;height: 50px;border: 1px solid #00adb3;border-radius: 10px;justify-content: center;align-items: center;display: inline-flex;margin:0 0 0 10px} .split_box .split_input_box.crop-pic-container .photo_tool_btn svg{ width: 25px;height: 30px;fill: #00adb3;} .split_box .split_input_box.crop-pic-container .cropped_img{display: block;margin-bottom: 15px} .split_box .split_input_box.crop-pic-container .photo_tool_btn:hover{background-color: rgba(0,173,179,.2)!important;background:rgba(0,173,179,.2) } .split_box .split_input_box.with_unit input[type="text"]{width: calc(100% - 100px);align-items: center;display: inline-block;} .split_box .split_input_box.with_unit span{display: inline-block;vertical-align: middle;font-size: 16px} .split_box .split_input_box .field-error{position: absolute;bottom: 23px} .split_box .section-export .split_input_box .field-error {bottom: 12px;} .split_box .split_input_box.w_100 .field-error{bottom: 6px} .split_listing{max-width: 435px;} .split_listing .split_single_record{text-align: center;padding: 20px 15px;background-color: #fff;position: relative;border-bottom: 1px solid #000;cursor: pointer} .split_listing .split_single_record a{white-space: nowrap;text-overflow: ellipsis;max-width: 95%;font-size: 18px;color: #000;overflow: hidden;display: block} .split_listing .split_single_record.active,.split_listing .split_single_record:hover{background-color: #00adb3;border-color:#00adb3 } /*.split_listing .split_single_record.active:after,.split_listing .split_single_record:hover:after{content: '';display: block;position: absolute;width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid #00adb3;right: -10px;top: 0;bottom: 0;margin: auto;}*/ .split_listing .split_single_record.active a,.split_listing .split_single_record:hover a{color: #fff;} .filters .filters_body .filters_btn_box .button{display: none;margin: 0} .filters .filters_body .filters_btn_box .clear_filters{display: none;} .filters .filters_bodyy .filters_btn_box .clear_filters.active_clear{display: none;} .filters .filters_body.active .filters_btn_box .clear_filters{display: none} .filters .filters_body.active .filters_btn_box .clear_filters.active_clear{display: block;} .filters .filters_body.active .filters_btn_box .button{display: block} .split_box .split_input_box .flex_check_box{display: flex;justify-content: flex-start;flex-wrap: wrap} .split_box .split_input_box .flex_check_box .single_flex_check{flex-basis: 33.33%;padding-right: 15px} .split_box .split_input_box .radio label{font-weight: normal} .bottom_tools{width: calc(100% + 60px);left: -30px;position: relative;background-color: #f5f7f9; padding: 12px 30px;text-align: right} .bottom_tools a{display: inline-block;color: #5b5b5b;font-size: 14px;} .bottom_tools a:hover{text-decoration: underline} .bottom_tools a img{vertical-align: text-bottom;display: inline-block;margin-right: 5px;} .split_content .split_navigation{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 15px 0} .split_content .split_navigation .get_back{position: relative;flex-basis: 115px} .split_content .split_navigation .get_back .single_tool{display: block;text-align: center; margin: 0 auto;} .split_content .split_navigation .get_back .single_tool img{display: block;margin: 0px auto;} .split_content .split_navigation .get_back .single_tool{height: 55px;width: 55px;border-radius: 50%;cursor: pointer;background: linear-gradient(270deg, #9ae1c3 7%, #15b4b5 59%);display: flex;align-items: center;justify-content: center;} .split_content .split_navigation .get_back .single_tool svg{fill: #fff;display: block;margin: 0 auto;max-height: 28px;max-width: 28px;} .split_content .split_navigation .get_back .single_tool.expand_tool svg{max-height: 22px;max-width: 22px;} .split_content .split_navigation .get_back .single_tool:hover{background: linear-gradient(270deg, #9ae1c3 7%, #008787 59%);} .split_content .split_navigation .route_box{flex-basis: calc(100% - 120px)} .split_content .split_navigation .get_back .tooltip {position: absolute;width: 100%;max-width: 160px;text-align: center;font-size: 14px;border: 1px solid #5b5b5b;color: #5b5b5b;padding: 6px 5px;background-color: #fff;z-index: 10;top: -35px;height: 30px;left: 0;right: 0;margin: auto;display: none;} .split_content .split_navigation .get_back .tooltip.active{display: block} .split_content .split_navigation .route_box .path_box{display: flex;justify-content: space-between;position: relative} .split_content .split_navigation .route_box .path_box.few_elements:after{width: 50%;height: 6px;content: '';display: block;background: linear-gradient(90deg, rgba(238,241,245,1) 40%, rgba(0,173,179,1) 100%);position: absolute;top: 16px;bottom: auto;left: 0;right: 0;margin: auto;z-index: 1} .split_content .split_navigation .route_box .path_box .sinlge_path_step{margin: 0 auto;text-align: center;z-index: 2} .split_content .split_navigation .route_box .path_box .sinlge_path_step .step_number{ padding: 12px 0;display: block;text-align: center;margin:0 auto 10px;border-radius: 50%;width: 38px;height: 38px;color: #b4bdc8;font-size: 14px;background-color: #eef1f5;box-shadow: inset 0px 1px 4px 0px rgba(13, 14, 14, 0.37);} .split_content .split_navigation .route_box .path_box .sinlge_path_step .step_desc{text-align: center;font-size: 14px;font-weight: normal;color: #b4bdc8} .split_content .split_navigation .route_box .path_box .sinlge_path_step.active .step_number{background-color: #eef1f5;color: #00adb3; box-shadow: 0px 1px 5px 0px rgba(13, 14, 14, 0.38);} .split_content .split_navigation .route_box .path_box .sinlge_path_step.active .step_desc{font-weight: 600;color: #00adb3} .radio-toggle input{position: absolute;left: -999999px;opacity: 0;display: block} .radio-toggle .main-label{display: inline-block;width: 85px;vertical-align: middle} .radio-toggle .main-label.active{font-weight: 600} .radio-toggle{display: inline-block} .radio-toggle .switch {width: 75px;height: 36px;display: inline-block;margin: 0 0.5em;text-align: center;vertical-align: middle;position: relative;cursor: pointer} .radio-toggle .switch label:before {content: "";display: block;width: 2.22222222em;border-radius: 1.11111111em;position: absolute;top: 0.05555556em;right: 0.05555556em;bottom: 0.05555556em;left: 0.05555556em;background-color: #dddddd;-webkit-transition: background 0.4s; box-shadow: 0px 1px 18px 0px rgba(0, 0, 0, 0.31);} .radio-toggle .switch label:before {content: "";display: block;width: 100%;border-radius:30px;position: absolute;top: 0.05555556em;right: 0.05555556em;bottom: 0.05555556em;left: 0.05555556em;background-color: #223136;-webkit-transition: background 0.4s;cursor: pointer} .radio-toggle .switch .first + label:after {display: block;position: absolute;top: 7px;left: 0;bottom: 0;content: "";box-sizing: border-box;width: 22px;height:22px;background-color: #000;border: none;border-radius: 50%;z-index: 10;margin: 0 0 0 64%;pointer-events: none;transition: 250ms ease;} .radio-toggle .switch input.first:checked + label:after {margin: 0 0 0 7px;transform: rotate(720deg);background-color: #fff;} .radio-toggle .switch input.second + label:before {opacity: 1;box-shadow: none;background-color: #fff} .radio-toggle input.first:checked + label:after {margin: 0 0 0 0;} .radio-toggle input.second + label:before {opacity: 1;} .radio-toggle input.second:checked + label:before {opacity: 0;display: none;} .radio-toggle .main-label{width: auto} .radio-toggle .switch label:before{background-image: url(/a/imgs/cms/night.png);background-position: center left;background-repeat: no-repeat;background-color: #213035} .radio-toggle .switch input.second + label:before{background-image: url(/a/imgs/cms/sun.png);background-position: center right;background-repeat: no-repeat; background-color: #ecf8f8;} .radio-toggle .switch input.first:checked + label:before{background-color: transparent} #content .split_box .split_input_box .photo_tools_parent{position: relative} #content .split_box .split_input_box .photo_tools_parent .tooltip {position: absolute;width: 100%;max-width: 160px;text-align: center;font-size: 14px;border: 1px solid #5b5b5b;color: #5b5b5b;padding: 6px 5px;background-color: #fff;z-index: 10;top: -35px;height: 30px;left: 0;right: 0;margin: auto;display: none;} #content .split_box .split_input_box .photo_tools_parent .tooltip.active{display: block} .split_listing .split_single_record .small_pin{} .split_listing .split_single_record .small_pin svg{width: 28px;height: 28px;fill: #00adb3;} .split_listing .split_single_record a{ text-align: left;position: relative;} .split_listing .split_single_record{display: flex; align-items: center;text-align: left;} .split_listing .split_single_record .small_pin{width: 30px;margin-right: 10px;flex-basis: 30px;height: 30px} .split_listing .split_single_record .record_name{flex-basis: calc(100% - 35px); font-size: 18px;color: #000;overflow: hidden;display: block;white-space: nowrap;text-overflow: ellipsis;} .split_listing .split_single_record.active .record_name,.split_listing .split_single_record:hover .record_name{color: #fff} .split_listing .split_single_record.active .small_pin svg,.split_listing .split_single_record:hover .small_pin svg{fill: #fff} .split_content .split_box.splited_listing_space #content .listing_variant .tile_parent .single_tile{flex-basis: 32%} .split_content .split_box.splited_listing_space{padding: 0;background-color: transparent;box-shadow: none} .split_box .split_input_box .photo_flex{display: flex;justify-content: flex-start;align-items: center} .split_box .split_box_element .split_flex{display: flex;justify-content: space-between;flex-wrap: wrap} .split_box .split_box_element .split_flex > h3{flex-basis: 100%;margin-bottom: 25px;font-weight: normal} .split_box .split_box_element .split_flex .split_input_box.two_in_one{display: flex;justify-content: space-between;} .split_box .split_box_element .split_flex .split_input_box.two_in_one .small_inputs{flex-basis: 48%} .split_box .split_box_element .split_flex .split_input_box .cropper_trigger{width: 65px;height: 65px;border-radius: 50%;background-color: #eef1f5;cursor: pointer;border:1px solid #00adb3;display: flex;justify-content: center;align-items: center} .split_box .split_box_element .split_flex .split_input_box .cropper_trigger svg{fill: #00adb3;height: 40px;width: 40px;} .split_box .split_box_element .split_flex .split_input_box .cropper_trigger:hover{background-color: #00adb3} .split_box .split_box_element .split_flex .split_input_box .cropper_trigger:hover svg{fill: #fff} .split_box .split_box_button_space .cancel{color: #858586;font-size: 18px;font-weight: normal} .split_box .split_box_button_space .cancel:hover{text-decoration: underline} .split_box .split_box_button_space .cancel svg{height: 16px;width: 16px;fill: #858586;display: inline-block;vertical-align: bottom;} .split_box .split_input_box{position: relative;min-height: 110px} .split_box .split_input_box input[type="text"].invalid{border:1px solid #fe4848;background-color: #ffeded} .split_box .split_input_box input[type="password"].invalid{border:1px solid #fe4848;background-color: #ffeded} .split_box .split_input_box input[type="email"].invalid{border:1px solid #fe4848;background-color: #ffeded} .split_input_box .input_error{bottom: auto;position: absolute;margin: 0;color: #fe4848;display: none;font-size: 10px;left: 0;} .split_input_box .input_error.input_bad{display: block;bottom: 25px;} .auctions_popup .split_input_box .input_error.input_bad{display: block;bottom: 5px;} .split_input_box div.fancy-select .trigger.red_border{border-color: #fe4848!important;} .split_box .split_input_box .todo_input .input_error.input_bad{bottom: 5px} .split_box .split_input_box .logo_space{display: flex;align-items: center;justify-content: space-between} .split_box .split_input_box .logo_space .image_div{flex-basis: 75px;} .split_box .split_input_box .logo_space .logo_tools{flex-basis: calc(100% - 90px)} .split_box .split_input_box .logo_space .logo_tools .single_tool{display: block;cursor: pointer;margin: 11px 0;color: #858586} .split_box .split_input_box .logo_space .logo_tools .single_tool svg{fill: #858586;width: 20px;height: 20px;display: inline-block;vertical-align: bottom;margin-right: 5px} .split_box .split_input_box .logo_space .logo_tools .single_tool span{font-size: 18px;color: #858586} .split_box .split_input_box .logo_space .logo_tools .single_tool:hover{text-decoration: underline} .pagination_content.with_filters{padding-right: 45px;} .pagination_content .pagination_box{display: flex;justify-content: space-between;align-items: center;max-width: 200px; margin: 25px 0 25px auto;} .pagination_content .pagination_box .pagination_arrow{flex-basis: 20px;cursor: pointer} .pagination_content .pagination_box .pagination_arrow img{display: block;margin: 0 auto;} .pagination_content .pagination_box .pagination_arrow:hover img{opacity: .5} .pagination_content .pagination_box .pagination_inside{display: flex;align-items: center;justify-content: space-between} .pagination_content .pagination_box .pagination_inside .single_page{flex-basis: 30px;font-size: 14px;font-weight: 100;text-align: center;border-radius: 50%;border: 1px solid transparent;margin: 0 1px;cursor: pointer;color: #858586;width: 30px;height: 30px;display: none;justify-content: center;align-items: center} .pagination_content .pagination_box .pagination_inside .single_page.visible_page{display: flex;position: relative} .pagination_content .pagination_box .pagination_inside .single_page.static_page{display: flex;position: relative} .pagination_content .pagination_box .pagination_inside .single_page.visible_page.pre_active:before{content: '...';display: flex;width: 15px;position: absolute;left: -10px} .pagination_content .pagination_box .pagination_inside .single_page.visible_page.after_active:after{content: '...';display: flex;width: 15px;position: absolute;right: -10px} .pagination_content .pagination_box .pagination_inside .single_page.static_page.pre_active:before{content: none} .pagination_content .pagination_box .pagination_inside .single_page.static_page.after_active:after{content: none} .pagination_content .pagination_box .pagination_inside .single_page:hover{color: #00adb3} .pagination_content .pagination_box .pagination_inside .single_page.active_page{color: #00adb3;border-color: #05afb4;background-color: #cceff0;display: flex} .pagination_content .pagination_box .pagination_arrow a{background: none} .pagination_content.listing-pagination ul.pagination_box li.shtable-page{flex-basis: 30px;font-weight: 100;text-align: center;border-radius: 50%;border: 1px solid transparent;margin: 0;cursor: pointer;color: #858586;width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;} .pagination_content.listing-pagination ul.pagination_box li.shtable-page a{font-size: 14px;background: transparent;color: #858586;} .pagination_content.listing-pagination ul.pagination_box li a{color: #858586;} .pagination_content.listing-pagination ul.pagination_box li.shtable-page:hover{background: transparent;} .pagination_content.listing-pagination ul.pagination_box li.shtable-page:hover a{color: #05afb4;} .listing-pagination {margin-top: 0;float: none;} .pagination_content.listing-pagination ul.pagination_box li.shtable-page.active{color: #00adb3;border-color: #05afb4;background-color: #cceff0;} .pagination_content.listing-pagination ul.pagination_box li.shtable-page.active a{color: #00adb3} .pagination_content.listing-pagination ul.pagination_box li a{background: transparent} .split_content .split_box.w100{flex-basis: 100%!important} .split_box .split_input_box.w33{flex-basis: 32%} .split_box .split_input_box.w_25{flex-basis: 24%} .split_box .split_input_box.w_30{flex-basis: 29%} .split_box .split_input_box .split_box_button_space{margin-bottom: 0} .split_box .split_box_element .split_flex.uneven_flex{position: relative} .split_box .split_box_element .split_flex.uneven_flex:after{content: '';flex-basis: 32%} .split_content .split_listing .pagination_content .pagination_box{margin: 25px 25px 25px auto;justify-content: center;width: auto;max-width: 100%} .split_content .split_listing .pagination_content .pagination_box .pagination_inside{margin: 0 10px} .split_content .split_box.splited_listing_space #content .listing_variant .tile_parent .single_tile.single_company{flex-basis: 24%;padding: 0;display: block} .split_content .split_box.splited_listing_space #content .listing_variant .tile_parent .single_tile.single_company .tile_title{display: flex;align-items: center;background-color: #fafafa;padding:15px 10px;} .split_content .split_box.splited_listing_space #content .listing_variant .tile_parent .single_tile.single_company .tile_title img{} .split_content .split_box.splited_listing_space #content .listing_variant .tile_parent .single_tile.single_company .tile_title p{margin-left: 10px;font-size: 18px;color: #000} .split_content .split_box.splited_listing_space #content .listing_variant .tile_parent .single_tile.single_company .tile_content{padding: 20px 10px;text-align: center} .split_content .split_box.splited_listing_space #content .listing_variant .tile_parent .single_tile.single_company .tile_content > p{font-weight: 600;font-size: 16px;text-align: center;color: #000} .split_content .split_box.splited_listing_space #content .listing_variant .tile_parent .single_tile.single_company .tile_content > p span{display: block;font-weight: normal;font-size: 13px;margin-top: 5px;color: #000} .split_content .split_box.splited_listing_space #content .listing_variant .tile_parent .single_tile.single_company .tile_content .tile_people{margin: 15px 0 5px;justify-content: center;} #content .listing_variant.no_filters{padding-right: 0} .split_box .split_element_content .columns_flex{justify-content: space-between;flex-wrap: wrap;display: flex;width: 100%} .split_box .split_element_content .columns_flex .single_column{flex-basis: 45%;} .split_box .split_element_content .columns_flex .single_column .column_label{font-size: 18px;} .split_box .split_element_content .columns_flex .single_column .single_person{background-color: #eef1f5;display: flex;justify-content: space-between;margin: 10px 0;align-items: center;cursor: pointer;border-radius: 25px;padding: 10px 5px} .split_box .split_element_content .columns_flex .single_column .single_person .person_image{flex-basis: 50px} .split_box .split_element_content .columns_flex .single_column .single_person .person_image img{display: block;margin: 0 auto} .split_box .split_element_content .columns_flex .single_column .single_person p{color: #000;font-size: 18px;flex-basis: calc(100% - 100px)} .split_box .split_element_content .columns_flex .single_column .single_person .person_tool{flex-basis: 50px} .split_box .split_element_content .columns_flex .single_column .single_person .person_tool span{width: 25px;height: 25px;border: 1px solid #3bbec3;border-radius: 50%;display: block;margin: 0 auto;text-align: center;color: #3bbec3;line-height: 23px} .split_box .split_element_content .columns_flex .single_column .person_place{height: 100%;padding: 15px 0} .split_box .split_element_content .columns_flex .single_column .person_place .no_assign_people{font-size: 11px;color: #ff1a60;border:1px solid #ff1a60;padding: 10px;background-color: #fcedf2;width: 100%;max-width: 90%} .split_box .split_element_content .columns_flex .single_column .single_person.assign_person .person_add{display: none} .split_box .split_element_content .columns_flex .single_column .single_person.unassign_person .person_remove{display: none} .split_box .remove_space{background-color: #f5f7f9;display: flex;justify-content: flex-end;align-items: center;padding: 15px} .split_box .remove_space .remove_trigger{color: #5b5b5b;font-size: 14px} .split_box .remove_space .remove_trigger:hover{text-decoration: underline} .split_box .remove_space .remove_trigger svg{width: 15px;height: 15px;fill: #5b5b5b;display: inline-block;vertical-align: -2px;} .split_content .split_box.no_padding{padding: 0} .split_content .split_box.no_padding .box_padding{padding: 0px 30px;} .split_flex_with_info{display: flex;justify-content: flex-start;flex-wrap: wrap;align-items: baseline;width: 100%} .split_flex_with_info .single_info{flex-basis: 33%;padding-right: 15px;font-weight: 600;display: flex;align-items: center;margin-bottom: 10px;} .split_flex_with_info .single_info span{font-weight: normal;display: block;margin-left: 5px} .split_flex_with_info .single_info .person_space{display: inline-flex;align-items: center;margin-left: 15px} .split_flex_with_info.to_top .single_info{align-items: inherit} .popup_overlay{background: rgba(0,0,0,0.3);position: fixed;top: 0;left: 0;right: 0;bottom: 0;padding: 0;z-index: 1000;} .popup_overlay .popup_wrapper{width: 100%;height: 100%;position: relative;padding: 20px; display: flex;justify-content: center;align-items: center;} .popup_overlay .popup_wrapper .popup_body{width: 100%;transform: none;z-index: 100;margin: auto;max-width: 1020px} .popup_overlay .popup_wrapper .popup_body .popup_head{background: linear-gradient(270deg, rgba(154,225,195,1) 7%, rgba(21,180,181,1) 59%);color: #fff;border-top-right-radius: 50px;border-top-left-radius: 50px;text-align: left;padding: 13px 30px 10px;position: relative;font-weight: bold;} .popup_overlay .popup_wrapper .popup_body .popup_head svg{fill: #fff;width: 30px;height: 30px;position: absolute;right: 30px;top: 0;bottom: 0;margin: auto} .popup_overlay .popup_wrapper .popup_body .popup_head svg:hover{opacity: .5} .popup_overlay .popup_wrapper .popup_body .popup_head .popup_head_text{display: flex;align-items: center} .popup_overlay .popup_wrapper .popup_body .popup_head .popup_head_text img{display: inline-block;margin-right: 10px} .popup_overlay .popup_wrapper .popup_body .popup_head .popup_head_text p{text-transform: uppercase;color: #fff} .popup_overlay .popup_wrapper .popup_body .popup_content{background-color: #fff;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;padding: 20px;text-align: center} .popup_overlay .popup_wrapper .popup_body .popup_content.popup_confirm_content{display: flex;justify-content: center;align-items: center;padding: 40px 20px;flex-wrap: wrap} .popup_overlay .popup_wrapper .popup_body .popup_content .popup_buttons{flex-basis: 100%;width: 100%;display: flex;justify-content: center;margin-top: 40px} .popup_overlay .popup_wrapper .popup_body .popup_content .popup_buttons .button{margin: 0 10px} .popup_overlay .popup_wrapper .popup_body .popup_content p{text-align: center} .popup_overlay .popup_wrapper .popup_body .popup_content p span{display: block;font-weight: normal;margin-top: 15px;text-align: center} .popup_overlay .popup_wrapper .popup_body .popup_content .btn_flex{display: flex;align-items: center;justify-content: center;flex-wrap: wrap} .split_box .split_box_element .element_information,.split_box .split_box_element .element_edit{display: none;width: 100%} .split_box .split_box_element .element_information.active,.split_box .split_box_element .element_edit.active{display: flex} .split_flex_with_info .single_info.w_100{flex-basis: 100%;margin-bottom: 30px} .split_box .split_box_element .split_flex{width: 100%} .split_box .split_box_element.text_box_element{padding: 25px 0} .split_box .split_box_element.text_box_element h5{font-size: 24px;margin-bottom: 20px} .split_box .split_input_box.w_80{flex-basis: 80%} .split_box .split_input_box.w_40{flex-basis: 39%} .split_box .split_input_box.w_20{flex-basis: 19%} .split_box .split_element_content .tasks_list{width: 100%} .split_box .split_element_content .tasks_list .tasks_head_flex{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap} .split_box .split_element_content .tasks_list .tasks_head_flex .list_progress{display: flex;flex-basis: calc(100% - 130px);align-items: center;} .split_box .split_element_content .tasks_list .tasks_head_flex .list_progress p{} .split_box .split_element_content .tasks_list .tasks_head_flex .list_progress .tile_progress{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;margin: 10px 0;flex-basis: 500px;margin-left: 20px} .split_box .split_element_content .tasks_list .tasks_head_flex .list_progress .tile_progress .bar_head{flex-basis: 50%;margin-bottom: 5px;font-size: 12px;font-weight: bold;color: #00adb3;} .split_box .split_element_content .tasks_list .tasks_head_flex .list_progress .tile_progress .bar_head.present_percent{text-align: left;} .split_box .split_element_content .tasks_list .tasks_head_flex .list_progress .tile_progress .bar_head.present_hours{text-align: right;} .split_box .split_element_content .tasks_list .tasks_head_flex .list_progress .tile_progress .bar_head.present_hours span{color: #000} .split_box .split_element_content .tasks_list .tasks_head_flex .list_progress .tile_progress .progress_bar{position: relative;flex-basis: 100%;height: 4px;border-radius: 10px;background-color: #d9dadb;} .split_box .split_element_content .tasks_list .tasks_head_flex .list_progress .tile_progress .progress_bar .current_progress{ position: absolute;height: 4px;border-radius: 10px;left: 0;background-color: #00adb3;width: 80%;} .split_box .split_tools.tools_align{flex-basis: 125px} .split_box .split_element_content .tasks_list .tasks_list_content{position: relative} .split_box .split_element_content .tasks_list .tasks_list_content .single_task_space{display: flex;justify-content: space-between;margin: 30px 0;position: relative} .split_box .split_element_content .tasks_list .tasks_list_content:before{width: 4px;background-color: #eef1f5;box-shadow: inset 0px 1px 3px 0px rgba(13, 14, 14, 0.18);position: absolute;display: block;content: '';top: 0;left: 20px;height: calc(100% - 100px)} .split_box .split_element_content .tasks_list .tasks_list_content .single_task_space .task_checkbox{flex-basis: 50px} .split_box .split_element_content .tasks_list .tasks_list_content .single_task_space .task_checkbox.check-box [type="checkbox"]:not(:checked) + label:before,.split_box .split_element_content .tasks_list .tasks_list_content .single_task_space .task_checkbox.check-box [type="checkbox"]:checked + label:before {content: '';position: absolute;left: 0;top: 0px;width: 40px;height: 40px;border: 1px solid #00adb3;background: #eef1f6;border-radius: 8px;} .split_box .split_element_content .tasks_list .tasks_list_content .single_task_space .task_checkbox.check-box [type="checkbox"]:not(:checked) + label:after, .split_box .split_element_content .tasks_list .tasks_list_content .single_task_space .task_checkbox.check-box [type="checkbox"]:checked + label:after {content: '';position: absolute;top: 0px;left: 0px;width: 42px;height: 42px;background-color: #00adb3;border-radius: 8px;background-image: url(/a/imgs/cms/task_check.png);background-position: center;background-repeat: no-repeat;} .split_box .split_element_content .tasks_list .tasks_list_content .single_task_space .task_content{display: flex;justify-content: space-between;padding: 15px;background-color: #fff;box-shadow: 0px 1px 5px 0px rgb(31 31 31 / 20%);flex-basis: calc(100% - 100px)} .split_box .split_element_content .tasks_list .tasks_list_content .single_task_space.checked .task_content{background-color: #eef1f5;box-shadow: none} .split_box .split_element_content .tasks_list .tasks_list_content .single_task_space .task_content .task_part{} .split_box .split_element_content .tasks_list .tasks_list_content .single_task_space .task_content .task_part.task_info_part{flex-basis: 35%} .split_box .split_element_content .tasks_list .tasks_list_content .single_task_space .task_content .task_part.task_activity_part{flex-basis: calc(65% - 90px);position: relative} .split_box .split_element_content .tasks_list .tasks_list_content .single_task_space .task_content .task_part.task_tool_part{position: relative;display: flex;align-items: center;height: 50px;align-self: center;} .split_box .split_element_content .tasks_list .tasks_list_content .single_task_space .task_content .task_part.task_tool_part .single_tool{width: 50px;height: 50px;border: 1px solid #00adb3;border-radius: 10px;justify-content: center;align-items: center;display: flex;} .split_box .split_element_content .tasks_list .tasks_list_content .single_task_space .task_content .task_part.task_tool_part .single_tool:hover{background-color: rgba(0,173,179,.2);} .split_box .split_element_content .tasks_list .tasks_list_content .single_task_space .task_content .task_part.task_tool_part .single_tool svg{width: 25px;height: 30px;fill: #00adb3;} .split_box .split_element_content .tasks_list .tasks_list_content .single_task_space .task_content .task_part.task_info_part h3{} .split_box .split_element_content .tasks_list .tasks_list_content .single_task_space .task_content .task_part.task_info_part p{margin: 10px 0} .split_box .split_element_content .tasks_list .tasks_list_content .single_task_space .task_content .task_part.task_info_part .task_workers{display: flex;align-items: center;} .split_box .split_element_content .tasks_list .tasks_list_content .single_task_space .task_content .task_part.task_info_part .task_workers .single_person{margin-right: 7px;} .split_box .split_element_content .tasks_list .tasks_list_content .single_task_space .task_content .task_part.task_info_part .task_workers .more_people{color: #a5a5a5;} .split_box .split_element_content .tasks_list .tasks_list_content .single_task_space .task_content .task_part.task_activity_part .last_activity_person{margin: 15px 0} .split_box .split_element_content .tasks_list .tasks_list_content .single_task_space .task_content .task_part.task_activity_part .last_message{line-height: 1.2} .split_box .split_element_content .tasks_list .tasks_list_content .single_task_space .task_content .task_part.task_tool_part .tooltip {position: absolute;width: 100%;max-width: 160px;text-align: center;font-size: 14px;border: 1px solid #5b5b5b;color: #5b5b5b;padding: 6px 5px;background-color: #fff;z-index: 10;height: 30px;margin: auto;display: none;width: 100px;left: -35px;right: auto;bottom: auto;top: -35px;} .split_box .split_element_content .tasks_list .tasks_list_content .single_task_space .task_content .task_part.task_tool_part:hover .tooltip{display: block} .split_box .split_element_content .tasks_list .tasks_list_content .single_task_space .task_content .task_part.task_tool_part .tooltip.active{display: block} .split_box .split_element_content .tasks_list .tasks_list_content .single_task_space.checked .task_content *{color: #858586} .select2-container--default .select2-selection--multiple{border-radius: 6px;border: none;background-color: #eef1f5;height: 45px;padding: 9px 0;} .select2-container--default.select2-container--focus .select2-selection--multiple {border: none;outline: 0;} .split_box .file_list{width: 100%} .split_box .file_list > h3{} .split_box .file_list .file_search{margin: 25px 0 40px} .split_box .file_list .file_search input{display: block;border: none;height: 45px;width: 100%;padding: 5px 45px 5px 10px;font-size: 16px;color: #000;background-color: #eef1f5;background-image: url(/a/img/svg/fi-rr-search.svg);background-position: 97% center;background-repeat: no-repeat;background-size: 20px;border-radius: 10px;max-width: 550px} .split_box .file_list .file_listing{} .split_box .file_list .file_listing table{width: 100%;text-align: left;border-collapse: collapse;border: none;} .split_box .file_list .file_listing table th.table_th div{border-radius: 20px;background-color: #fff;box-shadow: -0.5px -0.866px 5px 0px rgb(31 31 31 / 20%);position: relative;text-align: left;display: inline-block;padding: 10px;color: #000;font-weight: 400;font-size: 12px;} .split_box .file_list .file_listing table th.table_th.file_img_cell{text-align: center} .split_box .file_list .file_listing table td{height: 60px;font-size: 14px;font-weight: bold;} .split_box .file_list .file_listing table td svg{fill:#00adb3;height: 22px;width: 20px} .split_box .file_list .file_listing table td.file_img_cell{width: 80px;text-align: center} .split_box .file_list .file_listing table td.table_tools{text-align: right} .split_box .file_list .file_listing table td.table_tools a{position: relative;margin-left: 10px} .split_box .file_list .file_listing table td.table_tools a svg{fill: #858586} .split_box .file_list .file_listing table td.table_tools a .tool_tooltip{display: none;background-color: #fff;text-align: center;position: absolute;color: #000;font-size: 12px;padding: 5px;top: -30px;border: 1px solid #000;right: 0;} .split_box .file_list .file_listing table td .tools_space{display: flex;justify-content: flex-end;align-items: center;padding-right: 20px;} .split_box .file_list .file_listing table tbody tr{border-bottom: 2px solid #000} .split_box .file_list .file_listing table td.table_tools a:hover .tool_tooltip{display: block} .split_box .file_list .file_listing table td.table_tools a:hover{} .split_box .file_list .file_listing .files_flex .single_file .file_information{display: flex;flex-wrap: wrap;justify-content: flex-start;} .split_box .file_list .file_listing .files_flex .single_file .file_information p{display: flex;justify-content: space-between;flex-basis: 100%;padding: 5px 0} .split_box .file_list .file_listing .files_flex .single_file .file_information p:first-child{border-bottom: 1px solid #c0c1c3} .split_box .file_list .file_listing .files_flex .single_file .file_information i.fa-check{color: #00adb3;} .split_box .file_list .file_listing .files_flex .single_file .file_information i.icon-close{color: #878788;} .split_box .file_list .file_listing .files_flex{display: flex;flex-wrap: wrap;position: relative} .split_box .file_list .file_listing .files_flex:after{content: '';display: block;position: absolute;left: 0;right: 0;margin: auto;bottom: 0;height: 2px;background-color: #fff;} .split_box .file_list .file_listing .files_flex .single_file{flex-basis: 25%;padding: 25px 25px 15px 25px;text-align: center;border-width: 0px 1px 1px 0px; border-style: solid;border-color: #000} .split_box .file_list .file_listing .files_flex .single_file:nth-child(-n+4){border-top: none} .split_box .file_list .file_listing .files_flex .single_file:nth-child(4n+1){border-left: none} .split_box .file_list .file_listing .files_flex .single_file:nth-child(4n+4){border-right: none} .split_box .file_list .file_listing .files_flex .single_file .preview_space{position: relative;width: 100%;height: 185px;display: flex;justify-content: center;align-items: center;background-color: #eef1f5;cursor: pointer;overflow: hidden;background-position: center;background-size: cover;background-repeat: no-repeat} .split_box .file_list .file_listing .files_flex .single_file .preview_space > img{display: block} .split_box .file_list .file_listing .files_flex .single_file .preview_space > svg{width: 30px;height: 30px;fill: #bbc7d6;display: block} .split_box .file_list .file_listing .files_flex .single_file .preview_space .file_tools{justify-content: center;align-items: center;display: none;position: absolute;width: 100%;height: 100%;background-color: rgba(255,255,255,.8)} .split_box .file_list .file_listing .files_flex .single_file .file_information{} .split_box .file_list .file_listing .files_flex .single_file p{line-height: 1.2} .split_box .file_list .file_listing .files_flex .single_file > p{margin: 10px 0} .split_box .file_list .file_listing .files_flex .single_file .preview_space:hover .file_tools{display: flex} .split_box .file_list .file_listing .files_flex .single_file .preview_space .file_tools .tooltip{position: absolute;width: 100%;max-width: 150px;text-align: center;font-size: 12px;border: 1px solid #5b5b5b;color: #5b5b5b;padding: 6px 5px;background-color: #fff;z-index: 10;top: 4px;height: 26px;left: 0;right: 0;margin: auto;display: none} .split_box .file_list .file_listing .files_flex .single_file .preview_space .file_tools .tooltip.active{display: block} .split_box .file_list .file_listing .files_flex .single_file .single_tool{width: 50px;height: 50px;border: 1px solid #00adb3;border-radius: 10px;margin-left: 15px;justify-content: center;align-items: center;display: flex;} .split_box .file_list .file_listing .files_flex .single_file .single_tool svg{width: 25px;height: 30px;fill: #00adb3;} .split_box .file_list .file_listing .files_flex .single_file .single_tool:hover{background-color: rgba(0,173,179,.2);} .nl-draggable .file_information{display: flex;flex-wrap: wrap;justify-content: flex-start;} .nl-draggable .file_information p{display: flex;justify-content: space-between;flex-basis: 100%;padding: 5px 0} .nl-draggable .file_information p:first-child{border-bottom: 1px solid #c0c1c3} .nl-draggable .file_information i.fa-check{color: #00adb3;} .nl-draggable .file_information i.icon-close{color: #878788;} .nl-draggable{flex-basis: 25%;padding: 25px 25px 15px 25px;text-align: center;border: none;background-color: #ffffff;} .nl-draggable:nth-child(-n+4){border-top: none} .nl-draggable:nth-child(4n+1){border-left: none} .nl-draggable:nth-child(4n+4){border-right: none} .nl-draggable .preview_space{position: relative;width: 100%;height: 185px;display: flex;justify-content: center;align-items: center;background-color: #eef1f5;cursor: pointer;overflow: hidden;background-position: center;background-size: cover;background-repeat: no-repeat} .nl-draggable .preview_space > img{display: block} .nl-draggable .preview_space > svg{width: 30px;height: 30px;fill: #bbc7d6;display: block} .nl-draggable .preview_space .file_tools{justify-content: center;align-items: center;display: none;position: absolute;width: 100%;height: 100%;background-color: rgba(255,255,255,.8)} .nl-draggable .file_information{} .nl-draggable p{line-height: 1.2} .nl-draggable > p{margin: 10px 0} .nl-draggable .preview_space:hover .file_tools{display: flex} .nl-draggable .preview_space .file_tools .tooltip{position: absolute;width: 100%;max-width: 150px;text-align: center;font-size: 12px;border: 1px solid #5b5b5b;color: #5b5b5b;padding: 6px 5px;background-color: #fff;z-index: 10;top: 4px;height: 26px;left: 0;right: 0;margin: auto;display: none} .nl-draggable .preview_space .file_tools .tooltip.active{display: block} .nl-draggable .single_tool{width: 50px;height: 50px;border: 1px solid #00adb3;border-radius: 10px;margin-left: 15px;justify-content: center;align-items: center;display: flex;} .nl-draggable .single_tool svg{width: 25px;height: 30px;fill: #00adb3;} .nl-draggable .single_tool:hover{background-color: rgba(0,173,179,.2);} .popup_overlay .popup_wrapper .popup_body .popup_content .preview_popup_content{display: flex;justify-content: space-between;flex-wrap: wrap;max-height: 80vh} .popup_overlay .popup_wrapper .popup_body .popup_content .preview_popup_content .file_space{flex-basis: 62%;background-color: #f0f0f0;text-align: center} .popup_overlay .popup_wrapper .popup_body .popup_content .preview_popup_content .desc_space{flex-basis: 35%} .popup_overlay .popup_wrapper .popup_body .popup_content .preview_popup_content .desc_space h3{} .popup_overlay .popup_wrapper .popup_body .popup_content .preview_popup_content .desc_space p.file_info{color: #858586;font-size: 12px;margin: 10px 0 35px;text-align: left} .popup_overlay .popup_wrapper .popup_body .popup_content .preview_popup_content .desc_space .popup_tools{} .popup_overlay .popup_wrapper .popup_body .popup_content .preview_popup_content .desc_space .popup_tools a{display: block;color: #858586;margin: 10px 0} .popup_overlay .popup_wrapper .popup_body .popup_content .preview_popup_content .desc_space .popup_tools a:hover{text-decoration: underline} .popup_overlay .popup_wrapper .popup_body .popup_content .preview_popup_content .desc_space .popup_tools a svg{fill: #858586;height: 22px;width: 20px; display: inline-block;vertical-align: -5px;margin-right: 10px;} .popup_overlay .popup_wrapper .popup_body .popup_content .preview_popup_content .desc_space .popup_tooltip_remove{color: #858586;margin-top: 20px} .popup_overlay .popup_wrapper .popup_body .popup_content .preview_popup_content .desc_space .popup_tooltip_remove:hover{text-decoration: underline} .popup_overlay .popup_wrapper .popup_body .popup_content .preview_popup_content.scroll-box::-webkit-scrollbar {width: 2px;} .split_box .split_input_box .select2-container .select2-selection--single.invalid, .split_input_box .select2-container .select2-selection--single.invalid{border:1px solid #fe4848;background-color: #ffeded;} .select2-container--default .select2-search--dropdown .select2-search__field{border-width: 0 0 1px 0;border-color: #cdcdcd;padding: 8px 4px} .select2-dropdown{border-color: #eef1f5;} .select2-results{margin-top: 5px;} .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color: #0eb1b7} .select2-container--default .select2-results__option--highlighted{background-color: #0eb1b7;color: #fff} .xdsoft_datetimepicker{border-color: #eef1f5;padding: 8px; } .xdsoft_datetimepicker .xdsoft_datepicker{width: 240px;margin: 0} .xdsoft_datetimepicker .xdsoft_timepicker{width: 150px;margin: 0} .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next{display: none} .xdsoft_datetimepicker .xdsoft_month *{text-transform: uppercase} .xdsoft_datetimepicker .xdsoft_today_button{display: none} .xdsoft_datetimepicker .xdsoft_label{float: none; padding: 0 3px;font-size: 16px} .xdsoft_datetimepicker .xdsoft_monthpicker{margin-bottom: 8px; text-align: left;padding-left: 50px;} .xdsoft_datetimepicker .xdsoft_next{background-image: url(/a/img/calendar_arrow_right.png);width: 14px;height: 11px;background-position: center;background-repeat: no-repeat;display: block;position: absolute;left: 30px;top: 0; bottom: 0;margin: auto;} .xdsoft_datetimepicker .xdsoft_prev{background-image: url(/a/img/calendar_arrow_left.png);width: 14px;height: 11px;background-position: center;background-repeat: no-repeat;position: absolute;left: 0;display: block;top: 0; bottom: 0;margin: auto;} .xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th{border:none;text-align: center;background-color: #fff} .xdsoft_datetimepicker .xdsoft_calendar th{color: #798388;font-size: 18px} .xdsoft_datetimepicker .xdsoft_calendar td{color: #000;} .xdsoft_datetimepicker .xdsoft_calendar td>div {padding-right: 0;} .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{opacity: .1} .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled{opacity: .3} .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current{background: #fff;box-shadow: none} .xdsoft_datetimepicker .xdsoft_calendar td>div{ width: 23px;height: 23px;border-radius: 50%;margin: 0 auto;line-height: 23px;} .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current >div{border:1px solid #05afb4;color: #05afb4;background-color: #cceff0} .xdsoft_datetimepicker .xdsoft_calendar td:hover{background: #fff!important;color: #05afb4!important;} .xdsoft_datetimepicker .xdsoft_calendar td:hover > div{border:1px solid #05afb4;color: #05afb4;background-color: #cceff0} .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {color: #05afb4;} .xdsoft_datetimepicker .xdsoft_calendar{border-top: 1px solid #cdcdcd;} .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box{border: none;height: 155px} .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div{border-radius: 25px;background-color: #fff;border:1px solid #fff;color: #000;font-size: 14px;margin: 3px auto;width: 65px} .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{border:1px solid #05afb4;color: #05afb4;background-color: #cceff0;box-shadow: none} .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_scroller{border-radius: 15px;width: auto;background-color: #00adb3!important;} .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_time:hover{border:1px solid #05afb4;color: #05afb4!important;background-color: #cceff0!important;box-shadow: none} .xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker{margin-top: 0;border-left: 1px solid #cdcdcd;} .xdsoft_datetimepicker .xdsoft_timepicker .time_picker_time_label{ font-size: 16px;font-weight: 600;padding: 3px 0 11px;margin-top: 0px;border-bottom: 1px solid #cdcdcd;} .split_box .split_element_content .conversation_flex{display: flex;justify-content: space-between;flex-wrap: wrap} .split_box .split_element_content .conversation_flex .conversation_column{flex-basis: 48%;margin-bottom: 35px} .split_box .split_element_content .conversation_flex .conversation_column h4{margin-bottom: 25px;} .split_box .split_element_content .conversation_flex .conversation_column textarea{width: 100%;height: 180px;padding: 15px;background-color: #eef1f5;border: none;font-size: 18px;} .split_box .split_element_content .conversation_flex .conversation_column .team_flex{display: flex;justify-content: space-between;width: 100%;flex-wrap: wrap} .split_box .split_element_content .conversation_flex .conversation_column .team_flex .team_column{flex-basis: 49%} .split_box .split_element_content .conversation_flex .conversation_column .team_flex .team_column .column_label{margin-bottom: 15px} .split_box .split_element_content .conversation_flex .conversation_column .team_flex .team_column.w_100{flex-basis: 100%} .split_box .split_element_content .conversation_flex .conversation_column .check-box{margin: 12px 0} .split_box .split_element_content .conversation_flex .conversation_column .check-box label{padding-left: 35px;line-height: 21px;display: block;text-align: left} .split_box .split_element_content .conversation_flex .conversation_column .check-box [type="checkbox"]:not(:checked) + label:before, .split_box .split_element_content .conversation_flex .conversation_column .check-box [type="checkbox"]:checked + label:before{width: 17px;height: 17px;border: 1px solid #3cc0c5;border-radius: 6px} .split_box .split_element_content .conversation_flex .conversation_column .check-box [type="checkbox"]:not(:checked) + label:after, .split_box .split_element_content .conversation_flex .conversation_column .check-box [type="checkbox"]:checked + label:after{ top: 0px;left: 0px;width: 19px;height: 19px;background-color: #00adb3;border-radius: 6px;background-image: url(/a/img/small_check.png);background-position: center;background-repeat: no-repeat;} #file_upload .fileuploader{background-color: #fff!important;border: 2px dashed #d5dadf;background: #fff!important;padding: 0} #file_upload .fileuploader .fileuploader-input-inner{width: 100%} #file_upload .fileuploader .fileuploader-input-caption{font-size: 18px;color: #798388;text-align: center;display: block;margin: 15px auto;border: none;padding: 0} #file_upload .fileuploader .fileuploader-input-button{font-size: 18px;color: #00adb3;text-align: center;display: block;margin: 0 auto;border: none;padding: 0;background-color: transparent} #file_upload .fileuploader .fileuploader-input-button svg{fill: #00adb3;display: inline-block;width: 20px;height: 20px;margin-right: 10px;vertical-align: -4px;} #file_upload .fileuploader .fileuploader-input-button:hover{text-decoration: underline;background-color: transparent} #file_upload .fileuploader .fileuploader-item{padding: 10px 15px;background-color: #eef1f5} #file_upload .fileuploader .fileuploader-item .column-title div{font-size: 16px;font-weight: normal;color: #798388;line-height: 1.2;} #file_upload .fileuploader .fileuploader-item .column-title span{display: none} #file_upload .fileuploader .fileuploader-input-button:active{background-color: transparent;box-shadow: none} .fileuploader .fileuploader-items-list {margin: 15px 0px 0;padding-bottom: 15px} #file_upload .fileuploader .fileuploader-items-list {margin: 15px 0px 0;padding-bottom: 15px} #file_upload .fileuploader .fileuploader-item .fileuploader-item-icon{background-color: transparent!important;height: auto} #file_upload .fileuploader .fileuploader-item .fileuploader-item-image{background-color: transparent!important;height: auto} #file_upload .fileuploader .fileuploader-item .fileuploader-item-image svg{width: 20px;height: 20px;fill:#798388} #file_upload .fileuploader .fileuploader-item .fileuploader-item-icon svg{width: 20px;height: 20px;fill:#798388} #file_upload .fileuploader .fileuploader-item .column-title{padding-left: 40px;max-width: 900px} #file_upload .fileuploader .fileuploader-item .column-thumbnail .fileuploader-action-popup:hover{opacity: 0} #file_upload .fileuploader .fileuploader-action-remove{background-color: transparent;border: none;width: auto;height: auto;border-radius: 0} #file_upload .fileuploader .fileuploader-action-remove svg{width: 20px;height: 20px;fill: #798388} #file_upload .fileuploader .fileuploader-action-remove:hover {background: transparent;} #file_upload .fileuploader .fileuploader-action-remove:hover svg{opacity: .5} #file_upload .fileuploader .fileuploader-input-caption, .fileuploader-item .column-title div{white-space: normal} #file_upload .fileuploader-input{ border: 1px solid transparent;} #file_upload .fileuploader-theme-dragdrop .fileuploader-input{ border: 1px solid transparent;padding: 20px 0} #file_upload_att .fileuploader{background-color: #fff!important;border: 2px dashed #d5dadf;background: #fff!important;padding: 0} #file_upload_att .fileuploader .fileuploader-input-inner{width: 100%} #file_upload_att .fileuploader .fileuploader-input-caption{font-size: 18px;color: #798388;text-align: center;display: block;margin: 15px auto;border: none;padding: 0} #file_upload_att .fileuploader .fileuploader-input-button{font-size: 18px;color: #00adb3;text-align: center;display: block;margin: 0 auto;border: none;padding: 0;background-color: transparent} #file_upload_att .fileuploader .fileuploader-input-button svg{fill: #00adb3;display: inline-block;width: 20px;height: 20px;margin-right: 10px;vertical-align: -4px;} #file_upload_att .fileuploader .fileuploader-input-button:hover{text-decoration: underline;background-color: transparent} #file_upload_att .fileuploader .fileuploader-item{padding: 10px 15px;background-color: #eef1f5} #file_upload_att .fileuploader .fileuploader-item .column-title div{font-size: 16px;font-weight: normal;color: #798388;line-height: 1.2;} #file_upload_att .fileuploader .fileuploader-item .column-title span{display: none} #file_upload_att .fileuploader .fileuploader-input-button:active{background-color: transparent;box-shadow: none} #file_upload_att .fileuploader .fileuploader-items-list {margin: 15px -15px 0;} #file_upload_att .fileuploader .fileuploader-item .fileuploader-item-icon{background-color: transparent!important;height: auto} #file_upload_att .fileuploader .fileuploader-item .fileuploader-item-image{background-color: transparent!important;height: auto} #file_upload_att .fileuploader .fileuploader-item .fileuploader-item-image svg{width: 20px;height: 20px;fill:#798388} #file_upload_att .fileuploader .fileuploader-item .fileuploader-item-icon svg{width: 20px;height: 20px;fill:#798388} #file_upload_att .fileuploader .fileuploader-item .column-title{padding-left: 40px} #file_upload_att .fileuploader .fileuploader-item .column-thumbnail .fileuploader-action-popup:hover{opacity: 0} #file_upload_att .fileuploader .fileuploader-action-remove{background-color: transparent;border: none;width: auto;height: auto;border-radius: 0} #file_upload_att .fileuploader .fileuploader-action-remove svg{width: 20px;height: 20px;fill: #798388} #file_upload_att .fileuploader .fileuploader-action-remove:hover {background: transparent;} #file_upload_att .fileuploader .fileuploader-action-remove:hover svg{opacity: .5} #file_upload_att .fileuploader .fileuploader-input-caption, .fileuploader-item .column-title div{white-space: normal} #file_upload_att .fileuploader-input{ border: 1px solid transparent;} #file_upload_att .fileuploader-theme-dragdrop .fileuploader-input{ border: 1px solid transparent;padding: 20px 0} .split_content .split_box{position: relative} .split_box .hidden_place{display: none; width: 100%;height: auto;top: auto;background-color: #fff;left: 0;bottom: 0; padding: 25px 0px;} .split_box .hidden_place.active{display: block;} .split_box .hidden_place .split_box_button_space{margin-bottom: 0;margin-top: 10px} .split_box .hidden_place .form_flex{display: flex;justify-content: space-evenly;flex-wrap: wrap;margin: 35px 0 15px} .split_box .form_flex .file_box{position: relative} .split_box .form_flex .file_box:after{} .split_box .form_flex .file_box .fake_file_input{border: none;height: 45px;width: 100%;padding: 5px 40px 5px 10px;font-size: 16px;border-radius: 6px;background-color: #eef1f5;cursor: pointer;color: #00adb3;padding-left: 50px;background-image: url(/a/imgs/cms/file_input.png);background-position: 15px center;background-repeat: no-repeat;display: flex;align-items: center;flex-wrap: wrap} .split_box .form_flex .file_box .fake_file_input p{color: #00adb3} .split_box .form_flex .file_box input[type="file"]{opacity: 0;transform: scale(0); position: absolute;left: -199999px;} .split_box.system_preferences .button-wrap .add.add_next_elements{padding: 0;margin: 0 13px 0px 0;width: 46px;height: 46px;border-radius: 10px;display: flex;align-items: center;justify-content: center;background: linear-gradient(270deg, #9ae1c3 7%, #15b4b5 59%);border: 1px solid #00adb3;} .split_box.system_preferences .button-wrap .add.add_next_elements:hover{background: linear-gradient(270deg, #9ae1c3 7%, #008787 59%);} .split_box.system_preferences .button-wrap .add.add_next_elements svg{width: 20px;height: 20px;fill:#fff} .att_parent.form_flex{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 35px 0 15px;} .form.error p{color: #fff;} .form.success p{color: #fff;} .form.success h4{color: #fff;} .form.error h4{color: #fff;} .split_box .conversation_tree{padding: 45px 0 10px;border-top: 2px solid #000;width: 100%} .split_box .conversation_tree .single_message{display: flex;flex-wrap: wrap;margin-bottom: 50px;width: 100%} .split_box .conversation_tree .single_message.worker_message{justify-content: flex-start} .split_box .conversation_tree .single_message.client_message{justify-content: flex-end} .split_box .conversation_tree .single_message .message_avatar{flex-basis: 100px;order: 1} .split_box .conversation_tree .single_message.client_message .message_avatar{order: 2;display: flex;align-items: self-start;justify-content: flex-end;} .split_box .conversation_tree .single_message .message_avatar img{display: block;} .split_box .conversation_tree .single_message .message_body{flex-basis: calc(100% - 105px);max-width: 600px;order: 2} .split_box .conversation_tree .single_message.client_message .message_body{order: 1} .split_box .conversation_tree .single_message .message_body .message_text{border-radius: 8px;background-color: #eef1f5;padding: 15px;border:2px solid #eef1f5} .split_box .conversation_tree .single_message.client_message .message_body .message_text{background-color: #fff;border:2px solid #eef1f5} .split_box .conversation_tree .single_message .message_body .message_text .message_author{margin: 5px 0 20px} .split_box .conversation_tree .single_message .message_body .message_text .message_content{line-height: 1.1} .split_box .conversation_tree .single_message .message_body .message_text .message_info{font-size: 12px;text-align: right;margin-top: 15px;color: #858586} .split_box .conversation_tree .single_message .message_body .message_tools{display: flex;align-items: center;flex-wrap: wrap;margin-top: 10px} .split_box .conversation_tree .single_message .message_body .message_tools .single_message_tool{margin-right: 10px;display: block;color: #858586} .split_box .conversation_tree .single_message .message_body .message_tools .single_message_tool svg{width: 20px;height: 20px;fill:#969697;display: inline-block;vertical-align: -4px} .split_box .conversation_tree .single_message .message_body .message_tools .single_message_tool:hover{text-decoration: underline} .split_box .conversation_tree .single_message .message_body .message_text .message_content .single_att{display: flex;justify-content: space-between;align-items: center;padding: 5px 5px;border-bottom: 1px solid #707070;min-height: 50px;cursor: pointer} .split_box .conversation_tree .single_message .message_body .message_text .message_content .single_att:hover{background-color: #e5f7f7} .split_box .conversation_tree .single_message .message_body .message_text .message_content .single_att .att_name{flex-basis: calc(100% - 95px)} .split_box .conversation_tree .single_message .message_body .message_text .message_content .single_att .att_tools{flex-basis: 90px;display: none;justify-content: flex-end;align-items: center} .split_box .conversation_tree .single_message .message_body .message_text .message_content .single_att:hover .att_tools{display: flex} .split_box .conversation_tree .single_message .message_body .message_text .message_content .single_att .att_tools .single_att_tool{position: relative} .split_box .conversation_tree .single_message .message_body .message_text .message_content .single_att .att_tools .single_att_tool .tool_tooltip{display: none;background-color: #fff;text-align: center;position: absolute;color: #000;font-size: 12px;padding: 5px;top: -30px;border: 1px solid #000;right: 0;} .split_box .conversation_tree .single_message .message_body .message_text .message_content .single_att .att_tools .single_att_tool:hover .tool_tooltip{display: block} .split_box .conversation_tree .single_message .message_body .message_text .message_content .single_att .att_tools .single_att_tool svg{width: 20px;height: 20px;fill:#969697;margin-left: 10px} .split_box .conversation_tree .single_message .message_body .message_text .message_content .single_att .att_name{display: flex;align-items: center} .split_box .conversation_tree .single_message .message_body .message_text .message_content .single_att .att_name svg{fill: #45c3c8;width: 20px;height: 20px;margin-right: 10px} #addForm .fileuploader-theme-dragdrop .fileuploader-input{height: auto} .todo_content{} .todo_content .new_todo{max-width: 600px} .todo_content .new_todo .todo_input{position: relative;padding-bottom: 20px} .todo_content .new_todo .todo_input label{display: block;margin-bottom: 15px} .todo_content .new_todo .todo_input input{display: block;border: none;height: 45px;width: 100%;padding: 5px 10px 5px 10px;font-size: 16px;color: #000;background-color: #eef1f5;border-radius: 8px;} .todo_content .new_todo .todo_input .input-error{bottom: 5px} .todo_content .new_todo .todo_elements{} .todo_content .new_todo .todo_elements .existing_todos_style{margin-top: 15px} .todo_content .new_todo .todo_elements .existing_todos_style .draft_todo_element{display: flex;width: 100%;justify-content: space-between;align-items: center;background-color: #eef1f5;border-radius: 8px;padding: 15px 15px;margin-bottom: 10px;cursor: pointer;flex-wrap: wrap} .todo_content .new_todo .todo_elements .existing_todos_style .draft_todo_element:hover{background-color: #e5f7f7;} .todo_content .new_todo .todo_elements .existing_todos_style .draft_todo_element .fake_check{width: 21px;height: 21px;border: 2px solid #3cc0c5;border-radius: 4px;background-color: #fff} .todo_content .new_todo .todo_elements .existing_todos_style .draft_todo_element .draft_todo_name{flex-basis: calc(100% - 115px);text-align: left} .todo_content .new_todo .todo_elements .existing_todos_style .draft_todo_element .edit_todo_name_input{width: calc(100% - 115px);text-align: left;display: none;padding: 5px 10px;height: auto;z-index: 5;background-color: #fff;position: absolute;top: 12px;} .todo_content .new_todo .todo_elements .existing_todos_style .draft_todo_element.editable{} .todo_content .new_todo .todo_elements .existing_todos_style .draft_todo_element.editable .draft_todo_name{opacity: 0} .todo_content .new_todo .todo_elements .existing_todos_style .draft_todo_element.editable .edit_todo_name_input{display: block} .todo_content .new_todo .todo_elements .existing_todos_style .draft_todo_element .draft_todo_tools{display: flex;justify-content: flex-end;align-items: center;flex-basis: 60px} .todo_content .new_todo .todo_elements .existing_todos_style .draft_todo_element .draft_todo_tools span{display: none;margin-left: 5px;position: relative} .todo_content .new_todo .todo_elements .existing_todos_style .draft_todo_element:hover .draft_todo_tools span{display: block;} .todo_content .new_todo .todo_elements .existing_todos_style .draft_todo_element .draft_todo_tools span svg{width: 19px;height: 19px;fill:#929596} .todo_content .new_todo .todo_elements .existing_todos_style .draft_todo_element .draft_todo_tools span .tool_tooltip{display: none;background-color: #fff;text-align: center;position: absolute;color: #000;font-size: 12px;padding: 5px;top: -30px;border: 1px solid #000;right: 0;} .todo_content .new_todo .todo_elements .existing_todos_style .draft_todo_element .draft_todo_tools span:hover .tool_tooltip{display: block} .todo_content .new_todo .todo_elements .existing_todos_style .draft_todo_element .todo_att{margin-top: 10px} .todo_content .new_todo .todo_elements .existing_todos_style .draft_todo_element .todo_att a{display: flex;color: #000;align-items: center;margin: 5px 0;} .todo_content .new_todo .todo_elements .existing_todos_style .draft_todo_element .todo_att a:hover{text-decoration: underline} .todo_content .new_todo .todo_elements .existing_todos_style .draft_todo_element .todo_att a svg{width: 22px;height: 22px;fill: #909092;margin-left: 5px;display: block} .todo_content .new_todo .todo_elements .existing_todos_style .draft_todo_element .todo_att a span{display: inline-block;line-height: 1.2;} .todo_content .new_todo .todo_elements .existing_todos_style .draft_todo_element .todo_att a span.todo_title{ white-space: nowrap;text-overflow: ellipsis;max-width: 400px;overflow: hidden;} .todo_content .new_todo .todo_elements .new_todo_element_input{display: flex;align-items: center;justify-content: space-between;position: relative} .todo_content .new_todo .todo_elements .new_todo_element_input .input_error{bottom: -15px} .todo_content .new_todo .todo_elements .new_todo_element_input .fake_check{width: 21px;height: 21px;border: 2px solid #3cc0c5;border-radius: 4px;background-color: #fff} .todo_content .new_todo .todo_elements .new_todo_element_input .input_space{background-color: #eef1f5;border-radius: 8px;flex-basis: calc(100% - 40px);display: flex;align-items: center;justify-content: space-between;position: relative;flex-wrap: wrap} .todo_content .new_todo .todo_elements .new_todo_element_input .input_space .new_todo_text{border: none;background-color: transparent;height: 45px;width: 100%;padding: 5px 10px 5px 10px;font-size: 16px;color: #000;flex-basis: calc(100% - 50px)} .todo_content .new_todo .todo_elements .new_todo_element_input .input_space .todo_att_space{flex-basis: auto;display: flex;justify-content: center;align-items: center;cursor: pointer} .todo_content .new_todo .todo_elements .new_todo_element_input .input_space .todo_att_space .fileuploader-input_todo{position: absolute;right: 10px;top: 12px;bottom: auto;margin: auto;height: 22px} .todo_content .new_todo .todo_elements .new_todo_element_input .input_space .todo_att_space .fileuploader-input_todo svg{width: 22px;height: 22px;fill: #909092} .todo_content .new_todo .todo_elements .new_todo_element_input .input_space .todo_att_space .fileuploader{border: none;background-color: transparent!important;padding: 0;height: auto;width: auto;margin: 0} .todo_content .new_todo .todo_elements .new_todo_element_input .input_space .todo_att_space #file_upload .fileuploader .fileuploader-items{margin: 0;} .todo_content .new_todo .todo_elements .new_todo_element_input .input_space .todo_att_space #file_upload_att .fileuploader .fileuploader-items{margin: 0;} .split_box .split_input_box .todo_content .select2-container--default .select2-selection--single{border-radius: 8px;} .todo_content .new_todo .todo_elements .new_todo_element_input .input_space .todo_att_space #file_upload .fileuploader .fileuploader-item .column-title {padding-left: 0px;padding-right: 50px;} .todo_content .new_todo .todo_elements .new_todo_element_input .input_space .todo_att_space #file_upload_att .fileuploader .fileuploader-item .column-title {padding-left: 0px;padding-right: 50px;} .todo_content .new_todo .todo_elements .new_todo_element_input .input_space .todo_att_space #file_upload .fileuploader .fileuploader-item .column-title div {font-size: 14px; text-overflow: ellipsis;white-space: nowrap;max-width: 250px;} .todo_content .new_todo .todo_elements .new_todo_element_input .input_space .todo_att_space #file_upload_att .fileuploader .fileuploader-item .column-title div {font-size: 14px; text-overflow: ellipsis;white-space: nowrap;max-width: 250px;} .todo_content .new_todo .todo_elements .new_todo_element_input .input_space .todo_att_space .fileuploader-item:last-child {margin: 0;} .todo_content .new_todo .todo_elements .new_todo_element_input .input_space .todo_att_space #file_upload .fileuploader .fileuploader-items-list {margin: 0;} .todo_content .new_todo .todo_elements .new_todo_element_input .input_space .todo_att_space #file_upload_att .fileuploader .fileuploader-items-list {margin: 0;} .todo_content .new_todo .todo_elements .new_todo_element_input .input_space .todo_att_space #file_upload .fileuploader .fileuploader-item {padding: 5px;border: none;display: inline-block;} .todo_content .new_todo .todo_elements .new_todo_element_input .input_space .todo_att_space #file_upload_att .fileuploader .fileuploader-item {padding: 5px;border: none;display: inline-block;} .todo_content .new_todo .task_conversation_btn_space{display: flex;justify-content: flex-end;margin-top: 25px;} .todo_content .new_todo .todo_elements .new_todo_element_input .input_space.invalid{border: 1px solid #fe4848;background-color: #ffeded;} #content .listing_variant table tr{position: relative;border-bottom: 1px solid #000;} #content .listing_variant table tr:hover td.option_td{width: auto;position: absolute;right: 0;height:calc(100% - 4px);display: flex!important;align-items: center;padding-right: 10px;z-index: 2;top: 2px;border:none} .split_box .split_input_box #zl_deadline{background-image: url(/a/img/svg/Calendar.svg);background-position: 97% center;background-repeat: no-repeat;background-size: 20px;} #content .listing_variant .tile_parent .single_tile .tile_top_flex .tile_name{padding-right: 7px;flex-basis: calc(100% - 125px);} .todo_content .new_todo .todo_elements .existing_todos_style .draft_todo_element{position: relative;} .todo_content .new_todo .todo_elements .existing_todos_style .draft_todo_element .check-box label{height: 51px;top: 0;width: calc(100% - 100px);position: absolute;left: auto;} .todo_content .new_todo .todo_elements .existing_todos_style .draft_todo_element .check-box{width: 21px;height: 21px;position: unset;} .todo_content .new_todo .todo_elements .existing_todos_style .draft_todo_element .check-box [type="checkbox"]:not(:checked) + label:before,.todo_content .new_todo .todo_elements .existing_todos_style .draft_todo_element .check-box [type="checkbox"]:checked + label:before {content: '';position: absolute;left: 0;top: 0px;bottom:0;margin:auto;width: 21px;height: 21px;border: 1px solid #00adb3;background: #eef1f6;border-radius: 4px;} .todo_content .new_todo .todo_elements .existing_todos_style .draft_todo_element .check-box [type="checkbox"]:not(:checked) + label:after, .todo_content .new_todo .todo_elements .existing_todos_style .draft_todo_element .check-box [type="checkbox"]:checked + label:after {content: '';position: absolute;top: 0px;left: 0px;bottom:0;margin:auto;width: 24px;height: 24px;background-color: #00adb3;border-radius: 4px;background-image: url(/a/imgs/cms/task_check.png);background-position: center;background-repeat: no-repeat;} .todo_content .new_todo .todo_elements .existing_todos_style .draft_todo_element .todo_att a{position: relative;z-index: 2;} .todo_content .new_todo .todo_elements .existing_todos_style .draft_todo_element.done{} .todo_content .new_todo .todo_elements .existing_todos_style .draft_todo_element.done .draft_todo_name{color: #aaadae;text-decoration: line-through;} .split_box .split_input_box .single_list_in_task{display: flex;flex-wrap: wrap;margin-bottom: 50px;width: 100%;justify-content: flex-start;} .split_box .split_input_box .single_list_in_task .todo_avatar{flex-basis: 100px;order: 1;} .split_box .split_input_box .single_list_in_task .todo_avatar img{display: block;} .split_box .split_input_box .single_list_in_task .todo_content{flex-basis: calc(100% - 105px);order: 2;} .split_box .split_input_box .single_list_in_task .todo_content .toto_author{} .split_box .split_input_box .single_list_in_task .todo_content .todo_name{margin: 20px 0;} .split_box .split_input_box .single_list_in_task .todo_content .todo_assign{margin: 20px 0;} .split_box .split_input_box .single_list_in_task .todo_content .list_info_and_tools{display: flex;margin-top: 15px;justify-content: space-between;flex-wrap: wrap;align-items: center;} .split_box .split_input_box .single_list_in_task .todo_content .list_info_and_tools .left_box{flex-basis: 50%;text-align: left;display: flex;} .split_box .split_input_box .single_list_in_task .todo_content .list_info_and_tools .left_box .list_tool{color: #858586;font-size: 14px;display: flex;margin-right: 10px;cursor: pointer;align-items: center;} .split_box .split_input_box .single_list_in_task .todo_content .list_info_and_tools .left_box .list_tool:hover{text-decoration: underline;} .split_box .split_input_box .single_list_in_task .todo_content .list_info_and_tools .left_box .list_tool svg{width: 19px;height: 19px;fill: #929596;display: inline-block;margin-right: 5px;} .split_box .split_input_box .single_list_in_task .todo_content .list_info_and_tools .right_box{text-align: right;flex-basis: 50%;} .split_box .split_input_box .single_list_in_task .todo_content .list_info_and_tools .right_box .list_date{color: #858586;font-size: 12px;font-weight: bold;} .notes form {background: #fff;padding: 0;} .widgets_grid {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 5px; width: 100%;} .widgets_grid .grid_column{display: flex;flex-wrap: wrap;justify-content: space-between;height: auto;min-height: 820px;} .widgets_grid .grid_column .sub_grid{display: flex;flex-wrap: wrap;justify-content: space-between;} .widgets_grid .grid_column .sub_grid.w_100{flex-basis: 100%;} .widgets_grid .grid_column .sub_grid.w_50{flex-basis: 49.5%;max-width: 50%;} .widgets_grid .grid_column.column_40{flex-basis: calc(35% - 5px);} .widgets_grid .grid_column.column_35{flex-basis: 40%;} .widgets_grid .grid_column.column_25{flex-basis: calc(25% - 7px);} .widgets_grid .grid_column .sub_grid .single_widget{width: 100%;} .widgets_grid .grid_column{overflow: hidden;} .single_widget .widget_box{box-shadow: 0px 1px 4px 0px rgb(11 11 12 / 10%);} .single_widget .widget_box .widget_head {display: flex;align-items: center;height: 75px;padding: 5px 16px;background-color: #FAFAFA;box-shadow: inset 0px 1px 4px 0px rgb(11 11 12 / 10%);} .single_widget .widget_box .widget_head p{} .single_widget .widget_box .widget_content .widget_task_list{max-height: 380px;} .single_widget .widget_box .widget_content .widget_task_list.scroll-box::-webkit-scrollbar {width: 2px;} .single_widget .widget_box .widget_content .widget_task_list.scroll-box::-webkit-scrollbar-thumb {background: rgba(0,173,179,0.8);} .single_widget .widget_box .widget_content {position: relative;} .single_widget .widget_box .widget_content .ask_link{position: absolute;right: 36px;top: auto;bottom: -33px;height: 16px;display: block;margin: auto;} .single_widget .widget_box .widget_content .ask_link:hover{text-decoration: underline} .single_widget .widget_box .widget_content .ask_link svg{ width: 21px;height: 17px;fill: #13b4b5;display: inline-block;vertical-align: middle;} .single_widget .widget_box .notes{padding: 15px 20px;} .single_widget .widget_box .notes .mce-panel{border:none;background-color: transparent;} .mce-content-body {background-color: transparent!important;} .single_widget .widget_box .notes *{background-color: transparent!important;} .single_widget .widget_box .notes iframe{min-height: 200px!important;} .single_widget .widget_box .workers_listing.scroll-box::-webkit-scrollbar {width: 2px;} .single_widget .widget_box .workers_listing.scroll-box::-webkit-scrollbar-thumb {background: rgba(0,173,179,0.8);} .single_widget .widget_box .widget_content .single_widget_task{display: flex;align-items: center;padding: 10px;background-color: #fff;border-bottom: 1px solid #7a8388;cursor: pointer;} .single_widget .widget_box .widget_content .single_widget_task .task_status{flex-basis: 50px} .single_widget .widget_box .widget_content .single_widget_task .task_status .status_icon{display: none;justify-content: center;align-items: center;width: 35px;height: 35px;border-radius: 50%;background-color: #edf0f5} .single_widget .widget_box .widget_content .single_widget_task .task_status .status_icon.pause_icon{background-color: #00adb3} .single_widget .widget_box .widget_content .single_widget_task .task_status .status_icon svg{width: 18px;height: 18px;fill:#6f6f6f;} .single_widget .widget_box .widget_content .single_widget_task .task_status .status_icon.active_icon{display: flex;} .single_widget .widget_box .widget_content .single_widget_task .task_info{flex-basis: calc(100% - 180px);} .single_widget .widget_box .widget_content .single_widget_task .task_info span{color: #aaadae; font-size: 12px;} .single_widget .widget_box .widget_content .single_widget_task .task_name{color: #000;margin-top: 5px; font-size: 14px;} .single_widget .widget_box .widget_content .single_widget_task .task_priority{display: flex;justify-content: space-between;flex-basis: 120px;align-items: center;} .single_widget .widget_box .widget_content .single_widget_task .task_priority svg{width: 17px;height: 17px;fill: #6f797e} .single_widget .widget_box .widget_content .single_widget_task .task_priority svg.filled{fill: #6f797e;} .single_widget .widget_box .widget_content .single_widget_task.active_task .task_priority svg{fill: #00adb3;} .single_widget .widget_box .widget_content .single_widget_task.active_task .task_priority svg.filled{fill: #00adb3;} .single_widget .widget_box .widget_content .single_widget_task .task_status .status_icon.open_status{background-color: #00adb3;} .single_widget .widget_box .widget_content .single_widget_task .task_status .status_icon.open_status svg{fill: #fff;} .single_widget .widget_box .widget_content .single_widget_task:hover{} .single_widget .widget_box .add_btn{width: 90px;height: 90px;background-color: #eef1f6;border-radius: 50%;display: flex;justify-content: center;align-items: center; position: relative;left: 0;right: 0;margin: auto;top: 30px;bottom: auto;} .single_widget .widget_box .add_btn svg{width: 45px;height: 45px;;fill:#6f6f6f;} .single_widget .widget_box:hover .add_btn{background-color: #00adb3;} .single_widget .widget_box:hover .add_btn svg{fill:#fff;} .single_widget .widget_box.p_relative{position: relative;} .single_widget .widget_box{display: block;} .single_widget .widget_box .widget_content .calc{background-color: #fff;padding: 5px;} .single_widget .widget_box .widget_content .last_input{position: absolute;z-index: -1;opacity: 0;font-size: 0;left: -999px;} .single_widget .widget_box .widget_content .calc .result{margin-top: 26px;margin-bottom: 28px;font-size: 46px;text-align: right;padding: 10px 10px 2px 10px;background-color: #fff;border:1px solid #d5d9da;font-weight: bold;color: #d5d9da;overflow: hidden} .single_widget .widget_box .widget_content .calc .numbers{display: flex;justify-content: space-between;flex-wrap: wrap;} .single_widget .widget_box .widget_content .calc .numbers .calc_cell{flex-basis: calc(25% - 3px);height: 58px;margin-bottom: 3px;background-color: #eef1f5;text-align: center;display: flex;justify-content: center;align-items: center;cursor: pointer;font-size: 16px;color: #798388} .single_widget .widget_box .widget_content .calc .numbers .calc_cell.calc_tool{color: #000;background-color: #d6eaee} .single_widget .widget_box .widget_content .calc .numbers .calc_cell.double_cell{flex-basis: calc(50% - 2px)} .single_widget .widget_box .widget_content .calc .numbers .calc_cell:hover{opacity: .6} .contrast_color_1{background-color: #fff} .single_widget .widget_box .widget_content .clockW{min-height: 230px;display: flex;align-items: center;justify-content: space-between;padding:15px;font-weight: 600; flex-wrap: wrap;justify-content: center;} .single_widget .widget_box .widget_content .clockW .clock_inside{font-size: 50px;color: #999a9e; flex-basis: 100%;text-align: center;order: 2;} .single_widget .widget_box .notes .mce-panel.mce-statusbar{display: none} .single_widget .widget_box .widget_content .clockW .analog_clock{position: relative;margin: 0 auto;width: 70px;height: 70px;border: 2px solid #999a9e;border-radius: 50%;} .single_widget .widget_box .widget_content .clockW .analog_clock .analog_clock_hand{ width: calc(50% - 10px);background-color: black;position: absolute;top: 0;bottom:0;margin:auto;left: 8px;transform: rotate(90deg);transform-origin: 100%;transition: all 0.05s;} .single_widget .widget_box .widget_content .clockW .analog_clock .analog_clock_hand_hour{width: 20px;background-color: #eedf0d;height: 1px;left: 12px;} .single_widget .widget_box .widget_content .clockW .analog_clock .analog_clock_hand_minute{width: 25px;background-color: #eedf0d;height: 1px;left: 6px;} .single_widget .widget_box .widget_content .clockW .analog_clock .analog_clock_hand_second{background-color: #eedf0d;height: 1px;left: 5px;width: 26px} .single_widget .widget_box .widget_text{position: relative;text-align: center;display: flex;align-items: center;justify-content: center} .single_widget .widget_box .widget_text svg{width: 25px;height: 25px;display: block;margin-right: 10px;fill:#8b8c8e;margin-top: -3px;} .single_widget .widget_box .widget_img_box{margin: 20px auto;border-radius: 10px;width: 230px;border:2px solid #49c4cb;overflow: hidden} .single_widget .widget_box .widget_img_box img{display: block; margin: 0 auto;} .single_widget .widget_box .widget_content .offert_box{padding:30px 0 15px} .single_widget .widget_box .widget_content .offert_box:hover .widget_img_box{opacity: .5} .single_widget .widget_box .my_plan_widget{position: relative;padding:15px 75px 15px 15px;min-height: 110px;display: flex;align-items: center;} .single_widget .widget_box .my_plan_widget > img{position: absolute;right: 20px;top: 0;bottom: 0;margin: auto} .single_widget .widget_box .my_plan_widget .my_time{} .single_widget .widget_box .my_plan_widget .my_time .time_space{width: 100%;color: #999a9e} .single_widget .widget_box .my_plan_widget .my_time .unit_space{ display: flex;justify-content: space-between;width: 100%;} .single_widget .widget_box .my_plan_widget .my_time .unit{color: #999a9e} .single_widget .widget_box .widget_amount{ padding: 40px 0 0;} .single_widget .widget_box .widget_amount .amount_flex{display: flex;justify-content: space-between;flex-wrap: wrap} .single_widget .widget_box .widget_amount .amount_flex .single_amount{flex-basis: 50%;display: flex;flex-direction: column;align-items: center; margin: 5px 0;} .single_widget .widget_box .widget_amount .amount_flex .single_amount .circle_box{width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;border-radius: 50%;background-color: #eef1f6} .single_widget .widget_box .widget_amount .amount_flex .single_amount.even_element .circle_box{background-color: #d7eaee} .single_widget .widget_box .widget_amount .amount_flex .single_amount .circle_box span{font-size: 20px;color: #9a9b9f} .single_widget .widget_box .widget_amount .amount_flex .single_amount .icon_box{margin-top: 6px;} .single_widget .widget_box .widget_amount .amount_flex .single_amount .icon_box svg{display: block;margin: 0 auto;width: 22px;height: 22px;fill:#6d6e70} .single_widget .widget_box .widget_amount .amount_flex .single_amount .icon_box p{text-align: center;margin-top: 3px} .select2-container--default .select2-selection--single .select2-selection__rendered{text-align: left;} .single_widget .widget_box .workers_select_box select{opacity: 0;position: absolute;left: -999px} .single_widget .widget_box .workers_select_box .select2-container{width: 100%!important;max-width: 525px;} .single_widget .widget_box .workers_select_box .select2-container--default .select2-selection--single .select2-selection__rendered{font-size: 14px;color: #aaadae;line-height: 14px;} .single_widget .widget_box .workers_select_box .select2-container--default .select2-selection--single{height: auto;padding: 10px 10px 10px 10px;position: relative;border: 1px solid #00adb3;background-color: #e5f7f7} .single_widget .widget_box .workers_select_box .select2-container--default .select2-selection--single:before{content: '';position: absolute;background-image: url(/a/img/lupa.png);display: block;width: 16px;height: 15px;left: auto;top: 0;right: 10px;bottom: 0;margin: auto;background-position: center;} .single_widget .widget_box .workers_select_box .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color: #c2c2c2 transparent transparent transparent} .single_widget .widget_box .workers_select_box .select2-container--default .select2-selection--single .select2-selection__arrow {height: 26px;position: absolute;top: 0;right: 0;width: 80px;bottom: 0;margin: auto;display: none} .single_widget .widget_box .workers_select_box .select2-container--default .select2-selection--single .select2-selection__placeholder{color: #000;} .single_widget .widget_box .workers_select_box .select2-container--default .select2-selection--single .select2-selection__clear{display: none;} .single_widget .widget_box .workers_select_box .select2-container .select2-selection--single .select2-selection__rendered{padding-left: 0;} .single_widget .widget_box .workers_select_box{padding: 20px 30px 10px 30px} .single_widget .widget_box .workers_table{display: flex;flex-direction: column;} .single_widget .widget_box .workers_table .table_head_box{display: flex;justify-content: space-between;align-items: center;} .single_widget .widget_box .workers_table .table_head_box .table_head{flex-basis: 60%;border-bottom: 1px solid #eef1f5;padding: 10px 0;} .single_widget .widget_box .workers_table .table_head_box .table_head.textC{flex-basis: 40%} .single_widget .widget_box .workers_table .table_body_box{display: flex;justify-content: space-between;} .single_widget .widget_box .workers_table .table_body_box .table_body{flex-basis: 60%;border-bottom: 1px solid #eef1f5;padding: 15px 0;} .single_widget .widget_box .workers_table .table_body_box .table_body.record_img{flex-basis: 40%;text-align: center;display: flex;align-items: center;justify-content: center;} .single_widget .widget_box .workers_table .table_body_box .table_body.table_task{padding-left: 30px;position: relative;line-height: 1.2;display: flex;align-items: center;padding-right: 10px;} .single_widget .widget_box .workers_table .table_body_box .table_body.table_task .table_body_status{position: absolute;display: block;left: 0;top: 0;bottom: 0;margin: auto;height: 22px;} .single_widget .widget_box .workers_table .table_body_box .table_body.table_task .table_body_status img{display: block;} .single_widget .widget_box .workers_table .table_body_box .table_body.table_task.empty_body{color: #aaadae;} .single_widget .widget_box .calendar_widget .xdsoft_datetimepicker{width: 100%;padding: 0;} .single_widget .widget_box .calendar_widget .xdsoft_datetimepicker .xdsoft_datepicker.active{width: 100%;} .single_widget .widget_box .calendar_widget .xdsoft_datetimepicker .xdsoft_calendar {max-width: 100%;min-height: 170px; margin: 0 auto; padding: 32px 8px 8px; border: none;} .single_widget .widget_box .calendar_widget .xdsoft_datetimepicker .xdsoft_monthpicker{padding: 26px 10px 27px 50px;margin-bottom: 0;background-color: #fafafa;box-shadow: inset 0 1px 4px 0 rgb(11 11 12 / 10%);} .single_widget .widget_box .calendar_widget .xdsoft_datetimepicker .xdsoft_next{left: 30px;} .single_widget .widget_box .calendar_widget .xdsoft_datetimepicker .xdsoft_prev{left: 10px;} .single_widget .widget_box .calendar_widget .xdsoft_datetimepicker .xdsoft_label{background-color: #fafafa;top: 1px;} .single_widget .widget_box .calendar_widget .xdsoft_datetimepicker .xdsoft_calendar td:not(.xdsoft_today){background: inherit!important;color: inherit!important;font-weight: normal; height: 25px;font-size: 14px;border: 1px solid transparent;cursor: default} .single_widget .widget_box .calendar_widget .xdsoft_datetimepicker .xdsoft_calendar td:not(.xdsoft_today) div{background-color: inherit!important;color: inherit;border: inherit;cursor: default} .single_widget .widget_box .calendar_widget .xdsoft_datetimepicker .xdsoft_calendar td{font-size: 14px;height: 25px;cursor: default} .single_widget .widget_box .calendar_widget .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today div{border: 1px solid #05afb4;color: #05afb4!important;background-color: #cceff0;} .single_widget .widget_box .calendar_widget .xdsoft_datetimepicker{border:none} .single_widget .widget_box .small_widget{min-height: 197px} .single_widget .widget_box .small_widget .single_record{position: relative;padding-left: 65px;display: flex;align-items: flex-start;height: 65px;flex-wrap: wrap;flex-direction: column;justify-content: center;border-bottom: 1px solid #eef1f5} .single_widget .widget_box .small_widget .single_record p{line-height: 1.2;} .single_widget .widget_box .small_widget .single_record img{position: absolute;left: 15px;top: 0;bottom: 0;margin: auto} .single_widget .widget_box .small_widget{position: relative} .single_widget .widget_box .small_widget .radio_toggle_widget {padding: 10px 0 20px;text-align: center; white-space: nowrap;} .single_widget .widget_box .small_widget .radio_toggle_widget .main-label {display: inline-block;vertical-align: middle;text-align: center;cursor: pointer;} .single_widget .widget_box .small_widget .radio_toggle_widget .main-label.first_label{text-align: right;} .single_widget .widget_box .small_widget .radio_toggle_widget .main-label.second_label{text-align: left;} .single_widget .widget_box .small_widget .radio_toggle_widget .main-label.c_color_label{color: #00adb3;} .single_widget .widget_box .small_widget .radio_toggle_widget .switch { width: 65px;height: 30px;display: inline-block;margin: 0 10px;text-align: center;vertical-align: middle;position: relative;cursor: pointer;} .single_widget .widget_box .small_widget .radio_toggle_widget input {position: absolute;left: -999999px;opacity: 0;display: block;} .single_widget .widget_box .small_widget .radio_toggle_widget label{} .single_widget .widget_box .small_widget .radio_toggle_widget .switch .first+label:after {display: block;position: absolute;top: 5px;left: 0;bottom: 0;content: "";box-sizing: border-box;width: 20px;height: 20px;background-color: #fff;border: none;border-radius: 50%;z-index: 10;margin: 0 0 0 58%;pointer-events: none;transition: 250ms ease;} .single_widget .widget_box .small_widget .radio_toggle_widget .switch label:before {content: "";display: block;width: 2.22222222em;border-radius: 1.11111111em;position: absolute;top: 0.05555556em;right: 0.05555556em;bottom: 0.05555556em;left: 0.05555556em;background-color: #dddddd;-webkit-transition: background 0.4s;} .single_widget .widget_box .small_widget .radio_toggle_widget .switch label:before {content: "";display: block;width: 100%;border-radius:30px;position: absolute;top: 0.05555556em;right: 0.05555556em;bottom: 0.05555556em;left: 0.05555556em;background: linear-gradient(270deg, #9ae1c3 7%, #15b4b5 59%);-webkit-transition: background 0.4s;cursor: pointer} .single_widget .widget_box .small_widget .radio_toggle_widget.c_magenta_switch .switch label:before {} .single_widget .widget_box .small_widget .radio_toggle_widget .switch input.first:checked + label:after {margin: 0 0 0 7px;} .single_widget .widget_box .small_widget .radio_toggle_widget .switch input.second + label:before {opacity: 1;box-shadow: none;background: linear-gradient(270deg, #9ae1c3 7%, #15b4b5 59%);} .single_widget .widget_box .small_widget .radio_toggle_widget input.first:checked + label:after {margin: 0 0 0 0;} .single_widget .widget_box .small_widget .radio_toggle_widget input.second + label:before {opacity: 1;} .single_widget .widget_box .small_widget .radio_toggle_widget input.second:checked + label:before {opacity: 0;display: none;} .single_widget .widget_box .small_widget .radio_toggle_widget .main-label.c_long_labels{width: auto;} .single_widget .widget_box .small_widget .workers_listing{display: none;max-height: 135px;} .single_widget .widget_box .small_widget .workers_listing.active_listing{display: block;} .single_widget .widget_box{background-color: #fff;height: 100%;width: 100%;} .single_widget .widget_box .weather-widget .weather_space .single_day_weather{display: none;} .single_widget .widget_box .weather-widget .weather_space .single_day_weather .weather_img_box{height: 110px;display: flex;align-items: center;justify-content: center; margin: 0 0 12px;} .single_widget .widget_box .weather-widget .weather_space .single_day_weather .weather_img_box img{display: block;margin: 0 auto; align-items: center;max-height: 90px;} .single_widget .widget_box .weather-widget .weather_space .single_day_weather .weather_temp{font-size: 50px;text-align: right;margin-bottom: 5px;color: #999a9e; margin-top: 20px;} .single_widget .widget_box .weather-widget .weather_space .single_day_weather.active{display: block} .single_widget .widget_box .weather-widget .weather_space .single_day_weather .extra_info_flex{display: flex;justify-content: space-between;} .single_widget .widget_box .weather-widget .weather_space .single_day_weather .extra_info_flex .extra_info{flex-basis: 33%;text-align: center;} .single_widget .widget_box .days_box{display: flex;justify-content: space-between;align-items: center;margin: 15px 0;} .single_widget .widget_box .days_box .single_day{text-align: center;flex-basis: calc(14.28% - 3px);cursor: pointer;background-color: #eef1f5;padding: 15px 3px;} .single_widget .widget_box .days_box .single_day:hover{color: #00adb3;background-color: #fff;} .single_widget .widget_box .days_box .single_day.active{color: #00adb3;background-color: #fff;} .single_widget .widget_box .weather-widget{position: relative;padding: 15px;} .single_widget .widget_box .weather-widget .w_select{position: absolute;left: 15px;top: 36px;} .single_widget .widget_box .assign_content{padding: 20px 30px;max-height: 440px;} .single_widget .widget_box .assign_content.scroll-box::-webkit-scrollbar-thumb{background: rgba(0,173,179,0.8);} .single_widget .widget_box .assign_content.scroll-box::-webkit-scrollbar{width: 2px;} .single_widget .widget_box .assign_content .single_assign_task{padding: 12px 40px 12px 12px;margin: 10px 0;position: relative;border-radius: 10px;box-shadow: 0 1px 4px 0 rgb(11 11 12 / 10%);cursor: pointer;background-color: #eef1f5} .single_widget .widget_box .assign_content .single_assign_task:hover{background-color: #fff;} .single_widget .widget_box .assign_content .single_assign_task span{display: block;color: #aaadae;margin-bottom: 5px;} .single_widget .widget_box .assign_content .single_assign_task .assign_img{position: absolute;top: 0;bottom: 0;margin: auto;right: 12px;} .single_widget .widget_box .weather-widget .w_select .select2-container--default .select2-selection--single{ background-color: #e5f7f7;border: 1px solid #00adb3;padding-left: 20px;} .single_widget .widget_box .weather-widget .w_select .select2-container--default .select2-selection--single .select2-selection__rendered{color: #00adb3;} .single_widget .widget_box .weather-widget .w_select .select2-container--default .select2-selection--single{background-image: url(/a/img/pin.png);background-repeat: no-repeat;background-position: 7px center} .xdsoft_datetimepicker .xdsoft_label i{margin-left: 10px;} .xdsoft_datetimepicker .xdsoft_year{margin-left: 10px;} .single_widget.h_100{height: 100%;} .single_widget.h_70 {height: calc(100% - 205px);} .single_widget.h_50{height: calc(50% - 5px);} .single_widget.h_50_full{height: 50%;} .single_widget.h_45{height: calc(45% - 5px);} .single_widget.h_40{height: calc(40% - 5px);} .single_widget.h_35{height: calc(50% - 110px);} .single_widget.h_63{height: 63%;} .single_widget.h_60{height: 60%;} .single_widget.h_55{height: 55%;} .single_widget .widget_box .stats_widget{padding: 15px;} .sub_grid.h_1{height: 402px;} .sub_grid.h_2{height: 670px;} .sub_grid.h_3{height: 590px;} .sub_grid.h_4{height: 480px;} .sub_grid.h_5{height: 1070px;} .single_widget.h_35{height: calc(50% - 97px);} .single_widget.h_195{height: 185px;} .widgets_grid .grid_column .sub_grid.h_60{height:65%;} .widgets_grid .grid_column .sub_grid.h_40{height:37%;} .widgets_grid .grid_column .widget_element.h_63 {display: flex;justify-content: space-between;gap: 5px;width: 100%; height: calc(63% - 5px);} .widgets_grid .grid_column .widget_element.h_35{width: 100%;display: flex;justify-content: space-between;height: calc(50% - 97px);} .widgets_grid .grid_column .widget_element.h_50{width: 100%;display: flex;justify-content: space-between;height: calc(50% - 5px);} .widgets_grid .grid_column .widget_element.h_40{width: 100%;display: flex;justify-content: space-between;height: calc(40% - 5px);} .widgets_grid .grid_column .widget_element.h_37{width: 100%;display: flex;justify-content: space-between;height: 37%;} .widgets_grid .grid_column .widget_element .sub_grid.w_66{flex-basis: 60%;} .widgets_grid .grid_column .widget_element .sub_grid.w_33{flex-basis: 40%;} .widgets_grid .grid_column .widget_element .sub_grid.w_33 .h_100 {height: 100%!important;} .widgets_grid .grid_column .sub_grid.d_column{flex-direction: column;width: 100%} .widgets_grid .grid_column .sub_grid.to_end .single_widget.h_100 {height: 100%;} .widgets_grid .grid_column .sub_grid{flex-direction: column;justify-content: space-between;} .widgets_grid .grid_column .sub_grid.to_end{flex-basis: auto;} .widgets_grid .grid_column .sub_grid.to_end .single_widget.h_100{height: 100%;} .single_widget .widget_box .weather-widget .weather_space .single_day_weather .extra_info_flex .extra_info{display: flex;align-items: center;justify-content: center;} .single_widget .widget_box .weather-widget .weather_space .single_day_weather .extra_info_flex .extra_info span{display: block;margin-right: 10px;} .single_widget .widget_box .weather-widget .weather_space .single_day_weather .extra_info_flex .extra_info span img{} .single_widget .widget_box .weather-widget .weather_space .single_day_weather .extra_info_flex .extra_info span svg{width: 21px;height: 21px;fill: #798388;} .single_widget .widget_box .my_thing{cursor:pointer;border-radius: 50%;width: 90px;height: 90px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;background-color: #eef1f5;display: flex;justify-content: center;align-items: center;border:1px solid #eef1f5} .single_widget .widget_box .my_thing img{display: block;} .single_widget .widget_box .my_thing:hover{background-color: #fff;} .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background-color: #00adb3;} .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{background-color: #e5f7f7;color: #00adb3;} .single_widget .widget_box .to_do_widget_content{padding: 0;} .single_widget .widget_box .to_do_widget_content .todo_w_maker{display: flex;justify-content: space-between;align-items: center;padding: 0px 30px;flex-wrap: wrap;} .single_widget .widget_box .to_do_widget_content .todo_w_maker input{border-radius: 4px;font-size: 14px;border:1px solid #eef1f5;flex-basis: calc(100% - 60px);padding: 13px 10px;width: 100%;} .single_widget .widget_box .to_do_widget_content .todo_w_maker .todo_w_trigger{border-radius: 4px;width: 45px;height: 45px;display: flex;flex-basis: 45px;justify-content: center;align-items: center;background: linear-gradient(270deg, #9ae1c3 7%, #15b4b5 59%);border: 1px solid #15b4b5;cursor: pointer} .single_widget .widget_box .to_do_widget_content .todo_w_maker .todo_w_trigger svg{width: 20px;height: 20px;fill:#fff;} .single_widget .widget_box .to_do_widget_content .todo_w_maker .todo_w_trigger:hover {background: linear-gradient(270deg, #9ae1c3 7%, #008787 59%);} .single_widget .widget_box .to_do_widget_content .single_widget_todo{} .single_widget .widget_box .to_do_widget_content .single_widget_todo {display: flex;width: 100%;justify-content: space-between;align-items: center;background-color: #eef1f5;border-radius: 8px;padding: 15px 15px;margin-bottom: 10px;cursor: pointer;flex-wrap: wrap;position: relative;max-height: 51px} .single_widget .widget_box .to_do_widget_content .single_widget_todo .edit_todo_name_input {width: calc(100% - 115px);text-align: left;display: none;padding: 7px 10px;height: auto;z-index: 5;background-color: #fff;position: absolute;top: 12px;border: none} .single_widget .widget_box .to_do_widget_content .single_widget_todo .draft_todo_name {flex-basis: calc(100% - 115px);text-align: left;} .single_widget .widget_box .to_do_widget_content .single_widget_todo .draft_todo_tools {display: flex;justify-content: flex-end;align-items: center;flex-basis: 60px;} .single_widget .widget_box .to_do_widget_content .single_widget_todo .draft_todo_tools span {display: none;margin-left: 5px;position: relative;} .single_widget .widget_box .to_do_widget_content .single_widget_todo:hover .draft_todo_tools span {display: block;} .single_widget .widget_box .to_do_widget_content .single_widget_todo .draft_todo_tools span .tool_tooltip {display: none;background-color: #fff;text-align: center;position: absolute;color: #000;font-size: 12px;padding: 5px;top: -30px;border: 1px solid #000;right: 0;} .single_widget .widget_box .to_do_widget_content .single_widget_todo .draft_todo_tools span svg {width: 19px;height: 19px;fill: #929596;} .single_widget .widget_box .to_do_widget_content .single_widget_todo .draft_todo_tools span:hover .tool_tooltip {display: block;} .single_widget .widget_box .to_do_widget_content .single_widget_todo .check-box {width: 21px;height: 21px;position: unset} .single_widget .widget_box .to_do_widget_content .single_widget_todo .check-box label {height: 51px;top: 0;width: calc(100% - 100px);position: absolute;left: auto;} .single_widget .widget_box .to_do_widget_content .single_widget_todo .check-box [type="checkbox"]:not(:checked) + label:before,.single_widget .widget_box .to_do_widget_content .single_widget_todo .check-box [type="checkbox"]:checked + label:before{content: '';position: absolute;left: 0;top: 0px;bottom: 0;margin: auto;width: 21px;height: 21px;border: 1px solid #00adb3;background: #eef1f6;border-radius: 4px;} .single_widget .widget_box .to_do_widget_content .single_widget_todo .check-box [type="checkbox"]:not(:checked) + label:after, .single_widget .widget_box .to_do_widget_content .single_widget_todo .check-box [type="checkbox"]:checked + label:after {content: '';position: absolute;top: 0px;left: 0px;bottom: 0;margin: auto;width: 24px;height: 24px;background-color: #00adb3;border-radius: 4px;background-image: url(/a/imgs/cms/task_check.png);background-position: center;background-repeat: no-repeat;} .single_widget .widget_box .to_do_widget_content .single_widget_todo.done .draft_todo_name {color: #aaadae;text-decoration: line-through;} .single_widget .widget_box .to_do_widget_content .single_widget_todo.editable{} .single_widget .widget_box .to_do_widget_content .single_widget_todo.editable .draft_todo_name{opacity: 0} .single_widget .widget_box .to_do_widget_content .single_widget_todo.editable .edit_todo_name_input{display: block} .single_widget .widget_box .to_do_widget_content .todo_w_space{height: 355px;margin-bottom: 15px;padding: 20px 30px;} .single_widget .widget_box .to_do_widget_content .todo_w_space .empty_list{} .split_content .split_box.full_split{flex-basis: 100%} .split_box .time_box{} .split_box .time_box .task_time{} .split_box .time_box .task_time .time_table{max-width: 1200px;width: 100%;} .split_box .time_box .task_time .time_table .time_table_head_flex{display: flex;justify-content: space-between} .split_box .time_box .task_time .time_table .time_table_head_flex .single_time_head{text-align: left;padding: 10px 0} .split_box .time_box .task_time .time_table .time_table_head_flex .single_time_head.w_50{flex-basis: 50%} .split_box .time_box .task_time .time_table .time_table_head_flex .single_time_head.w_25{flex-basis: 25%} .split_box .time_box .task_time .time_table .single_time_table_record{display: flex;justify-content: space-between;border-bottom: 1px solid #d2dae5} .split_box .time_box .task_time .time_table .single_time_table_record:last-child{border-bottom: none} .split_box .time_box .task_time .time_table .single_time_table_record .time_table_record{display: flex;align-items: center;position: relative;padding: 10px 0;} .split_box .time_box .task_time .time_table .single_time_table_record .time_table_record.w_50{flex-basis: 50%} .split_box .time_box .task_time .time_table .single_time_table_record .time_table_record.w_25{flex-basis: 25%} .split_box .time_box .task_time .time_table .single_time_table_record .time_table_record.time_table_record_worker{} .split_box .time_box .task_time .time_table .single_time_table_record .time_table_record.time_table_record_worker img{display: block;margin-right: 10px} .split_box .time_box .my_task_time{display: flex;align-items: center} .split_box .time_box .my_task_time .my_task_column{margin-right: 25px;padding-right: 25px} .split_box .time_box .my_task_time .my_task_column.my_task_status{} .split_box .time_box .my_task_time .my_task_column.my_task_status .status_icon{display: none;width: 40px;height: 40px;border-radius: 50%;border: 1px solid #00adb3;background-color: #eaf7f7;cursor: pointer;justify-content: center;align-items: center} .split_box .time_box .my_task_time .my_task_column.my_task_status .status_icon svg{fill: #00adb3;width: 25px;height: 20px} .split_box .time_box .my_task_time .my_task_column.my_task_status .status_icon:hover{background-color: #d2eff0;} .split_box .time_box .my_task_time .my_task_column.my_task_status .status_icon.active_icon{display: flex} .split_box .time_box .my_task_time .my_task_column.with_border{border-right: 1px solid #000;} .split_box .split_box_element.w_100{flex-basis: 100%;width: 100%} .split_box .split_input_box .select2-container .select2-selection--multiple.invalid, .split_input_box .select2-container .select2-selection--multiple.invalid {border: 1px solid #fe4848;background-color: #ffeded;} .listing_view{width: 100%;box-shadow: 0px 1px 5px 0px rgb(31 31 31 / 20%);} .listing_view .listing_head{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #00adb3; z-index: 2;position: relative;} .listing_view .listing_body{z-index: 1;} .listing_view .listing_element{display: flex;align-items: center;justify-content: flex-start;} .listing_view .listing_element.running_element{flex-basis: 80px} .listing_view .listing_element.amount_element{flex-basis: 70px} .listing_view .listing_element.name_element{flex-basis: calc(30% - 80px)} .listing_view .listing_element.client_element{flex-basis: calc(30% - 70px)} .listing_view .listing_element.status_element{flex-basis: 150px} .listing_view .listing_element.time_element{flex-basis: calc(40% - 150px)} .listing_view .listing_element.head_element{background-color: #fff;position: relative;cursor: pointer;height: 60px} .listing_view .listing_element.head_element.sort_element{padding-right: 15px} .listing_view .listing_element.head_element span{color: #00adb3;font-size: 12px;display: inline-block;position: relative;} .listing_view .listing_element.head_element.sort_element span:after{content: '';display: block;position: absolute;background-image: url(/a/img/sort_arrow.png);width: 8px;height: 14px;background-repeat: no-repeat; right: -20px;top: 0;bottom: 0;} .listing_view .listing_element.body_element{height: 75px} .listing_view .listing_element.body_element span{color: #000000;font-size: 14px;font-weight: 600;display: block} .listing_view .single_body_element{position: relative;cursor: pointer;background-color: #fff;border-bottom: 1px solid #d2dae5;display: flex;justify-content: space-between;align-items: center} .listing_view .single_body_element:last-child{border-bottom: none} .listing_view .single_body_element.done{background-color: #e6e6e7!important;} .listing_view .single_body_element.done .body_element{position: relative} .listing_view .single_body_element.done .body_element span{color: #aaadae;text-decoration: line-through} /*.listing_view .single_body_element.done .body_element:not(.running_element):after{width: 100%;height: 1px;background-color: #aaadae;display: block;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;content: ''}*/ .listing_view .single_body_element .options_element{position: absolute;display: none;right: 0;justify-content: flex-end;width: 100%;padding-right: 15px;max-width: 50%} .listing_view .single_body_element:hover{background-color: #f4f6f7} .listing_view .single_body_element:hover .options_element{display: flex} .listing_view .single_body_element:hover .options_element .tooltip{position: absolute;width: 100%;max-width: 160px;text-align: center;font-size: 14px;border: 1px solid #5b5b5b;color: #5b5b5b;padding: 6px 5px;background-color: #fff;z-index: 10;top: -35px;height: 30px;left: auto;right: 10px;margin: auto;display: none;} .listing_view .single_body_element:hover .options_element .tooltip.active{display: block} .listing_view .single_body_element:hover .options_element .single_tool{width: 50px;height: 50px;border: 1px solid #00adb3;border-radius: 10px;margin-left: 15px;justify-content: center;align-items: center;display: flex;} .listing_view .single_body_element:hover .options_element .single_tool:hover{background-color: rgba(0,173,179,.2);} .listing_view .single_body_element:hover .options_element .single_tool svg{width: 25px;height: 30px;fill: #00adb3;} .listing_view .single_body_element .status_icon{display: none;width: 40px;height: 40px;border-radius: 50%;border: 1px solid #00adb3;background-color: #eaf7f7;cursor: pointer;justify-content: center;align-items: center;} .listing_view .single_body_element .status_icon svg{ fill: #00adb3;width: 25px;height: 20px;} .listing_view .single_body_element .status_icon.active_icon{display: flex} .listing_view .single_body_element .status_icon:hover{background-color: #d2eff0;} .listing_view .listing_element.running_element{justify-content: center} .listing_view .single_body_element.inactive .status_icon{background-color: #798388;border-color: #798388} .listing_view .single_body_element.inactive .status_icon svg{fill:#fff;} .listing_view .single_body_element.inactive .status_icon:hover{background-color: #00adb3;border-color: #00adb3} .above_listing_box{background-color: #fff;display: flex;align-items: center;justify-content: flex-start;padding: 18px;margin-bottom: 20px;box-shadow: 0px 1px 5px 0px rgb(31 31 31 / 20%);position: relative;} .above_listing_box .date_picker{margin-left: 20px;background-color: #f4f6f7;border-radius: 4px;font-size: 18px;border: none;padding: 15px 40px 15px 15px;max-width: 200px} .above_listing_box svg{display: block;position: absolute;width: 20px;height: 20px;fill:#798388;right: auto;top: 0;bottom: 0;margin: auto;left: 320px;} .above_listing_box.vacation_box > svg{display: none} .above_listing_box .above_listing_input{flex-basis: 550px;margin-left: 20px} .above_listing_box .above_listing_input .select2-container{width: 100%!important;} .above_listing_box .above_listing_input .select2-container .select2-selection--single{background-color: #eef1f5;border-radius: 6px;padding: 10px;height: auto;border: none} .above_listing_box .above_listing_input .select2-container--default .select2-selection--single .select2-selection__arrow{top: 0;bottom: 0;margin: auto;} .time_counter{display: flex;align-items: center;justify-content: flex-end;margin-top: 25px} .time_counter .summary_element{} .time_counter .summary_element.summary_label{flex-basis: 150px;padding-right: 15px} .time_counter .summary_element.summary_time{flex-basis: calc(40% - 150px);} .time_counter .summary_element.summary_time .inside_time{border-radius: 4px;text-align: center;background-color: #fff;padding: 15px 5px;max-width: 160px} .listing_view .listing_element.running_element{flex-basis: 80px} .listing_view .listing_element.worker_name_element{flex-basis: calc(25% - 80px)} .listing_view .listing_element.range_element{flex-basis: 25%} .listing_view .listing_element.kind_element{flex-basis: 15%} .listing_view .listing_element.time_v_element{flex-basis: 15%;} .listing_view .listing_element.decission_element{flex-basis: 20%;padding-right: 15px;justify-content: end;display: flex;flex-wrap: wrap;justify-content: space-between} .listing_view .listing_element.decission_element .cancel{color: #858586;font-size: 14px;font-weight: normal;width: auto;white-space: nowrap;flex-basis: 100px} .listing_view .listing_element.decission_element .cancel:hover{text-decoration: underline} .listing_view .listing_element.decission_element .cancel svg{height: 12px;width: 12px;fill: #858586;display: inline-block;vertical-align: bottom;} .listing_view .listing_element.decission_element .request_accept{max-width: 100%;font-size: 14px;width: auto;flex-basis: calc(100% - 105px)} .popup_overlay .popup_wrapper .popup_body .popup_content .popup_buttons .cancel{color: #858586;font-size: 18px;font-weight: normal;width: auto;white-space: nowrap;flex-basis: 100px; display: flex;align-items: center;justify-content: center} .popup_overlay .popup_wrapper .popup_body .popup_content .popup_buttons .cancel:hover{text-decoration: underline} .popup_overlay .popup_wrapper .popup_body .popup_content .popup_buttons .cancel.confirm_alert{flex-basis: auto} .split_box .split_input_box.form_elements{min-height: 1px;align-items: flex-end;flex-wrap: wrap;} .split_box .split_input_box.form_elements.date_box{min-height: 110px;} .split_box .split_input_box.form_elements label{flex-basis: 100%} .split_box .split_input_box.form_elements .split_box_button_space{width: 100%} .split_box .split_input_box.form_elements .input_error.input_bad{bottom: 0;} .split_box .split_input_box.form_elements.date_box{position: relative;} .split_box .split_input_box.form_elements.date_box svg{bottom: 48px;right: 10px;display: block;position: absolute;width: 20px;height: 20px;fill: #798388;} .split_box .split_input_box.form_elements.w_100{flex-basis: 100%;} .split_box .split_input_box.form_elements.date_box.obligate_date label:after{content: "*";color: #ff5722;} .listing_view{background-color: #fff;} .listing_view.old_year{display: none;margin-bottom: 15px} .listing_view.old_year.active_now{display: block} .listing_view .listing_year{background-color: #fff;padding: 35px 20px} .listing_view .listing_element.v_use_element{flex-basis: 175px} .listing_view .listing_element.v_left_element{flex-basis: 150px} .listing_view .listing_element.v_1_element{flex-basis: 150px;} .listing_view .listing_element.v_2_element{flex-basis: 150px;} .listing_view .listing_element.v_3_element{flex-basis: 150px;} .listing_view .listing_element.v_empty_element{flex-basis: 35%} .listing_view .listing_head{box-shadow: 0px 7px 18px 0px rgba(17, 17, 17, 0.11);} .listing_view .other_years{width: calc(100% - 35% - 150px);text-align: right;background-color: #fff;padding: 25px 0;} .listing_view .other_years p{cursor: pointer} .listing_view .other_years p:hover{text-decoration: underline} .listing_view .other_years p .active_arrow{width: 6px;height: 6px;background-color: transparent;border-width: 1px 1px 0 0;border-style: solid;border-color: #16b4b5;display: inline-block;margin-right: 5px} .listing_view .other_years p .active_arrow.arrow_down{transform: rotate(135deg);margin-bottom: 2px;} .listing_view .other_years p .active_arrow.arrow_up{transform: rotate(-45deg);margin-bottom: 0px;} .listing_table{width: 100%;padding: 30px;background-color: #fff;margin-top: 15px} .listing_table .calendar_table{width: 100%;max-width: 1200px} .listing_table .calendar_table .calendar_month{display: flex;justify-content: center;align-items: center;margin: 35px 30px;} .listing_table .calendar_table .calendar_month .month_changer{cursor: pointer} .listing_table .calendar_table .calendar_month .month_changer:hover svg{fill:#16b4b5} .listing_table .calendar_table .calendar_month .month_changer svg{height:22px;width: 32px;fill: #999a9e} .listing_table .calendar_table .calendar_month .month_name{margin: 0 15px} .listing_table .calendar_table .calendar_heads{display: flex;justify-content: flex-start; border-style: solid;border-width: 2px 2px 0px 2px;border-color: #d2dae5;} .listing_table .calendar_table .table_cell{flex-basis: 14.28%;display: flex;justify-content: flex-end;align-items: flex-start;padding: 15px;color: #000;font-size: 20px;border-style: solid;border-color: #d2dae5;border-width: 0 2px 2px 0;} .listing_table .calendar_table .table_cell.weekend_end{border-right: 0} .listing_table .calendar_table .table_cell.week_day_cell{color: #798388} .listing_table .calendar_table .table_cell.single_day_cell{min-height: 125px} .listing_table .calendar_table .calendar_body{flex-wrap: wrap;display: flex;border-style: solid;border-width: 0px 2px 0px 2px;border-color: #d2dae5;position: relative} .listing_table .calendar_table .calendar_body .person_vacation{position: absolute;top: 200px;left: 170px;cursor: pointer} .listing_table .calendar_table .calendar_body .person_vacation .reguest_inside{position: relative;} .listing_table .calendar_table .calendar_body .person_vacation .reguest_inside .person_avatar{position: absolute;left: 0;top: 0;bottom: 0;margin: auto;height: 30px;} .listing_table .calendar_table .calendar_body .person_vacation .reguest_inside .vacation_info{display: flex;justify-content: space-between;align-items: center;background-color: #eaf7f7;border-radius: 10px;padding:5px 15px 5px 40px} .listing_table .calendar_table .calendar_body .person_vacation .reguest_inside .vacation_info p{font-size: 12px;text-align: left} .listing_table .calendar_table .calendar_body .person_vacation .reguest_inside .vacation_info p.right_p{text-align: right;color: #798388} .listing_view .listing_element.body_element .hidden_info{display: none} .listing_view .listing_element.worker_name_element span{display: inline-block} .listing_table .calendar_table .calendar_body .person_vacation:hover .reguest_inside .vacation_info{background-color: #16b4b5} .listing_table .calendar_table .calendar_body .person_vacation:hover .reguest_inside .vacation_info p{color: #fff;} .acc_parent{display: flex;justify-content: space-between;} .acc_parent .acc_column{flex-basis: calc(50% - 10px)} .acc_parent .acc_column .single_acc{cursor: pointer;width: 100%;padding: 0px;background-color: #fff;border-bottom: 1px solid #16b4b5} .acc_parent .acc_column .single_acc .acc_head{display: flex;align-items: center;justify-content: space-between;padding: 15px 25px;width: 100%;} .acc_parent .acc_column .single_acc .acc_head p{flex-basis: 50%;text-align: left} .acc_parent .acc_column .single_acc .acc_head p.acc_trigger{text-align: right;justify-content: flex-end;display: flex} .acc_parent .acc_column .single_acc .acc_head p.acc_trigger span{display: block;width: 6px;height: 6px;background-color: transparent;border-width: 1px 1px 0 0;border-style: solid;border-color: #16b4b5;margin-right: 5px;} .acc_parent .acc_column .single_acc .acc_head p.acc_trigger span{transform: rotate(135deg);margin-bottom: 2px;} .acc_parent .acc_column .single_acc.open .acc_head p.acc_trigger span{transform: rotate(-45deg);margin-bottom: 0px;} .acc_parent .acc_column .single_acc .acc_body{display: none;padding-bottom: 15px} .acc_parent .acc_column .single_acc.open .acc_body{display: block;} .acc_parent .acc_column .single_acc .acc_body .single_person_at_day{display: flex;align-items: center;position: relative;padding: 0 25px;} .acc_parent .acc_column .single_acc .acc_body .single_person_at_day .person_name{flex-basis: 50%;position: relative;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #d2dae5;padding: 10px 0;height: 55px} .acc_parent .acc_column .single_acc .acc_body .single_person_at_day .person_name img{display: block} .acc_parent .acc_column .single_acc .acc_body .single_person_at_day .person_name p{flex-basis: calc(100% - 50px)} .acc_parent .acc_column .single_acc .acc_body .single_person_at_day .person_status{display: flex;justify-content: flex-end;flex-basis: 50%;border-bottom: 1px solid #d2dae5;padding: 10px 0;height: 55px;align-items: center;} .acc_parent .acc_column .single_acc .acc_body .single_person_at_day .single_person_tools{position: absolute;width: 100%;align-items: center;justify-content: flex-end;right: 0;top: 0;bottom: 0;margin: auto;display: none;background-color: #f4f6f7;z-index: 2;max-width: 50%;padding-right: 25px;border-bottom: 1px solid #d2dae5;} .acc_parent .acc_column .single_acc .acc_body .single_person_at_day:hover .single_person_tools{display: flex} .acc_parent .acc_column .single_acc .acc_body .single_person_at_day:hover{background-color: #f4f6f7} .acc_parent .acc_column .single_acc .acc_body .single_person_at_day .single_person_tools .tooltip{position: absolute;width: 100%;max-width: 160px;text-align: center;font-size: 14px;border: 1px solid #5b5b5b;color: #5b5b5b;padding: 6px 5px;background-color: #fff;z-index: 20;top: -30px;height: 30px;left: auto;right: 0px;margin: auto;display: none;} .acc_parent .acc_column .single_acc .acc_body .single_person_at_day .single_person_tools .single_tool{width: 39px;height: 39px;border: 1px solid #00adb3;border-radius: 10px;margin-left: 15px;justify-content: center;align-items: center;display: flex;} .acc_parent .acc_column .single_acc .acc_body .single_person_at_day .single_person_tools .single_tool svg{width: 20px;height: 25px;fill: #00adb3;} .acc_parent .acc_column .single_acc .acc_body .single_person_at_day .single_person_tools .tooltip.active{display: block} .acc_parent .acc_column .single_acc .acc_body .single_person_at_day .single_person_tools .single_tool:hover{background-color: rgba(0,173,179,.2)} .acc_parent .acc_column .single_acc .acc_body .single_person_at_day .single_person_tools .tool_box{position: relative;display: flex;width: 100%;justify-content: flex-end} .acc_parent .acc_column .single_acc .acc_body .single_person_at_day .single_person_tools .tool_box.temporary_hide{display: none!important;} .acc_parent .acc_column .single_acc .acc_body .single_person_at_day .time_edit_box{display: flex;justify-content: flex-end;align-items: center;width: 100%;position: absolute;right: 0;height: 100%;padding-right: 25px;z-index: 11;max-width: 50%;background-color: #fff} .acc_parent .acc_column .single_acc .acc_body .single_person_at_day .time_edit_box input{flex-basis: 60px;border: 1px solid transparent;background-color: #eef1f5;text-align: center;padding: 5px 5px;height: auto;width: 60px;} .acc_parent .acc_column .single_acc .acc_body .single_person_at_day .time_edit_box .input_separator{display: block;margin: 0 10px} .acc_parent .acc_column .single_acc .acc_body .single_person_at_day .time_edit_box .edit_time_tools{margin-left: 10px;display: flex;align-items: center;flex-basis: 70px;justify-content: space-around} .acc_parent .acc_column .single_acc .acc_body .single_person_at_day .time_edit_box .edit_time_tools span{} .acc_parent .acc_column .single_acc .acc_body .single_person_at_day .time_edit_box .edit_time_tools span svg{fill:#8b8b8c;width: 15px;height: 15px;} .acc_parent .acc_column .single_acc .acc_body .single_person_at_day .time_edit_box .edit_time_tools span:hover svg{fill:#00adb3;} .acc_parent .acc_column .single_acc .acc_body .single_person_at_day .time_edit_box .time_error{position: absolute;right: 10px;bottom: 0;font-size: 10px;display: none;color: #fe4848;} .acc_parent .acc_column .single_acc .acc_body .single_person_at_day .time_edit_box .time_error.time_bad{display: block;} .above_listing_box .select_box{display: flex;align-items: center;flex-basis: 330px;margin-right: 20px;width: 100%;} .above_listing_box .select_box p{flex-basis: 100px} .above_listing_box .select_box .above_listing_input{} .popup_overlay .popup_wrapper .popup_body .popup_content{position: relative} .popup_overlay .popup_wrapper .popup_body .popup_content .welcome_img{position: absolute;right: 20px;top: 10px} .popup_overlay .popup_wrapper .popup_body .popup_content .user_img{text-align: center;height: 100px} .popup_overlay .popup_wrapper .popup_body .popup_content .user_img img{display: block;margin: 0 auto} .popup_overlay .popup_wrapper .popup_body .popup_content .welcome_popup_content{text-align: center;padding: 10px} .popup_overlay .popup_wrapper .popup_body .popup_content .welcome_popup_content h4{} .popup_overlay .popup_wrapper .popup_body .popup_content .welcome_popup_content h6{margin: 40px 0px 20px} .popup_overlay .popup_wrapper .popup_body .popup_content .welcome_popup_content .work_times{display: flex;justify-content: center;align-items: center;flex-wrap: wrap} .popup_overlay .popup_wrapper .popup_body .popup_content .welcome_popup_content .work_times .work_time{width: 95px;flex-basis: 95px;position: relative} .popup_overlay .popup_wrapper .popup_body .popup_content .welcome_popup_content .work_times .work_time:after{position: absolute;display: block;font-size: 16px;bottom: -16px;left: 0;content: 'godziny'} .popup_overlay .popup_wrapper .popup_body .popup_content .welcome_popup_content .work_times .work_time.work_minutes:after{content: 'minuty'} .popup_overlay .popup_wrapper .popup_body .popup_content .welcome_popup_content .work_times .work_time input{width: 100%;border: none;background-color: #eef1f5;font-size: 60px;color: #999a9e;padding: 5px;} .popup_overlay .popup_wrapper .popup_body .popup_content .welcome_popup_content .work_times .time_separator{font-size: 40px;flex-basis: 20px} .popup_overlay .popup_wrapper .popup_body .popup_content .welcome_popup_content .work_times .time_separator.input_separator{flex-basis: 40px;text-align: center} .popup_overlay .popup_wrapper .popup_body .popup_content .welcome_popup_content .popup_button_box{display: flex;justify-content: center;align-items: center;padding: 50px 0 35px;position: relative} .popup_overlay .popup_wrapper .popup_body .popup_content .welcome_popup_content .popup_extra_info{text-align: center;} .popup_overlay .popup_wrapper .popup_body .popup_content .welcome_popup_content .popup_button_box .time_error{bottom: 10px;left: 0;right: 0;} .xdsoft_datetimepicker .xdsoft_label{z-index: 20!important;} .select2-container--default .select2-search--inline .select2-search__field::placeholder{color: #999;} .statistic_panel{} .statistic_panel .stat_flex{display: flex;justify-content: space-between;flex-wrap: wrap} .statistic_panel .stat_flex .stat_box{box-shadow: 0px 1px 4px 0px rgb(11 11 12 / 10%)} .statistic_panel .stat_flex .stat_box .stat_head{display: flex;align-items: center;padding: 5px 30px;height: 75px;box-shadow: inset 0px 1px 4px 0px rgb(11 11 12 / 10%);background-color: #fafafa;} .statistic_panel .stat_flex .stat_box.w_40{flex-basis: calc(40% - 5px);margin-bottom: 10px} .statistic_panel .stat_flex .stat_box.w_60{flex-basis: calc(60% - 5px);margin-bottom: 10px} .statistic_panel .stat_flex .stat_box.w_50{flex-basis: calc(50% - 5px)} .statistic_panel .stat_flex .stat_box .stat_body{min-height: 370px;padding: 10px 30px} .statistic_panel .stat_flex .stat_box .stat_body #chart_1{max-width: 100%;max-height: 370px;} .statistic_panel .stat_flex .stat_box .stat_body #chart_2{max-height: 370px;} .statistic_panel .stat_flex .stat_box .stat_body #chart_3{max-height: 370px;} .statistic_panel .stat_flex .stat_box .stat_body #chart_4{max-height: 370px;} .split_listing .listing_scroll{overflow-x: hidden;max-height: 100vh;} .split_listing .listing_scroll{padding-right: 5px} .split_listing .listing_scroll.scroll-box::-webkit-scrollbar {width: 2px;} body.login-page header{display: none} body.login-page #content{padding: 0} body.login-page #content .container{padding: 0} body.login-page #LOGIN footer{display: none} .side-header .menu-element a .menu-element-icon{display: flex;align-items: center;justify-content: center} .side-header .menu-element a .menu-element-icon i{position: relative;top: auto;left: auto;display: block;color: #798388;font-size: 22px} .side-header .menu-element a:hover .menu-element-icon i, .side-header .menu-element.active a .menu-element-icon i{color: #00adb3} .listing_view .listing_element.body_element span.hidden_text{display: none} .listing_view .listing_element{padding: 0 10px} .listing_view .listing_element.date_column{flex-basis: 165px} .listing_view .listing_element.opr_column{flex-basis: calc(70% - 165px)} .listing_view .listing_element.adm_column{flex-basis: calc(30% - 120px)} .listing_view .listing_element.ip_column{flex-basis: 120px} .pagination_content{width: 100%;display: block} .shtable-sh-wrap table tbody tr td.options .button{max-width: 35px} .listing_view .empty_table .listing_element{flex-basis: 100%;width: 100%;display: flex;justify-content: center;} .listing_view .listing_element.grow_0{flex-grow: 0;flex-basis: 100px} .listing_view .listing_element.grow_1{flex-grow: 1} .listing_view .listing_element.three_percent_box{flex-basis: calc(33.33% - 100px);} .listing_view .listing_element.four_percent_box{flex-basis: calc(25% - 100px);} .listing_view .listing_element.five_percent_box{flex-basis: calc(20% - 100px);} .listing_view .listing_element.center_align{justify-content: center} .split_box .split_element_content .product_information{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;width: 100%;margin-bottom: 25px} .split_box .split_element_content .product_information .prd_image{flex-basis: 200px} .split_box .split_element_content .product_information .prd_image img{display: block;} .split_box .split_element_content .product_information .prd_text{flex-basis: calc(100% - 210px)} .split_box .split_element_content .product_information .prd_text p{margin: 5px 0} .listing_view .auctions_listing .single_body_element .options_element {background: #f4f6f7;} .split_flex_with_info .single_info.w50{flex-basis: 49%} .split_flex_with_info .single_info.with_btn{} .split_flex_with_info .single_info.with_btn .button{font-size: 14px;padding: 7px 5px;margin-left: 10px;margin-top: 10px} .split_flex_with_info .single_info .confirm_span{flex-basis: 100%;margin: 5px 0 0 0;display: block;} .split_flex_with_info .single_info .confirm_span .cancel_consent{color: #00adb3} .split_flex_with_info .single_info .confirm_span .cancel_consent:hover{text-decoration: underline} .split_flex_with_info .single_info.with_btn .button i{display: none} .split_flex_with_info .single_info{flex-wrap: wrap;line-height: 1.4} .split_flex_with_info .single_info > label{flex-basis: 100%} .split_flex_with_info .single_info.single_message > span{flex-basis: 100%;margin: 5px 0 0 0} .split_flex_with_info .single_info.single_message{border-width: 2px 0 0px 0;border-style: solid;border-color: #000;padding-top: 10px;margin-bottom: 20px;flex-basis: 32%;margin-right: 1%} .split_box .split_element_content .tab_flex{display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;flex-basis: 100%;align-items: flex-start} .split_box .split_element_content .tab_flex.border_bottom{border-bottom: 1px solid #000; margin-bottom: 30px;} .split_box .split_element_content .tile-tab-content{width: 100%} .split_box .split_input_box.form_elements.date_box svg{bottom: 48px} .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background-color: transparent!important;} .split_box .split_element_content{align-items: flex-start} .split_box .split_input_box .flex_check_box .single_flex_check label{font-weight: normal} .split_box .split_input_box .input.radio label:before {content: "";width: 14px;height: 14px;padding: 5px;border-radius: 50%;padding: 2px;border: 2px solid #00adb3;display: inline-block;transition: 100ms ease all;position: absolute;left: 0;top: 0;} .split_box .split_input_box .input.radio{width: auto!important;margin-right: 30px} .split_input_box div.fancy-select{text-transform: unset} .split_input_box div.fancy-select .trigger{text-align: left;border-radius: 0;cursor: pointer;padding: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;background: transparent;border: none!important;border-top-color: none;color: #000!important;box-shadow: none!important;width: 100%;height: auto;border-radius: 6px;border: none;background-color: #eef1f5!important;height: auto;padding: 15px 10px 14px;font-weight: normal;font-size: 16px;line-height: 1;text-transform: unset;transition: none;-webkit-transition: none} .split_input_box div.fancy-select ul.options{width: 100%; max-height: 150px; background-color: white;border: 1px solid #aaa;border-radius: 4px;} .split_input_box div.fancy-select ul.options li{text-align: left;font-size:16px;border: none;background: transparent;height: auto;line-height: 1; cursor: pointer;padding: 8px 6px; -webkit-user-select: none;color: #000;font-weight: normal} .split_input_box div.fancy-select ul.options li.selected {background-color: #0eb1b7;background: #0eb1b7;color: #fff;} .split_input_box div.fancy-select ul.options li.hover {background-color: #0eb1b7;background: #0eb1b7;color: #fff;} #content .split_box .split_input_box.checkbox{min-height: 1px;max-width: 100%;width: 100%;float: none;margin-right:0;margin-left: 0 } .select div.fancy-select{text-transform: none; color: #010100; font-size: 14px; font-weight: normal;} .select div.fancy-select div.trigger{} div.fancy-select select:focus + div.trigger{box-shadow: none;} .select div.fancy-select div.trigger:hover{background: #dadada;} .select div.fancy-select div.trigger.open{border-bottom: 2px solid #efdf0d; background: #f3f3f3; color: #010100;} .select div.fancy-select div.trigger.open:hover{background: #dadada;} .select div.fancy-select ul.options{right: 0; width: 100%; background: #f3f3f3; -webkit-border-radius: 0; border-radius: 0; border: none;} .select div.fancy-select ul.options.open{top: 52px;} .select div.fancy-select ul.options.overflowing.open{top: auto; bottom: 52px;} .select div.fancy-select ul.options li{color: #010100; padding: 15px; line-height: 20px;} .select div.fancy-select ul.options li.hover{background: #dadada;} .select div.fancy-select ul.options li.selected{background: #dadada;} .show-numbers {font-size: 0; text-align: left; margin-bottom: 20px; float: left;} .show-numbers span {font-size: 12px; color: #757575; line-height: 20px; display: inline-block;} .show-numbers .select {width: 34px; display: inline-block; vertical-align: top; margin: 0 5px;} .show-numbers .select div.fancy-select div.trigger {padding: 0 8px 0 3px; border-bottom: 0; font-size: 12px; box-shadow: none;width: 100%;border: none;border-bottom: 3px solid #000;background: #f3f3f3;line-height: 20px;-webkit-border-radius: 0;border-radius: 0; padding: 0 8px 0 3px;border-bottom: 0;font-size: 12px;} .show-numbers .select div.fancy-select div.trigger:after {right: 2px; top: 9px; border-width: 3px;} .show-numbers .select div.fancy-select ul.options {top: 20px; min-width: 1px;} .show-numbers .select div.fancy-select ul.options li {padding: 0 10px 0 3px; color: #757575; font-size: 12px;} .filters .filters_body .filters_section .select_box.w100 div.fancy-select{text-transform: unset} .filters .filters_body .filters_section .select_box.w100 div.fancy-select .trigger{ border-radius: 0;cursor: pointer;padding: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;background: transparent;border: none;border-top-color: none;color: #000;box-shadow: none;width: 100%;height: auto;border-radius: 6px;border: none;background-color: #eef1f5;height: auto;padding: 15px 10px 14px;font-weight: normal;font-size: 16px;line-height: 1;text-transform: unset;transition: none;-webkit-transition: none} .filters .filters_body .filters_section .select_box.w100 div.fancy-select ul.options{width: 100%; background-color: white;border: 1px solid #aaa;border-radius: 4px;} .filters .filters_body .filters_section .select_box.w100 div.fancy-select ul.options li{font-size:16px;border: none;background: transparent;height: auto;line-height: 1; cursor: pointer;padding: 8px 6px; -webkit-user-select: none;color: #000;font-weight: normal} .filters .filters_body .filters_section .select_box.w100 div.fancy-select ul.options li.selected {background-color: #0eb1b7;background: #0eb1b7;color: #fff;} .filters .filters_body .filters_section .select_box.w100 div.fancy-select ul.options li.hover {background-color: #0eb1b7;background: #0eb1b7;color: #fff;} .split_box .split_box_element .split_flex.a_center{align-items: center;} #content .shtable-sh-wrap table{background: transparent;} .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box .xdsoft_current{background: #fff!important;color: #00b4ce !important;} .popup_overlay .popup_wrapper .popup_body .popup_content .auctions_popup .popup_buttons{margin-top: 20px} .auctions_popup textarea{width: 100%;display: block;min-height: 120px;padding: 15px;font-size: 16px;margin-top: 20px} .auctions_popup .popup_flex{display: flex;justify-content: space-between;flex-wrap: wrap;} .auctions_popup .popup_flex .input_box{flex-basis: 100%; position: relative;padding-bottom: 20px;} .auctions_popup .popup_flex .input_box input[type="text"] {display: block;border: none;height: 45px;width: 100%;padding: 5px 10px;font-size: 16px;color: #000;background-color: #eef1f5;} .auctions_popup .popup_flex .input_box label {display: block;margin-bottom: 10px;font-size: 18px;font-weight: bold;position: relative;text-align: left} .popup_overlay .popup_wrapper .popup_body .popup_content .auctions_popup .popup_buttons .button{width: auto;padding: 15px 10px;margin: 0;max-width: 100%} .auctions_popup .popup_flex .input_box{position: relative} .auctions_popup .popup_flex .input_box .input_error{bottom: auto;position: absolute;margin: 0;color: #fe4848;display: none;font-size: 10px;left: 0;} .auctions_popup .popup_flex .input_box .input_error.input_bad{display: block} #content .split_box .split_input_box .mce-panel{border-radius: 10px;background-color: #eef1f5;border:none} #content .split_box .split_input_box .mce-panel.mce-edit-area{background-color: #fafafa;padding: 10px 10px 0;margin: 0;border-radius: 0;} .auctions_popup .popup-datetime{background-image: url(/a/imgs/calendar.png);background-repeat: no-repeat;background-position: 98% center} .auctions_popup .popup_flex .split_input_box{flex-basis: 49%;position: relative;padding-bottom: 20px;} #content .split_box .acl_flex .section-row .input.checkbox label:before {content: '';position: absolute;left: 0;top: 0px;width: 14px;height: 14px;border: 2px solid #00adb3;background: transparent;transform: none;} #content .split_box .acl_flex .section-row .input.checkbox input:checked + label:after{content: '';position: absolute;top: 4px;left: 4px;width: 6px;height: 6px;background-color: #00adb3;transform: none;} .auctions_popup .popup_flex .split_input_box label{ display: block;margin-bottom: 10px;font-size: 18px;font-weight: bold;position: relative;text-align: left} #content .split_box .input.checkbox label:before {content: '';position: absolute;left: 0;top: 0px;width: 14px;height: 14px;border: 2px solid #00adb3;background: transparent;transform: none;} #content .split_box .input.checkbox input:checked + label:after{content: '';position: absolute;top: 4px;left: 4px;width: 6px;height: 6px;background-color: #00adb3;transform: none;} .xdsoft_datetimepicker .xdsoft_prev{background-image: url(/a/imgs/cms/caret-left.png);} .xdsoft_datetimepicker .xdsoft_next{background-image: url(/a/imgs/cms/caret.png);} .xdsoft_datetimepicker .xdsoft_label i{margin-left:6px;background-image: url(/a/imgs/cms/caret.png);background-position: center;width: 10px;height: 14px;opacity: 1;background-repeat: no-repeat;background-size: unset;display: inline-block;transform: rotate(90deg)} .sloader img{display: block;position: fixed;left: 0;right: 0;top: 0;bottom: 0;margin: auto;} .split_box .split_input_box .color_select{position: relative;min-width: 70px; display: inline-flex;align-items: center;justify-content: space-between;cursor: pointer} .split_box .split_input_box .color_select.fake-select .letter-div{} .split_box .split_input_box .color_select.fake-select .letter-div .present-color{border: 1px solid #000;} .split_box .split_input_box .color_select.fake-select .hidden-options .single-color-box{margin: 3.5px 5px 3.5px 0px;} .split_box .split_input_box .color_select.fake-select .hidden-options{background-color: #eef1f5} .split_box .split_input_box .color_select.fake-select .hidden-options.active{ justify-content: flex-start;max-width: unset;width: 190px;top: 40px;z-index: 10} #content #LOGIN{background-color: #ffffff!important;min-height: calc(100vh - 46px);display: flex;align-items: center;justify-content: center} #content #LOGIN .inside_log{padding: 0px 15px;width: 100%;max-width: 1630px;margin: 0 auto} #content #LOGIN .inside_log .page_flex{display: flex;justify-content: space-between;flex-wrap: wrap} #content #LOGIN .inside_log .page_flex .page_column{flex-basis: 48%;position: relative} #content #LOGIN .inside_log .page_flex .page_column.bg_column{height: 750px;box-shadow: 0.5px 0.866px 13px 0px rgba(31, 31, 31, 0.2);background-image:url(/a/imgs/start_page.png);background-repeat: no-repeat;background-size: cover;} #content #LOGIN .inside_log .page_flex .page_column h1{color: #10b2b5!important;font-size: 135px;position: absolute;right: 0; bottom: -25px;} #content #LOGIN .inside_log .page_flex .page_column .logo_space_flex{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap} #content #LOGIN .inside_log .page_flex .page_column .logo_space_flex .logo_column{flex-basis: 49%;display: flex;justify-content: flex-start;align-items: center} #content #LOGIN .inside_log .page_flex .page_column .logo_space_flex .logo_column.j_end{justify-content: flex-end} #content #LOGIN .inside_log .page_flex .page_column .page_content_box{text-align: center;margin-top: 120px} #content #LOGIN .inside_log .page_flex .page_column .page_content_box .page_input_box{position: relative;min-height: 130px;} #content #LOGIN .inside_log .page_flex .page_column .page_content_box .page_input_box label {display: block;margin-bottom: 10px;font-size: 18px;font-weight: bold;position: relative;text-align: left} #content #LOGIN .inside_log .page_flex .page_column .page_content_box .page_input_box input{display: block;border: none;height: 45px;width: 100%;padding: 5px 10px;font-size: 16px;color: #000;background-color: #eef1f5;} #content #LOGIN .inside_log .page_flex .page_column .page_content_box .top_box h2{font-size: 30px;color: #000!important;margin-bottom: 10px} #content #LOGIN .inside_log .page_flex .page_column .page_content_box .top_box p{font-size: 18px;} #content #LOGIN .inside_log .page_flex .page_column .page_content_box .top_box{margin-bottom: 30px} .mce-btn{background-color: transparent;background: transparent;color: #858586;font-size: 14px;font-weight: normal;width: auto;} .mce-btn.mce-primary{background: linear-gradient(270deg, #9ae1c3 7%, #15b4b5 59%);border: 1px solid #15b4b5;border-radius: 10px;} .mce-window-body .mce-textbox{border:1px solid #c5c5c5!important} .auctions_popup .popup_checkbox [type="checkbox"]:not(:checked) + label:before, .auctions_popup .popup_checkbox [type="checkbox"]:checked + label:before {content: '';position: absolute;left: 0;top: 1px;width: 14px;height: 14px;border: 2px solid #00adb3;background: transparent;} .auctions_popup .popup_checkbox [type="checkbox"]:not(:checked) + label:after {opacity: 0;transform: scale(0);} .auctions_popup .popup_checkbox [type="checkbox"]:not(:checked) + label:after, .auctions_popup .popup_checkbox [type="checkbox"]:checked + label:after {content: '';position: absolute;top: 5px;left: 4px;width: 6px;height: 6px;background-color: #00adb3;} .auctions_popup .popup_checkbox [type="checkbox"]:checked + label:before {opacity: 1;transform: none;border-color: #00bcd4;border-left-color: #00bcd4;border-top-color: #00bcd4;} .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option {padding: 4px 10px 4px 5px;text-decoration:none!important;font-weight: normal;text-transform: capitalize;} .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {background-color: #00adb3;color: #ffffff;} .select2-container--default .select2-results>.select2-results__options{} .select2-container--default .select2-results>.select2-results__options { height: auto;overflow-y: scroll; } .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar{ width: 4px; } .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar, .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb { overflow:visible; border-radius: 4px; } .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb { background: #ccc } .top-menu .user-panel .panel-element.my-account > svg{width: 45px;height: 45px;fill:#5f5f5f} .split_flex_with_info .single_info p{margin-left: 5px} .popup-body{box-shadow: none} .popup-body.cropper-wrap .popup-head{background: transparent} .popup-body.cropper-wrap .popup-head .save .cancel svg{ fill: #fff;width: 30px;height: 30px;} .popup-body.cropper-wrap .popup-head .save .cancel{margin: 10px 0 10px 20px;line-height: 1;display: flex;align-items: center;justify-content: center;background: transparent} .popup-body.cropper-wrap .popup-head .save .cancel:hover{background: transparent;opacity: .5} .popup-body.cropper-wrap .popup-head .options a{height: 60px;padding: 10px 0} .popup-body.cropper-wrap .popup-head .save a{margin: 10px 0 10px 20px;} .popup-body.cropper-wrap .popup-head .options-wrap{background: linear-gradient(270deg, rgba(154,225,195,1) 7%, rgba(21,180,181,1) 59%); border-top-right-radius: 50px;border-top-left-radius: 50px;} .popup-body.cropper-wrap .popup-head .save{background: transparent} .ajax-upload-dragdrop .ajax-file-upload:before{color: #000} .ajax-upload-dragdrop{border:none} .popup-body.cropper-wrap .popup-content{background-color: transparent} .uploader-wrapper{background-color: #fff;border-bottom-left-radius: 50px;border-bottom-right-radius: 50px;} .split_box .file_list .file_listing .remove_all_photos{} .split_box .file_list .file_listing .remove_all_photos svg{width: 18px;height: 18px;fill: #798388;display: inline-block;margin-right: 5px;vertical-align: -2px;} .split_box .file_list .file_listing .remove_all_photos:hover{text-decoration: underline} .split_box .file_list .yt_box{border-bottom: 1px solid #707070;padding-bottom: 30px;margin-bottom: 30px} .split_box h5.with_margin{margin: 20px 0 10px} #content .split_box_element .system_tiles_head{display: flex;align-items: center;margin-bottom: 30px;} #content .split_box_element .system_tiles_head .single_system_tile{ display: flex;align-items: center;margin-bottom: 30px;} #content .split_box_element .system_tiles_head .single_system_tile{flex-basis: auto; margin-right: 25px;padding: 8px;display: flex;align-items: center;cursor: pointer;border-bottom: 3px solid transparent;} #content .split_box_element .system_tiles_head .single_system_tile.active,#content .split_box_element .system_tiles_head .single_system_tile:hover{border-bottom: 3px solid #00adb3;} #content .split_box_element .system_tiles_head .single_system_tile span{flex-basis: 41px;} #content .split_box_element .system_tiles_head .single_system_tile span svg{width: 26px;height: 25px;fill: #696969;} #content .split_box_element .system_tiles_head .single_system_tile.active span svg{fill: #00adb3;} #content .split_box_element .system_tiles_head .single_system_tile p{font-size: 18px;color: #000;flex-basis: calc(100% - 43px);margin-left: 5px;white-space: nowrap;} #content .split_box_element .system_tiles_body{} #content .split_box_element .system_tiles_body .single_system_body{opacity: 0;transform: scale(0);position: absolute} #content .split_box_element .system_tiles_body .single_system_body.active{opacity: 1;transform: scale(1);position: relative} #content .listing_variant table tr td.option_td{position: absolute;right: -99999px;} #content .listing_variant table tr:hover td.option_td{position: absolute;right: 0} #content .listing_variant table tr{background-color: #fff} #content .listing_variant table tr:hover{background-color: #f4f6f7} #content .box_info{width: 100%} #content .box_info .single_information{margin: 20px 0;display: flex;justify-content: flex-start;} #content .box_info .single_information .label_part{flex-basis: auto;margin-right: 15px;} #content .box_info .single_information .info_part{flex-basis: calc(100% - 205px);display: flex;flex-wrap: wrap; flex-direction: row-reverse;justify-content: flex-end;} #content .box_info .single_information .info_part .check_box:last-child{margin-right: 40px} #content .numbers_box{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 25px 0 45px} #content .box_info{display: flex;justify-content: space-between;flex-wrap: wrap;} #content .box_info .single_information{flex-basis: 43%} #content .numbers_box .numbers_column{flex-basis: 43%} #content .numbers_box .numbers_column .column_head{position: relative;padding: 20px 5px 20px 70px;margin-bottom: 15px} #content .numbers_box .numbers_column .column_head svg{position: absolute;left: 0;top: 0;bottom: 0;margin: auto;width: 40px;height: 40px;fill: #13b3b9} #content .numbers_box .numbers_column .column_head p{} #content .numbers_box .numbers_column .column_body{} #content .numbers_box .numbers_column .column_body .column_row{border-top: 1px solid #b6bbbf;background-color: #fcfcfd;display: flex;align-items: center;justify-content: space-between;padding: 10px 30px} #content .numbers_box .numbers_column .column_body .column_row:last-child{border-bottom: 1px solid #b6bbbf} #content .numbers_box .numbers_column .column_body .column_row:nth-child(even){background-color: #eef1f5} #content .numbers_box .numbers_column .column_body .column_row .column_part{display: flex;align-items: center} #content .numbers_box .numbers_column .column_body .column_row .column_part.to_left{justify-content: flex-start} #content .numbers_box .numbers_column .column_body .column_row .column_part.to_right{justify-content: flex-end} #content .numbers_box .numbers_column .column_body .column_row .column_part .percent_box{display: block;min-width: 60px} #content .numbers_box .numbers_column .column_body .column_row .column_part.to_right p{color: #798388} .split_box .split_box_element .split_flex.exception_flex{justify-content: flex-start} .split_box .split_box_element .split_flex.exception_flex .split_input_box.w_33{flex-basis: 33%;margin-right: 15px} .split_box .split_box_element .split_flex.exception_flex .split_input_box.w_20{flex-basis: 20%} #content .split_box .split_box_element .stats_flex .single_stat .canvas_flex{flex-basis: 100%;display: flex;justify-content: space-between} #content .split_box .split_box_element .stats_flex .single_stat .canvas_flex .stat_column{flex-basis: 49%;padding: 20px 0;} .split_box .split_input_box.color_picker_box input{background-color: transparent; border: none;} #content .split_box .split_box_element .stats_flex .single_stat canvas {width: 100%!important;} #content .stat_head{margin: 30px 0} #content .numbers_box .numbers_column .column_body .column_row .column_part .percent_box{color: #798388} .split_box .split_box_element .system_head{ margin: 30px 0;} .split_box .split_input_box.req label:after{content: "*";color: #ff5722;} .single_widget .widget_box .widget_content .single_widget_task{background-color: #fff} .single_widget .widget_box .widget_content .single_widget_task:hover{background-color: #f4f6f7} .single_widget .widget_box .widget_content .offert_box .empty_box{padding-left: 15px} .split_box .form_flex .file_box .fake_file_reset{position: absolute;display: block;right: 10px;cursor: pointer;top: 0;bottom: 0;margin: auto;height: 26px;} .split_box .form_flex .file_box .fake_file_reset svg{width: 18px;height: 18px;fill: #000} .split_box .form_flex .file_box .fake_file_reset:hover svg{opacity: .7} @keyframes rotate { 100% { transform: rotateZ( 360deg ) } } @media not all and (min-resolution:.001dpcm) { @media { #content .listing_variant table tr {position: sticky!important;border: none!important;} #content .listing_variant table .listing_head_table{border: none!important;} #content .listing_variant table tr td.option_td{height: 75px!important;top: 0!important;} }} body.dark_mode span{color: #fff!important;} body.dark_mode h1{color: #fff!important;} body.dark_mode h2{color: #fff!important;} body.dark_mode h3{color: #fff!important;} body.dark_mode h4{color: #fff!important;} body.dark_mode h5{color: #fff!important;} body.dark_mode .contrast_white{color: #fff!important;} body.dark_mode #content .split_box_element .system_tiles_head .single_system_tile p{color: #fff} body.dark_mode .ajax-upload-dragdrop .ajax-file-upload:before{color: #fff} body.dark_mode .uploader-wrapper{background-color: #1f3d43;} body.dark_mode .contrast_color_1{background-color: #233036!important;} body.dark_mode .contrast_color_2{background-color: #202c33!important;} body.dark_mode .contrast_color_3{background-color: #1e2a31!important;} body.dark_mode .contrast_color_4{background-color: #1a252b!important;} body.dark_mode .contrast_color_5{background-color: #1f3d43!important;} body.dark_mode .contrast_color_6{background-color: #999a9e!important;} body.dark_mode .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background-color: #00bcd4} body.dark_mode .single_widget .widget_box .days_box .single_day{background-color: #1e2a31!important;} body.dark_mode .single_widget .widget_box .days_box .single_day.active{background-color: #233036!important;} body.dark_mode .single_widget .widget_box{background-color: #233036} body.dark_mode .select2-container--default .select2-selection--single{background-color: transparent} body.dark_mode .single_widget .widget_box .widget_content .calc .numbers .calc_cell{color: #fff;} body.dark_mode .single_widget .widget_box .widget_content .calc .numbers .calc_cell:hover{opacity: 1;background-color: #05afb4!important} body.dark_mode .single_widget .widget_box .calendar_widget .xdsoft_datetimepicker .xdsoft_label{background-color: #202c33;} body.dark_mode .single_widget .widget_box .calendar_widget .xdsoft_datetimepicker .xdsoft_monthpicker{background-color: #202c33} body.dark_mode .top-menu{background: #243137} body.dark_mode .side-header{background-color: #243137} body.dark_mode .container{background-color: #1b252c} body.dark_mode #content{background-color: #1b252c} body.dark_mode .top-menu .user-panel .panel-element.my-account{background-color: #243137} body.dark_mode footer{background-color: #2b3840} body.dark_mode #content .listing_variant table td{background-color: #233036;border-color: #000;color: #fff;} body.dark_mode #content .listing_variant table td a{color: #fff} body.dark_mode #content .listing_variant table tr:hover td {background-color: #202c33;} body.dark_mode .top-menu .user-panel .panel-element.my-account p{color: #fff;} body.dark_mode .top-menu .inside-submenu a{color: #fff;} body.dark_mode .top-menu .user-panel .panel-element.my-account .my-acount-menu .inside-submenu{background-color: #233036;} body.dark_mode .name_bar .name_element h1,body.dark_mode .name_bar .name_element h2{color: #fff;} body.dark_mode .side-header .menu-element a{color: #fff;} body.dark_mode .side-header .menu-element .sub-menu{background-color: #233036} body.dark_mode .filters .filters_body{background-color: #233036} body.dark_mode .filters .filters_body .filters_section h4, body.dark_mode .filters .filters_body .filters_section label.bold{color: #fff} body.dark_mode .filters .filters_body .filters_section.two_elements .filter_box .unit{color: #fff} body.dark_mode .filters .check_box label{color: #fff} body.dark_mode .filters .filters_body h3{color: #fff} body.dark_mode i.chevron_down{border-color: #fff;} body.dark_mode .split_content .split_column{background-color: #233036;} body.dark_mode .split_box .split_tiles_box .single_split_tile p,body.dark_mode .split_box .split_input_box label,body.dark_mode .elprev, body.dark_mode .elprev li{color: #fff;} body.dark_mode .bottom_tools{background-color: #202c33;} body.dark_mode .bottom_tools a{color: #fff;} body.dark_mode .split_box .split_input_box p{color: #fff;} body.dark_mode .split_box .split_box_element{border-color: #000;} body.dark_mode .clock{color: #fff;} body.dark_mode .top-menu .top_panel_element .top_task_space .task_box p{color: #fff} body.dark_mode .split_box .split_box_element .split_flex > h3{color: #fff} body.dark_mode .split_box .split_box_button_space .cancel{color: #fff} body.dark_mode .split_flex_with_info .single_info{color: #fff;} body.dark_mode .split_box .split_input_box .single_list_in_task .todo_content .list_info_and_tools .left_box .list_tool{color: #fff;} body.dark_mode .split_box .split_input_box .single_list_in_task .todo_content .list_info_and_tools .right_box .list_date{color: #fff;} body.dark_mode .todo_content .new_todo .todo_elements .new_todo_element_input .fake_check{background-color: #233036} body.dark_mode .todo_content .new_todo .todo_elements .existing_todos_style .draft_todo_element{background-color: #1e2a31} body.dark_mode .todo_content .new_todo .todo_elements .existing_todos_style .draft_todo_element .check-box [type="checkbox"]:not(:checked) + label:before{background-color: #1e2a31} body.dark_mode .todo_content .new_todo .todo_elements .new_todo_element_input .input_space .new_todo_text{background-color: #1f3d43;color: #fff;} body.dark_mode .single_widget .widget_box .workers_select_box .select2-container--default .select2-selection--single{background-color: #1f3d43;} body.dark_mode .todo_content .new_todo .todo_elements .new_todo_element_input .input_space{background-color: #1f3d43;border:2px solid #00adb3} body.dark_mode .todo_content .new_todo .todo_input input{background-color: #1f3d43;border:1px solid #00adb3;color: #fff} body.dark_mode .split_box .split_input_box .select2-container--default .select2-selection--single, body.dark_mode .split_input_box .select2-container--default .select2-selection--single{background-color: #1f3d43;border:1px solid #00adb3;color: #fff} body.dark_mode .todo_content .new_todo .todo_elements .new_todo_element_input .input_space .todo_att_space #file_upload .fileuploader .fileuploader-item .column-title div{color: #fff} body.dark_mode .todo_content .new_todo .todo_elements .new_todo_element_input .input_space .todo_att_space #file_upload_att .fileuploader .fileuploader-item .column-title div{color: #fff} body.dark_mode .fileuploader-item .progress-bar2 .fileuploader-progressbar{background-color: #1f3d43} body.dark_mode .todo_content .new_todo .todo_elements svg{fill: #fff!important;} body.dark_mode .split_box .split_input_box .single_list_in_task .todo_content .list_info_and_tools .left_box .list_tool svg{fill: #fff!important;} body.dark_mode .todo_content .new_todo .todo_elements .existing_todos_style .draft_todo_element .todo_att a span.todo_title{color: #fff} body.dark_mode .split_box .split_input_box .input_error{color: #fe4848} body.dark_mode .select2-container--default .select2-selection--single .select2-selection__rendered{color: #fff} body.dark_mode .todo_content .new_todo .todo_elements .existing_todos_style .draft_todo_element .todo_att a span{color: #fff} body.dark_mode #file_upload .fileuploader .fileuploader-item{background-color: transparent} body.dark_mode #file_upload_att .fileuploader .fileuploader-item{background-color: transparent} body.dark_mode .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color: #fff transparent transparent transparent} body.dark_mode .todo_content *::placeholder{color: #fff} body.dark_mode .select2-container--default .select2-selection--single .select2-selection__placeholder{color: #fff} body.dark_mode .split_listing .split_single_record{background-color: #1e2a31;} body.dark_mode .split_listing .split_single_record .record_name{color: #fff} body.dark_mode .split_listing .split_single_record.active{background-color: #00adb3} body.dark_mode .split_listing .split_single_record:hover{background-color: #00adb3} body.dark_mode .top_bar .tile_menu .menu_element{background-color: #233036;color: #fff;border-color: #00adb3} body.dark_mode .top_bar .tile_menu .menu_element svg{fill:#fff!important;} body.dark_mode .top_bar .tile_menu .menu_element.active{background-color: #00adb3;} body.dark_mode .top_bar .tile_menu .menu_element:hover{background-color: #00adb3;} body.dark_mode .top_bar .tile_menu .menu_element p{color: #fff;} body.dark_mode .todo_content .new_todo .todo_elements .existing_todos_style .draft_todo_element .fake_check{background-color: transparent} body.dark_mode .select2-dropdown{background-color: #1f3d43;border: 2px solid #00adb3;} body.dark_mode .select2-results__option{color: #fff;} body.dark_mode .select2-container--default .select2-results__option--selected{background-color: #1e2a31;} body.dark_mode .split_box .file_list .file_listing .files_flex .single_file p{color: #fff;} body.dark_mode .split_box .file_list .file_search input{background-color: #1f3d43;border:1px solid #00adb3;color: #fff} body.dark_mode .split_box .remove_space{background-color: #1a252b;color: #fff} body.dark_mode .split_box .remove_space .remove_trigger{background-color: #1e2a31;color: #fff} body.dark_mode .split_box .remove_space .remove_trigger svg{fill:#fff} body.dark_mode .split_box .file_list .file_listing .files_flex .single_file{border-color: #fff} body.dark_mode .split_box .file_list .file_listing .files_flex:after{background-color: #233036} body.dark_mode .pagination_content .pagination_box .pagination_inside .single_page{color: #fff} body.dark_mode .split_box .file_list > h3{color: #fff} body.dark_mode .pagination_content .pagination_box .pagination_inside .single_page.active_page{color: #00adb3} body.dark_mode .split_box .split_element_content .conversation_flex .conversation_column *{color: #fff} body.dark_mode .split_box .split_element_content .conversation_flex .conversation_column h4{color: #fff} body.dark_mode .split_box .split_element_content .conversation_flex .conversation_column .check-box [type="checkbox"]:not(:checked) + label:before{background-color: transparent} body.dark_mode .split_box .conversation_tree .single_message .message_body .message_text{background-color: #1a252b;color: #fff;border-color: #1a252b} body.dark_mode .split_box .conversation_tree .single_message .message_body .message_tools .single_message_tool{color: #fff} body.dark_mode .split_box .split_element_content .conversation_flex .conversation_column textarea{color: #fff;background-color: #1a252b} body.dark_mode .split_box .conversation_tree .single_message .message_body .message_tools .single_message_tool svg{fill:#fff} body.dark_mode .fileuploader{background-color:#1a252b!important;color: #fff!important; } body.dark_mode .fileuploader-input-caption{background-color: transparent} body.dark_mode .split_box .conversation_tree .single_message .message_body .message_text .message_info{color: #fff} body.dark_mode .split_box .conversation_tree .single_message .message_body .message_text .message_content .single_att:hover{background-color: #233036} body.dark_mode .split_box .conversation_tree .single_message .message_body .message_text .message_content .single_att .att_tools .single_att_tool svg{fill:#fff} body.dark_mode .split_box .file_list .file_listing .files_flex .single_file .preview_space{background-color: #1e2a31} body.dark_mode .split_box .file_list .file_listing .files_flex .single_file .preview_space .file_tools{background-color: rgba(0,0,0,.5)} body.dark_mode .split_box .split_element_content .tasks_list .tasks_head_flex .list_progress p{color: #fff} body.dark_mode .split_box .split_element_content .tasks_list .tasks_list_content .single_task_space .task_content *{color: #fff;} body.dark_mode .split_box .split_element_content .tasks_list .tasks_list_content .single_task_space .task_content{background-color: #1a252b} body.dark_mode .split_box .split_element_content .tasks_list .tasks_list_content .single_task_space .task_checkbox.check-box [type="checkbox"]:not(:checked) + label:before{background-color: #233036} body.dark_mode .split_box .split_element_content .tasks_list .tasks_list_content:before{background-color: #1a252b} body.dark_mode .split_box .split_element_content .tasks_list .tasks_head_flex .list_progress .tile_progress .bar_head.present_hours span{color: #fff} body.dark_mode #content .listing_variant table tr:hover{background-color: transparent} body.dark_mode .split_box .split_input_box input[type="text"]{background-color: #1f3d43;border:1px solid #00adb3;color: #fff} body.dark_mode .split_box .split_input_box input[type="password"]{background-color: #1f3d43;border:1px solid #00adb3;color: #fff} body.dark_mode .split_box .split_input_box input[type="email"]{background-color: #1f3d43;border:1px solid #00adb3;color: #fff} body.dark_mode .split_box .split_input_box input::placeholder{color: #fff} body.dark_mode .split_box .split_input_box .logo_space .logo_tools .single_tool svg{fill:#fff;} body.dark_mode .xdsoft_datetimepicker{background-color: #233036} body.dark_mode .xdsoft_datetimepicker .xdsoft_calendar td{color: #fff;background-color: #233036} body.dark_mode .xdsoft_datetimepicker .xdsoft_calendar td div{color: #fff!important;} body.dark_mode .xdsoft_datetimepicker .xdsoft_calendar td:hover{background-color: #233036!important;} body.dark_mode .xdsoft_datetimepicker .xdsoft_calendar th{background-color: #233036;color: #fff} body.dark_mode .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, body.dark_mode .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current >div{ border: 1px solid #05afb4;color:#05afb4!important;background-color: #1f3d43;} body.dark_mode .xdsoft_datetimepicker .xdsoft_timepicker .time_picker_time_label{color: #fff} body.dark_mode .xdsoft_datetimepicker .xdsoft_label{background-color: #1a252b} body.dark_mode .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option{background-color: #233036;color: #fff;} body.dark_mode .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background-color: #00adb3} body.dark_mode .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{background-color: #05afb4;color:#ffffff!important;} body.dark_mode .xdsoft_datetimepicker .xdsoft_calendar td:hover > div {border: 1px solid #05afb4;color: #ffffff!important;background-color: #1f3d43;} body.dark_mode #content .listing_variant .tile_parent .single_tile{background-color: #233036} body.dark_mode .split_content .split_box.splited_listing_space #content .listing_variant .tile_parent .single_tile .tile_content *{color: #fff} body.dark_mode #content .listing_variant .tile_parent .single_tile .tile_content *{color: #fff} body.dark_mode #content .listing_variant .tile_parent .single_tile .tile_hidden{background-color: #233036} body.dark_mode .filters .filters_body .filters_section input[type="text"]{background-color: #1f3d43;border:1px solid #00adb3;color: #fff} body.dark_mode .filters .filters_body .filters_section input[type="email"]{background-color: #1f3d43;border:1px solid #00adb3;color: #fff} body.dark_mode .filters .filters_body .filters_section input::placeholder{color: #fff} body.dark_mode .filters .filters_body .filters_section .select_box.w100 .select2-container--default .select2-selection--single{background-color: #1f3d43;border:1px solid #00adb3;color: #fff } body.dark_mode .split_content .split_box.splited_listing_space #content .listing_variant .tile_parent .single_tile.single_company .tile_title{background-color: #202c33;color: #fff} body.dark_mode .split_content .split_box.splited_listing_space #content .listing_variant .tile_parent .single_tile.single_company .tile_title p{color: #fff} body.dark_mode .single_widget .widget_box .widget_content .calc .result{color: #1a252b} body.dark_mode .single_widget .widget_box .assign_content .single_assign_task:hover{background-color:#1f3d43!important;} body.dark_mode .split_content .split_box.splited_listing_space #content .listing_variant .tile_parent .single_tile.single_company .tile_content:hover{background-color:#1f3d43!important;} body.dark_mode .top-menu .top_panel_element .top_bar_my_target{background-color: #1f3d43;color: #00adb3;} body.dark_mode .top-menu .top_panel_element .top_task_space .task_box .status_box{background-color: #1f3d43;color: #00adb3;} body.dark_mode footer .copyright p{color: #fff} body.dark_mode .pagination_content .pagination_box .pagination_inside .single_page.active_page{color: #00adb3;background-color: #1f3d43;} body.dark_mode #content .listing_variant table td .cell_pin{background-color: transparent;border-color: #00adb3} body.dark_mode #content .listing_variant table td .cell_pin.active_pin{background-color: #1f3d43;} body.dark_mode #content .listing_variant table td .cell_pin:hover{background-color: #1f3d43;} body.dark_mode #content .listing_variant table td .cell_pin svg{fill: #00adb3} body.dark_mode .split_box .split_box_element .split_flex .split_input_box .cropper_trigger{background-color: transparent;} body.dark_mode .split_box .split_box_element .split_flex .split_input_box .cropper_trigger:hover{background-color: #1f3d43;} body.dark_mode .split_box .split_box_element .split_flex .split_input_box .cropper_trigger svg{fill:#00adb3} body.dark_mode .name_bar .switch_element .switch_box{background-color: transparent;border-color: #00adb3} body.dark_mode .name_bar .switch_element .switch_box svg{fill: #00adb3} body.dark_mode .name_bar .switch_element .switch_box.active{background-color: #1f3d43;} body.dark_mode .name_bar .switch_element .switch_box:hover{background-color: #1f3d43;} body.dark_mode .cell_pin .tooltip{color: #000!important;} body.dark_mode #content .listing_variant .tile_parent .single_tile .cell_pin{background-color: transparent;border-color: #00adb3} body.dark_mode #content .listing_variant .tile_parent .single_tile .cell_pin.active_pin{background-color: #1f3d43;} body.dark_mode #content .listing_variant .tile_parent .single_tile .cell_pin:hover{background-color: #1f3d43;} body.dark_mode #content .listing_variant .tile_parent .single_tile .cell_pin svg{fill: #00adb3} body.dark_mode .split_content .split_navigation .route_box .path_box .sinlge_path_step .step_number{ border:1px solid #05afb4; color: #00adb3;background-color: #233036;} body.dark_mode .split_content .split_navigation .route_box .path_box .sinlge_path_step.active .step_number{ background-color: #1f3d43;color: #05afb4} body.dark_mode .split_box .split_element_content .columns_flex .single_column .column_label{color: #fff;} body.dark_mode .split_box .split_element_content .columns_flex .single_column .single_person{border: 1px solid #05afb4;background-color: transparent;color: #05afb4} body.dark_mode .split_box .split_element_content .columns_flex .single_column .single_person p{color: #05afb4} body.dark_mode .split_box .split_element_content .columns_flex .single_column .single_person .person_tool span{color: #05afb4!important;background-color: transparent} body.dark_mode .split_box .split_element_content .columns_flex .single_column .single_person .person_tool span:hover{background-color: #1f3d43;} body.dark_mode .top_bar .tile_menu .menu_element .element_counter{color: #000!important;} body.dark_mode .split_box .split_input_box #zl_deadline{background-image: url(/a/img/svg/calendar_hover.svg);} body.dark_mode .split_box .split_box_button_space .cancel:hover{text-decoration: none} body.dark_mode .split_box .split_box_button_space .cancel:hover svg{fill: #00adb3} body.dark_mode .split_box .remove_space .remove_trigger:hover{text-decoration: none} body.dark_mode .split_box .remove_space .remove_trigger:hover svg{fill: #00adb3} body.dark_mode .select2-container--default .select2-search--dropdown .select2-search__field{background-color: #999a9e} body.dark_mode .single_widget .widget_box .weather-widget .w_select .select2-container--default .select2-selection--single{ background-color: #1f3d43;border: 1px solid #00adb3;} body.dark_mode .single_widget .widget_box .weather-widget .w_select .select2-container--default .select2-selection--single .select2-selection__rendered{color: #00adb3} body.dark_mode .single_widget .widget_box .widget_content .single_widget_task{border-color: #000} body.dark_mode .single_widget .widget_box .small_widget .single_record{border-color: #000} body.dark_mode .single_widget .widget_box .workers_table .table_body_box .table_body{border-color: #000} body.dark_mode .single_widget .widget_box .workers_table .table_head_box .table_head{border-color: #000} body.dark_mode .single_widget .widget_box .calendar_widget .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today div {border: 1px solid #05afb4;color: #05afb4!important;background-color: #1f3d43;} body.dark_mode .single_widget .widget_box .days_box .single_day:hover{background-color: #233036!important} body.dark_mode .top-menu .inside-submenu a .ext_menu_element svg{fill:#fff;} body.dark_mode .hamburger-submenu{background-color: #233036;} body.dark_mode .top-menu .inside-submenu a:hover{color: #00adb3} body.dark_mode .top-menu .inside-submenu a:hover svg{fill: #00adb3} body.dark_mode .mce-content-body {background-color: transparent!important;} body.dark_mode .single_widget .widget_box .notes *{background-color: transparent!important;} body.dark_mode .mce-btn-small i{color: #fff!important;background-color: #fff!important;} body.dark_mode .single_widget .widget_box .my_thing{background-color: #1e2a31;border:1px solid #1e2a31} body.dark_mode .single_widget .widget_box .my_thing:hover{background-color: #1f3d43} body.dark_mode .single_widget .widget_box .to_do_widget_content .todo_w_maker input{color: #fff;border-color: #00adb3;background-color: #1f3d43} body.dark_mode .single_widget .widget_box .to_do_widget_content .single_widget_todo{background-color: #1e2a31} body.dark_mode .single_widget .widget_box .to_do_widget_content .single_widget_todo .draft_todo_name{color: #fff;} body.dark_mode .single_widget .widget_box .to_do_widget_content .single_widget_todo .check-box [type="checkbox"]:not(:checked) + label:before,body.dark_mode .single_widget .widget_box .to_do_widget_content .single_widget_todo .check-box [type="checkbox"]:checked + label:before{background-color: transparent} body.dark_mode .single_widget .widget_box .to_do_widget_content .single_widget_todo .draft_todo_tools span svg {fill: #fff;} body.dark_mode .single_widget .widget_box .to_do_widget_content .todo_w_space .empty_list{color: #fff;} body.dark_mode .single_widget .widget_box .to_do_widget_content .single_widget_todo:hover{background-color: #1b373e} body.dark_mode .above_listing_box{background-color: #233036} body.dark_mode .above_listing_box p{color: #fff;} body.dark_mode .above_listing_box .date_picker{color: #fff;border-color: #00adb3;background-color: #1f3d43;} body.dark_mode .above_listing_box svg{fill:#00adb3} body.dark_mode .listing_view .listing_element.head_element{background-color: #233036;color: #fff} body.dark_mode .listing_view .listing_element.head_element span{color: #fff} body.dark_mode .listing_view .single_body_element{background-color: #1e2a31;} body.dark_mode .listing_view .single_body_element:hover{background-color: #1b373e;} body.dark_mode .listing_view .single_body_element.done{background-color: #1b373e!important;} body.dark_mode .time_counter .summary_element.summary_label{color: #fff;} body.dark_mode .time_counter .summary_element.summary_time .inside_time{color: #fff;border-color: #00adb3;background-color: #1f3d43;} body.dark_mode .time_counter .summary_element.summary_time .inside_time .cms_blue{color: #13b4b5!important;} body.dark_mode .listing_view .single_body_element .status_icon{ background-color: #1f3d43;} body.dark_mode .xdsoft_datetimepicker .xdsoft_label{background-color: #233036} body.dark_mode .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div{background-color: #1b252c!important;color: #fff!important;border-color: #1b252c!important;} body.dark_mode .split_box .time_box .task_time .time_table .single_time_table_record .time_table_record{color: #fff;} body.dark_mode .split_box .time_box .task_time .time_table .time_table_head_flex .single_time_head.w_25{color: #fff;} body.dark_mode .split_box .time_box .my_task_time *{color: #fff} body.dark_mode .split_box .time_box .my_task_time .my_task_column.my_task_status .status_icon{background-color: #1f3d43;} body.dark_mode .select2-container--default .select2-selection--multiple{ background-color: #1f3d43;border: 1px solid #00adb3;color: #fff!important;} body.dark_mode .split_box .time_box .my_task_time .my_task_column.with_border{border-color: #fff;} body.dark_mode .listing_view .listing_element.decission_element .cancel{color: #fff;} body.dark_mode .above_listing_box .above_listing_input .select2-container .select2-selection--single{ background-color: #1f3d43;border: 1px solid #00adb3;} body.dark_mode .listing_table .calendar_table .table_cell{color: #fff} body.dark_mode .listing_table .calendar_table .table_cell.week_day_cell{color: #fff} body.dark_mode .todo_content .new_todo .todo_elements .new_todo_element_input .input_space .todo_att_space .fileuploader-input_todo svg{fill:#00adb3!important;} body.dark_mode .split_box .conversation_tree .single_message .message_body .message_tools .single_message_tool:hover svg{fill: #00adb3!important;} body.dark_mode .split_box .conversation_tree .single_message .message_body .message_text .message_content .single_att .att_tools .single_att_tool:hover svg{fill: #00adb3!important;} body.dark_mode .listing_view .listing_body{background-color: #1b252c} body.dark_mode .listing_view .listing_element.head_element span{color: #00adb3!important;} body.dark_mode .listing_table .calendar_table .calendar_body .person_vacation .reguest_inside .vacation_info{background-color: #233036;} body.dark_mode .listing_table .calendar_table .calendar_body .person_vacation .reguest_inside .vacation_info p.right_p{color: #fff;} body.dark_mode .listing_table .calendar_table .calendar_body .person_vacation:hover .reguest_inside .vacation_info{background-color: #1b373e} body.dark_mode .listing_table .calendar_table .calendar_body .person_vacation:hover .reguest_inside .vacation_info p{color: #fff;} body.dark_mode .acc_parent .acc_column .single_acc{background-color: #233036} body.dark_mode .acc_parent .acc_column .single_acc .acc_body .single_person_at_day .person_name p{color: #fff} body.dark_mode .acc_parent .acc_column .single_acc .acc_body .single_person_at_day .person_status p{color: #fff} body.dark_mode .acc_parent .acc_column .single_acc .acc_body .single_person_at_day:hover {background-color: #1b373e;} body.dark_mode .acc_parent .acc_column .single_acc .acc_body .single_person_at_day .single_person_tools {background-color: #1b373e;} body.dark_mode .popup_overlay .popup_wrapper .popup_body .popup_content{background-color: #1f3d43} body.dark_mode .popup_overlay .popup_wrapper .popup_body .popup_content .welcome_popup_content .work_times .work_time input {background-color: #1f3d43;border: 1px solid #00adb3;color: #fff;} body.dark_mode .popup_overlay .popup_wrapper .popup_body .popup_content .welcome_popup_content h6{color: #fff;} body.dark_mode .popup_overlay .popup_wrapper .popup_body .popup_content .welcome_popup_content .work_times .work_time:after{color: #fff} body.dark_mode .acc_parent .acc_column .single_acc .acc_body .single_person_at_day .time_edit_box{background-color: #1b373e; border-bottom: 1px solid #d2dae5;} body.dark_mode .acc_parent .acc_column .single_acc .acc_body .single_person_at_day .time_edit_box input{ background-color: #1f3d43;border: 1px solid #00adb3;color: #fff} body.dark_mode .split_box .split_input_box .select2-container .select2-selection--multiple.invalid, body.dark_mode .split_input_box .select2-container .select2-selection--multiple.invalid{background-color: #1f3d43;border: 1px solid #00adb3;color: #fff;} body.dark_mode .select2-container--default .select2-search--inline .select2-search__field::placeholder{color: #fff} body.dark_mode .listing_view .auctions_listing .single_body_element .options_element{background-color: #1b373e} body.dark_mode .split_box .split_element_content .product_information .prd_text p{color: #fff} body.dark_mode .input.radio label:before{border-color: #fff} body.dark_mode .input.checkbox label:before{border-color: #fff} body.dark_mode .split_box .split_input_box textarea{ background-color: #1f3d43;border: 1px solid #00adb3;color: #fff;} body.dark_mode .split_box .hidden_place{ background-color: #233036;} body.dark_mode #file_upload .fileuploader{ background-color:#1a252b!important} body.dark_mode .fileuploader-theme-dragdrop .fileuploader-input{background-color: transparent} body.dark_mode .split_box .split_box_button_space .cancel{background-color: transparent} body.dark_mode .split_box .form_flex .file_box .fake_file_input{background-color: #1f3d43;border: 1px solid #00adb3;} body.dark_mode .popup_overlay .popup_wrapper .popup_body .popup_content .popup_buttons .cancel{background-color: transparent} body.dark_mode .scroll-box::-webkit-scrollbar-thumb {background: rgba(255,255,255,0.8);} body.dark_mode .split_box .split_tiles_box.no_wrap_tiles .single_split_tile.split_tile_12 svg path{stroke:#00adb3!important;} body.dark_mode .split_input_box div.fancy-select .trigger{ background-color: #1f3d43!important;border: 1px solid #00adb3!important;color: #fff!important;} body.dark_mode .split_input_box div.fancy-select ul.options{ background-color: #1f3d43;border: 2px solid #00adb3;} body.dark_mode .split_input_box div.fancy-select ul.options li{color: #fff;} body.dark_mode .filters .filters_body .filters_section .select_box.w100 div.fancy-select .trigger{ background-color: #1f3d43;border: 1px solid #00adb3;color: #fff;} body.dark_mode .filters .filters_body .filters_section .select_box.w100 div.fancy-select ul.options{ background-color: #1f3d43;border: 2px solid #00adb3;} body.dark_mode .filters .filters_body .filters_section .select_box.w100 div.fancy-select ul.options li{color: #fff;} body.dark_mode #content .listing_variant table .listing_head_table th{background-color: #233036;color: #00adb3;} body.dark_mode #content .shtable > thead > tr > th.shtable-sortable > span.shtable-sort-indicator{color: #00adb3!important;} body.dark_mode #content .select div.fancy-select div.trigger{background-color: #1f3d43;color: #fff;} body.dark_mode #content .split_box .split_box_element .system_flex input{background-color: #1b252c;color: #fff;border: 1px solid #00adb3;} body.dark_mode .split_box .split_box_element .threeColumns .column input{background-color: #1b252c;color: #fff;border: 1px solid #00adb3;} body.dark_mode #content .split_box .split_box_element .system_flex label{color: #fff;} body.dark_mode .split_box .split_box_element .threeColumns .column{color: #fff;} body.dark_mode #content .split_box .acl_flex .section-row > label{color: #fff;} body.dark_mode #content .split_box .acl_flex .section-row label a{color: #fff;} body.dark_mode #content .split_box .acl_flex .section-row .input.checkbox label{color: #fff;} body.dark_mode #content .split_box .split_input_box .mce-container{} body.dark_mode #content .split_box .split_input_box .mce-container .mce-btn{background-color: #1f3d43;border: 1px solid #00adb3;} body.dark_mode #content .split_box .split_input_box .mce-container .mce-btn .mce-txt{color: #fff!important;} body.dark_mode #content .split_box .split_input_box .mce-panel{background-color: #202c33;border:none;} body.dark_mode #content .split_box .split_input_box .mce-panel.mce-edit-area{background-color: #1f3d43;} body.dark_mode #content .split_box .split_input_box .mce-container .mce-btn-small i {color: #fff!important;background-color: transparent!important;} body.dark_mode .mce-menu{background-color: #1f3d43;border: 1px solid #00adb3;background: #1f3d43} body.dark_mode .input.checkbox label{color: #fff;} body.dark_mode .pagination_content.listing-pagination ul.pagination_box li.shtable-page a{color: #fff;} body.dark_mode .pagination_content.listing-pagination ul.pagination_box li.shtable-page a:hover{color: #00adb3} body.dark_mode .pagination_content.listing-pagination ul.pagination_box li.shtable-page.active {background-color: #1f3d43;border: 1px solid #00adb3;color: #fff;} body.dark_mode .pagination_content.listing-pagination ul.pagination_box li.shtable-page.active a:hover{color: #fff;} body.dark_mode .pagination_content .pagination_box .pagination_arrow a:hover{background-color: transparent} body.dark_mode .pagination_content .pagination_box .pagination_arrow:hover{background-color: transparent} body.dark_mode .pagination_content .pagination_box .shtable-limit-next:hover{background-color: transparent} body.dark_mode .f_start_price{color: #fff;} body.dark_mode .side-header .menu-element a .menu-element-icon.svg_icon .menu_counter{color: #000!important;} body.dark_mode .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background-color: transparent!important;border: 1px solid #05afb4!important;color: #05afb4!important;} body.dark_mode #content .listing_variant table .new_table_body_row td.link_td {border-color: transparent!important;} body.dark_mode #content .listing_variant table tr{background-color: #233036} body.dark_mode .auctions_popup .popup_flex .input_box label{color: #fff;} body.dark_mode .auctions_popup .popup_flex .input_box input{background-color: #1b252c;color: #fff;border: 1px solid #00adb3;} body.dark_mode .auctions_popup textarea{background-color: #1b252c;color: #fff;border: 1px solid #00adb3;} body.dark_mode .popup_overlay .popup_wrapper .popup_body .popup_content .popup_reason textarea{background-color: #1b252c;color: #fff;border: 1px solid #00adb3;} body.dark_mode .auctions_popup label{color: #fff;} body.dark_mode .split_flex_with_info .single_info{color: #00adb3!important;} body.dark_mode .split_flex_with_info .single_info span{color: #fff!important;} body.dark_mode #content .listing_variant table td.option_td .tooltip{background-color: #1b252c;color: #fff;border: 1px solid #00adb3;} body.dark_mode #content .split_box .split_input_box .photo_tools_parent .tooltip{background-color: #1b252c;color: #fff;border: 1px solid #00adb3;} body.dark_mode .select div.fancy-select ul.options{ background-color: #1f3d43;border: 2px solid #00adb3;} body.dark_mode .select div.fancy-select ul.options li {color: #fff;} body.dark_mode .select div.fancy-select ul.options li.selected {background: #0eb1b7;} body.dark_mode .select div.fancy-select ul.options li:hover {background: #0eb1b7;} body.dark_mode .select div.fancy-select ul.options li.hover {background: #0eb1b7;} body.dark_mode .split_box .split_input_box .color_select.fake-select .hidden-options {background-color: #1f3d43;border: 1px solid #00adb3;} body.dark_mode .split_box .split_input_box .color_select {border-color: #00adb3;background-color: #1f3d43;} body.dark_mode .split_box .split_input_box .color_select .fake-arrow i{color: #00adb3} body.dark_mode .split_flex_with_info .single_info p{color: #fff} body.dark_mode .listing_view .empty_table .listing_element.empty_row{color: #fff} body.dark_mode .listing_view .listing_element.body_element span.hidden_text{color: #00adb3!important} body.dark_mode .mce-window-head{background: linear-gradient(270deg, rgba(154,225,195,1) 7%, rgba(21,180,181,1) 59%);} body.dark_mode .mce-window-head .mce-title{color: #fff;} body.dark_mode .mce-window-head .mce-close i {color: #ffffff;} body.dark_mode .mce-window .mce-container-body{background-color: #1f3d43;} body.dark_mode .mce-foot{border: none;background: transparent;} body.dark_mode .mce-label{border: none;text-shadow: none;color: #fff;} body.dark_mode .mce-textbox {background: transparent;background-color: #1b252c;color: #fff;border: 1px solid #00adb3;border-radius: 6px;} body.dark_mode .mce-window-body .mce-listbox {background: transparent;background-color: #1b252c;color: #fff;border: 1px solid #00adb3;border-radius: 6px;} body.dark_mode #content .listing_variant .changes_btn_box .reject-changes{color: #fff;} body.dark_mode #content .listing_variant table .new_table_body_row .change_label{color: #00adb3;} body.dark_mode .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.8); } body.dark_mode .top-menu .user-panel .panel-element.my-account > svg{fill: #ece429;} body.dark_mode #content .listing_variant table .new_table_body_row .change_label{color: #00adb3!important;} body.dark_mode #content .listing_view .empty_table .listing_element .empty_row{color: #fff!important;} body.dark_mode .split_box .split_input_box .f_comm{color: #fff;} body.dark_mode .split_box .split_input_box .f_youtube{color: #fff;} body.dark_mode .split_box .file_list .file_listing .remove_all_photos{color: #fff;} body.dark_mode .split_box .file_list .yt_box {border-color: #000;} body.dark_mode .split_box .split_tools .tooltip{background-color: #1b252c;color: #fff;border: 1px solid #00adb3;} body.dark_mode #content .box_info .single_information .info_part,body.dark_mode #content .numbers_box .numbers_column .column_head p{color: #fff;} body.dark_mode #content .numbers_box .numbers_column .column_body .column_row{background-color: #1f3d43;} body.dark_mode #content .numbers_box .numbers_column .column_body .column_row:nth-child(even){background-color: #1f3d43;} body.dark_mode #content .numbers_box .numbers_column .column_body .column_row *,body.dark_mode #content .numbers_box .numbers_column .column_body .column_row .column_part.to_right p{color: #fff;} body.dark_mode #content .numbers_box .numbers_column .column_body .column_row{border-color: #000;} body.dark_mode #content .numbers_box .numbers_column .column_body .column_row .column_part .percent_box{color: #fff;} body.dark_mode #content .box_info .single_information .label_part{color: #fff;} body.dark_mode .single_widget .widget_box .widget_amount .amount_flex .single_amount .icon_box p,body.dark_mode .single_widget .widget_box .widget_content .offert_box p,body.dark_mode .single_widget .widget_box .widget_text{color: #fff;} body.dark_mode .single_widget .widget_box .widget_amount .amount_flex .single_amount .icon_box svg{fill: #fff;} body.dark_mode .single_widget .widget_box .widget_amount .amount_flex .single_amount .circle_box{background-color: #1f3d43;border: 1px solid #00adb3;} body.dark_mode .single_widget .widget_box .add_btn svg,body.dark_mode .single_widget .widget_box .widget_content .single_widget_task .task_status .status_icon svg{fill: #00adb3;} body.dark_mode .single_widget .widget_box .add_btn{background-color: #202c33;border: 1px solid #00adb3;} body.dark_mode .single_widget .widget_box .add_btn:hover{background-color: #1f3d43;} body.dark_mode .single_widget .widget_box .widget_content .single_widget_task .task_status .status_icon{background-color: #202c33;border: 1px solid #00adb3;} body.dark_mode .popup_overlay .popup_wrapper .popup_body .popup_content .popup_reason label{color: #fff;} body.login-page #content{background-color: #ffffff!important;} body.login-page footer{ background-color: rgba(255,255,255,.80)!important;} body.login-page footer .copyright p{color: #838383!important;} body.dark_mode .single_widget .widget_box .widget_content .single_widget_task{background-color: #233036;} body.dark_mode .single_widget .widget_box .widget_content .single_widget_task:hover{background-color: #202c33;} body.dark_mode .single_widget .widget_box .widget_content .single_widget_task .task_status .status_icon.open_status{background-color: #1f3d43;} body.dark_mode .split_input_box div.fancy-select .trigger.red_border{border-color: #fe4848!important;} body.dark_mode .single_widget .widget_box .widget_content .offert_box .empty_box{color: #fff; margin: 0 auto; padding: 0 16px; text-align: center;} .single_widget .widget_box .widget_content .offert_box .empty_box {margin: 0 auto; padding: 0 16px; text-align: center;} body.dark_mode #error-cnt{background-color: #233036!important; margin: 50px auto;} body.dark_mode #error-cnt h4{color: #fff;} body.dark_mode #error-cnt p{color: #fff;} body.dark_mode .split_box .form_flex .file_box .fake_file_reset svg{fill: #00adb3;} body.dark_mode .start_price_error, body.dark_mode .start_price_one_error{color: #fff;} .step_in {display: flex; margin: 0 auto; width: 1180px; min-height: 450px; padding: 20px; align-items: center; justify-content: center; position: relative; color: #808080;} .step_in input {width: 50px; padding: 10px; border: 1px solid #ECEFF3; background: #ECEFF3; border-radius: 5px;} body.dark_mode .single_info {color: #fff;} body.dark_mode .cp_inp {color: #d9d9d9;} body.dark_mode .cp_inp input {border: 1px solid #00adb3; background-color: #1f3d43; color: #fff;} body.dark_mode .step_in svg path {fill: #fff;} body.dark_mode .step_in svg rect.roundnum {fill: #fff; fill-opacity: 0.5;} body.dark_mode .step_in svg path.num {fill: #fff;} body.dark_mode .step_in svg path.line {fill: #ff4848; stroke: #ff4848;} .single_widget .widget_box .widget_amount {padding: 5px 0 0;} @media all and (max-height: 600px){ body.login-page footer{position: relative;margin-top: 10px} } @media all and (max-width: 1750px){ .single_widget .widget_box .workers_table .table_body_box .table_body.record_img{flex-basis: 25%} .single_widget .widget_box .workers_table .table_head_box .table_head.textC {flex-basis: 88px;} .single_widget .widget_box .workers_table .table_body_box .table_body{flex-basis: 75%} .single_widget .widget_box .workers_table .table_head_box .table_head{flex-basis: calc(100% - 88px)} .single_widget .widget_box .my_plan_widget .my_time .unit{margin: 0 3px} .f_46{font-size: 32px} .single_widget .widget_box .widget_content .clockW .clock_inside{font-size: 38px} } @media all and (max-width: 1700px){ .single_widget .widget_box .widget_amount .amount_flex .single_amount .circle_box span{font-size: 16px} .single_widget .widget_box .widget_amount .amount_flex .single_amount .circle_box{width: 50px;height: 50px} .single_widget .widget_box .widget_amount .amount_flex .single_amount .icon_box p{margin-top: 3px} .single_widget .widget_box .widget_amount .amount_flex .single_amount .icon_box{margin-top: 6px} .single_widget .widget_box .widget_amount .amount_flex .single_amount .icon_box svg{width: 22px;height: 24px} .single_widget .widget_box .widget_amount .amount_flex .single_amount{flex-basis: 50%; margin: 5px 0;} .single_widget .widget_box .widget_amount {padding: 5px 0 0;} } @media all and (max-width: 1670px){ .split_box .split_tiles_box .single_split_tile{flex-basis: 19%} .split_box .split_tiles_box .single_split_tile p{font-size: 16px} #file_upload .fileuploader .fileuploader-item .column-title{max-width: 800px} } @media all and (max-width: 1600px){ .top_bar .tile_menu .menu_element{font-size: 14px} } @media all and (max-width: 1500px){ .top_bar.two_elements_bar .bar_element.button_div,.top_bar.two_elements_bar .bar_element.tile_menu{flex-basis: 100%} .top_bar.two_elements_bar .bar_element.button_div{margin-top: 10px} .split_box .split_element_content .tasks_list .tasks_list_content .single_task_space .task_content{ flex-basis: calc(100% - 65px);} .split_box .split_element_content .conversation_flex .conversation_column{flex-basis: 100%} .split_flex_with_info .single_info{flex-basis: 50%} #file_upload .fileuploader .fileuploader-item .column-title{max-width: 700px} } @media all and (max-width: 1450px){ .widgets_grid .grid_column.column_40{flex-basis: 49%} .widgets_grid .grid_column.column_35{flex-basis: 49%} .widgets_grid .grid_column.column_25 {flex-basis: 32%; margin: 10px 0;} .widgets_grid .grid_column.column_25 .sub_grid{flex-direction: row;height: auto;} .widgets_grid .grid_column.column_25 .sub_grid .single_widget{flex-basis: 100%;margin-top: 0px} .single_widget .widget_box .to_do_widget_content{padding-bottom: 12px} .widgets_grid .grid_column.column_25 .sub_grid .single_widget.h_30{margin-bottom: 20px} .widgets_grid .grid_column.column_40 {flex-basis: calc(50% - 5px);} .widgets_grid .grid_column.column_35 {flex-basis: calc(50% - 5px);} .widgets_grid .grid_column.column_25{min-height: 1px;flex-basis: 100%} .widgets_grid .grid_column.column_25 .sub_grid .single_widget {flex-basis: calc(50% - 5px);margin-top: 0px;height: auto;} .single_widget .widget_box .calendar_widget .xdsoft_datetimepicker .xdsoft_calendar{padding: 24px 3px 3px 3px;} } @media all and (max-width: 1400px){ .split_content .split_listing{flex-basis: 100%;max-width: 360px} .split_content .split_box {flex-basis: calc(100% - 375px);} .split_listing .split_single_record a{font-size: 16px} #content .listing_variant .tile_parent .single_tile .tile_top_flex .tile_avatar {width: 48px;height: 48px;flex-basis: 48px;} #content .listing_variant .tile_parent .single_tile .cell_pin{width: 40px;height: 40px;flex-basis: 40px} #content .listing_variant .tile_parent .single_tile .cell_pin svg{width: 30px;height: 30px} #content .listing_variant .tile_parent .single_tile .tile_top_flex .tile_name {flex-basis: calc(100% - 90px);} #content .listing_variant table td .cell_pin{width: 40px;height: 40px} #content .listing_variant table td .cell_pin svg{width: 30px;height: 30px} #content .listing_variant table th.number_th.empty_th{width: 55px} .split_flex_with_info .single_info{flex-basis: 50%} .split_flex_with_info .single_info{margin-bottom: 10px} .split_box .file_list .file_listing .files_flex .single_file{flex-basis: 33.33%;padding: 25px 25px 15px 25px;} .split_box .file_list .file_listing .files_flex .single_file:nth-child(4n+1){border-left: none} .split_box .file_list .file_listing .files_flex .single_file:nth-child(4n+4){border-right: 1px solid #000} .split_box .file_list .file_listing .files_flex .single_file:nth-child(-n+3){border-top: none} .split_box .file_list .file_listing .files_flex .single_file:nth-child(3n+1){border-left: none} .split_box .file_list .file_listing .files_flex .single_file:nth-child(3n+3){border-right: none} } @media all and (max-width: 1300px){ .split_box .split_tiles_box .single_split_tile{flex-basis: 32%;margin-right: 1%} .split_content .split_box{padding: 0 15px} .split_content .split_box.no_padding{padding: 0} .split_content .split_box.no_padding .box_padding{padding: 0px 15px;} .split_box .split_tiles_box{flex-wrap: wrap} .split_box .split_input_box label{font-size: 16px} .split_box .split_box_element{padding: 15px 0} .top-menu .user-panel{width: 400px} .top-menu .top_panel_element{max-width: 100%;width: calc(100% - 410px)} .split_content .split_box.splited_listing_space #content .listing_variant .tile_parent .single_tile.single_company {flex-basis: 49%;} .split_content .split_box.splited_listing_space #content .listing_variant .tile_parent.company_listing{justify-content: space-between} .split_box .split_element_content .tasks_list .tasks_list_content:before{height: calc(100% - 125px);} .listing_view .listing_element.v_empty_element{display: none;} .listing_view .other_years{width: 100%;text-align: center} .statistic_panel .stat_flex .stat_box.w_40{flex-basis: calc(50% - 5px);margin-bottom: 10px} .statistic_panel .stat_flex .stat_box.w_60{flex-basis: calc(50% - 5px);margin-bottom: 10px} .statistic_panel .stat_flex .stat_box.w_50{flex-basis: calc(50% - 5px)} .split_content .split_box.with_padding {padding: 15px 15px;} } @media all and (max-width: 1230px){ .split_content .split_listing{max-width: 280px} .split_content .split_box {flex-basis: calc(100% - 295px);} #content .listing_variant table td.option_td .cell_tools .single_tool{width: 40px;height: 40px} #content .listing_variant table td.option_td .cell_tools .single_tool img{ margin: 0 auto;max-height: 19px;} #content .listing_variant table td.option_td{width: auto} #content .listing_variant table th.number_th{width: 65px} } @media all and (max-width: 1200px){ .top_bar .tile_menu .menu_element{flex-basis: 33.33%;border-radius: 0!important;} .top_bar .tile_menu{flex-wrap: wrap} #content .listing_variant table td,#content .listing_variant table th{font-size: 16px} #content .listing_variant .tile_parent .single_tile{ flex-basis: 32.3%;} #content .listing_variant .tile_parent .single_tile .tile_name{font-size: 16px} #content .listing_variant .tile_parent .single_tile .tile_hidden .single_tool{width: 40px;height: 40px} #content .listing_variant .tile_parent .single_tile .tile_hidden .single_tool img {margin: 7px auto;max-height: 22px;} #content .listing_variant .tile_parent .single_tile:hover .tile_hidden {top: 60%;} #content .listing_variant .tile_parent .single_tile .tile_hidden{height: 40%} #content .listing_variant table th,#content .listing_variant table th .sort_cell{box-shadow: none;background-color: transparent;} #content .listing_variant table tr:hover td.option_td{width: 170px} #content .listing_variant .tile_parent .single_tile .tile_hidden .single_tool img{max-height: 19px} .widgets_grid .grid_column.column_40{flex-basis: 100%;} .widgets_grid .grid_column.column_35{flex-basis: 100%;margin-top: 15px;} .listing_view .listing_element.decission_element .cancel{flex-basis: 75px;} .listing_view .listing_element.decission_element .request_accept {flex-basis: calc(100% - 80px);} .split_box .split_input_box.form_elements.w_30{flex-basis: 60%;} .split_box .split_input_box.form_elements.tools_elements{flex-basis: 100%;margin-top: 10px;} .acc_parent .acc_column .single_acc .acc_body .single_person_at_day .time_edit_box{max-width: 70%;} #content .listing_variant table .listing_head_table{display: none;} #content .listing_variant table .new_table_body_row{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;} #content .listing_variant table .new_table_body_row td{display: flex!important;align-items: center;justify-content: center;} #content .listing_variant table .new_table_body_row td .hidden_table_info{ display: inline-block;flex-basis: auto;margin-right: 5px;color: #00adb3!important;font-weight: bold;} #content .listing_variant table .new_table_body_row td{justify-content: center;align-items: center;text-align: center;flex-wrap: wrap;} #content .listing_variant table .new_table_body_row.flex_element td{flex-basis: 50%;} #content .listing_variant table .new_table_body_row td.option_td{justify-content: center;align-items: center;text-align: center;height: 60px;width: 100%;} #content .listing_variant table .new_table_body_row.flex_element td.option_td{flex-basis: 100%;background-color: #f4f6f7;} #content .listing_variant table .new_table_body_row.flex_element td.mobile_w100{flex-basis: 100%} #content .listing_variant table .new_table_body_row td.option_td .cell_tools{display: flex;justify-content: center;align-items: center; position: relative;background-color: transparent; width: 100%;max-width: 100%;flex-basis: 100%;} #content .listing_variant table .new_table_body_row td.link_td a{justify-content: flex-start;flex-wrap: wrap;} #content .listing_variant table .new_table_body_row td.link_td.textC a {justify-content: flex-start;} #content .listing_variant table .new_table_body_row td{height: 100px;} #content .listing_variant table .new_table_body_row td.link_td a img{height: 100%;display: block;} #file_upload .fileuploader .fileuploader-item .column-title{max-width: 600px;} body.dark_mode #content .listing_variant table .new_table_body_row.flex_element td.option_td {background-color: #1f3d43;} #content .listing_variant table .new_table_body_row td.link_td.textC a.activate{display: inline-flex;width: auto;height: auto;} #content .listing_variant table .new_table_body_row.flex_element td{justify-content: flex-start;} #content .listing_variant table .new_table_body_row td.link_td a{padding: 0;} #content .listing_variant table .new_table_body_row td{padding: 10px 5px 10px 15px;} #content .listing_variant table .new_table_body_row td.link_td{padding: 10px 5px 10px 15px;} #content .listing_variant table .new_table_body_row.user_changes_row{display: table-row;} #content .listing_variant table .new_table_body_row.user_changes_row td{text-align: left;display: table-cell!important;} #content .listing_variant table tr td.option_td{position: relative!important;;width: auto!important;top: auto;bottom: auto;left: auto;right: auto;padding: 10px 5px 10px 15px!important;} #content .numbers_box .numbers_column {flex-basis: 48%;} #content .box_info .single_information {flex-basis: 48%;} #content .numbers_box .numbers_column .column_body .column_row{padding: 10px;} #content .numbers_box .numbers_column .column_body .column_row .column_part .percent_box{width: 55px;} .single_widget .widget_box .widget_amount {padding: 10px 0;} .widgets_grid .grid_column.column_35{margin-top: 5px;} .widgets_grid .grid_column.column_25{margin: 5px 0 0;} .single_widget.h_35 {height: auto;margin-bottom: 5px;} .single_widget .widget_box .calendar_widget .xdsoft_datetimepicker .xdsoft_calendar {max-width: 550px;} } @media all and (max-width: 1100px){ .carpaint_steps{top: 100px;} .split_content .split_listing{max-width: 100%;flex-basis: 100%; display: flex;flex-wrap: wrap;} .split_listing .split_single_record{flex-basis: 33.33%;border-bottom: 0;width: 100%;max-width: 33.33%;} .split_content .split_box{max-width: 100%;flex-basis: 100%;margin-top: 15px} .split_listing .split_single_record a{white-space: normal;max-width: 100%;font-size: 14px;} .split_listing .split_single_record.active:after, .split_listing .split_single_record:hover:after{content: none} .split_content .split_listing{max-height: 68px} .split_content .split_listing.scroll-box::-webkit-scrollbar {width: 3px;} .split_listing .split_single_record{height: 68px} .split_content .split_listing{justify-content: space-between} .split_listing .split_single_record{display: none} .split_listing .split_single_record.active{display: flex; max-width: 50%;flex-basis: 50%;} .split_content .split_navigation{display: flex;padding: 0;order: 2;flex-basis: 115px;align-items: center;} .split_content .split_navigation .route_box .path_box{display: none} .listing_view .listing_element.amount_element{display: none} .listing_view .listing_element.client_element {flex-basis: calc(30% - 40px);padding-right: 5px;} .listing_view .listing_element.name_element {flex-basis: calc(30% - 40px);padding-right: 5px;} .listing_view .listing_element.running_element{display: none} .listing_view .listing_element.worker_name_element{flex-basis: 20%;padding-left: 15px;padding-right: 15px} .listing_view .listing_element.range_element{flex-basis: 25%;padding-right: 15px;} .listing_view .listing_element.kind_element{flex-basis: 20%;padding-right: 15px;} .listing_view .listing_element.time_element{flex-basis: 15%;padding-right: 15px;} .listing_view .listing_element.decission_element{flex-basis: 20%} .statistic_panel .stat_flex .stat_box.w_40{flex-basis: 100%;margin-bottom: 10px} .statistic_panel .stat_flex .stat_box.w_60{flex-basis: 100%;margin-bottom: 10px} .statistic_panel .stat_flex .stat_box.w_50{flex-basis: 100%;margin-bottom: 10px} .split_content .split_listing{display: none} .listing_view.auction_details_view .listing_head{display: none} .listing_view.auction_details_view .single_body_element .options_element{background-color: #eaf7f7;max-width: 100%;bottom: 0px;padding: 15px 0;width: 100%;left: 0;right: 0;margin: auto;justify-content: center;align-items: flex-end} .listing_view.auction_details_view .single_body_element:hover .options_element .tooltip{left: 0;right: 0} body.dark_mode .listing_view.auction_details_view .single_body_element .options_element{background-color: #233036;} .listing_view.auction_details_view .listing_element.decission_element{flex-direction: row;justify-content: center;align-items: center;flex-basis: 100%!important;} .listing_view.auction_details_view .listing_element.worker_name_element{padding: 0;} .listing_view.auction_details_view .listing_element.decission_element .cancel{margin: 0;order: 1} .listing_view.auction_details_view .listing_element.decission_element .request_accept {flex-basis: 140px;padding: 12px 5px;margin-left: 10px;order: 2} .listing_view.auction_details_view .listing_element.body_element{padding: 0} .listing_view.auction_details_view .listing_element.body_element .hidden_info{display: inline-block} .listing_view.auction_details_view .listing_element.body_element span.hidden_text{display: inline-block;font-weight: normal;margin-right: 10px;} .listing_view.auction_details_view .listing_element.body_element {flex-basis: 50%!important;height: auto;min-height: 30px;margin: 5px 0;} .listing_view.auction_details_view .single_body_element {flex-basis: 100%;margin-bottom: 15px;border-bottom: none;flex-wrap: wrap;padding: 15px;box-shadow: 0px 1px 5px 0px rgb(31 31 31 / 20%);} .listing_view.auction_details_view .listing_element.center_align{justify-content: flex-start;text-align: left} .listing_view.auction_details_view .listing_element.body_element.tooltip_parent{flex-basis: 100%!important; height: 0;min-height: 0px;} .widgets_grid .grid_column.column_25{flex-basis: 49%} #content .split_box .split_box_element .stats_flex .single_stat{flex-basis: 100%} } @media all and (max-width: 1050px){ #content .numbers_box .numbers_column {flex-basis: 100%;margin-bottom: 15px;} #content .box_info .single_information{flex-basis: 100%} #content .numbers_box{margin: 20px 0} } @media all and (max-width: 1000px){ #content .listing_variant table th.number_th{width: 75px} #content .listing_variant table td.option_td .cell_tools .single_tool{width: 36px;height: 36px;margin-left: 5px} #content .listing_variant table td.option_td .cell_tools .single_tool img {display: block;margin: 10px auto;max-height: 14px;} #content .listing_variant table tr td.option_td .cell_tools {position: absolute;width: 180px;right: 0;height: 100%;top: 0;align-items: center;background-color: #f4f6f7;justify-content: center;} #content .listing_variant table tr:hover td.option_td .cell_tools{display: flex} #content .listing_variant table td.option_td{width: 10px} #content .listing_variant table td,#content .listing_variant table th{font-size: 14px} .top-menu .top_panel_element .top_task_space .task_box.active_box{display: none} .top-menu .user-panel .panel-element{margin-left: 15px} .top-menu .user-panel {width: 350px;} .top-menu .top_panel_element {width: calc(100% - 360px);} .f_12{font-size: 10px} .f_14{font-size: 12px} .f_16{font-size: 14px} .f_18{font-size: 16px} .f_20{font-size: 18px} .f_24{font-size: 22px} .f_28{font-size: 26px} .f_30{font-size: 28px} .f_46{font-size: 36px} .split_box .split_input_box.w33{flex-basis: 49%} .above_listing_box svg{left: 305px} .listing_view .listing_element.decission_element .cancel{flex-basis: auto;margin-top: 5px;padding: 0;order: 2} .listing_view .listing_element.decission_element .request_accept {flex-basis: auto;padding:9px 5px;order: 1} .listing_view .listing_element.decission_element{flex-direction: column; align-items: center;justify-content: center;} .split_box .split_input_box.w_40{flex-basis: 49%} .split_box .split_input_box.w_20{flex-basis: 49%} #file_upload .fileuploader .fileuploader-item .column-title{max-width: 100%} .split_box .split_box_element .system_flex .inputs .oneColumn{flex-basis: 100%} .split_box .split_box_element .only_input{flex-basis: 100%} .split_box .split_box_element .threeColumns .column{flex-basis: 49%} #content .split_box .acl_flex .section-row{flex-basis: 100%} #content #LOGIN .inside_log .page_flex .page_column.bg_column{display: none} #content #LOGIN .inside_log .page_flex .page_column{flex-basis: 100%} #content #LOGIN .inside_log .page_flex .page_column .page_content_box .page_input_box {position: relative;min-height: 1px;margin-bottom: 30px;} #content #LOGIN{min-height: 100vh} #content #LOGIN{align-items: flex-start} #content .split_box .split_box_element .stats_flex .single_stat .canvas_flex{flex-wrap: wrap} #content .split_box .split_box_element .stats_flex .single_stat .canvas_flex .stat_column{flex-basis: 100%} .split_box .split_box_element .split_flex.exception_flex .split_input_box.w_33{flex-basis: 49%;margin: 0} .split_box .split_box_element .split_flex.exception_flex .split_input_box.w_20{flex-basis: 49%;margin: 0} .split_box .split_box_element .split_flex.exception_flex{justify-content: space-between} } @media all and (max-width: 900px){ .split_listing .split_single_record a{font-size: 12px} .split_content .split_listing {max-height: 64px;} .split_box .split_tiles_box .single_split_tile{flex-basis: 50%;margin: 5px 0;height: 50px;} .split_box .split_tiles_box{justify-content: space-between} .split_listing .split_single_record a{max-height: 25px;overflow: hidden} .split_content .split_listing{max-height: 100%} .split_box .split_element_content .columns_flex .single_column{flex-basis: 100%;margin: 10px 0} .split_box .split_element_content .columns_flex .single_column .single_person p{font-size: 16px} .split_box .split_element_content .tasks_list .tasks_head_flex .list_progress p{display: block;flex-basis: 100%} .split_box .split_element_content .tasks_list .tasks_head_flex .list_progress .tile_progress{margin-left: 0} .split_box .split_element_content .tasks_list .tasks_head_flex .list_progress{flex-wrap: wrap} .widgets_grid .grid_column.column_25 .sub_grid .single_widget{flex-basis: 100%} .split_box .time_box .my_task_time .my_task_column{flex-basis: 50%;padding: 0;margin: 10px 0;} .split_box .time_box .my_task_time{flex-wrap: wrap} .split_box .time_box .my_task_time .my_task_column.with_border{border: none;} .time_counter .summary_element.summary_time{flex-basis: auto; width: 100%;} .time_counter{justify-content: flex-start;} .split_box .split_input_box.form_elements.w_30{flex-basis: 100%} .split_box .split_input_box.form_elements.w_20{flex-basis: 49%} .listing_table .calendar_table .table_cell.single_day_cell {min-height: 95px;} .listing_table .calendar_table .calendar_body .person_vacation{top: 250px} .acc_parent {flex-wrap: wrap} .acc_parent .acc_column{flex-basis: 100%} .split_box .split_input_box .flex_check_box .single_flex_check{flex-basis: 49%} .split_box .split_input_box .flex_check_box{justify-content: space-between} } @media all and (max-width: 850px){ #content .listing_variant .tile_parent .single_tile {flex-basis: 49%;margin: 1% 0;} #content .listing_variant .tile_parent{justify-content: space-between} .todo_content .new_todo .todo_elements .existing_todos_style .draft_todo_element .todo_att a span.todo_title{max-width: 200px} .split_box .file_list .file_listing .files_flex .single_file{padding: 15px} .widgets_grid .grid_column.column_25 {flex-basis: 100%; margin: 10px 0;} .widgets_grid .grid_column{min-height: 1px} .single_widget .widget_box .widget_content .calc .numbers .calc_cell{height: 70px} .single_widget .widget_box .weather-widget .weather_space .single_day_weather .weather_img_box{height: 100px} .single_widget .widget_box .weather-widget .weather_space .single_day_weather .weather_img_box img {height: 70px;} .single_widget .widget_box .calendar_widget .xdsoft_datetimepicker .xdsoft_calendar {padding-top: 6px;} .widgets_grid .grid_column .widget_element.h_63{height: auto; flex-wrap: wrap;} .widgets_grid .grid_column .sub_grid.h_40{height: auto} .widgets_grid .grid_column .sub_grid.w_50{flex-basis: 100%;width: 100%;max-width: 100%} .single_widget .widget_box .add_btn {top: auto;margin: 15px auto;} .single_widget.h_50 {height: auto;margin-bottom: 5px;} .single_widget.h_50_full {height: auto;margin-bottom: 5px;} .single_widget .widget_box .widget_content .calc .numbers .calc_cell {height: 55px;} .single_widget.h_100 {height: 100%;margin-bottom: 5px;} .widgets_grid .grid_column.column_25{margin: 0} .single_widget .widget_box .widget_content .ask_link {position: relative; right: auto; top: auto; bottom: auto; height: 16px; display: block; margin: 15px 10px 15px auto; text-align: right;} .widgets_grid .grid_column .widget_element.h_37{height: auto} .widgets_grid .grid_column.column_35 {margin-top: 0;} .widgets_grid .grid_column {margin: 0!important;} .single_widget{margin-bottom: 5px;height: auto!important;} .single_widget .widget_box .widget_content .calc .result {margin-top: 12px; margin-bottom: 12px;} } @media all and (max-width: 800px){ .top_bar .tile_menu .menu_element .menu_icon{display: none;} .top_bar .tile_menu .menu_element,.top_bar.two_elements_bar .bar_element.button_div .button{font-size: 16px} .top_bar.two_elements_bar .bar_element.button_div{margin-top: 25px} .name_bar .name_element,.name_bar .switch_element{flex-basis: 100%} .name_bar .switch_element{margin-top: 15px} .split_box .split_input_box{flex-basis: 100%;margin-bottom: 10px} .split_box .split_tiles_box .single_split_tile p{flex-basis: 100%} .name_bar .switch_element{display: none} #content .listing_variant.table_variant{display: none!important;} #content .listing_variant.tile_variant{display: block!important;} #content .listing_variant .tile_parent .single_tile.tile_with_img .tile_name{text-align: center} #content .listing_variant .tile_parent .single_tile.tile_with_img .tile_info .single_tile_info{text-align: center} .split_content .split_box.splited_listing_space #content .listing_variant .tile_parent .single_tile {flex-basis: 49%;} .split_box .split_input_box.w_80{flex-basis: 100%} .split_box .split_input_box.w_40{flex-basis: 49%} .split_box .split_input_box.w_20{flex-basis: 49%} .split_flex_with_info .single_info{flex-basis: 100%} .split_box .split_element_content .tasks_list .tasks_list_content .single_task_space .task_content{flex-wrap: wrap} .split_box .split_element_content .tasks_list .tasks_list_content .single_task_space .task_content .task_part.task_info_part{flex-basis: 100%;margin-bottom: 15px} .split_box .split_element_content .tasks_list .tasks_list_content .single_task_space .task_content .task_part.task_activity_part{flex-basis: calc(100% - 60px)} .split_box .split_element_content .tasks_list .tasks_list_content:before {height: calc(100% - 195px);} .split_box .split_input_box.w33{flex-basis: 100%} .split_box .time_box .task_time .time_table .time_table_head_flex .single_time_head.w_50{flex-basis: 33.33%} .split_box .time_box .task_time .time_table .time_table_head_flex .single_time_head.w_25{flex-basis: 33.33%} .split_box .time_box .task_time .time_table .single_time_table_record .time_table_record.w_50{flex-basis: 33.33%} .split_box .time_box .task_time .time_table .single_time_table_record .time_table_record.w_25{flex-basis: 33.33%} .split_box .time_box .task_time .time_table .single_time_table_record .time_table_record.time_table_record_worker img{display: none;} .listing_view{box-shadow: none} .listing_view .single_body_element{flex-basis: 100%;margin-bottom: 15px;border-bottom: none;flex-wrap: wrap;padding: 15px;box-shadow: 0px 1px 5px 0px rgb(31 31 31 / 20%)} .listing_view .listing_element.body_element{flex-basis: 50%!important;height: auto;min-height: 30px; margin: 5px 0;} .listing_view .listing_element.running_element{flex-basis: 100%!important;height: auto;min-height: 1px;margin: 0} .listing_view .listing_head{display: none} .listing_view .single_body_element .options_element{background-color: #eaf7f7;max-width: 100%;bottom: 0px;padding: 15px 0;width: 100%;left: 0;right: 0;margin: auto;justify-content: center;align-items: flex-end} .listing_view .single_body_element:hover .options_element .tooltip{left: 0;right: 0} body.dark_mode .listing_view .single_body_element .options_element{background-color: #233036;} .listing_view .listing_element.decission_element{flex-direction: row;justify-content: center;align-items: center;flex-basis: 100%!important;} .listing_view .listing_element.worker_name_element{padding: 0;} .listing_view .listing_element.decission_element .cancel{margin: 0;order: 1} .listing_view .listing_element.decission_element .request_accept {flex-basis: 140px;padding: 12px 5px;margin-left: 10px;order: 2} .listing_view .listing_element.body_element{padding: 0} .listing_view .listing_element.body_element .hidden_info{display: inline-block} .split_box .split_input_box.w_40{flex-basis: 100%} .split_box .split_input_box.w_20{flex-basis: 100%} .split_box .split_input_box.form_elements.w_20{flex-basis: 100%} .listing_view .listing_element.body_element span.hidden_text{display: inline-block;font-weight: normal;margin-right: 10px} #content .split_box_element .system_tiles_head .single_system_tile span{display: none} #content .split_box_element .system_tiles_head .single_system_tile p{flex-basis: 100%} .top_bar .tile_menu .menu_element {flex-basis: 50%;} } @media all and (max-width: 700px){ .hamburger-div{display: block} .top-menu .user-panel,.top-menu .top_panel_element{display: none} .top_bar .tile_menu .menu_element{flex-basis: 50%} .top_bar.two_elements_bar .bar_element.button_div .button{margin: 0 auto} .split_listing .split_single_record{flex-basis: 50%;max-width: 50%} .split_content .split_box.splited_listing_space #content .listing_variant .tile_parent .single_tile{flex-basis: 49%} .split_listing .split_single_record.active{display: flex; max-width: 100%;flex-basis: calc(100% - 120px);} .split_listing .split_single_record .record_name{overflow: visible;text-overflow: unset;white-space: normal} .split_flex_with_info .single_info span{display: block} .split_flex_with_info .single_info{margin: 15px 0} .split_box .split_input_box .single_list_in_task .todo_avatar img{max-width: 45px} .split_box .split_input_box .single_list_in_task .todo_avatar{flex-basis: 55px} .split_box .split_input_box .single_list_in_task .todo_content{flex-basis: calc(100% - 60px);} .single_widget.h_50{flex-basis: 100%} .widgets_grid .grid_column .sub_grid.w_50{flex-direction: row;flex-basis: 100%;max-width: 100%;} .listing_table .calendar_table .table_cell.single_day_cell{padding: 10px} .above_listing_box .select_box{flex-basis: 100%;margin: 5px 0} .above_listing_box.list_box{flex-wrap: wrap} .popup_overlay .popup_wrapper .popup_body .popup_content .welcome_img{display: none} .listing_view .listing_element.body_element {flex-basis: 100%!important;justify-content: center;} .listing_view .listing_element.body_element{flex-wrap: wrap} .listing_view .listing_element.body_element span.hidden_text{flex-basis: 100%;margin: 0 0 5px 0;text-align: center} .listing_view .listing_element.body_element{margin: 9px 0} .listing_view .listing_element.body_element{min-height: 0px} .listing_view .listing_element.body_element span{text-align: center} .listing_view.auction_details_view .listing_element.body_element{flex-basis: 100%!important;margin: 9px 0;justify-content: center} .split_flex_with_info .single_info.w50{flex-basis: 100%} #content .split_box_element .system_tiles_head{flex-wrap: wrap} .auctions_popup .popup_flex .split_input_box{flex-basis: 100%} } @media all and (max-width: 650px){ .split_box .split_input_box .single_list_in_task .todo_avatar{display: none} .split_box .split_input_box .single_list_in_task .todo_content{flex-basis: 100%} .split_box .file_list .file_listing .files_flex .single_file{flex-basis: 50%;border-width: 0 0 1px 0!important;} .split_box .file_list .file_listing .files_flex .single_file:nth-child(2n+1){border-right-width: 1px!important;border-right: 1px solid #000!important;} .listing_table .calendar_table .calendar_body .person_vacation {top: 140px;} .listing_table .calendar_table .table_cell.single_day_cell {min-height: 55px;font-size: 14px;} .listing_table .calendar_table .table_cell.week_day_cell{font-size: 14px} .listing_table{padding: 15px} .acc_parent .acc_column .single_acc .acc_body .single_person_at_day .time_edit_box{max-width: 100%} .split_box .split_element_content .product_information .prd_image{flex-basis: 100%} .split_box .split_element_content .product_information .prd_image img{margin: 0 auto} .split_box .split_element_content .product_information .prd_text{flex-basis: 100%;text-align: center;justify-content: center;margin-top: 15px} #content .box_info .single_information .label_part{flex-basis: 100%;margin-bottom: 10px} #content .box_info .single_information .info_part{flex-basis: 100%} #content .box_info .single_information{flex-wrap: wrap} #content .numbers_box .numbers_column .column_body .column_row .column_part.to_left{padding-right: 15px} } @media all and (max-width: 600px){ #content .listing_variant .tile_parent .single_tile {flex-basis: 100%;} #content .listing_variant .tile_parent .single_tile .tile_name{min-height: 1px;margin-bottom: 10px} .name_bar .name_element{padding-left: 0} .name_bar .name_element img{display: none;} .filters{display: none} .split_listing .split_single_record{flex-basis: 50%} .button,.top_bar .tile_menu .menu_element, .top_bar.two_elements_bar .bar_element.button_div .button{font-size: 14px;max-width: 130px} .split_box .split_box_button_space .cancel{font-size: 14px} .split_box .split_tiles_box .single_split_tile p{font-size: 14px;margin-left: 0} .split_box .split_tiles_box .single_split_tile{height: auto} #content .listing_variant{padding-right: 0} .split_content .split_box.splited_listing_space #content .listing_variant .tile_parent .single_tile.single_company{flex-basis: 100%} .f_16{font-size: 14px} .f_18{font-size: 14px} .f_20{font-size: 16px} .f_24{font-size: 20px} .f_28{font-size: 24px} .f_30{font-size: 26px} .f_46{font-size: 32px} .top_bar .tile_menu .menu_element{max-width: 100%} .split_box .split_element_content .tasks_list .tasks_list_content:before{content: none} .split_box .split_element_content .tasks_list .tasks_list_content .single_task_space .task_content .task_part.task_tool_part{flex-basis: 100%} .split_box .split_element_content .tasks_list .tasks_list_content .single_task_space .task_content .task_part.task_activity_part{margin-bottom: 15px;flex-basis: 100%} .split_box .split_tiles_box.no_wrap_tiles .single_split_tile{flex-basis: 49%!important;} .split_box .split_element_content .conversation_flex .conversation_column .team_flex .team_column{flex-basis: 100%} .split_box .conversation_tree .single_message .message_avatar img{max-height: 45px} .split_box .conversation_tree .single_message .message_avatar{flex-basis: 55px} .split_box .conversation_tree .single_message .message_body {flex-basis: calc(100% - 55px);} .split_box .split_input_box .single_list_in_task .todo_content .list_info_and_tools .left_box,.split_box .split_input_box .single_list_in_task .todo_content .list_info_and_tools .right_box{flex-basis: 100%;margin: 5px 0; text-align: center;justify-content: center;} .single_widget .widget_box .widget_content .single_widget_task{padding: 15px 10px} .split_box .time_box .my_task_time .my_task_column{flex-basis: 100%} .split_box .time_box .task_time .time_table .time_table_head_flex .single_time_head.w_25{padding-right: 5px} .split_box .time_box .task_time .time_table .single_time_table_record .time_table_record.w_50{padding-right: 5px} .xdsoft_datetimepicker .xdsoft_timepicker{width: 120px} .above_listing_box svg{display: none} .split_box .split_box_element.flex_element .split_tools{flex-basis: calc(100% - 70px)} .split_box .split_box_element.flex_element .split_tools.to_left{flex-basis: 65px} .acc_parent .acc_column .single_acc .acc_body .single_person_at_day .time_edit_box{padding-right: 5px} .popup_overlay .popup_wrapper .popup_body .popup_content .welcome_popup_content .work_times .work_time input{font-size: 40px} .popup_overlay .popup_wrapper .popup_body .popup_content .welcome_popup_content .work_times .work_time{width: 70px;flex-basis: 70px} .popup_overlay .popup_wrapper .popup_body .popup_content .welcome_popup_content .work_times .work_time:after{font-size: 12px;bottom: -14px} .popup_overlay .popup_wrapper .popup_body .popup_content .welcome_popup_content h6{margin: 20px 0} .popup_overlay .popup_wrapper .popup_body .popup_content .welcome_popup_content .popup_button_box{padding: 35px 0} #content .listing_variant table .new_table_body_row.flex_element td {flex-basis: 100%;border-bottom: 1px solid #000;} #content .listing_variant .shtable-sh-wrap table{background-color: transparent} #content .listing_variant table .new_table_body_row{margin-bottom: 30px} #content .listing_variant table .new_table_body_row td.option_td{border-bottom: none} .split_box .split_box_element .threeColumns .column {flex-basis: 100%;margin-bottom: 15px;} .split_box .split_box_element .threeColumns > span{height: auto} .split_box .split_box_element .threeColumns {padding-bottom: 10px;border-bottom: 1px solid #000;} #content .listing_variant table .new_table_body_row td.link_td a{justify-content: center;} #content .listing_variant table .new_table_body_row td.link_td.textC a {justify-content: center;} #content .listing_variant table .new_table_body_row.flex_element td{justify-content: center} .split_flex_with_info .single_info.with_btn .button{max-width: 100%;margin: 0 0 0 10px;} #content .split_box_element .system_tiles_head .single_system_tile p{font-size: 16px;margin: 0} #content .numbers_box .numbers_column .column_head svg{width: 30px;height: 30px} #content .numbers_box .numbers_column .column_head{padding: 15px 5px 15px 50px} .top_bar .tile_menu .menu_element p .tile_amount{font-size: 14px} .top_bar .tile_menu .menu_element.active p .tile_amount{font-size: 24px} .listing-number-provider{float: none} .pagination_content .pagination_box{margin: 0 auto} .listing-number-provider{text-align: center} .widgets_grid .grid_column .widget_element .sub_grid.w_66{flex-basis: 100%} .widgets_grid .grid_column .widget_element .sub_grid.w_33{flex-basis: 100%} .widgets_grid .grid_column .widget_element.h_37{flex-wrap: wrap} } @media all and (max-width: 550px){ .listing_table .calendar_table{width: 500px} .listing_table{width: auto;overflow: scroll} footer{ padding: 15px 10px 15px 95px;text-align: center} footer .copyright p{text-align: center} .split_box .split_input_box .flex_check_box .single_flex_check{flex-basis: 100%;} #content #LOGIN{padding: 0} #content #LOGIN .inside_log .page_flex .page_column .logo_space_flex .logo_column{justify-content: center!important;margin: 15px 0;flex-basis: 100%} #content .numbers_box .numbers_column .column_body .column_row .column_part.to_right p{font-size: 20px} .single_widget .widget_box .widget_amount .amount_flex .single_amount{margin: 5px 0;flex-basis: 50%} #content #LOGIN .inside_log .page_flex .page_column .page_content_box {margin-top: 20px;} .split_input_box div.fancy-select .trigger{ white-space: normal;} } @media all and (max-width: 500px){ .hamburger-div{display: block} .top-menu .user-panel{display: none} .top_bar .tile_menu .menu_element{flex-basis: 50%} .top_bar.two_elements_bar .bar_element.button_div .button{margin: 0 auto} .name_bar .name_element{text-align: center} .split_box .split_box_button_space .button{flex-basis: 100%} .split_listing .split_single_record{flex-basis: 100%;max-width: 100%} .split_content .split_box.splited_listing_space #content .listing_variant .tile_parent .single_tile{flex-basis: 100%} .split_content .split_navigation .get_back,.split_content .split_navigation {flex-basis: 70px;} .split_listing .split_single_record.active {flex-basis: calc(100% - 80px);} .split_flex_with_info .single_info{flex-basis: 100%;padding: 0;margin: 5px 0;font-size: 16px} .split_box .split_element_content .tasks_list .tasks_list_content .single_task_space .task_checkbox.check-box [type="checkbox"]:not(:checked) + label:before, .split_box .split_element_content .tasks_list .tasks_list_content .single_task_space .task_checkbox.check-box [type="checkbox"]:checked + label:before{width: 20px;height: 20px} .split_box .split_element_content .tasks_list .tasks_list_content .single_task_space .task_checkbox.check-box [type="checkbox"]:not(:checked) + label:after, .split_box .split_element_content .tasks_list .tasks_list_content .single_task_space .task_checkbox.check-box [type="checkbox"]:checked + label:after{width: 22px;height: 22px} .split_box .split_element_content .tasks_list .tasks_list_content .single_task_space .task_content {flex-basis: 100%;margin-top: 10px} .split_box .split_element_content .tasks_list .tasks_list_content .single_task_space{flex-wrap: wrap} .split_box .conversation_tree .single_message .message_avatar{display: none!important;} .split_box .conversation_tree .single_message .message_body {flex-basis: 100%} .split_box .conversation_tree .single_message{margin-bottom: 30px} .todo_content .new_todo .todo_elements .existing_todos_style .draft_todo_element .todo_att a span.todo_title {max-width: 150px;} .todo_content .new_todo .todo_elements .existing_todos_style .draft_todo_element .todo_att a span{font-size: 12px;} .split_box .file_list .file_listing .files_flex .single_file{flex-basis: 100%;border-width: 0 0 1px 0!important;} .split_box .file_list .file_listing .files_flex .single_file:nth-child(2n+1){border-right-width: 0!important;border-right: none;} .single_widget .widget_box .widget_content .single_widget_task .task_priority{display: none;} .single_widget .widget_box .widget_content .single_widget_task .task_info{flex-basis: calc(100% - 70px);} .single_widget .widget_box .weather-widget .weather_space .single_day_weather .weather_img_box{height: 90px;} .single_widget .widget_box .weather-widget .weather_space .single_day_weather .weather_temp {font-size: 50px;margin-bottom: 0;margin-top: 50px;text-align: center;} .single_widget .widget_box .to_do_widget_content .todo_w_space{padding: 15px;} .single_widget .widget_box .to_do_widget_content .todo_w_maker{padding: 0 15px;} .xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active{width: 100%!important;} .xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker{border-left: none} .listing_view .listing_element.body_element{flex-basis: 100%!important;justify-content: center;} .above_listing_box .date_picker{flex-basis: 100%;width: 100%;max-width: 100%;margin: 10px auto 0;text-align: center;padding: 15px;} .above_listing_box{flex-wrap: wrap;justify-content: center;} .above_listing_box p{text-align: center;} .above_listing_box .above_listing_input{margin: 10px auto 0;width: 100%;max-width: 100%;flex-basis: 100%;} .split_box .split_input_box.form_elements.w_20{flex-basis: 100%;} .split_box .split_input_box.form_elements .split_box_button_space{flex-basis: 100%;width: 100%;justify-content: space-between;} .split_box .split_input_box.form_elements .split_box_button_space .button{flex-basis: 49%;width: auto;max-width: 100%;margin: 0;} .popup_overlay .popup_wrapper .popup_body .popup_content .welcome_popup_content .work_times .work_time input{font-size: 30px;} .popup_overlay .popup_wrapper .popup_body .popup_content .welcome_popup_content .work_times .work_time{width: 50px;flex-basis: 50px;} .popup_overlay .popup_wrapper .popup_body .popup_content .welcome_popup_content .work_times .time_separator{font-size: 20px;flex-basis: 15px;} .popup_overlay .popup_wrapper .popup_body .popup_content .welcome_popup_content .work_times .time_separator.input_separator{flex-basis: 30px;} .split_box .file_list .file_listing .files_flex .single_file{padding: 15px 0;} .top_bar .tile_menu .menu_element{flex-basis: 100%;} .top_bar .tile_menu .menu_element.active {padding: 10px 15px 10px 7px;} .single_widget .widget_box .weather-widget .w_select {top: 15px;} } @media all and (max-width: 450px){ .split_box .split_box_button_space {display: flex;justify-content: center;align-items: center;margin-bottom: 10px;flex-wrap: wrap;} .split_box .split_tiles_box .single_split_tile{flex-basis: 100%;margin: 5px 0} .split_box .split_tools{justify-content: flex-end} .split_box .split_tools .tooltip{left: 0;right: 0} .split_listing .split_single_record .record_name{font-size: 16px;} .split_listing .split_single_record.active{padding: 5px} .split_listing .split_single_record.active{flex-basis: 100%} .split_content .split_navigation{order: 0;flex-basis: 100%;justify-content: center;margin: 5px 0;} .split_content .split_navigation .route_box{display: none} .split_box .split_input_box.w_40{flex-basis: 100%} .split_box .split_input_box.w_20{flex-basis: 100%} .top_bar .tile_menu .menu_element{flex-basis: 100%} .split_box .conversation_tree .single_message .message_body .message_text .message_content .single_att{flex-wrap: wrap} .split_box .conversation_tree .single_message .message_body .message_text .message_content .single_att .att_tools{display: flex} .split_box .conversation_tree .single_message .message_body .message_text .message_content .single_att .att_name{justify-content: center;flex-basis: 100%;margin-bottom: 10px} .split_box .conversation_tree .single_message .message_body .message_text .message_content .single_att .att_tools{justify-content: center; flex-basis: 100%;} .split_box .conversation_tree .single_message .message_body .message_text .message_author{text-align: center} .split_box .split_input_box .logo_space .image_div{flex-basis: 55px} .split_box .split_input_box .logo_space .logo_tools {flex-basis: calc(100% - 65px);} .split_box .split_input_box{margin-bottom: 0} .split_box .split_box_element .split_flex .split_input_box.two_in_one .small_inputs{flex-basis: 100%;min-height: 110px;} .split_box .split_box_element .split_flex .split_input_box.two_in_one{flex-wrap: wrap} .split_box .split_input_box .input_error.input_bad{bottom: 15px} .split_box .split_input_box{min-height: 100px} .name_bar{margin: 20px 0} .split_box .split_tools .split_single_tool{width: 35px;height: 35px} .split_box .split_tools .split_single_tool svg{width: 20px;height: 20px} .single_widget .widget_box .widget_img_box{width: 230px} } @media all and (max-width: 400px){ .todo_content .new_todo .todo_elements .existing_todos_style .draft_todo_element .todo_att a span.todo_title{max-width: 90px} .select2-container .select2-selection--single .select2-selection__rendered{font-size: 13px} .split_box .split_input_box input[type="text"]{font-size: 13px} .split_box .split_input_box input[type="password"]{font-size: 13px} .split_box .split_input_box input[type="email"]{font-size: 13px} } .loader-white{position: relative} .loader-white:after{content: '';background: url(/a/imgs/loader-white.gif), linear-gradient(270deg, #9ae1c3 7%, #15b4b5 59%); background-repeat: no-repeat;background-position: center;display: block;width: 100%;height: 25px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;} .loader-white:hover:after{content: '';background: url(/a/imgs/loader-white.gif), linear-gradient(270deg, #9ae1c3 7%, #008787 59%); background-repeat: no-repeat;background-position: center;display: block;width: 100%;height: 25px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;} .yt_split_input_box .elprev{overflow-wrap: anywhere;} /* NEW STYLES */ .name_bar .name_element h1 {color: #000;} .widgets_grid .grid_column .widget_element.h_37 {gap: 5px;} .single_widget .widget_box .widget_content.space-bottom {padding-bottom: 60px;} .single_widget .widget_box .scroll-container {overflow-y: auto; height: 100%; max-height: 180px;} .single_widget .widget_box .scroll-container::-webkit-scrollbar { width: 10px; } .single_widget .widget_box .scroll-container::-webkit-scrollbar-track { background: #F1F1F1; } .single_widget .widget_box .scroll-container::-webkit-scrollbar-thumb { background: #C1C1C1; border-radius: 16px; } .single_widget .widget_box .scroll-container .single-box {display: grid; grid-template-columns: repeat(2, 1fr); justify-content: center; gap: 10px; align-items: center; padding: 16px 10px;} .single_widget .widget_box .scroll-container .single-box:nth-child(even) {background-color: #FAFAFA;} .single_widget .widget_box .scroll-container .single-box:hover {background-color: #f4f6f7;} .dark_mode .single_widget .widget_box .scroll-container .single-box:hover {background-color: #202c33;} .dark_mode .single_widget .widget_box .scroll-container .single-box {background-color: #233036; border-bottom: 1px solid #000;} .dark_mode .single_widget .widget_box .scroll-container .single-box:hover {background-color: #202c33;} .single_widget .widget_box .scroll-container .single-box .box-left {display: flex; align-items: center; gap:10px; justify-content: flex-start;} .single_widget .widget_box .scroll-container .single-box .box-right .client-link {display: flex; align-items: center; gap:4px; justify-content: flex-end;} .single_widget .widget_box .scroll-container .single-box .box-left svg {min-width: 16px;} .single_widget .widget_box .scroll-container .single-box .box-right svg {min-width: 12px;} .single_widget .widget_box .scroll-container .single-box .client-name {font-size: 12px; color: #000; font-weight: 600;} .single_widget .widget_box .scroll-container .single-box .client-link {font-size: 10px; color: #798388; font-weight: 600;} .single_widget .widget_box {overflow: hidden;} .widgets_grid .grid_column.column_25 .scroll-container {max-height: 370px; padding-bottom: 32px;} .widgets_grid .grid_column.column_25 .widget_content.space-bottom {padding-bottom: 0;} .single_widget .widget_box .table-box {padding: 6px;} .single_widget .widget_box .table-box .header-row {padding: 6px 0; display: grid; grid-template-columns: 1fr 0.5fr 1fr; gap: 16px; border-bottom: 1px solid #00ADB3; margin: 0 10px 6px 10px;} .single_widget .widget_box .table-box .header-row .single-header {color: #00ADB3; font-weight: 700; font-size: 10px;} .single_widget .widget_box .table-box .data-wrapper .single-data {padding: 16px 10px; display: grid; grid-template-columns: 1fr 0.5fr 1fr; gap: 16px;} .single_widget .widget_box .table-box .data-wrapper .single-data:hover {background-color: #f4f6f7;} .single_widget .widget_box .table-box .data-wrapper .single-data:nth-child(even) {background-color: #FAFAFA;} .single_widget .widget_box .table-box .data-wrapper .single-data:nth-child(even):hover {background-color: #EBEBEB;} .dark_mode .single_widget .widget_box .table-box .data-wrapper .single-data {background-color: #233036; border-bottom: 1px solid #000;} .dark_mode .single_widget .widget_box .table-box .data-wrapper .single-data:last-child {border-bottom: 0;} .dark_mode .single_widget .widget_box .table-box .data-wrapper .single-data:hover {background-color: #202c33;} .single_widget .widget_box .table-box .data-wrapper .single-data .data-cell {display: flex; align-items: center; justify-content: space-between; gap: 10px;} .single_widget .widget_box .table-box .data-wrapper .single-data .car-name {font-weight: 600; color: #000; font-size:12px;} .single_widget .widget_box .table-box .data-wrapper .single-data .alert-kind {font-size: 10px; font-weight: 600; color: #798388;} .single_widget .widget_box .table-box .data-wrapper .single-data .data-link {font-size: 10px; font-weight: 600; color: #798388; display: flex; width: 100%; justify-content: space-between; align-items: center; gap: 10px;} .single_widget .widget_box .table-box .data-wrapper .single-data .data-cell.red-date .data-link .link-text {color: #EF5050;} .dark_mode .name_bar .name_element h1 {color: #fff;} .dark_mode .single_widget .widget_box .scroll-container .single-box .client-name {color:#FFF;} .dark_mode .single_widget .widget_box .scroll-container .single-box .client-link {color: #798388;} .dark_mode .single_widget .widget_box .scroll-container .single-box .box-left svg circle {fill: #233036;} .dark_mode .single_widget .widget_box .scroll-container .single-box .box-left svg path {stroke:#00ADB3;} .dark_mode .single_widget .widget_box .scroll-container::-webkit-scrollbar-track { background: #203C43; } .dark_mode .single_widget .widget_box .scroll-container::-webkit-scrollbar-thumb { background: #136970; } .dark_mode .single_widget .widget_box .table-box .data-wrapper .single-data .car-name {color: #fff;} .dark_mode .single_widget .widget_box .table-box .data-wrapper .single-data .alert-kind {color: #fff;} .dark_mode .single_widget .widget_box .table-box .data-wrapper .single-data .data-cell.red-date .data-link .link-text {color: #EF5050!important;} .top_bar.two_elements_bar .bar_element.tile_menu.nl-full-width {flex-basis: calc(100% - 45px);} .top_bar.two_elements_bar .link-wrapper {margin-left: auto; padding-left: 16px;} .top_bar.two_elements_bar .download-mailing-list {display: flex; align-items: center; min-width: 235px; justify-content: center; gap: 10px; font-weight: 800; padding: 16px; width: 100%; max-width:265px; background: linear-gradient(270deg, rgba(154,225,195,1) 7%, rgba(21,180,181,1) 59%); border: 1px solid #00adb3; color: #fff; border-radius: 50px;} .top_bar.two_elements_bar .download-mailing-list:hover {background: linear-gradient(270deg, #9ae1c3 7%, #008787 59%);} .split_flex_with_info .single_info .data-wrapper {display: flex; align-items: center; padding: 12px 20px; border: 1px solid #03ADB3; border-radius: 8px;} .split_flex_with_info .single_info .data-wrapper span {color: #00ADB3;} .split_flex_with_info .single_info {font-weight: 700;} #content .listing_variant.table-space-top {margin-top: 40px;} #content .listing_variant .table-heading-name {font-size: 18px; font-weight: 600; text-transform: uppercase; margin-bottom: 10px; width: 100%; display: flex;} .dark_mode #content .listing_variant .table-heading-name {color: #FFF;} .box_padding .form-group {display: flex; flex-direction: column; gap:16px; margin-bottom: 32px;} .box_padding .form-group .textarea-label {display: block; font-size: 16px; color: #000; font-weight: 600;} .box_padding .form-group .textarea-note {background-color: #EEF1F5; border-radius: 6px; color: #000; border: 0; padding: 16px; font-size: 14px; resize: none;} .box_padding .form-group .textarea-note::placeholder {color: #757575;} .box_padding .final_bottom_space .btn-cancel {margin-right: 24px; color: #757575; font-weight: 800; font-size: 16px; padding: 8px;} .box_padding .final_bottom_space .btn-cancel:hover {text-decoration: underline;} .top_bar .new-link-wrapper {margin-left: auto; flex-basis: 100%; margin-top: 24px;} .top_bar .new-link-wrapper .change-prices {display: flex; margin-left: auto; align-items: center; min-width: 175px; justify-content: center; gap: 10px; padding: 16px; width: 100%; max-width:200px; border-radius: 50px; border: 1px solid #00ADB3; background-color: #FFF; color: #00ADB3; font-size: 16px; font-weight: 800; transition: background-color .3s, color .3s, border .3s;} .top_bar .new-link-wrapper .change-prices:hover {background: linear-gradient(270deg, rgba(154,225,195,1) 7%, rgba(21,180,181,1) 59%); color: #fff;} .dark_mode .top_bar .new-link-wrapper .change-prices {display: flex; margin-left: auto; align-items: center; min-width: 175px; justify-content: center; gap: 10px; padding: 16px; width: 100%; max-width:200px; border-radius: 50px; border: 1px solid #00ADB3; background-color: #FFF; color: #00ADB3; font-size: 16px; font-weight: 800;} .dark_mode .top_bar .new-link-wrapper .change-prices {background: linear-gradient(270deg, rgba(154,225,195,1) 7%, rgba(21,180,181,1) 59%); color: #fff;} .dark_mode .top_bar .new-link-wrapper .change-prices:hover {background: linear-gradient(270deg, #9ae1c3 7%, #008787 59%);} .days-count-wrapper {display: flex; align-items: center; margin-left: 16px; margin-right: auto;padding-bottom: 10px;} .days-count-wrapper .days-count-box {display: flex; align-items: center; gap: 18px; padding: 8px 20px; min-width: 360px; border: 1px solid #03ADB3; border-radius: 8px; font-weight: 700; font-size: 18px;} .days-count-wrapper .days-count-box .days-count-value {color: #03ADB3;} .popup-overlay-change-prices {position: fixed; inset: 0; z-index: 99999999; background-color: rgba(35, 48, 54, 0.30); padding: 16px; display: none; justify-content: center; align-items: center;} .popup-overlay-change-prices.show {display: flex;} .popup-overlay-change-prices .popup-box-change-prices {position: relative; height: 660px; width: 100%; max-width: 1000px; background-color: #FFF; border-radius: 45px; padding-bottom: 90px;} .dark_mode .popup-overlay-change-prices .popup-box-change-prices {background-color: #1f3d43;} .popup-overlay-change-prices .popup-box-change-prices .top-bar {position: relative; z-index: 10; display:flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 30px 12px 30px; background: linear-gradient(270deg, rgba(154,225,195,1) 7%, rgba(21,180,181,1) 59%); border-radius: 45px 45px 0 0;} .dark_mode .popup-overlay-change-prices .popup-box-change-prices .top-bar {border-radius: 40px 40px 0 0;} .popup-overlay-change-prices .popup-box-change-prices .top-bar .bar-text {font-size: 20px; font-weight: 700; color: #FFF; text-transform: uppercase; padding-top: 2px;} .popup-overlay-change-prices .popup-box-change-prices .top-bar .close-popup-icon {cursor: pointer;} .popup-overlay-change-prices .popup-box-change-prices .top-bar .close-popup-icon:hover {opacity: .5;} .popup-overlay-change-prices .popup-box-change-prices .bottom-bar {position: absolute; bottom: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: flex-end; align-items: center; gap: 32px; padding: 16px 30px; box-shadow: 0px -4px 10px 0px rgba(0, 0, 0, 0.10); border-radius: 0 0 45px 45px;} .dark_mode .popup-overlay-change-prices .popup-box-change-prices .bottom-bar {border-radius: 0 0 40px 40px;} .popup-overlay-change-prices .popup-box-change-prices .bottom-bar .btn-cancel {margin-right: 24px; color: #757575; font-weight: 800; font-size: 16px; padding: 8px;} .popup-overlay-change-prices .popup-box-change-prices .bottom-bar .btn-cancel:hover {text-decoration: underline;} .popup-overlay-change-prices .popup-box-change-prices .bottom-bar .btn-save-submit {width: 200px; height: 52px; display: flex; align-items: center; justify-content: center; color: #FFF; background: linear-gradient(270deg, rgba(154,225,195,1) 7%, rgba(21,180,181,1) 59%); border-radius: 50px; font-size: 16px; font-weight: 800;} .popup-overlay-change-prices .popup-box-change-prices .content-box {height: calc(100% - 48px); overflow-y: auto; scrollbar-color: gray; scrollbar-width: thin;} .popup-overlay-change-prices .popup-box-change-prices .content-box::-webkit-scrollbar { width: 10px; } .popup-overlay-change-prices .popup-box-change-prices .content-box::-webkit-scrollbar-track { background: #FAFAFA; } .popup-overlay-change-prices .popup-box-change-prices .content-box::-webkit-scrollbar-thumb { background: #7E9C9D; border-radius: 16px; } .popup-overlay-change-prices .popup-box-change-prices .content-box .row-headers {display: grid; grid-template-columns: 100px minmax(auto, 300px) 80px 235px; justify-content: space-between; gap: 16px; padding: 20px 24px; border-bottom: 1px solid #00ADB3;} .popup-overlay-change-prices .popup-box-change-prices .content-box .row-headers .single-header {color: #00ADB3; font-size: 12px; font-weight: 600;} .popup-overlay-change-prices .popup-box-change-prices .content-box .single-product {display: grid; grid-template-columns: 100px minmax(auto, 300px) 80px 235px; justify-content: space-between; gap: 16px; padding: 20px 24px; align-items: center; font-size: 14px; font-weight: 600;} .popup-overlay-change-prices .popup-box-change-prices .content-box .single-product:not(:last-child) {border-bottom: 1px solid #1B252B;} .popup-overlay-change-prices .popup-box-change-prices .content-box .single-product .price-box {display: flex; align-items: center; gap: 10px;} .popup-overlay-change-prices .popup-box-change-prices .content-box .single-product .price-box .change-price-input {background-color: #EEF1F5; border: none; font-size: 14px; color: #000; padding: 16px 12px; border-radius: 6px;} .dark_mode .popup-overlay-change-prices .popup-box-change-prices .content-box .row-headers {background-color: #1f3d43;} .dark_mode .popup-overlay-change-prices .popup-box-change-prices .content-box .single-product {background-color: #1f3d43;} .dark_mode .popup-overlay-change-prices .popup-box-change-prices .content-box .single-product .price-box .change-price-input {background-color: #1f3d43; color: #FFF; border: 1px solid #00adb3;} .dark_mode .popup-overlay-change-prices .popup-box-change-prices .content-box .single-product .price-box .change-price-input + label {color: #FFF;} .dark_mode .popup-overlay-change-prices .popup-box-change-prices .bottom-bar {background-color: #1f3d43;} .dark_mode .popup-overlay-change-prices .popup-box-change-prices .content-box .row-headers .single-header {color: #FFF;} .dark_mode .popup-overlay-change-prices .popup-box-change-prices .bottom-bar .btn-cancel {color: #FFF;} .popup-overlay-change-prices .popup-box-change-prices .bottom-bar .btn-save-submit {border: 1px solid #00ADB3;} .popup-overlay-change-prices .popup-box-change-prices .bottom-bar .btn-save-submit:hover {background: linear-gradient(270deg, #9ae1c3 7%, #008787 59%);} .split_box .split_box_button_space .button.new-background {border: 1px solid #00ADB3; background-color: #FFF; background-image: none; color: #00ADB3;} .split_box .split_box_button_space .button.new-background:hover {background: linear-gradient(270deg, #9ae1c3 7%, #15b4b5 59%); color: #FFF;} .dark_mode .split_box .split_box_button_space .button.new-background {background-color: #FFF;} .dark_mode .split_box .split_box_button_space .button.new-background:hover {background: linear-gradient(270deg, #9ae1c3 7%, #008787 59%);} .change-styles-content-wrapper {display: flex; align-items: center; gap: 16px; justify-content: space-between;} .single_widget .widget_box .offert_box .widget_text {font-size: 12px;} .single_widget .widget_box .widget_text svg {max-width: 18px; height: auto;} .single_widget .widget_box .widget_img_box {max-width: 170px;} .days-count-wrapper .days-count-box .days-count-text {padding-top:2px;} .days-count-wrapper .days-count-box .days-count-value {padding-top:2px;} .single_widget .widget_box .scroll-container {scrollbar-color: gray; scrollbar-width: thin;} .dark_mode .single_widget .widget_box .scroll-container {scrollbar-color: darkslategray;} .dark_mode .popup-overlay-change-prices .popup-box-change-prices .content-box {scrollbar-color: darkslategray;} .dark_mode .popup-overlay-change-prices .popup-box-change-prices .content-box::-webkit-scrollbar-track { background: #203C43!important; } .dark_mode .popup-overlay-change-prices .popup-box-change-prices .content-box::-webkit-scrollbar-thumb { background: #136970!important; border-radius: 16px!important; } .scroll-box {scrollbar-color: grey; scrollbar-width: thin;} .dark_mode .scroll-box {scrollbar-color: darkslategray;} .scroll-box::-webkit-scrollbar { width: 10px!important; } .scroll-box::-webkit-scrollbar-track { background: #F1F1F1!important; } .scroll-box::-webkit-scrollbar-thumb { background: #C1C1C1!important; border-radius: 16px!important; } .dark_mode .scroll-box::-webkit-scrollbar-track { background: #203C43!important; } .dark_mode .scroll-box::-webkit-scrollbar-thumb { background: #136970!important; border-radius: 16px!important; } .single_widget .widget_box .widget_content p.textC {padding: 0 8px; font-size: 16px;} .top_bar.two_elements_bar .bar_element.tile_menu > a:last-of-type {border-radius: 0 50px 50px 0;} #content .listing_variant table td > a .admin-text {width: max-content; display: block;} #content .listing_variant table td > a .label-info {display: block; color: #757575; text-transform: uppercase; font-size: 14px; font-weight: 600;} .dark_mode .tox .tox-tbtn svg {fill: #FFF;} .dark_mode .single_widget .widget_box .notes * {fill: #FFF;} .dark_mode .single_widget .widget_box .notes * {color: #FFF;} .dark_mode .tox:not(.tox-tinymce-inline) .tox-editor-header {border-bottom: 1px solid #FFF;} .dark_mode .tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child {background-color: #233036;} .dark_mode .tox:not(.tox-tinymce-inline) .tox-editor-header {background-color: #233036;} .dark_mode .tox .tox-tbtn svg:hover {fill: #00adb3;} .tox .tox-tbtn:hover {background-color: transparent!important;} @media all and (max-width: 1720px) { .days-count-wrapper .days-count-box {min-width: max-content;} } @media all and (max-width: 1460px) { .change-styles-content-wrapper {flex-direction: column; align-items: flex-start; justify-content: flex-start;} .change-styles-content-wrapper .split_input_box {width: 100%;} .change-styles-content-wrapper .days-count-wrapper {margin-left: 0;} } @media all and (max-width: 1450px) { .single_widget .widget_box .table-box .header-row {grid-template-columns: 1.75fr 1fr 1fr;} .single_widget .widget_box .table-box .data-wrapper .single-data {grid-template-columns: 1.75fr 1fr 1fr;} } @media all and (max-width: 1200px) { #content .listing_variant table .new_table_body_row td {height: auto;} .top_bar.two_elements_bar .download-mailing-list {margin-top: 24px;} .top_bar .new-link-wrapper .change-prices {margin-left: 0;} } @media all and (max-width: 1100px) { .widgets_grid .grid_column.column_25 {flex-basis: 100%;} } @media all and (max-width: 850px) { .single_widget .widget_box .widget_content.space-bottom {padding-bottom: 0; min-height: 60px;} } @media all and (max-width: 800px) { .days-count-wrapper {margin-left: 0; min-height: auto;} .popup-overlay-change-prices .popup-box-change-prices .content-box .row-headers {display: none;} .popup-overlay-change-prices .popup-box-change-prices .content-box .single-product {grid-template-columns: 100px 1fr;} .top_bar.two_elements_bar .link-wrapper {flex-basis: 100%; padding-left: 0;} } @media all and (max-width: 576px) { .days-count-wrapper .days-count-box {padding:8px; font-size: 16px;} .popup-overlay-change-prices .popup-box-change-prices .content-box {height: calc(100% - 87px);} .popup-overlay-change-prices .popup-box-change-prices .bottom-bar .btn-cancel {margin-right: 0;} .popup-overlay-change-prices .popup-box-change-prices .content-box .single-product .register-box {grid-column: 1/-1;} .popup-overlay-change-prices .popup-box-change-prices .content-box .single-product .price-box {grid-column: 1/-1;} .popup-overlay-change-prices .popup-box-change-prices .bottom-bar {flex-direction: column; gap: 12px;} } @-moz-document url-prefix() { #content .listing_variant table .new_table_body_row td.link_td a {height: auto;} #content .listing_variant table tr::after {content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2920' height='3' viewBox='0 0 2920 3' fill='none'%3E%3Cline y1='0.5' x2='2920' y2='0.5' stroke='black'/%3E%3C/svg%3E"); bottom:-1.75px; z-index: 3; left:0; right: 0; width: 100%; position: absolute;} #content .listing_variant table tr:last-child::after {display: none;} #content .listing_variant table .listing_head_table::after {content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2920' height='3' viewBox='0 0 2920 1' fill='none'%3E%3Cline y1='0.5' x2='2920' y2='0.5' stroke='%2300adb3'/%3E%3C/svg%3E"); display: block!important; bottom: -3px;} @media all and (max-width:1200px) { #content .listing_variant table tr::after {display: none;} } } .filters .filters_body .filters_section .select2-container {width: 100%!important;} .filters .filters_body .filters_section .select2-container--default .select2-selection--single {background-color: #eef1f5; color: #000; display: flex; align-items: center; min-height: 45px; padding-top: 2px; border: none;} .mce-content-body {margin: 0;} .link-rules {color: #bf1e2e;} .link-rules:hover {text-decoration: underline;} #error-cnt#error-cnt {display: flex; flex-direction: column; gap: 16px; margin: 0 auto; max-width: 100%; width: 100%;} #error-cnt svg {display: block; margin: 0 auto;} #error-cnt h4 {color: #000;} #error-cnt#error-cnt .button {margin: 0 auto; width: max-content; float: unset; max-width: 100%; padding: 16px 32px; margin-top: 0; background: #FFF; color: #00adb3;} #error-cnt#error-cnt .button:hover {background: linear-gradient(270deg, #9ae1c3 7%, #008787 59%); color: #FFF;} .top_bar.two_elements_bar .bar_element.tile_menu.nl-change-width {flex-basis: calc(100% - 420px);} .top_bar.two_elements_bar .bar_element.button_div.nl-flex-row {display: flex; flex-basis: 400px; gap: 6px;} .top_bar.two_elements_bar .bar_element.button_div.nl-flex-row .button {margin: 0; max-width: 200px!important;} .top_bar.two_elements_bar .bar_element.button_div.nl-flex-row .button:first-child {background: #FFF; color: #00adb3;} .top_bar.two_elements_bar .bar_element.button_div.nl-flex-row .button:first-child:hover {background: linear-gradient(270deg, #9ae1c3 7%, #15b4b5 59%); color: #FFF;} .invoice-margin .ipositions > .split_box_element.text_box_element.iposition {display: grid; grid-template-columns: max-content 2fr repeat(2, 0.5fr) 0.75fr; gap: 24px;} .invoice-margin .ipositions > .split_box_element.text_box_element.iposition h5 {grid-column: 1/-1;} .invoice-margin .ipositions > .split_box_element.text_box_element.iposition h5 .del_position {margin-left: auto; width: 40px; height: 40px; display: flex; align-items: center; padding: 0!important; justify-content: center; border: 1px solid #00adb3; border-radius: 8px; transition: background .3s;} .invoice-margin .ipositions > .split_box_element.text_box_element.iposition h5 .del_position:hover {background: linear-gradient(270deg, #9ae1c3 7%, #15b4b5 59%);} .invoice-margin .ipositions > .split_box_element.text_box_element.iposition h5 .del_position:hover path {transition: fill .3s;} .invoice-margin .ipositions > .split_box_element.text_box_element.iposition h5 .del_position:hover path {fill: #FFF;} .invoice-margin .ipositions > .split_box_element.text_box_element.iposition .split_input_box.w_100 {grid-column: 1/3;} .invoice-margin .ipositions > .split_box_element.text_box_element.iposition .split_input_box .wrapper {display: flex; align-items: center; gap: 12px;} .single_message .attachments-wrapper .button.button {margin: 0;} .single_message .attachments-wrapper {display: grid; margin-top: 24px; gap: 16px; grid-template-columns: repeat(2, 1fr);} .columns_grid .columns_grid_container .columns_grid_c1 .columns_grid_single {display: flex; flex-direction: column; align-items: center; justify-content: center;} .columns_grid .columns_grid_container .columns_g.split_box .split_box_button_space .buttonrid_c2 .columns_grid_single {display: flex; flex-direction: column; align-items: center; justify-content: center;} .columns_grid .columns_grid_container .columns_grid_c3 .columns_grid_single {display: flex; flex-direction: column; align-items: center; justify-content: center;} .ipositions > .split_box_element.text_box_element.iposition h5 .del_position {margin-left: auto; width: 40px; height: 40px; display: flex; align-items: center; padding: 0!important; justify-content: center; border: 1px solid #00adb3; border-radius: 8px;} .ipositions > .split_box_element.text_box_element.iposition h5 .del_position:hover {background: linear-gradient(270deg, #9ae1c3 7%, #15b4b5 59%);} .ipositions > .split_box_element.text_box_element.iposition h5 .del_position:hover path {transition: fill .3s;} .ipositions > .split_box_element.text_box_element.iposition h5 .del_position:hover path {fill: #FFF;} @media all and (max-width: 1400px) { .top_bar.two_elements_bar .bar_element.tile_menu.nl-change-width {flex-basis: 100%;} .top_bar.two_elements_bar .bar_element.button_div.nl-flex-row {flex-basis: 100%; flex-wrap: wrap;} } @media all and (max-width: 1200px) { .invoice-margin .ipositions > .split_box_element.text_box_element.iposition {grid-template-columns: max-content 2fr repeat(3, 1fr); gap: 16px; row-gap: 0;} .invoice-margin .ipositions > .split_box_element.text_box_element.iposition .split_input_box.w_100 {grid-column: 1/-1;} .invoice-margin .ipositions > .split_box_element.text_box_element.iposition .split_input_box:nth-child(3) {grid-column: 1/3;} .invoice-margin .ipositions > .split_box_element.text_box_element.iposition .split_input_box:nth-child(4) {grid-column: 3/5;} .invoice-margin .ipositions > .split_box_element.text_box_element.iposition .split_input_box:nth-child(5) {grid-column: 5/6;} } @media all and (max-width: 992px) { .invoice-margin .ipositions > .split_box_element.text_box_element.iposition .split_input_box:nth-child(3) {grid-column: 1/3;} .invoice-margin .ipositions > .split_box_element.text_box_element.iposition .split_input_box:nth-child(4) {grid-column: 3/6;} .invoice-margin .ipositions > .split_box_element.text_box_element.iposition .split_input_box:nth-child(5) {grid-column: 1/3;} .single_message .attachments-wrapper {display: grid; margin-top: 24px; gap: 16px; grid-template-columns: 1fr;} } @media all and (max-width: 576px) { #error-cnt {padding: 24px 12px;} .invoice-margin .ipositions > .split_box_element.text_box_element.iposition .split_input_box:nth-child(3) {grid-column: 1/-1;} .invoice-margin .ipositions > .split_box_element.text_box_element.iposition .split_input_box:nth-child(4) {grid-column: 1/-1;} .invoice-margin .ipositions > .split_box_element.text_box_element.iposition .split_input_box:nth-child(5) {grid-column: 1/-1;} .invoice-margin .ipositions + .split_box_button_space .button {max-width: 160px!important;} } .raport-data {overflow-x: auto; scrollbar-width: thin; scrollbar-color: grey dimgray;} .raport-data::-webkit-scrollbar {width: 9px; height: 9px; border-radius: 8px; cursor: grab;} .raport-data::-webkit-scrollbar-thumb {background: #696969; border-radius: 8px;} .raport-data::-webkit-scrollbar-thumb:hover {background: #00229A;} .raport-data .split_box .split_box_button_space .button {min-height: 64px; display: flex; align-items: center; gap: 8px; padding-left: 16px; padding-right: 16px; min-width: max-content; justify-content: center;} .raport-data .split_box .split_box_button_space .button svg path {transition: fill .3s;} .raport-data .split_box .split_box_button_space .button:hover svg path {fill: #FFF;} .dark_mode .raport-data::-webkit-scrollbar-thumb {background: #00adb3;} .name_bar.raport-title .name_element {padding-left: 0;} .button.generate-doc-btn {max-width: 300px;} .split_flex_with_info .single_info .link-rules {color: #00ADB3;} .tox .tox-statusbar__text-container a {display: none!important;} .tox-tinymce {border: 0!important;} .tox:not([dir=rtl]) .tox-statusbar__branding {margin-left: 0!important;} .split_box .split_box_button_space {justify-content: flex-start;} .split_box .split_box_button_space:nth-last-child(2) .button {background: #FFF; color: #00ADB3;} .split_box .split_box_button_space:nth-last-child(2) .button:hover {background: linear-gradient(270deg, #9ae1c3 7%, #15b4b5 59%); color: #FFF;} .split_box .split_box_button_space:last-child {justify-content: flex-end;} .split_box .split_box_button_space .button {max-width: 215px;} .ipositions h5 {flex-basis: 100%;} .ipositions .split_box_element .split_input_box.w_100 {flex-basis: 15%;} .ipositions .split_box_element .split_input_box.w_20 {flex-basis: 15%;} @media all and (max-width: 1200px) { .ipositions .split_box_element .split_input_box.w_100 {flex-basis: 49%;} .ipositions .split_box_element .split_input_box.w_20 {flex-basis: 32.33%;} .ipositions .split_box_element .split_input_box.w_20:nth-last-child(4) {flex-basis: 24%;} .ipositions .split_box_element .split_input_box.w_20:nth-last-child(5) {flex-basis: 24%;} } @media all and (max-width: 768px) { .ipositions .split_box_element .split_input_box.w_100 {flex-basis: 100%;} .ipositions .split_box_element .split_input_box.w_20 {flex-basis: 100%;} .ipositions .split_box_element .split_input_box.w_20:nth-last-child(4) {flex-basis: 100%;} .ipositions .split_box_element .split_input_box.w_20:nth-last-child(5) {flex-basis: 100%;} } .raport-data.split_content .split_box {max-width: unset;} .split_content .split_box.no_padding .box_padding.nl-right-col-box {position: relative; padding-bottom: 64px;} .split_box .remove_space.nl-remove-bar {position: absolute; bottom: 0; left:0; right: 0;} .split_content .split_box.no_padding .box_padding .section-label {margin-top: 20px; margin-bottom: 16px;} .split_box .split_box_button_space.btns-wrapper {align-items: center; gap: 64px;} .split_box .split_box_button_space .btn-cancel {color: #757575; font-size: 16px; font-weight: 800; display: flex; align-items: center;} .split_box .split_box_button_space .btn-cancel:hover {text-decoration: underline;} #content .section-export .cols-wrapper .col-left .export-input-label:before {top: 1px;} #content .section-export .cols-wrapper .col-left input:checked + .export-input-label:after {top: 5px;} #content .section-export .cols-wrapper .col-right .export-input-label:before {top: 2px;} #content .section-export .cols-wrapper .col-right input:checked + .export-input-label:after {top: 6px;} @media not all and (min-resolution:.001dpcm) { @media { #content .section-export .cols-wrapper .col-left .export-input-label:before {top: 2px;} #content .section-export .cols-wrapper .col-left input:checked + .export-input-label:after {top: 6px;} #content .section-export .cols-wrapper .col-right .export-input-label:before {top: 4px;} #content .section-export .cols-wrapper .col-right input:checked + .export-input-label:after {top: 8px;}}} #content .section-export .cols-wrapper .col-right .single-row .export-input-label:before {top: 0;} #content .section-export .cols-wrapper .col-right .single-row input:checked + .export-input-label:after {top: 4px;} #content .split_box .section-export .split_input_box.checkbox {margin-top: 0;} .section-export {padding-top: 40px; border-top: 1px solid #707070; margin-bottom: 40px; margin-top: 24px;} .section-export .section-label {margin-top: 0px!important; margin-bottom: 16px;} .dark_mode .split_content .split_box.no_padding .box_padding .section-label {color: #FFF;} .section-export .cols-wrapper {display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px;} .section-export .cols-wrapper .col-left {padding: 24px; border: 1px solid #D5DADF; border-radius: 6px;} .section-export .cols-wrapper .export-input-label {font-size: 24px; font-weight: 700; color: #000; padding-left: 24px;} .section-export .cols-wrapper .export-input-label .portal-name {color: #00ADB3; font-size: 24px; font-weight: 700;} .section-export .cols-wrapper .export-input-label .active-to {color: #00ADB3;} .section-export .cols-wrapper .export-input-label .active-to.orange {color: #E78429;} .section-export .cols-wrapper .export-input-label .active-to.red {color: #EF5050;} .section-export .cols-wrapper .col-right {padding: 24px; border: 1px solid #D5DADF; border-radius: 6px;} .section-export .cols-wrapper .col-right .single-row.additional-olx .export-input-label {font-size: 18px; font-weight: 400; margin-bottom: 0;} .section-export .cols-wrapper .col-right .single-row.additional-olx .export-input-label .portal-name {color: #00ADB3; font-size: 18px; font-weight: 700;} .section-export .cols-wrapper .col-right .single-row.show-reservation .export-input-label {font-size: 18px; font-weight: 400; margin-bottom: 0;} .section-export .cols-wrapper .col-right .single-row.show-reservation .export-input-label .portal-name {color: #00ADB3; font-size: 18px; font-weight: 700;} .section-export .cols-wrapper .col-left .single-row.show-reservation .export-input-label {font-size: 18px; font-weight: 400; margin-bottom: 0;} .section-export .cols-wrapper .col-left .single-row.show-reservation .export-input-label .portal-name {color: #00ADB3; font-size: 18px; font-weight: 700;} .section-export .cols-wrapper .col-left .single-row:last-child .split_input_box {padding-bottom: 0; min-height: unset;} .section-export .cols-wrapper .col-right .single-row:last-child .split_input_box {padding-bottom: 0; min-height: unset;} .section-export .cols-wrapper .link-to-portal .link-text {color: #00ADB3; font-weight: 700;} .section-export .cols-wrapper .link-to-portal a:hover .link-text {text-decoration: underline;} .section-export .cols-wrapper .link-box {display: flex; align-items: center; gap: 8px; width: max-content; margin-bottom: 20px;} .section-export .cols-wrapper .link-box .icon {transform: translateY(-2px);} .section-export .cols-wrapper .link-box .icon path {fill: #00ADB3;} .section-export .cols-wrapper .export-input-label .new-line {display: block; font-size: 18px; margin-top: 16px;} .section-export .cols-wrapper .export-input-label .active-to {font-size: 18px; color: #00ADB3;} @media all and (max-width: 1200px) { .section-export .cols-wrapper {grid-template-columns: 1fr;} } @media all and (max-width: 992px) { .section-export .cols-wrapper .export-input-label {font-size: 20px;} } @media all and (max-width: 768px) { .section-export .cols-wrapper .col-right {padding: 16px;} .section-export .cols-wrapper .export-input-label {font-size: 20px;} } #content .listing_variant table td.option_td .cell_tools .single_tool.diff-bg {background: linear-gradient(270deg, rgba(154,225,195,1) 7%, rgba(21,180,181,1) 59%);} #content .listing_variant table td.option_td .cell_tools .single_tool.diff-bg:hover {background: linear-gradient(270deg, #9AE1C3 7%, #008787 59%);} #content .listing_variant table td.option_td .cell_tools .single_tool.diff-bg svg path {fill: #FFF;} .split_box .ipositions .split_box_element.text_box_element:not(:first-child) {border-top: 1px solid #707070; padding-top: 50px;} .split_box .split_tools .split_single_tool.nl-reject-acc-btn {background: #FFF; border: 1px solid #00ADB3;} .split_box .split_tools .split_single_tool.nl-reject-acc-btn svg path {fill: #00ADB3;} .split_box .split_tools .split_single_tool.nl-reject-acc-btn:hover svg path {fill: #FFF;} .split_box .split_tools .split_single_tool.nl-reject-acc-btn:hover {background: linear-gradient(270deg, #9ae1c3 7%, #15b4b5 59%);} .split_box .split_box_element .split_flex.nl-flex-tiles {align-items: flex-start;} .split_box .nl-flex-tiles .split_input_box .field-error {position: static;} body.dark_mode .split_box .split_input_box.nl-change-color {color: #FFF;} .split_box .split_input_box.nl-change-color {display: flex; flex-direction: column; justify-content: center;} .nl-inline-block .input.radio {display: inline-block;} .popup_overlay .popup_wrapper .popup_body .popup_content .auctions_popup .popup_buttons .button.btnToFix {min-width: 200px; display: flex; justify-content: center; align-items: center; margin-left: auto; text-transform: capitalize;} .auctions_popup .form_flex.nl-grid-tiles {display: grid; grid-template-columns: repeat(2, 1fr); justify-content: space-between; column-gap: 32px;} .auctions_popup .form_flex.nl-grid-tiles textarea {margin-top: 0; padding: 5px 10px} .auctions_popup .form_flex.nl-grid-tiles + .popup_buttons {margin-top: 0!important;} .form_flex.nl-grid-tiles .split_input_box.form_elements.date_box svg {bottom: 52px;} #content .listing_variant table tr.correcting-invoice td, #content .listing_variant table tr.correcting-note td {height: 60px; color: #5D5A5A !important;} .popup_overlay .popup_wrapper {padding: 12px;} .popup_overlay .popup_wrapper .popup_body .popup_content {padding: 12px;} .popup_overlay .popup_wrapper .popup_body .popup_head .popup_head_text p {padding-right: 36px;} .ipositions > div.split_box_element.flex_element.iposition {display:grid; grid-template-columns: 0.85fr minmax(115px, 0.25fr) minmax(115px, 0.25fr) minmax(160px, 0.35fr) minmax(115px, 0.25fr) minmax(160px, 0.35fr); gap: 24px;} .ipositions > div.split_box_element.flex_element.iposition h5 {grid-column: 1/-1;} @media all and (max-width: 1400px) { .ipositions > div.split_box_element.flex_element.iposition {grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));} .ipositions > div.split_box_element.flex_element.iposition h5 {grid-column: 1/-1;} .ipositions > div.split_box_element.flex_element.iposition .split_input_box.w_20:nth-child(2) {grid-column: 1/4;} .ipositions > div.split_box_element.flex_element.iposition .split_input_box.w_100:nth-child(2) {grid-column: 1/4;} } @media all and (max-width: 992px) { .auctions_popup .form_flex.nl-grid-tiles {grid-template-columns: 1fr;} .ipositions > div.split_box_element.flex_element.iposition {grid-template-columns: repeat(3, 1fr);} } @media all and (max-width: 800px) { .split_box .split_input_box.nl-change-color {justify-content: flex-start;} } @media all and (max-width: 768px) { .ipositions > div.split_box_element.flex_element.iposition .split_input_box.w_20:nth-child(2) {grid-column: 1/-1;} .ipositions > div.split_box_element.flex_element.iposition .split_input_box.w_100:nth-child(2) {grid-column: 1/-1;} .ipositions > div.split_box_element.flex_element.iposition {grid-template-columns: repeat(2, 1fr);} } @media all and (max-width: 600px) { .split_box .split_box_element.flex_element .split_tools {gap: 8px;} } @media all and (max-width: 576px) { .ipositions > div.split_box_element.flex_element.iposition {grid-template-columns: 1fr;} } .select2-container .select2-selection--multiple .select2-selection__rendered {display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 0 8px;} .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {display: flex; align-items: center; top: 50%; transform: translateY(-50%); color: #00adb3; left: 8px; border-radius: 50%; justify-content: center; border: none; background-color: #eef1f5; transition: color .3s, background-color .3s;} .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {color: #FFF; background-color: #00adb3;} .select2-container--default .select2-selection--multiple {height: auto;} .select2-container--default .select2-selection--multiple .select2-selection__choice {padding-top: 8px; padding-bottom: 8px; border-radius: 50px; padding-left: 32px; padding-right: 8px; margin: 0; background-color: #FFF; border-color: #00adb3; color: #00adb3;} body.dark_mode .select2-container--default .select2-selection--multiple .select2-selection__choice {background-color: #233036; color: #FFF;} body.dark_mode .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {background-color: #00adb3} .select2-results__options[aria-multiselectable] .select2-results__option[aria-selected] {position: relative; padding-left: 40px;} .select2-results__options[aria-multiselectable] .select2-results__option[aria-selected]::before {position: absolute; content: ""; z-index: 2; color: #FFF; background-color: #FFF; padding: 2px; width: 16px; height: 16px; display: inline-block;border: 2px solid #eef1f5;margin-right: 6px; top: 50%; transform: translateY(calc(-50% - 1px)); left: 8px;} .select2-results__options[aria-multiselectable] .select2-results__option[aria-selected=true]::after {content: ""; background-color: #00adb3; position: absolute; top: 50%; left: 12px; transform: translateY(calc(-50% - 1px)); width: 8px; height: 8px; z-index: 3;} .single_widget .widget_box .scroll-container .single-box.empty-box {display: grid; grid-template-columns: max-content 1fr; background-color: #FAFAFA; margin: 20px 12px; border: 1px solid transparent;} .single_widget .widget_box .scroll-container .single-box.empty-box .icon-box {display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; background-color: #D6EAEE; border-radius: 50%; border: 1px solid transparent;} .single_widget .widget_box .scroll-container .single-box.empty-box .icon-box .icon {display: block;} .single_widget .widget_box .scroll-container .single-box.empty-box .box-text {color: #000; font-weight: 600; font-size: 14px;} .single_widget .widget_box .widget_content .offert_box .empty_box {display: grid; grid-template-columns: max-content 1fr; gap: 10px; text-align: left!important; background-color: #FAFAFA; margin: 0 12px!important; padding: 12px!important; border: 1px solid transparent;} .single_widget .widget_box .widget_content .offert_box .empty_box .icon-box {display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; background-color: #D6EAEE; border-radius: 50%; border: 1px solid transparent;} .single_widget .widget_box .widget_content .offert_box .empty_box .box-text {font-weight: 600; font-size: 14px; color: #000; display: flex; align-items: center;} .dark_mode .single_widget .widget_box .scroll-container .single-box.empty-box {border-color: #00ADB3; background-color: #233036;} .dark_mode .single_widget .widget_box .scroll-container .single-box.empty-box .box-text {color: #FFF;} .dark_mode .single_widget .widget_box .scroll-container .single-box.empty-box .icon-box {background-color: #1F3D43; border-color: #00ADB3;} .dark_mode .single_widget .widget_box .widget_content .offert_box .empty_box {background-color: #233036; border-color: #00ADB3;} .dark_mode .single_widget .widget_box .widget_content .offert_box .empty_box .box-text {color: #FFF;} .dark_mode .single_widget .widget_box .widget_content .offert_box .empty_box .icon-box {background-color: #1F3D43; border-color: #00ADB3;} .above_listing_box.error-info {display: flex!important; gap: 16px; align-items: center; padding-right: 18px!important;} .above_listing_box.error-info .icon-box {display: flex; align-items: center; justify-content: center; background-color: #E4E4E4; min-width: 42px; min-height: 42px; border-radius: 50%;} .above_listing_box.error-info .icon-box svg {position: static!important; display: block!important;} .above_listing_box.error-info .icon-box svg path {fill: #DD0000;} .error .error-wrapper {position: relative; display: grid; grid-template-columns: max-content 36px; gap: 8px; align-items: center; justify-content: flex-start;} .error .error-wrapper .error-remove-box {position: relative; display: flex; align-items: center; justify-content: center; padding: 8px!important; width: 36px!important; height: 36px!important; transition: border-color; border: 1px solid #C1C1C1; border-radius: 8px; background-color: #FFF;} .error .error-wrapper .error-remove-box:hover {border-color: #00adb3;} .error .error-wrapper .error-remove-box svg {display: block;} .error .error-wrapper .error-remove-box svg path {transition: fill .3s;} .error .error-wrapper .error-remove-box:hover svg path {fill: #00adb3;} .error .error-wrapper .text-info-wrapper {display: flex; align-items: center; gap: 8px; border: 1px solid #EF5050; border-radius: 8px; color: #EF5050; padding: 10px; justify-content: center; width: 100%; max-width:240px; min-width: 220px; } .error .error-wrapper .text-info-wrapper svg {padding-bottom: 1px;} .error .error-wrapper .text-info-wrapper .error_see {color: #EF5050;} .error .error-wrapper .text-info-wrapper + .tooltip-wrapper {display: none; position: absolute; bottom: -16px; left: 0; transform: translate(0, -50%); text-align: left; max-width: 300px; min-width: 250px; z-index: 99999; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); background-color: #FFF; border-radius: 8px; padding: 16px 24px;} .error .error-wrapper .text-info-wrapper:hover + .tooltip-wrapper {display: block;} .error .error-wrapper .text-info-wrapper + .tooltip-wrapper .list-item {margin-bottom: 4px;} .error .error-wrapper .text-info-wrapper + .tooltip-wrapper .list-item::before {content: "\2022"; color: #EF5050; display: inline-block; width: 1em; margin-left: -1em} .error .error-wrapper .text-info-wrapper + .tooltip-wrapper .info-label {margin-bottom: 8px;} .dark_mode .tox .tox-edit-area__iframe {background-color: #233036!important;} .dark_mode .tox:not(.tox-tinymce-inline) .tox-editor-header {border-bottom: 1px solid #233036!important;} .dark_mode .tox .tox-editor-container {border: 1px solid #00adb3!important; border-radius: 12px;} .dark_mode .tox .tox-statusbar {background-color: #233036!important; border-top: 1px solid #233036!important;} .dark_mode .tox .tox-statusbar a, .dark_mode .tox .tox-statusbar__path-item, .dark_mode .tox .tox-statusbar__wordcount {color:#FFF!important;} .dark_mode .tox:not([dir=rtl]) .tox-statusbar__path>* {color: #FFF!important;} .dark_mode .tox .tox-tbtn:hover svg path {fill:#00adb3!important;} .dark_mode .filters .filters_body .filters_section .select2-container--default .select2-selection--single {background-color: #1f3d43; border: 1px solid #00adb3; color: #FFF;} .dark_mode .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {background-color: #0e5d60;} .system_preferences input {display: block; border: none; height: 45px; width: 100%; padding: 5px 10px; font-size: 16px; color: #000; background-color: #eef1f5; margin-top: 5px;} .grid-cols {padding: 20px;} .grid-cols .popup_flex {display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px 32px;} .grid-cols .popup_flex .input_box.no_padding{padding-bottom:0;} .grid-cols .col-full-width {grid-column: 1/-1;} .grid-cols .col-full-width .input_box {width: calc(50% - 18px);} .grid-cols .required-star {color: #FF5722;} .share-on-box {display: flex; align-items: center; gap: 64px; font-weight: 700; font-size: 18px;} @media all and (max-width: 768px) { .grid-cols .popup_flex {grid-template-columns: 1fr; gap: 16px;} .grid-cols .col-full-width .input_box {width: 100%;} } .nl-single-file:first-child .preview_space {position: relative; border: 2px solid #ECE429;} .nl-single-file:first-child .preview_space::before {position: absolute; background-color: #ECE429; border-radius: 20px 20px 0 0; content: 'Zdjęcie główne'; text-transform: uppercase; font-weight: 700; font-size: 12px; text-align: center; display: flex; align-items: center; justify-content: center; height: 36px; width: 100%; max-width: 140px; bottom: 0; left: 50%; transform: translateX(-50%);} .nl-single-file .file_information > p {font-weight: 600!important; align-items: center!important;} .nl-single-file .file_information i.fa-check {border: 3px solid #8AB94B; padding: 2px; border-radius: 5px;} .nl-single-file .file_information i.fa-check:before {color: #8AB94B;} .nl-single-file .file_information i.icon-close {border: 3px solid #808080; padding: 2px; border-radius: 5px;} .nl-single-file .file_information i.icon-close:before {color: #404041;} .nl-single-file .remove-file-box {display: flex; align-items: center; width: max-content; margin-left: auto; justify-content: flex-end; gap: 10px; margin-top: 10px; font-size: 12px; font-weight: 600;} .nl-single-file .remove-file-box svg {transform: translateY(-1px);} .nl-single-file .remove-file-box:hover .remove-file-text {text-decoration: underline;} .nl-single-file .preview_space .drag-info-wrapper {display: none; background-color: rgba(255, 255, 255, 0.9); align-items: center; justify-content: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0;} .nl-single-file .preview_space .drag-info-wrapper .drag-info-box {display: flex; align-items: center; justify-content: center; gap: 16px; width: 100%; height: 100%;} .nl-single-file .preview_space .drag-info-wrapper .drag-info-box .drag-info-text {font-size: 18px; font-weight: 600;} .nl-single-file .preview_space:hover .drag-info-wrapper {display: flex;} .nl-single-file .empty-box {min-height: 210px; display: flex; justify-content: center; align-items: center; width: 100%; background-color: rgba(243, 244, 249, 1); border: 2px dashed rgba(128, 128, 128, 1);} .box-drag-to .empty-box {background-color: rgba(0, 173, 179, 0.2); border-color: rgba(0, 173, 179, 1);} .nl-single-file .down-here-text {margin-top: 10px; font-weight: 600;} body.dark_mode .auctions_popup .popup_flex .input_box input {background-color: #1f3d43; border: 1px solid #00adb3; color: #FFF;} .get-from-gus {transition: color .3s;} .get-from-gus:hover {color: #00adb3;} body.dark_mode .get-from-gus {color: #FFF;} body.dark_mode .get-from-gus:hover {color: #00adb3;} .split_content .split_listing .scroll-box.prd_listing .small_pin {display: none;} .split_content .split_listing .scroll-box.prd_listing .record_name {font-size: 16px; flex-basis: calc(100% - 200px);} .split_content .split_listing .scroll-box.prd_listing .split_single_record {gap: 24px;} .split_content .split_listing .scroll-box.prd_listing .split_single_record .list-key-number {font-size: 14px; min-width: 55px; margin: 0 auto;} .split_content .split_listing .scroll-box.prd_listing .split_single_record .list-reg-number {font-size: 14px; min-width: 85px; margin: 0 auto;} .split_content .split_listing .scroll-box.prd_listing .split_single_record.active .list-key-number {color: #FFF;} .split_content .split_listing .scroll-box.prd_listing .split_single_record.active .list-reg-number {color: #FFF;} .split_content .split_listing .scroll-box.prd_listing .split_single_record:hover .list-key-number {color: #FFF;} .split_content .split_listing .scroll-box.prd_listing .split_single_record:hover .list-reg-number {color: #FFF;} .split_content .split_listing .headers-row {display: flex; gap: 24px; padding: 15px 20px;} .split_content .split_listing .headers-row .single-header {font-size: 12px; color: #00ADB3;} .split_content .split_listing .headers-row .single-header:first-child {flex-basis: calc(100% - 200px);} .split_content .split_listing .headers-row .single-header:nth-child(2) {min-width: 85px;} .split_content .split_listing .headers-row .single-header:last-child {min-width: 55px;} .split_content .split_listing .listing-search-box {display: flex; flex-direction: column; gap: 6px; margin-bottom: 10px; padding: 15px 20px;} .split_content .split_listing .listing-search-box .search-label {font-size: 12px; font-weight: 700;} .split_content .split_listing .listing-search-box .search-input-box {position: relative; height: 45px; width: 100%;} .split_content .split_listing .listing-search-box .search-car-input {display: flex; border: 1px solid transparent; align-items: center; height: 100%; padding: 5px 48px 5px 10px; width: 100%; background-color: #EEF1F5; border-radius: 4px;} .split_content .split_listing .listing-search-box .search-icon {display: block; position: absolute; right: 10px; top: 50%; transform: translateY(-50%);} .split_content .split_listing .listing-search-box .clear-search-input {display: none; position: absolute; right: 10px; top: 50%; transform: translateY(-50%);} .split_content .split_listing .listing-search-box .clear-search-input.active {display: block;} .split_content .split_listing .listing-search-box .search-car-input::-webkit-search-decoration, .split_content .split_listing .listing-search-box .search-car-input::-webkit-search-cancel-button, .split_content .split_listing .listing-search-box .search-car-input::-webkit-search-results-button, .split_content .split_listing .listing-search-box .search-car-input::-webkit-search-results-decoration {display: none;} .dark_mode .split_content .split_listing .scroll-box.prd_listing .split_single_record .list-key-number {color: #fff;} .dark_mode .split_content .split_listing .scroll-box.prd_listing .split_single_record .list-reg-number {color: #fff;} .dark_mode .split_content .split_listing .listing-search-box .search-label {color: #FFF;} .dark_mode .split_content .split_listing .listing-search-box .search-car-input {background-color: #1f3d43; border-color: #00adb3; color: #FFF;} .dark_mode .split_content .split_listing .listing-search-box .search-car-input::placeholder {color: #FFF;} .dark_mode .split_content .split_listing .listing-search-box svg path {fill: #FFF;}