.vue-btn-context-menu{display:inline}
ul[data-v-a5183462]{max-width:300px}
.dictionary-menu .left-menu-item>div[data-v-025b2b5a]{position:absolute;top:-3px}.dictionary-menu .left-menu-item__context-menu[data-v-025b2b5a]{display:none !important}.dictionary-menu .left-menu-item .left-menu-item__context-menu.show[data-v-025b2b5a],.dictionary-menu .left-menu-item:hover .left-menu-item__context-menu[data-v-025b2b5a]{display:inline !important}@media(max-width: 991px){.left-menu-item .left-menu-item__context-menu[data-v-025b2b5a]{display:inline !important}}.contragents[data-v-025b2b5a]{cursor:default}
.spinner-loading-indicator[data-v-6f1c3390]{width:auto;height:auto;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.spinner-loading-indicator .lds-dual-ring[data-v-6f1c3390]:after{width:inherit;height:inherit;border-color:inherit}
.vue-select .select2-selection--single{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vue-select+.select2 input{width:100% !important;height:24px}.select2-selection--multiple .select2-selection__rendered>li.select2-selection__choice.select-item-not-display .select2-selection__choice__remove,.select2-selection--multiple .select2-selection__rendered>li.select2-selection__choice.select-item-not-display,.select2-selection--multiple li.select2-selection__choice.select-item-not-display .select2-selection__choice__remove{display:none}.select2-selection--multiple li.select2-selection__choice.select-text-more{background-color:transparent;border:1px solid transparent;padding-right:0px}.select2-selection--multiple .select2-selection__rendered>li.select2-selection__choice.select-text-more .select2-selection__choice__remove,.select2-selection--multiple li.select2-selection__choice.select-text-more .select2-selection__choice__remove{display:none}
.vue-filter-container>div[data-v-7c4343e0]:first-child{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-13px;margin-right:-13px}
.vue-filter-item[data-v-ba565358]{padding-left:13px;padding-right:13px}@media(max-width: 992px){.vue-filter-item[data-v-ba565358]{max-width:50% !important;-ms-flex-preferred-size:50% !important;flex-basis:50% !important}}@media(max-width: 414px){.vue-filter-item[data-v-ba565358]{max-width:100% !important;-ms-flex-preferred-size:100% !important;flex-basis:100% !important}}
.fil[data-v-b67667ae]{height:auto;margin:0px;vertical-align:text-bottom;display:inline-block;border-bottom:#db1211 5px solid;padding-bottom:5px;vertical-align:bottom;-webkit-box-sizing:border-box;box-sizing:border-box;border-color:transparent;-webkit-transition:border-color ease .2s;transition:border-color ease .2s}.search__input-group[data-v-b67667ae]{height:45px;position:relative;margin-bottom:5px}input.search__form-control[data-v-b67667ae]{height:45px;width:100%;font-size:24px;padding:10px 150px 14px 0px;line-height:1.33;z-index:2;float:left;font-weight:normal;position:relative;background-color:initial;border:none;border-bottom:1px solid #d8d8d8}input.search__form-control[data-v-b67667ae]:focus{border-color:#222}.search__btn-container[data-v-b67667ae]{font-size:14px;padding-left:15px;vertical-align:top;position:absolute;right:0px;z-index:20;width:auto}.search__filter-btn[data-v-b67667ae]{cursor:pointer}.search__filter-btn[data-v-b67667ae]:hover{opacity:.8}.search__search-btn[data-v-b67667ae]{height:45px;padding:10px 16px;font-size:17px;line-height:1.33;border-radius:3px;background-color:transparent;z-index:2;margin-left:-1px;border:none}.search__search-btn[data-v-b67667ae]:hover{opacity:.8}.search__search-btn[data-v-b67667ae]:hover,.search__search-btn[data-v-b67667ae]:focus,.search__search-btn[data-v-b67667ae]:active{background-color:transparent}.search__search-btn svg[data-v-b67667ae]{-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1);padding:0px;margin-top:-5px;width:39px;height:28px;-webkit-box-shadow:none;box-shadow:none;border:none;background-color:transparent}.search__search-btn svg[data-v-b67667ae]:active{-webkit-box-shadow:none;box-shadow:none;background-color:transparent}
.search-result-description{color:#828282;cursor:default}.search-result-tree{color:#828282;cursor:pointer}.search-result-tree:hover{color:#000;border-bottom-color:#000}.search-result-tree:active{color:#db1212;border-bottom-color:#db1212}.search-result-item{border-bottom:1px dashed #828282;white-space:nowrap}.search__number{color:#222;cursor:pointer}
.vue-page[data-v-5157584d]{padding:1.5rem !important;max-width:2560px;margin-left:auto;margin-right:auto}@media(max-width: 978px){.vue-page[data-v-5157584d]{margin-top:80px}}
.vue-ajax-loading-animation[data-v-5ccfb251]{font-size:21px;font-weight:100}.vue-loader[data-v-5ccfb251],.vue-loader[data-v-5ccfb251]:before,.vue-loader[data-v-5ccfb251]:after{background:#db1212;-webkit-animation:load1-data-v-5ccfb251 1s infinite ease-in-out;animation:load1-data-v-5ccfb251 1s infinite ease-in-out;width:1em;height:4em}.vue-loader[data-v-5ccfb251]{color:#db1212;text-indent:-9999em;margin:88px auto;position:relative;font-size:13px;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-0.16s;animation-delay:-0.16s}.vue-loader[data-v-5ccfb251]:before,.vue-loader[data-v-5ccfb251]:after{position:absolute;top:0;content:""}.vue-loader[data-v-5ccfb251]:before{left:-1.5em;-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.vue-loader[data-v-5ccfb251]:after{left:1.5em}@-webkit-keyframes load1-data-v-5ccfb251{0%,80%,100%{-webkit-box-shadow:0 0;box-shadow:0 0;height:4em}40%{-webkit-box-shadow:0 -2em;box-shadow:0 -2em;height:5em}}@keyframes load1-data-v-5ccfb251{0%,80%,100%{-webkit-box-shadow:0 0;box-shadow:0 0;height:4em}40%{-webkit-box-shadow:0 -2em;box-shadow:0 -2em;height:5em}}
.vue-textarea+.note-editor{border-left:none;border-right:none;border-top:none;border-bottom:#bfbfbf 1px solid;border-radius:0;-webkit-box-shadow:none;box-shadow:none}
.vue-page-panel{margin:0}
.vue-datetimepicker-range .daterangepicker .range_inputs>button{border-radius:19px}.vue-datetimepicker-range .daterangepicker .range_inputs .btn-default,.vue-datetimepicker-range .daterangepicker .range_inputs .btn-default.active,.vue-datetimepicker-range .daterangepicker .range_inputs .btn-default:active,.vue-datetimepicker-range .daterangepicker .range_inputs .btn-default:hover{border-color:transparent;background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.vue-datetimepicker-range .daterangepicker .range_inputs .btn:active{-webkit-box-shadow:none;box-shadow:none}.vue-datetimepicker-range .daterangepicker .range_inputs .btn-default{color:#828282}.vue-datetimepicker-range .daterangepicker td.in-range{background-color:#f3f3f3}.vue-datetimepicker-range .daterangepicker td.active,.vue-datetimepicker-range .daterangepicker td.active:hover{background-color:#db1212;border-color:transparent;color:#fff}.vue-datetimepicker-range .daterangepicker .calendar-time{padding-left:8px}.vue-datetimepicker-range .daterangepicker.dropdown-menu.show-calendar{-webkit-backface-visibility:initial;backface-visibility:initial;-webkit-transform:initial;-ms-transform:initial;transform:initial;opacity:initial;-webkit-filter:initial;filter:initial;display:none}.vue-datetimepicker-range .daterangepicker .daterangepicker_input i{left:initial;right:8px}.vue-datetimepicker-range .daterangepicker .left .daterangepicker_input i{right:20px}.vue-datetimepicker-range .daterangepicker .input-mini.active{border:none;border-bottom:1px solid #d8d8d8}.vue-datetimepicker-range .daterangepicker .range_inputs .btn-success:hover{background-color:#ef1717 !important;border-color:transparent !important;color:#fff}.vue-datetimepicker-range .daterangepicker .range_inputs .btn-success:active{background-color:#b50a0a !important;border-color:transparent !important;top:1px;left:1px}.vue-datetimepicker-range .daterangepicker .range_inputs .btn-default:hover{color:#222;background-color:transparent !important}.vue-datetimepicker-range .daterangepicker .range_inputs .btn-default:active{color:#db1212;background-color:transparent}
.modal-body[data-v-2f4b5f06]{max-height:600px}.modal-footer .buttons-cont[data-v-2f4b5f06]{text-align:left}.modal-header .close[data-v-2f4b5f06]{position:absolute;top:0px;right:0px;margin-top:14px;margin-right:14px;font-size:28px;font-weight:100}
.file-btn-upload[data-v-bea905ba]{cursor:pointer}.file-progress-bar-wrapper[data-v-bea905ba]{width:100%;height:5px;background:#dadada;opacity:0}.file-progress-bar[data-v-bea905ba]{width:0%;height:100%;background:#ffbdbd;-webkit-transition:width linear .2s;transition:width linear .2s}.file-extension[data-v-bea905ba]{width:50px;font-size:12px;padding-top:3px}.file-description[data-v-bea905ba]{width:100%}.file-delete-btn[data-v-bea905ba],.file-progress-percents[data-v-bea905ba]{float:right}.file-progress-percents[data-v-bea905ba]{display:none}.file-delete-btn[data-v-bea905ba]{margin-left:10px;cursor:pointer}.file-container[data-v-bea905ba]{margin-bottom:5px}.file-item[data-v-bea905ba]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-5px;padding:5px}.file-item[data-v-bea905ba]:hover{background:rgba(34,34,34,.05)}.file-item.file_in-progress .file-progress-bar-wrapper[data-v-bea905ba]{opacity:1}.file-item.file_in-progress .file-progress-percents[data-v-bea905ba]{display:block}.file-item.dz-complete .file-delete-btn[data-v-bea905ba]{display:none}.form-group:not(.form-group--error) .error-message[data-v-bea905ba]{display:none}.vue-dropzone.dropzone[data-v-bea905ba]{border:none;background-image:none;background-color:transparent;padding:0}.vue-dropzone-container[data-v-bea905ba]{position:fixed;top:0px;left:0px;width:100%;height:100vh;background-color:rgba(0,0,0,.5);text-shadow:1px 1px 2px #000;background:rgba(0,0,0,.45);display:none;-webkit-transition-property:z-index;transition-property:z-index;-webkit-transition-duration:1s;transition-duration:1s;z-index:111111111;pointer-events:none !important}.vue-dropzone-container>div[data-v-bea905ba]{width:100%;position:relative;text-align:center !important;top:calc(50% - 30px);font-size:30px;color:#fff}
.vue-btn-save-out button[data-v-0e1cc9ba]{margin-right:5px}.vue-btn-save-out[data-v-0e1cc9ba]{margin-right:25px}.vue-btn-save-out>span[data-v-0e1cc9ba]{display:inline-block;vertical-align:middle;width:20px;height:20px}.vue-btn-save-out>span>span[data-v-0e1cc9ba]:after{width:20px;height:20px}.button-loader-animation-enter-active[data-v-0e1cc9ba],.button-loader-animation-leave-active[data-v-0e1cc9ba]{-webkit-transition:opacity .5s;transition:opacity .5s}.button-loader-animation-enter-active[data-v-0e1cc9ba]{-webkit-transition-delay:1s;transition-delay:1s}.button-loader-animation-leave-active[data-v-0e1cc9ba]{-webkit-transition-delay:0s;transition-delay:0s}.button-loader-animation-enter[data-v-0e1cc9ba],.button-loader-animation-leave-to[data-v-0e1cc9ba]{opacity:0}
.btn-group[data-v-05256946]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.vue-button-split-dropdown[data-v-05256946]{-webkit-box-shadow:0 6px 7px -4px rgba(255,0,0,.5);box-shadow:0 6px 7px -4px rgba(255,0,0,.5);border-radius:50px}.vue-button-split-dropdown button[data-v-05256946]{-webkit-box-shadow:none;box-shadow:none}.vue-button-split-dropdown .dropdown-menu[data-v-05256946]{top:100%;left:0}.vue-button-split-dropdown .dropdown-menu li a[data-v-05256946]{cursor:pointer;white-space:normal;min-width:230px}.vue-button-split-dropdown>.btn-split-dropdown__btn-base>span[data-v-05256946]{vertical-align:middle}.vue-button-split-dropdown>.btn-split-dropdown__btn-base .btn-element-label[data-v-05256946]{font-size:24px;font-weight:100;margin-right:5px;color:#fff !important;line-height:1}.vue-button-split-dropdown>.btn-split-dropdown__btn-base[data-v-05256946]{border-radius:50px 0 0 50px}.vue-button-split-dropdown>.btn-split-dropdown__btn-dropdown[data-v-05256946]{border-radius:0 50px 50px 0;background-color:#c61010}.vue-button-split-dropdown>.btn-split-dropdown__btn-dropdown[data-v-05256946]:hover,.vue-button-split-dropdown>.btn-split-dropdown__btn-dropdown[data-v-05256946]:active{background-color:#c60f0f}.vue-button-split-dropdown .dropdown-menu[data-v-05256946]{max-width:350px !important}.vue-button-split-dropdown .dropdown-menu.dropdown-menu_left[data-v-05256946]{left:0 !important;right:auto}.vue-button-split-dropdown .dropdown-menu.dropdown-menu_right[data-v-05256946]{left:auto !important;right:0}
.pulse-container[data-v-1bc720ab]{position:absolute;left:3px;top:-7px;z-index:1}.btn-animate[data-v-1bc720ab]{color:#fff !important;position:relative;background-color:#db1212;height:36px;width:36px;text-align:center;padding:7px 7px 8px 9px;border-radius:50%;right:0px;top:0px;z-index:10}.btn-animate[data-v-1bc720ab]:hover{background-color:#ef1717}.btn-animate[data-v-1bc720ab]:hover{background-color:#ef1717}.btn-animate[data-v-1bc720ab]:active{background-color:#b50a0a}.btn-animate span.xsud-icon-diskette[data-v-1bc720ab]{font-size:18px}.btn-animate[disabled][data-v-1bc720ab]{z-index:10;cursor:not-allowed;opacity:.65}@media(max-width: 991px)and (min-width: 401px){.btn-animate[data-v-1bc720ab]{right:10px}.pulse-container[data-v-1bc720ab]{right:20px}.pulse-container .pulse-box[data-v-1bc720ab]{float:right}}

@keyframes lds-ellipsis3 {
    0%, 25% {
        left: 32px;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        left: 32px;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    75% {
        left: 100px;
    }

    100% {
        left: 168px;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes lds-ellipsis3 {
    0%, 25% {
        left: 32px;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        left: 32px;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    75% {
        left: 100px;
    }

    100% {
        left: 168px;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    25%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@-webkit-keyframes lds-ellipsis2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    25%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@keyframes lds-ellipsis {
    0% {
        left: 32px;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    25% {
        left: 32px;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        left: 100px;
    }

    75% {
        left: 168px;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        left: 168px;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@-webkit-keyframes lds-ellipsis {
    0% {
        left: 32px;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    25% {
        left: 32px;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        left: 100px;
    }

    75% {
        left: 168px;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        left: 168px;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

.lds-ellipsis {
    position: relative;
}

    .lds-ellipsis > div {
        position: absolute;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 40px;
        height: 40px;
    }

    .lds-ellipsis div > div {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: #f00;
        position: absolute;
        top: 100px;
        left: 32px;
        -webkit-animation: lds-ellipsis 1s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;
        animation: lds-ellipsis 1s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;
    }

    .lds-ellipsis div:nth-child(1) div {
        -webkit-animation: lds-ellipsis2 1s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;
        animation: lds-ellipsis2 1s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;
        background: #7394a4;
    }

    .lds-ellipsis div:nth-child(2) div {
        -webkit-animation-delay: -0.5s;
        animation-delay: -0.5s;
        background: #a2b4bc;
    }

    .lds-ellipsis div:nth-child(3) div {
        -webkit-animation-delay: -0.25s;
        animation-delay: -0.25s;
        background: #f0f5f6;
    }

    .lds-ellipsis div:nth-child(4) div {
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
        background: #912623;
    }

    .lds-ellipsis div:nth-child(5) div {
        -webkit-animation: lds-ellipsis3 1s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;
        animation: lds-ellipsis3 1s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;
        background: #7394a4;
    }

.lds-ellipsis {
    width: 200px !important;
    height: 200px !important;
    -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
    transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}

/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */


@font-face {
    font-family: 'ProximaNova';
    src: url(/fonts/ProximaNova/ProximaNova-Bold-webfont.eot?v=3.0.0);
    src: url(/fonts/ProximaNova/ProximaNova-Bold-webfont.eot?v=3.0.0) format('embedded-opentype'), url(/fonts/ProximaNova/ProximaNova-Bold-webfont.woff?v=3.0.0) format('woff'), url(/fonts/ProximaNova/ProximaNova-Bold-webfont.ttf?v=3.0.0) format('truetype'), url(/fonts/ProximaNova/ProximaNova-Bold-webfont.svg?v=3.0.0) format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova';
    src: url(/fonts/ProximaNova/ProximaNova-Reg-webfont.eot?v=3.0.0);
    src: url(/fonts/ProximaNova/ProximaNova-Reg-webfont.eot?v=3.0.0) format('embedded-opentype'), url(/fonts/ProximaNova/ProximaNova-Reg-webfont.woff?v=3.0.0) format('woff'), url(/fonts/ProximaNova/ProximaNova-Reg-webfont.ttf?v=3.0.0) format('truetype'), url(/fonts/ProximaNova/ProximaNova-Reg-webfont.svg?v=3.0.0) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url(/fonts/OpenSans/OpenSans-Regular.eot?v=1.0.0);
    src: url(/fonts/OpenSans/OpenSans-Regular.eot?v=1.0.0) format('embedded-opentype'), url(/fonts/OpenSans/OpenSans-Regular.ttf?v=1.0.0) format('truetype'), url(/fonts/OpenSans/OpenSans-Regular.woff?v=1.0.0) format('woff'), url(/fonts/OpenSans/OpenSans-Regular.svg?v=1.0.0) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url(/fonts/OpenSans/OpenSans-Italic.eot?v=1.0.0);
    src: url(/fonts/OpenSans/OpenSans-Italic.eot?v=1.0.0) format('embedded-opentype'), url(/fonts/OpenSans/OpenSans-Italic.ttf?v=1.0.0) format('truetype'), url(/fonts/OpenSans/OpenSans-Italic.woff?v=1.0.0) format('woff'), url(/fonts/OpenSans/OpenSans-Italic.svg?v=1.0.0) format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url(/fonts/OpenSans/OpenSans-Bold.eot?v=1.0.0);
    src: url(/fonts/OpenSans/OpenSans-Bold.eot?v=1.0.0) format('embedded-opentype'), url(/fonts/OpenSans/OpenSans-Bold.ttf?v=1.0.0) format('truetype'), url(/fonts/OpenSans/OpenSans-Bold.woff?v=1.0.0) format('woff'), url(/fonts/OpenSans/OpenSans-Bold.svg?v=1.0.0) format('svg');
    font-weight: bold;
    font-style: normal;
}


@media (max-width: 1280px) {
    .inbox-compose-footer, .inbox-download, .inbox-info-bar, .inbox-message {
        margin-right: 0px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 90%;
    }
}

@media (min-width: 768px) {
    .form-inline .input-group {
        display: table;
    }

    .form-inline .form-group {
        padding: 15px;
    }
}

@media (max-width: 979px) {
    .menu-on-top nav > ul > li.active {
        background: none;
    }

    .menu-on-top .menu-item-parent + span {
        margin-top: 0px;
    }
}


body.smart-style-6 {
    font-family: 'ProximaNova', Roboto, sans-serif;
    font-size: 14px;
}



body #main {
    padding-bottom: 0px;
}

body {
    /*-webkit-overflow auto;
    -moz-overflow: auto;
    -ms-overflow: auto;*/
    /*overflow: overlay;*/
}

.hoverable:hover {
    opacity: 0.8;
}





a,
a:hover,
a:focus {
    color: #000;
    text-decoration: none;
}

button, input, optgroup, select, textarea {
    font-family: 'ProximaNova', Roboto, sans-serif;
}

.dropdown-menu.daterangepicker table {
    font-size: 12px;
}

.dropdown-menu.daterangepicker .range_inputs {
    margin-left: 13px;
}

body.smart-style-6 .btn-success:focus,
body.smart-style-6 .btn-success:hover {
    box-shadow: 0 6px 7px -4px rgba(255, 0, 0, 0.5) !important;
}

.daterange input {
    padding-right: 18px;
}

.daterange .datetimepicker-addon {
    padding: 3px 0;
    width: 15px;
}

/*a:not([href]) {
        color: initial;
        text-decoration: none;
    }*/
/*body.smart-style-6 .show > .dropdown-menu {
    transform: none !important;
    will-change: auto !important;
    top: 35px !important;
    left: initial !important;
    right: 0px !important;
}*/

.nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
}

.nav > li > a:hover {
    text-decoration: none;
    background-color: #eee;
}

.hidden-sm, .hidden-xs {
    display: inline-block;
}

.dropdown-toggle::after {
    content: none;
}

.ajax-loading-animation {
    font-size: 21px;
    font-weight: 100;
}



.menu-on-top .menu-item-parent {
    min-width: 38px;
    max-width: initial;
    overflow: initial;
}

.menu-on-top nav ul ul .menu-item-parent {
    min-width: 30px;
}

body.smart-style-6 #logo-group > span#logo:before {
    content: "xSud v3.0"
}

.menu-on-top nav ul ul, .menu-on-top nav ul ul ul {
    width: auto;
    min-width: 250px;
}

body.smart-style-6 .visible-dropdown,
body.smart-style-6 .visible-dropdown-menu {
    -webkit-transform: initial;
    -ms-transform: initial;
    -o-transform: initial;
    transform: initial;
    opacity: initial;
    filter: initial;
    display: initial;
}

body.smart-style-6 .inbox-content {
    padding: 0px;
    min-height: 480px;
    margin-bottom: 30px !important;
}

.inbox-table {
    font-size: 13px;
    border-top: none;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
}


    .inbox-table tbody tr:hover {
        cursor: pointer;
        background: #E4E4E4
    }

    .inbox-table tr td {
        border-right: none;
        border-left: none;
        line-height: 26px;
        padding: 6px 4px 7px !important
    }

    .inbox-table .inbox-table-icon {
        padding-left: 15px !important
    }

    .inbox-table tbody tr th {
        overflow: hidden
    }

    .inbox-table.table tbody > tr > td {
        border-color: #fff !important
    }

tbody tr td .vertical-points {
    opacity: 0;
    cursor: pointer;
    /*display: none;*/
}

tbody tr:hover td .vertical-points {
    opacity: 1;
}


.inbox-table .checkbox, .inbox-table .radio {
    margin-top: -1px;
    margin-bottom: 0
}

.wrap .checkbox {
    display: none;
}

.text-elipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.slider-v2 {
    position: relative;
    display: block;
    width: 14px;
    height: 14px;
    cursor: pointer;
    transition: 350ms;
}

    .slider-v2::after {
        position: absolute;
        content: '';
        width: 14px;
        height: 14px;
        top: 7px;
        left: 0.5em;
        border-radius: 50%;
        transition: 250ms ease-in-out;
        background-color: #bab8b8;
        box-shadow: 0 2px 2px 0 rgba(34, 34, 34, 0.43);
    }

    .slider-v2::before {
        position: absolute;
        content: '';
        width: 27px;
        height: 10px;
        top: 0.75em;
        left: 0.75em;
        border-radius: 10px;
        transition: 250ms ease-in-out;
        background-color: #d8d8d8;
    }

input:checked + .slider-v2::after {
    left: 27px;
    box-shadow: 0 2px 4px 0 rgba(219, 18, 18, 0.55);
    background: #db1212;
}


.inbox-download {
    overflow: hidden;
}

.email-infobox {
    width: 360px;
    top: 12px;
}

    .email-infobox h4 {
        padding-bottom: 19px;
    }

/*------------------------radio begin*/
.radio input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    margin: 10px 0px 0px 7px;
}

.radio-text {
    position: relative;
    padding: 2px 0px 0px 22px;
    cursor: pointer;
}

    .radio-text::before {
        content: '';
        position: absolute;
        top: 3px;
        left: 0px;
        width: 14px;
        height: 14px;
        border: 1px solid #d8d8d8;
        border-radius: 50%;
        background: #FFF;
    }

    .radio-text::after {
        content: '';
        position: absolute;
        top: 7px;
        left: 4px;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #db1212;
        opacity: 0;
        transition: .2s;
    }

.radio input:checked + .radio-text::after {
    opacity: 1;
}
/*-------------radio end*/

.form-inline .checkbox, .form-inline .radiobox {
    height: 26px;
    padding-top: 5px;
}

label input[type=checkbox].checkbox:checked + span:before {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeSpeed;
    cursor: pointer;
    -webkit-box-shadow: inset 0 1px 1px #c22424, 0 1px 0 #d8d8d8;
    -moz-box-shadow: inset 0 1px 1px #d8d8d8, 0 1px 0 #d8d8d8;
    box-shadow: inset 0 1px 1px #d8d8d8, 0 1px 0 #d8d8d8;
    background: #fff;
    border-radius: 3px;
    font-weight: normal;
    content: "";
    background-image: url('/img/svg/check-red.svg');
    background-position: center center;
    background-repeat: no-repeat;
}

label input[type=checkbox].checkbox + span:before, label input[type=radio].radiobox + span:before {
    margin-right: 8px;
}


label:hover input[type=checkbox].checkbox + span:before {
    color: #db1212;
    border-color: #d8d8d8;
}

label:active input[type=checkbox].checkbox + span:before,
label:active input[type=checkbox].checkbox:checked + span:before,
.event-filter label.label-task-deadline:active input[type=checkbox].checkbox:checked + span:before,
.event-filter label.label-user:active input[type=checkbox].checkbox:checked + span:before {
    box-shadow: inset 0 2px 3px 0 rgba(0,0,0,.3), 0 1px 0 0 rgba(255,255,255,.4) !important;
    color: transparent !important;
    background: transparent !important;
    border-color: transparent !important;
}

label input[type=checkbox].checkbox + span:before, label input[type=radio].radiobox + span:before {
    padding: 0px;
    height: 12px;
    border: solid 1px #d8d8d8;
    border-radius: 3px;
}

label input[type=checkbox].checkbox:checked + span {
    font-weight: normal;
}

/* calendar */
.bootstrap-range {
    background-color: #fff;
}

    .bootstrap-range .list-items ul li:hover {
        color: #db1212;
    }

legend {
    border-bottom: none;
    padding: 0;
}

.form-control {
    font-size: 14px;
    border-color: #d8d8d8;
    height: 24px;
    padding: 3px 12px;
}

    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        background-color: #fff;
        border: none;
        border-bottom: 1px solid #a7a7a7;
        box-shadow: none;
        border-radius: 0%;
        font-size: 14px;
    }

    .form-control[disabled], .form-control[readonly] {
        border-bottom: 1px solid #d8d8d8 !important;
        /*cursor: not-allowed !important;*/
        background-color: #f3f3f3 !important;
    }

.btn {
    font-size: 13px;
}

    .btn[disabled] {
        cursor: not-allowed;
        opacity: 0.65;
    }

.btn-success {
    background-color: #db1212;
    border-color: #db1212;
}

    .btn-success[disabled] {
        background-color: #db1212;
        color: #fff;
        border-color: #db1212;
    }

.ranges li {
    color: #000;
    background-color: transparent;
    border-color: transparent;
    border-radius: 0%;
}

    .ranges li.active,
    .ranges li:hover {
        color: #000;
        background-color: #f3f3f3;
        border-color: #f3f3f3;
    }



body.smart-style-6 .alert-success, body.smart-style-6 .btn-success,
body.smart-style-6 .btn-success:hover,
body.smart-style-6 .btn-success:focus,
body.smart-style-6 .btn-success:active,
body.smart-style-6 .btn-success:active:focus {
    border-color: #db1212;
    color: #FFF;
    background-color: #db1212;
}

.padding-gutter {
    padding-left: 0px !important;
}

    .padding-gutter .title {
        padding-left: 12px;
    }

    .padding-gutter .container.row {
        padding: 0px;
    }

    .padding-gutter .container {
        z-index: 10;
        width: 100%;
        height: auto;
        min-height: 550px;
        background-color: #fff;
        border-left: 1px solid #ccc;
        position: absolute;
        top: 0px;
        left: 13px;
        font-size: 14px;
        display: none;
    }

        .padding-gutter .container h5 {
            background-color: transparent;
            font-weight: bold;
            padding: 0px;
            padding-bottom: 10px;
        }

        .padding-gutter .container > div > .row {
            border-top: 1px solid #d8d8d8;
            padding: 30px 0px 20px 50px;
        }

        .padding-gutter .container .name {
            color: #828282;
        }


        .padding-gutter .container .cont {
            padding-bottom: 10px;
        }

        .padding-gutter .container .sm-size {
            width: 10px;
            height: 10px;
            box-shadow: none;
        }

.title .form-group {
    width: 115px;
}

.formula-result > input {
    padding-left: 43px !important;
}

.formula-result label {
    padding-left: 43px !important;
}



.input-group-btn {
    vertical-align: top;
    position: absolute;
    right: 0px;
    bottom: 2px;
    z-index: 10;
    width: auto;
}

fieldset .input-group-btn {
    right: 25px;
}



/***********************/
.calculator-block {
    padding-left: 0;
}

.field-calculator-container {
    /*display: none;*/
    position: absolute;
    left: 0px;
    top: 25px;
    z-index: 1000;
    margin-bottom: 11px;
}


    /*@media (max-width: 991px) {
    .field-calculator-container {
        left: -40px;
    }
}*/

    .field-calculator-container .form-group {
        padding-left: 0;
    }

.field-calculator-container {
    width: 420px;
    background-color: #fff;
    box-shadow: 0 0px 12px 0px rgba(34, 34, 34, 0.16);
    padding: 15px;
}

    .field-calculator-container .cont .buttons .btn-transparent {
        margin-right: 0px !important;
    }

    .field-calculator-container .cont .buttons {
        padding-top: 17px;
    }

    .field-calculator-container .glyphicon-triangle-bottom {
        color: #fff;
        position: relative;
        left: 20px;
        top: -3px;
        box-shadow: 0 3px 12px -4px rgba(34, 34, 34, 0.16);
    }

    .field-calculator-container .cont div:first-child {
        font-size: 12px;
        color: #828282;
    }

.field-calculator-container {
    display: none !important;
}

.field-calculator-body .preload {
    padding: 25px 0;
}

.field-calculator-container.open {
    display: block !important;
}

.field-calculator-btn {
    vertical-align: top;
    position: absolute;
    z-index: 100 !important;
    left: 0px;
    bottom: 1px;
    display: block;
    height: 100%;
    width: 43px;
}

.field-calculator-container .calculator-error {
    margin-bottom: 10px;
    color: red;
    font-size: 12px;
}

.badgeSync-result .field-calculator-btn {
    margin-left: 30px !important;
}

.badgeSync-result .field-formula-control-btn-container {
    margin-left: 35px;
}

.field-calculator-btn .btn {
    width: 31px !important;
    height: 17px;
    font-size: 11px;
    position: relative;
    display: block;
    margin-bottom: 0;
    margin-right: 0;
    height: 100%;
    background: none;
    width: auto;
    padding: 0 5px;
    color: #333;
    box-shadow: none;
}

    .field-calculator-btn .btn > span {
        vertical-align: middle;
        font-size: 1.3em;
    }

.field-calculator-result > input {
    padding-left: 30px !important;
}

.field-calculator-result.formula-result > input {
    padding-left: 73px !important;
}

.field-calculator-result.formula-result .field-calculator-btn {
    left: 35px !important;
}

.field-calculator-result label {
    padding-left: 0 !important;
}

/*calculator constructor*/
.field-control-calculator-container {
    margin: 20px 0;
}

    .field-control-calculator-container .field fieldset {
        margin-bottom: 0px !important;
    }
/*****************************/
.input-group-addon {
    vertical-align: top;
    position: absolute;
    right: 0px;
    bottom: 1px;
    z-index: 20;
    width: 34px;
    border: none;
    background: none;
}

.field-container .input-group-addon {
    width: auto;
    height:100%;
}

    .field-container .input-group-addon img {
        vertical-align: inherit;
    }

.field-event-enabled-container {
    position: absolute;
    right: 38px;
    top: 25px;
}
.field-event-enabled__btn-enable,
.field-event-enabled__btn-disable{
    cursor:pointer;
}
label {
    position: relative;
}

    label .input-group-addon {
        vertical-align: top;
        position: absolute;
        right: 0px;
        bottom: 0px;
    }

.input-group-btn .btn {
    box-shadow: none;
    height: 26px;
}

.input-group-lg > .input-group-btn > .btn {
    padding-left: 0px;
    padding-right: 0px;
}

.report-constructor .form-horizontal fieldset:hover,
.report-constructor .form-horizontal fieldset.active,
.folder-plate:hover,
.tuning:hover,
.tuning.active {
    box-shadow: 0 3px 12px 0px rgba(34, 34, 34, 0.21);
}

.tuning span .fa-caret-up {
    position: absolute;
    left: 0px;
    top: 8px;
    background-color: #fff;
    display: none;
}

.workitem-container fieldset.col-lg-7 legend,
.workitem-container fieldset.col-lg-12 legend {
    margin-bottom: 0px;
}

fieldset {
    padding-left: 27px;
    padding-right: 37px;
    padding-top: 15px;
    margin-bottom: 5px;
}

.workitem-container fieldset {
    padding-top: 0px;
    padding-right: 0px;
    margin-bottom: 10px;
}

.row padding-gutter fieldset {
    padding-right: 17px;
}

/*.workitem-container fieldset {
    margin-bottom: 10px;
}*/

.workitem-container .tab-pane {
    padding: 0px 3px;
    padding-top: 30px;
}

/*workitem-body .dropdown-menu,*/
.show .dropdown-menu,
/*left-panel .dropdown-menu*/
bootstrap-datetimepicker-widget {
    box-shadow: 0 6px 20px 0 rgba(34, 34, 34, 0.15);
    min-width: 160px;
    max-width: 300px;
    width: auto;
    z-index: 101;
    letter-spacing: .9px;
    border: none;
}



/*.dropdown-menu.pull-right {
    right: 0;
    left: auto;
    transform: none;
}*/

.widget-footer .dropdown-menu {
    transform-origin: bottom left !important;
    left: 220px !important;
    top: auto !important;
    bottom: 40px;
    transform: scale(1) !important;
}

@media (max-width: 404px) {
    .widget-footer .dropdown-menu {
        left: 0px;
    }
}

left-panel .dropdown-menu, .show .dropdown-menu {
    padding: 20px 0px;
    z-index: 999;
}

    workitem-body .dropdown-menu > li > a,
    .show .dropdown-menu > li > a,
    left-panel .dropdown-menu > li > a {
        padding: 5px 20px !important;
        cursor: pointer;
        font-size: 12px;
        font-weight: normal;
        display: block;
    }

workitem-body .visible-dropdown .dropdown-menu > li > a {
    text-align: left;
}

workitem-body .dropdown-menu > li > a.btn {
    box-shadow: none;
}

left-panel .dropdown-menu > li > a i,
.show .dropdown-menu > li > a i {
    padding-right: 10px;
}

.status .links .dropdown-menu li {
    display: block;
    padding-right: initial;
}

.workitemIcon {
    float: left;
    margin-right: 10px;
    font-size: 40px;
    display: block;
    padding-left: 6px;
}

    .workitemIcon.workitemStateActive {
        border-left: 4px solid green;
        padding-left: 2px;
    }

.dl-horizontal {
    margin-top: 7px;
}

.inbox-data-message > :first-child span.label:first-child,
.inbox-data-message-dashboard > :first-child span.label:first-child {
    color: initial;
}

.ui-dialog .ui-dialog-title {
    padding: 0px;
}

.ui-dialog .ui-dialog-titlebar {
    font-size: 24px;
    padding: 0px;
    padding-bottom: 15px;
    position: relative;
}

.ui-dialog .ui-dialog-content {
    padding: 0px;
}

.ui-dialog {
    padding: 30px;
}

    .ui-dialog .ui-dialog-titlebar,
    .ui-dialog .ui-dialog-buttonpane {
        border: none;
    }

.ui-widget {
    font-size: 14px;
}

.ui-datepicker {
    z-index: 1050 !important
}

.ui-dialog .ui-dialog-titlebar-close {
    display: none;
}

.ui-dialog-buttonset .fa-times {
    display: none;
}

input[type=text]:focus + .input-group-addon {
    border-color: #f3f3f3;
    background-color: #f3f3f3;
}

.popover {
    max-width: none;
}

.control-label {
    color: #828282 !important;
    font-size: 12px !important;
    margin-bottom: 0px;
}

.widget-footer .col-12,
.widget-footer .col-lg-6 {
    padding-left: 8px;
}

.form-group {
    margin-bottom: 20px;
}

#workitem-tasks .well {
    margin-bottom: 20px;
}

.hover-edit {
    opacity: 0;
    transition-property: opacity;
    transition-duration: 0.5s;
    cursor: pointer;
    font-size: 20px;
}

.hover-edit-container:hover .hover-edit {
    opacity: 0.5;
}

.hover-edit:hover {
    opacity: 1 !important;
}

.status .who:not(:first-child) {
    padding-bottom: 0px;
}


.dt-buttons .btn:not(:last-child) {
    margin-right: 5px;
}

.form-control:focus {
    border-color: #222;
}

.jarviswidget > div {
    height: auto !important;
}

.workitem-container .folder-right-panel ul li {
    position: relative;
    padding: 5px 0px;
}

.folder-right-panel ul {
    list-style: none;
    font-size: 13px;
    color: #828282;
}

    .folder-right-panel ul .new {
        color: #db1212;
    }

.folder-right-panel .glyphicon-plus,
.folder-right-panel .glyphicon-minus {
    border: 1px solid #aeaeae;
    background-color: #fff;
    width: 10px;
    height: 10px;
    font-size: 6px;
    padding: 1px;
    position: absolute;
    left: -20px;
    top: 7px;
}

.folder-right-panel .glyphicon-folder-close,
.folder-right-panel .glyphicon-folder-open {
    background-color: #fff;
    position: absolute;
    top: 5px;
    left: 0px;
}

.folder-right-panel .glyphicon-minus,
.folder-right-panel .glyphicon-folder-open {
    z-index: 25;
    display: none;
}

.folder-right-panel > ul {
    padding-left: 18px;
}

.folder-right-panel .attachments {
    color: #000;
}

.folder-right-panel > ul > li > ul {
    display: none;
}

.folder-right-panel ul span {
    padding-right: 10px;
}

.folder-right-panel i {
    padding-left: 25px;
    font-style: normal;
}

.folder-quick-search .dropdown-menu {
    top: 45px;
    right: inherit;
    left: 0px;
}

.workitem-dropzone {
    margin: 0px 10px 10px;
    height: 100%;
    min-height: 50px;
    padding: 0px;
    border-radius: 0;
    background: none;
    display: inline-block;
    width: 100%;
}

.email-reply-text > :first-child {
    padding-left: 15px;
}

.email-reply-text > div {
    margin-left: 20px;
}

body.smart-style-6 .inbox-info-bar .form-control {
    padding-left: 5px;
}

.ajax-link {
    margin: 0px 10px;
    text-decoration: none;
    font-size: 24px;
    color: #222;
}

.calendar-buttons {
    position: absolute;
    right: 14px;
    top: 5px;
}

.external-events > li {
    margin: 6px 4px 6px 0;
    display: inline-block
}

    .external-events > li > :first-child {
        padding: 5px 10px 10px;
        cursor: move;
        display: block
    }

        .external-events > li > :first-child:after {
            color: #fff;
            color: rgba(255,255,255,.7);
            content: attr(data-description);
            font-size: 11px;
            font-weight: 400;
            display: block;
            line-height: 0;
            margin: 7px 0;
            text-transform: lowercase
        }


ul.memberList {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-bottom: -5px;
}

    ul.memberList li {
        margin-bottom: 4px;
        padding-bottom: 4px;
        border-bottom: solid #e4e4e4 1px;
    }

        ul.memberList li:last-child {
            border-bottom: none;
        }

        ul.memberList li span {
            color: #4a6a92;
            margin-bottom: 5px;
            display: block;
        }

/*      2017 */

#left-panel {
    padding-top: initial;
}


html {
    background: none;
}

h4 > a {
    font-size: 20px;
    font-weight: 600;
    color: #000000 !important;
}

    h4 > a:hover {
        color: #666 !important;
    }

.page-title span {
    font-size: 25px;
    font-weight: bold;
    text-align: left;
    color: #000000;
}

body.smart-style-6 {
    background-color: #fafafa;
}




.userdropdown.edit-menu {
    max-width: 50px;
}

.edit-menu__chevron {
    font-size: 8px;
    font-weight: bold;
    /*color: #222;*/
    cursor: pointer;
}
/*===================  Indigo ====================*/
h1 {
    font-size: 30px;
    font-weight: bold;
    padding-top: 30px;
}

h2 {
    font-size: 24px;
}

    h2.hover-edit-container {
        font-size: 24px;
        font-weight: normal;
        margin: 0px;
        padding-top: 20px;
    }

h3 {
    font-size: 20px;
    margin: 15px 0px;
}

.report-constructor h2,
.report-constructor h3 {
    padding-left: 13px;
}

h4 {
    font-size: 18px;
    margin: 0px;
    font-weight: bold;
    word-break: break-word;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 15px;
    font-weight: normal;
}

h1.hover-edit-container {
    padding-top: 10px;
    width: calc(100% - 123px);
    display: inline;
}

.table-responsive h1 {
    padding-left: 25px;
}

.padding-gutter header h4 {
    font-size: 18px;
    margin: 0px;
    font-weight: normal;
    padding-left: 30px;
    padding-top: 5px;
    display: inline-block;
}

.workitem-container fieldset h4 {
    padding-bottom: 15px;
}

    .workitem-container fieldset h4:empty {
        padding-bottom: 0px;
    }

.padding-gutter .col-md-12 .padding-gutter .col-lg-12 .padding-gutter .col-xl-3 {
    padding: 0px;
}

.events-list-more {
    list-style: none;
}

    .events-list-more a:hover i {
        color: #222222;
    }

    .events-list-more a:active i {
        color: #db1212;
    }

.padding-gutter .add-event-form fieldset {
    padding-left: 17px;
}

body.smart-style-6 #content {
    margin: 0px;
    padding: 0px;
}


left-panel /*, right-panel */ {
    padding-top: 50px;
    margin-bottom: 50px;
}

right-panel {
    background-color: #ffffff;
    min-height: calc(100vh - 80px) !important;
    box-shadow: 0 -3px 3px 0px rgba(0,0,0,.3);
    padding: 25px 66px 20px 47px !important;
}

    


.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.nav-tabs > li > a.active {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    -webkit-box-shadow: inset 0px -4px 0px #db1212;
    -moz-box-shadow: inset 0px -4px 0px #db1212;
    box-shadow: inset 0px -4px 0px #db1212;
    font-weight: initial !important;
}

.nav-tabs .nav-item {
    padding: 0;
}

.nav-tabs .nav-link {
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-left: 10px;
    padding-right: 10px;
}

.nav-tabs > li {
    display: flex;
    position: relative;
}

.nav > li {
    padding: 0px 10px;
}

    .nav > li > a {
        padding: 10px 0px;
    }

/*.nav > li:nth-child(1),
    .nav > li:nth-child(1) > a {
        padding-left: 0px;
    }*/

.nav .open > a {
    border: none;
}

ul.left-panel-tabs {
    display: block;
    border: none;
}

.left-panel-tabs .nav-item {
    width: 100%;
    height: 28px;
    padding: 0px !important;
    align-items: center;
}

    .left-panel-tabs .nav-item a {
        padding: 3.5px 0px;
        border: none;
        color: #333;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

body.smart-style-6 .left-panel-tabs.nav-tabs > li.active > a,
.left-panel-tabs.nav-tabs > li > a.active {
    box-shadow: none;
}

.left-panel-tabs.nav-tabs > li > a.active {
    font-weight: bold !important;
    color: #333;
}

.left-panel-tabs.nav-tabs .nav-link,
.left-panel-tabs.nav-tabs .nav-link:focus,
.left-panel-tabs.nav-tabs .nav-link:hover {
    background-color: transparent;
    border: none !important;
}

    .left-panel-tabs.nav-tabs .nav-link:hover {
        font-weight: 700;
    }

.left-panel-tabs .nav-item a.active:after {
    background-color: #c22424;
    content: "";
    display: block;
    width: 5px;
    height: 1.2em;
    position: absolute;
    right: 0;
    margin-top: -1.4em;
}

.notification .left-panel-tabs .nav-item a.active:after {
    background-color: #c22424;
    content: "";
    display: block;
    width: 5px;
    height: 1.2em;
    position: absolute;
    right: 0;
    margin-top: -1.4em;
}

.widget-footer {
    background: none;
    border-top: none;
}

ul li span.template-caption {
    width: 100%;
    white-space: break-spaces;
}


#content left-panel {
    padding-top: 30px;
    padding-left: 30px;
}



@media(min-width:992px) {

    #content .columns > left-panel {
        max-width: 17vw; 
        flex: initial;
    }

    #content .columns > right-panel {
        max-width: calc(83vw - (100vw - 100%));
    }

        #content .columns > right-panel.log-container {
            max-width: initial;
        }
}

left-panel .template-caption {
    color: #222222;
    font-size: 12px;
    padding: 0px;
}

left-panel > a:nth-child(1),
left-panel li#group-newgroup-btn {
    position: relative;
    padding-left: 20px;
    font-size: 13px;
    color: #db1212
}

span.plus {
    font-size: 18px;
    font-weight: normal;
    padding-right: 7px;
    background-position: center;
}

left-panel > a:first-child span,
left-panel li#folder-savefilter-btn span,
.invites-table .avatar span.plus {
    position: absolute;
    top: -4px;
    left: 0px;
    font-size: 18px;
    font-weight: normal;
    background-position: center;
    margin-right: 5px;
}

.invites-table .avatar span.plus {
    top: 0px;
    left: 11px;
    color: #d8d8d8;
    font-size: 24px;
}

left-panel a:nth-child(1)::before {
    content: "";
    position: absolute;
    background-color: #d8d8d8;
    width: 0px;
    height: 0px;
    top: 1px;
    left: -15px;
}

workitem-body {
    margin-top: 10px;
    display: block;
}

.main-tabs > li {
    padding-left: 0;
    padding-right: 0;
}

ul.main-tabs > li > a {
    padding-left: 10px;
    padding-right: 10px;
    max-width: 250px;
    display: block;
}

ul.main-tabs .nav-link.active {
    border: none;
}

ul.main-tabs li:last-child {
    padding-right: 0px;
}

.quick-search {
    font-size: 14px;
    text-align: left;
    color: #828282;
}

    .quick-search ul {
        list-style-type: none;
        padding-left: initial;
    }

/*.quick-search ul:first-child:after,
        .folder-quick-search ul:nth-child(2):after,
        .group-list-container .default-group-list:after,
        .template-constructor .quick-search:after{
            content: "";
            display: block;
            height: 1px;
            width: 70px;
            background: #d8d8d8;
            margin: 10px 0px 20px 0px;
        }*/

.folder-quick-search > .dt-toolbar ul:nth-child(2):after {
    content: none;
}

.invites .quick-search ul:first-child:after,
.document-generator .quick-search ul:first-child:after {
    display: none;
}

.folder-quick-search > ul > li,
.group-list-container > ul > li {
    padding-right: 30px;
}

.quick-search ul li {
    cursor: pointer;
    height: 2em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

    .quick-search ul li.active,
    .quick-search ul li:hover,
    left-panel .panel-side-bar li:hover a,
    .inbox-side-bar .inbox-menu-sm li:hover a,
    .inbox-side-bar .inbox-menu-lg li:hover a,
    .event-container .container li:hover a,
    .left-panel-tabs li a.active {
        font-weight: bold;
        color: #222222;
    }

        .quick-search ul li.active::after,
        left-panel .panel-side-bar li.active::after,
        .template-constructor .field-mapping-controls.active::after,
        .left-panel-tabs li a.active::after {
            background-color: #c22424;
            content: "";
            display: block;
            width: 5px;
            height: 1.2em;
            position: absolute;
            right: 0px;
            margin-top: -1.4em;
        }

        .quick-search ul li:hover::after,
        left-panel .panel-side-bar li:hover::after,
        .template-constructor .field-mapping-controls span:hover::after,
        .left-panel-tabs li a:hover::after {
            background-color: #FF5252;
            content: "";
            display: block;
            width: 5px;
            height: 1.2em;
            position: absolute;
            right: 0px;
            margin-top: -1.4em;
        }

.quick-search ul.dropdown-menu li:hover::after,
ul.left-panel-tabs li:hover::after {
    display: none;
}

left-panel .panel-side-bar li.active::after,
left-panel .panel-side-bar li:hover::after {
    margin-top: -1.6em;
}

left-panel .task-fast-filters > div li:hover::after {
    margin-top: -1.3em;
}

left-panel .task-fast-filters > ul > li:hover::after,
left-panel .task-fast-filters > ul > li.active::after {
    margin-top: -2.1em;
}

.quick-search .delete-btn {
    position: absolute;
    right: 8px;
    color: #dedede;
    font-weight: 100;
    visibility: hidden;
}

.quick-search li:hover > .delete-btn {
    font-weight: normal;
    visibility: visible;
}

.quick-search li:hover .delete-btn:hover {
    color: #797979;
}

.sortable li.sortable-drag::before, .sortable li.sortable-drag::after {
    content: none;
}

#FoldersList {
    margin-top: 40px;
}

.round-button {
    padding: 5px 20px;
    border-radius: 18.5px;
    border: 2px solid #db1212;
    background-color: #db1212;
    font-size: 14px;
    color: #fff;
}



input.range {
    border-bottom-style: solid;
}






.table-condensed > thead > tr:first-child > th.prev,
.table-condensed > thead > tr:first-child > th.next {
    padding: 0px;
}

.table-condensed > thead > tr:first-child > th {
    padding: 0px;
}

.datepicker .table-condensed > thead > tr:first-child > th.picker-switch,
.datepicker .table-condensed > tbody tr td {
    text-align: center;
}


/*.datepicker .table-condensed td span.active {
    background-color: #db1212;
    color: #fff;
}

.datepicker .table-condensed td span:hover {
    background-color: #f3f3f3;
    color: #222;
}

.datepicker .table-condensed td.today:before {
    position: absolute;
    bottom: 3px;
    right: 2px;
    width: 22px;
    height: 22px;
    border: 1px solid #d8d8d8;
    border-radius: 100%;
}*/

.table-condensed > tbody > tr > td {
    padding: 4px;
}



.task-edit .input-group-addon img,
.event-edit-container .input-group-addon img {
    width: 17px;
}




.calendar-header-title .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    left: 111px;
}

.calendar-header-title .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    left: 110px;
}

.vertical {
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 7px;
    padding-top: 7px;
    border-radius: 50%;
    background-color: transparent;
}

    .vertical:hover {
        background-color: #eee;
        cursor: pointer;
    }

td.edit-menu .vertical:hover {
    background-color: transparent;
    cursor: pointer;
}

.btn.narrow {
    height: 38px !important;
}

.MessageBoxButtonSection {
    margin-top: 20px;
    height: 40px;
}

    /*      */
    .btn-oval,
    a.btn-oval.btn,
    .MessageBoxButtonSection button:nth-child(1),
    .modal-footer button.btn-primary,
    .search-kad .api-add-btn,
    .calendar-add .calendar-add-btn {
        padding-top: 8px;
        height: 38px;
        padding-bottom: 8px;
        border-radius: 19px;
        font-size: 15px;
        margin-right: 25px;
        font-weight: normal;
        padding-right: 20px;
        padding-left: 20px;
        border-color: transparent !important;
    }

    .btn.btn-transparent,
    .MessageBoxButtonSection button:nth-child(2),
    .modal-footer button.btn-default {
        font-size: 15px;
        height: 38px;
        padding: 8px 0;
        border-color: transparent !important;
        box-shadow: none !important;
        -webkit-box-shadow: none;
        padding-top: 8px;
        color: #828282;
        background-color: transparent;
        min-width: 60px;
        font-weight: normal;
        min-height: 38px;
        vertical-align: middle;
        /*margin: 0 25px 0 0 !important;*/
    }

.btn.filter-clear-btn img {
    margin-bottom: -3px;
    margin-right: 2px;
    vertical-align: initial;
}

.btn.btn-transparent svg,
.btn.btn-transparent i {
    margin-bottom: -3px;
    margin-right: 2px;
}

    .btn.btn-transparent svg path {
        stroke: currentcolor;
    }

.btn-oval:hover, .btn-oval:focus {
    background-color: #ef1717;
}

.btn-oval a {
    color: #fff;
    background-color: transparent;
}

.btn-oval.active,
.MessageBoxButtonSection button:nth-child(1),
.modal-footer button.btn-primary,
.search-kad .api-add-btn,
.calendar-add .calendar-add-btn {
    background-color: #db1212;
    color: #fff;
    padding: 8px 20px;
    border: 1px solid #c22424;
    box-shadow: 0 6px 7px -4px rgba(255, 0, 0, 0.5) !important;
}

    .btn-oval:hover,
    .MessageBoxButtonSection button:nth-child(1):hover,
    .modal-footer button.btn-primary:hover,
    .modal-footer button.btn-primary:focus,
    .dt-toolbar .dt-buttons div:hover,
    .search-kad .api-add-btn:hover,
    .calendar-add .calendar-add-btn:hover {
        background-color: #ef1717 !important;
        border-color: transparent !important;
        color: #fff;
    }

    .btn-oval:active,
    .MessageBoxButtonSection button:nth-child(1):active,
    .modal-footer button.btn-primary:active,
    .modal-footer button.btn-primary:active:focus,
    .dt-toolbar .dt-buttons div:active {
        background-color: #b50a0a !important;
        border-color: transparent !important;
        top: 1px;
        left: 1px;
    }

.btn-transparent a {
    color: #bdbbbb;
}

.btn-small {
    height: 28px !important;
    padding: 0px 0 !important;
    min-height: 28px !important;
}

.btn-transparent {
    background-color: transparent;
    border-color: transparent !important;
}

    .btn-transparent.active {
        color: #db1212;
    }

    .btn-transparent:hover,
    .btn-transparent.active,
    .btn-transparent:focus,
    .btn-transparent:hover a,
    .MessageBoxButtonSection button:nth-child(2):hover,
    .MessageBoxButtonSection button:nth-child(2):focus,
    .modal-footer button.btn-default:hover,
    .modal-footer button.btn-default:focus {
        color: #222222;
        background-color: transparent !important;
    }

    .btn-transparent:active,
    .btn-transparent:active a,
    .MessageBoxButtonSection button:nth-child(2):active,
    .modal-footer button.btn-default:active {
        color: #db1212;
        background-color: transparent;
    }

.folderFilter .button {
    padding: 0px 15px;
    width: 100%;
}

.folderFilter .form-group {
    padding-top: 15px;
}
/*.folderFilter .button > div {
display: block;
width: auto;
}*/
    a .btn-oval span.glyphicon-plus {
    font-size: 12px;
}

.removable-parent .remove-parent {
    cursor: pointer;
    transition: opacity ease-in-out .5s;
    opacity: 0;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    position: relative;
    float: right;
}

.removable-parent .dropdown-menu .remove-parent {
    cursor: pointer;
    opacity: 0;
    border-radius: 0px;
    height: 27px;
}

.removable-parent .remove-parent span.glyphicon-remove,
.removable-parent .remove-parent .fa-times {
    color: #828282;
    font-size: 12px;
}

.removable-parent:hover .remove-parent {
    opacity: .4;
}

    .removable-parent:hover .remove-parent:hover {
        opacity: 1;
    }

.row-title {
    padding-top: 20px;
}

.document-section .input-group {
    margin-bottom: 5px;
}

.document-section .b-table th {
    padding-bottom: 4px !important;
}

@media(max-width:778px) {

    .document-section .b-table th:nth-child(n+4),
    .document-section .b-table td:nth-child(n+4) {
        display: none;
    }
}

@media(max-width:400px) {

    .document-section .b-table th:nth-child(n+3),
    .document-section .b-table td:nth-child(n+3) {
        display: none;
    }
}

/*table */
table.animated tbody td.inbox-data-message,
table.animated tbody td.inbox-data-message-dashboard {
    max-width: 400px;
}

.table-bordered,
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
    border: none;
}



.table-striped > tbody > tr,
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #fff;
    font-size: 14px;
}

.table-hover > tbody > tr:hover td {
    background-color: #fafafa;
}

table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting {
    background-color: #fff;
}

.dt-toolbar,
.dt-toolbar-footer {
    border: none;
}

th {
    font-weight: normal;
}

.title {
    padding: 20px 30px;
    background-color: #fafafa;
    color: #000;
    box-shadow: 0 1px 0px 0 rgba(0, 0, 0, 0.14);
    margin: 0px;
    margin-bottom: 0px;
}



.cont-title {
    display: none;
    width: 100%;
    height: 133px;
    background-color: #fafafa;
    box-shadow: 0 1px 0px 0 rgba(0, 0, 0, 0.14);
    border: none;
    position: absolute;
    z-index: 15;
    margin-left: 0px;
}


.title:hover .cont-title {
    display: block;
}

.cont-title .information,
.cont-title .quantity {
    padding-left: 32px;
}

.cont-title .quantity {
    color: #000;
    font-size: 30px;
    font-weight: bold;
}

.cont-title .information div span {
    font-size: 14px;
    color: #000;
}

.cont-title ul {
    list-style: none;
    padding-right: 20px;
    color: #000;
}

/*.cont-title ul li {
        padding-bottom: 8px;
    }*/

.cont-title .data {
    color: #000;
    font-size: 14px;
    padding-top: 25px;
    padding-left: 34px;
}

.cont-title > div:nth-child(2) {
    text-align: right !important;
}





.title .vertical-points {
    margin-top: 26px;
    cursor: pointer;
}

span.vertical svg:hover {
    filter: drop-shadow(0px 0px 2px black);
}


span.glyphicon-trash,
span.glyphicon-user,
span.glyphicon-pencil {
    padding-right: 7px;
}

.workitem-event span.glyphicon-trash,
.workitem-event span.glyphicon-pencil {
    display: inline-block;
    width: 14px;
    margin-right: 5px;
}

.tab-pane fade thead {
    font-size: 14px;
    color: #000;
}

@media (max-width: 979px) {
    .dropzone .dz-default.dz-message {
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 768px) {
    .dropzone.dz-clickable .dz-message > span {
        margin-left: 40px;
    }
}

/*events*/
.event-container .cont.col-lg-10 {
    width: calc(100% - 213px);
}

.event-edit-container .form-control[disabled],
.event-edit-container .form-control[readonly],
.event-edit-container fieldset[disabled] .form-control {
    width: 100%;
}

@media (max-width: 998px) {
    .event-container .cont.col-12 {
        width: 100%;
    }
}

.right-panel .cont {
    padding-right: 0px;
    padding-top: 85px;
}

.table .row {
    padding: 0px;
}

span.pencil::before {
    content: url('/img/edit-row.png');
    cursor: pointer;
}

span.trash::before {
    content: url('/img/delete-row.png');
    cursor: pointer;
}

.table .workitem-event .pencil::before,
.table .workitem-event .trash::before {
    display: none;
}

.table .workitem-event:hover .pencil::before,
.table .workitem-event:hover .trash::before {
    display: inline;
    padding-left: 5px;
    padding-right: 10px;
}

.table .workitem-event:hover .trash::before {
    padding-right: 0px;
}

.table .workitem-event:hover,
.table .workitem-event:focus,
.table .workitem-event.active,
.invites-plates .invites-table > div > .row:hover {
    background-color: #f3f3f3;
    align-items: stretch;
    display: flex;
}

.table .event-edit-btn:hover {
    cursor: pointer;
}

.report-constructor .table-condensed.table > tbody > tr > td {
    padding: 10px !important;
}


.table .workitem-event:hover span {
    background-color: #f3f3f3;
}

.invites-plates .invites-table > div > .row.invites-new:hover {
    background-color: transparent;
}

@media (min-width: 992px) {
    .table .workitem-event,
    .invites-table,
    #content > .columns {
        align-items: stretch;
        display: flex;
    }
}

.table .workitem-event .icon#calendar-world {
    margin-left: 4px;
}

.table .workitem-event .avatar,
.table .workitem-event:hover .avatar,
.invites-plates .avatar {
    background-color: #fff;
}

.table .workitem-event .icon-cont {
    padding-left: 47px;
}

.table .workitem-event span.glyphicon-triangle-left,
.invites-table span.glyphicon-triangle-left {
    color: #f3f3f3;
    background-color: transparent;
    position: absolute;
    right: -4px;
    top: 10px;
    display: none;
}

.invites-table span.glyphicon-triangle-left {
    right: -3px;
    top: 19px;
}

.table .workitem-event:hover span.glyphicon-triangle-left,
.table .workitem-event.active span.glyphicon-triangle-left,
.invites-table > div > .row:hover span.glyphicon-triangle-left {
    display: block;
}

@media (min-width: 992px) and (max-width: 1310px) {
    .table .workitem-event span.glyphicon-triangle-left,
    .table .workitem-event:hover span.glyphicon-triangle-left {
        display: none;
    }
}

@media (max-width: 778px) {
    .table .workitem-event span.glyphicon-triangle-left,
    .table .workitem-event:hover span.glyphicon-triangle-left {
        display: none;
    }
}

.table .workitem-event img {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    object-fit: cover;
}

.table .workitem-event > div {
    padding-top: 14px;
    padding-bottom: 11px;
    color: #828282;
    word-break: break-word;
}

.table .workitem-event:hover > div {
    color: #222;
}

.workitem-event.active .cont {
    display: block;
}

.workitem-event p {
    padding-top: 10px;
    word-break: break-word;
}

.workitem-event a {
    cursor: pointer;
}

.event-container .workitem-event a {
    word-break: break-word;
}

.workitem-event.active > div {
    cursor: default;
}

.workitem-event .glyphicon-menu-up:active,
.table .workitem-event span.glyphicon-option-horizontal:active {
    opacity: 1;
}

.workitem-event .glyphicon-menu-up:hover,
.table .workitem-event span.glyphicon-option-horizontal:hover {
    opacity: 0.8;
}

.archive .workitem-event,
.archive .workitem-event:hover {
    background-color: #f3f3f3;
    color: #828282;
    cursor: default;
}

    .archive .workitem-event .calendar-icon,
    .archive .table .workitem-event:hover > div {
        color: #828282;
    }

.table .events-list {
    margin-left: -24px;
    width: calc(100% + 93px);
}

.event-container .table-message {
    padding-top: 22px;
}

.archive-details .event-container .table-message {
    padding-top: 85px;
}

.cards-virtual .event-container .table-message {
    padding-top: 85px;
}

.cards-virtual .show-all-selected .select2-selection__choice {
    padding-left: 0px;
}

.tab-content.cards-virtual table.dataTable tbody tr,
.tab-content.archive table.dataTable:not(#log-table) tbody tr {
    background-color: #f3f3f3;
    color: #828282;
}

.event-container .table {
    width: calc(100% - 5px);
}

    .event-container .table .events-list {
        width: 100%;
        padding: 0px;
        margin: 0px;
        position: relative;
        right: -8px;
    }

        .event-container .table .events-list .icon-cont {
            padding-left: 25px;
        }

.folder ul {
    list-style: none;
    font-size: 12px;
    color: #222;
    padding-left: 0px;
}

    .folder ul li {
        padding: 5px 0px;
    }

    .folder ul a {
        font-size: 14px;
        color: #828282;
    }

    .folder ul li .active {
        font-weight: bold;
        color: #222;
    }


body.smart-style-6 .btn-success.active:hover,
body.smart-style-6 .btn-success.active:focus {
    background-color: #ef1717;
}

/*error*/
.help-block {
    font-size: 10px;
}

h4.ajax-loading-error {
    font-family: 'ProximaNova', Roboto, sans-serif;
    padding: 20px;
    font-weight: normal;
    font-size: 28px;
}

p.ajax-loading-error {
    text-align: center;
    font-size: 20px;
    font-family: 'ProximaNova', Roboto, sans-serif;
    margin-top: 20px;
    font-weight: normal;
    text-align: center;
}

.ajax-loading-error i {
    color: #db1212;
}

/*invites*/
.invites h3 {
    padding: 0px;
    margin-bottom: 5px;
}

.invites img {
    width: 36px;
    height: 36px;
    border-radius: 100%;
    border: 2px solid #d8d8d8;
    object-fit: cover;
}

.invites-plates {
    padding-right: 35px;
}

    .invites-plates .plate {
        margin-top: 20px;
        background-color: #ffffff;
        box-shadow: 0 3px 12px -4px rgba(34, 34, 34, 0.16);
        padding: 0px 30px 18px 30px;
    }

    .invites-plates .invites-table {
        padding-top: 17px;
    }

.invites-table > div > .row > div {
    padding: 8px 0px 8px 13px;
}

.invites-table > div > .row {
    margin-bottom: 4px;
}

    .invites-table > div > .row > div:nth-child(2) {
        padding-left: 5px;
    }

.invites-plates .green {
    color: #417505;
}

.invites-plates .invites-email .avatar span.user {
    position: absolute;
    top: 9px;
    left: 9px;
}

.invites-plates .avatar div {
    width: 36px;
    height: 36px;
    border-radius: 100%;
    border: solid 1px #d8d8d8;
    position: relative;
}

.invites-plates .invites-new > div:nth-child(2) {
    padding-top: 15px;
    color: #828282;
    cursor: pointer;
}

/*referens*/
.referens .row .row {
    border-bottom: 1px solid #ddd;
    padding: 10px;
}

.referens > .row > div {
    border-right: 1px solid #ddd;
    background-color: #fff;
    padding-left: 30px;
    border-radius: 4px;
}

.inline-edit:hover {
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
    /*padding: 0px 7px;
    transition: padding-left ease 0.2s;
    transition-property:padding-left, box-shadow;*/
}

.inline-edit {
    background-color: transparent;
    width: 60%;
    border: 1px solid #ccc;
    padding: 0px 0px;
    /*transition: padding-left ease 0.2s;
    transition-property: padding-left, box-shadow;*/
}

/*.inline-edit:focus {
    padding: 0px 7px;
}*/

.hover-edit-container .hover-edit-container input.inline-edit {
    font-family: 'ProximaNova', Roboto, sans-serif;
    color: #222;
    font-size: 30px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
}

.inline-edit:not(:focus) {
    border: initial;
    margin: 1px;
}

.inline-edit + .inline-edit-undo {
    opacity: 0.4;
    transition: opacity ease-in-out 0.3s
}

.inline-edit:not(:focus) + .inline-edit-undo {
    opacity: 0;
}

.inline-edit:focus + .inline-edit-undo:hover {
    cursor: pointer;
    opacity: 1;
}

/* tooltip  popover*/
.tooltip {
    font-family: 'ProximaNova', Roboto, sans-serif !important;
}

.tooltip-inner {
    background-color: #db1212;
    color: #fff;
}

.legal-person .legal-person-elements .tooltip {
    left: -35px !important;
}

.egrul-results li .tooltip.bottom,
.egrul-results li .tooltip.top {
    left: 0px !important;
}

    .egrul-results li .tooltip.bottom .tooltip-arrow,
    .egrul-results li .tooltip.top .tooltip-arrow {
        left: 25% !important;
    }

/*.egrul-footer.modal-footer {
    margin-top: 0px;
}*/

.folderFilter .popover {
    background-color: #fff;
}

    .folderFilter .popover.bottom > .arrow {
        display: none;
    }

.bs-popover-bottom {
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

    .bs-popover-bottom .arrow {
        display: none;
    }

.at-bootstrap-range + .popover {
    background-color: #fff;
}

    .at-bootstrap-range + .popover.bottom > .arrow {
        display: none;
    }

.popover {
    background-color: #db1212;
    color: #fff;
    border: none;
    opacity: 0.9 !important;
    border-radius: 0px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

.popover-body,
.popover-body a {
    color: #fff;
}

.bs-popover-bottom > .arrow::after {
    border-bottom-color: #db1212;
}

.bs-popover-top > .arrow::after {
    border-top-color: #db1212;
}

.bs-popover-left > .arrow::after {
    border-left-color: #db1212;
}

.bs-popover-right > .arrow::after {
    border-right-color: #db1212;
}

.popover.top > .arrow:after,
.popover.bottom > .arrow:after,
.popover.right > .arrow:after,
.popover.left > .arrow:after {
    border: none;
    opacity: 0.9 !important;
    border-radius: 0px;
}

.popover-content a {
    color: #fff;
    text-decoration: underline;
}
/*.tooltip .arrow::before*/


.bs-tooltip-top .arrow::before {
    border-top-color: #db1212;
}

.bs-tooltip-right .arrow::before {
    border-right-color: #db1212;
}

.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #db1212;
}

.bs-tooltip-left .arrow::before {
    border-left-color: #db1212;
}

.responsible .tooltip {
    white-space: pre-line;
}

body.smart-style-6 .event-edit-container .inbox-info-bar .form-control {
    padding-left: 0px;
}

.events-list .dt i {
    font-style: normal;
}

body.smart-style-6 .bootstrap-datetimepicker-widget.dropdown-menu {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    filter: alpha(opacity=100);
}

.padding-right-10 {
    padding-right: 10px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-0 {
    margin-bottom: 0px;
}

.padding-left-0 {
    padding-left: 0px;
}

.padding-left-10 {
    padding-left: 10px;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-top-15 {
    padding-top: 15px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-5 {
    margin-top: 5px;
}

.padding-top-20 {
    padding-top: 20px;
}

.border-0 {
    border: 0px;
}

.text-align-right {
    text-align: right;
}




/******* Datatables *******/
.table-message {
    color: #dbdbdb;
    font-size: 35px;
    text-align: center;
    margin: 0 auto;
    padding-top: 85px;
    padding-bottom: 20px;
}

.dt-toolbar-footer, .dt-toolbar {
    background-color: initial;
}

.dt-toolbar {
    color: #222222;
    padding: 0px !important;
    padding-right: 10px !important;
}

.task .dt-toolbar {
    position: absolute;
    top: 0px;
}

.event-container .dt-toolbar {
    padding-bottom: 25px !important;
}

.dt-toolbar .dt-buttons div {
    float: left;
    min-width: max-content;
    height: 38px;
    border-radius: 19px;
    background-color: #db1212;
    box-shadow: 0 6px 7px -4px rgba(255, 0, 0, 0.5);
    border: none;
    margin-left: 10px;
    cursor: pointer;
    position: relative;
}

    .dt-toolbar .dt-buttons div a > span:not(:first-child) {
        display: inline;
    }


    a.add-button-text {
        text-align: left;
        word-wrap: break-word;
        word-break: break-word;
        display: block;
        height: 38px;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-size: 15px;
    }

    div.dt-buttons.add-button-text {
        display: grid;
        max-width: 100%;
    }

    .dt-toolbar .dt-buttons div.tutorialstep1.add-button-text, left-panel > div.add-button-text > div.add-button-text {
        max-width: 100%;
        width: fit-content;
        min-width: 50px;
    }

@media (min-width: 992px) and (max-width: 1375px) {
    .dt-toolbar .dt-buttons div a > span:not(:first-child),
    .btn-primary .hidden-sm {
        display: none;
    }
}

.dt-toolbar .dt-buttons-sm div {
    padding-top: 6px;
    height: 30px;
}

.event-container .dt-toolbar .dt-buttons div,
.task .dt-toolbar .dt-buttons div,
left-panel .dt-toolbar .dt-buttons div {
    width: 170px;
}

left-panel .dt-toolbar .dt-buttons div {
    width: initial;
}

.task .dt-toolbar .dt-buttons div,
left-panel .dt-toolbar .dt-buttons div {
    margin-left: 0px;
}

.dt-toolbar .dt-buttons div .link,
.event-container div .link {
    font-size: 14px;
    text-align: left;
    color: #ffffff;
    padding-left: 35px;
    padding-right: 20px;
    padding-bottom: 4px;
    padding-top: 9px;
    display: block;
    height: 100%;
}

.dt-toolbar .dt-buttons-sm div .link {
    padding: 7px 30px 6px 35px;
}


.event-container div .link,
.task .dt-toolbar.dt-buttons div .link,
left-panel .dt-toolbar.dt-buttons div .link {
    padding-left: 35px;
}

.dt-toolbar .dt-buttons div .link .btn-element-label,
.btn-oval .btn-element-label {
    position: absolute;
    top: 2px;
    left: 14px;
    font-size: 24px;
    font-weight: 100;
    background-position: center;
    margin-right: 5px;
    color: #fff !important;
}

.dt-toolbar .dt-buttons-sm div .link .btn-element-label {
    top: 0px;
}

.task .dt-toolbar .dt-buttons div .link .btn-element-label,
left-panel .dt-toolbar .dt-buttons div .link .btn-element-label {
    left: 15px;
}

.task .inbox-side-bar,
left-panel .inbox-side-bar {
    padding: 0px
}

.dt-toolbar .filter-length-block {
    margin-top: 5px;
}

.task-edit h4 {
    padding-bottom: 8px;
}

.dt-toolbar .filter-length-block div {
    float: right;
}

.dt-toolbar-right-align .dataTables_filter {
    float: right;
}

.dataTables_length {
    margin-left: 30px;
}

.dataTables_filter {
    width: auto;
}

    .dataTables_filter label {
        margin: 0;
        width: 310px;
    }

    .dataTables_filter .form-control {
        width: 302px;
        padding-right: 18px;
        font-size: 14px;
    }

    .dataTables_filter label span {
        padding-left: 2px;
    }

    .dataTables_filter label .glyphicon.glyphicon-search {
        content: url('/img/search.png');
        transform: scale(-1, 1);
        width: 19px;
        height: 18px;
    }

.dataTables_length {
    font-size: 14px;
}

table.dataTable {
    margin-top: 14px !important;
}

    table.datatable.report-list {
        background-color: transparent !important;
        margin-top: 20px !important;
    }

        table.datatable.report-list th:last-child, table.dataTable td:last-child {
            padding-right: 25px !important;
        }

        table.datatable.report-list td > a.btn-oval {
            margin-left: 0 !important;
        }

        /*,    js*/
        table.datatable.report-list td > a.report-download-btn {
            /*display: none !important;*/
        }

        table.datatable.report-list td > a > .download-icon {
            padding-top: 3px;
            height: 22px !important;
            vertical-align: bottom;
        }

            table.datatable.report-list td > a > .download-icon::before {
                top: 3px;
                content: url('/img/download-white.svg');
            }

table.fileTable {
    padding-left: 0 !important;
    padding-right: 10px !important;
    margin-top: 0 !important;
}

    table.fileTable tr td.fileType {
        font-size: 10px;
        width: 32px !important;
        vertical-align: middle !important;
        padding-right: 5px !important;
    }

.merge-file-modal span.fileType {
    font-size: 10px;
    width: 32px !important;
    vertical-align: middle !important;
    padding-right: 5px !important;
    text-transform: uppercase;
}

.table.fileTable tr td.fileType img {
    vertical-align: top !important;
}

table.fileTable tr td.dateTimeOffset {
    width: 155px;
}

table.dataTable, table.dataTable thead th, table.dataTable tr, table.dataTable tr td {
    border: none;
    border-color: transparent;
}

    table.dataTable tr th {
        padding-bottom: 4px !important;
    }

    table.datatable tr td,
    table.b-table tr td {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        word-break: break-word;
        /*word-break: keep-all;*/
    }

    table.datatable tr.edit-row-hover td.expand:nth-child(3) {
        min-width: 75px;
        word-break: break-word;
    }

    table.datatable tr.edit-row-hover td.sorting_1 {
        min-width: 50px;
        display: flex;
        min-height: 20px;
        align-items: center;
    }

    table.dataTable th.sorting {
        background: none;
    }

    table.dataTable th.sorting_desc {
        background: url('/img/arrow-down.png') no-repeat right;
        background-position-y: 75%;
        background-size: 14px !important;
    }

    table.dataTable th.sorting_asc {
        background: url('/img/arrow-up.png') no-repeat right;
        background-position-y: 75%;
        background-size: 14px !important;
    }

.dashboard table.dataTable th[data-orderable="false"] {
    background: none;
    cursor: default;
}

table.dataTable th:first-child, table.dataTable td:first-child {
    padding-left: 10px !important;
}

table.dataTable th:last-child, table.dataTable td:last-child {
    padding-right: 10px !important;
}

table.dataTable td {
    word-break: break-word;
}

    table.dataTable td.dt-row-control,
    table.table td.column-control {
        text-align: right;
        width: 15px;
    }

        table.dataTable td.dt-row-control a,
        .archive table.dataTable tr:hover td.dt-row-control a {
            opacity: 0;
            transition: opacity 0.1s;
        }

table.dataTable tr.edit-row-hover:hover {
    cursor: pointer;
    background-color: #f3f3f3;
}

.archive table.dataTable tr.edit-row-hover:hover {
    cursor: default;
}

table.dataTable tr:hover td.dt-row-control a,
table.dataTable tr td.dt-row-control .show a,
.archive .files table.dataTable tr:hover td.dt-row-control a {
    opacity: 1;
}

table.dataTable td:last-child {
    padding-left: 5px !important;
}

table.dataTable td.download-row span::before {
    content: url('/img/download-row.png');
}

table.dataTable td.edit-row span::before {
    content: url('/img/edit-row.png');
}

table.dataTable td.delete-row span::before {
    content: url('/img/delete-row.png');
}

table.dataTable td.shared-row a {
    color: #444 !important;
}

workitem-body .log-table-container .table > thead > tr:first-child > th:nth-child(4) {
    width: 190px !important;
}

workitem-body .log-table-container .table > thead > tr:first-child > th:nth-child(5) {
    width: 50px !important;
}

workitem-body .log-table-container .table > tbody > tr > td:nth-child(4),
workitem-body .log-table-container .table > tbody > tr > td:nth-child(5) {
    text-align: center;
}

workitem-body .log-table-container #log-table td .avatar {
    float: initial;
}

.info-paging-block {
    margin-top: 18px !important;
    display: block !important;
    padding-right: 10px !important;
}

    .info-paging-block div {
        float: right !important;
    }

    .info-paging-block .dataTables_paginate li a {
        color: #828282 !important;
        border: none !important;
        background-color: none !important;
        border-color: transparent !important;
        font-size: 14px !important;
        box-shadow: none !important;
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        padding-left: 7px !important;
        padding-right: 7px !important;
    }

    .info-paging-block .dataTables_paginate ul .previous a {
        padding-left: 0 !important;
        padding-right: 17px !important;
        background: url('/img/arrow-left.png') no-repeat left center;
        background-size: 20px !important;
        color: transparent !important;
    }

    .info-paging-block .dataTables_paginate ul .next a {
        padding-right: 0 !important;
        padding-left: 17px !important;
        background: url('/img/arrow-right.png') no-repeat right center;
        background-size: 20px !important;
        color: transparent !important;
    }

    .info-paging-block > .dataTables_paginate > ul > li.paginate_button.active > a,
    .info-paging-block > .dataTables_paginate > ul > li.paginate_button.active > a:hover,
    .info-paging-block > .dataTables_paginate > ul > li.paginate_button.active > a:focus {
        background-color: #fff !important;
        color: #222222 !important;
    }

table.dataTable td.details-control {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    width: 20px !important;
}

.dataTable tbody .shown {
    background-color: #f3f3f3 !important;
}

    .dataTable tbody .shown > td {
        border-bottom: 1px solid #d8d8d8 !important;
    }

        .dataTable tbody .shown > td:nth-child(1) {
            border-bottom: none !important;
        }

/*.dataTable > tbody > tr > td.sorting_1,
.dataTable > thead > tr > th.sorting_desc {
    padding-left: 0px !important;
}*/

.dataTable > tbody > tr > td.sorting_1 {
    padding-left: 10px !important;
}

.log-table-container tbody tr:hover,
.table-hover > tbody > tr:hover td {
    background-color: #f3f3f3 !important;
}

/*.log-table-container table.datatable {
    margin-left: -13px;
}*/

.log-table-container table thead tr th:nth-child(2),
.log-table-container table tbody tr td:nth-child(2) {
    padding-left: 0px !important;
}

.log-table-container table.dataTable td:nth-child(4) {
    padding-left: 10px !important;
}

.log-table-container table.datatable tr td {
    word-break: break-word;
}

#log-table_wrapper #log-table_length {
    float: right !important;
}

.log-details-table {
    width: 100%;
}

    .log-details-table tbody {
        background-color: #f3f3f3;
    }

        .log-details-table tbody span.old {
            color: #828282;
        }

table.log-details-table td:first-child {
    padding-left: 40px !important;
}

.log-details-table tr td {
    overflow-wrap: break-word;
    vertical-align: top;
}

/*.log-details-table td.field-name {
    width: 200px;
}*/

.log-details-table td.field-name {
    width: 110px;
}

.log-details-table td.field-before-value {
    width: calc(100% - 200px);
}

.dataTable tbody .shown .details-control:before {
    color: #222;
    content: "\f106";
}

.dataTable tbody .details-control:before {
    color: #222;
    content: "\f107";
}

.dataTable tbody .shown + tr > td > table tbody tr {
    background-color: transparent !important;
}

.file-shared-addon {
    width: 114px !important;
}

.datatable .edit-menu {
    width: 40px !important;
}

.datatable .dt-tfoot-summarize tr th {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    font-weight: bold;
    border-top: none;
}

/* mapping table */
.mapping-table-container tbody tr:hover,
.table-hover > tbody > tr:hover td {
    background-color: #f3f3f3 !important;
}

.mapping-table-container table.datatable {
    margin-left: -13px;
}

.mapping-table-container table thead tr th:nth-child(2),
.mapping-table-container table tbody tr td:nth-child(2) {
    padding-left: 0px !important;
}

.mapping-table-container table.dataTable td:nth-child(5) {
    padding-left: 10px !important;
}

#mapping-table_wrapper #mapping-table_length {
    float: right !important;
}

.mapping-details-table {
    width: calc(100% + 35px);
}

    .mapping-details-table tbody {
        background-color: #f3f3f3;
    }

/*.mapping-details-table tbody span.fieldsource {
            color: #828282;
        }*/



table.mapping-details-table tr.edit-row-hover .trash::before {
    display: none;
}

table.mapping-details-table tr.edit-row-hover:hover .trash::before {
    display: inline;
}

table.mapping-details-table tr.edit-row-hover:hover td {
    opacity: 0.8;
}

table.mapping-details-table td:first-child {
    padding-left: 40px !important;
}

.mapping-details-table tr td {
    overflow-wrap: break-word;
    vertical-align: top;
}

.mapping-details-table td.field-mapping-add-btn {
    width: 100% !important;
}

    .mapping-details-table td.field-mapping-add-btn a {
        color: #db1212;
    }

.mapping-details-table td.field-mapping-edit-btn {
    width: 100% !important;
}

/*.mapping-details-table td.field-name {
    width: calc(100% - 200px);
}*/


/*******end datatables*******/


/* =================== LOADER =================== */
.loader,
.loader:before,
.loader:after {
    background: #db1212;
    -webkit-animation: load1 1s infinite ease-in-out;
    animation: load1 1s infinite ease-in-out;
    width: 1em;
    height: 4em;
}

.loader {
    color: #db1212;
    text-indent: -9999em;
    margin: 88px auto;
    position: relative;
    font-size: 13px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

    .loader:before,
    .loader:after {
        position: absolute;
        top: 0;
        content: '';
    }

    .loader:before {
        left: -1.5em;
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .loader:after {
        left: 1.5em;
    }

@-webkit-keyframes load1 {
    0%, 80%, 100% {
        box-shadow: 0 0;
        height: 4em;
    }

    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}

@keyframes load1 {
    0%, 80%, 100% {
        box-shadow: 0 0;
        height: 4em;
    }

    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}
/* =================== END OF LOADER =================== */

.empty-folder-list-hint {
    font-size: 25px;
    color: #828282;
    background-color: #fff;
    margin: 0 auto;
    text-align: center;
    margin-top: 30px;
    border: 2px solid #db1212;
    padding: 30px 50px;
    border-radius: 150px;
    /*width: calc(100% - 90px);*/
    max-width: 900px;
    width: 100%;
    margin-left: 40px;
}

    .empty-folder-list-hint span {
        display: block;
    }

    .empty-folder-list-hint .text-small {
        font-size: 17px;
        font-size: 17px;
    }

.empty-folder-list-hint-container .arrow {
    border: 5px solid transparent;
    border-top-color: #db1212;
    position: absolute;
    top: -45px;
    left: 59px;
    transform: rotate(180deg) translate(0px, 25px);
    -webkit-transform: rotate(180deg) translate(0px, 25px);
    -moz-transform: rotate(180deg) translate(0px, 25px);
    -o-transform: rotate(180deg) translate(0px, 25px);
    -ms-transform: rotate(180deg) translate(0px, 25px) translate(0px, 25px);
}

.infinite-scroll-container > div {
    position: relative;
}

.empty-folder-list-hint-container {
    margin-top: 70px;
    position: relative;
    left: -25px;
}

.empty-folder-list-hint {
    position: relative;
}
    /*.infinite-scroll-container .line.animated,
    .infinite-scroll-container .arrow.animated*/
    .empty-folder-list-hint.animated {
        animation-duration: 0.1s;
    }

.empty-folder-list-hint-container .line:before {
    display: block;
    content: '';
    height: 95px;
    width: 130px;
    border-bottom: 2px dashed #db1212;
    border-left: 2px dashed #db1212;
    -webkit-border-radius: 0 0 0 100px;
    -moz-border-radius: 0 0 0 100px;
    border-radius: 0 0 0 100px;
    position: absolute;
    top: -60px;
    left: 63px;
}

/*metrics*/

#chart {
    stroke-width: 1px;
}

    #chart .c3-line-1,
    #chart .c3-line-2,
    #chart .c3-line-3,
    #chart .c3-line-4,
    #chart .c3-line-5 {
        stroke-width: 3px;
        stroke-opacity: 0.9;
    }

left-panel .folderAccountPermissionList {
    padding-left: 0px;
}

    left-panel .folderAccountPermissionList li {
        width: 25px;
        height: 25px;
        background-color: #d8d8d8;
        border-radius: 50%;
        padding-top: 4px;
        text-align: center;
        font-size: 10px;
        list-style-type: none;
        display: inline-block;
    }

        left-panel .folderAccountPermissionList li,
        left-panel .folderAccountPermissionList li img {
            width: 25px;
            height: 25px;
            border-radius: 50%;
        }

.datetimepicker-addon {
    cursor: pointer;
}

/*HistoryLog, change-log*/

.change-log {
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
    margin-bottom: 30px;
}

    .change-log .iteration {
        padding-top: 30px;
    }

.historyHeader {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.historyContainer {
}

    .historyContainer .modal-title {
        margin-bottom: 21px;
    }

    .historyContainer .field p {
        margin: 0px !important;
    }

    .historyContainer .iteration {
        text-align: center;
        padding-top: 18px;
    }

.change-log .iteration h4 {
    width: auto;
    display: inline-block;
    padding-right: 15px;
}

.historyContainer .iteration span,
.change-log .iteration span {
    color: #828282;
}

.historyContainer .iteration span {
    padding-top: 5px;
}

.historyContainer .title,
.change-log .title,
.historyContainer .control-label {
    margin: 0px;
    padding-left: 0px;
    box-shadow: none;
    padding-bottom: 15px;
    background-color: transparent;
    word-break: break-word;
    padding-right: 0px;
}

.historyContainer .history-section .title {
    padding-top: 0px;
    font-weight: bold;
}

.historyContainer .field,
.historyContainer .section-element,
.change-log .field {
    position: relative;
    padding-left: 25px;
    word-break: break-word;
    padding-bottom: 12px;
}

    .historyContainer .field::after,
    .change-log .field::after {
        content: "";
        position: absolute;
        background-color: #fff;
        width: 11px;
        height: 11px;
        border-radius: 100%;
        border: solid 1px #d8d8d8;
        top: 5px;
        left: 0px;
        z-index: 5;
    }

    .historyContainer .field::before,
    .change-log .field::before {
        content: "";
        position: absolute;
        background-color: #d8d8d8;
        width: 1px;
        height: 100%;
        top: 15px;
        left: 5px;
    }

    .historyContainer .field:last-child::before,
    .change-log .field:last-child::before {
        height: 0px;
    }

.change-log .log-table-container tbody tr td {
    word-break: break-word;
}

.historyContainer .logo {
    text-align: center;
    padding: 10px 0;
}

    .historyContainer .logo img {
        width: 100%;
        height: 50px;
    }

.historyContainer .btn-transparent {
    padding-right: 0px;
    min-width: inherit;
}

    .historyContainer .btn-transparent .plus {
        top: 5px !important;
    }

/*Contacts*/

.contacts {
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}


    .contacts h1 {
        text-align: center;
    }

.main_contact .cont {
    overflow: hidden;
    margin-top: 30px;
    padding-bottom: 38px;
}

    .main_contact .cont .block {
        margin: 0;
        padding: 0;
        padding-left: 0;
        width: 75%;
        float: left;
        margin-left: 25%;
    }

        .main_contact .cont .block ul {
            list-style: none;
            padding: 0;
        }

            .main_contact .cont .block ul.cc li {
                position: relative;
                padding: 25px 0;
            }

                .main_contact .cont .block ul.cc li:nth-child(3) {
                    height: 300px;
                }

        .main_contact .cont .block span {
            color: #323e48;
            font-size: 24px;
            font-weight: 500;
            padding-left: 38px;
            background-position: left center;
            background-repeat: no-repeat;
        }

        .main_contact .cont .block ul.cc li span i {
            margin-right: 15px;
            color: #d3212a;
        }

        .main_contact .cont .block ul.cc li a {
            position: absolute;
            left: 300px;
            color: #323e48;
            font-size: 24px;
        }

@media (max-width: 992px) {
    .contacts {
        margin-top: 80px;
    }

    .main_contact .cont .block {
        margin: 0;
        width: 100%;
    }

        .main_contact .cont .block ul.cc li a {
            left: 215px;
        }
}
/*SUMMERNOTE*/
.popover {
    font-family: 'ProximaNova', Roboto, sans-serif !important;
}

.workitem-container .note-editable {
    height: auto;
    padding: 0 !important;
}

    .workitem-container .note-editable a {
        color: #337ab7 !important;
        text-decoration: none;
    }

.workitem-container div.note-editor.panel.panel-default {
    border: none;
    box-shadow: none;
    background-color: #fff;
    border-bottom: 1px solid #a7a7a7;
    border-radius: 0%;
    font-size: 14px;
}

    .workitem-container div.note-editor.panel.panel-default:active,
    .workitem-container div.note-editor.panel.panel-default:focus {
        border: none;
        box-shadow: none;
        background-color: #fff;
        padding-bottom: 0px;
        border-bottom: 1px solid #222;
        border-radius: 0%;
        font-size: 14px;
    }

.note-editor.note-frame .note-editing-area .note-editable[contenteditable=false] {
    background-color: #f3f3f3;
}

.workitem-container div.note-editable p,
.workitem-container div.note-editable {
    width: 100% !important;
    word-break: break-word;
    min-height: 20px;
    margin-bottom: 2px;
}

.note-editor .note-statusbar {
    display: none;
}

.note-link-popover {
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 2px;
    margin-left: 25px;
    margin-top: -2px !important;
    opacity: 1 !important;
    display: none;
}

    .note-link-popover .popover-content {
        padding: 0px;
        width: 196px;
        height: 30px !important;
    }

        .note-link-popover .popover-content > span {
            position: relative;
            height: 30px !important;
        }

        .note-link-popover .popover-content a {
            color: #337AB7;
            text-decoration: none;
            font-size: 14px;
            position: absolute;
            padding: 5px 10px;
            font-weight: normal;
        }

    .note-link-popover .note-btn-group,
    .note-link-popover > .arrow {
        display: none;
    }

.historyContainer .note-editor.panel {
    margin-bottom: 0px !important;
}

.historyContainer .note-editor .note-toolbar {
    margin-left: 0px !important;
}

#historyTable thead th:first-child {
    min-width: 70px;
}

.historyContainer.edit-history fieldset {
    margin-left: 12px !important;
}

.historyContainer.edit-history .control-label {
    padding-bottom: 0px !important;
}

.historyContainer.edit-history .section-element {
    padding-left: 0px !important;
    padding-bottom: 0px !important;
}

.historyContainer.edit-history .btn-transparent {
    position: static !important;
}

    .historyContainer.edit-history .btn-transparent .plus {
        vertical-align: middle !important;
    }

/*permission*/
.permission .active img {
    border: 3px solid #14b358;
}

.permission-list {
    padding-left: 0px;
    margin-bottom: 15px;
    margin-top: 10px;
}

    .permission-list > li {
        list-style-type: none;
        margin-bottom: 10px;
        color: #828282;
    }

    .permission-list li:hover {
        color: #222;
    }


    .permission-list li:hover label.leader-label.red-button {
             filter: drop-shadow(0.5px 0px 0px #db1212);
    }

    .permission-list li:hover .leader {
        filter: drop-shadow(0px 0px 0px black);
    }

    .permission-list li .leader {
        position: absolute;
        right: 0px;
        top: 4px;
        display: inline;
        background-image: url(/img/svg/permission-leader.svg);
        height: 24px;
        width: 24px;
        background-size: 24px 24px; 
    }

    .modal-permissions-header .leader {
        background-image: url(/img/svg/permission-leader.svg);
        height: 24px;
        width: 24px;
        background-size: 24px 24px;
        margin: 4px 12px 0 4px;
    }
    

    .permission-list .icon:hover > div > img,
    .permission-list .icon:hover .initials {
        border: 2px solid #db1212;
        width: 29px;
        height: 29px;
        margin-left: -2px;
        margin-right: 6px;
    }

    

    .permission-list li label {
        vertical-align: middle;
        width: 70%;
        padding-top: 5px;
        cursor: pointer;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .permission-list li.icon {
        padding: 0px;
        position: relative;
    }

        .permission-list li.icon > div > img {
            width: 25px;
            height: 25px;
            border-radius: 50%;
            margin-right: 8px;
            object-fit: cover;
        }

permission-group-new-account > div,
.permission-new > div {
    font-size: 20px;
    font-weight: bold;
    border: 1px solid #d8d8d8;
    color: #d8d8d8;
    background-color: transparent;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    margin-right: 8px;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
}

.permission-list .initials {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
    color: #222;
    background-color: #d8d8d8;
    padding-top: 4.5px;
    margin-right: 8px;
}

.right-column .permission-group-new-account > div,
.right-column .permission-new > div {
    width: 35px;
    height: 35px;
    padding-top: 2.5px;
}

.permission-group-new-account label, .permission-new label {
    font-size: 14px;
    font-weight: normal;
    color: #828282;
    padding-top: 0px;
    cursor: pointer;
}

.permission-group-new-account:hover label,
.permission-new:hover label {
    color: #db1212;
}

.permission-group-new-account:hover div,
.permission-new:hover div,
.group-include-account-container .permission-group-new-account:hover > div {
    color: #db1212;
    border: 1px solid #db1212;
}

left-panel .initials {
    font-size: 12px;
}

left-panel .permission-group-new-account > div,
left-panel .permission-new > div {
    position: relative;
}

    left-panel .permission-group-new-account > div > span,
    left-panel .permission-new > div > span {
        position: absolute;
        top: -2px;
        left: 6.5px;
    }

ul.permission-list li .vertical {
    position: absolute;
    right: 0px;
    top: -3px;
    display: none;
}

ul.permission-list li:hover .vertical {
    display: inline-block;
}

ul.permission-list ul.dropdown-menu {
    width: 100px;
    left: calc(100% - 20px);
}

ul.permission-list ul li {
    cursor: pointer;
    height: 2em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

ul.permission-list li img,
ul.permission-list li .initials {
    cursor: pointer;
}

.permissions-excess-cont,
.permissions-excess-list-none {
    display: none;
}

.permissions-excess-list,
.permissions-excess-list-none {
    cursor: pointer;
}

@keyframes yellowfade {
    from {
        background: #ffff4f;
    }

    30% {
        background: #ffff4f;
    }
    /* ignored */
            to {
        background: transparent;
    }
}

.yellowfade {
    animation-name: yellowfade;
    animation-duration: 1.5s;
}

.document-generator .circle {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    padding-left: 6px;
    background: #ececec;
    display: inline-block;
    cursor: pointer;
    margin-left: 20px;
    margin-top: 10px;
}

.document-generator .popover {
    z-index: 10;
}

.document-generator #components {
    width: 100%;
}

.document-generator right-panel > .dt-toolbar {
    margin-bottom: 11px;
}

.document-generator right-panel {
    padding-top: 40px !important;
}

.import-state {
    border: 1px solid #d5d5d5;
    padding: 10px;
    display: none;
}

.create-doc .file-download {
    display: none;
}

.bootstrap-range .input-styles, .bootstrap-range input[name="minimum"], .bootstrap-range input[name="maximum"] {
    font-size: 12px;
    line-height: 1.42857143;
    color: #555;
}

#eventEditFrm .eventFieldPart {
    margin-top: 20px;
}

    #eventEditFrm .eventFieldPart:first-child {
        margin-top: 0px;
    }

#file-shared-link {
    width: 100% !important;
    border-bottom: 1px solid #d8d8d8 !important;
}

tbody tr:hover td .vertical-points,
tbody tr:hover td .vertical-points.show,
tbody tr:hover td .open > .dropdown-menu,
tbody tr td .vertical-points.show {
    opacity: 1;
}

tbody tr:hover td .vertical-points {
    display: block;
}

table.dataTable td.dt-row-control .open a {
    opacity: 1;
    transition: opacity 0.1s;
}


.search-result-empty {
    color: #dbdbdb;
    text-align: center;
    font-size: 30px;
    margin-top: 50px;
}


.unit-group-addon {
    background-color: transparent;
    color: #555 !important;
    top: -1px;
    width: auto;
    padding-top: 2px;
}

    .unit-group-addon span {
        font-size: 16px;
    }

workitem-container .hover-edit-container input {
    height: 100%;
}

@media (min-width: 992px) {
    body.smart-style-6 left-panel,
    body.smart-style-6 .left-column {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .hidden-xs-up {
        display: block !important;
    }
}

@media (max-width: 1383px) {

    .filters-task .btn-create-task {
        width: 130px;
    }

        .filters-task .btn-create-task .create-new-task {
            padding-right: 15px;
        }
}

div.mobile.circle {
    display: none !important;
}

@media (max-width: 991px) {


    .hidden-sm {
        display: none !important;
    }

    div.mobile.circle {
        display: inline-block !important;
        z-index: 10;
    }

    .hidden-sm-up {
        display: block !important;
    }

    left-panel {
        top: 80px !important;
        position: fixed !important;
        z-index: 100;
        background-color: #f3f3f3;
        min-height: calc(100vh - 80px) !important;
        display: none;
        width: 90% !important;
        margin-bottom: 0px;
    }

    right-panel {
        margin-top: 80px;
    }

    .shadow {
        width: 100%;
        height: 100vh !important;
        background-color: #000 !important;
        z-index: 20;
        position: fixed;
        top: 0px;
        opacity: 0.3;
        display: none;
    }

        .shadow.active {
            display: block;
        }

    .left-panel-active,
    .left-panel-active right-panel {
        overflow: hidden;
    }

        .left-panel-active left-panel {
            overflow: auto;
            height: calc(100vh - 100px);
            padding-bottom: 80px;
        }

            .left-panel-active left-panel.folder-quick-search,
            .left-panel-active left-panel.group-list-container,
            .left-panel-active .report-constructor left-panel {
                padding-bottom: 120px;
            }

        .left-panel-active .columns {
            overflow: hidden !important;
            height: 100vh !important;
        }



    left-panel .dt-buttons .dropdown-menu {
        font-size: 14px;
        text-transform: uppercase;
        width: 250px;
    }



    left-panel .reportUserTemplateList ul li .vertical {
        display: inline-block !important;
    }

    .quick-search li > .delete-btn {
        visibility: visible
    }

    .dictionary-table table.dataTable tr > th:nth-child(n+4),
    .dictionary-table table.dataTable tbody tr > td:nth-child(n+4),
    workitem table.dataTable tr > th:nth-child(n+4),
    workitem table.dataTable tbody tr > td:nth-child(n+4),
    table.dataTable tr > th:nth-child(n+5),
    table.dataTable tbody tr > td:nth-child(n+5) {
        display: none !important;
    }

    left-panel .group-list .vertical-points,
    .workitem-files table.dataTable tbody tr > td.edit-menu,
    table.dataTable tbody tr.edit-row-hover > td.delete-row {
        display: block !important;
    }

    tbody tr td .vertical-points,
    table.dataTable tr td.dt-row-control a {
        opacity: 1;
    }

    table.dataTable td:last-child {
        padding-right: 15px !important;
    }

    .dictionary-table table.dataTable td:last-child a {
        padding: 8px 15px 8px 5px !important;
    }

    .workitem-container .filter-length-block {
        display: none !important;
    }

    right-panel {
        padding: 20px 15px !important;
    }

        

    

    .cont-title > div:nth-child(2) {
        text-align: left !important;
    }

    .cont-title ul {
        padding-left: 32px;
    }

    

    h2.hover-edit-container input.inline-edit {
        width: 85%;
    }

    .dictionary-table .dataTables_length,
    .dictionary-table .dataTables_filter,
    .mapping-table .dataTables_length,
    .mapping-table .dataTables_filter,
    task-files .dt-toolbar .filter-length-block .dataTables_length,
    task-files .dt-toolbar .filter-length-block .dataTables_filter {
        float: left !important;
        margin: 0px !important;
    }

    .dictionary-table .dataTables_filter {
        float: left;
        width: 100%;
    }

        .dictionary-table .dataTables_filter input {
            width: 100% !important;
        }

    .dictionary-table .dt-toolbar .filter-length-block {
        margin-top: 15px;
    }

    .dictionary-table {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .change-log {
        padding: 0px 10px;
    }

    .event-container .table .events-list .icon-cont {
        padding-left: 15px;
    }

    .event-container .table {
        margin: 0px !important;
    }

    .hover-edit-container .inline-edit {
        width: 70%;
        font-size: 26px;
    }

    right-panel workitem-container workitem > div > span {
        display: none;
    }

    

    

    .dictionary-menu ul li .glyphicon {
        font-size: 12px;
        left: -20px;
    }

    .dictionary-table header,
    .dictionary-table .filter-length-block {
        padding-left: 0px;
    }

    .dictionary-table .dt-toolbar .dt-buttons div {
        margin-left: 0px;
    }

    .dictionary-table table {
        margin-left: -10px;
    }

    

    .workitem-container .tab-pane {
        padding-left: 0px;
    }

        .workitem-container .tab-pane > div.row > fieldset {
            padding-right: 13px;
        }

    .workitem-container .tab-pane {
        padding-right: 0px;
    }

    

    .workitem-container .dataTable > tbody > tr > td {
        word-break: break-word;
    }

    .dictionary-menu ul li .glyphicon {
        font-size: 12px;
        left: -20px;
    }

    workitem-body .dt-toolbar .dt-buttons div {
        margin-left: 10px;
    }

    workitem-body table {
        margin-left: 3px;
        width: calc(100% + 14px);
    }



    right-panel.log-container > div {
        padding: 0px;
    }

    right-panel.log-container table {
        width: calc(100% + 25px);
    }

    workitem-body .log-table-container table.datatable {
        width: calc(100% + 26px) !important;
    }

    workitem-body .log-table-container table {
        margin-left: 0px;
    }
}

@media (max-width: 480px) {
    workitem table.dataTable tr > th:nth-child(n+2),
    workitem table.dataTable tbody tr > td:nth-child(n+2) {
        display: none !important;
    }
}

.search-result-fast-filter {
    color: #828282;
    border-bottom: 1px dashed #828282;
    cursor: pointer;
}

    .search-result-fast-filter:hover {
        color: #000000;
        border-bottom: 1px dashed #000000;
    }

    .search-result-fast-filter:active {
        color: #db1212;
        border-bottom: 1px dashed #db1212;
    }

/*fix placeholder select2 to notice modal*/
.event-filter .select2-container .select2-search--inline {
    width: 100%;
}

    .event-filter .select2-container .select2-search--inline .select2-search__field {
        width: auto !important;
    }

.event-filter .select2-container .select2-selection__choice + .select2-search--inline .select2-search__field {
    width: 0 !important;
}

.notification .event-filter .select2-container .select2-selection__choice + .select2-search--inline .select2-search__field {
    width: 90% !important;
}

.event-filter .select2-container .select2-search {
    width: 0.75em !important;
}

.event-filter .select2-container .select2-selection__choice + .select2-search {
    width: 0 !important;
}
/*/*/

/*btn up*/
#global-btn-up {
    border-radius: 50%;
    position: fixed;
    bottom: 40px;
    left: 30px;
    cursor: pointer;
    padding: 0px;
    font-size: 45px;
    display: none;
    z-index: 1000001;
}

    #global-btn-up span:hover {
        color: #696969;
    }

    #global-btn-up span {
        color: #b7b7b7;
    }

        #global-btn-up span:active {
            color: #db1212;
        }

    #global-btn-up > img {
        height: 50px;
        width: 50px;
    }

@media(max-width:991px) {
    #global-btn-up {
        bottom: 15px;
        left: 20px;
    }
}



[draggable] {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    /* Required to make elements draggable in old WebKit */
    -khtml-user-drag: element;
    -webkit-user-drag: element;
}

.dragndrop-container {
    border-radius: 3px;
    border: 1px dashed #b3b3b3 !important;
    padding: 3px;
    cursor: move;
}

.table.dataTable tr.dragndrop-over-container {
    border: 1px dashed #000 !important;
    background-color: #dedede;
    opacity: 0.7;
}

.dragndrop-breadcams {
    border-bottom: 2px dashed #b3b3b3;
}

.dragndrop-over-breadcams {
    border-bottom: 3px solid #000 !important;
    cursor: move;
}

.btn-gray {
    height: 38px;
    border-radius: 19px;
    box-shadow: 0 2px 10px -5px rgba(0, 0, 0, 0.25);
    background-color: #ffffff;
    border: solid 1px #d8d8d8;
    position: relative;
    padding: 8px 14px 9px 14px;
    font-size: 15px;
    color: #222;
}

    .btn-gray:not(.disabled):hover {
        border: solid 1px #828282;
    }

    .btn-gray:active {
        background-color: #f3f3f3;
        border: 1px solid #d8d8d8;
    }

    .btn-gray.disabled {
        color: #d8d8d8;
    }

    .btn-gray:focus {
        box-shadow: initial;
    }

.btn-gray_icon {
    padding-left: 30px;
}

    .btn-gray_icon .plus {
        position: absolute;
        left: 13px;
        top: 5px;
        font-weight: bold;
        font-size: 20px;
    }

.tr-contragent-name {
    word-break: break-word;
}

.tr-contragent-props {
    color: #ababab;
    /* font-size: 90%; */
    width: 100%;
    display: block;
}

    .tr-contragent-props span {
        padding-right: 20px;
    }

.select2-container--disabled {
    cursor: not-allowed;
    opacity: 0.65;
}

.files .select-cont .select2-container--disabled span.select2-selection--single {
    cursor: not-allowed !important;
}

.files .select-cont .select2-container--disabled .select2-selection {
    background-color: initial;
}

/* Autocomplete
----------------------------------*/
.ui-autocomplete {
    position: absolute;
    cursor: default;
    font-family: 'ProximaNova', Roboto, sans-serif;
    font-size: 14px;
}

    .ui-autocomplete.ui-front {
        z-index: 1100 !important;
    }

* html .ui-autocomplete {
    width: 1px;
}

.ui-menu {
    list-style: none;
    padding: 0px;
    margin: 0;
    display: block;
}

    .ui-menu .ui-menu {
        margin-top: -3px;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        padding: 0;
        cursor: pointer;
    }

        .ui-menu .ui-menu-item a {
            text-decoration: none;
            display: block;
            padding: 9px 18px 8px 18px;
            line-height: 1.5;
            zoom: 1;
        }

        .ui-menu .ui-menu-item span.desc {
            color: #888888 !important;
        }

        .ui-menu .ui-menu-item a.ui-state-focus {
            white-space: normal;
            background-color: #f1f1f1 !important;
            font-weight: normal !important;
            color: #000 !important;
        }

#log-table td .permission {
    display: inline-block;
    position: relative;
    bottom: 1px;
    cursor: pointer;
}

    #log-table td .permission .avatar, #log-table td .permission .quantity {
        display: inline-block;
        padding-right: 8px;
        vertical-align: middle;
    }

#log-table td .avatar {
    text-align: right;
}

    #log-table td .avatar img {
        display: inline-block;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        object-fit: cover;
    }

#log-table th.log-table__author-column {
    text-align: right;
}

#log-table td .permission .quantity + .tooltip {
    width: 110px;
}

.log-container .log-page .table > thead > tr:first-child > th:nth-child(7) {
    width: 50px !important;
}

.log-container .log-page .table > thead > tr:first-child > th:nth-child(6) {
    width: 190px !important;
}

.contragent-form #tab_kad table td,
.contragent-form #tab_fssp table td,
.contragent-form #tab_rp table td,
.contragent-form #tab_links table td {
    cursor: pointer;
}

.contragent-search-wrapper {
    position: relative;
    width: 100%
}

    .contragent-search-wrapper .input-group-addon {
        height: 32px;
        top: 0;
        bottom: auto;
        font-size: 20px;
        padding: 5px;
        cursor: pointer;
    }

        .contragent-search-wrapper .input-group-addon .glyphicon.glyphicon-search {
            content: url(/img/search.png);
            transform: scale(-1, 1);
            width: 24px;
            /*height: 18px;*/
        }

    .contragent-search-wrapper input {
        width: 100%;
        height: 32px;
        font-size: 18px;
        padding-right: 30px;
    }

        .contragent-search-wrapper input.ui-autocomplete-loading {
            background-position: right 34px center;
        }

.help-block.with-external-api {
    display: none;
    color: #b38a60;
}

.field-container_info-external-api .help-block.with-external-api {
    display: block;
}


div.WI-details-apilastsync {
    display: inline;
}

    div.WI-details-apilastsync span {
        top: -6px;
    }

div.folder-apilastsync {
    display: inline;
}

.tooltip.badgeSync-tooltip .tooltip-inner {
    background-color: #b38a60;
}

.tooltip.badgeSync-tooltip.bs-tooltip-right .arrow::before {
    border-right-color: #b38a60 !important;
}

.tooltip.badgeSync-tooltip.bs-tooltip-left .arrow::before {
    border-left-color: #b38a60 !important;
}

.tooltip.badgeSync-tooltip.bs-tooltip-top .arrow::before {
    border-top-color: #b38a60 !important;
}

.tooltip.badgeSync-tooltip.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #b38a60 !important;
}

.file-tracking-tooltip {
    margin-left: 15px;
}

.progress-line .bs-tooltip-top .arrow:before {
    border-top-color: #fff !important;
}

.chartjs-tooltip {
    opacity: 1;
    position: absolute;
    background: rgba(0, 0, 0, .7);
    color: white;
    border-radius: 3px;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    pointer-events: none;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    padding: 4px;
}

.chartjs-tooltip-key {
    display: inline-block;
    width: 10px;
    height: 10px;
}

.progress-line .tooltip {
    opacity: 1;
}

    .progress-line .tooltip .tooltip-inner {
        background-color: #fff !important;
        color: #222;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        font-weight: normal;
        font-family: 'ProximaNova', Roboto, sans-serif;
    }

span.ApiLastSyncBadge_Field {
    position: absolute !important;
    top: 2px !important;
    left: 0px;
    z-index: 10;
}

.field-container[data-field-type="text"] span.ApiLastSyncBadge_Field {
    top: 22px !important;
}

.field-container[data-field-type="text"] .badgeSync-result {
    padding-top: 0px;
}

.badgeSync-result > input {
    padding-left: 45px !important;
}

.badgeSync-result > .note-editor {
    padding-left: 45px;
}

.badgeSync-result.field-calculator-result > input {
    padding-left: 60px !important;
}

.formula-result.badgeSync-result > input {
    padding-left: 80px !important;
}

.formula-result.badgeSync-result.field-calculator-result > input {
    padding-left: 100px !important;
}

.badgeSync-result > label {
    padding-left: 43px !important;
}

.badgeSync-result > span.select2 .select2-selection {
    padding-left: 43px !important;
    padding-right: 85px;
}

#components > .left-panel-list:first-child {
    padding-top: 20px;
}

.left-panel-list,
left-panel ul {
    padding-left: 0px;
}


.red-big-button {
    padding: 0px;
    height: 38px;
    border-radius: 19px;
    background-color: #db1212;
    box-shadow: 0 6px 7px -4px rgba(255, 0, 0, 0.5);
    border: none;
    cursor: pointer;
    position: relative;
    display: block !important;
    margin-bottom: 30px;
}

    .red-big-button:hover {
        background-color: #ef1717;
    }

    .red-big-button:active {
        background-color: #b50a0a;
    }

    .red-big-button > span {
        text-align: left;
        color: #ffffff;
        padding-left: 35px;
        padding-right: 20px;
        padding-bottom: 4px;
        padding-top: 9px;
        display: block;
        height: 100%;
    }

    .red-big-button span.btn-element-label {
        position: absolute;
        top: 2px;
        left: 14px;
        font-size: 24px;
        font-weight: 100;
        background-position: center;
        margin-right: 5px;
        color: #fff !important;
    }

.gray-button {
    height: 38px;
    padding: 0px; /*8px 0;*/
    border: 1px solid transparent !important;
    box-shadow: none !important;
    -webkit-box-shadow: none;
    color: #828282;
    background-color: transparent;
    min-width: 60px;
    font-weight: normal;
    min-height: 38px;
    vertical-align: middle;
    margin: 0 25px 0 0 !important;
}

    .gray-button:hover {
        color: #222222;
    }

    .gray-button:active {
        color: #db1212;
    }

.red-big-button span.xsud-icon-download {
    padding-right: 5px;
}


.xsud-icon-save:before {
    font-size: 38px;
    vertical-align: middle;
}

.xsud-icon-plus:before {
    font-size: 18px;
}

.xsud-icon-create:before,
.xsud-icon-agenda:before,
.xsud-icon-help:before {
    font-size: 22px;
}

.red-button,
a.red-button {
    color: #db1212;
    text-decoration: none;
    background-color: transparent;
    border: none;
    padding-left: 0px;
    cursor: pointer;
    text-align: left;
}

    .red-button:hover,
    .black-button:hover {
        color: #ef1717;
    }

    .red-button:active,
    .black-button:active {
        color: #b50a0a;
    }

    .red-button img[disabled] {
        color: #e8686e;
    }

.black-button {
    color: #222;
}

.folder-quick-search #components > div {
    display: inline-block;
    width: 100%;
}

/*#components .workitem-list li:first-child {
    margin-top: 57px;
}*/


#components .workitem-list.cards-virtual li:first-child,
.archive-details #components .workitem-list li:first-child {
    margin-top: 0px;
}

#components .workitem-list {
    top: auto !important;
}

.dt-toolbar {
    z-index: 1;
}

#components .dt-toolbar {
    z-index: 11;
}

/*.fast-filter-list-user-wrapper:after {
    content: "";
    display: block;
    height: 1px;
    width: 70px;
    background: #d8d8d8;
    margin: 15px 0px 15px 0px;
}

#components .edit-filter:after {
    content: none;
}*/

.search-folder-result-description {
    color: #828282;
    /*border-bottom: 1px dashed #828282;*/
    cursor: default;
}



.lds-dual-ring {
    display: inline-block;
    width: 12px;
    height: 12px;
}

    .lds-dual-ring:after {
        content: " ";
        display: block;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        border: 1px solid #828282;
        border-color: #828282 transparent #828282 transparent;
        animation: lds-dual-ring 1.2s linear infinite
    }





@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#divbigBoxes .bigBox {
    background-color: rgb(34, 34, 34);
    padding: 15px 20px;
    width: 360px;
    height: auto;
}

    #divbigBoxes .bigBox > div {
        position: relative;
    }

    #divbigBoxes .bigBox .label {
        padding: 0px !important;
        text-align: left;
        letter-spacing: 0px;
    }

    #divbigBoxes .bigBox button {
        background-color: transparent;
        border: none;
        padding: 0px;
        position: absolute;
        opacity: 1;
        font-weight: 100 !important;
    }

    #divbigBoxes .bigBox .close {
        top: -16px;
        right: -19px;
    }

    #divbigBoxes .bigBox .reduce-btn {
        top: -15px;
        right: 5px;
    }

    #divbigBoxes .bigBox .expand-btn {
        top: -16px;
        right: 5px;
    }

    #divbigBoxes .bigBox p {
        padding: 0px !important;
        margin-bottom: 0px;
    }

    #divbigBoxes .bigBox .gradient {
        padding: 0px !important;
        padding-top: 2px !important;
        background-color: #979797;
        background-image: linear-gradient(to top, #fff 2px, transparent 2px);
        background-size: 50%, 100%;
        background-repeat: no-repeat;
        transition: 0.8s ease-in;
    }

    #divbigBoxes .bigBox .count {
        font-size: 13px;
        padding-top: 10px !important;
        padding-bottom: 0px !important;
        letter-spacing: 0px;
    }

    #divbigBoxes .bigBox .progress-label {
        display: inline-block;
        font-size: 13px;
        letter-spacing: 0 !important;
    }

    #divbigBoxes .bigBox .count .progress-label {
        padding-bottom: 0px !important;
    }

    #divbigBoxes .bigBox .minimize .label {
        font-size: 13px;
        padding-bottom: 2px !important;
        padding-top: 0px;
        letter-spacing: 0px;
    }

#divMiniIcons .DN {
    display: none !important;
}

.notification [data-id="TicketNotify"] {
    display: none;
}

.notification .notice {
    padding-top: 20px;
}

    .notification .notice div.hour {
        display: inline-block;
    }

    .notification .notice .checkboxs {
        padding-bottom: 10px;
    }

    .notification .notice .tab-content .Day,
    .notification .notice .tab-content .Week {
        margin-bottom: 15px;
    }

    .notification .notice #ck-button {
        margin-bottom: 5px;
    }

    .notification .notice #tab_Workitem .Workitem > div:nth-child(1) .circle,
    .notification .notice #tab_KADcases .KADcases > div:nth-child(1) .circle,
    .notification .notice #tab_ExecutiveProceedings .ExecutiveProceedings > div:nth-child(1) .circle {
        position: absolute !important;
        left: 315px;
        top: 25px;
    }

    .notification .notice #NotifyEventFilter_Deadline > .form-group,
    .notification .notice #NotifyEventFilter_Week > .form-group,
    .notification .notice #NotifyEventFilter_Day > .form-group {
        width: calc(100% - 75px);
    }

    .notification .notice .circle {
        right: 30px;
    }

    .notification .notice #NotifyEventFilter_Deadline span.select2-container,
    .notification .notice #NotifyEventFilter_Week span.select2-container,
    .notification .notice #NotifyEventFilter_Day span.select2-container {
        width: 100% !important;
    }

.notification .show .dropdown-menu {
    z-index: 20;
}

.form-group input.form-group__small-input {
    border: none;
    border-bottom: 1px solid #d8d8d8;
    padding-left: 10px;
    width: 50px;
    padding-bottom: 2px;
    margin-right: 15px;
    margin-left: 10px;
    display: inline-block;
}

.form-group .form-group__select-container .select2-container {
    padding-top: 0px;
    margin-bottom: 0px;
    width: 100px !important;
    padding-right: 5px;
    display: inline-block;
}


input.small-dtpicker {
    width: 57px;
    display: inline-block;
    padding-bottom: 2px;
    margin-right: 15px;
    margin-left: 10px;
}

.checkboxs.mediums > div {
    padding-bottom: 10px;
    margin-right: 10px;
    display: inline-block;
}

.calculator-date-result {
    font-size: 18px;
    margin-top: 5px;
}
/*******************************************/
.text-tripledots:after {
    content: '';
    width: 15px;
    display: inline-block;
    text-align: left;
    animation: tripledots 1s infinite linear;
}

@keyframes tripledots {
    20% {
        content: '.';
    }

    50% {
        content: '..';
    }

    80% {
        content: '...';
    }
}
/*******************************************/


.table-setting {
    background-color: #FFF; /**/
    padding: 15px 0px;
}

    .table-setting > div > .row {
        margin: 0px
    }

    .table-setting .table-header {
        border-bottom: 1px solid #D8D8D8;
    }

        .table-setting .table-header > div,
        .table-setting .table-row > div {
            padding: 8px 0px 8px 10px;
        }

            .table-setting .table-header > div.column-title,
            .table-setting .table-row > div.column-title {
                padding: 10px 13px;
                border-right: 1px solid #D8D8D8;
                height: 100%;
            }

    .table-setting .table-row:first-child > div {
        padding-top: 13px;
        padding-bottom: 5px;
    }

    .table-setting .table-row:last-child > div {
        padding-bottom: 11px;
    }

    .table-setting .table-row:first-child > div.column-title {
        padding-top: 15px;
        padding-bottom: 10px;
    }

    .table-setting .table-row:last-child > div.column-title {
        padding-bottom: 15px;
    }

    .table-setting div.column-title .row > div {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        padding-left: 0px;
    }

    .table-setting .table-row {
        height: 43px;
    }

    .table-setting div .table-row:first-child {
        height: 48px;
    }

    .table-setting .table-row .select2-selection--single {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .table-setting .templates-row {
        border-bottom: 1px solid #D8D8D8;
    }

    .table-setting button {
        margin-top: 25px;
    }

right-panel workitem-container workitem > div > span {
    float: right;
    font-size: 12px;
    font-family: 'ProximaNova', Roboto, sans-serif;
    letter-spacing: 0;
    color: #828282;
    font-weight: normal;
    margin-top: 20px;
    cursor: pointer;
}

right-panel workitem-container .cancel-change {
    width: 50px;
    display: none;
    position: absolute;
    right: -60px;
    top: 25px;
    cursor: pointer;
    opacity: 0.4;
}

right-panel workitem-container .cancel:hover {
    color: #222;
    opacity: 1;
}

right-panel workitem-container workitem .form-group.field-container {
    position: relative;
}



.dictionary-element__btn-details {
    font-size: 13px;
    margin-right: 3px;
    color: #828282;
    /*vertical-align: middle;*/
    min-width: 30px;
    /*vertical-align: middle;
    display: inline-block;*/
    text-align: left;
}

.upload-file-controls a {
    cursor: pointer;
}

.btn-dropdown-wrapper {
    position: relative;
}

.role-constructor .btn-adding-role {
    padding-left: 35px !important;
}

    .role-constructor .btn-adding-role span.btn-element-label {
        position: absolute;
        top: 2px;
        left: 14px;
        font-size: 24px;
        font-weight: 100;
        background-position: center;
        margin-right: 5px;
        color: #fff !important;
    }

.role-constructor .role-constructor__btn-save-wrapper button,
.role-constructor button.name.btn-adding-role {
    padding: 8px 20px;
    font-size: 15px;
}

.statistics {
    /*max-width: 1700px;*/
    /*padding: 45px 42px 38px 68px;
    margin: auto;*/
}

    .statistics .statistics-block {
        margin-bottom: 40px;
        padding-bottom: 10px;
    }

.statistics-block h3 {
    padding: 0px;
    margin: 0px;
    display: inline-block;
}

.statistics-block .circle,
.statistics-info-block .circle {
    display: inline-block;
    vertical-align: top;
    margin: 5px 0 0 20px;
}

.statistics-block .date-range-block,
.statistics-info-block .date-range-block {
    background: #FFFFFF;
    border: 1px solid #D8D8D8;
    box-sizing: border-box;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.252434);
    border-radius: 19px;
    float: right;
    margin: 0 13px 16px;
}

.statistics-block__diagram {
    background: #ffffff;
    box-shadow: 0px 1px 8px rgba(83, 91, 117, 0.2);
    border-radius: 2px;
    width: 100%;
    height: auto;
    padding: 20px 0 0 20px;
    position: relative;
}

    .statistics-block__diagram.statistics-block__diagram_transparent {
        background-color: transparent;
        box-shadow: none;
    }

.tickets .ticket-list {
    margin-top: 25px;
}


    .tickets .ticket-list .ticket,
    .tickets .file,
    .tickets .task {
        padding: 6px 13px;
        margin-right: -26px;
        margin-left: -26px;
        cursor: pointer;
    }

        .tickets .ticket-list .ticket:hover,
        .tickets .file:hover,
        .tickets .task:hover {
            background: rgba(235, 235, 235, 0.4);
        }

        .tickets .ticket-list .ticket > div:last-child {
            width: 50px;
        }

        .tickets .ticket-list .header-table > div:nth-child(3),
        .tickets .ticket-list .ticket > div:nth-child(3) {
            width: calc(25% - 50px);
        }

        .tickets .ticket-list .ticket .xsud-icon-ticket {
            color: transparent;
            margin-top: 5px;
        }

        .tickets .ticket-list .ticket:hover .xsud-icon-ticket {
            color: #828282;
        }

        .tickets .ticket-list .ticket .xsud-icon-ticket.active {
            color: #DB1212;
        }

    .tickets .ticket-list img {
        width: 25px;
        height: 25px;
        object-fit: cover;
        border-radius: 50%;
        margin-right: 10px;
    }

    .tickets .header-table,
    .tickets .ticket-list .type,
    .tickets .ticket-list .data,
    .tickets .ticket-list .customer {
        color: #818181;
        font-size: 12px;
    }

    .tickets .ticket-list .data,
    .tickets .ticket-list .customer {
        display: inline-block;
    }

    .tickets .ticket-list .ticket-text {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        word-break: break-word;
    }

    .tickets .ticket-list .type {
        margin: 3px 0px;
    }


.tickets .header-table {
    padding: 0px 13px;
    margin-right: -26px;
    margin-left: -26px;
}

.tickets .ticket-list .number {
    color: #818181;
}

.tickets .ticket-list .select2-selection {
    border: none;
}

    .tickets .ticket-list .select2-selection:hover {
        /*border-bottom: 1px solid #d8d8d8 !important;*/
        border-bottom: 1px solid #222 !important;
    }

.tickets .ticket-list .ticket-state {
    border: none;
    display: inline-block;
    width: 10px !important;
    height: 10px !important;
    border-radius: 50%;
    padding: 0px;
    margin-right: 5px;
    background-color: #d8d8d8;
}

    .tickets .ticket-list .ticket-state.new-state {
        background: #03A9F4;
    }

    .tickets .ticket-list .ticket-state.active-state {
        background: #4CAF50;
    }

    .tickets .ticket-list .ticket-state.close-state {
        background: #999999;
    }




.tickets .ticket-list .select2-selection {
    background-color: transparent;
}

.tickets .ticket-list .select2.select2-container {
    width: calc(100% - 40px) !important;
}

.tickets .ticket-list .new-comment img {
    width: 14px;
    height: 14px;
}

.tickets .left-menu-list.left-menu-list_underline:after {
    content: none;
}

.details-ticket h2 {
    margin-bottom: 0px;
    /*margin-right:10px;
    display: inline-block;*/
}

    .details-ticket h2 span {
        color: #828282;
        margin-left: 10px;
    }

.details-ticket .tab-content {
    margin-top: 20px;
}

.details-ticket .ticket-text {
    background: rgba(235, 235, 235, 0.4);
    border-bottom: 1px solid #D8D8D8;
}

    .details-ticket .ticket-text > div {
        word-break: break-word;
    }

/*.details-ticket textarea {
    border: none;
    border-bottom: 1px solid #a7a7a7;
    display: block;
    width: 100%;
    min-height: 75px;
}*/

.details-ticket .file-table,
.details-ticket .task-table {
    padding-top: 70px;
}

.details-ticket .file,
.details-ticket .task {
    padding: 0px 13px;
}

    .details-ticket .file > div,
    .details-ticket .task > div {
        word-break: break-word;
        padding: 8px 10px;
        display: inline-block;
    }

.details-ticket .vertical-points {
    display: none;
}

    .details-ticket .vertical-points.open {
        display: block;
    }

.details-ticket .file:hover .vertical-points,
.details-ticket .task:hover .vertical-points {
    display: block;
}

.details-ticket .dt-toolbar .dt-buttons div {
    margin-left: 0px;
}

.tickets .file-type {
    font-size: 10px;
    width: 40px !important;
    vertical-align: middle !important;
    padding-right: 5px !important;
}

.tickets .file-caption {
    width: calc(50% - 40px) !important;
}

/*.details-ticket .comment-list .comment {
    margin-top: 16px;
}


.details-ticket .comment-number {
    font-size: 16px;
    margin-top: 20px;
}

.details-ticket .comment-list .comment img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 8px;
}

    .details-ticket .comment-list .comment > div {
        display: inline-block;
        vertical-align: top;
    }

.details-ticket .comment-list .comment .comment-author {
    font-size: 12px;
    margin: 3px 0 8px;
}

    .details-ticket .comment-list .comment .comment-author span {
        color: #999999;
    }

    .details-ticket .comment-list .comment .comment-content {
        width: calc(100% - 35px);
    }

        .details-ticket .comment-list .comment .comment-content .comment-text {
            word-break: break-word;
        }*/

.details-ticket .pagination > li > a {
    border: none;
    box-shadow: none;
    color: #717171 !important;
    cursor: pointer;
}

body.smart-style-6 .details-ticket .pagination > li > a:hover,
body.smart-style-6 .details-ticket .pagination > .active > a
body.smart-style-6 .details-ticket .pagination > .active > a:hover {
    background-color: #eee !important;
}

.details-ticket .pagination > li.active > a {
    color: #222 !important;
    background: transparent !important;
    border-color: transparent;
}

/**  pagination - .pagination-transparent*/
.pagination-transparent > li > a {
    border: none;
    box-shadow: none;
    color: #717171 !important;
    cursor: pointer;
}

    .pagination-transparent > li > a:hover,
    .pagination-transparent > .active > a
    .pagination-transparent > .active > a:hover {
        background-color: #eee !important;
    }

.pagination-transparent > li.active > a {
    color: #222 !important;
    background-color: transparent !important;
    border-color: transparent;
}
/***/

.ticket-performer {
    position: relative;
}

    .ticket-performer select {
        width: calc(100% - 1px) !important;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        border: none;
        border-bottom: 1px solid #d8d8d8;
        line-height: 22px;
        height: 24px;
    }

    .ticket-performer select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; /* remove default arrow */
        background-image: url('/img/svg/angle-up.svg');
    }

    /*.ticket-performer select:after {
        position: absolute;
        top: 0;
        left: 0;
        content: url(/img/svg/angle-up.svg);
    }*/
    .ticket-performer img {
        position: absolute;
        right: 11px;
        top: 4px;
        width: 12.5px;
    }

.details-ticket .files-list .row.file {
    cursor: pointer;
}

/*.tickets .hidden-xs {
    display: none !important;
}*/

.comment-block .comment-block__textarea textarea {
    border: none;
    border-bottom: 1px solid #a7a7a7;
    display: block;
    width: 100%;
    min-height: 75px
}

.comment-content .comment-block__textarea textarea {
    margin-bottom: 15px;
    min-height: initial;
}

.comment-block .comment-number {
    font-size: 16px;
    margin-top: 20px;
}

.comment-block .comment-block__comment-list {
    margin-bottom: 60px;
}

    .comment-block .comment-block__comment-list .comment-list {
        margin: 16px -8px 0px;
    }

    .comment-block .comment-block__comment-list .comment {
        padding: 8px;
    }

        .comment-block .comment-block__comment-list .comment:hover {
            background-color: #f3f3f3;
        }

        .comment-block .comment-block__comment-list .comment .author-avatar {
            display: inline-block;
            vertical-align: top;
        }

            .comment-block .comment-block__comment-list .comment .author-avatar img {
                width: 20px;
                height: 20px;
                border-radius: 50%;
                object-fit: cover;
                margin-right: 8px;
            }

        .comment-block .comment-block__comment-list .comment .comment-content {
            width: calc(100% - 35px);
            display: inline-block;
            vertical-align: top;
        }

            .comment-block .comment-block__comment-list .comment .comment-content .author-data {
                width: calc(100% - 30px);
                display: inline-block;
            }

            .comment-block .comment-block__comment-list .comment .comment-content .comment-author {
                font-size: 12px;
                margin: 3px 0 8px;
                position: relative;
            }

                .comment-block .comment-block__comment-list .comment .comment-content .comment-author span {
                    color: #999999;
                    text-transform: lowercase;
                }

                    .comment-block .comment-block__comment-list .comment .comment-content .comment-author span.vertical {
                        display: block;
                    }

                        .comment-block .comment-block__comment-list .comment .comment-content .comment-author span.vertical:hover {
                            background-color: #f3f3f3;
                        }

            .comment-block .comment-block__comment-list .comment .comment-content .comment-text {
                word-break: break-word;
            }

.left-menu-item__context-menu_comment {
    top: -6px;
}

.comment:hover .comment-author .left-menu-item__context-menu_comment > div,
.comment .comment-author .left-menu-item__context-menu_comment > div.open {
    display: inline-block !important;
}

.comment-author .left-menu-item__context-menu_comment .dropdown-menu {
    transform-origin: top right !important;
    right: 20px !important;
    left: initial;
}

    .comment-author .left-menu-item__context-menu_comment .dropdown-menu a {
        cursor: pointer;
    }

.comment-content .btn-gray {
    margin-right: 20px;
}



.dashed-btn {
    color: #828282;
    border-bottom: 1px dashed #828282;
    cursor: pointer;
}

    .dashed-btn:hover {
        color: #000000;
        border-bottom: 1px dashed #000000;
    }

    .dashed-btn:active {
        color: #db1212;
        border-bottom: 1px dashed #db1212;
    }



.rule-constructor .rule-caption {
    height: 40px;
    margin-bottom: 10px;
}

    .rule-constructor .rule-caption > div {
        display: inline-block;
        float: right;
    }

.rule-constructor .inline-edit {
    font-size: 24px;
    line-height: 28px;
}

.rule-constructor .rule-container {
    display: flex;
    align-items: stretch;
}

    .rule-constructor .rule-container .tab-container {
        width: 275px;
        margin-right: 20px;
    }

    .rule-constructor .rule-container .rule-content {
        width: calc(100% - 275px);
        box-shadow: 0px 3px 12px rgba(34, 34, 34, 0.154637);
        padding: 15px 20px;
    }



.rule-constructor .tab-block {
    width: 275px;
    position: relative;
    background: #FFFFFF;
    box-shadow: 0px 3px 12px rgba(34, 34, 34, 0.154637);
    padding: 15px;
    margin: 0 0 20px;
    border-right: 5px solid transparent;
    cursor: pointer;
}

    /**/
    .rule-constructor .tab-block.disabled {
        opacity: 0.5;
        cursor: default;
    }
    /**/

    .rule-constructor .tab-block .vertical {
        display: none;
    }

    .rule-constructor .tab-block:hover .vertical,
    .rule-constructor .tab-block .dropdown.show .vertical {
        display: inline;
    }

    .rule-constructor .tab-block:before {
        content: "";
        position: absolute;
        background-color: #d8d8d8;
        width: 1px;
        height: 20px;
        top: -20px;
        left: 32px;
    }

    .rule-constructor .tab-block.active {
        border-right: 5px solid #DB1212;
    }

    .rule-constructor .tab-block:nth-child(1):before,
    .rule-constructor .tab-block.tab-block__new:before {
        content: none;
    }

.rule-constructor .rule-container .tab-block__new {
    box-shadow: none;
    border: 1px dashed #818181;
    position: relative;
    /*cursor: pointer;*/
}

    .rule-constructor .rule-container .tab-block__new .dropdown-menu {
        width: 240px;
        top: 50px;
        left: 64px;
        transform-origin: top left !important;
    }

        .rule-constructor .rule-container .tab-block__new .dropdown-menu li {
            padding: 8px 16px !important;
            cursor: pointer;
        }

            .rule-constructor .rule-container .tab-block__new .dropdown-menu li:hover {
                background: #EBEBEB;
            }

            .rule-constructor .rule-container .tab-block__new .dropdown-menu li span {
                font-size: 12px;
                line-height: 14px;
                color: #818181;
            }

                .rule-constructor .rule-container .tab-block__new .dropdown-menu li span.tab-title {
                    font-size: 14px;
                    line-height: 16px;
                    display: block;
                    color: #333;
                    margin-bottom: 5px;
                }


.rule-constructor .tab-block > div {
    padding: 0px;
}

    .rule-constructor .tab-block > div:nth-child(2) {
        padding-left: 10px;
    }



.rule-constructor .tab-caption {
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 10px;
    margin-top: 6px;
}

.rule-constructor .tab-description {
    font-size: 14px;
    line-height: 16px;
    color: #818181;
}

.rule-constructor .rule-content label {
    font-size: 12px;
    line-height: 14px;
    color: #828282;
}

.rule-constructor .btn-container .btn-transparent > span:first-child {
    margin-right: 7px;
}

.rule-constructor .rule-file .row {
    padding: 7px 0px;
}

.rule-constructor .rule-file .type-file {
    width: 45px;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #222222;
}

.rule-constructor .rule-file .caption-file {
    width: calc(100% - 45px);
    font-size: 14px;
    line-height: 17px;
    color: #000000;
}

.rule-constructor .rule-file {
    margin-bottom: 20px;
}

.rule-constructor .empty-folder-list-hint-container .arrow {
    top: -36px;
    left: 5px;
    transform: rotate(90deg) translate(0px, 25px);
    -webkit-transform: rotate(90deg) translate(0px, 25px);
}

.rule-constructor .empty-folder-list-hint-container .line:before {
    width: 100px;
    border: none;
    border-top: 2px dashed #db1212;
    border-right: 2px dashed #db1212;
    border-radius: 0px 85px 0px 0px;
    top: -32px;
    left: -10px;
}

.rule-constructor .empty-folder-list-hint {
    max-width: 650px;
}

.rule-constructor .rule-content .form-group {
    position: relative;
}

    .rule-constructor .rule-content .form-group input {
        padding-right: 20px;
    }

    .rule-constructor .rule-content .form-group .add-tag,
    .rule-constructor .rule-content .form-group .add-tag:active {
        position: absolute;
        bottom: initial;
        right: 0px;
        top: 20px;
        left: initial;
        margin-right: 0px !important;
        padding: 0px;
        height: initial;
        min-height: initial;
        min-width: initial;
    }

    .rule-constructor .rule-content .form-group.textarea-cont .add-tag {
        top: 0px;
    }


/*.rule-constructor .rule-content .form-group.textarea-cont textarea::-webkit-scrollbar {
        cursor: default;
    }*/
.add-new-filter {
    position: relative;
}

    /*.add-new-filter input {
        color: #db1212;
    }*/

    .add-new-filter span.plus {
        position: absolute;
        top: 0;
        right: 0px;
        bottom: 0px;
        color: #db1212;
        z-index: 2;
    }

    .add-new-filter .select2-selection__arrow b:before {
        content: none;
    }

.rule-constructor .context-menu {
    position: absolute;
    top: 5px;
    right: -13px;
}

.rule-constructor .form-group textarea {
    min-height: 40px;
    padding-right: 15px;
}

body.smart-style-6 .rule-constructor .task-created .form-control {
    padding-left: 0px;
    border: none;
}


@media(max-width:600px) {

    .rule-constructor .rule-container {
        display: block;
    }

    .tab-container,
    .tab-block,
    .rule-content {
        width: 100% !important;
    }

    .rule-constructor .tab-block .vertical {
        display: inline;
    }
}




@media(max-width:400px) {

    .task-edit .task-title .state {
        width: 100% !important;
    }
}

/*@media(max-width:991px) and (min-width:400px) {
    .save-button-container .btn-animate {
        right: 9px;
    }

    .save-button-container .pulse-container {
        right: -28px;
    }
}*/

@media (max-width: 992px) {
    .tickets .ticket-list .header-table > div:nth-child(3), .tickets .ticket-list .ticket > div:nth-child(3) {
        width: 33.3%;
    }

    .tickets .ticket-list .ticket-performer .select2.select2-container {
        width: 100% !important;
    }

    .tickets .file-caption {
        width: calc(83% - 40px) !important;
    }

    .details-ticket .file-table {
        margin-top: 0px;
    }

    .details-ticket #file .dt-toolbar {
        margin-bottom: 20px;
    }

    .details-ticket .nav-tabs > li:nth-child(1) {
        padding-left: 0px;
    }
}

@media (max-width: 480px) {

    .details-ticket .update-notify {
        width: 100%;
    }
}




@media (max-width: 992px) {
    .table-setting {
        padding-top: 0px;
    }

        .table-setting .table-header > div.column-title,
        .table-setting .table-row > div.column-title {
            border-right: none;
        }

        .table-setting input,
        .table-setting span.select2-container {
            margin-bottom: 5px;
        }

    right-panel workitem-container workitem .form-group.field-container {
        width: calc(100% - 25px) !important;
    }

    .statistics {
        padding: 10px 2px 38px 28px;
        margin-top: 80px;
    }

    .statistics-block .date-range-block {
        margin: 10px 13px 16px 0px;
    }

    .statistics-block .statistics-block__caption > div:nth-child(2) {
        padding-left: 0px;
    }

    .statistics-block .statistics-block__caption .date-range-block {
        float: left !important;
    }
}

@media (max-width: 404px) {
    .table-setting .col-6 {
        width: 100%;
    }

    .statistics .statistics-block__caption .circle {
        display: none;
    }
}

@media (max-width: 324px) {
    .statistics-block .date-range-block {
        width: 100%;
    }
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
    color: #b94a48;
}

table tr.row-clickable td {
    cursor: pointer;
}

.workitem-tasks .search-filter-container .search__form-control {
    height: 40px;
    font-size: 18px;
    padding: 10px 150px 10px 0;
}

    .workitem-tasks .search-filter-container .search__form-control::-webkit-input-placeholder {
        font-size: 18px;
    }

.workitem-tasks .search-filter-container .search__filter-btn img,
.workitem-tasks .search-filter-container .search__filter-btn svg {
    height: 25px;
}

.workitem-tasks .search-filter-container .search__filter-btn button {
    height: 35px;
}

/*.modal-permissions .user-item {
    display: none;
}*/

.modal-permissions .user-item.user-item--notingroup {
    display: none;
}

.modal-permissions .user-item.user-item--unsearched {
    display: none;
}

.task-details .note-editor .note-editing-area a {
    text-decoration: underline;
}

.task-details .show .dropdown-menu {
    max-width: 510px;
}

.task-details button + .dropdown-menu a {
    min-width: 510px;
}


.permission-docs-list {
    margin-top: 10px;
    margin-bottom: 15px;
}

    .permission-docs-list span {
        margin-left: 5px;
        margin-right: 5px;
    }

input.task-resolution-edit {
    width: 100%;
}

.table tr.hidden-table-row {
    background-color: #f3f3f3 !important;
    
}

.table tr.hidden-table-row td.expand {
    color: gray !important;
}

.table tr td.table-row-visibility-control .button-hide-table-row {
    display: block;
}

.table tr td.table-row-visibility-control .button-recover-table-row {
    display: none;
}

.table tr.hidden-table-row td.table-row-visibility-control .button-hide-table-row {
    display: none;
}

.table tr.hidden-table-row td.table-row-visibility-control .button-recover-table-row {
    display: block;
}

.task-th {
    position: relative;
    cursor: pointer;
}

.task-th-sort-icon {
    position: absolute;
    bottom: 5px;
    right: 5px;
    font-size: 15px;
}
    .field-container.field-container_highlight {
        border-bottom: 1px solid #db1212;
    }

.field-container.field-container_highlight input {
    border-bottom: none;
}

.single-page {
    padding:  1.5rem !important;
    margin-top:0;
}

@media(max-width:991px){
    .single-page {
        margin-top: 80px;
    }
}

.action-auth-widget-container {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    background: #222222;
    padding: 10px;
    justify-content: flex-end;
}

.login-container {
    margin-top: 100px;
    background-color: #ffffff;
    box-shadow: 0 2px 4px 0 rgba(34, 34, 34, 0.14);
    padding: 13px;
    transition: 0.2s all;
}

    .login-container .logo {
        margin: 6px 0;
    }

        .login-container .logo a {
            font-size: 30px;
            font-weight: 900;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: 5.6px;
            text-align: center;
            color: #222222;
            
        }

            .login-container .logo a img {
                height: 30px;
            }

            /*.login-container .logo a svg {
                width: 134px;
                height: 37px;
                margin-right: auto;*/
                /*margin-left: 15px;*/
            /*}*/

    .login-container .information {
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #222222;
        margin: 6px 0px 5px;
    }

    .login-container .maincontent {
        margin-top: 15px;
    }

.login-container label.control-label {
    width: 100%;
}


    .login-container .bitmap {
        background-image: url("/img/smallscreen-modern.png");
        background-origin: content-box;
        background-position: center center;
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        min-height: 340px;
        position: relative;
        left: 26px;
    }

@media (min-width: 992px) and (max-width: 1199px) {
    .login-container .bitmap {
        margin-top: -90px;
    }
}

@media (min-width: 1200px) {
    .login-container .bitmap {
        margin-top: -68px;
    }
}

.login-container .help .btn {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    /*color: #828282;*/
}

    .login-container .help .btn:last-child {
        margin-right: 60px;
    }

.login-container .help .pull-right:nth-child(2) {
    text-align: right;
    min-width: 84px !important;
    padding-right: 14px;
    padding-left: 15px;
}
    
.login-container .help a:first-child {
    margin-left: -11px;
}

.login-container.error-container > .row {
    margin-bottom:0px;
}

.login-container > .row {
    margin: 10px 0px 10px 14px;
}

.login-container > .help.row {
    margin: 20px 0px 0px 14px;
}

.login-container form {
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #222222;
}

    .login-container form footer {
        margin-top: 15px;
        margin-bottom: 0px;
    }

/*@media (min-width: 1200px) {
    .login-container form footer {
        margin-top: 15px;
        margin-bottom: 0px;
    }*/


.login-container form footer .btn:first-child {
    margin-left: 0;
}

#login-form footer button:nth-child(2){
    padding-left:20px;
}

#login-form fieldset .note a {
    cursor: pointer;
    font-size: 12px;
    color: #828282;
}
#login-form fieldset .note a:hover {
    color: #222;
}
    #login-form fieldset .note a:active {
        color: #db1212;
    }

.login-container form i.icon-append {
    margin: 0 2px;
    padding-right: 7px;
}

.login-container form > header {
    font-size: 18px;
    font-weight: bold;
}

.login-container form > fieldset {
    font-size: 14px;
    margin: 0px;
    margin-bottom:6px;
    padding: 0px;
}

    .login-container form > fieldset .input-group {
        margin: 15px 0;
    }

.login-container .rx-userbar {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    background: #222222;
    padding: 10px;
    justify-content: flex-end;
}

    .login-container .rx-userbar .rx-userbar-inner {
        margin: 8px;
    }

        .login-container .rx-userbar .rx-userbar-inner .blck-pan {
            color: #222222;
        }

.login-container.error-container {
    border: solid 2px #db1212;
}

    .login-container.error-container section {
        margin: 12px 0 0;
    }

    .login-container.error-container .error-status {
        font-size: 18px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #db1212;
        padding-bottom: 10px;
        
    }

    .login-container.error-container .error-message {
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #222222;
    }

    .login-container.error-container .error-phone {
        font-size: 20px;
    }

    .login-container.error-container .error-mail {
        font-size: 20px;
        color: #828282;
        padding-bottom: 0px;
        margin-bottom:0px;
    }

#aktion-bar-container {
    display: none;
}

.login-container .dashed-btn {
    position: absolute;
    right: 30px;
    bottom: 2px;
    z-index:11;
}

.login-container input {
    padding-right: 25px;
}

.login-container .password-control {
    position: absolute;
    right: 3px;
    bottom: 4px;
    z-index: 5;
    cursor: pointer;
}

.login-container .generation-password-container input {
    padding-right: 110px;
}

.login-container .umbrella-container {
    position: fixed;
    display: flex;
    top: 3px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000000;
    background-color: #f8f8f8;
}

.login-container .umbrella-text {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 180px;
    font-size: 16px;
    line-height: 19px;
}

@media all and (-ms-high-contrast:none) and (min-width: 992px) and (max-width: 1360px) {
    .dt-toolbar .dt-buttons div a > span:nth-child(2) {
        display: none;
    }
}

/*safari*/
@supports (-webkit-marquee-repetition:infinite) and (object-fit:fill) and (max-width: 979px) {
    #header .hamburger .glyphicon-arrow-left {
        position: absolute;
        top: 40px;
        right: 30% !important;
    }

    body.smart-style-6 #header nav .hamburger {
        height: 20px !important;
    }
}
/*Edge*/
@supports (-ms-ime-align:auto) {
    .tags-list td {
        word-break: break-all !important;
        display: table-cell !important;
    }

        .tags-list td:nth-child(1) {
            width: 145px !important;
            min-width: 145px !important;
        }

        .tags-list td:nth-child(2) {
            width: 315px !important;
            min-width: 315px !important;
        }

    .page-calendar .fc-ltr .fc-list-item-marker .fc-event-dot,
    .dashboard .information .event .fc-event-dot {
        display: inline-block !important;
    }

    .files tr.edit-row-hover .star i{
        top: 3px;
        left:0px;
    }

    .dashboard .information .events .row .event .icon {
        display: none !important;
    }

    #header .hamburger .glyphicon-menu-hamburger {
        top: 15px;
    }

    #header .hamburger .glyphicon-arrow-left {
        top: -5px;
    }
}

/*ie11*/
    @media all and (-ms-high-contrast:none) {

        #modals-container .v--modal-box.v--modal {
            margin-left: 0px;
        }
            #modals-container .v--modal-box.v--modal .moving-wi {
                width: 600px;
            }

                #modals-container .v--modal-box.v--modal .moving-wi .count {
                    width: 20px;
                }

        #modals-container .moving-wi .wi-cell:nth-child(n+3) {
            display: none !important;
        }

        #modals-container .moving-wi .wi-cell {
            max-width: calc(33% + (33% - 130px) / 2);
            flex: none;
        }

        .moving-wi .wi-cell:not(.wi-cell_open) label {
            overflow: hidden;
            width: calc(100% - 20px);
        }

        .moving-wi .wi-cell.wi-cell_open p {
            height: auto;
            max-height: inherit;
        }

        workitem-body {
            opacity: 1;
        }

        .tags-list td,
        .contragent-form td {
            word-break: break-all !important;
            display: table-cell !important;
        }

        .tags-list td:nth-child(1) {
            width:145px !important;
            min-width:145px !important;
        }

            .tags-list td:nth-child(2) {
                width: 315px !important;
                min-width: 315px !important;
            }

        .page-calendar .fc-ltr .fc-list-item-marker .fc-event-dot {
            display: block !important;
        }

        .TwoPanelModal .modal-body .left-column {
            height: 100% !important;
            margin-top: 0px !important;
        }

        .TwoPanelModal .modal-dialog .modal-body {
            overflow: hidden;
        }

        .ui-menu .ui-menu-item .ui-corner-all > div,
        .workitem-container div.note-editable p,
        .new-task .row .form-group .form-control {
            word-break: break-all;
        }

        .empty-folder-list-hint-container .arrow {
            top: -20px;
        }
        .folderSearch .row .object-search .input-group input{
            padding-right:45px;
        }

        .folderSearch input.ui-autocomplete-loading {
            background-position: right 30px center;
        }

        #doc-template_wrapper table.datatable tr.edit-row-hover td,
        .mapping-table-container table.datatable tr td {
            display: table-cell;
        }

        .dashboard .information .change-log {
            max-width: 2000px;
        }

        .dictionary-table table.dataTable td.dt-row-control.element-delete-btn {
            width: 50px !important;
        }

        .page-calendar .fc-ltr .fc-list-item-marker .fc-event-dot,
        .dashboard .information .events .row .event .fc-event-dot {
            display: block;
        }

        .dashboard .information .events .row .event .icon {
            display: none !important;
        }

        .report-constructor .edit-row-hover td:nth-child(5) {
            width: 30px !important;
        }

        .file-shared-addon {
            right: 2px !important;
            top: -12px !important;
        }


        .files tr.edit-row-hover td {
            vertical-align: middle !important;
        }

        .search-kad > span:active {
            left: auto;
        }

        .folder-plate-title .vertical {
            padding-top: 6px;
            padding-bottom: 6px;
            margin-top: -3px;
        }

        body.smart-style-6 .daterangepicker.dropdown-menu.show-calendar {
            transform: none; /*for IE*/
            backface-visibility: visible; /*for IE*/
            opacity: 1; /*for IE*/
        }

        .daterangepicker .left .daterangepicker_input i,
        .daterangepicker .right .daterangepicker_input i {
            left: 197px;
            background-color: #fff;
            z-index: 20;
        }

        .daterangepicker .left .daterangepicker_input,
        .daterangepicker .left .daterangepicker_input input,
        .daterangepicker .right .daterangepicker_input input {
            width: 224px;
        }

            .daterangepicker .left .daterangepicker_input i.glyphicon-calendar,
            .daterangepicker .right .daterangepicker_input i.glyphicon-calendar {
                width: 20px;
                height: 15px;
            }

        .datetimepicker-addon {
            background-color: #fff;
        }

        #groups .group-list .vertical-points {
            right: 10px;
            margin-top: -28px;
        }

        #groups .group-list-container {
            padding-right: 20px;
        }

        /*.synchronization .modal-body .calendar-add .calendar-add-btn {
            width: 227px;
        }*/

        .folder-quick-search > ul > li, .group-list-container > ul > li {
            padding-right: 0px;
        }

        .groupMembersContainer .group-member {
            overflow: visible;
        }

        /*.groupMembersContainer .group-member:hover {
        padding-top: 2px;
        padding-left: 2px;
        margin-top: -2px;
        margin-left: -2px;
    }*/

        .synchronization .modal-body .calendar-add-btn {
            width: 227px;
        }

        left-panel .permission-group-new-account > div > span, left-panel .permission-new > div > span {
            left: 5.5px;
        }

        .left-menu-item.left-menu-item_edit .left-menu-item__context-menu {
            top:-5px;
        }

        .vertical {
            float: right;
        }

        .template-constructor .edit-color .dropdown-menu {
            width: 360px !important;
        }

        .group-member .vertical img {
            float: right;
        }

        .group-invite {
            overflow: visible;
        }

            .group-member .vertical-points,
            .group-invite .vertical-points {
                margin-top: -7px;
            }

            .group-member .dropdown-menu,
            .group-invite .dropdown-menu {
                top: 40px;
                right: 40px;
                position: absolute;
            }

        #groups .group-list .group-caption .vertical-points {
            right: 5px;
            margin-top: -29px;
        }

        .report-constructor-v2 .table-responsive span.btn-transparent:active {
            top: auto;
            left: auto;
        }

        .task-edit table td:first-child, .task-edit table th {
            width: auto !important;
        }

        .report-constructor .table-responsive table thead tr th:first-child {
            width: initial;
        }

        .report-constructor #report-table tbody tr td,
        .workitem-container tbody tr td,
        .task-edit table.datatable tr td,
        .dictionary-table tbody tr td,
        .log-table-container tbody tr td {
            display: table-cell !important;
        }

        .inbox-table.tasks .inbox-description {
            display:none !important;
        }

        .MessageBoxMiddle p,
        .workitem-plate-title,
        .folder-plate-title > div,
        .table .workitem-event > div {
            word-break: break-all;
        }

        .workitem-plate-fields div p,
        .workitem-event p,
        .event-container .workitem-event a,
        table.dataTable td,
        .modal-dialog .modal-content .FromCalendar h2,
        .fc-list-item td.fc-list-item-title a,
        .modal-dialog .modal-content .FromCalendar h2,
        .modal-content .event-edit-container h2 {
            display: inline-block;
            word-break: break-all;
        }

        /*.select2-selection--multiple li.select2-selection__choice:nth-child(3) {
            background-color: #d8d8d8;
            border: 1px solid #d8d8d8;
            padding-right: 28px;
        }*/

        .select2-selection--multiple .select2-selection__rendered > li.select2-selection__choice:nth-child(3) .select2-selection__choice__remove,
        .select2-selection--multiple .select2-selection__rendered > li.select2-selection__choice:nth-child(n+4),
        workitem .select2-selection--multiple .select2-selection__rendered > li.select2-selection__choice:nth-child(2) .select2-selection__choice__remove,
        .modal-body .select2-selection--multiple .select2-selection__rendered > li.select2-selection__choice:nth-child(2) .select2-selection__choice__remove,
        workitem .select2-selection--multiple .select2-selection__rendered > li.select2-selection__choice:nth-child(n+3),
        .modal-body .select2-selection--multiple .select2-selection__rendered > li.select2-selection__choice:nth-child(n+3) {
            display: block !important;
        }

        /*.select2-selection--multiple .select2-selection__rendered > li.select2-selection__choice:nth-child(n+4) {
            display: block;
        }

        workitem .select2-selection--multiple .select2-selection__rendered > li.select2-selection__choice:nth-child(2) .select2-selection__choice__remove,
        .modal-body .select2-selection--multiple .select2-selection__rendered > li.select2-selection__choice:nth-child(2) .select2-selection__choice__remove {
            display: block;
        }

        workitem .select2-selection--multiple .select2-selection__rendered > li.select2-selection__choice:nth-child(n+3),
        .modal-body .select2-selection--multiple .select2-selection__rendered > li.select2-selection__choice:nth-child(n+3) {
            display: block;
        }*/
        .select2-selection--multiple li.select2-selection__choice:nth-child(3),
        workitem .select2-selection--multiple li.select2-selection__choice:nth-child(2),
        .modal-body .select2-selection--multiple li.select2-selection__choice:nth-child(2) {
            background-color: #d8d8d8 !important;
            border: 1px solid #d8d8d8 !important;
            padding-right: 28px !important;
        }

        .menu-on-top .menu-item-parent {
            overflow: visible !important;
        }

        table.dataTable td.dt-row-control {
            width: 5px;
        }

        .menu-on-top #main {
            margin-top: 0px !important;
        }

        .menu-on-top #header nav > ul > li:hover > ul {
            margin-top: 25px;
        }

        .menu-on-top .menu-item-parent {
            max-width: 200px;
        }

        .menu-on-top .menu-item-parent {
            /*position:relative;*/
            top: 6px;
        }

        left-panel > a:first-child span,
        left-panel li#folder-savefilter-btn span,
        .invites-table .avatar span.plus {
            top: -6px;
        }

        left-panel ul {
            padding-left: 0px;
        }

        .dt-toolbar {
            background-color: transparent;
        }

        .hover-edit-container input {
            border: none;
        }

            .hover-edit-container input:focus {
                border: 1px solid #ccc;
            }

        .dt-toolbar .dt-buttons div .link .btn-element-label, .btn-oval .btn-element-label {
            top: 3px;
            font-size: 22px;
        }

        .tasks .nav > li > a {
            padding: 0px;
        }

        .event-container .dt-toolbar .dt-buttons div,
        .task .dt-toolbar .dt-buttons div,
        left-panel .dt-toolbar .dt-buttons div {
            width: auto;
        }


        body.smart-style-6 create span.create {
            position: relative;
            top: 7px;
        }


        .profile input {
            border: none;
        }

            .profile input:focus {
                border: 1px solid #ccc;
            }
    }



/*ie11 phone*/
@media all and (-ms-high-contrast:none) and (max-width: 991px) {

    .TwoPanelModal .hamburger .glyphicon{
        top: -10px !important;
    }

    #groups .group-list .vertical-points {
        right: 10px !important;
    }

        #groups .group-list .vertical-points .dropdown-menu {
            right: 20px;
            top: 20px;
        }

    .reportUserTemplateList ul.dropdown-menu {
        left: calc(100% - 200px) !important;
    }


    body.smart-style-6 #header mobile-menu-cont nav {
        transform: none !important;
    }

        body.smart-style-6 #header mobile-menu-cont nav li {
            padding: 10px !important;
        }

            body.smart-style-6 #header mobile-menu-cont nav li a,
            body.smart-style-6 #header mobile-menu-cont nav > ul > li.active > a {
                padding: 0px !important;
                height: 15px;
                position: relative;
                top: 6px;
            }

    mobile-menu-cont settings .ajax-dropdown {
        left: auto !important;
    }

    mobile-menu-cont account .header-dropdown-list {
        float: none;
        width: 100%;
    }

        mobile-menu-cont account .header-dropdown-list .dropdown-menu {
            width: 100% !important;
        }

            mobile-menu-cont account .header-dropdown-list .dropdown-menu > li,
            mobile-menu-cont account .header-dropdown-list .dropdown-toggle .dropdown-menu > li {
                padding: 0px !important;
            }

                mobile-menu-cont account .header-dropdown-list .dropdown-menu > li > a {
                    padding: 10px 15px !important;
                }

    body.smart-style-6 #header nav ul li.settings {
        padding: 10px 0px !important;
    }

        body.smart-style-6 #header nav ul li.settings.active {
            height: auto !important;
            padding: 0px !important;
        }

        body.smart-style-6 #header nav ul li.settings > ul > li {
            padding: 0px !important;
        }

            body.smart-style-6 #header nav ul li.settings > ul > li > a {
                padding: 10px 10px 10px 25px !important;
                height: 35px;
            }


    body.smart-style-6.menu-on-top #header nav > ul > li.hamburger:hover,
    body.smart-style-6 #header nav > ul > li.hamburger:active {
        color: #333 !important;
    }

    body.smart-style-6 #header nav .hamburger {
        top: 0px;
        vertical-align: top;
        padding-left: 30px;
    }

        body.smart-style-6 #header nav .hamburger .glyphicon-arrow-left {
            padding-left: 0px;
            margin-left: -10px;
            padding-top: 35px;
            text-align: left;
        }

    body.smart-style-6 .hidden-sm {
        display: none !important;
    }
}

@media all and (-ms-high-contrast:none) and (max-width: 767px) {

    body.smart-style-6 .hidden-xs {
        display: none !important;
    }
}




body.smart-style-6 .modal-footer .btn-primary.permissionSave:hover {
    background-color: #ef1717 !important;
    border-color: #ef1717 !important;
}

    body.smart-style-6 .modal-footer .btn-primary.permissionSave:focus,
    body.smart-style-6 .modal-footer .btn-primary.permissionSave:active {
        background-color: #b50a0a !important;
        border-color: #b50a0a !important;
    }

    @supports (-ms-ime-align: auto) {
        /*@supports (-ms-accelerator: true) {*/
        .fc-list-item td.fc-list-item-title a {
            display: inline-block;
            word-break: break-all;
        }

        .workitem-event p {
            display: inline-block;
            word-break: break-all;
        }

        .fc-list-item td.fc-list-item-title a {
            word-break: break-all;
            display: inline-block;
        }
    }

    /*table*/
    @media all and (-ms-high-contrast:none) {
        table.dataTable th, table.dataTable td {
            width: auto !important;
        }
    }
/*full calendar*/


.fc-list-table .fc-widget-header {
    background-color: #fff !important;
    font-size: 16px;
    padding: 30px 50px 10px 50px;
    border: none;
    border-top: 1px solid #d8d8d8;
}

.fc-list-table .fc-list-item-time {
    width: 60px;
    font-size: 14px;
    color: #222;
}

.fc-unthemed .fc-list-empty {
    background-color: #fff;
    font-size: 24px;
    padding-top: 30px;
}

.fc-list-item {
    position: relative;
}

.air-top-right {
}

.fc-list-item td {
    border: none;
}

.fc-list-item td {
    padding: 11px 10px;
}

.fc-ltr .fc-list-item-marker {
    padding-left: 0px;
}

.fc-list-item td:first-child {
    padding-left: 50px;
    padding-right: 7px;
}

.fc-ltr .fc-list-heading-alt {
    float: left;
    padding-left: 10px;
    text-transform: capitalize;
}

.fc-ltr .fc-list-heading-main {
    text-transform: capitalize;
}


.fc-list-item td.fc-list-item-title {
    font-size: 14px;
    color: #828282;
}

    .fc-list-item td.fc-list-item-title a {
        word-break: break-word;
    }

.fc-event-container .fc-event .fc-title {
    white-space: nowrap;
    width: 70%;
    text-overflow: ellipsis;
    overflow: hidden;
}

body.smart-style-6 #content > .row {
    width: 100%;
    margin: 0px;
    padding-right: 0px !important;
}

.calendar .fc-head tr .fc-axis {
    width: 35px !important;
}

.fc-event-dot {
    margin-top: 4px;
}

.padding-gutter .jarviswidget-color-blueDark.legend > header {
    border-color: transparent !important;
    background: transparent;
    color: #222;
    font-weight: 600;
    padding-top: 20px;
}

.padding-gutter > div {
    padding-right: 0px;
    padding-left: 0px;
}

.padding-gutter.page-calendar > div:last-child {
    box-shadow: 0 -3px 3px 0px rgba(0,0,0,.3);
    height: calc(100vh - 80px);
    background-color: #fff;
}

.page-calendar .quick-search > ul > li {
    padding-right: 30px;
}

.page-calendar .quick-search ul li .vertical {
    position: absolute;
    right: 10px;
    margin-top: -9px;
    display: none;
}

.page-calendar .quick-search > div > ul > li {
    padding-right: 15px;
}

.page-calendar .quick-search ul li:hover .vertical {
    display: inline-block;
}

.page-calendar .quick-search ul.dropdown-menu li:hover::after {
    background-color: transparent;
}

.page-calendar .quick-search ul.dropdown-menu {
    width: 100px;
    left: calc(100% - 20px);
}

.page-calendar .eventfilter-container .dropdown-menu a:hover {
    color: #fff;
}

.event-filter .select2-container .select2-search.select2-search--inline,
.event-filter .select2-container .select2-search--inline .select2-search__field {
    width: 90% !important;
}

.event-filter .select2-container .select2-selection__choice + .select2-search {
    width: 30% !important;
}

.page-calendar .event-filter .select2-container .select2-selection__choice + .select2-search--inline .select2-search__field {
    width:100% !important;
}

@media (max-width: 990px) {
    .page-calendar .quick-search ul.dropdown-menu {
        width: 100px;
        left: calc(100% - 180px);
    }
}

.jarviswidget.legend > div {
    background-color: transparent !important;
    border: none;
}

.jarviswidget.legend {
    margin: 0px;
}

.jarviswidget .form-actions {
    border: none;
    float: left;
    margin-top: 15px;
    margin-bottom: 40px;
    padding-top: 0px;
}

.jarviswidget .select2-container-multi .select2-choices,
.jarviswidget .select2-selection--multiple,
.jarviswidget .select2-container .select2-choice,
.jarviswidget .select2-selection {
    background-color: transparent;
}

.jarviswidget .select2-search {
    padding-left: 0px;
}

.jarviswidget .btn-oval {
    margin-left: 17px;
    margin-top: 0px;
}

.jarviswidget fieldset {
    padding-right: 17px;
    padding-top: 0px;
}

.padding-gutter > div:first-child fieldset {
    padding-top: 0px;
}

.jarviswidget .form-group:first-child .control-label {
    padding-top: 12px;
}

.jarviswidget .form-group .control-label {
    padding-top: 20px;
    margin-bottom: 0px;
}

.jarviswidget .fc-head-container thead tr th {
    padding: 15px;
    font-size: 14px;
}

    .jarviswidget .fc-head-container thead tr th span {
        float: right;
    }

    .jarviswidget .fc-head-container thead tr th a span {
        text-align: center;
        float: inherit;
    }

    .jarviswidget .fc-head-container thead tr th .day-num {
        font-size: 18px;
        font-weight: bold;
    }

.jarviswidget > div {
    border-left: 1px solid transparent !important;
    border-right: 1px solid transparent !important;
}

.jarviswidget div.fc-view {
    margin-left: -2px;
    border-right: 1px solid transparent !important;
}

.jarviswidget div.fc-month-view {
    margin-left: -1px;
}


.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    padding: 15px;
}

.fc-head-container thead tr, .table thead tr {
    background-color: transparent;
    background-image: none;
}

.padding-gutter .title {
    margin: 0px;
    padding-top: 9px;
}

.padding-gutter.page-calendar .title {
    margin: 0px;
    padding-top: 22px;
    background-color: #fff;
}

.jarviswidget .fc-toolbar h2 {
    margin: 0px;
    padding: 10px;
}

.padding-gutter .title h2 {
    margin: 0px;
    padding-left: 30px;
}

.padding-gutter .well {
    border: none;
}

.padding-gutter .add-event-form .select2-selection__arrow b {
    display: block;
    top: 5px;
    right: -10px;
}



.padding-gutter .jarviswidget {
    margin-bottom: 0px;
}

.fc-list-item .fc-list-item-title {
    position: relative;
}

.fc-view-container .fc-list-table .fc-list-item {
    cursor: pointer;
}

    .fc-view-container .fc-list-table .fc-list-item td:nth-child(4) {
        display: none;
    }

.fc-list-item .fc-list-item-title .air-top-right {
    top: 15px;
    right: 15px;
}

.widget-body .calendar .fc-view-container .fc-listMonth-view .fc-scroller,
.widget-body .calendar .fc-view-container .fc-listWeek-view .fc-scroller,
.widget-body .calendar .fc-view-container .fc-listDay-view .fc-scroller {
    min-height: calc(100vh - 155px);
    height: auto !important;
}

.padding-gutter {
    padding-bottom: 0px !important;
}

    .padding-gutter.page-calendar {
        padding-bottom: 0px !important;
        padding-top: 0px !important;
    }

.page-calendar right-panel {
    padding: 0px !important;
}

.page-calendar .save-filter,
.page-calendar .save-filter:hover {
    color: #db1212;
}

.page-calendar right-panel .xsud-icon {
    margin-right: 20px;
}

.page-calendar right-panel .xsud-icon-combined-shape:before,
.page-calendar right-panel .xsud-icon-notice:before {
    font-size: 22px;
}

.page-calendar right-panel .xsud-icon-calendar-sync:before {
    font-size: 26px;
}

.page-calendar right-panel .shape {
    position: relative;
    top: 5px;
}

.modal-content .notice .tab-content {
    padding-top: 20px;
}

#dialog_event fieldset.smart-form {
    padding-top: 0px;
}

.fc-time-grid-event .fc-time {
    padding-right: 5px;
}

.calendar-header .externalTitle {
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    text-transform: capitalize;
    cursor: pointer;
}

.calendar-header .agenda {
    width: 170px;
    cursor: pointer;
}

.calendar-header .select2-container .select2-choice, .calendar-header .select2-selection {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #828282;
}

.calendar-header button.fc-button {
    padding: 0 7px 0 9px;
    border-radius: 100%;
    background: none;
    border: none;
    box-shadow: none;
}

.calendar-header button.fc-button i {
    font-size: 23px;
}

.calendar-header button.fc-prev-button {
    padding: 0 9px 0 7px;
}

.calendar-header button.fc-button:hover {
    background-color: #d8d8d8 !important;
}

.calendar-header > div:first-child > div {
    display: inline-block;
    vertical-align: top;
    padding-right: 30px;
}

.padding-gutter .title .form-group {
    width: 300px;
    display: inline-block;
    padding-right: 25px;
    margin-bottom: 0px;
}

.padding-gutter .jarviswidget.legend > div,
.padding-gutter .jarviswidget.legend > div .widget-body {
    padding-top: 0px;
    padding-bottom: 0px;
    min-height: 30px;
}

.synchronization .select2-search__field {
    width: 100% !important;
}

.fc-view-container .fc-event .fc-time {
    float: left;
    margin-right: 1px;
}

.fc-view-container .fc-event .fc-title {
    float: left;
    margin-left: 1px;
}

@media (max-width: 1400px) {
    .fc-view-container .fc-event .fc-title {
        padding-right: 15px;
    }
}

.fc-view-container .fc-event .fc-title-text {
    float: left;
    margin-left: 2px;
}


.fc-view-container .fc-month-view .fc-content {
    position: relative;
    color: #fff;
}

    .fc-view-container .fc-month-view .fc-content .fc-title .icon {
        top: 0;
    }

.fc-view-container .fc-agendaDay-view .fc-event-container .fc-event,
.fc-view-container .fc-agendaWeek-view .fc-event-container .fc-event {
    padding-left: 5px;
    border-width: 1px;
}

.fc-view-container .fc-month-view .fc-event-container .fc-event {
    border-width: 1px;
    border-radius: 2px;
}

.fc-view-container .fc-content .icon {
    position: absolute;
    right: 4px;
    top: 4px;
}

.fc-event-container .fc-content .user {
    padding: 3px 2px 2px 4px;
    opacity: 1;
    font-size: 10px;
    margin: 0px;
}

.fc-list-table .workitem-folder-caption {
    max-width: 500px;
    width: 30% !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.icon#calendar-calendar {
    width: 24px;
    height: 24px;
    background-color: #fff;
    margin-top: -3px;
    display: block;
    -webkit-mask: url('/img/svg/calendar.svg') no-repeat center;
    mask: url('/img/svg/calendar.svg') no-repeat center;
}

.icon#calendar-user {
    width: 24px;
    height: 24px;
    background-color: #fff;
    margin-top: -3px;
    display: block;
    -webkit-mask: url('/img/svg/user.svg') no-repeat center;
    mask: url('/img/svg/user.svg') no-repeat center;
}

.icon#calendar-small-bell {
    width: 24px;
    height: 24px;
    background-color: #fff;
    display: block;
    -webkit-mask: url('/img/svg/small-bell.svg') no-repeat center;
    mask: url('/img/svg/small-bell.svg') no-repeat center;
}

.icon#calendar-world {
    width: 16px;
    height: 16px;
    background-color: #fff;
    display: block;
    -webkit-mask: url('/img/svg/world.svg') no-repeat center;
    mask: url('/img/svg/world.svg') no-repeat center;
}

.icon#calendar-check {
    width: 24px;
    height: 24px;
    background-color: #fff;
    margin-top: -5px;
    display: block;
    -webkit-mask: url('/img/svg/check-old.svg') no-repeat center;
    mask: url('/img/svg/check-old.svg') no-repeat center;
}

.workitem-event .calendar-icon {
    color: #42a5f5;
}

.page-calendar .icon#calendar-world {
    margin-right: 5px;
    margin-top: 3px;
}

.fc-popover.fc-more-popover .fc-body.fc-widget-content {
    max-height: 300px;
    overflow: auto;
    border-bottom: 6px solid white;
}

.page-calendar .quick-search li:hover,
.page-calendar .quick-search li:active,
.page-calendar .quick-search li:hover a,
.page-calendar .quick-search li:active a {
    font-weight: normal;
}

.page-calendar .quick-search > div > ul > li:hover,
.page-calendar .quick-search > div > ul > li:active {
    font-weight: bold;
}

.page-calendar .dt-toolbar {
    margin-bottom: 30px;
}

.page-calendar left-panel .select2-selection__rendered {
    margin: 0px;
}

#content .page-calendar left-panel {
    padding-right: 20px;
}

.page-calendar left-panel .event-filter > .form-group {
    margin-bottom: 25px;
}

.event-filter {
    user-select: none;
}

    .event-filter label input[type=checkbox].checkbox:checked + span:before {
        color: white;
        box-shadow: none;
    }

label:active input[type=checkbox].checkbox:checked + span:before {
    color: transparent;
    background: transparent;
    border-color: transparent;
}

/*input[type="checkbox"] + label::before*/
.page-calendar .event-filter label input[type=checkbox].checkbox:checked + span:before,
.agenda-setting .event-filter label input[type=checkbox].checkbox:checked + span:before,
.notice .event-filter label input[type=checkbox].checkbox:checked + span:before ,
.synchronization label input[type=checkbox].checkbox:checked + span:before {
    content: "";
    background-image: url('/img/svg/check.svg');
    background-position: center center;
    background-repeat: no-repeat;
}

.page-calendar .event-filter > div:nth-child(2) {
    display: none !important;
}

.page-calendar .calendar-header > div:nth-child(1) {
    text-align: left !important;
}

.page-calendar .fc-ltr .fc-list-item-marker .fc-event-dot {
    display:none;
}

@media (max-width: 767px) {
    .padding-gutter.page-calendar .title {
        padding-right: 0px;
        padding-left: 0px;
    }

    .calendar-header > div:first-child > div {
        padding-right: 0px;
    }

    .page-calendar .calendar-header > div:nth-child(1) {
        text-align: center !important;
        padding-bottom: 15px;
    }

    .page-calendar right-panel .xsud-icon {
        text-align: center;
        margin-right: 0px;
    }

    .page-calendar right-panel .shape,
    .page-calendar right-panel .notice {
        padding-bottom: 0px;
        height: 25px;
    }

    .page-calendar right-panel .modal-synchronization {
        padding-top: 0px !important;
        height: 30px;
    }

    .page-calendar right-panel .fc-widget-header {
        padding:15px;
    }

    .page-calendar right-panel .workitem-folder-caption,
    .page-calendar right-panel tr.fc-list-item > td:last-child {
        display: none;
    }

    .page-calendar right-panel tr.fc-list-item > td:nth-child(3) {
        padding-left: 0px;
    }

    .fc-list-item td:first-child {
        padding-left: 10px;
    }

    .fc-ltr .fc-list-item-marker {
        padding-left: 0px;
    }
}

.vue-page-panel .vue-button-split-dropdown {
    margin-bottom: 30px
}

.task-file .dataTables_empty {
    display: none;
}

.task-btn-state._disabled img {
    opacity: 0.5;
    cursor: not-allowed;
}

.inbox-content.tasks .inbox-side-bar,
left-panel .inbox-menu-sm {
    padding-left: 0px;
}

.archive-details .inbox-content.tasks .inbox-side-bar,
.archive-details workitem-body .task-section .table-wrap > div {
    padding-top: 0px;
}

body.smart-style-6 .archive-details .inbox-body.tasks .table-wrap thead {
    display:none;
}

left-panel .inbox-menu-sm {
    padding-top: 30px;
}

.inbox-content.tasks .inbox-side-bar h6,
.inbox-content.tasks .panel-side-bar h6 {
    margin-top: 0px;
}

.inbox-side-bar .inbox-menu-lg li a, .inbox-side-bar .inbox-menu-sm li a,
.panel-side-bar .inbox-menu-lg li a, .panel-side-bar .inbox-menu-sm li a {
    font-family: 'ProximaNova', Roboto, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1.86;
    letter-spacing: normal;
    text-align: left;
    padding: 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

    .inbox-side-bar .inbox-menu-sm li.active a,
    .inbox-side-bar .inbox-menu-sm li a:hover,
    .inbox-side-bar .inbox-menu-lg li.active a,
    .inbox-side-bar .inbox-menu-lg li a:hover,
    .panel-side-bar .inbox-menu-sm li.active a,
    .panel-side-bar .inbox-menu-sm li a:hover,
    .panel-side-bar .inbox-menu-lg li.active a,
    .panel-side-bar .inbox-menu-lg li a:hover {
        color: #000;
        background: none;
        border: none;
    }

.inbox-side-bar h6,
.panel-side-bar h6 {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #222222;
    text-transform: inherit;
    padding: 0px;
}

@media (max-width: 1280px) {
    .inbox-body .table-wrap .animated > div {
        width: 100%;
    }
}

.inbox-table.tasks{
    width: 100%
}



.inbox-table.tasks td {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #828282;
    vertical-align: middle;
}

    .inbox-table.tasks td,
    .inbox-table.tasks td > span {
        color: #333;
    }

    

    

.inbox-table.tasks tr:hover td:not(.overdue-dedline) {
    color: #222;
}



.inbox-table.tasks .dropdown-toggle .fa-angle-down {
    padding-left: 5px;
    vertical-align: middle;
}

/*.tasks .unread .inbox-data-date > :first-child,
.tasks .unread .inbox-data-date-dashboard > :first-child
.tasks .unread .inbox-data-from > :first-child,
.tasks .unread .inbox-data-message > :first-child > :first-child,
.tasks .unread .inbox-data-message-dashboard > :first-child > :first-child {
    font-weight: normal;
    display: initial !important;
}*/

.tasks .related-tasks {
    font-size:12px;
}

.task-edit {
    padding-top: 15px;
    overflow: visible;
    margin-top: -20px;
    padding-top: 35px;
    margin-right: -33px;
    padding-right: 20px;
}

.task-edit .btn-xs {
    border-radius: 2px;
    border: none;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.6px;
    text-align: left;
    color: #ffffff;
    padding: 3px 10px;
    border-radius: 15px;
}

.task-edit .task-title .state {
    min-width: 70px;
    width: auto;
    float: left;
    margin-top: 5px;
    margin-right: 20px;
    cursor: pointer;
}

.task-edit .task-created{
    cursor:text;
}

.task-edit .task-title > div > div:nth-child(2) {
    float: left;
}


.tasks .New,
.task-title .New {
    background-color: #03A9F4;
}

.tasks .Active,
.task-title .Active {
    background-color: #4CAF50;
}

.tasks .Resolved,
.task-title .Resolved {
    background-color: #F5A623;
}

.tasks .Report,
.task-title .Report {
    background-color: #DB1212;
}

.tasks .Closed,
.task-title .Closed {
    background-color: rgb(189, 189, 189);
}

.inbox-table.tasks td.overdue-dedline {
    color: #DB1212;
}

.inbox-table.tasks td.coming-soon-dedline {
    color: #FFA726;
}

.task-title .task-caption {
    width: calc(100% - 200px);
}



/*Раздел "Задачи"*/

.task-filter-controls {
    text-overflow: ellipsis;
    overflow: hidden;
    padding-top: 0px !important;
    font-size: 14px !important;
}

.task-edit .inbox-message p {
    word-wrap: break-word;
}

.task-edit .inbox-compose-footer .btn-transparent {
    min-width: inherit;
    padding-left: 0px;
}

    .task-edit .inbox-compose-footer .btn-transparent img {
        margin-top: -5px;
        padding-right: 3px;
    }

        .task-edit .inbox-compose-footer .btn-transparent img.start {
            margin-top: -3px;
        }

.task-edit .inbox-compose-footer .btn-oval {
    margin-right: 25px;
}

.quick-search .selected-state {
    color: #828282;
}

body.smart-style-6 .task-section .inbox-body {
    box-shadow: none;
}

body.smart-style-6 .inbox-body.tasks .table-wrap {
    margin-left: 0px;
    overflow: visible;
    width: calc(100% - 213px);
}


body.smart-style-6 .workitem-tasks.inbox-body.tasks .table-wrap {
    padding-top: 0px;
}
.inbox-body .task-section .table-wrap {
    margin-left: 0px;
    padding-left: 0px;
}

.task-section .inbox-body.no-content-padding {
    overflow: visible;
}

.task-section .no-content-padding {
    margin: 0px;
}

.task-section .note-editable {
    min-height: 100px !important;
}

.panel-side-bar {
    padding-top: 30px;
}



/*Редактирование задачи*/

.task-edit .inbox-info-bar,
.task-edit .inbox-download,
.task-edit .workitem-dropzone {
    margin-right: 0px;
}

.email-infobox {
    position: static;
    width: 100%;
}

    .email-infobox .table {
        margin-bottom: 0px;
    }

        .email-infobox .table .row {
            margin-left: -26px;
        }

        .email-infobox .table > .row h4 {
            margin-left: 13px;
        }


.task-edit .datatable,
.task-edit .dt-toolbar,
.task-edit .task-files > div {
    padding-left: 0px !important;
}

.task-edit .task-files table {
    padding-right: 0px !important;
}

.task-section .table-wrap {
    overflow: visible;
}

.task-edit .inbox-info-bar .form-control {
    border-color: transparent;
}

.task-edit .workitem a {
    font-size: 14px;
    text-align: left;
    padding: 0px;
    height: initial;
    min-height: initial;
    border: none;
}

.task-edit .workitem ul {
    margin-bottom: 0px;
}

.task-edit .form-control {
    color: #222;
    font-size: 14px;
}

.task-edit .workitem-dropzone {
    margin-left: 0px;
}



.task-edit .xsud-icon-plus:before {
     font-size: 15px; 
}

.task-edit .inbox-table.tasks {
    margin-bottom:13px;
}
.task-edit .add-subtask.btn-transparent {
    position: relative;
    min-height: initial;
    height: initial;
    padding: 0px;
    margin: 10px 0px !important;
}

    .task-edit .add-subtask.btn-transparent span {
        padding-left: 30px;
    }

    .task-edit .add-subtask.btn-transparent .xsud-icon {
        position: absolute;
        top: 3px;
        padding:0px;
    }


.task-edit .show-more.btn-transparent {
    font-size: 14px;
    min-height: initial;
    height: initial;
    padding: 0px;
    text-align: left;
}


.task-edit .vue-tabs-block {
    margin-top:35px;
}

body.smart-style-6 .task-edit .inbox-info-bar .form-control {
    padding-left: 0px;
}

.task-title h2.hover-edit-container {
    padding-top: 0px;
}
.email-infobox .task-cont-history {
    display: none;
}

.email-infobox h5 {
    position: relative;
    cursor: pointer;
    width: 200px;
}

.email-infobox span.glyphicon {
    font-size: 10px;
}

.email-infobox h5 span.glyphicon {
    position: absolute;
    top: 5px;
    left: -20px;
}

.email-infobox span.glyphicon-triangle-top {
    z-index: 10;
    background-color: #fff;
    display: none;
}

.inbox-compose-footer {
    margin-right: 0px;
}

.task-edit .inbox-compose-footer,
.task-edit .inbox-compose-footer > div:nth-child(2) {
    padding-top: 0px;
}

    .task-edit .inbox-compose-footer > div:nth-child(2) > a {
        margin-right: 0px !important;
    }

.task-edit .email-infobox {
    padding: 15px;
    padding-left: 44px;
    box-shadow: 0 3px 12px 0px rgba(34, 34, 34, 0.16);
    margin-bottom: 60px;

    /*margin-top: 20px;*/

    margin-top: 10px;
}

    .task-edit .email-infobox:hover {
        box-shadow: 0 3px 12px 0px rgba(34, 34, 34, 0.21);
    }

/*SUMMERNOTE*/
.panel-default > .panel-heading {
    background-color: transparent;
}

.note-editor .panel-heading .note-btn-group .btn-default {
    color: #c7c7c7;
}

.panel-default .btn-default {
    border-color: transparent !important;
    box-shadow: none;
}

.panel-default .note-btn-group .btn-default:hover {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #222;
}

.panel-default .note-btn-group .btn-default.active {
    background-color: transparent !important;
    color: #222;
}

body.smart-style-6 .note-editor .note-editable {
    background-color: transparent;
}

body.smart-style-6 .task-edit .note-editor .note-editable {
    min-height: 185px !important;
}

body.smart-style-6 .task-edit .morf-task .note-editor .note-editable {
    min-height: 316px !important;
}

.panel-default .note-btn-group:nth-child(1),
.panel-default .note-btn-group:nth-child(2) {
    padding-right: 8px;
    border-right: 1px solid #d8d8d8;
}

.panel-default .note-btn-group:nth-child(2),
.panel-default .note-btn-group:nth-child(3) {
    padding-left: 8px;
}

.panel-heading.note-toolbar {
    padding: 0px;
}

.note-editor .note-toolbar {
    border-bottom: none;
    margin-left: -11px;
}

.note-editor.note-frame .note-statusbar .note-resizebar {
    height: 1px;
}

    .note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar {
        border: none;
    }

.task-edit .task-body {
    border-bottom: 1px solid rgb(213, 213, 213);
    font-size: 14px;
    height: 220px;
}

.task-edit .performer {
    position: relative;
}

.task-edit .director {
    border:none;
}

    .task-edit .performer .help-block {
        display: none;
        position: absolute;
        font-size: 10px;
    }

.task-edit .has-error .help-block {
    display: block;
}

.task-edit .task-title {
    margin-bottom: 7px;
}

    .task-edit .task-title .task-number,
    .task-edit .task-title input,
    .task-edit .task-caption span {
        font-weight: 600;
        font-size: 18px;
        display: inline-block;
    }

    .task-edit .task-title .task-number {
        margin-right: 10px;
    }

    .task-edit .task-title input {
        width: 500px;
        max-width: 700px;
        /*border: none;*/
    }


    .task-edit .task-title .list-unstyled span {
        font-weight: normal;
    }

.task-edit .task-select {
    position: relative;
}

    .task-edit .task-select .btn {
        margin-right: 0px !important;
        position: absolute;
        right: 0px;
    }

    .task-edit .task-select .timepicker-picker .btn {
        position: static;
    }

        .task-edit .task-select .btn:active {
            left: initial;
            top: initial;
        }

        .task-edit .task-select .btn img {
            width: 25px;
            margin-top: 10px;
            float: right;
            display: none;
        }

    .task-edit .task-select label img {
        width: 25px;
        height: 25px;
        position: absolute;
        top: 10px;
        right: -40px;
        cursor: pointer;
    }

        .task-edit .task-select label img.btn-lightning-active {
            display: none;
        }

.task-edit input:checked + span img.btn-lightning-active {
    display: block;
}

.task-edit .task-select label input {
    display: none;
}

.task-edit .task-select .btn img.active {
    display: block;
}

.task-edit .task-select > div:nth-child(1) {
    padding-right: 12px;
    margin-right: 0px;
}

.task-edit .task-select > div:nth-child(2) {
    padding-left: 13px;
    padding-right: 12px;
    margin-right: 0px;
}

.task-edit .task-select > div:nth-child(3) {
    padding-left: 13px;
}

    .task-edit .task-select > div:nth-child(3) > div {
        /*width: calc(100% - 45px);*/
        display: inline-block;
        width: 100%;
    }

.task-edit > div {
    padding: 0px 13px;
}



    

        





.task-state-wrapper {
    padding: 0 0px;
}

.tasks .panel-default .note-editable {
    min-height: 75px;
}

.task-edit .task-delete {
    text-align: right !important;
}

.tasks .inbox-side-bar {
    display:block !important;
}

.taskSearch {
    margin:10px 0px 0px -13px;
}

.taskSearch .object-search {
    padding-right: 13px;
}

    .taskSearch .taskFilter > fieldset {
        padding-left: 13px;
        padding-right: 0px;
    }

.taskSearch .taskFilter .button > div:nth-child(2) {
    text-align: right !important;
}

.taskSearch .taskFilter .button > div:nth-child(2) .span {
    margin:0px;
}

.taskSearch .taskFilter {
    margin: 0px;
}



.taskSearch .taskFilter .button > div:nth-child(1) {
    padding-bottom: 5px !important;
}



.task-section .table-wrap > div > h3 {
    padding-top: 50px;
}

    workitem-body .task-section .table-wrap > div.task-edit {
        padding-top: 15px;
    }

    workitem-body .task-section .table-wrap > div > h3 {
        padding-top: 0px;
    }

.task-filter-controls .xsud-icon-download {
    padding-right:5px;
}

.task-fast-filters .fast-filter-list .fast-filter-caption {
    color:#828282;
}

.task-fast-filters .fast-filter-list li.active a .fast-filter-caption,
.task-fast-filters .fast-filter-list li:hover a .fast-filter-caption {
    color: #222 !important;
}

.quick-search ul li ul li:hover::after, 
left-panel .panel-side-bar li ul li:hover::after{
    display:none;
}

.task-edit .xsud-icon {
    padding-right: 8px;
    vertical-align: middle;
}

.task-file .xsud-icon-download-file {
    font-size: 19px;
}

.task-edit .xsud-icon-start {
    font-size: 12px;
}

.task-edit .xsud-icon-report,
.task-edit .xsud-icon-good,
.task-edit .xsud-icon-badly,
.task-edit .xsud-icon-shape {
    font-size: 16px;
}

.taskSearch .object-search #filter.input-group-btn,
.taskSearch .object-search .input-group input {
    z-index: 0;
}

.task-section .object-search .input-group input {
    padding-right: 110px;
}
.tab-content.archive .task-section table.dataTable tbody tr {
    background-color: transparent !important;
    color: #333 !important;
}

.btn-create-task {
    width: 170px;
}

    .btn-create-task > span {
       padding:0px;
    }

    .btn-create-task .create-new-task {
        background-color: #db1212;
        height: 38px;
        padding-top: 9px;
        padding-left: 35px;
        padding-right: 5px;
        display: inline-block;
        border-radius: 19px 0 0 19px;
    }

        .btn-create-task .create-new-task:hover {
            background-color: #ef1717;
        }

        .btn-create-task .create-new-task:active {
            background-color: #b50a0a;
        }


        /*****************************************/
.btn-create-task .task-template {
    height: 38px;
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
    padding-top: 8px;
    padding-right: 10px;
    padding-left: 10px;
    border-radius: 0 19px 19px 0;
    background-color: #C61010;
}

    .btn-create-task .dropdown-menu {
        width: 175px;
        cursor: default;
        padding-bottom: 10px;
    }

        .btn-create-task .dropdown-menu .task-template-list {
            margin-bottom: 10px;
        }

    .btn-create-task .dropdown-menu ul li,
    .btn-create-task .dropdown-menu .setting-template {
        color: #333;
        list-style-type: none;
        padding: 5px 20px;
        cursor:pointer;
    }

        .btn-create-task .dropdown-menu .setting-template {
            display: block;
            margin: 15px 0 0;
        }

        .btn-create-task .dropdown-menu .setting-template.DN {
            display: none;
        }

        .btn-create-task .dropdown-menu ul li:not(.task-template-item-empty):hover,
        .btn-create-task .dropdown-menu .setting-template:hover {
            background: #c22424;
            color: #fff;
        }

        .btn-create-task .dropdown-menu ul li:last-child:after {
            content: "";
            position: absolute;
            display: block;
            height: 1px;
            width: 100%;
            background: #d8d8d8;
            margin: 12px 0 0 -20px;
        }

        .btn-create-task .dropdown-menu ul li.task-template-item-empty:after {
            content: none;
        }    

        .btn-create-task .dropdown-menu .task-template-item-empty {
            color: #333;
            list-style-type: none;
            padding: 5px 20px;
            cursor: default;
        }
        /**************************************************/

.task-files .edit-menu .file-tracking-btn {
    display: none;
}

.task-file tr td:nth-child(1) {
    width: 15px;
}
    .task-file tr td:nth-child(2) {
    font-size: 10px;
    width: 45px !important;
    vertical-align: middle !important;
    padding: 8px 5px !important;
}
.task-file tr th,
.task-file tr td {
    text-align: left;
}

.task-file tr td {
    text-align: left;
}

.task-file .file-preview__fileName {
    width: 80%;
}

.task-file .file-preview__fileAuthor {
    width: 20%;
}

.task-file .file-preview__fileDate {
    min-width: 149px;
}

.workitem-container .task-section .tab-pane,
workitem-body .files {
    padding-left: 0px;
}

.task-edit .tab-pane {
    padding-top: 30px;
}

.task-edit .btn-container {
    border-bottom: 1px solid #D8D8D8;
    margin: 0 0 20px;
}

.task-edit .btn-container > div:first-child {
   padding-left:0px;
}

    .task-edit .btn-container button {
        font-size: 14px;
    }

.task-edit .note-editor.note-frame .note-editing-area .note-editable {
    padding-left:0px;
}

.save-button-container {
    position: relative;
}

.pulse-container {
    float: right;
}

.task-edit  .comment-block {
    padding-left:0px;
}

.task-edit .edit-menu {
    padding: 0px;
    text-align: right;
}

    .task-edit .edit-menu span.btn.btn-transparent {
        width: auto;
        min-width: initial;
        margin: 0px !important;
    }

.vue-tabs-block .nav-link:hover {
    background-color: #eee;
}

.vue-button-split-dropdown ul {
    max-width: 350px !important;
    transform: none !important;
    top: 38px !important;
    left: 0px !important;
}

.workitem-container .workitem-tasks {
    padding: 0 15px !important;
}

.workitem-container .table-wrap .tasks {
    margin-top: 50px;
}

.workitem-container .task-edit {
    padding-top: 10px;
}

.workitem-container .mobile-task-navigation {
    margin: 0 0 20px 0;
}

    .workitem-container .mobile-task-navigation .vue-button-split-dropdown {
        margin: 0px !important;
    }


    .workitem-container .mobile-task-navigation > div {
        padding-left: 10px;
    }

.workitem-container .mobile-task-navigation .mobile-task-filter {
    padding-right: 25px;
}

    .workitem-container .mobile-task-navigation .mobile-task-filter .fast-filter-item.active span {
        color: #fff;
        font-weight: normal;
    }

@media (max-width: 991px) {
    .visible-tablet, .tasks .inbox-side-bar {
        display: none !important;
    }

    body.smart-style-6 .inbox-body.tasks .table-wrap {
        width: 100%;
    }

    workitem-body .task-edit {
        padding-right: 10px;
    }

    .task-edit .inbox-compose-footer .btn-transparent {
        width: 100%;
        text-align: left;
    }

    .task-edit .task-delete {
        text-align: left !important;
    }

    .task-edit h2.hover-edit-container input.inline-edit {
        width: 80%;
    }

    .task-edit .task-title,
    .task-edit .task-title .state {
        margin-bottom: 10px;
    }

    .task-edit .edit-menu {
        text-align: left;
    }

    .task-title .task-caption {
        width: 100%;
    }


    table.dataTable tbody tr > td.edit-menu {
        display: block !important;
    }

    workitem-body .task td.task-item__data-icon {
        display: none !important;
    }

    .tasks .hidden-sm-up {
        display: block !important;
    }

    

    .task-section .inbox-table.tasks .inbox-description .task-state-wrapper .task-state {
        background-color: transparent;
    }

    .inbox-content.tasks .table-wrap > div,
    .task-section .table-wrap > div {
        padding-top: 0px !important;
    }

        .task-section .table-wrap > div.task-edit {
            margin-right: 0px;
            /*padding-top: 20px !important;*/
            padding: 20px 20px 0px 0px !important;
        }

    workitem-body .inbox-content.tasks #cont-btn {
        display: block !important;
    }

        workitem-body .inbox-content.tasks #cont-btn .dt-buttons div {
            margin-left: 4px;
        }

    .tasks .table-wrap > div > h3 {
        padding-top: 60px !important;
        padding-left: 13px;
    }

    .taskSearch .object-search .input-group input {
        padding-right: 100px;
    }

    .taskSearch .taskFilter .button > div:nth-child(2) {
        text-align: left !important;
    }

    .taskSearch .object-search #filter span.btn-default {
        margin-right: 0px;
    }

    .file-add > span {
        padding-left: 0px;
    }

    .task-section .fast-filter-btn__clear span {
        display: none;
    }

    .inbox-body .task-section .table-wrap {
        padding: 0px !important;
    }

    body.smart-style-6 .workitem-tasks.inbox-body {
        padding: 0 15px !important;
    }


    .workitem-tasks .task-edit {
        margin-left: 0px;
        margin-right: 0px;
    }

        .workitem-tasks .task-edit > div {
            padding-right: 0px;
            padding-left: 8px;
        }

    body.smart-style-6 .btn-create-task .dropdown-menu,
    body.smart-style-6 .task-edit .edit-menu .dropdown-menu {
        transform-origin: top left !important;
        right: inherit;
        left: 0px;
    }


    body.smart-style-6 .task-edit .edit-menu .vertical-points .dropdown-menu {
        transform-origin: top right !important;
        right: 0px;
        left: initial;
    }

    .vue-button-split-dropdown ul {
        max-width: 250px;
    }

    .workitem-container .table-wrap .tasks {
        margin-top: 0px;
    }
}


@media (max-width: 767px) {
    .dataTables_filter {
        width: 100%;
    }
}

.report-constructor h2 {
    margin-bottom: 0px;
}

.report-constructor h3 {
    margin-top: 0px;
}

.report-constructor fieldset.active h3 {
    margin-bottom: 0px;
}

.report-constructor h4 {
    padding-bottom: 20px;
}

.smart-style-6 #content .report-constructor right-panel > div {
    margin: 0px;
    background-color: #fff;
    padding: 0px;
}

.report-constructor right-panel .folderFilter {
    padding-bottom: 13px;
}

/*.report-constructor .form-horizontal fieldset .filter-container,
.report-constructor .form-horizontal .folderFilter fieldset > div {
    display: block;
}*/

/*.report-constructor .folderFilter fieldset .col-lg-3 {
    margin-left: 0px !important;
    padding-top: 15px;
    padding-left: 0px;
}*/

.report-constructor .form-horizontal .folderFilter fieldset {
    box-shadow: none;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
}

.report-constructor .form-control.daterange {
    height: 26px;
}

.report-constructor right-panel > div > .form-group > .checkbox {
    width: 300px;
    display: inline-block;
    margin-top: 25px;
    margin-left: 10px;
}

.report-constructor h4,
#reportFields h4 {
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #222222;
    padding-top: 20px;
}

#reportFields h4 {
    cursor: pointer;
}

.report-constructor #reportFields .folder-title {
    padding: 0 0 10px 0;
}

.report-constructor #reportFields .folder-title h4 {
    position: relative;
    right: 25px;
}

.report-constructor #reportFields .field-title h4 {
    padding-top: 0px;
    padding-bottom: 0px;
}

.report-constructor fieldset.row {
    padding-bottom: 0px;
}

    .report-constructor fieldset.row > div {
        padding-bottom: 0px;
        padding-top: 0px;
    }

    .report-constructor fieldset.row .input-group span.select2-container {
        margin-bottom: 0px;
    }

.report-constructor .form-horizontal .row-title,
.report-constructor .report-plate .checkAll,
.report-constructor .row-title .checkbo {
    padding-top: 5px;
}

/*.report-constructor .report-plate .checkAll {
    /*padding-left: 13px;*q/
    padding-top: 5px;
}*/

.report-constructor .form-horizontal .fields > .row-title h5 {
    margin-top: 16px;
}

.report-constructor .form-horizontal .field-title + .row-title h5 {
    margin-top: 10px;
}

.report-constructor .field-title {
    margin-bottom: 15px;
}

.report-constructor .form-horizontal .xsud-icon-report-filter::before {
    font-size: 13px;
    margin-left: 18px;
    color: #D8D8D8;
    cursor: pointer;
}
.report-constructor .form-horizontal .fields .report-filter-switch .xsud-icon-report-filter:hover::before,
.report-constructor .form-horizontal .fields .report-filter-switch.active .xsud-icon-report-filter::before {
    color: #222;
}

.report-constructor .form-horizontal .fields .report-filter-switch .xsud-icon-report-filter:active::before {
    color: #db1212;
}

    .report-constructor .form-horizontal .form-group {
        margin-bottom: 10px;
    }

.report-constructor .form-horizontal .row-title:last-child .form-group {
    margin-bottom: 20px;
}

/*#reportFields h4 span {
    font-size: 16px;
}*/

.report-plate span .fa-caret-down {
    padding-right: 15px;
}

.report-plate span .fa-caret-up {
    padding-right: 15px;
    /*position: absolute;
    left: 0px;
    top: 25px;
    background-color: #fff;
    display: none;*/
}

.report-constructor .form-horizontal fieldset legend {
    font-size: 18px;
    font-weight: 600;
    position: relative;
    top: 30px;
    border-bottom: none;
}

.report-constructor .form-group fieldset {
    padding-left: 27px;
}

/*.report-constructor .form-horizontal fieldset > div {
    display: none;
}*/

    /*.report-constructor .form-horizontal fieldset > div.folder-title,
    .report-constructor .form-horizontal fieldset label.active fieldset div {
        display: block;
    }*/
.report-constructor .table tbody {
    padding: 15px 14px 24px 14px;
    background-color: #fff;
    box-shadow: 0 3px 12px -4px rgba(34, 34, 34, 0.16);
    width: 100% !important;
}

.report-constructor .table thead tr th {
    padding-bottom: 5px;
}

.report-constructor .table > tbody > tr > td {
    vertical-align: middle;
}

.report-constructor tr td .vertical-points{
    display:block;
}


/*.report-constructor .form-group .checkbox-label {
    padding: 0px 0px 5px 13px;
}*/

.report-constructor input[type=checkbox] {
    height: 16px !important;
}

.report-constructor .but-class {
    padding-left: 19px;
}

/*.report-constructor .btn-oval {
    margin-left: 13px;
}*/

body.smart-style-6 .report-constructor .dt-toolbar {
    padding: 14px 0px 11px;
}

.report-constructor {
    overflow-x: hidden;
    min-height: inherit;
}

    .report-constructor right-panel {
        min-height: auto !important;
        padding-bottom: 50px !important;
    }

    .report-constructor .form-horizontal .report-plate {
        background-color: #ffffff;
        box-shadow: 0 3px 12px 0px rgba(34, 34, 34, 0.16);
        margin-bottom: 20px;
    }

    .report-constructor .report-plate fieldset,
    report-constructor .form-group fieldset {
        padding-top: 0px;
    }

    /*.report-constructor .form-horizontal .form-group {
        margin-bottom: 0px;
        margin-right: 0px;
    }*/

    .report-constructor .form-horizontal .checkbox-container .form-group > label.control-label {
        max-width: calc(100% - 40px);
        text-align: left;
    }

    .report-constructor .form-horizontal .checkbox-container .form-group > span.xsud-icon {
        vertical-align: top;
    }

    .report-constructor .report-plate {
        padding-left: 44px;
    }

    .report-constructor .form-horizontal .report-plate.active fieldset#templates_1 {
        padding-bottom: 28px;
        padding-top: 40px;
    }

    .report-constructor .form-horizontal fieldset:hover,
    .report-constructor .form-horizontal fieldset.active {
        box-shadow: none;
    }

    .report-constructor .form-horizontal .report-plate:hover,
    .report-constructor .form-horizontal .report-plate.active {
        box-shadow: 0 3px 12px 0px rgba(34, 34, 34, 0.21);
    }

    .report-constructor .table-responsive {
        padding-left: 0px;
        background-color: #fafafa;
        padding: 55px 110px;
        margin-bottom:0px;
        /*box-shadow: 0 0px 3px 0px rgba(0,0,0,.3);*/
        position: relative;
    }

        /*.report-constructor .table-responsive .report-delete-all {
            position: absolute;
            right: 110px;
            padding-top: 13px;
            bottom: 14px;
            margin-right: 0px !important;
        }

            .report-constructor .table-responsive .report-delete-all:active {
                top: initial;
                left: initial;
                /*right: 111px;
                bottom: 13px;*
            }*/

    /*.report-constructor .filter-container span.plus {
        position: absolute;
        right: 0px;
        color: #db1212;
        z-index: 2;
    }*/

    .report-constructor h2,
    .report-constructor .table-bordered thead tr th:nth-child(1) {
        padding-left: 0px;
    }

    .report-constructor table.dataTable th.sorting_asc,
    .report-constructor table.dataTable th.sorting_desc {
        background-position-y: 50%;
    }

    .report-constructor left-panel .panel-side-bar li:hover::after {
        margin-top: -1.4em;
    }

    .report-constructor .dropdown-menu a:hover {
        color: #fff !important;
    }

    .report-constructor left-panel .panel-side-bar .dropdown-menu li:hover::after,
    .report-constructor .quick-search ul:first-child:after {
        display: none;
    }

.report-constructor left-panel .panel-side-bar .dropdown-menu li a {
    height: 27px;
    padding: 3px 20px !important;
    color: #333;
    font-size: 12px;
}

    .report-constructor left-panel .panel-side-bar li.active::after,
    .report-constructor left-panel .panel-side-bar li:hover::after {
        margin-top: -1.4em;
    }

    .report-constructor left-panel .panel-side-bar li:hover a {
        font-weight: normal;
    }

    .report-constructor .quick-search ul.inbox-menu-sm > li:hover {
        font-weight: bold;
    }

.report-constructor #report-table {
    padding: 0px;
}

    .report-constructor #report-table thead tr {
        background-color: #fafafa;
    }

    .report-constructor #report-table tbody tr td {
        border: none;
    }

    .report-constructor #report-table tbody tr td:nth-child(1) {
        padding-left: 24px !important;
    }

.report-constructor .table-message {
    padding-top: 50px;
}

.report-constructor .table-responsive span.disabled:hover,
.report-constructor .table-responsive span.disabled:active {
    color: #828282;
    right: 110px;
    bottom: 14px;
}

.report-constructor .dataTable tr > th:first-child{
    padding-left: 23px !important;
}

.report-constructor #folderFilterSelectorContainer input, .filter-container input {
    width: 140px !important;
}


.reportUserTemplateList {
    padding-top: 0px !important;
}

    .reportUserTemplateList .inbox-menu-sm {
        padding-top: 0px;
    }

.template-load {
    cursor: pointer;
}

.sorting_container {
    margin-top: 20px;
    margin-bottom: 20px;
}


.report-constructor left-panel .panel-side-bar li.active::after,
.report-constructor left-panel .panel-side-bar li:hover::after {
    right: 0px;
}

@media (max-width: 991px) {
    .reportUserTemplateList ul.dropdown-menu {
        left: initial;
        right: 20px;
    }
}


#report-table tbody tr {
    cursor: pointer;
}

@media (max-width: 991px) {

    .report-constructor right-panel {
        padding: 20px 15px !important;
    }

    .report-constructor .folder-title > div:nth-child(2) {
        display: none;
    }

    .report-constructor .report-plate {
        padding-left:15px !important;
    }

    .report-constructor .table-responsive {
        margin: 0px !important;
        padding: 15px;
        padding-bottom: 45px;
    }

    .report-constructor .form-group fieldset {
        padding-right: 15px;
    }

    .report-constructor .table-responsive span.btn-transparent {
        right: 10px;
    }

    .report-constructor .report-save-template-btn {
        margin-left: 13px !important;
        margin-top: 10px !important;
    }

    .report-constructor .fields {
        padding-left: 15px !important;
    }

    .report-constructor .report-archive-chkbx.checkbox input[type=checkbox].checkbox + span {
        margin-left: 0px;
    }

    .report-constructor .folder-title h4 {
        padding-left: 5px;
    }

    .report-constructor .folder-title h4 .fa-caret-down {
        padding-right: 10px;
    }

    .report-constructor span .fa-caret-up {
        left: 5px
    }
}

@media (max-width: 767px) {
    #report-table tr > th:nth-child(2),
    #report-table tr > td:nth-child(2) {
        display: none;
    }
}
/*prifile*/

body.smart-style-6 .alert-info, body.smart-style-6 .btn-info {
    background-color: transparent;
    color: #000;
}

body.smart-style-6 .alert-info, body.smart-style-6 .btn-info {
    border-color: #d8d8d8;
}

.profile a.btn-oval.btn {
    margin-bottom: 0px;
}

.editing {
    display: none;
    margin-top: 12px;
}

    .editing .btn-default {
        border: 1px dashed rgba(0,0,0,.3);
    }


.group {
    padding-top: 15px;
    margin-left: -20px;
    padding-left: 20px;
}

    .group ul img {
        border: 3px solid #d8d8d8;
        border-radius: 100%;
        width: 45px;
        height: 45px;
        outline: none;
        margin-right: 11px;
        object-fit: cover;
    }

.my-profile img {
    border: 3px solid #db1212 !important;
    border-radius: 100%;
    width: 36px;
    height: 36px;
    outline: none;
    margin-right: 11px;
    object-fit: cover;
}

.group-name {
    font-size: 10px;
    text-transform: uppercase;
    margin-top: 20px;
    cursor: pointer;
    position: relative;
}

.profile right-panel > div {
    padding-top: 10px;
}

.profile right-panel h1 {
    padding-top: 0px;
    margin-top: 0px;
}

.profile-pic {
    text-align: center;
}

    .profile-pic .avatar {
        position: relative;
        margin-bottom: 20px;
    }

        .profile-pic .avatar,
        .profile-pic .avatar img {
            width: 100px;
            height: 100px;
            margin-left: auto;
            margin-right: auto;
        }

            .profile-pic .avatar img {
                border-radius: 100%;
                object-fit: cover;
            }

            .profile-pic .avatar .black {
                width: 100px;
                height: 100%;
                border-radius: 100%;
                margin-bottom: 20px;
                background-color: #000;
                opacity: .5;
                position: absolute;
                top: 0px;
                left: 0px;
                display: none;
            }

.tuning-btn {
    position: relative;
    cursor: pointer;
}

.profile h1 span.position {
    font-size: 14px;
    font-weight: normal;
}


@media (max-width: 750px) {
    .profile-pic .avatar img, .profile-pic .avatar {
        width: 100px;
    }
}

.tuning h4 i.fa {
    font-size: 16px;
    padding-right: 10px;
}

.tuning {
    padding-left: 0px;
    background-color: #ffffff;
    box-shadow: 0 3px 12px -4px rgba(34, 34, 34, 0.16);
    padding: 21px 31px;
    margin-left: -44px;
}

.tuning label.radio{
    display: block;
}

    .tuning label.control-label {
        margin-bottom: 10px;
    }

.editing .form-group.display-mode {
    margin-bottom: 30px;
}

.editing .phone .form-control {
    width: 113px;
}

.editing .mail .form-control,
.editing .password .form-control,
.editing .skype .form-control {
    width: 185px;
}


/*.tuning .glyphicon,*/
.editing a i {
    padding-right: 10px;
}


.profile .list-unstyled li span {
    padding-left: 10px;
}

.editing .air {
    position: relative;
}

img.online {
    border-left-color: transparent !important;
    border-radius: 100%;
    object-fit: cover;
}

.profile right-panel .row div .well {
    background-color: transparent;
    border: none;
}

.profile .list-inline li {
    position: relative;
    width: 100%;
}

.profile-pic .avatar {
    position: relative;
    cursor: pointer;
}

.profile-pic .change-avatar,
.profile-pic .change,
.group ul {
    display: none;
}

.profile h3 {
    cursor: pointer;
}

.profile .group h3:hover,
.profile .group ul li:hover {
    font-weight: bold;
}

.profile-pic .change-avatar {
    position: absolute;
    top: 30%;
    z-index: 10;
    color: #fff;
    font-weight: bold;
}


.profile-pic .avatar:hover .change-avatar,
.profile-pic .avatar:hover .black {
    display: block;
}

.friends h3 {
    cursor: pointer;
}

.group .event {
    padding-left: 0px;
}

.profile .group li {
    list-style-type: none;
    padding-top: 15px;
    font-size: 14px;
}

    .profile .group li:hover img,
    .profile .group li.active img {
        border: 3px solid #db1212;
    }

    .profile .group li:hover label,
    .profile .group li.active label {
        font-weight: bold;
    }

.profile .list-profile {
    padding-left: 0;
    list-style: none;
}

.profile .list-profile li {
    position: relative;
    padding-left: 25px;
}

.profile .change-password-profile-frm .list-unstyled li {
    padding-left: 0px;
}

.profile .list-profile li img {
    position: absolute;
    bottom: 5px;
    left: 0px;
}

.profile a.btn-oval.btn {
    margin-left: 0px;
}

.profile h1 small {
    font-size: 14px;
    color: #000;
}

.profile .group label {
    vertical-align: middle;
    width: 70%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.profile h1 > input {
    font-weight: 700;
}

.group-name .fa {
    font-size: 10px;
    color: #222;
    padding-right: 5px;
    position: absolute;
    top: 0px;
    left: -15px;
}

.group-name .fa-chevron-up {
    background-color: #fafafa;
    display: none;
}

.groupMembersContainer {
    width: 100%;
    height: auto;
}

.group-member, .group-invite {
    width: 100%;
}

/*.groupMembersContainer img.user {
    overflow: initial;
}*/

.group-member,
#groups .group-invite {
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: 0;
    margin-left: -10px;
    padding-left: 10px;
}

.group-member {
    cursor: pointer;
}

    .group-member:hover {
        background-color: #fafafa;
    }

    .group-member .group-member-info,
    .group-invite .group-member-info {
        width: 90%;
        float: left;
        /*display: block;*/
    }

.group-member-info .photo {
    padding-left: 13px !important;
}

.group-member .group-member-controls,
.group-invite .group-member-controls {
    width: 10%;
    float: left;
}

.group-include-account-container .permission-new > div,
.group-include-account-container .permission-group-new-account > div {
    width: 35px;
    height: 35px;
    padding-top: 2.5px;
    font-size: 20px;
    font-weight: bold;
    border: 1px solid #d8d8d8;
    color: #d8d8d8;
    background-color: transparent;
    border-radius: 50%;
    text-align: center;
    margin-right: 10px;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
}

#groupContainer .groupMembersContainer .initials {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    padding-top: 10px;
    text-align: center;
    background-color: #dbdbdb;
    margin-bottom: 0px;
    float: left;
    /*margin: 0 15px 15px 0;*/
    overflow: hidden;
}

#groupContainer .groupMembersContainer .photo {
    padding-left: 0px;
    width: 50px;
}

#groupContainer .groupMembersContainer .group-member > div,
#groupContainer .groupMembersContainer .group-invite > div {
    padding-left: 0px;
}

#groupContainer .groupMembersContainer .position {
    color: #828282;
    font-size: 12px;
}

#groupContainer .groupMembersContainer .unavailability {
    color: #dc3545;
    font-size: 12px;
}

#groupContainer .groupMembersContainer .group-invite .position {
    color: #b1b1b1;
}

#groupContainer .groupMembersContainer .photo img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-bottom: 0;
    object-fit: cover;
    /*margin: 0 15px 15px 0;*/
    overflow: hidden;
}

#groupContainer .groupMembersContainer .group-member:hover .photo img,
#groupContainer .groupMembersContainer .group-member:hover .initials {
    border: 2px solid #db1212;
    width: 39px;
    height: 39px;
    margin: -2px 6px 0px -2px;
}

#groupContainer .groupMembersContainer .vertical-points {
    padding-top: 7px;
    position: relative;
}

#groupContainer .groupMembersContainer .vertical-points,
#groups .group-list .vertical-points {
    display: none;
    cursor: pointer;
}

    #groupContainer .groupMembersContainer .group-member:hover .vertical-points,
    #groupContainer .groupMembersContainer .group-invite:hover .vertical-points,
    #groups ul.group-list li:hover .vertical-points,
    #groupContainer .groupMembersContainer .vertical-points.show,
    #groups .group-list .vertical-points.show,
    .confirmation-failed .confirmation {
        display: block;
    }

#groupContainer .groupMembersContainer .confirmation-failed:hover .vertical-points {
    display: none;
}

#groupContainer .groupMembersContainer .vertical-points > span.vertical,
#groups .group-list .vertical-points > span.vertical {
    border-radius: 50%;
    padding: 7px 15px;
}

#groups .group-list .vertical-points,
.group-member .vertical img,
.group-invite .vertical img {
    width: 3px;
    float: initial;
    margin-right: 0px;
}

#groups .group-list .vertical-points {
    position: absolute;
    right: 45px;
    margin-top: -22px;
}

#groups .default-group-list li,
#groups .group-list li {
    width: 100%;
}

.confirmation-failed .user-name,
.confirmation-failed .email {
    color: #828282;
}

.group-member .row, .group-invite .row {
    font-size: 14px;
}

.group-member h3, .group-invite h3 {
    padding: 0px;
    margin-bottom: 0px;
}

#groupContainer h1,
.invites h1 {
    padding: 0px;
    padding-bottom: 20px;
    display: block;
}

.group-member .row.phone,
.group-invite .row.phone {
    padding: 5px 0px;
}

.group-invite .vertical-points ul {
    display: flex;
    flex-direction: column;
}

.group-member li, .group-invite li {
    height: auto;
}

.group-member a.remove-parent,
.group-invite a.remove-parent,
.group-member.removable-parent .remove-parent,
.group-invite.removable-parent .remove-parent {
    opacity: 1;
    transition: none;
    width: 100%;
    position: static;
}

.group-include-account-container .form-group div {
    display: inline-block;
}

.group-include-account-container .input-group > div {
    padding-bottom: 4px;
    border-radius: 0;
}

.group-include-account-container .input-group {
    padding-right: 15px;
}

    .group-include-account-container .input-group input {
        max-width: 250px;
        margin-left: auto;
    }

#groupContainer .form-group {
    margin-bottom: 10px;
}

#groupContainer .btn-oval {
    padding-left: 35px;
    position: relative;
}

.group-list-container .new-group {
    margin-right: -13px;
}

.group-member-info .email {
    text-align: right !important;
}

.user.removable-parent {
    overflow: visible;
}

.profile .inline-edit {
    height: 100%;
}

.profile .inline-edit {
    height: 100%;
}

.profile .vertical-points {
    margin-top: 5px;
}

    .profile .vertical-points .vertical {
        display: inline-block;
    }

    .profile .vertical-points .dropdown-menu {
        right: 25px;
    }

        .profile .vertical-points .dropdown-menu a {
            cursor: pointer;
        }

@media (max-width: 991px) {

    .groupMembersContainer .group-member-controls {
        float: right;
    }

    .group-member-info > .email,
    .group-member-info .text-right {
        text-align: left !important;
        padding-left: 63px;
    }

    #groupContainer .groupMembersContainer .vertical-points,
    #groups .group-list .vertical-points {
        display: block;
    }

    .profile right-panel {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .profile .profile-pic {
        float: initial;
    }

    .profile .inline-edit {
        width: 85%;
    }

    #groupContainer .hover-edit-container .inline-edit {
        width: 90%;
    }
}

.profile .task-count,
.profile .folder-count {
    cursor: pointer;
}
.profile .dashed-btn {
    position: absolute;
    right: 20px;
    display: none;
}

.profile .password-container .dashed-btn {
    display:block;
    z-index:11;
}

.profile .password-container input {
    padding-right: 140px;
}

.profile .password-container i {
    position: absolute;
    right: 2px;
    top: 4px;
    cursor: pointer;
    z-index: 10;
}

.modal-body .field-formula-control-container {
    display: none;
    z-index: 30;
    position: absolute;
    top: -180px;
    left: -45px;
}

.modal-body .formula-result .field-formula-control-container {
    top: -35px;
    left: 40px;
}

/*временное решение, необходимо менять положение tooltip в модалках*/
.modal-body .formula-result .tooltip {
    display: none !important;
}

.modal-body textarea {
    min-height: 21px;
    max-height: 450px;
}

.modal-body fieldset {
    padding-left: 0px;
}

.modal-content .jarviswidget {
    margin: 0px;
}

/*Уровни наложения модалок друг на друга*/
.modal[data-z-num] {
    top: 140px;
    left: 140px;
}

.modal[data-z-num='1'] {
    top: 40px;
    left: 40px;
}

.modal[data-z-num='2'] {
    top: 80px;
    left: 80px;
}

.modal[data-z-num='3'] {
    top: 120px;
    left: 120px;
}

/*.modal-content form,*/
/*.modal-content form,*/
#DictionaryModal .modal-content [data-toggle="validator"] .modal-body,
#MainModal .modal-content .modal-body-scroll,
#EGRULModal .modal-content .modal-body-scroll {
    overflow: auto;
    max-height: 65vh;
}

#EGRULModal .modal-content .modal-body-scroll {
    min-height: 155px;
}

#DictionaryModal .modal-content .new-dictionary [data-toggle="validator"] .modal-body {
    min-height: initial;
}

/*#MainModal .modal-content .modal-body-scroll {
    overflow: auto;
    max-height: 500px;
}*/

#HistoryChangeModal .modal-dialog {
    width: 573px;
}

/*#EGRULModal .modal-content .modal-body-scroll {
    overflow: auto;
    max-height: 500px;
}*/

.modal-content .modal-body fieldset,
.MessageBoxContainer {
    padding: 0px;
}

    /*.MessageBoxContainer {
    padding: 0;
}*/

    .MessageBoxContainer .close {
        position: absolute;
        top: 0px;
        right: 0px;
        margin-top: 14px;
        margin-right: 14px;
        font-size: 28px;
        font-weight: 100;
    }

.MessageBoxUnder {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
}

.MessageBoxMiddle {
    left: 0%;
    width: 100%;
}

    .MessageBoxMiddle .MsgTitle {
        letter-spacing: normal;
        font-family: 'Open Sans';
        color: inherit;
    }

    .MessageBoxMiddle p {
        margin: 0;
        word-break: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .MessageBoxMiddle .form-group {
        margin-bottom: 10px;
        font-size: 14px;
    }

    .MessageBoxMiddle.delete-account .MsgTitle,
    .MessageBoxMiddle.delete-role .MsgTitle {
        font-size: 14px;
        font-family: 'ProximaNova', Roboto, sans-serif;
    }

    .MessageBoxMiddle.delete-account .modal-body .control-label {
        font-size: 14px !important;
        color: #222222 !important;
        padding-bottom: 5px;
    }

#DictionaryModal {
    left: 40px;
    top: 40px;
}


.modal-header {
    display: block;
    padding-top: 30px;
    padding-left: 30px;
    border-bottom: none;
}

    .modal-header h2 {
        margin: 0px;
    }

.modal-dialog .modal-content .FromCalendar h2,
.modal-content .event-edit-container h2 {
    margin: 0px;
    margin-bottom: 15px;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-bottom: 0px;
}


.modal-body {
    padding: 0px 30px;
    overflow: auto;
}

#MainModal .modal-body {
    overflow: inherit;
}

.modal-body > .row {
    padding-bottom: 15px;
}

    .modal-body > .row > div > label {
        margin-left: 14px;
    }

        .modal-body > .row > div > label.control-label {
            margin-left: 0px;
            font-weight: bold;
            color: #222;
            font-size: 14px;
        }

    .modal-body > .row > label {
        padding-bottom: 8px;
    }

.modal-body .btn.btn-transparent .plus {
    position: absolute;
    top: -3px;
    left: 0px;
    font-size: 20px;
}

.modal-body input.small {
    border: none;
    border-bottom: 1px solid #d8d8d8;
    padding-left: 10px;
    width: 50px;
    padding-bottom: 2px;
    margin-right: 15px;
    margin-left: 10px;
}

.calendar-synchronization.google {
    padding-left: 0px;
}

.synchronization .tab-content .before-synch {
    padding-top: 10px;
}

.synchronization .modal-body .event-filter {
    overflow: auto;
    max-height: 55vh;
    position: relative;
}

.synchronization .tab-content .before-synch .form-group:nth-child(1) {
    padding-bottom: 5px;
}

.synchronization .after-synch {
    display: none;
}

.synchronization .tab-content .after-synch {
    padding-top: 9px;
    padding-bottom: 5px;
}

.synchronization .modal-body .calendar-add-btn {
    width: 233px;
    margin-bottom: 5px;
}

.notice .modal-body .form-group {
    display: inline-block;
}

.synchronization .modal-header .calendar-synchronization {
    margin-right: 25px;
    cursor: pointer;
}

.synchronization .calendar-add {
    position: relative;
}

    .synchronization .calendar-add > button {
        margin-top: 10px;
        display: none;
    }

    .synchronization .calendar-add > button.active {
        display: block;
        cursor: pointer;
    }

        /*.synchronization .calendar-add > button:active {
            left: 1px;
            top: 1px;
            background-color: #b50a0a !important;
            border-color: transparent !important;
        }*/

    .synchronization .calendar-add .glyphicon-ok {
        padding-right: 5px;
    }

    .synchronization .calendar-add .calendar-add-active,
    .synchronization .calendar-add .calendar-add-active:hover,
    .synchronization .calendar-add .calendar-add-active:active {
        border-color: #d8d8d8 !important;
        background-color: #fff !important;
        color: #222 !important;
        box-shadow: none !important;
    }


.synchronization .calendar-add-btn {
    display: none;
}

.synchronization .calendar-add-active {
    border-color: #d8d8d8 !important;
    background-color: #fff !important;
    color: #222 !important;
    box-shadow: none !important;
}

.synchronization .modal-header h2 {
    margin: 0px;
    padding-bottom: 5px;
}

.synchronization .synchronization-buttons {
    margin-top: 11px;
}

    .synchronization .synchronization-buttons > div:nth-child(1) {
        padding-top: 9px;
    }

    .synchronization .synchronization-buttons > div:nth-child(2) {
        width: 115px;
    }

    .synchronization .synchronization-buttons > div:nth-child(3) {
        /*width: 134px;*/
        text-align: right;
    }

    .synchronization .synchronization-buttons > div span.email {
        padding-left: 12px;
    }

.synchronization .modal-footer {
    margin-top: 25px;
}

.synchronization .modal-body .form-group,
.new-task .modal-body .form-group {
    padding-top: 15px;
    display: inline-block;
}

.new-task .modal-body .form-group {
    padding-top: 0px;
    padding-right: 15px;
    margin-bottom: 0px;
}

.new-task .modal-body .inbox-info-bar {
    border: none;
}

    .new-task .modal-body .inbox-info-bar .form-control {
        padding-left: 0px !important;
    }

.new-task .modal-body .form-group {
    width: 165px;
}

.new-task .row .form-group .form-control {
    height: auto;
    min-height: 24px;
    word-break: break-word;
}

.synchronization .select2-selection--single {
    overflow: hidden;
    padding-right: 15px;
    text-overflow: ellipsis;
}

.synchronization fieldset {
    position: relative;
}

.synchronization .form-group .select2-container,
.synchronization .form-group {
    width: 90% !important;
}

.synchronization .tooltip {
    width: 180px;
}

.synchronization .circle {
    position: absolute;
    top: 40px;
    right: 65px;
}

.synchronization .after-synch .circle {
    top: 40px;
}

.new-constructor .circle,
.synchronization .circle,
.notice .circle,
.statistics .circle {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    padding-left: 6px;
    background: #ececec;
    display: inline-block;
    cursor: pointer;
}

/*.synchronization .circle,*/
.notice .circle {
    position: absolute;
    top: 20px;
    right: 70px;
}

.notice .circle {
    top: 25px;
    right: 60px;
}

.notice #tab_Workitem .Workitem > div:nth-child(1),
.notice #tab_KADcases .KADcases > div:nth-child(1) {
    position: relative;
}

    .notice #tab_Workitem .Workitem > div:nth-child(1) .circle,
    .notice #tab_KADcases .KADcases > div:nth-child(1) .circle {
        position: absolute !important;
        right: -5px;
        top: 25px;
    }

.new-constructor .circle {
    margin-right: 5px;
    position: relative;
    top: 24px;
    margin-left: 22px;
}

.modal-footer {
    padding: 15px 30px 20px 30px;
    border-top: none;
    width: auto;
    height: auto;
    justify-content: flex-start;
}

    .modal-footer #btn-egrul {
        float: left;
    }

.modal-dialog .remove-parent {
    margin-left: 10px;
}

.modal-body .select2-selection__arrow b {
    display: block;
    top: 5px;
    right: -10px;
}

/*modal notice */

.notice .modal-body div div {
    display: inline-block;
}

.notice .modal-body label input[type=checkbox].checkbox + span, label input[type=radio].radiobox + span {
    margin-right: 10px;
}

.notice .tab-content > .tab-pane {
    display: none;
}

    .notice .tab-content > .tab-pane.active {
        display: block;
    }

.notice .modal-body .checkboxs,
.notice .modal-body .checkboxs:last-child {
    padding-bottom: 10px;
}

.notice div.hour {
    position: relative;
    top: 5px;
}

.notice .modal-tab .Day > .hour,
.notice .modal-tab .Week > .hour {
    vertical-align: top;
}

.notice .tab-content .row {
    margin-left: 0px;
    margin-right: 0px;
}

.notice .tab-content .bootstrap-datetimepicker-widget {
    left: -150px !important;
}

    .notice .tab-content .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
        left: 192px;
    }

    .notice .tab-content .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
        left: 193px;
    }

.notice .tab-content .Day,
.notice .tab-content .Week {
    margin-bottom: 20px;
}

#ck-button {
    border-radius: 16px;
    overflow: auto;
    float: left;
    text-transform: uppercase;
    cursor: pointer;
}

    #ck-button label {
        float: left;
        width: 3.8em;
        margin-bottom: 0px;
    }

        #ck-button label span {
            text-align: center;
            padding: 4.5px 0px;
            display: block;
            width: 48px;
            font-size: 12px;
            border-radius: 16px;
            border: 1px solid #d8d8d8;
            cursor: pointer;
        }

        #ck-button label input {
            display: none;
        }

    #ck-button .photo .user {
        margin-bottom: 0px;
    }

    #ck-button input:checked + span {
        background-color: #db1212;
        border: 1px solid #db1212;
        color: #fff;
    }

/*modal notice end*/

.modal-dialog .modal-content .close,
.modal-header .close {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 0px;
    margin: 0px;
    /*margin-top: 14px;
    margin-right: 14px;
    font-size: 28px;
    font-weight: 100;*/
}

/*#DictionaryModal .modal-content .close,
#FieldModal .modal-dialog .modal-content .close {
    position: absolute;
    top: 0px;
    right: 0px;
}*/

/*#EGRULModal .modal-header .close,
#MainModal .modal-header .close,
#CreatePermissionModal .modal-header .close,
.TwoPanelModal .modal-header .close,
#HistoryChangeModal .modal-header .close,
#SearchContragentModal .modal-header .close,
#WorkitemMappingModal .modal-header .close,
#FieldMappingModal .modal-header .close {
    margin-top: -22px;
    margin-right: -3px;
    font-size: 28px;
    font-weight: 100;
}*/

#HistoryChangeEditModal .modal-dialog {
    width: 650px;
}

#HistoryChangeModal .modal-dialog {
    overflow-y: initial !important;
}

#HistoryChangeModal .modal-body .history-sections {
    height: auto;
    overflow-y: auto;
    max-height: 428px;
    min-height: 150px;
}

/*Модалка создания события*/

/*.event-edit-container h3 {
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #222222;
}*/


.event-edit-container .date {
    width: 250px;
}

/*.event-edit-container .circle,*/
.container .circle {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: red;
    margin-right: 5px;
    display: inline-block;
    box-shadow: 0 3px 7px 0 rgba(34, 34, 34, 0.3);
    cursor: pointer;
}

.event-edit-container .row {
    margin-right: 0px;
}

    .event-edit-container .row:last-child .form-group {
        margin-bottom: 0px;
    }

.event-edit-container .modal-footer.row {
    margin-left: 0px;
}

.event-edit-container .form-control {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #222222;
}

.event-edit-container .inbox-info-bar .form-control {
    border-bottom: none;
}

.event-edit-container .new-task {
    padding: 30px 0px 10px;
}

    .event-edit-container .new-task .form-control {
        margin-top: -2px;
    }

.event-edit-container .point {
    background: #fff;
    height: 9px;
    width: 9px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 50%;
    display: none;
}

.event-edit-container .active .point {
    display: block;
}

.event-edit-container .modal-footer #eventEditFrm > div {
    padding-right: 0px;
}

    .event-edit-container .modal-footer #eventEditFrm > div .btn-transparent {
        min-width: initial;
    }

.event-edit-container #eventEditFrm .inbox-info-bar:last-child {
    margin-bottom: 10px;
}

.event-edit-container #eventEditFrm .btn-transparent {
    padding-bottom: 8px;
}

.event-edit-container .new-task .row .form-control p {
    word-wrap: break-word;
}

.event-edit-container .legend {
    position: relative;
    margin-top: 30px;
    margin-bottom: 0px;
    cursor: pointer;
    width: 250px;
}

    .event-edit-container .legend i.fa-chevron-up {
        background-color: #fff;
        z-index: 10;
    }

    .event-edit-container .legend i,
    .account .legend i {
        font-size: 10px;
        position: absolute;
        top: 7px;
        left: 110px;
        cursor: pointer;
    }

.event-edit-container .modal-footer .event-delete-btn {
    padding-left: 0px;
    margin-left: 0px;
    min-width: inherit;
}

.event-edit-container .modal-footer .cancel,
.event-edit-container .modal-footer .event-goto-btn {
    padding-right: 25px;
    padding-left: 0;
    padding-bottom: 8px;
    margin-right: 0px;
    min-width: inherit;
}

.event-edit-container .modal-footer > div {
    padding-left: 0px;
    padding-right: 0px;
}

.event-edit-container .block .form-group {
    margin-bottom: 17px;
}

.event-edit-container .block .form-control {
    border: none;
    color: #828282;
}

.event-edit-container .block > .row {
    color: #828282;
}

.event-edit-container .description textarea {
    white-space: pre-wrap;
}

.event-edit-container .responsible {
    padding-top: 10px;
}

.event-edit-container .avatar {
    display: inline-block;
}

    .event-edit-container .avatar:nth-child(n+7) {
        display: none;
    }

.event-edit-container .responsible .text-elipsis {
    display: inline-block;
    width: calc(100% - 50px);
    vertical-align: middle;
}

.event-edit-container .responsible .avatar img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-right: 8px;
    cursor: pointer;
    object-fit: cover;
}

.event-edit-container .responsible .label-avatar {
    color: #828282;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.event-edit-container .responsible .quantity {
    cursor: pointer;
}

.event-edit-container .cont label span {
    margin-top: 20px !important;
}

.modal-content .event-edit-container h2 {
    margin-bottom: 0px !important;
}
/*new-constructor*/
.new-constructor h2,
.new-mapping h2 {
    margin: 0px;
}

.new-mapping-field .modal-body {
    overflow: visible;
}

.new-mapping .field-name {
    /*width: 49%;*/
    display: inline-block;
}

    .new-mapping .field-name:first-child {
        margin-right: 5px;
    }

.new-mapping .modal-body {
    padding-right: 20px;
}

.new-mapping.new-mapping-field .field-name {
    width: 90%;
}

.new-mapping.new-mapping-field .modal-body > div {
    position: relative;
}

.new-mapping.new-mapping-field .circle {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    padding-left: 6px;
    background: #ececec;
    display: inline-block;
    cursor: pointer;
    position: absolute;
    top: 25px;
    right: 15px;
}


.new-constructor fieldset {
    margin-bottom: 0px;
}

.new-constructor .cont fieldset {
    margin-bottom: 24px;
}

.new-constructor .cont .field-control-calculator-append fieldset {
    padding-right: 0px;
}

/*.new-constructor .modal-body .form-group {
    margin-bottom: 24px;
}*/

.new-constructor .no-padding {
    display: inline-block;
}

.new-constructor .legend {
    position: relative;
    cursor: pointer;
    margin-top: 10px;
    margin-bottom: 20px;
}

    .new-constructor .legend i {
        font-size: 10px;
        cursor: pointer;
    }

    .new-constructor .legend:not(.btn-additional-settings):not(.btn-spec-admin-settings) .fa-chevron-up {
        background-color: #fff;
        z-index: 10;
        display: none;
    }

.new-constructor .block {
    display: none;
}

.new-constructor .field {
    width: 470px;
}

    .new-constructor .field .checkbox {
        margin-bottom: 15px;
        margin-top: 0px;
    }

    .new-constructor .field .circle {
        top: 0px;
    }

.modal-footer {
    padding: 15px 30px;
    border-top: none;
    background-color: #f3f3f3;
    margin-top: 20px;
}

    .modal-footer#egrul-footer {
        margin-top: 0px;
    }

.user-new.modal-footer {
    margin-top: 45px;
}

.new-constructor .modal-footer .row > div:first-child a {
    padding-left: 0px;
}

.new-constructor .block .symbol {
    width: 175px;
    display: inline-block;
    padding-right: 28px;
}

    .new-constructor .block .symbol input {
        padding-right: 0px;
    }

.new-field .row > div:nth-child(2) .form-control {
    margin-top: -3px;
}

.new-field .modal-body .row {
    padding-bottom: 0px;
    padding-top: 10px;
}

/*#EGRULModal*/

#EGRULModal .modal-dialog {
    width: 1260px;
}

#EGRULModal.egrul-v2 .modal-dialog {
    max-width: 600px;
    width: 100%;
    left: 40px;
    top: 80px;
}

#EGRULModal .iframe-container {
    overflow: hidden;
    height: 660px;
}

#EGRULModal .iframe-egrul {
    border: 0px none;
    margin-left: -7px;
    height: 1090px;
    margin-top: -325px;
    width: 1200px;
}


.agenda-setting h4 {
    font-weight: normal;
    padding: 0px;
    padding-bottom: 20px;
}

.egrul-v2 .egrul-results ul {
    padding: 10px;
}

.egrul-v2 .egrul-results li {
    display: block;
    width: 100%;
    padding: 20px 40px 20px;
    font: regular 14px;
    box-shadow: 0 3px 12px 0 rgba(34,34,34,.16);
    margin-bottom: 10px;
}

    .egrul-v2 .egrul-results li:hover {
        box-shadow: 0 3px 12px 0 rgba(34,34,34,.21)
    }

.egrul-v2 .egrul-results li {
    position: relative;
    cursor: pointer;
}

    .egrul-v2 .egrul-results li a span.type {
        margin-right: 5px;
        color: #c7c7c7;
        font-size: 10px;
        border-radius: 50%;
        position: absolute;
        left: 10px;
        top: 37px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 3px;
        padding-right: 3px;
        margin-top: -20px;
        margin-bottom: 10px;
    }

    .egrul-v2 .egrul-results li a span.circle {
        position: absolute;
        right: 5px;
        top: 20px;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: red;
        margin-right: 5px;
        display: inline-block;
        box-shadow: 0 3px 7px 0 rgba(34, 34, 34, 0.3);
    }

.egrul-v2 .tab-content .nav-tabs {
    border: none;
    margin-bottom: 30px;
}

    .egrul-v2 .tab-content .nav-tabs li {
        padding: 0px;
        border: none;
    }

.egrul-v2 .tab-content .nav > li > a {
    border: 1px solid #d8d8d8;
    padding: 9px !important;
    margin: 0px;
}

.egrul-v2 .tab-content .nav-tabs > li.active > a {
    background-color: #db1212;
    border-color: #db1212;
    border-top: 1px solid #db1212 !important;
    color: #fff;
    margin: 0px !important;
}

.egrul-v2 .captcha-block img {
    padding-bottom: 20px;
}

.egrul-v2 .captcha-block .captcha-update {
    padding-bottom: 10px;
    display: block;
    margin-top: -15px;
}

.egrul-v2 .tab-content #fl-tab > .form-field .field-data {
    margin-bottom: 30px;
}

.egrul-v2 #flNameCriteria-fh .form-field,
.egrul-v2 #flOgrnCriteria-fh .form-field {
    margin-bottom: 20px;
}

.egrul-v2 .tab-content #ulNameCriteria-fh .form-field .field-data {
    margin-bottom: 20px;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .btn-default {
    background-color: #ef1717 !important;
    color: #fff;
    border: 1px solid #ef1717;
    box-shadow: 0 6px 7px -4px rgba(255, 0, 0, 0.5);
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 19px;
    font-size: 14px;
    font-weight: normal;
    padding-right: 20px;
    padding-left: 20px;
}

    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .btn-default:active {
        background-color: #b50a0a !important;
        border-color: transparent !important;
        top: 1px;
        left: 1px;
        color: #fff;
    }

.TwoPanelModal .modal-footer,
.permission-user-new .modal-footer,
.create-doc .modal-footer,
.agenda-setting .modal-footer,
.permission-product-new .modal-footer,
.move-folder-modal .modal-footer {
    text-align: left;
    /*justify-content: flex-start;*/
}

.modal-footer_left {
    text-align: left;
}

#workitemPermissions .modal-footer .btn-default {
    min-width: initial;
}

#workitemPermissions .modal-header {
    border-bottom: 1px solid #e5e5e5;
}

.modal-open .TwoPanelModal {
    overflow-y: hidden;
}

.TwoPanelModal .modal-dialog {
    min-width: 756px;
    max-width: 786px;
}

    .TwoPanelModal .modal-dialog .modal-header {
        padding-left: 30px;
        border-bottom: 1px solid #e5e5e5;
    }

    .TwoPanelModal .modal-dialog .modal-body {
        /*max-height: 570px;*/
        max-height: 70vh;
        min-height: 315px;
        overflow: hidden;
    }

        .TwoPanelModal .modal-dialog .modal-body .left-column {
            position: absolute;
            width: 180px;
            padding-top: 20px;
            height: 100%;
            border-right: 1PX SOLID #f3f3f3;
            padding-bottom: 20px;
            margin-top: 0px;
        }

            .TwoPanelModal .modal-dialog .modal-body .left-column ul {
                overflow: auto;
                height: 100%;
                padding-left: 0px;
            }

                .TwoPanelModal .modal-dialog .modal-body .left-column ul li {
                    list-style-type: none;
                    position: relative;
                }

            .TwoPanelModal .modal-dialog .modal-body .left-column.quick-search ul li:hover::after {
                top: 20px;
            }

            .TwoPanelModal .modal-dialog .modal-body .left-column.quick-search ul:first-child:after {
                display: none;
            }

            .TwoPanelModal .modal-dialog .modal-body .left-column .tab_tracking {
                height: auto;
                display: block;
            }

                .TwoPanelModal .modal-dialog .modal-body .left-column .tab_tracking::before {
                    content: "";
                    display: block;
                    height: 1px;
                    width: 70px;
                    background: #d8d8d8;
                    margin: 15px 0px;
                }

                .TwoPanelModal .modal-dialog .modal-body .left-column .tab_tracking a {
                    padding-bottom: 0px;
                }

            .TwoPanelModal .modal-dialog .modal-body .left-column.quick-search ul li:hover::after {
                top: initial;
            }

.TwoPanelModal .modal-dialog .contragent-form .modal-body .nav-item.DN {
    display: none;
}


        .TwoPanelModal .modal-dialog .modal-body .right-column {
            overflow-y: auto;
            overflow-x: hidden;
            /*height: 570px;*/
            padding-left: 200px;
            margin-top: 20px;
            margin-bottom: 20px;
            max-height: calc(70vh - 40px);
        }

            .TwoPanelModal .modal-dialog .modal-body .right-column .modal-tab label {
                display: block;
            }

            .TwoPanelModal .modal-dialog .modal-body .right-column .bootstrap-datetimepicker-widget {
                position: absolute !important;
            }

            .TwoPanelModal .modal-dialog .modal-body .right-column > div {
                margin-bottom: 15px;
            }

            .TwoPanelModal .modal-dialog .modal-body .right-column h4 {
                font-weight: normal;
                padding-top: 5px;
                font-weight: 600;
                text-align: left;
                color: #222222;
            }

            .TwoPanelModal .modal-dialog .modal-body .right-column ul {
                padding-left: 0px;
            }

            .TwoPanelModal .modal-dialog .modal-body .right-column li .photo img {
                border-radius: 50%;
                margin-right: 15px;
                margin-left: -1px;
            }

                .TwoPanelModal .modal-dialog .modal-body .right-column li .photo img.user {
                    width: 35px;
                    height: 35px;
                    object-fit: cover;
                }

    .TwoPanelModal .modal-dialog .modal-footer {
        margin-top: 0px;
    }

.TwoPanelModal .modal-body #tab_tracking label {
    margin-top: 15px;
}


.notice .modal-body .right-column {
    max-width: 720px;
}

.notice #NotifyEventFilter_Deadline > .form-group,
.notice #NotifyEventFilter_Week > .form-group,
.notice #NotifyEventFilter_Day > .form-group {
    width: 90%;
}

.notice #NotifyEventFilter_Deadline span.select2-container,
.notice #NotifyEventFilter_Week span.select2-container,
.notice #NotifyEventFilter_Day span.select2-container {
    width: 90% !important;
}

.notice #NotifyEventFilter_Deadline span.circle,
.notice #NotifyEventFilter_Week span.circle,
.notice #NotifyEventFilter_Day span.circle {
    display: block !important;
}

.notice .event-filter {
    position: relative;
}

.notice .modal-body .right-column .Day #ck-button label {
    width: 3.8em;
}

.notice .modal-body .right-column.tab-content {
    padding-top: 0 !important;
}

.notice .modal-body .right-column > div {
    min-height: 360px;
}

.account .right-column ul li.unavailable {
    min-height: 60px;
}

.account .right-column ul li {
    list-style-type: none;
    margin-top: 10px;
    padding-top: 5px;
    position: relative;
    min-height: 45px;
}

.isLiader {
    line-height: 40px;
    padding: 0px 0px 0px 9px;
}

.caption-users {
    line-height: 30px;
}


.account .modal-dialog .modal-body .right-column li:hover {
    background-color: #f3f3f3;
}

.account .right-column li .user-name {
    position: absolute;
    left: 50px;
}

.account .right-column .user-new {
    display: none;
    width: 450px;
}

    .account .right-column .user-new .form-group {
        margin-top: 20px;
        margin-bottom: 0px;
    }

.account .right-column li .role{
    font-size: 12px;
    color: #828282;
    position: absolute;
    left: 50px;
}
.account .right-column li .unavailability {
    font-size: 12px;
    color: #dc3545;
    position: absolute;
    left: 50px;
    padding-top: 0px;
}


.account .right-column .buttons .quantity {
    padding-top: 9px;
    font-size: 12px;
}

.account .right-column .legend {
    cursor: pointer;
    position: relative;
}

    .account .right-column .legend span {
        top: 13px;
        left: 210px;
    }

        .account .right-column .legend span.glyphicon-chevron-up {
            background-color: #fff;
            z-index: 10;
            display: none;
        }

.account .right-column .buttons .btn-sm {
    padding-right: 0px;
    padding-left: 0px;
    float: right;
    min-width: inherit;
    font-size: 12px;
    margin-right: 13px;
    margin-left: -13px;
    width: 60px;
}

.account .right-column .buttons .btn-oval {
    margin-left: 13px;
    width: 115px;
}


.account .right-column .label {
    margin-top: 40px;
}

.account .cont {
    margin-bottom: 30px;
}

.account .buttons {
    margin-bottom: 68px;
}

.account .btn-toolbar:after,
.account .clearfix:after,
.account .container-fluid:after,
.account .container:after,
.account .modal-footer:after,
.account .modal-header:after,
.account .nav:after,
.account .navbar-collapse:after,
.account .navbar-header:after,
.account .navbar:after,
.account .pager:after,
.account .panel-body:after,
.account .row:after {
    clear: inherit;
}

.account #ck-button label span {
    width: 35px;
    border-radius: 17.5px;
    padding: 0px;
    border: none;
}

.account #ck-button input:checked + span {
    width: 35px;
    height: 35px;
    position: relative;
}

.account #ck-button span .check {
    display: none;
    position: absolute;
    top: 9px;
    left: 12px;
    width: 15px;
    height: 15px;
}

.account #ck-button span .initials {
    width: 35px;
    height: 35px;
    padding-top: 10px;
    background-color: #dbdbdb;
}

.account #ck-button input:checked + span .user {
    display: none;
}

.account #ck-button input:checked + span img.check {
    display: block;
}

.account .right-column li .user-name,
.account .right-column li .role {
    max-width: 440px;
}

.permission-user-new .quantity {
    width: auto;
    height: 21px;
    font-size: 15px;
    display: inline-block;
    vertical-align: bottom;
}

.permission-user-new .buttons .btn-transparent {
    padding: 0px;
    border: 0px;
    height: 21px;
    min-height: initial;
}

.permission-user-new .buttons .access-add {
    padding-left: 13px;
}

.permission-user-new .cont {
    margin-bottom: 30px;
}

.permission-product-new .help-block {
    display: none;
}

.permission-product-new .error .help-block {
    display: block;
    color: #b94a48;
}

.permission-product-new .error input[type=text] {
    border-color: #b94a48;
}

.access-add-info {
    padding-top: 20px;
}

/*create-doc */
.create-doc p {
    color: #828282;
}

.create-doc .error-list {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 30px;
    min-height: 60px;
    height: 100%;
    padding: 10px;
    border: 1px solid #d8d8d8;
    overflow: auto;
    max-height: 350px;
}

    .create-doc .error-list ul {
        padding-left: 0px;
    }

        .create-doc .error-list ul li {
            list-style-type: none;
        }

.create-doc .dropzone {
    margin: 0px 0px 10px;
    min-height: 50px;
    height: 100%;
    padding: 0px;
    border-radius: 0;
    background: none;
    display: none !important;
    width: 100%;
}

.create-doc .file-download:hover .delete-btn {
    content: url('/img/delete-row.png');
}

.create-doc .file-download {
    position: relative;
    margin-bottom: 20px;
}

    .create-doc .file-download span.file-name {
        word-break: break-word;
    }

.create-doc .delete-btn {
    position: absolute;
    right: 0px;
}

.create-doc .xsud-icon-download-file {
    font-size: 19px;
    padding-right: 8px;
    vertical-align: middle;
}

.create-doc .form-group pre {
    white-space: pre-wrap;
    display: block;
    padding: 8.5px;
    margin: 0 0 9px;
    font-size: 12px;
    line-height: 1.42857143;
    word-break: break-all;
    word-wrap: break-word;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 2px;
}

.tags-list:not(.vue-tags-list) .modal-body {
    max-height: 70vh;
    min-height: 240px;
    overflow: hidden;
}

    .tags-list .modal-body table {
        width: calc(100% - 1px) !important;
        margin-top: 0px !important;
    }
    .tags-list .modal-body table  .caption-name {
        font-weight: bold;
    }

        .tags-list .modal-body table .section-caption-name {
            font-size: 12px;
            color: #828282;
        }

    .tags-list .modal-body tbody tr td:nth-child(1),
    .tags-list .modal-body thead tr th:nth-child(1) {
        padding-left: 0px !important;
    }

    .tags-list .modal-body .dataTables_wrapper > div {
        overflow: auto;
    }

        .tags-list .modal-body .dataTables_wrapper > div > div:nth-child(2) {
            max-height: 70vh;
            min-height: 240px;
        }

        .tags-list .modal-body .dataTables_wrapper > div > div:nth-child(3) {
            display: none;
        }

    .tags-list .modal-body table tbody tr td:nth-child(3) {
        margin-right: 0px !important;
        width: 10px;
        padding: 8px 5px !important;
        min-height: 10px;
        height: 20px;
        min-width: 20px;
    }

    .tags-list .modal-body table tbody .table-link-copy {
        color: transparent;
    }

    .tags-list .modal-body table tbody tr:hover > .table-link-copy {
        color: #828282;
    }

        .tags-list .modal-body table tbody tr:hover > .table-link-copy:hover {
            color: #222;
        }

.tags-list .modal-body table tbody tr:hover > .table-link-copy:active {
    color: #db1212;
}


    .tags-list .modal-body table tbody tr .dataTables_empty {
        font-size: 26px;
        color: #dbdbdb;
        width: 100%;
        text-align: center;
        padding-top: 20px !important;
    }

.tags-list .dataTables_filter {
    padding-right: 5px;
}

    .tags-list .dataTables_filter,
    .tags-list .dataTables_filter label,
    .tags-list .dataTables_filter label input {
        width: 100%;
    }

.tags-list .modal-footer {
    text-align: right;
}


/*file*/
.move-folder-modal .modal-body {
    min-height: 100px;
    max-height: 400px;
    overflow-y: auto !important;
}

.move-folder-modal .modal-header h2 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.folder-hierarchical div {
    padding: 8px 0px 8px 8px;
    margin-left: -8px;
    width: 100%;
    position: relative;
    display: block;
}

    .folder-hierarchical div.block {
        display: block !important;
    }

    .folder-hierarchical div[class^="level"]:hover {
        background-color: #f3f3f3;
    }

    .folder-hierarchical div[class^="level"]:not(.level0),
    .folder-hierarchical div[class^="level"] .plus,
    .folder-hierarchical div[class^="level"] .folder-open {
        display: none;
    }

    .folder-hierarchical div[class^="level"].active .plus,
    .folder-hierarchical div[class^="level"].active .folder-close {
        display: none !important;
    }

    .folder-hierarchical div[class^="level"].active .folder-open {
        display: inline;
    }

    .folder-hierarchical div[class^="level"] img {
        margin-right: 10px;
        margin-top: -4px;
    }

        .folder-hierarchical div[class^="level"] img.folder-open {
            margin-left: -3px;
        }

    .folder-hierarchical div[class^="level"][data-haschild=true] span.folder-imgs {
        cursor: pointer;
    }

    .folder-hierarchical div[class^="level"][data-haschild=true] span.plus {
        display: block;
        position: absolute;
        color: #aeaeae;
        font-weight: bold;
        top: 8px;
        font-size: 14px;
        padding-left: 3px;
    }

    .folder-hierarchical div[class^="level"] span.folder-caption {
        cursor: pointer;
        vertical-align: middle;
    }

    .folder-hierarchical div[class^="level"] span.selected-folder,
    .folder-hierarchical div[class^="level"] span.selected-file {
        font-weight: bold;
    }

.counterparty .cont {
    overflow-y: auto;
    height: 400px;
}


.counterparty .plate {
    box-shadow: 0 3px 12px -4px rgba(34, 34, 34, 0.16);
    font-size: 15px;
    padding: 15px;
    margin-bottom: 10px;
}

.counterparty .plate-title {
    font-weight: bold;
}

.counterparty .plate .btn {
    position: absolute;
    left: initial;
    margin-top: -5px;
}

.counterparty .plate .row:nth-child(2) > div:nth-child(1) {
    width: 167px;
    padding-right: 20px;
}

.counterparty .plate .row:nth-child(2) > div:nth-child(2) {
    padding-left: 0px;
    width: 130px;
    padding-right: 20px;
}

.counterparty .plate .row:nth-child(2) > div:nth-child(3) {
    width: 200px;
    padding-left: 0px;
}

.counterparty .plate > div {
    color: #828282;
    padding-bottom: 15px;
}

    .counterparty .plate > div:nth-child(1) {
        color: #222;
    }

    .counterparty .plate > div:nth-child(1) {
        color: #222;
    }

.TwoPanelModal .hamburger {
    display: none;
}

/*#DictionaryModal .layered {
    padding-bottom: 15px;
}*/

#DictionaryModal .layered .popover {
    padding-bottom: 15px;
}

#DictionaryModal .field.layered .popover .popover-content {
    width: 300px !important;
}

/*.dictionary-table tr td > span {
            word-break: break-word !important;
        }*/


.event-edit-container .description .task-description {
    min-height: 21px;
}

#form-fileFromExternalLink .input-group {
    display: flex;
    flex-direction: column;
}

#form-fileFromExternalLink .help-block {
    position: absolute;
    bottom: -30px;
    top: initial;
}

@media (max-width: 767px) {
    .modal-body {
        padding: 0px 20px;
    }

    .modal-header,
    .modal-footer,
    .TwoPanelModal .modal-dialog .modal-header {
        padding-left: 20px;
        padding-right: 20px;
    }

    .TwoPanelModal .left-column,
    .TwoPanelModal .hamburger .fa-caret-left {
        display: none;
    }

    .TwoPanelModal .hamburger {
        position: relative;
        padding-right: 10px;
        display: inline;
        vertical-align: top;
    }

        .TwoPanelModal .hamburger i.fa {
            position: absolute;
            left: -5px;
            top: 5px;
            background-color: #fff;
            padding: 5px;
        }

    .TwoPanelModal .left-column-active .hamburger .fa-caret-left {
        display: block;
        font-size: 18px;
        padding: 0 6px;
        top: 8px;
    }

    .TwoPanelModal .modal-header .modal-title {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: inline-block;
        width: calc(100% - 50px);
        padding-left: 10px;
    }

    body.smart-style-6 .modal-dialog {
        width: 95%;
        height: 95%;
        min-width: 300px !important;
    }

    .TwoPanelModal .modal-body .right-column {
        padding-left: 0px !important;
    }


    .TwoPanelModal .modal-dialog .modal-body {
        min-height: 200px;
    }

    .TwoPanelModal .left-column {
        background-color: #fff;
        z-index: 100;
    }

    .left-column-active .left-column {
        /*height: 100%;*/
        width: calc(100% - 20px) !important;
    }

    #HistoryChangeModal {
        padding: 0px !important;
    }

        #HistoryChangeModal .modal-dialog {
            min-width: 320px;
            width: 100%;
            height: 100%;
            margin: 10px;
            overflow-y: hidden !important;
        }

        #HistoryChangeModal .modal-title {
            font-size: 20px;
            margin-bottom: 10px;
        }

        #HistoryChangeModal .historyContainer .logo {
            background: url('/img/svg/logo.svg') no-repeat;
            background-size: 152px auto;
            width: 44px;
            height: 39px;
            display: inline-block;
            margin-top: 6px;
        }

        #HistoryChangeModal .historyContainer .iteration {
            width: calc(100% - 60px);
            float: right;
            padding: 0px;
        }

    .synchronization .modal-header {
        padding-bottom: 0px;
    }

    .modal-footer {
        margin: 0px;
        margin-top: 10px !important;
    }

    #DictionaryModal {
        top: 10px;
        left: 10px;
        padding: 0px;
    }

        #DictionaryModal > .modal-dialog {
            margin: 0px;
        }

    #EGRULModal.egrul-v2 {
        padding-left: 0px;
    }

        #EGRULModal.egrul-v2 .modal-header {
            padding-left: 15px;
        }


        #EGRULModal.egrul-v2 .modal-dialog {
            margin: 0px;
            top: 10px;
            left: 0px;
        }

        #EGRULModal.egrul-v2 .modal-body {
            padding: 0px 0px 0px 15px;
        }

        #EGRULModal.egrul-v2 .nav-tabs > li {
            padding-left: 0px;
        }

        #EGRULModal.egrul-v2 .modal-body fieldset .tab-content,
        #EGRULModal.egrul-v2 .modal-body .captcha-block {
            padding: 0px 15px 0px 0px;
        }

    .TwoPanelModal .modal-dialog .account .modal-body .right-column,
    .TwoPanelModal .modal-dialog .contragent-form .modal-body .right-column {
        max-height: 60vh;
    }

    .modal-footer > div {
        padding: 0px;
    }

    #MainModal .event-edit-container .modal-body {
        max-height: 60vh;
        overflow-y: auto;
    }
}

@media (max-width: 600px) {
    .v--modal {
        left: 0px !important;
    }
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 600px;
    }
}

.modal .modal-footer .btn.pull-right {
    margin-right: 0px !important;
}

.TwoPanelModal .left-column.quick-search label {
    width: 165px;
    margin-bottom: 15px;
}

    .TwoPanelModal .left-column.quick-search label .input-group-addon {
        padding-right: 0px;
    }

    .TwoPanelModal .left-column.quick-search label input {
        padding-left: 0px;
        padding-right: 25px;
    }

.tracking-file-modal .xsud-icon-map-marker {
    font-size: 16px;
    padding-bottom: 3px;
}

.tracking-file-modal .tracking-files {
    margin-left: -10px;
    width: calc(100% + 20px);
}

    .tracking-file-modal .tracking-files thead {
        display: none;
        display: none;
    }

    .tracking-file-modal .tracking-files tr:hover {
        background-color: #f3f3f3;
    }

    .tracking-file-modal .tracking-files tr .type {
        text-transform: uppercase;
        font-size: 10px;
        letter-spacing: 1px;
        vertical-align: middle;
        width: 35px;
        padding-right: 0px;
    }

.tracking-file-modal .xsud-icon-download-file {
    padding-right: 8px;
}

.tracking-file-modal .modal-body {
    max-height: 70vh;
    min-height: 240px;
    overflow: auto !important;
}


.setting-task-template table {
    margin-top: 0px !important;
    margin-left: -10px;
    width: calc(100% + 20px);
}

.setting-task-template .modal-body thead tr th:nth-child(1),
.setting-task-template .modal-body tbody tr td:nth-child(1) {
    padding-top: 0px;
}


.setting-task-template .modal-body tbody tr:hover {
    background-color: #F3F3F3;
}


.setting-task-template .modal-body tbody tr .delete-row {
    cursor: pointer;
}

.setting-task-template .modal-body {
    max-height: 70vh;
    overflow: auto !important;
}

.v--modal {
    max-width: 100vw;
}

.file-attributes .modal-body {
    overflow: inherit;
}

.create-doc .circle {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    padding-left: 6px;
    background: #ececec;
    cursor: pointer;
    display: inline-block;
}

.create-doc .modal-title {
    margin-right: 0.3em;
    display: inline-block;
}

.templateConstructor-section {
    border: solid blue 1px;
}

.templateConstructor-field {
    border: solid red 1px;
}


/*правая панель*/
.template-constructor .title {
    padding: 20px 0px 20px 0px;
    background-color: #fff;
    color: #000;
    box-shadow: none;
    margin-bottom: 0px;
}

.template-constructor h1 {
    padding: 0px;
    margin: 0px;
}

/*.template-constructor .title .vertical-points {
        margin-top: 50px;
        cursor: pointer;
    }*/


.template-constructor .nav-tabs .tab-new a {
    color: #db1212;
}

.template-constructor .tab-pane .section-caption-edit {
    width: 90%;
    border-bottom: 1px solid #d8d8d8;
    font-size: 18px;
    font-weight: bold;
    text-overflow: ellipsis;
}

.template-constructor .section-caption-container {
    width: 100%;
    margin: 0;
    display: inline-block;
    font-weight: bold;
}

.template-constructor .has-error .help-block {
    display: inline-block;
    position: relative;
    left: 0px;
    font-weight: 500;
}

.template-constructor .tab-pane > div:first-child .section > div:nth-child(2),
.template-constructor .tab-pane > div:first-child .section > div:nth-child(3) {
    margin-top: 8px;
}


.template-constructor .constructor-plate .cont-field > div:nth-child(1) {
    margin-top: 30px;
}


.template-constructor .constructor-plate .row.section span {
    height: 18px !important;
}

.template-constructor .constructor-plate .row.field {
    padding: 15px 2px;
    border: 1px solid #f3f3f3;
    border-bottom: none;
    margin: 0px;
    height: 68px;
}

    .template-constructor .constructor-plate .row.field:last-child {
        border-bottom: 1px solid #f3f3f3;
    }

    .template-constructor .constructor-plate .row.field .row > div {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }


    .template-constructor .constructor-plate .row.field .btn,
    .template-constructor .constructor-plate .row.field .btn:active {
        position: absolute;
        right: -30px;
        bottom: 15px;
        left: initial;
        top: initial;
        display: none;
    }

    .template-constructor .constructor-plate .row.field:hover .btn {
        display: block;
    }

    .template-constructor .constructor-plate .row.field.new {
        cursor: pointer;
        padding: 22px 2px;
        margin-top: -1px;
        /*border-top: none;*/
    }

        .template-constructor .constructor-plate .row.field.new > div:nth-child(1) {
            padding-left: 24px;
        }

.template-constructor .nav-tabs {
    margin-bottom: 20px;
}

.template-constructor .constructor-plate {
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0 3px 12px 0px rgba(34, 34, 34, 0.16);
    margin-left: 0px;
    margin-bottom: 20px;
    padding: 19px 35px;
}

    .template-constructor .constructor-plate .plate-new {
        padding: 3.5px 0px;
        padding-left: 12px;
    }

    .template-constructor .constructor-plate .row {
        position: relative;
    }

.template-constructor .constructor-fielddetails {
    cursor: pointer;
}

.constructor-fielddetails:hover {
    background-color: #fafafa;
}

.template-constructor .field .icon > span:nth-child(1)::before,
.template-constructor .section .icon > span::before {
    content: url(/img/delete-row.png);
    display: none;
}

.template-constructor .field:hover .icon > span::before,
.template-constructor .section:hover .icon > span::before {
    display: inline-block;
    cursor: pointer;
}

.template-constructor fieldset {
    padding-top: 0px;
    padding-left: 0px;
    margin-bottom: 0px;
    height: 23px;
}

.template-constructor .constructor-plate .row .information {
    font-size: 12px;
    color: #828282;
}

.template-constructor .constructor-plate .row > div:first-child.plate-new {
    border-bottom: none;
}

.template-constructor .constructor-plate .row .plate-new h4 {
    width: 150px;
    cursor: pointer;
}

.template-constructor .constructor-plate .row > div:nth-child(2) {
    padding-left: 26px;
}

.template-constructor .btn-element-label {
    padding-right: 5px;
    font-size: 20px;
}

.template-constructor li.tab-new {
    top: 12px;
    color: #fff;
    background-color: #db1212;
    padding: 0px;
    width: 18px;
    height: 18px;
    margin-left: 10px;
}

.template-constructor li .btn-element-label {
    position: absolute;
    left: 3px;
    top: 0px;
    cursor: pointer;
}

.template-constructor .construstor-tab-footer {
    margin-top: 43px;
}

.template-constructor .nav-tabs i.fa {
    position: absolute;
    right: 0px;
    top: 15px;
    font-size: 10px;
    cursor: pointer;
    display: none;
}

.template-constructor .nav-tabs li.active i.fa {
    display: block;
}


.template-constructor .edit-color {
    padding: 0px;
    padding-top: 7px;
    width: 40px;
}

.template-constructor .color-panel label {
    bottom: 4px;
    color: #828282;
    letter-spacing: normal;
    font-size: 14px;
}


.template-constructor .edit-color .dropdown-menu {
    left: 25px;
    width: 320px;
    max-width:320px;
}

.template-constructor .color-new ul {
    padding: 10px;
}

.template-constructor .point {
    background: #fff;
    height: 9px;
    width: 9px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 50%;
    display: none;
}

.template-constructor li.active .point {
    display: block;
}


.new-constructor .help-block {
    display: none;
    font-size: 10px;
}

.new-constructor .has-error .help-block {
    display: inline-block;
    position: relative;
    left: 0px;
    font-weight: 500;
}

.new-constructor .has-error .form-group .help-block {
    bottom: -5px;
}

.template-constructor .vertical-points .dropdown-menu {
    right: 0px;
    left: auto;
    transform-origin: top right !important;
}




/* Template-mapping
----------------------------------*/

.template-constructor .field-mapping-controls {
    font-size: 14px;
    padding: 0;
    margin-right: 0 !important;
    text-overflow: ellipsis;
    overflow: hidden;
}

.template-constructor .field-mapping-controls-menu {
    position: absolute;
    right: 0px;
    display: inline-block;
}

.template-constructor right-panel > .popover {
    max-width: 250px;
}




/*.new-constructor .input-group-btn {
    bottom: 21px;
}*/

.template-constructor right-panel h4 {
    width: auto;
    display: inline-block;
}

.template-constructor right-panel #mapping-cont h4 {
    margin-bottom: 20px;
}

.template-constructor right-panel span.circle {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    padding-left: 6px;
    background: #ececec;
    display: inline-block;
    cursor: pointer;
    margin-left: 15px;
}

.template-constructor right-panel .edit-color span.circle {
    width: 24px;
    height: 24px;
    margin: 0px;
}

.template-constructor li.circle {
    position: relative;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 5px;
    background: #f00;
    display: inline-block !important;
    box-shadow: 0 3px 7px 0 rgba(34,34,34,.3);
    cursor: pointer;
}


.template-constructor right-panel .workitem-mapping-add-btn > div {
    margin-left: 0px;
}


.template-constructor .tab-container .dropdown-menu > li {
    cursor: pointer;
}

.save-button img,
.constructor-tab-add-btn img {
    cursor: pointer;
    opacity: .85;
}

    .save-button img:hover,
    .constructor-tab-add-btn img:hover {
        opacity: 1;
    }

/* Template-mapping-----------------------------*/

.new-mapping .help-block {
    display: none;
    font-size: 10px;
}

.new-mapping .has-error .help-block {
    display: inline-block;
    position: absolute;
    left: 0px;
}

.new-mapping .has-error .form-group .help-block {
    bottom: -5px;
}

.template-constructor #template-add-btn {
    list-style-type: none;
    cursor: pointer;
}

.draggable-container.tab-pane > .constructor-plate {
    height: 62px;
}

    .draggable-container.tab-pane > .constructor-plate .plate-new {
        padding: 0px;
        padding-left: 12px;
    }

.template-constructor .tab-container .dropdown-menu {
    /*transform: none !important;
    will-change: auto !important;
    top: 39px !important;
    left: initial !important;
    right: 0px !important;*/
    top: 16px !important;
    display: none;
}

.template-constructor .tab-container .show  .dropdown-menu {
    display: block;
}

.black-red-btn,
.disabled .black-red-btn:hover,
.disabled .black-red-btn:active {
    color: #222;
}

    .black-red-btn:hover {
        color: #db1212;
    }

    .black-red-btn:active {
        color: #b50a0a;
    }


.folderSearch .folders-number {
    position: relative;
    top: 0px;
    left: 13px;
    color: #222;
    margin-top: 10px;
    margin-right: 38px;
    display: none;
}

.folders-number-container {
    width: 100%;
    display: inline-block;
    padding-left: 13px;
}

.active-sort .folders-number-container {
    width: calc(100% - 270px);
}

.folderSearch h3 a:hover,
.workitem-plate-title h6 a:hover {
    color: #db1212;
}

.folderSearch h3 a:active,
.workitem-plate-title h6 a:active {
    color: #b50a0a;
}

.folderSearch {
    margin-left: -13px;
    margin-top: 0px;
}

    

.object-search {
    padding-left: 27px;
    padding-right: 37px;
    position: relative;
}

    .object-search input:not(:focus) {
        color: #828282;
    }

.form-control input-lg {
    width: 100%;
}

.input-group {
    width: 100%;
    position: relative;
}

.object-search .input-group-btn {
    background: #fff;
    padding-left: 15px;
}

.object-search .input-group input {
    font-size: 24px;
    font-weight: normal;
    padding-bottom: 14px;
    position: relative;
}

.btn.filter {
    display: inline-block;
}


.object-search .btn img {
    padding: 6px 0px 11px;
}

.object-search .btn-default i {
    padding-bottom: 5px;
}

.object-search .input-group-btn span.filter img {
    border: none;
    margin-top: -5px;
    padding: 0px;
}

.object-search .input-group-btn .btn-default,
.object-search .input-group-btn .btn-default:hover,
.object-search .input-group-btn .btn-default:focus {
    background-color: transparent;
    height: 45px;
    padding: 10px 0px;
    font-size: 17px;
    line-height: 1.33;
}

    .object-search .input-group-btn .btn-default svg:hover,
    .object-search .input-group-btn .btn-default img:hover {
        opacity: 0.8;
    }

.object-search .input-group-btn button img {
    transform: scale(-1, 1);
    padding: 0px;
    margin-top: -5px;
    width: 39px;
    height: 28px;
}

.input-group-btn .glificon {
    position: relative;
    top: 0px;
    bottom: 0px;
}

.input-group-btn span.glyphicon-filter:active {
    border: none;
    border-bottom: 4px solid #db1212;
}

.object-search #filter .color-change {
    border-bottom: 4px solid #f00;
}

.input-group-btn button.btn-default,
#filter .btn-default {
    border: none;
}

#filter button {
    padding-bottom: 10px;
}

.object-search #filter span.btn-default {
    margin-right: 6px;
}

.object-search #filter span.synchronization {
    padding-right: 17px;
    position: relative;
}

.object-search #filter.input-group-btn {
    font-size: 14px;
}

.object-search #cont-checkbox {
    box-shadow: 0 10px 20px 0 rgba(34, 34, 34, 0.15);
    position: absolute;
    right: 120px;
    top: 40px;
    padding: 10px;
    width: 170px;
    height: 120px;
    background-color: #fff;
    opacity: 1;
    z-index: 20;
    display: none;
}

.object-search .input-group input {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 150px;
    width: 100%;
}

.folder-list-container {
    margin-top: 40px;
}


/* ================= Плашки дел на главной странице ======================= */

.workitem-plate {
    padding: 10px 30px 0px 55px;
    color: #222;
}

    .workitem-plate .workitem-glyph-menu {
        font-size: 12px;
    }

        .workitem-plate .workitem-glyph-menu > div {
            float: right;
            margin: 0px 0px 0px 10px;
            text-align: right;
        }

            .workitem-plate .workitem-glyph-menu > div .btn {
                color: #222222;
                padding-right: 0px;
                padding-left: 0px;
                display: inline;
            }

                .workitem-plate .workitem-glyph-menu > div .btn img {
                    margin-right: 5px;
                    vertical-align: text-bottom;
                }

                .workitem-plate .workitem-glyph-menu > div .btn label {
                    margin-left: 5px;
                }

        .workitem-plate .workitem-glyph-menu .btn:hover,
        .workitem-plate .workitem-glyph-menu .btn:active {
            opacity: 0.8;
        }

    .workitem-plate .workitem-plate-title,
    .workitem-plate {
        position: relative;
        margin-bottom: 10px;
    }

        .workitem-plate .workitem-plate-title h6 {
            font-weight: normal;
            position: relative;
            color: #222;
            opacity: 0.4;
            height: 20px;
            margin-top: 0px;
            margin-bottom: 0px;
            display: inherit;
            width: 100%;
        }

        .workitem-plate.active .workitem-plate-title h6,
        .workitem-plate.wi-matches-search .workitem-plate-title h6 {
            font-weight: bold;
            opacity: 1;
        }

            .workitem-plate.active .workitem-plate-title h6 span a {
                word-break: break-word;
            }

        .workitem-plate .workitem-plate-title span.info {
            font-size: 12px;
            font-weight: normal;
            color: #fff;
            background-color: #db1212;
            padding: 3px 10px;
            border-radius: 2px;
            margin-left: 20px;
            opacity: 0;
            transition: opacity 0.2s;
        }

        .workitem-plate .workitem-plate-title h6 > span:hover span.info {
            opacity: 1;
        }

        .workitem-plate .workitem-plate-info {
            font-size: 12px;
            font-weight: normal;
            padding-left: 0px;
            padding-bottom: 10px;
            color: #222222;
        }

.workitem-plate-info span {
    padding-right: 15px;
}

.folder-plate .workitem-plate-title.active,
.folder-plate .workitem-plate-title.wi-matches-search {
    color: #222;
    font-weight: bold;
}

.folder-plate .workitem-plate-title::after {
    content: "";
    position: absolute;
    background-color: #fff;
    width: 11px;
    height: 11px;
    border-radius: 100%;
    border: solid 1px #d8d8d8;
    top: 5px;
    left: -25px;
    z-index: 5;
    cursor: pointer;
}

.folder-plate .workitem-plate-title:hover::after,
ul.dots-list .workitem-caption:hover::after {
    background-color: #f1a3a7;
    border: solid 1px #f1a3a7;
}

.active .workitem-plate-title::after {
    content: "";
    position: absolute;
    width: 11px;
    height: 11px;
    background-color: #db1212;
    box-shadow: 0 2px 4px 0 rgba(219, 18, 18, 0.55);
    border-radius: 100%;
    border: 1px solid #db1212;
    top: 4px;
    left: -25px;
    z-index: 10;
    opacity: 1;
    cursor: pointer;
}

.active .workitem-plate-title:hover::after,
ul.dots-list li.active:hover::after {
    background-color: #db1212;
    border: solid 1px #db1212;
}

.workitem-plate::before {
    content: "";
    position: absolute;
    background-color: #d8d8d8;
    width: 1px;
    height: calc(100% + 10px);
    top: 15px;
    left: 35px;
    z-index: 1;
}

.workitem-plate.active::before {
    content: "";
    position: absolute;
    background-color: #d8d8d8;
    width: 1px;
    height: calc(100% + 20px);
    top: 15px;
    left: 35px;
}

.workitem-plate.last::before,
.workitem-plate.last.active::before {
    content: "";
    position: absolute;
    background-color: #d8d8d8;
    width: 0px;
    height: 0px;
    top: 20px;
    left: 34px;
}

.workitem-plate.active > div {
    display: block;
}

.workitem-plate.active > div.row {
    display: flex;
    padding: 0px;
}

.workitem-plate .workitem-glyph-menu {
    justify-content: flex-end;
    padding-right: 0px;
}

.workitem-plate .workitem-glyph-menu > div {
    margin-left: 25px;
}

.workitem-plate .workitem-plate-title {
    display: inline-block !important;
    width: 100%;
    cursor: pointer;
}

.workitem-plate-fields div {
    border: none;
    margin: 0px;
    padding: 5px 15px;
    font-size: 15px;
    text-align: left;
}

.workitem-plate .table .workitem-plate-fields .row,
.workitem-plate .table .workitem-plate-fields {
    margin: 0px;
    width: 100%;
}

@media (min-width: 992px) {
    .workitem-plate-fields div:nth-child(n) {
        border-right: 1px solid #ebebeb;
    }

    .workitem-plate-fields div:nth-child(2n) {
        border-left: 1px solid #ebebeb;
        border-right: none;
        margin-left: -1px;
    }
}

@media (max-width: 992px) {
    .workitem-plate-fields div {
        border-bottom: 1px solid #ebebeb;
    }
}

.workitem-plate > .row {
    margin: 0px;
    padding-right: 10px;
}

.workitem-plate > .workitem-plate-fields {
    margin-bottom: 5px;
}

/*.workitem-plate-fields div span,
.workitem-plate-fields .row .col-10,
.workitem-plate-fields .row .col-lg-10,
.workitem-plate-fields > .row div span {
    font-size: 12px;
    color: #818181;
}*/

.workitem-plate-fields div p {
    font-size: 15px;
    margin: 0px;
    margin-top: -3px;
    word-break: break-word;
}

.workitem-plate .table {
    border: 1px solid #ebebeb;
    margin-bottom: 15px;
}

    .workitem-plate .table .row {
        border-bottom: 1px solid #ebebeb;
    }

    .workitem-plate .table div:last-child {
        border-bottom: none;
    }



.workitem-glyph-menu .glyphicon {
    padding-top: 10px;
    padding-right: 5px;
    font-size: 12px;
}

.workitem-glyph-menu .col-4,
.workitem-glyph-menu .col-lg-4 {
    padding-right: 10px;
}

.workitem-glyph-menu label {
    font-size: 12px;
}
/*cards-virtual*/

workitem[data-isvirtual='true'] {
    display: flex;
    flex-direction: column;
}

h1.cards-virtual {
    color: #b38a60;
}

    h1.cards-virtual span.external-card {
        font-size: 14px;
        background-color: #b38a60;
        color: #fff;
        font-weight: normal;
        padding: 2px 10px;
        border-radius: 3px;
        position: relative;
        bottom: 5px;
    }

h1.hover-edit-container .external-card,
.cards-virtual .dt-toolbar,
.cards-virtual .workitem-files .buttons,
.cards-virtual .event-container .event-add-btn,
.archive .dt-toolbar,
.archive .workitem-files .buttons,
.archive .event-container .event-add-btn {
    display: none;
}

.folder-quick-search #components .dt-toolbar {
    margin-bottom: 30px;
}
.folder-quick-search .organizationFilter {
    padding-top: 60px;
}
.cards-virtual .btnWorkItemSave {
    display: none !important;
}

h1.cards-virtual .external-card {
    display: inline-block;
}

.tab-content.cards-virtual input[disabled] {
    width: 100%;
    border-style: solid;
}

.search-kad {
    position: relative;
}

    .search-kad > span {
        position: absolute;
        right: 30px;
        margin-top: 7px;
        display: none;
    }

    .search-kad > button {
        position: absolute;
        right: 30px;
        margin-top: 7px;
    }

    .search-kad > span.active {
        display: block;
        cursor: pointer;
        margin-right: 0px;
    }

    .search-kad > span:active {
        right: 29px;
        top: 1px;
        background-color: #b50a0a !important;
        border-color: transparent !important;
        left: initial;
        position: absolute;
    }

    .search-kad i {
        display: inline;
        padding-right: 5px;
    }

    .search-kad .add-kad,
    .search-kad .add-kad:hover,
    .search-kad .add-kadP:active {
        border-color: #d8d8d8 !important;
        background-color: #fff !important;
        color: #222 !important;
        box-shadow: none !important;
    }

.active .kad-add .workitem-plate-title::after {
    content: "";
    position: absolute;
    width: 11px;
    height: 11px;
    background-color: #828282;
    box-shadow: 0 2px 4px 0 rgba(185, 185, 185, 0.55);
    border-radius: 100%;
    border: 1px solid #828282;
    top: 5px;
    left: -25px;
    z-index: 10;
    opacity: 1;
    cursor: pointer;
}

.kad-add h6 a,
.kad-add h6 a:hover,
.kad-add h6 a:active {
    color: #828282;
}

.search-kad .add-kad:hover,
.search-kad .add-kadP:active {
    box-shadow: 0 3px 12px -4px rgba(34, 34, 34, 0.16) !important;
}

.folderSearch .folders-number .btn {
    padding: 0px;
    font-size: 14px;
    border: none;
    border-bottom: 1px dashed #000;
    box-shadow: none;
}

    .folderSearch .folders-number .btn:active {
        box-shadow: none;
        color: #db1212;
        border-bottom: 1px dashed #db1212;
    }

.folderFilter > .row {
    padding: 0 15px;
}

.folderFilter input.form-control,
.folderFilter .input-group {
    width: 100%;
}

.folderFilter .form-inline .form-group {
    padding: 13px;
}

/*.folderFilter .button > div:nth-child(2) {
    text-align: right !important;
}*/


workitem-body .workitem-tab-active {
    display: none;
}

.search-kad span.plus {
    display: none;
}

.workitem-tabs .tab-validation-icon-warning {
    position: absolute;
    top: 0px;
    z-index: 11;
    right: 0px;
    width: 15px;
    height: 15px;
}

.workitem-tabs li a.has-error,
.workitem-tabs li a.has-error:hover
.workitem-tabs li a.has-error:active
.workitem-tabs li a.has-error:focus {
    color: #db1212 !important;
}

.workitem-tabs li a + .tab-validation-icon-warning {
    display: none;
}

.workitem-tabs li a.has-error + .tab-validation-icon-warning {
    display: block;
}

.workitem-tabs li .tooltip-inner {
    max-width: 450px;
    min-width: 200px;
}

.workitem-plate-title h6 .tooltip-inner {
    white-space: nowrap;
    width: auto !important;
    max-width: 500px;
}

@media (max-width: 991px) {

    workitem-body .workitem-tab-active,
    .search-kad span.plus {
        display: block;
    }

    .folderSearch .input-group-btn {
        left: 0px;
        top: 45px;
        padding-left: 0px;
    }

    .folder-plate .folder-plate-title .permission,
    .folder-plate__text-datetimeback,
    .filter-clear-btn span,
    workitem-body .workitem-tabs,
    workitem-body .workitem-tabs li.active {
        display: none;
    }

    workitem-body form.active .workitem-tabs {
        display: block;
    }


    .workitem-plate .workitem-glyph-menu {
        padding: 0px;
    }

        .workitem-plate .workitem-glyph-menu > div {
            width: calc(100% / 3);
            margin: 0px;
        }

            .workitem-plate .workitem-glyph-menu > div:nth-child(2) {
                text-align: center;
            }

            .workitem-plate .workitem-glyph-menu > div:nth-child(3),
            .folderFilter .button > div:nth-child(2) {
                float: left;
                text-align: left !important;
            }

    .folderSearch fieldset {
        padding-top: 40px;
    }

    #folder-savefilter-btn {
        width: 100%;
        text-align: left;
        margin-top: 9px !important;
    }

    #FoldersList {
        margin-top: 30px;
    }

    .folderSearch #filter button {
        position: absolute;
        right: -5px;
        top: -45px;
    }

    .folderSearch #filter span.filter {
        position: absolute;
        right: -5px;
        top: 10px;
        width: 30px;
    }

        .folderSearch #filter span.filter:active {
            left: auto;
        }

    .folderSearch .object-search .input-group input {
        padding-right: 40px;
    }

    .object-search .FoldersListSearchBtn:active {
        left: auto !important;
    }

    .object-search #filter.input-group-btn .search-api-selector {
        display: inline-block;
        margin-top: 20px;
    }


    /*.folder-plate .folder-plate-title .search-kad .api-add-btn .glyphicon-ok {
            padding-top: 10px;
        }*/

    .search-kad > span.active {
        margin-top: 8px;
    }


    .active .workitem-plate-title::after,
    .folder-plate .workitem-plate-title::after,
    .active .kad-add .workitem-plate-title::after {
        width: 15px;
        height: 15px;
    }

    .workitem-plate.active::before,
    .workitem-plate::before {
        left: -18px;
    }

    workitem-body .workitem-tabs {
        width: 250px;
        position: absolute;
        background-color: #fff;
        z-index: 200;
        box-shadow: 0 2px 10px 0 rgba(34, 34, 34, 0.6);
    }

        workitem-body .workitem-tabs li {
            width: 100%;
            cursor: pointer;
        }

    body.smart-style-6 workitem-body .nav-tabs > li.active > a {
        border: none !important;
        box-shadow: none;
    }
    /*workitem-body .workitem-container .input-group-btn .element-add-btn {
        position: absolute;
        top: -50px;
        right: 0px;
    }*/

    /*.nav-tabs > li:nth-child(1) {
        padding-left: 10px;
    }*/

    workitem-body .workitem-tab-active {
        height: 25px;
        width: 150px;
        border-bottom: 2px solid #db1212 !important;
        position: relative;
        cursor: pointer;
    }

        workitem-body .workitem-tab-active i.fa-chevron-down {
            position: absolute;
            right: 0px;
            top: 7px;
            font-size: 10px;
        }

    workitem-body form > .cont {
        width: calc(100% - 3px);
        border-bottom: 1px solid #ddd;
    }

    .folderSearch > .row:nth-child(2) {
        margin: 0px;
    }

        .folderSearch > .row:nth-child(2) > div {
            padding-top: 55px;
            padding-right: 10px;
        }

    .folderSearch .folders-number {
        left: 0px;
    }

    /*.workitem-plate > div:nth-child(n+2) {
        display:none;
    }*/

    /*.search-kad > span,
    .search-kad > span:active {
        right: 5px;
    }*/

    body.smart-style-6 .workitem-tabs a {
        text-align: left;
        border: none !important;
        box-shadow: none;
    }

    .nav-tabs > li > a:hover {
        background-color: transparent;
        border-color: transparent;
    }

    .workitem-tabs .tab-validation-icon-warning {
        top: 13px;
        right: 10px;
    }

    .empty-folder-list-hint {
        margin-left: 30px;
    }


    .workitem-plate.compact .table {
        border-right: 1px solid #ebebeb !important;
    }
}


/************************************/
.folder-quick-search .folder-filter-controls .folder-filter__savebtn {
    font-size: 14px;
    padding: 0;
    margin-right: 0 !important;
}

.folder-quick-search .folder-filter-controls {
    text-overflow: ellipsis;
    overflow: hidden;
}

.folder-filter-controls-menu .folder-filter-menu__points img {
    height: 15px;
}

.folder-filter-controls-menu .folder-filter-menu__points {
    padding: 7px 13px;
    display: none;
}

.folder-filter-controls-menu.open .folder-filter-menu__points,
ul.folder-quick-search-account li:hover .folder-filter-controls-menu .folder-filter-menu__points {
    display: inline;
}

.folder-filter-controls-menu .folder-filter-menu__points:hover {
    background-color: #eee;
    border-radius: 100%;
    opacity: 0.8;
}

ul.folder-quick-search-account li.active::after,
left-panel .panel-side-bar li.active::after {
    height: 1.3em;
    right: -13px;
}

ul.folder-quick-search-account li:hover::after,
left-panel .panel-side-bar li:hover::after {
    height: 1.3em;
    right: -13px;
}

/*.workitem-plate.compact .table {
    border-right: none;
}*/

.workitem-plate.compact .workitem-plate-fields {
    display: flex;
    align-items: stretch;
}

    .workitem-plate.compact .workitem-plate-fields > div {
        word-break: break-word;
    }

    .workitem-plate.compact .workitem-plate-fields div.col-lg-0 {
        display: none;
    }

    .workitem-plate.compact .workitem-plate-fields > div > span {
        display: block;
    }


    .workitem-plate.compact .workitem-plate-fields p > .memberList {
        width: calc(100% - 30px);
        border: none;
        margin-bottom: 0px;
    }

        .workitem-plate.compact .workitem-plate-fields p > .memberList li {
            border: none;
        }

    .workitem-plate.compact .workitem-plate-fields p > .count {
        width: 50px;
        display: inline-block;
        border: none;
        padding: 0px;
        text-align: center;
        position: absolute;
        top: 20px;
        right: 0px;
    }

    .workitem-plate.compact .workitem-plate-fields .count .fa {
        display: block;
        cursor: pointer;
        color: #333;
    }

        .workitem-plate.compact .workitem-plate-fields .count .fa.DN {
            display: none;
        }

    .workitem-plate.compact .workitem-plate-fields .conteiner {
        display: none;
        border: none;
        padding: 0px;
    }

@media (min-width: 992px) {
    .workitem-plate.compact .workitem-plate-fields div:nth-child(2n) {
        border-right: 1px solid #ebebeb;
    }
}

@media (max-width: 991px) {
    .workitem-plate.compact .workitem-plate-fields {
        display: block;
    }

    .folderSearch {
        margin-right: -23px;
    }
}


span.ApiLastSyncBadge {
    color: #fff;
    font-weight: normal;
    bottom: 5px;
    width: auto;
    height: 17px;
    border-radius: 2px;
    background-color: #b38a60;
    font-size: 10px;
    letter-spacing: 1.7px;
    text-transform: uppercase;
    padding: 2px 3px;
    position: relative;
    top: 0px;
    margin-right: 5px;
    min-width: 3.1em;
    text-align: center;
}

span.ArchiveBadge {
    color: #fff;
    font-weight: normal;
    bottom: 5px;
    width: auto;
    height: 17px;
    border-radius: 2px;
    background-color: #b38a60;
    font-size: 10px;
    letter-spacing: 1.7px;
    text-transform: uppercase;
    padding: 2px 3px;
    position: relative;
    top: -3px;
    margin-right: 5px;
}

span.pdfBadge {
    color: #fff;
    font-weight: normal;
    bottom: 5px;
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 2px 5px;
    position: relative;
    top: 0px;
    width: 33px;
    height: 16px;
    border-radius: 10px;
    background-color: #db1212;
}

.folder-apilastsync span.ApiLastSyncBadge {
    top: -3px;
}

.archive-folder .workitems .workitem-plate-fields,
.archive-folder h3 a,
.archive-folder h6 a,
.archive-folder .folder-plate__text-datetimeback,
.archive-folder .workitem-plate .table {
    color: #979797;
}

.archive-folder .active .workitem-plate-title::after {
    background-color: #979797 !important;
    border-color: #979797 !important;
    box-shadow: 0px 2px 4px #979797;
}

.archive-badge {
    display: inline;
}

    .archive-badge.DN {
        display: none;
    }

    .archive-badge .ArchiveBadge {
        background-color: #979797;
    }

.archive .ArchiveBadge {
    display: none !important;
}

.archive-details .hover-edit-container {
    color: #979797;
}

.archive-details .vertical-points .filefolder-move-btn,
.archive-details .workitem-files .vertical-points .file-shared-btn,
.archive-details .workitem-files .vertical-points .file-rename-btn,
.archive-details .workitem-files .vertical-points .file-delete-btn,
.archive-details .workitem-files .vertical-points .filefolder-move-btn {
    display: none;
}

.archive-details .permission-list {
    margin-top: 0px;
}

.folderSearch .add-all {
    margin: 0px 25px 18px 13px;
    padding: 10px 0px;
    text-align: center;
    box-shadow: 0px 3px 12px rgba(34, 34, 34, 0.154637);
    border-radius: 5px;
    color: #828282;
    font-size: 15px;
    cursor: pointer;
}

    .folderSearch .add-all:hover {
        box-shadow: 0 3px 12px 0px rgba(34, 34, 34, 0.21);
    }


    .folderSearch .add-all.active {
        color: #DB1212;
    }

    .folderSearch .add-all:not(.disabled):hover {
        color: #222222;
    }

    .folderSearch .add-all:not(.disabled):active {
        position: relative;
        top: 1px;
        left: 1px;
        color: #b50a0a;
    }

    .folderSearch .add-all.active:not(.disabled):hover {
        color: #ef1717;
    }

    .folderSearch .add-all:not(.disabled):active {
        color: #b50a0a;
    }

    .folderSearch .add-all.disabled,
    .folderSearch .add-all[disabled] {
        color: #D8D8D8;
        cursor: not-allowed;
    }

.table-plates {
    box-shadow: 0 3px 12px 0px rgba(34, 34, 34, 0.16);
    margin: 0px 25px 25px 15px;
    padding-bottom: 0px;
    font-size: 15px;
}

    .table-plates .table-plates__header {
        color: #818181;
        font-size: 12px;
        padding-top: 10px;
        padding-bottom: 10px;
        position: sticky;
        position: -webkit-sticky;
        top: 0px;
        background-color: #fff;
        border-bottom: 1px solid #D8D8D8;
        z-index: 10;
    }

        .table-plates .table-plates__header > div {
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

    .table-plates .table-plates__plate {
        border-bottom: 1px solid #D8D8D8;
        padding: 0px;
        padding-bottom: 5px;
    }

        .table-plates .table-plates__plate:last-child {
            border-bottom: none;
        }

    .table-plates .table-plates__header-plate {
        font-size: 15px;
        margin-bottom: 10px;
    }

        .table-plates .table-plates__header-plate .table-plates__text-datetimeback {
            width: calc(50% - 250px);
            margin-top: 15px;
        }

        .table-plates .table-plates__header-plate .context-menu-container {
            width: 250px;
            margin-top: 7px;
        }

        .table-plates .table-plates__header-plate > div {
            margin-top: 15px;
        }

        .table-plates .table-plates__header-plate .search-kad {
            margin-top: 6px;
        }

            .table-plates .table-plates__header-plate .search-kad .api-add-btn {
                margin-right: 0px;
                margin-top: 0px;
                right: 15px;
            }

.table-plates__title-plate {
    width: calc(100% - 100px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
}

    .table-plates__title-plate a {
        color: #333;
        cursor: pointer;
    }

.archive-folder .table-plates__title-plate a {
    color: #979797;
}

    .archive-folder .table-plates__title-plate a:hover {
        color: #db1212;
    }

    .archive-folder .table-plates__title-plate a:active {
        color: #b50a0a;
    }

.archive-folder .wi-row {
    color: #979797;
}

.cards-virtual-plate .table-plates__title-plate a {
    color: #818181;
    cursor: pointer;
}

    .cards-virtual-plate .table-plates__title-plate a:hover {
        color: #333;
    }

    .cards-virtual-plate .table-plates__title-plate a:active {
        color: #db1212;
    }

.cards-virtual-plate .table-plates__title-plate a {
    color: #818181;
}

.table-plates .table-plates__header-plate .folder-apilastsync {
    margin-left: 10px;
}

    .table-plates .table-plates__header-plate .folder-apilastsync span,
    .table-plates .table-plates__header-plate .archive-badge .ArchiveBadge {
        top: -8px;
    }

.table-plates__text-datetimeback {
    color: #818181;
    font-size: 12px;
}

.table-plates__title-plate {
    max-width: calc(100% - 100px);
    width: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
}

.context-menu-container {
    cursor: pointer;
}

    .context-menu-container .permission {
        display: inline-block;
        position: relative;
        bottom: 1px;
    }

        .context-menu-container .permission .avatar {
            display: inline-block;
            padding-right: 8px;
            vertical-align: middle;
        }

            .context-menu-container .permission .avatar img {
                display: inline-block;
                width: 33px;
                height: 33px;
                border-radius: 50%;
                object-fit: cover;
            }


.table-plates .wi-row {
    padding: 10px 0px;
    cursor: pointer;
}

    .table-plates .wi-row > div > p,
    .compact-curtailed .wi-cell p {
        max-height: 63px;
        overflow: hidden;
        word-break: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .table-plates .wi-row:hover {
        background: #f3f3f3;
    }

.table-plates .wi-row {
    padding: 10px 0px;
    cursor: pointer;
}

    .table-plates .wi-row div p {
        margin: 0px;
    }

.table-plates ul.memberList li {
    border-bottom: none;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.table-plates ul.memberList {
    display: inline-block;
}

.table-plates .wi-cell_open ul.memberList {
    width: 100%;
}

    .table-plates .wi-row > .wi-cell_open > p,
    .table-plates .wi-cell_open ul.memberList li,
    .compact-curtailed .wi-cell_open p {
        max-height: initial;
        -webkit-line-clamp: inherit;
    }

.table-plates .count,
.compact-curtailed .count {
    width: 40px;
    display: inline-block;
    vertical-align: top;
    text-align: right;
    cursor: pointer;
}

    .table-plates .count i,
    .compact-curtailed .count i {
        margin-left: 3px;
    }

.table-plates .member-list-container,
.compact-curtailed .member-list-container {
    position: absolute;
    width: 300px;
    top: 0px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    z-index: 500;
    padding: 10px 15px;
    cursor: default;
}

.table-plates ul.memberList li span,
.compact-curtailed ul.memberList li span {
    color: #818181;
    font-size: 12px;
}

.table-plates .wi-cell_open,
.compact-curtailed .wi-cell_open {
    height: 63px;
}

.table-plates ul.memberList li span,
.compact-curtailed ul.memberList li span {
    margin-bottom: 2px;
}

.compact-curtailed .wi-cell_open p .count {
    display: none;
}

.compact-curtailed .wi-cell_open p .conteiner {
    padding: 0px;
}

.compact-curtailed ul.memberList li,
.compact-curtailed .wi-cell_open ul.memberList li:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
}

.compact-curtailed .wi-cell_open ul.memberList li {
    margin-bottom: 4px;
    padding-bottom: 4px;
    border-bottom: solid #e4e4e4 1px;
}

.table-plates .wi-cell_open ul.memberList li span {
    margin-bottom: 4px;
}

.table-plates ul.memberList li:nth-child(n+2) {
    display: none;
}

.table-plates .wi-cell_open ul.memberList li:nth-child(n+2) {
    display: block;
}

.folder-sorting {
    display: none;
}

.active-sort .folder-sorting {
    width: 250px;
    display: inline-block;
    margin: 0px;
    margin-top: 2px;
    vertical-align: top;
}

.folder-sorting > div {
    text-align: right;
    margin-right: 23px;
    margin-top: 5px;
}

.folder-sorting button.btn.btn-transparent {
    height: initial;
    min-width: initial;
    min-height: initial;
    margin-right: 5px !important;
}

    .folder-sorting button.btn.btn-transparent img {
        display: none;
    }

        .folder-sorting button.btn.btn-transparent img.active {
            display: block;
        }

.folder-sorting span.select2.select2-container {
    width: 230px !important;
}


@media (max-width: 992px) {

    .table-plates .table-plates__header {
        top: 80px;
    }

    .table-plates .table-plates__header-plate .search-kad .btn {
        height: 33px;
        width: 33px;
        padding: 0 10px;
    }



        .table-plates .table-plates__header-plate .search-kad .btn .plus {
            font-size: 25px;
        }

        .table-plates .table-plates__header-plate .search-kad .btn .glyphicon-ok {
            vertical-align: bottom;
        }

    .table-plates .table-plates__header > div {
        display: none;
    }

    .table-plates .context-menu-container .permission,
    .table-plates .wi-row > div {
        display: none;
    }

        .table-plates .table-plates__header > div:nth-child(-n+3),
        .table-plates .wi-row > div:nth-child(-n+3) {
            display: block;
        }

    .table-plates .table-plates__plate .tooltip {
        display: none !important;
    }

    .folder-sorting > div {
        margin-right: 0px;
    }
}



@media (max-width: 768px) {

    .table-plates .table-plates__header {
        top: 80px;
    }



        /*.table-plates .table-plates__header-plate .search-kad .api-add-btn {
            margin-right: 0px;
        }*/


        .table-plates .table-plates__header > div:nth-child(n),
        .table-plates .table-plates__text-datetimeback,
        .table-plates .context-menu-container .permission,
        .table-plates .wi-row > div:nth-child(n) {
            display: none;
        }

    .table-plates .table-plates__header-plate {
        margin-bottom: 0px;
    }

    .table-plates .table-plates__header > div:first-child,
    .table-plates .wi-row > div:first-child {
        display: block;
    }

    .table-plates .table-plates__header-plate .context-menu-container {
        width: calc(100% / 6);
    }

    .active-sort .folders-number-container,
    .active-sort .folder-sorting {
        width: 100%;
    }

    .folderSearch .folder-number-sort.active-sort .folder-sorting {
        padding-top: 10px;
        padding-left: 13px;
    }

    .active-sort .folder-sorting > div {
        text-align: left;
    }

    .folderFilter {
        padding-top: 30px;
    }

        .folderFilter.form-inline .form-group {
            margin-bottom: 20px;
        }
}

.workitem-plate.wi-matches-search,
.wi-row.wi-matches-search {
    background-color: #f1f8ff; /*#fff1f1*/
}

/*body.smart-style-6 #header {
    width: 100%;
    height: 80px;
    background-color: #ffffff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14);
    font-size: 12px;
    top: 0px;
}

#header > * {
    float: left;
    display: block;
    position: relative;
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

#header board {
    padding-right: 27px;
    padding-left: 20px;
}

#header logo {
    padding-right: 30px;
    padding-left: 30px;
}

#header create {
    padding-right: 10px;
    padding-left: 10px;
}

#header > * > *,
create span,
body.smart-style-6 nav > ul > li > a,
body.smart-style-6 nav > ul > li > span {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}*/

/*#header > *:not(:first-child)::after {
    content: "";
    background-color: #ebebeb;
    position: absolute;
    width: 1px;
    left: 0px;
    top: 20px;
    bottom: 20px;
    display: block;
}*/

logo a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: sans-serif;
    font-size: 20px;
    font-weight: 900;
    letter-spacing: 3.7px;
    text-align: center;
    color: #000000;
}

    logo a img.morf-logo {
        width: 70px;
    }

body.smart-style-6 #header logo {
    width: auto;
}

body.smart-style-6 #header nav {
    height: 100%;
    position: relative;
}

    body.smart-style-6 #header nav .hamburger {
        display: none;
        max-width: 24%;
        font-size: 20px;
    }

    body.smart-style-6 #header nav > ul {
        height: 100%
    }

        body.smart-style-6 #header nav > ul > li {
            display: inline-block;
            height: 100%;
            letter-spacing: 0.9px;
            cursor: pointer;
        }


            body.smart-style-6 #header nav > ul > li.active {
                border-bottom: 4px solid #db1212;
            }

                body.smart-style-6 #header nav > ul > li.active > a {
                    font-weight: normal !important;
                    position: relative;
                    top: 40px;
                }

    body.smart-style-6 #header nav ul li ul li.active a:active,
    body.smart-style-6.menu-on-top nav ul li a:hover,
    body.smart-style-6.menu-on-top nav ul ul li a:hover,
    body.smart-style-6 #header nav ul li ul li a:active {
        color: #333 !important;
    }

.menu-on-top #header nav > ul > li > ul {
    position: absolute !important;
    background: #3a3633
}

.menu-on-top #header nav > ul > li:hover > ul {
    display: block !important;
    top: auto;
    margin-top: 27px;
}

body.smart-style-6 .dropdown-menu > li > a body.smart-style-6 .dropdown-menu > li > a {
    color: #222;
}

body.smart-style-6 .dropdown-menu > .active > a,
body.smart-style-6 .dropdown-menu > .active > a:focus,
body.smart-style-6 .dropdown-menu > .active > a:hover,
body.smart-style-6 .dropdown-menu > li > a:focus,
body.smart-style-6 .dropdown-menu > li > a:hover {
    background: #c22424 !important;
}

body.smart-style-6.menu-on-top #header nav > ul > li:hover,
body.smart-style-6.menu-on-top #header nav > ul > li:hover > a,
body.smart-style-6.menu-on-top nav ul li a:hover,
body.smart-style-6.menu-on-top nav ul ul li a:hover,
body.smart-style-6.menu-on-top nav ul ul li:hover > a,
body.smart-style-6.menu-on-top nav ul ul ul li a:hover,
body.smart-style-6.menu-on-top nav ul > a:hover,
body.smart-style-6.menu-on-top mobile-menu-cont settings a.list-group-item-action:hover {
    color: #fff !important;
    background-color: #c22424;
}

.ajax-dropdown .fa-4x.fa-border {
    width: 70px;
}

body.smart-style-6 nav li a:not(:active):after {
    animation: none;
}

.menu-on-top #header nav ul li.active > a:before {
    content: "" !important
}

body.smart-style-6 #header nav li i.fa {
    display: none;
}

body.smart-style-6 nav > ul > li > a,
body.smart-style-6 create > div > a,
body.smart-style-6 account > div > a {
    padding-top: 19px;
    padding-bottom: 19px;
}

.menu-on-top nav > ul > li > a > .menu-item-parent + span {
    top: 0px;
    left: 10px;
    right: initial;
}

.menu-on-top #main {
    margin-top: initial !important;
}

#header > board, #header > create {
    float: right;
    display: block;
}

create a {
    color: #000000;
    height: 100%;
    display: block;
}

create .fa-stack {
    height: 1em;
}

body.smart-style-6 #header account .show > .dropdown-menu i.fa-user {
    width: 25px;
}

body.smart-style-6 #header account .show > .dropdown-menu i.fa-sign-out {
    width: 22px;
}

body.smart-style-6 nav ul li a,
.menu-on-top .menu-item-parent {
    /*font-size: 12px;
    letter-spacing: 0.9px;*/
}

left-panel .dropdown-menu {
    left: 30px;
}

body.smart-style-6 create span.create {
    padding-left: 8px;
}

#mobile-profile-img a.userdropdown {
    width: 50px;
    overflow: hidden;
    display: inline-block;
    padding: 0;
}

#mobile-profile-img a.userdropdown img {
    width: 50px;
    height: 50px;
    min-height: 50px;
    border-radius: 50%;
    border: none !important;
    object-fit: cover;
    overflow: hidden;
}

settings, account {
    float: left;
    padding-left: 20px;
}

account {
    padding-left: 38px;
}

    settings, account .hidden-sm,
    settings, account .hidden-xs {
        float: left;
        padding-left: 19.5px;
    }

board settings {
    padding-top: 2px;
    padding-left: 2px;
    vertical-align: middle;
}

    board settings .xsud-icon {
        display: block;
        cursor: pointer;
    }

.fc-day-grid-event,
span.fa-stack svg {
    cursor: pointer;
}

.ajax-dropdown .btn-transparent {
    cursor: pointer;
    width: 100%;
    color: #222;
}



.ajax-dropdown .btn-group .btn {
    font-weight: normal;
    text-transform: none;
}

body.smart-style-6 .ajax-dropdown {
    box-shadow: 0 10px 50px 0 rgba(34, 34, 34, 0.6);
    border: none;
}

.ajax-dropdown {
    border-radius: 5px;
}

.ajax-dropdown {
    top: 40px;
    left: -140px;
}

@media (max-width: 1445px) and (min-width: 992px) {
    create .menu-item-parent.create {
        display: none;
    }
}

@media (max-width: 1245px) and (min-width: 992px) {


    #header create {
        width: 7%;
    }

    body.smart-style-6 #header nav {
        padding-right: 5px;
        width: 60% !important;
    }
}

body.smart-style-6 #header nav > ul > li {
    padding-left: 5px;
    padding-right: 5px;
}

@media (min-width: 1283px) {
    body.smart-style-6 #header nav > ul > li {
        max-width: 15%;
    }
}
@media (max-width: 1282px) and (min-width: 992px) {
    body.smart-style-6 #header nav > ul > li {
        max-width: 15%;
    }
}

@media (max-width: 991px) {
    body.smart-style-6 #header nav > ul > li {
        max-width: 25%;
        width: 25%;
    }
}

@media (max-width: 1282px) {


    body.smart-style-6 nav > ul > li > a,
    body.smart-style-6 create > div > a {
        padding-left: 5px;
        padding-right: 5px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }


    #header board {
        padding-right: 5px;
        padding-left: 5px;
    }

    body.smart-style-6 create > div > a {
        padding-left: 0px;
        padding-right: 0px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    #header > *:not(:first-child)::after {
        display: none;
    }

    .ajax-dropdown {
        left: -290px;
    }
}

@media (max-width: 1280px) {
    body.smart-style-6 #header create ul.dropdown-menu {
        top: auto;
        right: 30px;
        left: auto;
        transform-origin: top right !important;
    }
}

account {
    position: relative;
}

    account .dropdown-toggle .glyphicon-menu-down {
        position: absolute;
        top: 30px;
        right: -7px;
    }

body.smart-style-6 #information-important {
    background-color: #fafafa;
    padding: 5px 0px;
    font-size: 12px;
    width: 100%;
}

    body.smart-style-6 #information-important .error {
        text-align: center;
    }

    body.smart-style-6 #information-important .access-time {
        padding: 0px 30px;
    }


    body.smart-style-6 #information-important .btn {
        float: right;
        font-size: 12px !important;
        padding: 0px;
        font-weight: bold;
        margin: 0px 30px !important;
        height: 15px !important;
        box-shadow: none;
    }

        body.smart-style-6 #information-important .btn a {
            color: #db1212 !important;
        }

        body.smart-style-6 #information-important .btn:active {
            box-shadow: none;
        }

mobile-menu-toggle {
    display: none !important;
}

mobile-menu-cont {
    display: none !important;
}

@media (max-width: 991px) {

    body.smart-style-6 #header {
        position: fixed;
    }

    mobile-menu-toggle {
        display: block !important;
        cursor: pointer;
    }

    body .smart-style-6 #header nav > ul {
        position: relative;
    }

    body > header,
    logo,
    nav {
        padding: 0px !important;
    }

        nav > ul > li > a > i {
            margin: auto;
        }

    nav {
        width: 80% !important;
    }

    body.smart-style-6 #header nav .hamburger,
    body.smart-style-6 #header mobile-menu-toggle .triangle {
        display: inline-block;
        text-align: center;
        vertical-align: top;
        height: 80px;
        max-width: 21%;
        cursor: pointer;
    }

    body.smart-style-6 #header mobile-menu-toggle .triangle {
        width: 100%;
        max-width: initial;
        font-size: 25px;
    }


    body.smart-style-6 #header nav li.hamburger i.fa {
        display: block;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

    body.smart-style-6 #header mobile-menu-toggle {
        padding-left: 5px;
        width: 19%;
    }

        body.smart-style-6 #header mobile-menu-toggle .triangle > span {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
        }

        body.smart-style-6 #header mobile-menu-toggle.active .triangle > .glyphicon-triangle-top {
            display: block;
        }

    body.smart-style-6 #header nav > ul > li.hamburger:hover,
    body.smart-style-6 #header nav > ul > li.hamburger:active {
        background-color: transparent !important;
        color: initial !important;
    }

    body.smart-style-6 #header nav > ul > li:nth-child(n+5),
    body.smart-style-6 #header > create,
    body.smart-style-6 #header > board,
    .menu-on-top #header nav > ul > li > a > span.menu-item-parent,
    nav ul ul b {
        display: none !important;
        position: absolute;
        z-index: 100;
        font-size: 17px;
        left: 15px;
        background-color: #fff;
    }

    body.smart-style-6 #header mobile-menu-cont nav > ul > li:nth-child(n+5) {
        display: block !important;
    }

    mobile-menu-toggle .glyphicon {
        font-size: 17px;
        padding: 15px !important;
    }


    /*body.smart-style-6:not(.left-panel-active) #main-header .fa-caret-left,
    .left-panel-active #main-header .fa-bars,
    #header mobile-menu-toggle:not(.active) .fa-caret-up,
    #header mobile-menu-toggle.active .fa-caret-down {
        display: none !important;
    }*/

    mobile-menu-cont.active {
        display: block !important;
    }

    body.smart-style-6 #header nav li:not(.hamburger) i.fa {
        display: block !important;
        font-size: 20px;
    }

    body.smart-style-6 #header nav > ul > li:hover > ul,
    .menu-on-top nav > ul ul li:hover > ul {
        display: none !important;
    }

    body.smart-style-6 #header mobile-menu-cont .active > nav,
    body.smart-style-6 #header mobile-menu-cont .active > board,
    body.smart-style-6.left-panel-active #header .glyphicon-arrow-left {
        display: block !important;
    }

    body.smart-style-6 #header nav ul li.settings i.fa,
    mobile-menu-cont settings span i.fa {
        position: absolute;
        top: 15px;
        right: 10px;
    }

    body.smart-style-6 #header nav ul li.settings .fa-chevron-up,
    mobile-menu-cont settings span .fa-chevron-up {
        background-color: #fff;
        display: none;
    }

    body.smart-style-6 #header nav ul li.settings.active .fa-chevron-up,
    mobile-menu-cont settings span.active .fa-chevron-up,
    body.smart-style-6 #header mobile-menu-cont.active {
        display: block;
    }

    body.smart-style-6 #header mobile-menu-cont {
        background-color: #fff;
        width: 250px;
        height: auto;
        position: absolute;
        top: 82px;
        right: 10px;
        padding: 10px 0px;
        text-transform: uppercase;
        font-size: 12px;
        box-shadow: 0 2px 10px 0 rgba(34, 34, 34, 0.6);
    }

    mobile-menu-cont nav,
    mobile-menu-cont board {
        width: 100% !important;
        transform: initial !important;
    }

    mobile-menu-cont board {
        padding: 0px !important;
    }

    body.smart-style-6 #header mobile-menu-cont nav > ul > li:last-child {
        width: 100% !important;
        max-width: 100% !important;
        height: 35px;
        padding: 0px !important;
        display: inline-block;
        position: static;
    }

    mobile-menu-cont li {
        width: 100% !important;
        max-width: 100% !important;
        height: 35px;
        padding: 0px !important;
        font-size: 12px;
        font-weight: 400;
        color: #333;
        line-height: 1.42857143;
        letter-spacing: .9px;
    }

        mobile-menu-cont li a {
            height: 35px;
            padding: 10px !important;
            width: 100%;
            top: initial !important;
            transform: initial !important;
            color: #333;
        }

    body.smart-style-6 #header mobile-menu-cont nav > ul > li.active {
        border: none;
    }

    body.smart-style-6 #header nav ul li.settings {
        padding: 0px;
        height: 35px;
        position: static;
    }

        body.smart-style-6 #header nav ul li.settings.active {
            height: auto;
        }

            body.smart-style-6 #header nav ul li.settings.active > span {
                transform: none;
            }

    body.smart-style-6.menu-on-top #header nav > ul > li.settings:hover {
        background-color: transparent;
    }

    body.smart-style-6 #header nav ul li.settings ul {
        position: relative !important;
        margin: 0px;
        min-width: inherit !important;
    }

    body.smart-style-6 #header nav ul li.settings > ul > li > a {
        padding-left: 25px !important;
    }

    body.smart-style-6 #header nav ul li.settings.active > ul {
        display: block !important;
        box-shadow: none !important;
        margin-top: -10px;
    }

    body.smart-style-6 nav ul li.settings > .menu-item-parent {
        font-size: 12px !important;
        letter-spacing: 0.9px !important;
        padding-top: 15px;
        padding-bottom: 14px;
        color: #333 !important;
        overflow: hidden;
        text-align: left !important;
        max-width: 300px !important;
        width: 100% !important;
        padding-left: 10px !important;
    }

    mobile-menu-cont board settings a {
        border: none !important;
    }

    mobile-menu-cont settings .ajax-dropdown:before {
        display: none;
    }

    mobile-menu-cont settings {
        padding: 0px;
        height: auto;
        width: 100%;
        position: relative;
    }

        mobile-menu-cont settings .list-group-item {
            padding: 10px 15px;
        }

            mobile-menu-cont settings .list-group-item span {
                margin: 0px;
            }

        mobile-menu-cont settings .help {
            padding: 0px 10px 0px 15px !important;
        }


    mobile-menu-cont account .dropdown-menu li a {
        padding: 10px 15px !important;
    }

    mobile-menu-cont settings .ajax-dropdown {
        position: relative;
        left: initial !important;
        box-shadow: none !important;
        padding: 0px;
        padding-top: 10px;
        top: 0px;
        animation: none !important;
        width: 100%;
    }

    mobile-menu-cont settings .ajax-dropdown-help .ajax-help-container {
        border: none;
        padding: 0px;
        margin: 0px;
    }


    mobile-menu-cont settings .ajax-dropdown .list-group a {
        padding-left: 30px;
    }

    mobile-menu-cont account {
        padding-left: 0px;
        width: 100%;
    }

        mobile-menu-cont account .header-dropdown-list {
            float: initial;
            padding: 0px !important;
        }

        mobile-menu-cont account .dropdown-toggle > span {
            color: #333;
        }

        mobile-menu-cont account .dropdown-menu {
            transform: none !important;
            position: relative;
            top: 0px;
            left: 0px !important;
            display: block;
            padding: 0px;
            margin: 0px !important;
            box-shadow: none !important;
            float: initial !important;
            opacity: 1 !important;
            border: none;
            z-index: 10;
        }

        mobile-menu-cont account .dropdown-toggle .dropdown-menu > li > a {
            height: auto;
            font-size: 12px;
        }

    #content > .change-log {
        margin-top: 80px;
    }

    body > #information-important {
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 1000;
    }

    #information-important + header {
        top: 27px !important;
    }

    #information-important ~ #main right-panel {
        margin-top: 107px !important;
    }

    #information-important ~ #main left-panel {
        margin-top: 27px !important;
    }

        #information-important ~ #main left-panel .glyphicon-arrow-left {
            top: 20px !important;
        }

    #information-important ~ #main left-panel {
        height: calc(100vh - 107px);
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    header#header logo {
        padding-left: 20px !important;
        width: 100px !important;
    }

    header#header nav {
        width: 50% !important;
    }
}

@media (max-width: 431px) {
    body > #information-important .btn {
        float: left !important;
    }

    #information-important + header {
        top: 42px !important;
    }

    #information-important ~ #main right-panel {
        margin-top: 122px !important;
    }

    #information-important ~ #main left-panel {
        margin-top: 42px !important;
    }

    #information-important ~ #main left-panel {
        height: calc(100vh - 122px);
    }
}


/*.select2-container .select2-search.select2-search--inline {
    width: 90% !important;
}

.select2-container .select2-selection__choice + .select2-search {
    width: auto !important;
}

.select2-container .select2-selection__choice + .select2-search .select2-search__field {
    width: 1px !important;
}

.select2-container--default .select2-search--inline:focus {
    width: 90% !important;
}

.select2-container--default .select2-search--inline .select2-search__field:focus {
    width: 90% !important;
}

.inbox-info-bar span.select2-selection.select2-selection--single {
    border-bottom: none;
}*/

.select2-selection {
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    padding: 0px;
}

    .select2-selection:focus {
        border-color: #66afe9;
    }

/*.select2-results__option {
    padding: 6px;
    -webkit-user-select: none;
    user-select: none;
}*/

.select2-results__option:not(.not-selectable) {
    cursor: pointer;
}

.select2-search input {
    font-family: 'ProximaNova', Roboto, sans-serif;
}

.form-group .select2-container {
    position: relative;
    z-index: 0;
    width: 100% !important;
    height: 24px;
    margin-bottom: 0;
    display: table;
    table-layout: fixed;
}

/*.report-constructor .select2-container {
    float: left;
}*/

/*.report-constructor .select2-container {
    margin-bottom: 10px;
}*/

.select2-selection--single.wrap {
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 35px;
}

.input-group-has-1btn .select2-container--default .select2-selection .select2-selection__clear {
    margin-right: 60px !important;/*47*/
}

.input-group-has-2btn .select2-container--default .select2-selection .select2-selection__clear {
    margin-right: 20px !important;
}

.select2-container--default .select2-selection .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: normal;
    position: relative;
    display: block !important;
    line-height: 30px;
    z-index: 2;
    margin-right: 25px;
    height: 24px;
    padding-right: 5px;
    padding-left: 5px;
    top: -3px;
    left: 3px;
    background-color: transparent;
}

.well .input-group .select2-selection--single {
    background-color: transparent;
}

/*.well .select2-container--default .select2-selection .select2-selection__clear {
    margin-right: 25px;
}*/
.folderSearch .select2-container--default .select2-selection .select2-selection__clear {
    margin-right: 25px;
}

.select2-selection:focus {
    border-color: #222;
}

.select2-container-multi .select2-choices, .select2-selection--multiple {
    border: none;
    border-bottom: 1px solid #ccc;
}

.select2-container--open .select2-dropdown,
.select2-drop-active,
.select2-container--open .select2-selection,
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: none;
    box-shadow: 0 10px 20px 0 rgba(34, 34, 34, 0.15);
    padding-bottom: 1px;
    margin-left: -1px;
}

.select2-results .select2-highlighted,
.select2-results__option--highlighted {
    background-color: #f3f3f3;
    color: #222;
}

    .select2-results__option[aria-selected=true]:active,
    .select2-results .select2-highlighted:active,
    .select2-results__option--highlighted:active {
        background-color: #db1212;
        color: #fff;
    }

.workitem-files .select-cont .select2-selection__arrow {
    display: none;
}

.select2-selection--multiple.select2-selection:after {
    content: "\f107";
    position: absolute;
    right: 10px;
    bottom: 0px;
    font-family: FontAwesome;
}

#folderFilterSelectorContainer .select2-selection--multiple.select2-selection:after
/*,
.report-constructor .filter-container .select2-selection--multiple.select2-selection:after*/ 
{
    content: "";
}

.report-constructor .select2-selection__arrow b {
    display: block;
}

#groupContainer .select2-selection__arrow b {
    display: inline-block;
}

fieldset.active .form-inline .input-group {
    position: relative;
}

    fieldset.active .form-inline .input-group span.plus {
        position: absolute;
        right: 0px;
        color: #db1212;
        z-index: 2;
    }

#folderFilterSelectorContainer .input-group .plus,
.folderFilterSelectorContainer .input-group .plus {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 2;
    color: #db1212;
}

.select2-container .select2-choice .select2-arrow, .select2-selection__arrow {
    border: none;
    background-color: transparent;
}

.select2-container .select2-choice, .select2-selection {
    border: none;
    border-bottom: 1px solid #d8d8d8;
    line-height: 22px;
    height: 24px;
}

#groupContainer .select2-container .select2-choice, .select2-selection {
    text-align: left;
}

.select2-selection--multiple {
    padding-bottom: 0px;
}

/*.report-constructor fieldset div input,
.folderSearch fieldset div input,
.report-constructor fieldset div input {
    height: 24px !important;
}*/

.select2-selection__rendered {
    width: inherit;
}

    select2-selection__rendered .select2-selection__choice,
    .select2-selection__rendered .select2-search--inline {
        max-width: 100%;
        width: calc(100% - 20px);
    }

.select2-selection__rendered .select2-search--inline input {
    width: inherit !important;
    max-width: calc(100% - 20px);
}

select.reportFilterSelector + span .select2-selection__rendered .select2-search--inline input {
    max-width: 100%;
}
        /*.select2-selection__rendered .select2-search--inline input[placeholder],
        .select2-selection__rendered .select2-search--inline input::-moz-placeholder,
        .select2-selection__rendered .select2-search--inline input:-moz-placeholder,
        .select2-selection__rendered .select2-search--inline input:-ms-input-placeholder {
            text-overflow: ellipsis;
        }*/

/*.report-constructor .select2-selection--single,*/
.folderSearch .select2-selection--single,
.taskSearch .select2-selection--single
/*,
.report-constructor .select2-selection--single*/ 
{
    height: 25px !important;
    overflow: hidden;
    padding-right: 25px;
    text-overflow: ellipsis;
}

.folderSearch .select2-selection--single {
    padding-right: 0px;
}

.folderSearch fieldset .input-group .form-control,
.folderSearch fieldset div > input
/*,
.report-constructor fieldset div > input*/ 
{
    height: 25px !important;
}

input.select2-search__field {
    min-height: 19px;
}

li.select2-search.select2-search--inline {
    line-height: 19px;
    min-height: 19px;
}

.select2-selection__choice {
    margin: 0px;
    margin-bottom: -5px;
    background-color: #d8d8d8;
    border: 1px solid #d8d8d8;
    color: #222;
    margin-right: 5px;
    margin-bottom: 2px;
    width: auto;
    /*min-width: 60%;*/
    max-width: 70%;
    text-overflow: ellipsis;
    overflow: hidden;
}

    .select2-selection__choice .select2-selection__choice__remove {
        background-color: transparent;
        color: #222;
        cursor: pointer;
    }

.task-performer .select2-selection__choice .select2-selection__choice__remove {
    color: #fff;
}

.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect,
.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    border-radius: 3px;
    width: 70px;
}

.daterangepicker select.monthselect {
    margin-right: 8%;
}

.padding-gutter .select2-selection {
    background-color: transparent;
}

.padding-gutter .select2-selection__arrow b {
    margin-top: 7px;
}

.select2-results {
    margin: 0px;
    max-height: none; /*220px;*/
    overflow-y:visible;
}

.select2-results__options {
    padding: 0;
    margin: 0;
    list-style: none;
    max-height: 220px;
    overflow-y: auto;
}

.select2-aip_select2-results .select2-results__options {
    max-height: initial;
}

.select2-results__options .select2-results__options {
    max-height: none;
}

.select2-aip_select2-results {
    max-height: 100% !important;
}

ul#select2-aip_select2-results > li:last-child  {
    border-top: 1px solid #f3f3f3;
}

.select2-results__option {
    padding: 9px 18px 8px 18px;
    user-select: none;
    /*overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;*/
}

    .select2-results__option[role="group"] {
        padding: 0px;
    }

ul#select2-mapping-fild-results li.select2-results__message {
    padding: 9px 18px 8px 18px;
}

    .select2-results__option .element-edit-btn {
        opacity: 0;
        transition: opacity 0.1s;
        position: absolute;
        top: 0px;
        right: 0px;
        z-index: 1;
    }

.select2-dropdown--below #select2-dictionaryElements-results li > div,
.select2-dropdown--below #select2-contragentElements-results li > div,
.select2-dropdown--below #select2-selectContragent-results li > div,
.select2-dropdown--above #select2-dictionaryElements-results li > div {
    position: relative;
}

    .select2-dropdown--below #select2-dictionaryElements-results li > div > div:nth-child(1),
    .select2-dropdown--below #select2-dictionaryElementParent-results li > div > div,
    .select2-dropdown--below #select2-contragentElements-results li > div > div:nth-child(1),
    .select2-dropdown--below #select2-contragentElementsParent-results li > div > div {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        padding-right: 20px;
    }

        .select2-dropdown--below #select2-dictionaryElements-results li > div > div:not(.element-edit-btn):nth-child(n + 2),
        .select2-dropdown--below #select2-dictionaryElementParent-results li > div > div:nth-child(2),
        .select2-dropdown--below #select2-contragentElements-results li > div > div:nth-child(3),
        .select2-dropdown--below #select2-contragentElementsParent-results li > div > div:nth-child(2) {
            color: #828282;
            padding-right: 20px;
        }

.select2-dropdown--below #select2-contragentElements-results li span.error,
.select2-dropdown--below #select2-contragentElementsParent-results li span.error,
.select2-dropdown--below #select2-selectContragent-results li span.error,
.select2-dropdown--below #select2-selectContragentParent-results li span.error {
    color: #db1212;
    opacity: 0.5;
}

.select2-dropdown--below #select2-dictionaryElements-results li:active > div > div:nth-child(3),
.select2-dropdown--below #select2-contragentElement-results li:active > div > div:nth-child(3),
.select2-dropdown--below #select2-contragentElement-results li:active:not(.not-selectable) span.error,
.select2-dropdown--below #select2-contragentElementParent-results li:active span.error,
.select2-dropdown--below #select2-dictionaryElementParent-results li:active > div > div span,
.select2-dropdown--below #select2-contragentElementParent-results li:active > div > div span {
    color: #fff;
    opacity: 1;
}

.select2-results__option:hover .element-edit-btn {
    opacity: 1;
}

#select2-folderFilterSelector-results > .select2-results__option,
#select2-orderfield-results > .select2-results__option,
#select2-reportFilterSelector-results > .select2-results__option {
    padding: 0px;
}

#select2-folderFilterSelector-results .select2-results__option[role="treeitem"][aria-disabled="true"],
#select2-reportFilterSelector-results .select2-results__option[role="treeitem"][aria-disabled="true"] {
    cursor: auto;
    color: #db2121;
    display: none;
}

.select2-results .select2-result-label,
.select2-results .select2-results__group,
.select2-results__options--nested .select2-results__option {
    padding: 9px 18px 8px 18px;
}

.select2-search {
    padding-left: 0px;
    padding-right: 0px;
}

#select2-folderFilterSelector-container .select2-search--inline {
    padding-left: 25px;
}

.select2-container--open .select2-dropdown.select2-dropdown--above,
.select2-drop.select2-drop-above {
    border-top: none;
}

.select2-dropdown--below .select2-search--dropdown {
    position: absolute;
    top: -26px;
    background-color: #fff;
}

.input-group .select2-selection--single {
    width: calc(100% - 1px) !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.input-group-has-2btn .select2-selection--single {
    padding-right: 95px;
}


.folderSearch .input-group-has-2btn .select2-selection--single {
    padding-right: 0px;
}

.input-group .select2-selection--multiple {
    width: 100%;
}

/*multiple select*/
select2:not(.select2-ignore) ~ .select2-selection--multiple .select2-selection__rendered > li.select2-selection__choice:nth-child(3) .select2-selection__choice__remove,
select2:not(.select2-ignore) ~ .select2-selection--multiple .select2-selection__rendered > li.select2-selection__choice:nth-child(n+4),
.cards-virtual .show-all-selected .select2-selection--multiple li.select2-selection__choice:nth-child(n+2) .select2-selection__choice__remove {
    display: none;
}

select2:not(.select2-ignore) ~ .select2-selection--multiple li.select2-selection__choice:nth-child(3),
.cards-virtual .show-all-selected .select2-selection--multiple li.select2-selection__choice:nth-child(n+2) {
    background-color: transparent;
    border: 1px solid transparent;
    padding-right: 0px;
}

.page-calendar .select2-selection--multiple li.select2-selection__choice:nth-child(n+2),
.show-all-selected .select2-selection--multiple li.select2-selection__choice:nth-child(n+2),
.tutorialstep3 .select2-selection--multiple li.select2-selection__choice:nth-child(n+2) {
    background-color: #d8d8d8;
    border: 1px solid #d8d8d8;
    padding-right: 28px;
}

    .page-calendar .select2-selection--multiple li.select2-selection__choice:nth-child(n+4),
    .page-calendar .select2-selection--multiple .select2-selection__rendered > li.select2-selection__choice:nth-child(n+3),
    .page-calendar .select2-selection--multiple .select2-selection__rendered > li.select2-selection__choice:nth-child(n+2) .select2-selection__choice__remove,
    .show-all-selected .select2-selection--multiple li.select2-selection__choice:nth-child(n+2) .select2-selection__choice__remove,
    .show-all-selected .select2-selection--multiple li.select2-selection__choice:nth-child(n+3),
    .tutorialstep3 .select2-selection--multiple .select2-selection__rendered > li.select2-selection__choice:nth-child(n+4),
    .tutorialstep3 .select2-selection--multiple .select2-selection__rendered > li.select2-selection__choice:nth-child(3) .select2-selection__choice__remove {
        display: block;
    }

.object-search #filter .select2-selection {
    border-bottom: 1px solid transparent;
}

.object-search #filter .select2-selection--single {
    height: auto !important;
    color: #db1212;
}


.object-search #filter .select2-selection__arrow b {
    display: block;
    color: #222;
    top: 5px;
}

.object-search #filter .select2-container {
    width: 160px !important;
}

.MessageBoxContainer input, .MessageBoxContainer select {
    width: 100%;
}

#select2-folderFilterSelector-container placeholder {
    color: #db1212;
}

.files .select-cont span.select2 {
    width: 200px !important;
}

.files .select-cont span.select2-selection--single {
    height: 38px;
    border: none;
    cursor: pointer;
    color: #828282;
}

.files .select-cont span.select2-selection__rendered {
    display: none;
}

.files .select-cont span.select2-selection--single div {
    padding-top: 8px;
    font-size: 15px;
}

.select2-select-button .select2-search {
    top: 4px;
}

.select2-select-button .select2-results {
    top: 30px;
}

.select2-select-button .select2-dropdown {
    height: 251px;
}

.select2-select-button .select2-search__field {
    padding-left: 18px;
}

.select2-container--open .select2-dropdown,
.select2-container--open .select2-selection {
    margin-left: 0px;
}

/* списки селектов на основе справочников отображаются полностью */
#select2-dictionaryElementParent-results .select2-results__option[aria-selected=true],
#select2-dictionaryElements-results .select2-results__option[aria-selected=true],
#select2-contragentElement-results .select2-results__option[aria-selected=true],
#select2-dictionaryElementParent-results .select2-results__option[role="treeitem"][aria-disabled="true"],
#select2-dictionaryElements-results .select2-results__option[role="treeitem"][aria-disabled="true"],
#select2-contragentElement-results .select2-results__option[role="treeitem"][aria-disabled="true"] {
    display: list-item;
}

.select2-results__option[aria-selected=true],
.select2-results__option[role="treeitem"][aria-disabled="true"],
.select2-results__option.account-filter {
    background-color: #f3f3f3;
    cursor: default;
}

.select2-results__option--load-more,
.select2-results__option.loading-results {
    background-color: #fff !important;
}

.select2-results__option[role="treeitem"][aria-disabled="true"].not-selectable {
    background-color: #fff !important;
}

.select2-search input {
    border: none;
    background: transparent;
    height: 24px !important;
    align-items: flex-end;
}

#folderFilterSelectorContainer {
    align-items: flex-end;
}

.add-new-filter ::-webkit-input-placeholder,
#folderFilterSelectorContainer ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #db1212;
}


.add-new-filter ::-webkit-input-placeholder,
/*.filter-container ::-webkit-input-placeholder*/ { /* Chrome/Opera/Safari */
    color: #db1212;
}

.add-new-filter ::-moz-placeholder,
#folderFilterSelectorContainer ::-moz-placeholder,
/*.filter-container ::-moz-placeholder*/ { /* Firefox 19+ */
    color: #db1212;
}

.add-new-filter :-moz-placeholder,
#folderFilterSelectorContainer :-moz-placeholder { /* Firefox 18- */
    color: #db1212;
}

.add-new-filter .select2-selection__placeholder {
    color: #db1212;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #828282;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #828282;
}

:-moz-placeholder { /* Firefox 18- */
    color: #828282;
}

.select2-selection__placeholder {
    color: #828282;
}

.report-constructor .input-group .select2-selection__rendered .select2-selection__placeholder {
    color: #db1212;
}


#folderFilterSelectorContainer input,
.filter-container input {
    width: 100% !important;
    height: 26px;
}

#select2-dictionaryElements-results li:active:not(.not-selectable) span.pencil::before,
#select2-contragentElement-results li:active:not(.not-selectable) span.pencil::before {
    background-color: #fff;
    -webkit-mask: url('/img/edit-row.png') no-repeat center;
    mask: url('/img/edit-row.png') no-repeat center;
}

.datatable-select2 .select2-search {
    display: none;
}

.datatable-select2 .select2-results ul {
    text-align: center;
}

    .datatable-select2 .select2-results ul li {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

.dataTables_length select {
    font-size: 14px;
    padding: 0;
    height: 23px !important;
    margin-left: 10px;
    width: 38px !important;
}

.dataTables_length .select2.select2-container {
    height: 23px !important;
    margin-left: 10px !important;
}

.dataTables_length .select2 .select2-selection {
    padding: 0 !important;
    height: 23px !important;
}

.dataTables_length .select2 .select2-selection__arrow b {
    margin-left: 10px !important;
    margin-top: 4px !important;
    display: block !important;
}

    .dataTables_length .select2 .select2-selection__arrow b::before {
        content: url('/img/arrow-down.png') !important;
    }

table.dataTable tr.selected {
    background-color: #e2e2e2 !important;
}

.info-paging-block .dataTables_info {
    font-size: 14px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    color: #222222;
    margin-right: 26px;
}

    .info-paging-block .dataTables_info .select-info {
        display: none !important;
    }

span.select2-dropdown.widedropdown {
    width: 400px !important;
}

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

.tab-content textarea[disabled],
.tab-content input[disabled] {
    background-color: #f3f3f3 !important;
    color: #828282;
    opacity: 0.65;
    cursor: not-allowed;
}

.tab-content.cards-virtual .select2-selection--single,
.tab-content.archive .select2-selection--single {
    background-color: #f3f3f3 !important;
    color: #828282;
}

.tab-content.archive div.task-select .select2-selection--single {
    background-color: transparent !important;
    color: #333;
}

.tab-content.cards-virtual .input-group-btn button,
.tab-content.cards-virtual .select2-selection__clear,
.tab-content.cards-virtual .input-group-addon img,
.tab-content.archive .input-group-btn button,
.tab-content.archive .select2-selection__clear,
.tab-content.archive .input-group input[disabled] ~ span.input-group-addon {
    display: none !important;
}

.tab-content.cards-virtual .form-control:focus,
.tab-content.cards-virtual .select2-selection:focus,
.select2-container--disabled .select2-selection:focus {
    border-color: #d8d8d8;
}

workitem-container .select2-container--disabled .select2-selection {
    background-color: #f3f3f3;
    /*cursor: not-allowed;*/
}

workitem-container .select2-container--disabled .select2-selection .select2-selection__clear {
    display: none !important;
}

.folderFilter .input-group span.select2 .select2-selection__choice {
    max-width: calc(100% - 110px);
}

.task-edit .input-group .select2-selection--single {
    border-bottom: none;
}

.select2-dropdown.select2-dropdown--below {
    z-index: 100000;
}

.input-group .form-control.select2-hidden-accessible {
    display: none;
}

#select2-new-filter-results > .select2-results__option {
    padding:0px;
}

#select2-folder-sorting-container img {
    margin-right:15px;
}

#select2-folder-sorting-results li {
    position: relative;
    padding-left: 45px;
}

    #select2-folder-sorting-results li .element-edit-btn {
        top: 9px;
        left:5px;
        opacity: 1;
    }

        #select2-folder-sorting-results li .element-edit-btn[data-elementid='increaseFolderCaption'],
        #select2-folder-sorting-results li .element-edit-btn[data-elementid='decreaseFolderCaption'],
        #select2-folder-sorting-results li .element-edit-btn[data-elementid='increaseWICaption'],
        #select2-folder-sorting-results li .element-edit-btn[data-elementid='decreaseWICaption'] {
            left: 15px;
        }

#select2-folder-sorting-results li:active img {
    display: none;
}

#select2-folder-sorting-results li:active img.DN {
    display: inline-block;
}

.input-group > .input-group.select-allow-clear .select2.select2-container:not(.select2-container--open) .select2-selection--multiple .select2-selection__rendered li:nth-child(n +2).select2-search,
.input-group > .input-group.select-allow-clear .select2.select2-container .select2-selection--multiple .select2-selection__rendered li:nth-child(n +2).select2-search {
    position: absolute;
    top: 0px;
    left: 0px;
}

.input-group > .input-group.select-allow-clear .select2-container--open span.select2-selection--multiple.select2-selection::after {
    position: absolute;
    right: 10px;
    top: 2px;
}

.input-group > .input-group.select-allow-clear .select2-selection--multiple > ul.select2-selection__rendered > li.select2-search.select2-search--inline {
    width: 100% !important;
    pointer-events: none;
}

.input-group > .input-group.select-allow-clear .select2-container--open .select2-selection--multiple > ul.select2-selection__rendered > li.select2-search.select2-search--inline > input.select2-search__field {
    max-width: calc(100% - 45px);
    pointer-events: auto;
    background: white;
    background-color: white;
}

workitem-body .files {
    position: relative;
    padding-left: 10px;
}

.files .workitem-dropzone {
    margin: 0px;
}

.dz-drag-hover div#dropzone-cont {
    z-index: 1;
}

.dz-drag-hover .files div#dropzone-cont,
.dz-drag-hover #dropzone-cont.active {
    display: block;
}

.dz-drag-hover header,
.dz-drag-hover .workitem-tabs .active a,
.dz-drag-hover #components .dt-toolbar {
    z-index: 1 !important;
}

div.files {
    z-index: 1;
}

div#dropzone-cont {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    text-shadow: 1px 1px 2px #000;
    background: rgba(0, 0, 0, 0.45);
    display: none;
    transition-property: z-index;
    transition-duration: 1s;
}

    div#dropzone-cont > div {
        width: 100%;
        position: relative;
        text-align: center !important;
        top: calc(100%/2 - 30px);
        font-size: 30px;
        color: #fff;
    }

        div#dropzone-cont > div > span > img {
            margin-top: -10px;
            padding-right: 10px;
        }

.files .dt-toolbar, .files .info-paging-block {
    padding-right: 0px !important;
}

.files .btn-transparent img {
    padding-right: 8px;
}

.files .buttons > div:nth-child(1) {
    width: 168px;
}

.files .buttons > div:nth-child(2) {
    padding-left: 30px;
    padding-right: 30px;
    width: 187px;
}

.files .buttons > div:nth-child(3) {
    width: auto;
    padding-right: 5px;
}

.files .buttons > div:nth-child(4) {
    width: 160px;
}

.files .buttons > div:nth-child(n+3) {
    padding-left: 0px;
}

.files table .xsud-icon-map-marker {
    color: #D8D8D8;
}

.files .xsud-icon-map-marker.delivered {
    color: #6EB100;
}

.files .xsud-icon-map-marker.not-delivered {
    color: #F5A623;
}

.files .path {
    margin-bottom: 18px;
}

    .files .path span {
        font-size: 18px;
        color: #828282;
    }

        .files .path span.filefolder-link {
            cursor: pointer;
        }

        .files .path span:last-child {
            color: #000;
        }


.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
    margin: 0;
    text-align: left;
}

    .dropzone.dz-clickable .dz-message > span {
        font-size: 15px;
        text-align: left;
        color: #000000;
        margin: 0.2rem;
        display: inline-block;
        margin-left: 3em;
        padding-bottom: 14px;
        padding-top: 4px;
    }

.files > .dt-toolbar {
    margin-right: 30px;
    width: 280px;
}

.dropzone.dz-clickable .dz-message > span:before {
    content: url('/img/dropzone/group.png'); /* with class ModalCarrot ??*/
    position: relative; /*or absolute*/
    z-index: 10; /*a number that's more than the modal box*/
    left: -17px;
    top: 10px;
}

/********************************************************/
/*pseudo*/
.pseudo-dropzone {
    padding: 15px 45px;
    padding-top: 0;
    border: 1px dashed rgba(0,0,0,.3);
    cursor: pointer;
    margin-bottom: 10px;
}

    .pseudo-dropzone > span {
        font-size: 15px;
        text-align: left;
        color: #000000;
    }

        .pseudo-dropzone > span:before {
            content: url('/img/dropzone/group.png'); /* with class ModalCarrot ??*/
            position: relative; /*or absolute*/
            z-index: 10; /*a number that's more than the modal box*/
            left: -17px;
            top: 10px;
        }
/*/pseudo*/

/*preview*/
.file-preview-container.hide {
    display: none;
}
.file-preview-table {
    display: table;
    width: 100%;
    margin-bottom: 20px;
}
.file-preview-row-head {
    display: table-row;
}
.file-preview-row-head {
    font-size:12px;
}
.file-preview-row {
    display: table-row;
    /*cursor: pointer;*/
    
}
.file-preview-row:hover {
    background-color: #fafafa;
}
    .file-preview-row .file-preview-cell {
        display: table-cell;
        padding: 8px 10px;
        padding-top: 8px;
        vertical-align: middle;
    }

    .file-preview-row .file-preview__fileName a {
        word-break: break-word;
    }

    .file-preview-row-head .file-preview-cell {
        display: table-cell;
        padding: 8px 10px;
        padding-top: 8px;
        vertical-align: middle;
    }
.file-preview__fileType {
    width: 28px;
    font-size: 12px;
}
.file-preview__fileName {
    width: 462px;
}
.file-preview__fileAuthor {
    width: 261px;
}
.file-preview__fileDate {
    width: 156px;
    
}
    .file-preview__fileDate > * {
        font-style: normal !important;
    }
.file-preview__fileControl {    
    width: 41px;
}

    .file-preview__fileControl .vertical:hover {
        background-color: transparent !important;
        cursor: pointer;
    }

.file-preview-row .file-preview__fileControl > * {
    opacity: 0;
}

.file-preview-row .file-preview__fileControl .show,
.file-preview-row:hover .file-preview__fileControl > * {
    opacity: 1;
}

.files table td.important {
    text-align: center;
}

.files table th.extendedAttributes {
    min-width: 250px;
}

.files .edit-row-hover .star {
    position: relative;
}

.files .edit-row-hover > td {
    vertical-align: middle;
}


.workitem-files .fileTableBase {
    margin-left: -45px;
    width: calc(100% + 45px) !important;
    padding-right: 0px !important;
}

    .files .edit-row-hover .star i {
        color: transparent;
    }

    .files .edit-row-hover .star i.fa-star,
    .files .edit-row-hover .star.active i.fa-star-o {
        display: none;
    }

.files .edit-row-hover:hover .star i.fa-star-o {
    color: #d8d8d8;
}

.files .edit-row-hover .star.active i.fa-star {
    display: block;   
}

.files .table-message {
    padding-top: 4px;
}

.cards-virtual .files .table-message {
    padding-top: 67px;
}

.files .dataTable .fileType {
    padding-left: 0px !important;
}

#file-shared-link-copy::before {
    content: '\f0c5';
    cursor: pointer;
}

input[type=text]:focus + .file-shared-addon {
    background-color:transparent;
}

.file-shared-addon {
    position: absolute;
    width: 50px !important;
    height: 38px;
    right: -10px;
    top: -4px;
}

    .file-shared-addon #file-shared-link-copy {
        margin-right: 0px !important;
        font-size: 18px;
        padding: 0px;
        height: 20px;
        width: 20px;
        min-height: initial;
        min-width: initial;
    }

.file-add > span,
.document-add > span {
    padding-left: 0px;
}

.files .file-add > span {
    padding-left: 0px;
}

.filefolder-link:hover{
    color:#222 !important;
}

.filefolder-link:active {
    color: #db1212 !important;
}

.files .xsud-icon-download-file {
    font-size: 19px;
    vertical-align: middle;
    padding-right: 3px;
}

.files .xsud-icon-folder-new,
.files .xsud-icon-doc,
.files .xsud-icon-map-marker,
.files .xsud-icon-link,
.files .xsud-icon-export-link,
.files .xsud-icon-gluing {
    font-size: 16px;
    vertical-align: middle;
    padding-right: 8px;
}

.files .xsud-icon-export-flat,
.files .xsud-icon-export-rounded {
    font-size: 13px;
    vertical-align: middle;
    padding-right: 8px;
    color: #828282;
}

.fileTracking {
    width: 20px !important;
}



@media (max-width: 991px) {
    .files .buttons > div:nth-child(2), .files .buttons > div:nth-child(4), .files .select-cont span.select2-selection--single div {
        padding-left: 15px;
        padding-right: 10px;
        width: 100%;
    }

    .files table.dataTable tr {
        position:relative;
    }

        .files table.dataTable tr:hover {
            background-color: #f3f3f3 !important
        }

        .files table.dataTable tr .vertical-points {
            position: absolute;
            right: 20px;
        }

    .files .edit-row-hover .star {
        display: none;
    }

    .files .buttons > div:nth-child(1) {
        width: 168px;
        padding-left: 15px;
    }

    workitem-body .files {
        padding-left: 13px;
    }

    .workitem-files .fileTableBase {
        width: calc(100% + 60px) !important;
    }

}
    /*/preview*/


.archive-details .files .table-message {
   padding-top: 42px;
}

.file-tracking-marker.file-tracking-marker_no-data > span {
    color: #D8D8D8;
}

.file-tracking-marker.file-tracking-marker_delivery > span {
    color: #6db100;
}

.file-tracking-marker.file-tracking-marker_not-delivery > span {
    color: #f5a526;
}

.table.tracking-files {
    margin-bottom: 0 !important;
}

.uploadable-files .uploadable-file {
}

    .uploadable-files .uploadable-file:hover {
        width: 100%;
        background-color: #f3f3f3;
    }

    .uploadable-files .uploadable-file .file-delete-btn {
        display: none;
    }

    .uploadable-files .uploadable-file:hover .file-delete-btn {
        display: block;
    }

.uploadable-file {
    /*padding: 16px 10px;*/
    display: table-row;
}

    .uploadable-file > div {
        padding: 16px 10px;
    }

.uploadable-files {
    display: table;
    margin-left: -10px;
    width: calc(100% + 20px);
}

    .uploadable-files .file-type {
        width: 35px;
        font-size: 10px;
        display: table-cell;
        letter-spacing: 1px;
    }

    .uploadable-files .file-name {
        width: 100%;
        font-size: 14px;
        display: table-cell;
    }

    .uploadable-files .file-delete {
        display: table-cell;
    }

.tracking-files .file-delete-btn {
    cursor: pointer;
}

    .tracking-files .file-delete-btn span:before {
        content: url(/img/delete-row.png);
    }

.file-tracking__delivery-link span {
    color: #3276b1;
}
.file-tracking__track-number {
    padding-right: 35px;
}

.files .attribute-row > div {
    display: inline-block;
    vertical-align: top;
}

.files .attribute-name {
    width: 38%;
}

.files .attribute-value {
    width: 60%;
}

table.datatable tr.edit-row-hover td.sorting_1{
    display: table-cell;
}
workitem-body .files .dropdown-menu > li > a.file-edit-extended-data-btn {
    display: none;
}

workitem-body .files table[data-extended-attribute-enabled='true'] .dropdown-menu > li > a.file-edit-extended-data-btn {
    display: block;
}

.ajax-dropdown-help:before, .ajax-dropdown-help:after {
    left: 75%;
}

.ajax-dropdown-help {
    position: absolute;
    transform: translateX(-0.75);
    height: auto;
    /*min-height: 455px;*/
}

    .ajax-dropdown-help .list-group {
        margin-bottom: 0px;
    }

    .ajax-dropdown-help .sh_chat {
        border: none;
        position: static;
    }

    .ajax-dropdown-help .sh_header {
        background: #c02424;
    }

    .ajax-dropdown-help .ajax-help-container {
        display: block;
        overflow: auto;
        margin-right: -10px;
        margin-left: -10px;
        border-top: 1px solid #CECECE; 
    }

    .ajax-dropdown-help .ajax-help-block, .ajax-dropdown-help .ajax-help-chat, .ajax-dropdown-help .alert-transparent {
        display: none;
    }

    .ajax-dropdown-help .visible {
        display: block !important;
    }

    .ajax-dropdown-help .list-group-item { 
        border: none;
    }

    .ajax-dropdown-help .list-group-item:hover {
        z-index: 2;
        color: #fff;
        background-color: #c02424; 
    }

    .list-group-item.submenu span {
        padding-left: 20px;
    }

body > #sh_button{
    display:none !important;
}

left-panel span.fast-filter-caption {
    width: 100%;
    display: inline-block;
}

ul.fast-filter-list {
    list-style-type: none;
}

.panel-side-bar .fast-filter-list {
    position: relative;
    position: relative;
    list-style-type: none;
    padding-left: initial;
    margin-top: 0;
    margin-bottom: 9px;
}

.panel-side-bar .fast-filter-item {
    cursor: pointer;
    height: 2em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 30px;
}

    .panel-side-bar .fast-filter-item .fast-filter-btn__menu-open {
        display: none;
    }

    .panel-side-bar .fast-filter-item:hover .fast-filter-btn__menu-open,
    .panel-side-bar .fast-filter-controls-menu.open .fast-filter-btn__menu-open {
        display: inline;
    }

    /*FIX*/
    .panel-side-bar .fast-filter-item:hover a {
        font-weight: normal !important;
    }

    .panel-side-bar .fast-filter-item:hover .fast-filter-caption,
    .panel-side-bar .fast-filter-item:active .fast-filter-caption,
    .panel-side-bar .fast-filter-item:focus .fast-filter-caption {
        font-weight: bold !important;
    }
/*/FIX*/

.panel-side-bar .fast-filter-btn__apply {
    text-decoration: none;
    font-size: 14px;
    cursor: pointer;
    text-overflow: ellipsis;
    display: inline-block;
    width: 100%;
}

    .panel-side-bar .fast-filter-btn__apply:hover,
    .panel-side-bar .fast-filter-btn__apply:active {
        font-weight: bold;
    }

.panel-side-bar .fast-filter-btn__modal-save {
    color: #db1212;
    text-decoration: none;
    white-space: nowrap;
    font-size: 14px;
    padding: 0;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}



    .panel-side-bar .fast-filter-btn__modal-save:hover,
    .panel-side-bar .fast-filter-btn__modal-save:active,
    .panel-side-bar .fast-filter-btn__modal-save:focus {
        /*font-weight: bold;*/
        color: #db1212;
        text-decoration: none;
    }

    .panel-side-bar .fast-filter-btn__modal-save:active {
        position: relative;
        top: 1px;
        left: 1px;
    }

.panel-side-bar .fast-filter-controls-menu {
    position: absolute;
    right: 0px;
    display: inline-block;
}

    .panel-side-bar .fast-filter-controls-menu ul a:hover {
        color: white;
    }

/*btn__menu-openw*/
.panel-side-bar .fast-filter-btn__menu-open {
    border-radius: 100%;
    padding: 8px;
}

    .panel-side-bar .fast-filter-btn__menu-open:hover {
        background-color: #eee;
    }

    .panel-side-bar .fast-filter-btn__menu-open > img {
        height: 15px;
        width: 15px;
    }

/*caption*/
.panel-side-bar .fast-filter-caption {
}

    .panel-side-bar .fast-filter-caption:hover {
        font-weight: bold;
    }

/*SPEZIAL*/
/*FIX*/
.panel-side-bar .fast-filter-list-system .fast-filter-item {
    padding: 0;
}

.panel-side-bar .fast-filter-list-system:after {
    content: "";
    display: block;
    height: 1px;
    width: 70px;
    background: #d8d8d8;
    margin: 10px 0px 15px 0px;
}

.panel-side-bar .fast-filter-list-user-wrapper:after {
    content: "";
    display: block;
    height: 1px;
    width: 70px;
    background: #d8d8d8;
    margin: 15px 0px 15px 0px;
}

@media (max-width: 991px) {
    .panel-side-bar .fast-filter-item .fast-filter-btn__menu-open {
        display: block;
        padding-top: 0px;
        margin-top: -2px;
    }
}    

    /*.quick-search ul li.active::after, left-panel .panel-side-bar li.active::after {
                    background-color: #c22424;
                    content: "";
                    display: block;
                    width: 5px;
                    height: 1.2em;
                    position: absolute;
                    right: 0px;
                    margin-top: -1.4em;
                }*/


    /*/FIX*/

@font-face {
    font-family: 'ProximaNova',Roboto,sans-serif;
    font-weight: 400;
    font-style: normal
}

.enjoyhint {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2010;
    pointer-events: none;
    overflow: hidden
}

.enjoyhint_hide {
    display: none
}

.enjoyhint_disable_events {
    position: absolute;
    width: 2000px;
    height: 1500px;
    z-index: 2011;
    pointer-events: all
}

.enjoyhint_next_btn, .enjoyhint_skip_btn {
    -webkit-box-sizing: content-box;
    width: 100px;
    cursor: pointer;
    margin: 0 auto;
    letter-spacing: 1px;
    text-align: center
}

.enjoyhint_close_btn, .enjoyhint_next_btn, .enjoyhint_skip_btn {
    z-index: 2012;
    pointer-events: all;
    -o-text-overflow: clip;
    text-overflow: clip;
    -moz-box-sizing: content-box;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 14px;
    font-weight: normal;
    padding-right: 20px;
    padding-left: 20px;
    border-color: transparent !important;
}

.enjoyhint_next_btn {
    box-sizing: content-box;
    border: 2px solid #b50a0a;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    color: white;
    background: rgba(0,0,0,0);
    -webkit-transition: background-color .3s cubic-bezier(0,0,0,0),color .3s cubic-bezier(0,0,0,0),width .3s cubic-bezier(0,0,0,0),border-width .3s cubic-bezier(0,0,0,0),border-color .3s cubic-bezier(0,0,0,0);
    -moz-transition: background-color .3s cubic-bezier(0,0,0,0),color .3s cubic-bezier(0,0,0,0),width .3s cubic-bezier(0,0,0,0),border-width .3s cubic-bezier(0,0,0,0),border-color .3s cubic-bezier(0,0,0,0);
    -o-transition: background-color .3s cubic-bezier(0,0,0,0),color .3s cubic-bezier(0,0,0,0),width .3s cubic-bezier(0,0,0,0),border-width .3s cubic-bezier(0,0,0,0),border-color .3s cubic-bezier(0,0,0,0);
    transition: background-color .3s cubic-bezier(0,0,0,0),color .3s cubic-bezier(0,0,0,0),width .3s cubic-bezier(0,0,0,0),border-width .3s cubic-bezier(0,0,0,0),border-color .3s cubic-bezier(0,0,0,0);
    font-size: 14px;
    border-color: #b50a0a !important;
}

    .enjoyhint_next_btn:hover {
        color: rgba(255,255,255,1);
        background: #b50a0a;
        border-color: transparent !important;
        color: #fff;
    }

    .enjoyhint_next_btn:active {
        border: 2px solid #b50a0a;
        background: #b50a0a;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
        background-color: #b50a0a !important;
        border-color: transparent !important;
    }

.enjoyhint_skip_btn {
    box-sizing: content-box;
    border: 2px solid #b50a0a;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    color: white;
    background: rgba(0,0,0,0);
    -webkit-transition: background-color .3s cubic-bezier(0,0,0,0),color .3s cubic-bezier(0,0,0,0),width .3s cubic-bezier(0,0,0,0),border-width .3s cubic-bezier(0,0,0,0),border-color .3s cubic-bezier(0,0,0,0);
    -moz-transition: background-color .3s cubic-bezier(0,0,0,0),color .3s cubic-bezier(0,0,0,0),width .3s cubic-bezier(0,0,0,0),border-width .3s cubic-bezier(0,0,0,0),border-color .3s cubic-bezier(0,0,0,0);
    -o-transition: background-color .3s cubic-bezier(0,0,0,0),color .3s cubic-bezier(0,0,0,0),width .3s cubic-bezier(0,0,0,0),border-width .3s cubic-bezier(0,0,0,0),border-color .3s cubic-bezier(0,0,0,0);
    transition: background-color .3s cubic-bezier(0,0,0,0),color .3s cubic-bezier(0,0,0,0),width .3s cubic-bezier(0,0,0,0),border-width .3s cubic-bezier(0,0,0,0),border-color .3s cubic-bezier(0,0,0,0);
    font-size: 14px;
    border-color: #b50a0a !important;
}

    .enjoyhint_skip_btn:hover {
        color: rgba(255,255,255,1);
        background: #b50a0a;
        border-color: transparent !important;
        color: #fff;
    }

    .enjoyhint_skip_btn:active {
        border: 2px solid #b50a0a;
        background: #b50a0a;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
        background-color: #b50a0a !important;
        border-color: transparent !important;
    }

.enjoyhint_close_btn {
    display: inline-block;
    position: absolute;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: .3em;
    height: .3em;
    border: none;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    font-family: 'ProximaNova', Roboto, sans-serif;
    color: rgba(0,0,0,1);
    background: rgba(0,0,0,0);
    border: 2px solid #b50a0a
}

    .enjoyhint_close_btn::after, .enjoyhint_close_btn::before {
        -webkit-box-sizing: content-box;
        width: 73%;
        height: 2px;
        position: absolute;
        content: "";
        border: none;
        font-family: 'ProximaNova', Roboto, sans-serif;
        color: rgba(0,0,0,1);
        background: #fff;
        text-shadow: none;
        -o-text-overflow: clip;
        text-overflow: clip;
        display: inline-block
    }

    .enjoyhint_close_btn::before {
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        top: 48%;
        left: 14%;
        -webkit-transform: rotateZ(45deg);
        transform: rotateZ(45deg)
    }

    .enjoyhint_close_btn::after {
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        top: 46%;
        left: 15%;
        -webkit-transform: rotateZ(-45deg);
        transform: rotateZ(-45deg)
    }

    .enjoyhint_close_btn:hover {
        color: rgba(255,255,255,1);
        cursor: pointer
    }

    .enjoyhint_close_btn:active {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none
    }

.enjoyhint_btn {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 150px;
    height: 40px;
    cursor: pointer;
    margin: 0 auto;
    border: 2px solid #b50a0a;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    font: normal normal normal 17px/40px "Advent Pro",Helvetica,sans-serif;
    color: #b50a0a;
    text-align: center;
    -o-text-overflow: clip;
    text-overflow: clip;
    letter-spacing: 1px;
    background: rgba(0,0,0,0);
    -webkit-transition: background-color .3s cubic-bezier(0,0,0,0),color .3s cubic-bezier(0,0,0,0),width .3s cubic-bezier(0,0,0,0),border-width .3s cubic-bezier(0,0,0,0),border-color .3s cubic-bezier(0,0,0,0);
    -moz-transition: background-color .3s cubic-bezier(0,0,0,0),color .3s cubic-bezier(0,0,0,0),width .3s cubic-bezier(0,0,0,0),border-width .3s cubic-bezier(0,0,0,0),border-color .3s cubic-bezier(0,0,0,0);
    -o-transition: background-color .3s cubic-bezier(0,0,0,0),color .3s cubic-bezier(0,0,0,0),width .3s cubic-bezier(0,0,0,0),border-width .3s cubic-bezier(0,0,0,0),border-color .3s cubic-bezier(0,0,0,0);
    transition: background-color .3s cubic-bezier(0,0,0,0),color .3s cubic-bezier(0,0,0,0),width .3s cubic-bezier(0,0,0,0),border-width .3s cubic-bezier(0,0,0,0),border-color .3s cubic-bezier(0,0,0,0)
}

#kinetic_container, .enjoyhint_canvas, .enjoyhint_svg_wrapper, .enjoyhint_svg_wrapper svg {
    width: 100%;
    height: 100%;
    position: absolute
}

.enjoyhint_btn:hover {
    color: rgba(255,255,255,1);
    background: #b50a0a
}

.enjoyhint_btn:active {
    border: 2px solid #b50a0a;
    background: #b50a0a;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

.enjoyhint div.canvas-container {
    position: absolute
}

.enjoyhint_canvas {
    z-index: 100;
    pointer-events: none
}

#kinetic_container {
    pointer-events: none;
    top: 0;
    left: 0
}

.enjoyhint_svg_wrapper {
    top: 0;
    left: 0;
    z-index: 100;
    -webkit-transition: opacity .4s cubic-bezier(.42,0,.58,1);
    -moz-transition: opacity .4s cubic-bezier(.42,0,.58,1);
    transition: opacity .4s cubic-bezier(.42,0,.58,1)
}

    .enjoyhint_svg_wrapper svg {
        top: 0;
        left: 0
    }

.enjoyhint_svg_transparent .enjoy_hint_label, .enjoyhint_svg_transparent .enjoyhint_svg_wrapper {
    opacity: 0
}

.enjoy_hint_label {
    position: absolute;
    color: #fff;
    z-index: 107;
    font-size: 22px;
    font-family: 'ProximaNova',Roboto,sans-serif;
    -webkit-transition: opacity .4s cubic-bezier(.42,0,.58,1);
    -moz-transition: opacity .4s cubic-bezier(.42,0,.58,1);
    transition: opacity .4s cubic-bezier(.42,0,.58,1);
    display: inline-block;
    min-width: 200px;
    text-align: center;
    max-width: 80%
}

div.kineticjs-content {
    position: absolute !important
}

.enjoyhint_skip_btn {
    position: fixed
}

.enjoyhint_next_btn {
    position: fixed
}


.section-fields-table {
    margin: 10px 0 10px 0;
}

    .section-fields-table .section-fields-table__field {
        padding: 8px 10px 8px 10px;
        width: 100%;
        border: 1px solid #f3f3f3;
        border-bottom: none;
        padding: 6px 2px;
        margin-left: 0;
        margin-right: 0;
        min-height: 50px;
    }

        .section-fields-table .section-fields-table__field .ellipsis {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .section-fields-table .section-fields-table__field:last-child {
            border-bottom: 1px solid #f3f3f3;
        }

    .section-fields-table .section-fields-table__field_caption,
    .section-fields-table .section-fields-table__field_information
    .section-fields-table .section-fields-table__field_type {
    }

    .section-fields-table .section-fields-table__field_information {
        font-size: 12px;
        opacity: .7;
    }

    .section-fields-table .section-fields-table__field_new {
        font-size: 1em;
        color: #b94a48;
        cursor: pointer;
        display: inline-block;
        width: 100%;
        padding: 8px 0px;
    }


.save-field-modal-input-container {
    width: 100%;
} 
.section-fields-table__field:not(.section-fields-table__field-ignore):hover {
    background: #f3f3f3;
    cursor: pointer;
}

.save-field-modal-input-container .only-dictionary {
    display: none;
}

.new-dictionary .popover.top,
.save-field-modal-input-container .popover.top {
    margin-right: 5px;
}

.new-dictionary .circle,
.save-field-modal-input-container .circle {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    padding-left: 6px;
    background: #ececec;
    display: inline-block;
    cursor: pointer;
    margin-right: 5px;
    position: relative;
    top: 24px;
    margin-left: 22px;
    top: 0px;
}

    .new-dictionary .circle:hover,
    .save-field-modal-input-container .circle:hover {
        background: #dddddd;
    }

.section-fields-table__field_delete-btn  {
    margin: 5px;
}
.section-fields-table__field_delete-btn::before {
    content: url('/img/delete-row.png');
    width: 10px;
}

.dictionary {
    padding-left: 0px;
    padding-right: 0px;
}

.dictionary-menu {
    padding-top: 40px;
    padding-left: 30px;
    font-size: 14px;
    text-align: left;
    color: #828282;
}

    .dictionary-menu ul {
        list-style: none;
        padding-left: initial;
    }

        .dictionary-menu ul li.left-menu-item,
        .dictionary-menu ul.left-panel-block > li {
            min-height: 2em;
            padding-left: 15px;
            color: #222;
            cursor: pointer;
        }

            .dictionary-menu ul.left-panel-block > li.contragents {
                cursor: default;
            }

        .dictionary-menu ul.left-panel-block li ul li {
            padding-left: 0px;
        }

        .dictionary-menu .left-menu-item__text {
            color: #828282;
        }

.dictionary-menu ul.left-panel-block li.left-menu-item > div {
    position: static;
}

    .dictionary-menu .left-menu-item__content {
        padding-right: 0px;
    }

.dictionary-menu .left-menu-list.edit-filter {
    margin-top: 3px !important;
}

    .dictionary-menu ul li ul li.active span.left-menu-item__text,
    .dictionary-menu ul li ul li:hover span.left-menu-item__text {
        font-weight: bold;
        color: #222222;
    }

                .dictionary-menu ul li ul li.active::after,
                .dictionary-menu ul li ul li:hover::after {
                    content: "";
                    width: 5px;
                    position: absolute;
                    right: -13px;
                    min-height: 1.2em;
                    display: block;
                    margin-top: -1.8em;
                }

        .dictionary-menu ul li i {
            font-size: 10px;
            color: #222;
            padding-right: 5px;
            position: absolute;
            top: 5px;
            left: 0px;
        }

        .dictionary-menu ul li i {
            background-color: #fafafa;
        }

        .dictionary-menu ul li ul li.active::after {
            background-color: #c22424;
        }

        .dictionary-menu ul li ul.cont > li:hover::after {
            background-color: #ff5252;
        }

/*.dictionary-table {
    background-color: #ffffff;
    box-shadow: 0 -3px 3px 0px rgba(0,0,0,.3);
    padding: 25px 15px 20px 30px !important;
}*/

    .dictionary-details header {
        padding-bottom: 30px;
    }

.dictionary-details table {
    margin-left:-10px;
}

.new-dictionary .cont .block,
.save-field-modal .cont .block {
    display: none;
}

.new-dictionary-relation .cont .block {
    display: none;
}

.new-dictionary-relation .cont .legend-box {
    display: inline-flex;
    width: 100%;
}
.new-dictionary-relation .cont .legend-box h5 {
    width: 100%;
}

.new-dictionary-relation .cont .legend-box button {
    background-color: transparent;
    width: 150px;
    border: none !important;
    padding: unset !important;
}

.save-field-modal .cont .legend .fa-chevron-up,
.save-field-modal .cont.active .legend .fa-chevron-down,
.new-dictionary-relation .cont .legend-box .legend .fa-chevron-up,
.new-dictionary-relation .cont.active .legend-box .legend .fa-chevron-down,
.new-dictionary .cont .legend .fa-chevron-up,
.new-dictionary .cont.active .legend .fa-chevron-down {
    display: none;
}

.save-field-modal .cont .legend .fa-chevron-down,
.save-field-modal .cont.active .legend .fa-chevron-up,
.new-dictionary-relation .cont .legend-box .legend .fa-chevron-down,
.new-dictionary-relation .cont.active .legend-box .legend .fa-chevron-up,
.new-dictionary .cont .legend .fa-chevron-down,
.new-dictionary .cont.active .legend .fa-chevron-up {
    display: inline-block;
    position: relative;
    bottom: 2px;
}

.new-dictionary-relation .legend-box .legend,
.new-dictionary .legend,
.save-field-modal .legend {
    position: relative;
    cursor: pointer;
    margin-top: 10px;
    margin-bottom: 20px;
}
    .new-dictionary-relation .legend-box .legend i,
    .new-dictionary .legend i,
    .save-field-modal .legend i {
        font-size: 10px;
        /*top: 0px;
        left: 5px;*/
        cursor: pointer;
    }

.new-dictionary .save-field-modal-input-container .only-dictionary {
    display: inline-block;
}

.dictionary-menu li[data-id] {
    padding-right: 20px;
}

    .dictionary-menu li[data-id] .vertical-points li:hover::after {
        content: '' !important;
        width: 0 !important;
    }

    .dictionary-menu li[data-id] .vertical-points {
        display: none;
        cursor: pointer;
        position: absolute;
        right: -10px;
    }

        .dictionary-menu li[data-id]:hover .vertical-points,
        .dictionary-menu li[data-id] .vertical-points.open {
            display: inline-block;
        }

.save-field-modal .modal-header h2,
.new-dictionary .modal-header h2 {
    margin: 0;
}

/*.dictionary-table table.datatable tbody tr:hover {
    background-color: #f3f3f3;
}

.dictionary-table table.datatable tr td:last-child:empty {
    display: table-cell !important;
}*/

.contragents #components .dt-toolbar {
    margin-bottom: 30px;
}

.contragents .folders-number {
    display: block;
    padding-left: 13px;
    padding-top: 10px;
}

.contragents .search__number {
    padding-left: 13px;
    padding-top: 10px;
}

.contragents .contragent-table {
    padding-left: 29px;
    padding-top: 20px;
    padding-right: 40px;
}

    .contragents .contragent-table > .row {
        padding: 5px 10px;
    }

    .contragents .contragent-table > .edit-row {
        cursor: pointer;
    }

        .contragents .contragent-table > .edit-row:hover {
            background: rgba(235, 235, 235, 0.41)
        }

@media (min-width: 991px) {
    .contragents .contragent-table > .edit-row > div:nth-child(4) {
        width: 17%;
    }

    .contragents .contragent-table > .new-row > div:nth-child(4) {
        width: 17%;
    }

    .contragents .contragent-table > .edit-row > div:nth-child(6) {
        width: 15%;
    }

    .contragents .contragent-table > .new-row > div:nth-child(6) {
        width: 15%;
    }
}

@media (max-width: 991px) {
    /*объединиить с главной страницей*/

    .contragents .contragent-table .col-md-0 {
        display: none;
    }

    .contragents .contragent-table .edit-row .delete-btn {
        opacity: 1;
    }

    .contragents .contragent-table .new-row .search-kad .api-add-btn {
        width: 38px !important;
        padding: 10px;
        padding-top: 0px;
    }

        .contragents .contragent-table .new-row .search-kad .api-add-btn.add-kad {
            padding-top: 10px;
        }

    .contragents .contragent-table .search-kad .api-add-btn .plus {
        font-size: 29px;
        height: 30px !important;
    }

    .contragents .contragent-table .search-kad {
        right: 0px;
    }
}

@media (max-width: 767px) {
    .contragents .contragent-table .col-0 {
        display: none;
    }

    .contragents right-panel {
        padding: 20px 15px !important;
    }

    .contragents .organization {
        padding-left: 0px;
    }
}

.contragents .contragent-table .edit-row > div {
    word-break: break-word;
}

/*.contragents .contragent-table > .row > div:first-child,
.contragents .contragent-table > .row > div:first-child {
    width: 2%;
    flex: 0 0 2%;
}*/

/*.contragents .contragent-table > .edit-row > div:nth-child(7) {
    width: 6%;
    flex: 0 0 6%;
}*/

.contragents .contragent-table .semaphore_info.green > span {
    background-color: #6EB100;
}

.contragents .contragent-table .semaphore_info.yellow > span {
    background-color: #EF9F00;
}

.contragents .contragent-table .semaphore_info.red > span {
    background-color: #DB1212;
}

.contragents .contragent-table .semaphore_info.gray > span {
    border: 1px solid #D8D8D8;
}

.contragents .contragent-table .new-row .semaphore_info > span {
    background-color: #D8D8D8;
}

.contragents .contragent-table .circle {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 0px;
    top: 5px;
}

.contragents .contragent-table .organization > span.name {
    width: 100%;
    display: block;
}

.contragents .contragent-table .organization > span:not(.name) {
    color: #979797;
    font-size: 12px;
}

.contragents .contragent-table span.contact-information > span {
    width: 100%;
    display: block;
}

.contragents .contragent-table .cont {
    display: none;
}

.contragents .contragent-table span.type {
    position: absolute;
    background: #DB1212;
    border-radius: 7px;
    color: #fff;
    border-radius: 7px;
    font-size: 10px;
    padding: 1px 4px;
    margin-left: 10px;
    min-width: 26.5px;
}

.contragents .contragent-table span.btn-oval {
    margin-top: -2px;
    display: block;
    margin-right: 0px;
    width: auto !important;
}

.contragents .contragent-table .count {
    width: 100%;
    display: block;
    color: #979797;
    cursor: pointer;
    font-size: 12px;
}

.contragents .contragent-table .egrul-link {
    color: #337AB7;
    text-decoration: underline;
}

    .contragents .contragent-table .egrul-link:hover {
        color: #214e75;
    }

    .contragents .contragent-table .egrul-link:active {
        color: #b50a0a;
    }

.contragents .contragent-table .btn-container {
    margin-top: -3px;
    float: right;
    text-align: right;
    padding-right: 0px;
}

    .contragents .contragent-table .btn-container span {
        opacity: 0;
    }

.contragents .contragent-table .edit-row:hover .btn-container span {
    opacity: 1;
}

.contragents .contragent-table .search-kad {
    padding-right: 0px;
}


.contragents .contragent-table > .new-row {
    position: relative;
}


.contragents .contragent-table .search-kad {
    position: static;
}

.contragents .contragent-table .search-kad {
    position: absolute;
    right: 13px;
}

    .contragents .contragent-table .search-kad .api-add-btn {
        position: static;
        width: 107px;
        float: right;
    }

        .contragents .contragent-table .search-kad .api-add-btn.add-kad {
            width: 145px;
            margin-right: 0px;
        }

.contragents .contragent-table .btn-container .xsud-icon-agenda {
    vertical-align: middle;
    margin-right: 5px;
}

    .contragents .contragent-table .btn-container .xsud-icon-agenda:before {
        font-size: 14px;
    }

.contragents .contragent-table .tracking .btn-container .xsud-icon-agenda {
    color: #F5A623;
    opacity: 1;
}

.contragents .contragent-table .notification-bell {
    height: 16px;
    padding-right: 10px;
}


.contragents .table-message {
    padding-top: 65px;
}

@media (min-width: 992px) {
    #content > .columns.contragents {
        display: block;
    }
}

@media (max-width: 991px) {
    .dictionary-menu li[data-id]:hover .vertical-points {
        display: none;
    }

    .contragents .contragent-table .btn-container span,
    .dictionary-details .btn-dictionary-element-delete {
        opacity: 1 !important;
    }

}

@media (max-width: 1395px) {

    .dictionary-menu .hidden-sm {
        display: none !important;
    }
}

.dictionary-menu .left-panel-block {
    margin-left: -15px;
}

    .dictionary-menu .left-panel-block > li {
        position: relative
    }

.dictionary-menu li .cont,
.dictionary-menu li .fa-chevron-up {
    display: none;
}

.dictionary-menu #components .left-panel-block li:first-child .cont,
.dictionary-menu #components .left-panel-block li:first-child .fa-chevron-up {
    display: block;
}


.contragents .object-search .input-group input {
    padding-right: 70px;
}


.modal-body .dictionary-element__btn-details {
    display: none;
}

.element-add-btn-search {
    position: absolute;
    display: block;
    width: 20px;
    padding-left: 4px;
    right: 32px;
    top: 3px;
    cursor: pointer;
    box-shadow: none;
    font-size: 13px;
}

.element-add-btn-nosearch {
    width: 36px;
    height: 26px;
    padding-left: 12px;
    padding-top: 4px;
    right: 23px;
    top: -1px;
    cursor: pointer;
    position: absolute;
    box-shadow: none;
    display: block;
    z-index: 21;
    font-size: 13px;
}



.dashboard .permission {
    height: 131px;
    background-color: #fff;
    padding: 20px 47px;
    margin: 0px;
    white-space: nowrap;
    position: relative;
    box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.03);
}

    .dashboard .permission.grad-start {
        padding-left: 0px;
        margin-left: 47px;
    }

    .dashboard .permission.grad-end {
        padding-right: 0px;
        margin-right: 47px;
    }

    .dashboard .permission .gradient {
        width: 100px;
        height: 128px;
        position: absolute;
        top: 3px;
        z-index: 900;
        display: none;
    }

    .dashboard .permission.shadow-box .gradient {
        display: block;
    }

    .dashboard .permission .gradient-start {
        left: 0px;
        background: linear-gradient(90deg, #fafafa, transparent);
    }

    .dashboard .permission .gradient-end {
        right: 0px;
        background: linear-gradient(-90deg, #fafafa, transparent);
        pointer-events: none;
    }

    .dashboard .permission .custom-scroll {
        overflow-x: auto;
    }

    .dashboard .permission .icon {
        cursor: pointer;
    }

.dashboard .custom-scroll::-webkit-scrollbar-track {
    border-radius: 2.5px;
    background-color: #fff;
}

.dashboard .custom-scroll::-webkit-scrollbar-thumb:hover {
    background-color: #828282;
}

.dashboard .custom-scroll::-webkit-scrollbar-thumb {
    border-radius: 5px;
    width: 4px !important;
    height: 4px !important;
    background-color: #f3f3f3;
    border: 3px solid transparent;
}

.dashboard .custom-scroll::-webkit-scrollbar-button:hover,
.dashboard .custom-scroll::-webkit-scrollbar-button {
    background-color: #fff !important;
}

.dashboard .custom-scroll::-webkit-scrollbar-track:hover,
.dashboard .custom-scroll::-webkit-scrollbar-track-piece,
.dashboard .custom-scroll::-webkit-scrollbar-corner {
    background-color: #fff;
}

.dashboard .permission .icon {
    width: 94px;
    display: inline-block;
    text-align: center;
    top: 3px;
    position: relative;
}

    .dashboard .permission .icon > div {
        color: #828282;
        padding-top: 5px;
        font-size: 12px;
    }

    .dashboard .permission .icon:hover > div {
        color: #222;
    }

    .dashboard .permission .icon img {
        width: 56px;
        height: 56px;
        border-radius: 50%;
        border: 1px solid #828282;
        display: block;
        margin-left: 20px;
        object-fit: cover;
    }

        .dashboard .permission .icon img.empty,
        .dashboard .permission .icon img.new {
            width: 60px;
            height: 60px;
            position: relative;
            top: 3px;
        }

        .dashboard .permission .icon img.empty {
            border: 3px solid #828282;
        }

        .dashboard .permission .icon img.new {
            border: 3px solid #14b358;
        }


    .dashboard .permission .icon.active > img,
    .dashboard .permission .icon:hover > img {
        width: 60px;
        height: 60px;
        border-width: 3px;
        position: relative;
        top: 2px;
        margin-left: 18px;
    }

    .dashboard .permission .add-permission {
        position: relative;
        display: inline-block;
        width: 94px;
        text-align: center;
    }

        .dashboard .permission .add-permission > span {
            color: #828282;
            font-size: 12px;
            cursor: pointer;
            top: -2px;
            position: relative;
        }

    .dashboard .permission .add-permission > div {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        border: 1px solid #d8d8d8;
        position: relative;
        cursor: pointer;
        margin-left: 20px;
        margin-bottom: 3px;
    }

        .dashboard .permission .add-permission > div > span:nth-child(1) {
            position: absolute;
            top: 15px;
            left: 24px;
            font-size: 20px;
            font-weight: bold;
            color: #d8d8d8;
        }

    .dashboard .permission .add-permission:hover > span,
    .dashboard .permission .add-permission:hover > div > span:nth-child(1) {
        color: #db1212;
    }

    .dashboard .permission .add-permission:hover > div {
        border-color: #db1212;
    }

    .dashboard .permission .add-permission.group-org:hover > span,
    .dashboard .permission .add-permission.group-org:hover > div > span:nth-child(1) {
        color: #212529;
    }

    .dashboard .permission .add-permission.group-org > div.group-org {
        border: 3px solid #525252;
    }

    .flag-group.show-group::after {
        height: 2px;
        width: 8px;
        position: absolute;
        display: block;
        background: #d8d8d8;
        top: 12px;
        left: -1px;
        content: "";
    }
    .dashboard .permission .add-permission.group-org:hover .show-group::after {
        background: #212529;
    }
    .flag-group:not(.show-group)::after {
        content: "+";
        height: 10px;
        width: 10px;
        position: absolute;
        display: block;
        top: -2px;
        right: -8px;
    }

    .dashboard .permission .add-permission.group-org {
        top: 2px;
    }

    .dashboard .permission .add-permission > span.text-overflow-ellipsis {
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
        width: 96px;
        top: 1px;
    }


.dashboard .information {
    padding: 38px 42px 38px 68px;
    margin: 0px
}

.dashboard h1 {
    padding: 0px;
}

.dashboard h1,
.dashboard h3 {
    margin: 0px;
}

.dashboard .tasks-list,
.dashboard .events-list,
.dashboard .process-list,
.dashboard .logs-list {
    cursor: pointer;
}

.dashboard .information .account > div {
    margin-bottom: 40px;
}

.dashboard .information .information__user {
    margin-bottom: 20px;
}

.dashboard .information .events {
    margin-bottom: 24px;
}

.dashboard .information .tasks-list,
.dashboard .information .process-list,
.dashboard .information .events-list {
    display: inline-block;
}

.dashboard .information .task {
    background-color: #828282;
    color: #fff;
    padding: 21px 16px;
    min-height: 230px;
    position: relative;
    border-radius: 1px;
    box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.03);
}

.dashboard .information .dashboard-sub-caption{
    font-size:18px;
}

.dashboard:not(.new-dashboard) .information .task {
    width: 370px;
}

.dashboard .information .task-list .btn-transparent.full-tasks-list,
.dashboard .information .events-block .btn-transparent.events-list {
    margin-right: 25px;
}

.dashboard .information .task.new {
    background-color: #14b358;
}

.dashboard .information .task > div:nth-child(2) {
    position: absolute;
    bottom: 25px;
}

.dashboard .information .task .number > div {
    text-align: left;
    line-height: normal;
    letter-spacing: 1.3px;
}

    .dashboard .information .task .number > div > span {
        display: block;
        font-size: 44px;
        line-height: 1.14;
        letter-spacing: -0.6px;
        padding-right: 40px;
    }

.dashboard .information .task-list .task-table-block {
    margin-top: 18px;
}

.dashboard:not(.new-dashboard) .information .task-list > div,
.dashboard.new-dashboard .information .task-list .task-table-block,
.dashboard .information .events-new {
    background-color: #fff;
    color: #222;
    padding: 24px;
    min-height: 230px;
    position: relative;
    border-radius: 1px;
    box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.03);
}

.dashboard:not(.new-dashboard) .information .task-list > div {
    padding: 10px 16px;
}

.dashboard .information .task-list table.tasks td {
    border: none;
}

.dashboard .information .task-list.empty h3,
.dashboard .information .change-log .empty h3 {
    margin-top: -5px;
    margin-bottom: 0px;
}


.dashboard .information .task-list .task-state.btn-new,
.dashboard .information .event .row .icon.new {
    background-color: #7ed321 !important;
}

.dashboard .information h3 {
    display: inline-block;
    margin-bottom: 5px;
}

.dashboard .information .events-new {
    min-height: 264px;
}

    .dashboard .information .events-new img {
        width: 58px;
        height: 57px;
        margin-bottom: 57px;
    }

    .dashboard .information .events-new .btn {
        margin-top: 10px;
    }

.dashboard .information .events h3 {
    margin-bottom: 20px;
}

.dashboard .information .events > div.row {
    margin-bottom: 18px;
}

.dashboard .information .events > div h3.events-list {
    margin-bottom: 0px;
}

.dashboard .information .events .btn-gray_icon {
    margin-right: 13px;
}

.dashboard .information .events .event {
    padding: 0px 16px 16px 0px;
}

    .dashboard .information .events .event .fc-event-dot {
        display: none;
        position: absolute;
        right: 10px;
    }

.dashboard .information .event:hover {
    cursor: pointer;
    box-shadow: 0 3px 12px 0px rgba(0, 0, 0, 0.03);
}
.dashboard .information .event.empty:hover {
    cursor: default;
    box-shadow: none;
}

.dashboard .information .edit-event {
    padding-bottom: 15px;
    padding-right: 0;
}

@media(max-width:991px) {
    .dashboard .information .edit-event {
        padding-right: 15px;
    }

}

.dashboard .information .event.cont {
    position: relative;
    padding: 13px;
}

    .dashboard .information .event.cont .row > div {
        max-height: 42px;
        overflow: hidden;
        word-break: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .dashboard .information .event.cont .date {
        font-size: 12px;
        padding-bottom: 4px;
    }

    .dashboard .information .event.cont .description {
        position: absolute;
        bottom: 10px;
        color: #a2a3ab;
        font-size: 12px;
        line-height: 1.33;
        width: 100%;
    }

.dashboard .information .event .row .icon {
    position: absolute;
    right: 6px;
}

    .dashboard .information .event .row .icon.active {
        background-color: #f5a623 !important;
    }

.dashboard .information .events .event {
    background-color: #fff;
    border: 1px solid #fff;
}

.dashboard .information .events .event.empty {
    background-color: transparent;
    border: none;
    margin-bottom:13px;
}

    .dashboard .information .events .event.empty > div {
        border: 1px solid rgb(200,200,200);
        height: 100%;
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
    }

    .dashboard .information .events .event.cont {
        height: 124px !important;
    }

        .dashboard .information .events .event.cont i {
            font-style: normal;
        }

.dashboard .information .change-log {
    padding: 0px;
    margin-top: 15px;
    max-width: initial;
}

    .dashboard .information .change-log .empty {
        max-width: initial;
        min-height: 146px;
        padding: 24px;
        background-color: #fff;
    }

        .dashboard .information .change-log .empty img {
            width: 52px;
            height: 40px;
            margin-right: 20px;
            position: absolute;
        }

        .dashboard .information .change-log .empty > div {
            display: inline-block;
            padding-left: 80px;
        }

    .dashboard .information .change-log table.log-details-table {
        width: calc(100% + 25px) !important;
    }


.dashboard .information .event.cont > div > .row:nth-child(2) {
    max-height: 40px;
    overflow: hidden;
}

    .dashboard .information .event.cont > div > .row:nth-child(2) > div {
        word-break: break-word;
    }

.dashboard table.dataTable th.sorting {
    width: auto !important;
}

@media(min-width:992px) {

    .dashboard .information .change-log #log-table th.log-table__author-column {
        padding-right: 25px !important;
        width: 100px;
    }

    .dashboard .information .change-log table.dataTable td:last-child {
        padding-right: 25px !important;
    }
}

@media(max-width:991px) {

    .dashboard {
        margin-top: 80px;
    }

        .dashboard .permission,
        .dashboard .information {
            padding: 15px;
        }

        .dashboard .permission {
            padding-left: 0px;
        }

        .dashboard .tasks .inbox-description .task-state {
            margin-right: 5px;
        }

        .dashboard .events-block .events {
            margin-top: 20px;
            margin-bottom: 4px;
        }

        .dashboard .tasks .inbox-description > div:nth-child(n+2) {
            margin-left: 18px;
        }

        .dashboard .change-log .log-container,
        .dashboard .change-log .log-container > div {
            padding-right: 0px !important;
        }

        .dashboard .information .events-new {
            width: 100%;
            margin-right: 0px;
            margin-bottom: 16px;
        }

        .dashboard .permission.grad-end {
            margin-right: 10px;
        }

        .dashboard .permission.grad-start {
            margin-left: 10px;
        }

        .dashboard .permission .gradient {
            width: 50px;
        }

        .dashboard .information .change-log table.log-details-table {
            width: 100% !important;
        }
}


@media (max-width: 767px) {
    .dashboard .events-block .events > .row > div:nth-child(2) {
        text-align: left !important;
        padding-top: 10px;
    }
}

.removable-parent .field-label-container {
    display: flex;
    align-items: center;
    width: fit-content;
    margin-top: 2.7pt;
}

.field-label-container:hover .xsud-icon, .field-label-container .xsud-icon.active {
    display: block;
}

.removable-parent .xsud-icon {
    font-size: 16px;
    color: #818181;
    display: none;
}

.removable-parent .xsud-icon:hover {
    color: #222;
    cursor: pointer;
}

.removable-parent label {
    margin-right: 3pt;
}

.removable-parent .xsud-icon.red {
    color: #DB1212;
}

.removable-parent .xsud-icon.black {
    color: #222;
}

.filter-type-dropdown-container .dropdown-menu {
    padding: 0 !important;
    margin: 2px 0 2px 0 !important;
}

.filter-type-dropdown-container .dropdown-menu .dropdown-divider {
    margin: 0;
}

.removable-parent .filtering-type-control {
    display: none;
}

.removable-parent .filtering-type-control[disabled] {
    background-color: transparent !important;
}

.removable-parent .filter-field-value {
    width: 100%;
}

.btn {
}
.btn.filter-off {
    vertical-align: sub;
    min-width:30px;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}

/*.btn.disabled {
    opacity:0.5;
}*/

.btn-default {
}

.btn-primary,
body.smart-style-6 .btn-primary {
    border: none;
    /*padding: 0 20px;*/
    height: 38px;
    border-radius: 19px;
    background-color: #db1212;
    background: #db1212;
    box-shadow: 0 6px 7px -4px rgba(255, 0, 0, 0.5);
    border: none;
    /*cursor: pointer;*/
    position: relative;
}


    body.smart-style-6 .btn-primary:hover,
    body.smart-style-6 .open > .dropdown-toggle.btn-primary {
        border-color: #db1212;
    }

    .btn-primary:active,
    body.smart-style-6 .btn-primary:active {
        background: #c61010;
    }

body.smart-style-6 .open > .dropdown-toggle.btn-primary {
    background: #db1212;
}

.btn-primary:hover,
body.smart-style-6 .btn-primary:hover,
.btn-primary:focus,
body.smart-style-6 .btn-primary:focus,
body.smart-style-6 .btn-primary:active:focus {
    background-color: #ef1717 !important;
}

.btn-primary:disabled {
    cursor: not-allowed;
}

.btn-primary:hover {
    background-color: #ef1717 !important;
}

.draggable-item-body {
    position: relative;
}

.draggable-item .draggable-item-body {
    border: 2px dashed transparent;
    border-left: transparent;
}

.drag-start .left-menu-item.active {
    color: #828282;
    font-weight: normal;
}

    .drag-start .left-menu-item.active:after,
    .drag-start .left-menu-item:hover:after {
        content: none !important;
    }

.drag-start .left-menu-item:hover .draggable-item-handle {
    display: none !important;
}

.sortable-fallback {
    border-left: 3px solid #677782;
    background-color: #fafafa !important;
    box-shadow: #828282 0px 0px 3px;
    opacity: 1 !important;
    padding-right:3px !important;
}

.draggable-item.sortable-ghost .draggable-item-body {
    background-color: #f4f0ed;
    border: 2px dashed #677782;
    box-shadow: none;
    width: 100%;
    height: 100%;
}

    .draggable-item.sortable-ghost .draggable-item-body:before {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 10;
        content: " ";
        position: absolute;
        background-color: #fafafa;
    }

.draggable-item:hover > .draggable-item-body > .draggable-item-handle,
.draggable-item.sortable-fallback > .draggable-item-body > .draggable-item-handle {
    display: block;
}

.draggable-item-handle {
    display: none;
    background: url(/img/svg/points6.svg);
    width: 7px;
    position: absolute;
    top: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position-y: center;
    left: 0px;
}

    .draggable-item-handle:hover {
        cursor: pointer;
    }

.v--modal-overlay {
    position: fixed;
    box-sizing: border-box;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5) !important;
    z-index: 1059 !important;
    opacity: 1;
}

body.v--modal-block-scroll {
    padding-right: 15px;
}

.modal-footer {
    justify-content:left;
}

/*popover for input with link*/
.input-popover-with-link + .popover {
    background-color: #ffffff;
    opacity: 1 !important;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.input-popover-with-link + .popover {
    margin-top: 0px !important;
    border-radius: 2px;
}

    .input-popover-with-link + .popover > .arrow::after,
    .input-popover-with-link + .popover > .arrow::before {
        display: none;
    }

    .input-popover-with-link + .popover .popover-body {
        background-color: white;
        border-color: white;
        max-width: 250px;
        /*max-width: 200px;5px*/
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 0 10px 3px 10px;
    }

        .input-popover-with-link + .popover .popover-body a {
            color: #3276b1 !important;
            text-decoration: underline;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            vertical-align: middle;
            font-size: 14px;
            line-height: 2;
            font-weight: normal;
            display: inline-block;
            width: 100%;
            padding: 0;
            margin: 0;
            text-decoration: none;
        }
    /*******************************************/


.role-constructor {
}

.role-constructor__role-caption {
    font-size: 24px;
    font-weight: bold;
    margin-top: 0;
}

.role-group-item__caption {
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
}

.btn-adding-role btn-element-label {
    font-size: 24px;
    margin-right: 5px;
    color: #fff;
}

.role-constructor__btn-save-wrapper {
    padding: 20px 0;
}

.role-constructor .circle {
    margin-left: 25px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    padding-left: 6px;
    background: #ececec;
    cursor: pointer;
}

.role-constructor .task-roles .task-role__caption {
    position: relative;
    margin-bottom: 8px;
    cursor: pointer;
}

    .role-constructor .task-roles .task-role__caption i {
        font-size: 10px;
        margin-right: 7PX;
        color: #A7A7A7;
        position: absolute;
        position: absolute;
        top: 5px;
        display:none;
    }

        .role-constructor .task-roles .task-role__caption:not(.open) i.fa-chevron-down,
        .role-constructor .task-roles .task-role__caption.open i.fa-chevron-up {
            display: block;
        }

    .role-constructor .task-roles .task-role__caption span {
        padding-left: 21px;
    }

.role-constructor .task-roles .task-roles__item:not(.open) {
    display: none;
}

/*button.loading .spinner {
    display: none;
    animation: spinner .75s linear infinite;
}

button.loading .spinner {
    display: inline-block;
}

@keyframes spinner {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
}*/
.daterangepicker .range_inputs > button {
    border-radius: 19px;
}

.daterangepicker .range_inputs .btn-default,
.daterangepicker .range_inputs .btn-default.active,
.daterangepicker .range_inputs .btn-default:active,
.daterangepicker .range_inputs .btn-default:hover {
    border-color: transparent;
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.daterangepicker .range_inputs .btn:active {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.daterangepicker .range_inputs .btn-default {
    color: #828282;
}

.daterangepicker td.in-range {
    background-color: #f3f3f3;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #db1212;
    border-color: transparent;
    color: #fff;
}

.daterangepicker .calendar-time {
    padding-left: 8px;
}

.daterangepicker.dropdown-menu.show-calendar {
    -webkit-backface-visibility: initial;
    -moz-backface-visibility: initial;
    backface-visibility: initial;
    -webkit-transform: initial;
    -ms-transform: initial;
    -o-transform: initial;
    transform: initial;
    opacity: initial;
    filter: initial;
    display: none;
}

.daterangepicker .daterangepicker_input i {
    left: initial;
    right: 8px;
}

.daterangepicker .left .daterangepicker_input i {
    right: 20px;
}

.daterangepicker .input-mini.active {
    border: none;
    border-bottom: 1px solid #d8d8d8;
}

.daterangepicker .range_inputs .btn-success:hover {
    background-color: #ef1717 !important;
    border-color: transparent !important;
    color: #fff;
}

.daterangepicker .range_inputs .btn-success:active {
    background-color: #b50a0a !important;
    border-color: transparent !important;
    top: 1px;
    left: 1px;
}

.daterangepicker .range_inputs .btn-default:hover {
    color: #222222;
    background-color: transparent !important;
}

.daterangepicker .range_inputs .btn-default:active {
    color: #db1212;
    background-color: transparent;
}


.dropdown-menu {
    border-radius: 0;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #3276b1;
}

.dropdown-menu > li > a:hover {
    background: #c22424 !important;
}

    .dropdown-menu > li > a {
        width: 100%;
        display: inline-block;
        padding: 5px 20px !important;
        cursor: pointer;
    }
.dropdown-menu {
    padding: 20px 0;
}



/*.dropdown-menu.show {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    filter: alpha(opacity=100)
}*/

.dropdown-menu {
    transition: none;
    overflow: hidden;
    opacity: 0;
}

    .dropdown-menu.show {
        opacity: 1;
        transition: opacity 0.3s;
        /*transition-property: max-height, opacity;*/
        
    }
.table.b-table > tfoot > tr > [aria-sort=none],
.table.b-table > thead > tr > [aria-sort=none] {
    background-image: none;
}

.table.b-table > tfoot > tr > [aria-sort=ascending],
.table.b-table > thead > tr > [aria-sort=ascending] {
    background: url(/img/arrow-up.png) no-repeat right;
}

.table.b-table > tfoot > tr > [aria-sort=descending],
.table.b-table > thead > tr > [aria-sort=descending] {
    background: url(/img/arrow-down.png) no-repeat right;
}


.DN{display:none}.VH{visibility:hidden}@font-face{font-family:Icomoon;src:url(/fonts/xsud-icons/icomoon.eot?v=5.0.0);src:url(/fonts/xsud-icons/icomoon.eot?v=5.0.0) format("embedded-opentype"),url(/fonts/xsud-icons/icomoon.woff?v=5.0.0) format("woff"),url(/fonts/xsud-icons/icomoon.ttf?v=5.0.0) format("truetype"),url(/fonts/xsud-icons/icomoon.svg?v=5.0.0) format("svg");font-weight:400;font-style:normal}.xsud-icon{display:inline-block;font:normal normal normal 14px/1 Icomoon;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.xsud-icon-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.xsud-icon-2x{font-size:2em}.xsud-icon-3x{font-size:3em}.xsud-icon-4x{font-size:4em}.xsud-icon-5x{font-size:5em}.xsud-icon-fw{width:1.28571429em;text-align:center}.xsud-icon-check:before{content:""}.xsud-icon-badly:before{content:""}.xsud-icon-calendar:before{content:""}.xsud-icon-save:before{content:""}.xsud-icon-doc:before{content:""}.xsud-icon-download:before{content:""}.xsud-icon-filter:before{content:""}.xsud-icon-plus:before{content:""}.xsud-icon-folder:before{content:""}.xsud-icon-combined-shape:before{content:""}.xsud-icon-create:before{content:""}.xsud-icon-map-marker:before{content:""}.xsud-icon-report-filter:before{content:""}.xsud-icon-contragent:before{content:""}.xsud-icon-ic-check-circle:before{content:""}.xsud-icon-small-bell:before{content:""}.xsud-icon-notice:before{content:""}.xsud-icon-points:before{content:""}.xsud-icon-points-small:before{content:""}.xsud-icon-refresh:before{content:""}.xsud-icon-resume:before{content:""}.xsud-icon-search:before{content:""}.xsud-icon-shape:before{content:""}.xsud-icon-start:before{content:""}.xsud-icon-gear:before{content:""}.xsud-icon-help:before{content:""}.xsud-icon-good:before{content:""}.xsud-icon-report:before{content:""}.xsud-icon-test:before{content:""}.xsud-icon-user:before{content:""}.xsud-icon-world:before{content:""}.xsud-icon-agenda:before{content:""}.xsud-icon-calendar-sync:before{content:""}.xsud-icon-arrow-up:before{content:""}.xsud-icon-download-file:before{content:""}.xsud-icon-folder-new:before{content:""}.xsud-icon-export-link:before{content:""}.xsud-icon-link:before{content:""}.xsud-icon-export-flat:before{content:""}.xsud-icon-floppy:before{content:""}.xsud-icon-export-rounded:before{content:""}.xsud-icon-ticket:before{content:""}.xsud-icon-gluing:before{content:""}.xsud-icon-diskette:before{content:""}.xsud-icon-report:before{content:""}.xsud-icon-alarm:before{content:""}.xsud-icon-disable-alarm:before{content:""}.xsud-icon-clock:before{content:""}.xsud-icon-disable-clock:before{content:""}.xsud-icon-drop-down-circle-arrow:before{content:""}.input-group-text{background:none;border-left:none;border-top:none;border-right:none}.page-item .page-link{color:#828282;background-color:transparent;border:none;cursor:pointer}.page-item .page-link:hover{z-index:2;color:#828282;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-item .page-link:focus{-webkit-box-shadow:none;box-shadow:none}.page-item.active .page-link,.page-item.active .page-link:hover{color:#222;background-color:transparent;border:none}.page-item.disabled .page-link{background-color:transparent}button+.dropdown-menu a{line-height:1.42857143;white-space:normal;min-width:250px}button+.dropdown-menu:not(.dropdown-menu-right){-webkit-transform:none !important;-ms-transform:none !important;transform:none !important;left:auto !important;bottom:auto !important;top:38px !important}.bigBox{max-height:95vh;background-color:#222 !important;color:#fff !important}.bigBox a{color:#fff !important}#cadesplugin_ovr{z-index:1000}#cadesplugin_ovr_item{border-radius:4px;background:#fff;color:#333;border:none !important}#cadesplugin_ovr_item a{color:#828282;border-bottom:1px dashed #828282;cursor:pointer}#cadesplugin_ovr_item a:hover{color:#000;border-bottom:1px dashed #000}input::-webkit-input-placeholder{opacity:1;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;font-size:14px}input::-moz-placeholder{opacity:1;-moz-transition:opacity .3s ease;transition:opacity .3s ease}input:-ms-input-placeholder{opacity:1;-ms-transition:opacity .3s ease;transition:opacity .3s ease}input:focus::-webkit-input-placeholder{opacity:.2;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}input:focus::-moz-placeholder{opacity:.2;-moz-transition:opacity .3s ease;transition:opacity .3s ease}input:focus:-ms-input-placeholder{opacity:.2;-ms-transition:opacity .3s ease;transition:opacity .3s ease}input::-webkit-input-placeholder{font-size:inherit}input::-moz-placeholder{font-size:inherit}input:-ms-input-placeholder{font-size:inherit}input::-ms-input-placeholder{font-size:inherit}input::placeholder{font-size:inherit}input.input-lg::-webkit-input-placeholder{font-size:24px}input.input-lg::-moz-placeholder{font-size:24px}input.input-lg:-ms-input-placeholder{font-size:24px}input.input-lg::-ms-input-placeholder{font-size:24px}input.input-lg::placeholder{font-size:24px}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.btn_nowrap{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;max-width:250px}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#db1211;border-color:#db1211}textarea{resize:vertical}textarea::-webkit-input-placeholder,textarea::-moz-placeholder,textarea:-moz-placeholder,textarea:-ms-input-placeholder{opacity:1;-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-ms-transition:opacity .3s ease;transition:opacity .3s ease}textarea:focus::-webkit-input-placeholder,textarea:focus::-moz-placeholder,textarea:focus:-moz-placeholder,textarea:focus:-ms-input-placeholder{opacity:.2;-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-ms-transition:opacity .3s ease;transition:opacity .3s ease}.pulse-box{float:left;width:100%;height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}svg.pulse-svg{overflow:visible}svg.pulse-svg .first-circle,svg.pulse-svg .third-circle,svg.pulse-svg .second-circle{fill:red;-webkit-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-animation:pulse-me 3s linear 1;animation:pulse-me 3s linear 1}svg.pulse-svg .second-circle{-webkit-animation-delay:1s;animation-delay:1s}svg.pulse-svg .third-circle{-webkit-animation-delay:2s;animation-delay:2s}.pulse-css{width:50px;height:50px;border-radius:25px;background:tomato;position:relative}.pulse-css:before,.pulse-css:after{content:"";width:50px;height:50px;border-radius:25px;background-color:tomato;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;-webkit-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-animation:pulse-me 3s linear 1;animation:pulse-me 3s linear 1}.pulse-css:after{-webkit-animation-delay:2s;animation-delay:2s}@-webkit-keyframes pulse-me{0%{-webkit-transform:scale(0.5);transform:scale(0.5);opacity:0}50%{opacity:.1}70%{opacity:.09}100%{-webkit-transform:scale(5);transform:scale(5);opacity:0}}@keyframes pulse-me{0%{-webkit-transform:scale(0.5);transform:scale(0.5);opacity:0}50%{opacity:.1}70%{opacity:.09}100%{-webkit-transform:scale(5);transform:scale(5);opacity:0}}.bootstrap-datetimepicker-widget.dropdown-menu{padding:30px;width:240px}.bootstrap-datetimepicker-widget table th,.bootstrap-datetimepicker-widget table td{font-size:12px}.bootstrap-datetimepicker-widget table td.active{background-color:#db1211;color:#fff;border-radius:2px}.bootstrap-datetimepicker-widget table td.active:hover{background-color:#db1212}.bootstrap-datetimepicker-widget table td.today:before{position:absolute;bottom:3px;right:2px;width:22px;height:22px;border:1px solid #d8d8d8;border-radius:100%}.bootstrap-datetimepicker-widget table thead tr:first-child th.prev,.bootstrap-datetimepicker-widget table thead tr:first-child th.next{width:25px !important;height:25px;color:#db1211;border-radius:2px;border:solid 1px #d8d8d8;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bootstrap-datetimepicker-widget table thead tr:first-child th.prev i,.bootstrap-datetimepicker-widget table thead tr:first-child th.next i{font-size:12px}@-moz-document url-prefix(){.bootstrap-datetimepicker-widget table thead tr:first-child th.prev{border:1px solid #fff}.bootstrap-datetimepicker-widget table thead tr:first-child th.next{border:1px solid #fff}}.bootstrap-datetimepicker-widget table thead tr:first-child th.picker-switch{border-bottom:solid 1px #fff}.bootstrap-datetimepicker-widget table td span.active,.bootstrap-datetimepicker-widget table td span:hover{background-color:#f3f3f3;color:#222}.bootstrap-datetimepicker-widget table td.day:active,.bootstrap-datetimepicker-widget table td.hour:active,.bootstrap-datetimepicker-widget table td.minute:active,.bootstrap-datetimepicker-widget table td.second:active,.bootstrap-datetimepicker-widget table td span.active,.bootstrap-datetimepicker-widget table td span:active,.bootstrap-datetimepicker-widget table td span.active,.bootstrap-datetimepicker-widget table td span:active,.bootstrap-datetimepicker-widget table td span:active{background-color:#db1211;color:#fff}.bootstrap-datetimepicker-widget table thead tr:first-child th.picker-switch{text-transform:uppercase;color:#000}.bootstrap-datetimepicker-widget table thead tr:first-child th.picker-switch:hover{background-color:transparent}.bootstrap-datetimepicker-widget .timepicker-picker .btn{-webkit-box-shadow:none;box-shadow:none}.pace .pace-progress{background:#db1212;height:3px}.pace .pace-activity{display:none !important;width:0px !important;height:0px !important}.pace .pace-progress-inner{-webkit-box-shadow:0 0 10px #d22,0 0 5px #d22;box-shadow:0 0 10px #d22,0 0 5px #d22}.logs-table{background:#fff;-webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,.03);box-shadow:0 1px 4px 0 rgba(0,0,0,.03);margin-top:1rem}.logs-table td{vertical-align:middle}.logs-table .logs-table__switch-details{font-size:24px}.logs-table .b-table-has-details{background-color:rgba(0,0,0,.075)}.logs-table .b-table-has-details+.b-table-details{background-color:rgba(0,0,0,.075)}.logs-table .b-table-has-details+.b-table-details td{border-bottom:solid 1px gray}.logs-table .avatar{width:30px;border-radius:50px;overflow:hidden}.logs-table .avatar img{width:100%}.account-avatar-list{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.account-avatar-list .account-avatar-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:10px}.account-avatar-list .account-avatar-item__avatar{border-radius:50%;overflow:hidden;margin-right:5px;width:30px;height:30px;-ms-flex-negative:0;flex-shrink:0}.account-avatar-list .account-avatar-item__avatar img{width:30px;height:30px;-o-object-fit:cover;object-fit:cover}.account-avatar-list .account-avatar-item__caption{min-width:30px}.account-avatar-list .account-avatar-item_leader::before{content:"";position:absolute;width:30px;height:30px;border:2px solid #db1212;border-radius:50%;pointer-events:none}.left-menu-list{list-style-type:none;margin-left:-20px}.left-menu-list.left-menu-list_underline:after{content:"";display:block;height:1px;width:70px;background:#d8d8d8;margin:16px 0 16px 20px}.left-menu-item{list-style-type:none;font-size:14px;color:#828282;white-space:nowrap;height:2em}.left-menu-item>div{position:relative;padding-top:3px;padding-bottom:3px}.left-menu-item:hover,.left-menu-item.active{font-weight:bold;color:#222;cursor:pointer}.left-menu-item .left-menu-item__text{width:100% !important;display:inline-block}.left-menu-item.active:after,.left-menu-item.active::after{background-color:#c22424 !important}.left-menu-item:hover:after,.left-menu-item.active:after{background-color:#ff5252;content:"";display:block;width:5px;height:1.2em;position:absolute;right:0;margin-top:-2em}.left-menu-item__content{display:inline-block;vertical-align:middle;padding-left:20px;padding-right:25px;overflow:hidden;width:100%;text-overflow:ellipsis}.left-menu-item__context-menu{position:absolute;right:0}.left-menu-item .left-menu-item__context-menu>div{display:none}.left-menu-item.left-menu-item_edit .left-menu-item__context-menu{right:-2px}.left-menu-item .left-menu-item__context-menu,.left-menu-item .left-menu-item__context-menu>div.show,.left-menu-item:hover .left-menu-item__context-menu>div{display:inline}.left-menu-list{margin-bottom:0px}.left-menu-list.edit-filter{margin-top:0px;margin-bottom:9px}.draggable-item-handle:hover{cursor:url("/img/openhand.cur") 7 5,default}@media(max-width: 991px){.left-menu-item__context-menu>div{display:inline !important}.left-menu-item__context-menu .dropdown-menu{-webkit-transform-origin:top right !important;-ms-transform-origin:top right !important;transform-origin:top right !important;right:15px;left:auto}}.draggable-item.sortable-chosen{width:calc(100% + 10px)}.draggable-item-handle{left:5px}.left-menu-item__text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.left-menu-group{margin-bottom:10px}.left-menu-group .left-menu-group-content{display:none}.left-menu-group .left-menu-group__chevron-down{display:inline-block}.left-menu-group .left-menu-group__chevron-up{display:none}.left-menu-group .left-menu-group-switch{cursor:pointer;margin-left:-15px;margin-bottom:5px;display:inline-block}.left-menu-group.left-menu-group_opened .left-menu-group__chevron-down{display:none}.left-menu-group.left-menu-group_opened .left-menu-group__chevron-up{display:inline-block}.left-menu-group.left-menu-group_opened .left-menu-group-content{display:block}table.task-list tr.task-item{border-left:3px solid transparent}table.task-list tr.task-item_viewed td.task-item__description{font-weight:normal !important}table.task-list tr.task-item_viewed td.task-item__data-message .task-item__caption{font-weight:normal !important}table.task-list tr.task-item_last-viewed{border-left:3px solid #db1211}table.task-list tr.task-item td:first-child{width:35px;padding-left:10px !important}table.task-list tr.task-item td.task-item__data-icon{width:110px;padding-right:10px !important}table.task-list tr.task-item td.task-item__data-icon img{padding:3px;width:24px;height:24px;border:1px solid #d8d8d8;border-radius:3px;float:right;margin-left:5px;display:block}table.task-list tr.task-item td.task-item__data-icon img.start{padding:5px 6px}table.task-list tr.task-item td.task-item__data-state{width:40px;padding-top:10px;vertical-align:middle}table.task-list tr.task-item td.task-item__data-state .task-state{border:none;display:inline-block;width:10px;height:10px;border-radius:50%;padding:0px;margin-right:5px}table.task-list tr.task-item td.task-item__data-message .task-item__caption{color:#7c7c7c;padding-top:5px;font-weight:bold;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:27px}table.task-list tr.task-item td.task-item__data-message .task-item__caption>:first-child:after{display:none}table.task-list tr.task-item td.task-item__data-tags{max-width:180px}@media(max-width: 991px){table.task-list tr.task-item td.task-item__data-tags{max-width:250px}}table.task-list tr.task-item td.task-item__data-priority{width:50px}table.task-list tr.task-item td.task-item__data-from{text-align:left;width:auto}@media(max-width: 991px){table.task-list tr.task-item td.task-item__data-from{width:40px;padding-left:10px !important;padding-right:10px !important}}table.task-list tr.task-item td.task-item__data-from>:first-child{text-overflow:initial}@media(max-width: 991px){table.task-list tr.task-item td.task-item__data-from>:first-child{width:40px}}table.task-list tr.task-item td.task-item__data-from img{width:25px;height:25px;border-radius:50%;-o-object-fit:cover;object-fit:cover}table.task-list tr.task-item td.task-item__description{display:none;font-weight:bold;max-width:500px}@media(max-width: 991px){table.task-list tr.task-item td.task-item__description{width:100%;display:block}}table.task-list tr.task-item td.task-item__description>div:nth-child(2){word-break:break-word}table.task-list tr.task-item td.task-item__data-date i,table.task-list tr.task-item td.task-item__description i{font-style:normal}table.task-list tr.task-item td.task-item__data-date{width:140px}table.task-list tr.task-item td.task-item__data-important{width:25px}table.task-list tr.task-item td.task-item__data-important img{height:15px}.folder-info{position:relative;bottom:20px;right:47px;width:calc(100% + 113px);margin:0px}.folder-info-header{width:calc(100% - 50px);padding-left:30px;padding-top:0px}.folder-info__caption{margin-top:15px;margin-bottom:10px}.folder-info__caption input{text-overflow:ellipsis}.folder-info__description input{color:#828282;text-overflow:ellipsis}.folder-info .cont-title{height:auto}.folder-info .cont-title .col-lg-3{padding-right:45px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;text-align:right}.folder-info .title{padding-top:0px;padding-left:0px;padding-right:5px}.folder-info .title .vertical-points{width:50px !important}.folder-info .folder-info-date:not(:first-child){margin-left:30px}@media(max-width: 767px){.folder-info .folder-info-date:not(:first-child){margin-left:0}}.folder-info .folder-info-date{margin-bottom:10px;display:inline-block}.folder-plate{-webkit-box-shadow:0 3px 12px 0px rgba(34,34,34,.16);box-shadow:0 3px 12px 0px rgba(34,34,34,.16);margin:0px 25px 25px 15px;padding-bottom:5px}.folder-plate-header{padding:0 15px;border-bottom:solid 1px #ebebeb}.folder-plate-header .vertical-points{margin-top:20px;cursor:pointer}@media(max-width: 991px){.folder-plate-header .vertical-points{margin-top:15px}}.folder-plate .folder-plate-title{padding-left:15px;position:relative;margin:0px;line-height:1.7}.folder-plate .folder-plate-title h3{margin:15px 0px 0px}.folder-plate .folder-plate-title h3 a{word-break:break-word}@media(max-width: 991px){.folder-plate .folder-plate-title .search-kad .api-add-btn{height:38px;width:38px;padding:10px;padding-top:0px}.folder-plate .folder-plate-title .search-kad .api-add-btn.add-kad{padding-top:7px}.folder-plate .folder-plate-title .search-kad .api-add-btn .plus{font-size:29px;height:30px !important}.folder-plate .folder-plate-title .menu-item-parent{padding-left:0px}}@media(max-width: 768px){.folder-plate .folder-plate-title>div:first-child{width:83%}}.folder-plate .folder-plate-description{color:#828282;padding:0 15px;padding-bottom:10px;padding-top:0px}.folder-plate .folder-plate__text-datetimeback{display:inline-block;color:#818181;font-size:12px;position:relative}.folder-plate.compact-curtailed{padding:0}.folder-plate.compact-curtailed__header{padding-left:0px;padding-right:0px}.folder-plate.compact-curtailed__header .vertical-points{margin-top:10px;margin-bottom:10px}.folder-plate.compact-curtailed .folder-plate-footer{padding:15px 20px}.folder-plate.compact-curtailed .folder-plate-more-btn{cursor:pointer}.folder-plate.compact-curtailed .folder-plate-title{padding-left:5px}.folder-plate.compact-curtailed .folder-plate-title h3{margin:15px 0px 0px}.folder-plate.compact-curtailed .folder-plate-description{padding:0 5px;padding-bottom:10px;padding-top:5px}.workitem-plate .workitem-plate-related-entities-container{display:-webkit-box;display:-ms-flexbox;display:flex;border:none;padding:0 15px;margin:0}.workitem-plate.compact .workitem-plate-related-entities-container{padding:0 10px}.wi-related-entities{display:-webkit-box;display:-ms-flexbox;display:flex;border:none;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-10px;margin-left:-10px}.wi-related-entity{font-size:14px;cursor:pointer;color:#828282;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%;padding-right:10px;padding-left:10px}.wi-related-entity:hover{cursor:pointer;color:#db1211}a.gray-link{color:#828282;border-bottom:1px dashed #828282;cursor:pointer}a.gray-link :hover{color:#000;border-bottom:1px dashed #000}.tags-input-root{width:100%;border-bottom:1px solid #bfbfbf;line-height:1.7}.task-edit .input-group .tags-input-root{border-bottom:none}.tags-input-wrapper-default{padding:0;border:none;background-color:transparent}.tags-input-wrapper-default.active{border:none;-webkit-box-shadow:none;box-shadow:none}.tags-input-wrapper-default input{padding:0}.tags-input-badge{margin:0px;background-color:#c9e9ff;border:1px solid #c9e9ff;color:#222;padding-top:2px;padding-bottom:2px;padding-left:6px;margin-right:5px;margin-bottom:2px;width:auto;font-size:14px;font-weight:100;border-radius:10px}.tags-input-remove{font-family:FontAwesome;font-size:0;font-style:normal;font-weight:400;line-height:1;margin:0;min-height:20px;min-width:21px;position:absolute;text-decoration:none !important}.tags-input-remove:before{content:"";display:block;font-size:15px}.tags-input-remove:after{content:none}.tags-input-remove:before,.tags-input-remove:after{position:relative;width:auto;left:0;background:transparent;height:auto;margin-top:2px;-webkit-transform:none;-ms-transform:none;transform:none}.tags-input-typeahead-item-default{color:#000;background-color:#fff}.tags-input-typeahead-item-highlighted-default{color:#000;background-color:#f3f3f3 !important}.typeahead-dropdown{-webkit-box-shadow:rgba(34,34,34,.15) 0 10px 20px;box-shadow:rgba(34,34,34,.15) 0 10px 20px}.tag-plate-list{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:10px}.tag-plate-list-item{width:auto;background:#c9e9ff;border-radius:10px;padding:0px 7px;overflow:hidden;display:inline;vertical-align:middle}.tag-plate-list-item_clickable:hover{background:#9cccec}.approvement-list{width:100%;border-spacing:0px 30px}.approvement-list.table>tbody{-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.15);box-shadow:0 2px 4px 0 rgba(0,0,0,.15)}.approvement-list .approvement-item td:hover{background-color:transparent}.approvement-list .approvement-item__details{background-color:#fafafa;margin:-10px;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc}.approvement-list .approvement-item__status{padding:2px 10px;border-radius:25px;text-align:center;white-space:nowrap;display:inline-block;color:#fff;cursor:default}.approvement-list .approvement-item__status.approvement-item-status_Canceled{background-color:#dcdcdc}.approvement-list .approvement-item__status.approvement-item-status_Rejected{background-color:#ff5454}.approvement-list .approvement-item__status.approvement-item-status_Agreed{background-color:#4caf50}.approvement-list .approvement-item__status.approvement-item-status_OnApproval{background-color:#f5a623}.approvement-list .approvement-item__status.approvement-item-status_New{background-color:#03a9f4}.dashboard .approvement-list{background-color:#fff;-webkit-box-shadow:0 1px 4px 0px rgba(0,0,0,.03);box-shadow:0 1px 4px 0px rgba(0,0,0,.03)}.dashboard .approvement-list .approvement-item{-webkit-box-shadow:none;box-shadow:none}.navbar{padding:0}.main-header{position:relative;z-index:905}@media(max-width: 992px){.main-header{position:fixed;top:0}}.main-header-content{width:100%;background-color:#fff;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.14);box-shadow:0 2px 4px rgba(0,0,0,.14);font-size:12px;top:0px;display:-webkit-box;display:-ms-flexbox;display:flex;height:80px}.main-header-item{position:relative}.main-header-item:not(:first-child)::after{content:"";background-color:#ebebeb;position:absolute;width:1px;left:0px;top:20px;bottom:20px;display:block}.main-header .nav{height:100%}.main-header .nav>li{padding:0px}.main-header .nav>li>a,.main-header .nav>li .dropdown>.dropdown-toggle>a{height:100%;padding:10px 10px;vertical-align:middle;text-transform:uppercase;font-size:12px;display:inline-block;color:#4c4c4c;letter-spacing:.9px;border-bottom:4px solid transparent}.main-header .nav>li .dropdown>.dropdown-toggle{border:none;padding:0;height:100%}.main-header .nav>li .dropdown .dropdown-menu{margin:0}.main-header .nav>li .dropdown-menu>.active>a{background-color:#c22424;color:#fff}.main-header .nav>li.active a{border-color:#db1212}.main-header .nav>li>a>.menu-item-parent{font-size:inherit}@media(max-width: 1400px)and (min-width: 1201px){.main-header .nav>li>a,.main-header .nav>li .dropdown>.dropdown-toggle>a{padding-left:7px;padding-right:7px}.main-header .nav>li>a>.menu-item-parent,.main-header .nav>li .dropdown>.dropdown-toggle>a{letter-spacing:.7px}}@media(max-width: 1200px)and (min-width: 992px){.main-header .nav>li>a,.main-header .nav>li .dropdown>.dropdown-toggle>a{padding-left:5px;padding-right:5px}.main-header .nav>li>a>.menu-item-parent,.main-header .nav>li .dropdown>.dropdown-toggle>a{letter-spacing:0px}}.main-header .nav>li>a:hover,.main-header .nav>li .dropdown>.dropdown-toggle>a:hover{background-color:#c22424;color:#fff}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{background-color:transparent;color:#4c4c4c;border-bottom:4px solid #db1212}.nav-pills .nav-link{border-radius:0}.nav-item-icon{font-size:16px}.menu-on-top .nav li.active>a{font-weight:normal !important}.field-control-container.field-control-container_service-field{display:none}.spec-admin-mode-enabled .field-control-container.field-control-container_service-field{display:block}.field-formula-control-btn-container{vertical-align:top;position:absolute;z-index:100 !important;left:0px;bottom:1px;padding:3px;background-color:#fff}.field-formula-control-btn-container .btn{width:31px;height:17px;padding:0px;font-size:11px;background-color:#f0f0f0;display:none}.formula-result .field-formula-control-btn-container .btn{display:block}.formula-result .field-formula-control-btn-container.disabled .btn{cursor:default}.formula-result .field-formula-control-container{display:none;position:absolute;left:-97px;top:-150px;z-index:100;width:220px;background-color:#fff;-webkit-box-shadow:0 0px 12px 0px rgba(34,34,34,.16);box-shadow:0 0px 12px 0px rgba(34,34,34,.16);padding:15px}.formula-result .field-formula-control-container .buttons .cancel{margin-right:0px !important;min-width:initial !important}.formula-result .field-formula-control-container .buttons{padding-top:17px}.formula-result .field-formula-control-title{margin-bottom:10px;font-size:12px;color:#828282}.field-formula-control-btn-container .btn:focus{-webkit-box-shadow:none;box-shadow:none}@media(max-width: 991px){.formula-result .field-formula-control-container{left:-20px}}left-panel .workitem-list{position:relative;list-style:none !important}left-panel .workitem-list .workitems-li-item{margin-bottom:10px}left-panel .workitem-list .workitems-li-item::before{content:"";position:absolute;background-color:#d8d8d8;width:1px;height:calc(100% + 8px);top:40px;left:34px}left-panel .workitem-list.workitems-group-items{margin-left:-30px}left-panel .workitem-list.workitems-group-items li{padding-left:30px}left-panel .workitem-list:not(.workitems-group-items){padding:10px 0px 0px 0px;margin:0 -15px 0 -30px}left-panel .workitem-list.cards-virtual .group-placeholder{display:none}left-panel .workitem-list .group-placeholder{position:absolute;top:0px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 20px;border:2px dashed #677782;background-color:#fafafa;color:#b8b8b8;font-size:12px;width:100%;height:100%;z-index:10}left-panel .workitem-list li{position:relative;margin-top:0em;cursor:pointer}left-panel .workitem-list li span.workitem-caption{padding:10px 0px 0px 0px;color:#b8b8b8;word-break:break-word;font-size:12px}left-panel .workitem-list li span.workitem-caption::after{content:"";position:absolute;background-color:#fff;width:9px;height:9px;border-radius:100%;border:1px solid #d8d8d8;top:27px;left:30px;z-index:1}left-panel .workitem-list li.group-placeholder+li.draggable-item{display:none}left-panel .workitem-list li span.workitem-caption:hover{color:#f1a3a7}left-panel .workitem-list li .old{color:#818181}left-panel .workitem-list li span.workitem-caption{font-size:15px}left-panel .workitem-list li.active span.workitem-caption{font-weight:600;opacity:1;color:#222 !important}left-panel .workitem-list li .date{position:absolute;left:-115px;font-weight:bold;font-size:1em;top:-2px}left-panel .workitem-list li.draggable-item{position:relative;list-style:none;padding-bottom:0px;padding-top:0px}left-panel .workitem-list .workitems-li-group .workitem-caption::after{left:20px}left-panel .workitem-list li.active::after{content:"";position:absolute;width:11px;height:11px;background-color:#db1212;-webkit-box-shadow:0 2px 4px 0 rgba(219,18,18,.55);box-shadow:0 2px 4px 0 rgba(219,18,18,.55);border-radius:100%;top:30px;left:29px}left-panel .workitem-list .workitems-li-group li.active::after{left:50px}left-panel .workitem-list>li.active .workitem-caption::after{content:none}left-panel .workitem-list li.active .workitem-caption{font-weight:bold;color:#222}left-panel .workitem-list .workitems-li-group li.workitems-li-item::before{left:55px}left-panel .workitem-list li.workitems-li-item[data-last-element=true]:before,left-panel .workitem-list li.workitems-li-item:last-child:before,left-panel .workitem-list li.workitems-li-item.sortable-chosen:before,left-panel .workitem-list li.workitems-li-item.sortable-chosen+li.workitems-li-item:before{content:none !important}left-panel .workitem-list.dots-list .draggable-item-body{padding-left:50px}left-panel .workitem-list.dots-list .workitems-li-item .draggable-item-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;min-height:45px}left-panel .workitem-list.dots-list .left-menu-item__context-menu{top:-7px}left-panel .workitem-list.dots-list .left-menu-item__context-menu .dropdown{display:none}left-panel .workitem-list.dots-list li:hover .left-menu-item__context-menu .dropdown,left-panel .workitem-list.dots-list .left-menu-item__context-menu .dropdown.show{display:block}left-panel .workitem-list.dots-list .draggable-item-body:hover .draggable-item-handle,left-panel .workitem-list.dots-list .draggable-item-body:hover .workitems-group>div>.draggable-item-handle{display:inline-block;left:10px;margin-top:4px;background-position-y:top}left-panel .workitem-list.dots-list .draggable-item-body:hover .draggable-item-handle{margin-top:27px}left-panel .workitem-list.dots-list .workitems-group-items .draggable-item-body .draggable-item-handle{display:none}left-panel .workitem-list.dots-list .workitems-group-items .draggable-item-body:hover .draggable-item-handle{display:inline-block;left:2px;margin-top:27px;background-position-y:top}left-panel .workitem-list .workitems-li-group .draggable-item-body{padding-left:30px}left-panel .workitem-list.dots-list .workitems-li-group .workitems-group-items .draggable-item-body{padding-left:40px}left-panel .workitem-list.dots-list .workitems-li-group .draggable-item-body i{margin-right:5px;vertical-align:top;font-size:10px;color:#222;position:relative;top:5px;display:none}left-panel .workitem-list .draggable-item-body .workitems-group:not(.open) .fa-chevron-down,left-panel .workitem-list .draggable-item-body .workitems-group.open .fa-chevron-up{display:inline}left-panel .workitem-list .workitems-li-group>.draggable-item-body:hover>.workitems-group>.draggable-item-handle{margin-top:4px;background-position-y:top}left-panel .workitems-item-icon{font-size:12px}left-panel .workitems-group{width:100%}left-panel .workitems-group-caption{font-size:14px;color:#b8b8b8;width:calc(100% - 55px);display:inline-block}left-panel .workitems-group>div:hover .workitems-group-caption{color:#db1211}left-panel .workitems-group .workitems-group-items{display:none;min-height:75px}left-panel .workitems-group .workitems-group-items.workitem-list_empty{height:95px}left-panel .workitems-group.open .workitems-group-items{display:block}.historyContainer .history-section .control-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.historyContainer .history-section .required::after{content:"*"}.historyContainer .history-section .control-label .section-element-remove:hover,.historyContainer .history-section .control-label .section-remove:hover{cursor:pointer;color:#db1212}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.list-fade-item{opacity:1;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.5s;transition-duration:.5s}.list-fade-enter{opacity:0}.list-fade-leave,.list-fade-leave-to{display:none}.modal-enter{opacity:0;-webkit-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px)}.modal-enter-to{opacity:1;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px)}.modal-enter-active{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.modal-leave-active{-webkit-transition:opacity .3s;transition:opacity .3s;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.modal-leave-to{opacity:0;-webkit-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px)}.slider-enter-active{-webkit-transition:all .5s;transition:all .5s}.slider-leave,.slider-leave-active{display:none}.slider-enter{opacity:0;-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}.toggle-filters-enter-active{-webkit-transition:all .3s ease;transition:all .3s ease}.toggle-filters-leave-active{-webkit-transition:all .3s cubic-bezier(1, 0.5, 0.8, 1);transition:all .3s cubic-bezier(1, 0.5, 0.8, 1)}.toggle-filters-enter,.toggle-filters-leave-to{-webkit-transform:translateY(-7px);-ms-transform:translateY(-7px);transform:translateY(-7px);opacity:0}.loader-delay-enter-active,.loader-delay-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.loader-delay-enter-active{-webkit-transition-delay:.5s;transition-delay:.5s}.loader-delay-leave-active{-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition:none;transition:none}.loader-delay-enter,.loader-delay-leave-to{opacity:0}.vue-select.select-transparent+.select2-container .select2-selection{background-color:transparent;font-size:20px;border-bottom:none}.vue-select.select-transparent+.select2-container .select2-selection .presentation{font-size:20px;font-size:20px}.c-pointer{cursor:pointer}.nowrap{white-space:nowrap}.line-height-normal{line-height:normal}.w-10px{width:10px}.w-50px{width:50px}.text-not-active{color:#ccc}.overflow-y-auto{overflow-y:auto}.overflow-y-visible{overflow-y:visible}.overflow-y-hidden{overflow-y:hidden}.overflow-y-clip{overflow-y:clip}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-x-visible{overflow-x:visible}.overflow-x-clip{overflow-x:clip}.after-line-vertical{position:relative}.after-line-vertical:after{content:"";background-color:#ebebeb;position:absolute;width:1px;right:0px;top:20%;bottom:20%;display:block}
.new-constructor .help-block[data-v-aa2f3ea8]{display:block}
.container-description-field-in-calendar[data-v-11846e32]{display:inline-block}.new-constructor .additional-block .symbol[data-v-11846e32]{width:175px;display:inline-block;padding-right:28px}fieldset[data-v-11846e32]{padding:0}.new-constructor .help-block[data-v-11846e32]{display:block}.vue-popover-conteiner[data-v-11846e32]{display:inline-block;position:relative}.vue-popover-conteiner span.circle[data-v-11846e32]{top:0px}
.cont-field[data-v-3e2d59d6]{min-height:10px}.cont-field>div[data-v-3e2d59d6]{min-height:10px}.draggable-item[data-v-3e2d59d6]{padding:0px !important}.draggable-item .draggable-item-body[data-v-3e2d59d6]{padding:13px 15px 13px 26px !important;height:67px}.draggable-item.sortable-ghost .draggable-item-body[data-v-3e2d59d6]{padding-left:23px !important}.draggable-item:hover .draggable-item-handle[data-v-3e2d59d6]{display:none}.draggable-item:hover>.draggable-item-body>.draggable-item-handle[data-v-3e2d59d6],.draggable-item.sortable-fallback>.draggable-item-body>.draggable-item-handle[data-v-3e2d59d6]{display:block}.draggable-item-handle[data-v-3e2d59d6]{background:url(/img/svg/points18.svg);width:7px;top:12px;background-repeat:no-repeat;left:8px}.vue-dialog-buttons[data-v-3e2d59d6]{padding:15px 30px;border-top:none;background-color:#f3f3f3;margin-top:20px}@media(max-width: 768px){.template-constructor .constructor-plate .row.field[data-v-3e2d59d6],.draggable-item .draggable-item-body[data-v-3e2d59d6]{height:auto}.template-constructor .constructor-plate .row>div[data-v-3e2d59d6]:nth-child(2){padding-left:13px}}
.new-constructor .help-block[data-v-4caac7dc]{display:block}
.draggable-item-handle[data-v-1d507b01]{background:url(/img/svg/points18.svg);width:7px;height:42px;top:10px;left:10px}.section-caption-edit[data-v-1d507b01]:focus{border-top:none;border-left:none;border-right:none}
.tab-container[data-v-429b9a9e]{margin-bottom:20px}.tab-container ul.draggable-container[data-v-429b9a9e]{border-bottom:1px solid #ddd;margin-bottom:0px;width:100%}li>.draggable-item-body>a[data-v-429b9a9e]{display:block}li.active>.draggable-item-body>a[data-v-429b9a9e]{border-left:1px solid transparent;border-right:1px solid transparent;-webkit-box-shadow:inset 0px -4px 0px #db1212;box-shadow:inset 0px -4px 0px #db1212;font-weight:initial !important;padding-bottom:11px}li.sortable-chosen a[data-v-429b9a9e]{-webkit-box-shadow:none !important;box-shadow:none !important}.sortable-fallback[data-v-429b9a9e]{max-width:200px}li.sortable-fallback i.fa[data-v-429b9a9e]{display:none !important}.draggable-item-body.open>a[data-v-429b9a9e]{background-color:transparent}.draggable-item-body[data-v-429b9a9e]{height:42px !important;padding-top:8px;padding-right:20px;display:block;padding-left:13px;border-bottom:none}.draggable-item.sortable-ghost .draggable-item-body[data-v-429b9a9e]{margin-left:-10px;width:calc(100% + 20px)}.draggable-item-handle[data-v-429b9a9e]{height:15px;top:10px;left:0px}.draggable-container .draggable-item[data-v-429b9a9e]{padding:0px 20px 0px 0px;margin-left:-13px;max-width:200px}.modal-constructor-field.constructor-tab-add-btn[data-v-429b9a9e]{margin-top:9px}.modal-constructor-field.constructor-tab-add-btn span[data-v-429b9a9e]{cursor:pointer;vertical-align:middle}.drag-start .draggable-item:hover .draggable-item-handle[data-v-429b9a9e]{display:none !important}
.circle[data-v-7787773d]{width:25px;height:25px;border-radius:50%;background:red;margin-right:8.6px;display:inline-block !important;-webkit-box-shadow:0 3px 7px 0 rgba(34,34,34,.3);box-shadow:0 3px 7px 0 rgba(34,34,34,.3);cursor:pointer}right-panel span.circle[data-v-7787773d]{width:18px;height:18px;border-radius:50%;padding-left:6px;background:#ececec;display:inline-block;cursor:pointer;margin-left:15px}.save-button[data-v-7787773d]{padding-right:0;width:calc(17% - 45px);position:relative}.save-button button[data-v-7787773d]{margin:0px}.form-group.has-error .template-caption-edit[data-v-7787773d]{border-left:none;border-right:none;border-top:none;border-bottom:solid 1px #c05e5e}.template-vertical-points[data-v-7787773d]{margin-top:0px}
.select2-tabular-view .select2-selection__arrow b[data-v-980cb39e]:before{text-align:right}
.v--modal{height:initial !important}.setting-task-template .text-align-right.btn-transparent{width:100%;text-align:right !important}
input[type=text]:focus+.input-group-addon.datetimepicker-addon,.datetimepicker-addon.input-group-addon,.has-error input[type=text]+.input-group-addon.datetimepicker-addon{background-color:transparent}
input[type=text]:focus+.input-group-addon.datetimepicker-addon,.datetimepicker-addon.input-group-addon,.has-error input[type=text]+.input-group-addon.datetimepicker-addon{background-color:transparent}
input[type=text]:focus+.input-group-addon.datetimepicker-addon,.datetimepicker-addon.input-group-addon,.has-error input[type=text]+.input-group-addon.datetimepicker-addon{background-color:transparent}
input[type=text]:focus+.input-group-addon.datetimepicker-addon,.datetimepicker-addon.input-group-addon,.has-error input[type=text]+.input-group-addon.datetimepicker-addon{background-color:transparent}
input[type=text]:focus+.input-group-addon.datetimepicker-addon,.datetimepicker-addon.input-group-addon,.has-error input[type=text]+.input-group-addon.datetimepicker-addon{background-color:transparent}
input[type=text]:focus+.input-group-addon.datetimepicker-addon,.datetimepicker-addon.input-group-addon,.has-error input[type=text]+.input-group-addon.datetimepicker-addon{background-color:transparent}
.circle{width:18px;height:18px;border-radius:50%;padding-left:6px;background:#ececec;display:inline-block;cursor:pointer;margin-left:15px}
.dt-toolbar .dt-buttons div .link{position:relative}.report-template-file__btn-add:focus{-webkit-box-shadow:none;box-shadow:none}
.pair__button-close[data-v-3f27c176]{cursor:pointer;color:#ccc;font-size:20px;line-height:normal}
.filter-container[data-v-55eaef08]{display:block;width:auto;min-width:500px;max-width:800px;background-color:#fff;padding:10px}
.filter-container[data-v-b93aa4ac]{display:block;width:auto;min-width:500px;max-width:800px;background-color:#fff;padding:10px}
.cell-container[data-v-35194b21]{text-overflow:ellipsis;overflow:hidden;margin-right:-7px;margin-left:-7px}.cell-container .ag-grid-table-cell-edit-btn[data-v-35194b21]{display:none}.cell-container:hover .ag-grid-table-cell-edit-btn[data-v-35194b21]{display:inline-block}.ag-has-focus .ag-cell-focus .cell-container .ag-grid-table-cell-edit-btn[data-v-35194b21]{display:inline-block}
.vue-ag-table,.table-column-settings{height:calc(100vh - 290px)}.ag-theme-alpine .ag-ltr .ag-cell{border:solid 1px #b1b1b1;border-left-width:0px;border-top-width:0px}.ag-theme-alpine .ag-row{border-width:0px}.ag-theme-alpine .ag-row-hover{background-color:#f3f3f3}.ag-theme-alpine .ag-header-cell-resize::after{background-color:#b1b1b1}.ag-theme-alpine .ag-header{background-color:#fff;font-size:12px;border:1px solid #ebebeb}.ag-theme-alpine .ag-root-wrapper{border:1px solid #ebebeb;-webkit-box-shadow:0 3px 12px 0px rgba(34,34,34,.16);box-shadow:0 3px 12px 0px rgba(34,34,34,.16)}.ag-header-cell-menu-button{cursor:pointer}ag-header-cell-menu-button:hover{color:#222 !important}.ag-theme-alpine .ag-icon{font-family:"Icomoon";font-size:16px;line-height:16px;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ag-theme-alpine .ag-icon-desc::before{content:url("/img/arrow-down.png") !important}.ag-theme-alpine .ag-icon-asc::before{content:url("/img/arrow-up.png")}.ag-theme-alpine .ag-icon-menu::before{content:""}.ag-theme-alpine .ag-icon-filter::before{content:""}.table-column-settings{background-color:#fff;-webkit-box-shadow:0 3px 12px 0px rgba(34,34,34,.16);box-shadow:0 3px 12px 0px rgba(34,34,34,.16);overflow-y:auto}.table-column-settings-content{width:250px}.ag-popup .ag-menu{overflow:visible}.cell-span{background:var(--ag-background-color, #fff);padding-left:17px !important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cell-span>div{display:table-cell;vertical-align:middle}.group-first-row{border-top-color:#000 !important;border-top-width:2px !important}.row-is-archived{background:#ddd}
.notification-item .column-control>*{display:none}.notification-item:hover .column-control>*{display:block}.notification-item_not-read>td{font-weight:bold}
.moving-wi .folder-plate-title a{cursor:default}.moving-wi .wi-row:hover{background:#f3f3f3}.moving-wi .wi-row button{margin-top:5px}.moving-wi .wi-cell label{color:#818181;font-size:12px;margin-bottom:0px}.table-plates .wi-row>div.wi-cell_open{overflow:visible}@media(min-width: 768px){.moving-wi .wi-cell{max-width:calc(25% + (25% - 130px)/3);-webkit-box-flex:0;-ms-flex:none;flex:none}}.moving-wi .wi-cell:not(.wi-cell_open) p,.moving-wi .wi-cell label{-webkit-line-clamp:1;max-height:21px;display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.moving-wi .wi-cell label{width:calc(100% - 40px)}.wi-cell_open>p{top:0;position:absolute;background:#fff;-webkit-box-shadow:0 4px 7px rgba(0,0,0,.5);box-shadow:0 4px 7px rgba(0,0,0,.5);padding:10px 15px;width:calc(100% - 50px);z-index:500}.moving-wi .wi-cell{height:50px !important}.moving-wi .wi-cell:nth-child(n+4){display:none !important}.moving-wi .wi-cell:nth-child(1){display:inline-block !important}.moving-wi .wi-row>div:last-child{width:130px;-webkit-box-flex:0;-ms-flex:none;flex:none}.moving-wi .workitem-plate .workitem-plate-fields{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.moving-wi .workitem-plate .workitem-plate-fields>div{width:100% !important;border:none !important}.moving-wi .workitem-plate .wi-cell p{position:static;padding:0px;-webkit-box-shadow:none;box-shadow:none;background-color:transparent}.moving-wi .wi-cell.wi-cell_open{height:auto !important}.notinfo{width:calc(100% - 130px);padding-top:10px;padding-left:15px}
.v--modal-box.v--modal{width:-webkit-max-content !important;width:-moz-max-content !important;width:max-content !important;max-width:1000px !important;margin-right:auto;margin-left:auto;right:initial !important;left:initial !important}.v--modal-box.v--modal>div{max-width:600px;width:100vw}.v--modal-box.v--modal div.moving-wi{max-width:1000px;width:100vw}.moving-wi .modal-body{min-height:315px;max-height:70vh}.moving-wi .vue-filter-container{margin-top:10px}.moving-wi .wi-row{margin:0px}.moving-wi .modal-footer{margin-top:0px}.moving-wi .folder-plate-title>div:nth-child(2){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.moving-wi input.input-lg::-webkit-input-placeholder{font-size:24px;font-weight:normal}.moving-wi input.input-lg::-moz-placeholder{font-size:24px;font-weight:normal}.moving-wi input.input-lg:-ms-input-placeholder{font-size:24px;font-weight:normal}.moving-wi input.input-lg::-ms-input-placeholder{font-size:24px;font-weight:normal}.moving-wi input.input-lg::placeholder{font-size:24px;font-weight:normal}
.btn-primary[data-v-27a0c638]{padding:8px 20px;margin:0 0 20px}
.v--modal-box.v--modal{width:-webkit-max-content !important;width:-moz-max-content !important;width:max-content !important;max-width:1000px !important;margin-right:auto;margin-left:auto;right:initial !important;left:initial !important}.v--modal-box.v--modal>div{max-width:600px;width:100vw}.v--modal-box.v--modal div.moving-wi{max-width:1000px;width:100vw}.moving-wi .modal-body{min-height:315px;max-height:70vh}.moving-wi .vue-filter-container{margin-top:10px}.moving-wi .wi-row{margin:0px}.moving-wi .modal-footer{margin-top:0px}.moving-wi .folder-plate-title>div:nth-child(2){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.moving-wi input.input-lg::-webkit-input-placeholder{font-size:24px;font-weight:normal}.moving-wi input.input-lg::-moz-placeholder{font-size:24px;font-weight:normal}.moving-wi input.input-lg:-ms-input-placeholder{font-size:24px;font-weight:normal}.moving-wi input.input-lg::-ms-input-placeholder{font-size:24px;font-weight:normal}.moving-wi input.input-lg::placeholder{font-size:24px;font-weight:normal}.buttonFolder{position:absolute;right:24px;top:7px}.btn-gray.folder.mr-1,.btn-primary.folder.mr-1{height:30px;padding-top:2px}.btn-primary.folder.mr-1{height:30px;padding:4px 14px 9px 14px;font-size:15px}.active-sort .folders-number-container.windows-relation{width:calc(100% - 250px);display:block;min-height:26px}.active-sort>DIV{POSITION:RELATIVE}.folder-sorting.windows-relation>div{text-align:right;margin-right:0px;display:block}.folder-sorting.windows-relation{float:RIGHT;POSITION:absolute;TOP:0PX;RIGHT:0PX}
.datatable.showcontrol tr td:last-child,.datatable.showcontrol tr th:last-child{width:40px;pointer-events:all;visibility:visible}.datatable td{white-space:pre-line}.btn-add{margin-left:12px}
.btn-primary[data-v-04a97865]{padding:8px 20px;margin:4px 0px 20px 0px}.relatedDelete[data-v-04a97865]{display:inline-block;position:relative;top:1px}.relatedItem[data-v-04a97865]{line-height:2rem;padding-left:20px}.relatedItem a[data-v-04a97865]:hover{color:#db1212}.select2-selection__choice__remove.relatedDelete[data-v-04a97865]:hover{background:#00000000}.select2-selection__choice__remove.relatedDelete[data-v-04a97865]{-webkit-filter:opacity(0.5);filter:opacity(0.5)}.select2-selection__choice__remove.relatedDelete[data-v-04a97865]:hover{-webkit-filter:opacity(0.7);filter:opacity(0.7)}.moving-wi-section>a.btn.btn-gray[data-v-04a97865]{margin-bottom:16px;-webkit-box-shadow:0 6px 7px -2px rgba(0,0,0,.16);box-shadow:0 6px 7px -2px rgba(0,0,0,.16)}
.btn-primary[data-v-be8f7722]{padding:8px 20px;margin:4px 0px 20px 0px}.relatedDelete[data-v-be8f7722]{display:inline-block;position:relative;top:1px}.relatedItem[data-v-be8f7722]{line-height:2rem;padding-left:20px}.relatedItem a[data-v-be8f7722]:hover{color:#db1212}.select2-selection__choice__remove.relatedDelete[data-v-be8f7722]:hover{background:#00000000}.select2-selection__choice__remove.relatedDelete[data-v-be8f7722]{-webkit-filter:opacity(0.5);filter:opacity(0.5)}.select2-selection__choice__remove.relatedDelete[data-v-be8f7722]:hover{-webkit-filter:opacity(0.7);filter:opacity(0.7)}
.approvement-details-header,.approvement-details-body,.approvement-details-footer{padding:10px 10px 20px}.approvement-details-header,.approvement-details-body{margin-bottom:25px}.approvement-details-footer{background-color:#fff}.approvement-reviewer-item-action{cursor:pointer;border:solid 2px #ccc;border-radius:5px;padding:2px}.approvement-reviewer-item-action__agree span{color:#00c715}.approvement-reviewer-item-action__reject span{color:red}.approvement-reviewer-item-action-excluded span{color:#ccc}.approvement-document a{cursor:pointer;color:red}.approvement-reviewer-item{padding:10px 0 !important}.approvement-reviewer-item.approvement-reviewer-item_agreed{background:#ccc}.approvement-stage-item{border-bottom:solid 1px #dee2e6}.approvement-reviewer-item__status{padding:2px 10px;border-radius:25px;text-align:center;white-space:nowrap;display:inline-block}.approvement-reviewer-item__status.approvement-reviewer-item-status_Canceled{background-color:#dcdcdc}.approvement-reviewer-item__status.approvement-reviewer-item-status_Rejected{background-color:#ff5454}.approvement-reviewer-item__status.approvement-reviewer-item-status_Agreed{background-color:#00c715}.approvement-reviewer-item__status.approvement-reviewer-item-status_InProcess{background-color:#ffd100}
.stage-control{-webkit-box-shadow:0 0px 10px 0 rgba(0,0,0,.15);box-shadow:0 0px 10px 0 rgba(0,0,0,.15);padding:10px 20px 20px;margin-bottom:10px}.stage-control-header{display:-webkit-box;display:-ms-flexbox;display:flex}.stage-control__button-close{margin-left:auto;font-size:25px;line-height:1em;cursor:pointer;color:#858381}
.approvement-create-view{padding:20px;-webkit-box-shadow:0 0px 10px 0 rgba(0,0,0,.15);box-shadow:0 0px 10px 0 rgba(0,0,0,.15)}
.dropdown-menu[data-v-14044100]{-webkit-box-shadow:0 6px 20px 0 rgba(34,34,34,.15);box-shadow:0 6px 20px 0 rgba(34,34,34,.15)}
.details-ticket h2[data-v-b3b81500]{word-break:break-word}.ticket-type[data-v-b3b81500]{color:#828282;padding:0px;padding-top:5px;display:inline-block}.ticket-type .created-date[data-v-b3b81500]{text-transform:lowercase}.update-notify[data-v-b3b81500]{float:right;font-size:12px;font-family:"ProximaNova",Roboto,sans-serif;letter-spacing:0;color:#828282;font-weight:normal;cursor:pointer;padding-top:7px;text-transform:lowercase}
#back-btn{position:absolute;right:0px;top:20px;left:auto}
#back-btn{position:absolute;right:0px;top:20px;left:auto}
.inbox-data-from .user-name span{width:calc(100% - 30px);margin-left:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}@media only screen and (max-width: 1367px){.inbox-data-from .user-name span{display:none}}.task-left-panel{width:213px}@media(max-width: 1199px){.task-left-panel,.workitem-tasks .inbox-side-bar{width:150px}body.smart-style-6 .inbox-body.tasks .table-wrap{width:calc(100% - 150px)}}.inbox-data-from>:first-child{width:auto}@media(max-width: 1250px){.workitem-tasks .inbox-data-from .user-name span{max-width:100px}}@media(max-width: 1130px){.workitem-tasks .inbox-data-from .user-name span{max-width:60px}}@media(max-width: 1530px){.added-supervisor .inbox-data-from>:first-child{width:130px}.workitem-tasks .added-supervisor .inbox-data-from .user-name span{max-width:100px;width:calc(100% - 30px)}}@media(max-width: 1300px){.added-supervisor .inbox-data-from>:first-child{width:90px}.added-supervisor .workitem-tasks .inbox-data-from .user-name span{max-width:60px}}
.pdf-viewer{border:1px solid #ccc;margin-top:40px;margin-bottom:40px;text-align:center;-webkit-box-shadow:0px 1px 8px rgba(83,91,117,.2);box-shadow:0px 1px 8px rgba(83,91,117,.2)}.pdf-viewer-body{padding-top:25px;padding-bottom:25px;overflow:auto}.pdf-viewer-header{padding:25px}.pdf-viewer-footer{padding:25px}.pdf-viewer-page-number{padding:8px 14px 9px 14px}.pdf-viewer-btn-zooming{width:40px;height:40px;border-radius:100px;font-size:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pdf-viewer-loading-container{padding-top:25px;padding-bottom:25px}
.task-navigation-controls{margin-bottom:20px}

.summary-item-value[data-v-48161fbf]{font-size:30px;line-height:normal;margin-bottom:.5rem}a.summary-item-value[data-v-48161fbf]{cursor:pointer;text-decoration:none;border-bottom:1px dashed;border-bottom-color:inherit;line-height:normal;margin-bottom:.5rem}.summary-item-label[data-v-48161fbf]{font-size:12px;text-transform:uppercase;white-space:pre-line}.summary-item.lg .summary-item-value[data-v-48161fbf]{font-size:38px}.summary-item.lg .summary-item-label[data-v-48161fbf]{text-transform:uppercase}
.dashboard-statistics-block{padding:10px 20px}.dashboard-statistics-block.dashboard-statistics-block_primary{color:#fff}.dashboard-statistics-block.dashboard-statistics-block_default{background-color:#fff}.dashboard-statistics-block__title{font-size:20px;margin-bottom:10px}
table.tasks thead th{padding:6px 20px 7px 0px !important}@media(max-width: 991px){table.tasks thead{display:none}}.task-sorting-container{min-width:200px}
.v--modal{height:initial !important}.setting-task-template .text-align-right.btn-transparent{width:100%;text-align:right !important}
.details-folder .folderPermissionList{margin-top:20px}.details-folder #VueFolderDetails .btn-oval.active{padding-left:35px;position:relative;margin-bottom:10px;margin-right:0px}.details-folder #VueFolderDetails .btn-oval.active:hover{color:#fff}.details-folder #VueFolderDetails .btn-transparent .btn-element-label{margin-right:5px;font-size:17px}@media(max-width: 1406px)and (min-width: 992px){.details-folder #VueFolderDetails .btn-oval.active>span:nth-child(2),left-panel ul.dots-list .group-placeholder .d-none{display:none !important}}li.draggable-item.not-allowed{cursor:not-allowed}div.workitems-group.not-allowed{pointer-events:none}
.v--modal{height:initial !important}
.dictionary-details .table>tbody>tr>td{padding-top:8px !important;padding-bottom:8px !important}.dictionary-details .table tbody tr.row-editable td{cursor:pointer;word-break:break-word}.dictionary-details .btn-dictionary-element-delete{opacity:0}.dictionary-details .table tbody tr .column-control{width:15px}.dictionary-details .table tbody tr:hover .column-control .btn-dictionary-element-delete{opacity:1}.previous-page-text{padding-right:0 !important;padding-left:17px !important;background:url(/img/arrow-left.png) no-repeat left center;background-size:20px !important;color:transparent !important}.next-page-text{padding-right:0 !important;padding-left:17px !important;background:url(/img/arrow-right.png) no-repeat right center;background-size:20px !important;color:transparent !important}
.workitem-plate-fields div span[data-v-5525df4b]{width:100%;display:block;margin-bottom:10px}
.wi-cell-header{border:none !important}.wi-cell-header__caption{font-size:12px !important;color:#818181;padding-left:0 !important;padding-right:0 !important}.wi-cell-header__control{font-size:10px !important;color:#818181}.compact-curtailed .wi-row>div.wi-cell_open{overflow:visible}.compact-curtailed .wi-cell_open>p{top:auto;width:100%}.compact-curtailed .wi-cell{height:auto}.wi-cell>.count>i:before{content:""}.wi-cell_open>.count>i:before{content:""}.compact-curtailed .count{float:right;padding:0 5px}.workitem-plate.compact-curtailed{margin:0px 0 0px 0;padding:0;display:block}.workitem-plate.compact-curtailed .workitem-plate__row{border:none;border-bottom:1px solid #ebebeb}.workitem-plate.compact-curtailed:before{content:none}.workitem-plate.compact-curtailed .table{margin-bottom:0;border-top:none;border-left:none;border-right:none}.workitem-plate.compact-curtailed .workitem-plate-fields{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;justify-content:space-between;-ms-flex-pack:center;cursor:pointer}.workitem-plate.compact-curtailed .workitem-plate-fields:hover{background-color:#f3f3f3}.workitem-plate.compact-curtailed .workitem-plate-fields:before{content:none}.workitem-plate.compact-curtailed .workitem-plate-fields>div{padding:5px 20px;border-left:none !important;border-right:1px solid #ebebeb !important;position:relative}.workitem-plate.compact-curtailed .workitem-plate-fields>div:last-child{border-right:none !important}.compact-curtailed .workitem-plate-fields div{border:none}.compact-curtailed .workitem-plate-fields div.wi-cell:not(.wi-cell_open){height:auto}.compact-curtailed .wi-cell p{width:100%}@media(max-width: 992px){.workitem-plate.compact-curtailed .workitem-plate-fields{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.workitem-plate.compact-curtailed .workitem-plate-fields>div{width:100% !important;border:none !important}.compact-curtailed .wi-cell p{position:static;padding:0px;-webkit-box-shadow:none;box-shadow:none;background-color:transparent}}
.folder-plate-more-btn_blue{color:#7ea3c7 !important}
.table-plates .wi-row>div.wi-cell_open{overflow:visible}.wi-cell_open>p{top:0;position:absolute;background:#fff;-webkit-box-shadow:0 4px 7px rgba(0,0,0,.5);box-shadow:0 4px 7px rgba(0,0,0,.5);padding:10px 15px;width:calc(100% - 50px);z-index:500}.wi-cell>.count>i:before{content:""}.wi-cell_open>.count>i:before{content:""}.table-plates .count{float:right;padding-right:5px;padding-left:5px}
.search__input-group{height:45px;position:relative;margin-bottom:5px}input.search__form-control{height:45px;width:100%;font-size:24px;padding:10px 150px 14px 0px;line-height:1.33;z-index:2;float:left;font-weight:normal;position:relative;background-color:initial;border:none;border-bottom:1px solid #d8d8d8}
.role-group-item__caption{font-size:16px;font-weight:bold}
.drop-panel__caption[data-v-e96f8144]{margin-bottom:12px;cursor:pointer}.drop-panel__caption i[data-v-e96f8144]{font-size:10px;color:#222;padding-right:12px}.drop-panel__tab-caption[data-v-e96f8144]{color:#828282;margin-bottom:10px}.drop-panel_field[data-v-e96f8144]{margin-bottom:15px}.drop-panel_field .select2[data-v-e96f8144]{margin-right:20px}
.date-range__element[data-v-2a9f6084]{display:inline-block;padding:11px 14px;position:relative;cursor:pointer}.date-range__element[data-v-2a9f6084]::after{content:"";background-color:#ececec;position:absolute;width:1px;height:100%;right:0px;top:0px;bottom:20px;display:block}.date-range__element[data-v-2a9f6084]:first-child{border-radius:19px 0 0 19px}.date-range__element[data-v-2a9f6084]:last-child{border-radius:0 19px 19px 0}.date-range__element[data-v-2a9f6084]:last-child::after{content:none}.date-range__element[data-v-2a9f6084]:hover,.date-range__element.active[data-v-2a9f6084]{background:#ebebeb}@media(max-width: 504px){.date-range__element[data-v-2a9f6084]{padding:11px 3px}}
.date-range[data-v-6339cf00]{margin-bottom:20px;display:inline-block;width:255px}.date-range button[data-v-6339cf00]{background:none;border:none;-webkit-box-shadow:none;box-shadow:none;padding:0px;margin-top:-1px}.date-range button i[data-v-6339cf00]{font-size:23px}.date-range button.next-interval[data-v-6339cf00]{float:right}.date-range div[data-v-6339cf00]{display:inline-block;text-align:center;vertical-align:top;width:calc(100% - 55px)}.date-range div.DN[data-v-6339cf00]{display:none}.date-range button span[data-v-6339cf00]{border-radius:100%;padding:6px 9px 1px 7px}.date-range button.next-interval span[data-v-6339cf00]{padding:6px 7px 1px 9px}.date-range button.disabled span[data-v-6339cf00]{color:#ececec;cursor:default}.date-range button:not(.disabled) span[data-v-6339cf00]:hover{background-color:#d8d8d8 !important}
.statistics-block__message[data-v-355bfe13]{width:100%;text-align:center;color:#9c9c9c;margin-bottom:20px}.checkbox-block[data-v-355bfe13]{display:inline-block;float:right}
.chartjs-tooltip-key{display:inline-block;width:10px;height:10px;margin-right:10px;border-radius:5px}
.progress-bar[data-v-2608b2b8]{cursor:pointer;background-image:none;text-shadow:none;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:none;transition:none}.progress[data-v-2608b2b8]{display:inline-block}.progress-count[data-v-2608b2b8]{vertical-align:top}.progress-bar[data-v-2608b2b8]:first-child{border-radius:2px 0 0 2px}.progress-bar[data-v-2608b2b8]:last-child{border-radius:0 2px 2px 0}.progress-line[data-v-2608b2b8]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;margin-left:7px}.progress-line>div[data-v-2608b2b8]:first-child{width:250px}.progress-line>div[data-v-2608b2b8]:last-child{width:calc(100% - 250px)}@media(max-width: 776px){.progress-line[data-v-2608b2b8]{-ms-flex-wrap:wrap;flex-wrap:wrap}.progress-line>div[data-v-2608b2b8]:first-child,.progress-line>div[data-v-2608b2b8]:last-child{margin-bottom:10px;width:100%}}.progress-line>div[data-v-2608b2b8]{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.progress-line .progress[data-v-2608b2b8]{border:none;box-shadow:none;-webkit-box-shadow:none;overflow:visible}.progress-line .progress[data-v-2608b2b8]{-webkit-transition:width linear .2s;transition:width linear .2s}
.permission[data-v-fe434e0a]{margin-right:10px}.permission img[data-v-fe434e0a]{width:25px;height:25px;border-radius:50%}.role-group-item__caption[data-v-fe434e0a]{font-size:16px;font-weight:bold}.bar-legend[data-v-fe434e0a]{display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:5px;padding-bottom:10px;-ms-flex-wrap:wrap;flex-wrap:wrap}.bar-legend-item[data-v-fe434e0a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;padding-left:10px;padding-right:10px;cursor:pointer}.bar-legend-item_hidden[data-v-fe434e0a]{position:relative}.bar-legend-item__icon[data-v-fe434e0a],.column-icon[data-v-fe434e0a]{display:inline-block;height:15px;width:11px;height:11px;border:1px solid #dbd8e0;border-radius:50%}.bar-legend-item__icon[data-v-fe434e0a]{cursor:pointer}.bar-legend-item__text[data-v-fe434e0a]{margin-left:4px}.bar-legend-item_hidden .bar-legend-item__text[data-v-fe434e0a]::after{content:"";display:block;height:2px;width:calc(100% - 35px);background:#222;margin:16px 0 0 20px;position:absolute;left:5px;top:-7px}.list-item[data-v-fe434e0a]{display:inline-block;margin-right:10px}.list-enter-active[data-v-fe434e0a],.list-leave-active[data-v-fe434e0a]{-webkit-transition:all .5s;transition:all .5s}.list-enter[data-v-fe434e0a],.list-leave-to[data-v-fe434e0a]{opacity:0}
.statistics__body[data-v-6967bc5e]{padding:0px 42px 38px 65px}.statistics__body[data-v-6967bc5e]{margin-top:40px}.statistics-controls[data-v-6967bc5e]{display:inline-block}.statistics__header[data-v-6967bc5e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.tabular-heatmap-stub td[data-v-5f0a0ff4],.tabular-heatmap-stub th[data-v-5f0a0ff4]{border:#ddd solid 1px;position:relative}.tabular-heatmap-stub tr td[data-v-5f0a0ff4]:first-child{width:15%;max-width:200px}.tabular-heatmap-stub thead tr:first-child th[data-v-5f0a0ff4]{border:none}.tabular-heatmap-stub thead tr:nth-child(2) th[data-v-5f0a0ff4]{border-top:none}.tabular-heatmap-stub tbody tr:last-child td[data-v-5f0a0ff4],.tabular-heatmap-stub tbody tr:first-child td[data-v-5f0a0ff4]:last-child{border-bottom:none}.tabular-heatmap-stub tr td[data-v-5f0a0ff4]:first-child,.tabular-heatmap-stub tr th[data-v-5f0a0ff4]:first-child{border-left:none}.tabular-heatmap-stub tr td[data-v-5f0a0ff4]:last-child,.tabular-heatmap-stub tr th[data-v-5f0a0ff4]:last-child{border-right:none}
.tabular-heatmap-message[data-v-f664a9ce]{position:absolute;top:3em;left:15%;right:0}.tabular-heatmap td[data-v-f664a9ce],.tabular-heatmap th[data-v-f664a9ce]{border-width:1px;border-color:#ddd;border-style:solid;position:relative}.tabular-heatmap-empty-stub[data-v-f664a9ce]{opacity:.5}.tabular-heatmap td[data-v-f664a9ce]{-webkit-transition-property:opacity;transition-property:opacity}.tabular-heatmap tr td[data-v-f664a9ce]:first-child{width:15%}.tabular-heatmap tbody tr[data-v-f664a9ce]:hover{cursor:pointer;letter-spacing:-0.02em;border:none}.tabular-heatmap tbody tr td[data-v-f664a9ce]{font-weight:normal;padding-top:6px;padding-bottom:6px;-webkit-box-sizing:border-box;box-sizing:border-box}.tabular-heatmap tbody tr:not(:last-child):hover td[data-v-f664a9ce]{font-weight:bold;border-top:solid #b7b7b7 3px;border-bottom:solid #b7b7b7 3px;padding-top:4px;padding-bottom:4px}.tabular-heatmap tbody tr:last-child:hover td[data-v-f664a9ce]{font-weight:bold;border-top:solid #b7b7b7 3px;padding-top:4px}.tabular-heatmap thead tr:first-child th[data-v-f664a9ce]{border:none}.tabular-heatmap thead tr:nth-child(2) th[data-v-f664a9ce]{border-top:none}.tabular-heatmap tbody tr:last-child td[data-v-f664a9ce]{border-bottom:none}.tabular-heatmap tr td[data-v-f664a9ce]:first-child,.tabular-heatmap tr th[data-v-f664a9ce]:first-child{border-left:none}.tabular-heatmap tr td[data-v-f664a9ce]:last-child,.tabular-heatmap tr th[data-v-f664a9ce]:last-child{border-right:none}.tabular-heatmap tr:last-child td[data-v-f664a9ce]:not(:last-child):after{content:"";height:15px;background:#ddd;width:1px;background-color:#ebebeb;position:absolute;right:-1px;bottom:-15px;display:block}
.widget-additional-btn[data-v-792d1b75]{-webkit-box-shadow:rgba(0,0,0,.1) 0px -2px 4px;box-shadow:rgba(0,0,0,.1) 0px -2px 4px}
.widget-background{background:#fff;-webkit-box-shadow:rgba(0,0,0,.5) 0px 0px 4px;box-shadow:rgba(0,0,0,.5) 0px 0px 4px}
.contragent-plate__body .btn-container .btn-transparent{font-family:ProximaNova;font-size:15px;line-height:20px;color:#337ab7;margin-right:8px;text-align:left}.contragent-plate__body .btn-container .egrul-info{padding:8px 0;border:1px solid transparent;font-size:15px}.contragent-statistics__body .statistics-block__diagram{margin:0;padding:24px 10px}.contragent-plate__caption{font-size:18px;line-height:20px;text-transform:uppercase;font-weight:700;margin-bottom:12px}.contragent-info .contragent-plate__body .info-col>.row{margin-bottom:8px}.contragent-info .contragent-plate__body .info-col span{font-size:16px;line-height:20px;color:#828282;margin:4px 0}.contragent-info .contragent-plate__body span.pdfBadge{vertical-align:top;margin-left:5px}
.contragent-plate__caption[data-v-4967346c]{text-transform:none;font-weight:400}.contragent-recomendation .description-caption[data-v-4967346c]{font-weight:600;font-size:18px;line-height:20px;color:#000;margin-bottom:12px}.contragent-recomendation .description[data-v-4967346c]{font-size:16px;line-height:20px;max-height:126px;overflow:hidden;word-break:break-word;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}.contragent-recomendation .description.full-description[data-v-4967346c]{max-height:initial;overflow:visible;-webkit-box-orient:initial}.contragent-plate__body label[data-v-4967346c]{display:block;font-size:12px;line-height:20px;color:#828282;margin-bottom:4px}.contragent-plate__body .total-count[data-v-4967346c]{font-size:20px;line-height:20px}
.legend-summary{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}
.legend-summary-item{width:33.3333%;text-align:center;border-right:1px solid #ccc}.legend-summary-item:last-child{border-right:none}.legend-summary__label,.legend-summary__value{display:block}.legend-summary__icon{display:inline-block;height:15px;width:11px;height:11px;border:1px solid #dbd8e0;border-radius:50%}.legend-summary__value{font-size:18px}
.contragent-ad-cases .select2-selection.select2-selection--single{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-right:20px}.legend-summary{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.legend-summary-item{width:33.3333%;text-align:center;border-right:1px solid #ccc}#contragentADCases .legend-summary-item .legend-summary__label{font-size:12px;margin-bottom:8px}#contragentADCases .legend-summary-item .legend-summary__value{font-size:20px;line-height:20px}.legend-summary-item:last-child{border-right:none}.legend-summary__label,.legend-summary__value{display:block}.legend-summary__icon{display:inline-block;height:15px;width:11px;height:11px;border:1px solid #dbd8e0;border-radius:50%}.legend-summary__value{font-size:18px}.contragent-ad-cases .btn-to-more:active{top:initial;left:initial}
.legend-summary{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.legend-summary-item{width:33.3333%;text-align:center;border-right:1px solid #ccc}.legend-summary-item:last-child{border-right:none}.legend-summary__label,.legend-summary__value{display:block}.legend-summary__icon{display:inline-block;height:15px;width:11px;height:11px;border:1px solid #dbd8e0;border-radius:50%}.legend-summary__value{font-size:18px}
.contragent-plate__caption[data-v-2f1340cf]{text-transform:none;font-weight:400}.contragent-plate__caption.yellow[data-v-2f1340cf]{color:#ef9f00}.contragent-plate__body label[data-v-2f1340cf]{display:block;font-size:12px;line-height:20px;color:#828282}
.statistics-info-block[data-v-8e59cbe2]{margin-top:25px}.statistics-block__message[data-v-8e59cbe2]{width:100%;text-align:center;color:#9c9c9c;margin-bottom:20px}.checkbox-block[data-v-8e59cbe2]{display:inline-block;float:right}
.statistics-datepicker-range input{border:none;text-align:center;cursor:pointer}.statistics-datepicker-range .datetimepicker-addon{display:none}.statistics-datetimepicker-range-container>span>i{color:#ececec;font-size:23px}
.statistics-block__message[data-v-377e0440]{width:100%;text-align:center;color:#9c9c9c;margin-bottom:20px}.statistics-block[data-v-377e0440]{margin-top:25px}.checkbox-block[data-v-377e0440]{display:inline-block;float:right}
.statistics__body{padding:0px 42px 38px 65px}.statistics__header{height:80px;background:#fff;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,.05);box-shadow:0px 4px 4px rgba(0,0,0,.05);padding:30px 65px}.statistics__header .select2-selection.select2-selection--single{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-right:20px}@media(max-width: 992px){.statistics__header{margin-top:80px;padding:30px 15px}.statistics__body{padding:0px 15px 38px}}.statistics__body .pl-3{margin:0 -16px}.statistics__header .select2{max-width:300px}.statistics__header .select2 .select2-selection__rendered{font-size:22px}.statistics__body .empty-folder-list-hint{max-width:640px}.contragent-plate__caption.red{color:#ec4130}.contragent-plate__caption.yellow{color:#ef9f00}.contragent-plate__caption.green{color:#6eb100}.statistics__body .statistics-block__diagram .legend-summary{margin-bottom:16px}
.tab-validation-icon[data-v-384b8ce2]{height:16px;width:16px;position:absolute;background-color:#f5a624;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;right:0;font-size:14px;top:-3px}.tab-validation-icon>span[data-v-384b8ce2]{line-height:1}
.role-group-item__caption[data-v-08ba418c]{font-size:16px;font-weight:bold}
datalist{z-index:1;width:100%;position:absolute;background-color:#fff;border:none;-webkit-box-shadow:0 10px 20px 0 rgba(34,34,34,.15);box-shadow:0 10px 20px 0 rgba(34,34,34,.15);border-top:none;max-height:10rem;overflow-y:hidden}option{background-color:#fff;padding:9px 18px 9px 18px;margin-bottom:1px;cursor:pointer}option:hover{background-color:#f3f3f3}
.field-setter-settings-control[data-v-5470bb09]{-webkit-box-shadow:0px 3px 12px rgba(34,34,34,.15);box-shadow:0px 3px 12px rgba(34,34,34,.15);padding:10px 20px;margin-bottom:10px}.field-setter-settings-control-header[data-v-5470bb09]{display:-webkit-box;display:-ms-flexbox;display:flex}.field-setter-settings-control__button-close[data-v-5470bb09]{margin-left:auto;font-size:25px;line-height:1em;cursor:pointer;color:#858381}.field-attribute__btn-delete[data-v-5470bb09]{cursor:pointer}
.field-setter-settings-control[data-v-4636838a]{-webkit-box-shadow:0px 3px 12px rgba(34,34,34,.15);box-shadow:0px 3px 12px rgba(34,34,34,.15);padding:10px 20px;margin-bottom:10px}.field-setter-settings-control-header[data-v-4636838a]{display:-webkit-box;display:-ms-flexbox;display:flex}.field-setter-settings-control__button-close[data-v-4636838a]{margin-left:auto;font-size:25px;line-height:1em;cursor:pointer;color:#858381}.field-attribute__btn-delete[data-v-4636838a]{cursor:pointer}
.role-group-item__caption[data-v-18c1cc04]{font-size:16px;font-weight:bold}
.v--modal-box.v--modal{width:-webkit-max-content !important;width:-moz-max-content !important;width:max-content !important;max-width:1000px !important;margin-right:auto;margin-left:auto;right:initial !important;left:initial !important}.v--modal-box.v--modal>div{max-width:600px;width:100vw}
.btn-primary[data-v-7fbab7f6]{padding:8px 20px;margin:0 0 20px}
.v--modal-box.v--modal{width:-webkit-max-content !important;width:-moz-max-content !important;width:max-content !important;max-width:1000px !important;margin-right:auto;margin-left:auto;right:initial !important;left:initial !important}.v--modal-box.v--modal>div{max-width:600px;width:100vw}
.btn-primary[data-v-71bcc44c]{padding:8px 20px;margin:0 0 20px}
.box-relations[data-v-1a0e46a0]{display:-webkit-box;display:-ms-flexbox;display:flex;max-height:300px}.box-relations-left[data-v-1a0e46a0]{-webkit-box-shadow:5px 0px 3px -3px #f3f3f3;box-shadow:5px 0px 3px -3px #f3f3f3;-webkit-box-flex:0;-ms-flex:0 1 35%;flex:0 1 35%;min-width:210px;overflow-y:auto}.box-relations-right[data-v-1a0e46a0]{width:100%;overflow-y:auto;padding-left:5px;padding-bottom:5px}

.main-menu-list[data-v-c7028ea4]{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;white-space:nowrap}.main-menu-list ul[data-v-c7028ea4]{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;white-space:nowrap}
.notification-counter[data-v-12e6354e]{border-radius:50px;background-color:#db1212;padding:2px;min-width:15px;position:absolute;bottom:12px;font-size:12px;height:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;left:10px;color:#fff}.xsud-icon.xsud-icon-agenda[data-v-12e6354e]{color:#373737;padding-top:4px;font-size:21px}
.label-template[data-v-1073e9dd]{padding-left:0px;width:100%}.event-filter[data-v-1073e9dd]:after{content:"";display:block;height:1px;width:70px;background:#d8d8d8;margin:16px 0 16px 0px}
right-panel[data-v-743b383a]{min-height:calc(100vh - 115px) !important}.bots-right-menu[data-v-743b383a]{min-height:calc(100vh - 115px) !important}
.search[data-v-f67dff24]{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.search__input[data-v-f67dff24]{width:100%;height:50px;padding-left:70px !important;border-bottom:1px solid}@media(max-width: 768px){.search__input[data-v-f67dff24]{padding-left:15px !important}}.search__filters[data-v-f67dff24]{cursor:pointer;border:none;background-color:transparent}.search__actions[data-v-f67dff24]{position:absolute;top:11px;right:60px}@media(max-width: 768px){.search__actions[data-v-f67dff24]{right:0}}.search__button[data-v-f67dff24]{border:0;background-color:transparent;font-size:18px;color:#818181}
.account-item[data-v-78b9947a]{-webkit-transition:background-color .4s ease;transition:background-color .4s ease;cursor:pointer;padding:16px 10px;margin:0}.account-item[data-v-78b9947a]:hover{background-color:#f3f3f3}.account-item_deleted[data-v-78b9947a]{color:#db1212}.account-item__fake[data-v-78b9947a]{border:1px solid #f3f3f3;border-radius:12px;max-width:150px;color:#f3f3f3;background-color:#f3f3f3}.account-item__general[data-v-78b9947a]{display:grid;grid-template-columns:60px 1fr 1fr 1fr;position:relative}@media(max-width: 768px){.account-item__general[data-v-78b9947a]{grid-template-columns:20px minmax(80px, 1fr) minmax(150px, 1fr) minmax(60px, 1fr)}}@media(max-width: 504px){.account-item__general[data-v-78b9947a]{padding-left:30px;grid-template-columns:auto}}.account-item__icon-chevron[data-v-78b9947a]{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease, -webkit-transform .4s ease;font-size:12px;width:20px;height:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media(max-width: 504px){.account-item__icon-chevron[data-v-78b9947a]{position:absolute}}.account-item__icon-chevron_reverted[data-v-78b9947a]{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.account-item__top[data-v-78b9947a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media(max-width: 768px){.account-item__top[data-v-78b9947a]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}.account-item__info[data-v-78b9947a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.account-item__login[data-v-78b9947a]{max-width:200px;background-color:#db1212;padding:3px;border:0;border-radius:2px}.account-item__link[data-v-78b9947a]{color:#fff;-webkit-text-decoration-color:#fff;text-decoration-color:#fff}.account-item__container[data-v-78b9947a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:20px;margin-left:40px;margin-top:20px;-webkit-box-shadow:-7px -6px 3px -6px #bebaba,7px 6px 3px -6px #bebaba;box-shadow:-7px -6px 3px -6px #bebaba,7px 6px 3px -6px #bebaba;cursor:auto}@media(max-width: 504px){.account-item__container[data-v-78b9947a]{padding:16px;margin-left:12px}}.account-item__action[data-v-78b9947a]{margin:20px 0 0;width:160px;height:40px;color:#fff;background-color:#db1212;padding:3px;border:0;border-radius:2px}.account-item_deleted .account-item__action[data-v-78b9947a]{background-color:#f3f3f3;color:#000}.account-item__name[data-v-78b9947a],.account-item__email[data-v-78b9947a]{word-break:break-all}.account-item__field_highlighted-warn[data-v-78b9947a]{color:#ef9f00}.account-item__field_highlighted-notify[data-v-78b9947a]{color:#7ea3c7}.account-item__product-container[data-v-78b9947a]{margin:20px 0}.account-item__products[data-v-78b9947a]{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px 0;padding:0}@media(max-width: 768px){.account-item__products[data-v-78b9947a]{grid-template-columns:1fr}}.product[data-v-78b9947a]{list-style-type:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.product__field_deleted[data-v-78b9947a]{color:#db1212}
.accounts__list[data-v-47e55a32]{list-style-type:none;padding:0;margin:20px 0}.accounts__pagination[data-v-47e55a32]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.dashboard[data-v-06a06ece]{display:grid;grid-template-columns:250px 4fr;min-height:calc(100dvh - 80px)}@media(max-width: 768px){.dashboard[data-v-06a06ece]{grid-template-columns:40px auto;min-height:calc(100dvh - 80px)}.dashboard_mobile[data-v-06a06ece]{grid-template-columns:auto}}.dashboard__sidebar[data-v-06a06ece]{padding-top:30px;padding-left:30px;-webkit-box-shadow:0 -3px 3px 0px rgba(0,0,0,.3);box-shadow:0 -3px 3px 0px rgba(0,0,0,.3);-webkit-transition:width .6s ease;transition:width .6s ease}@media(max-width: 768px){.dashboard__sidebar[data-v-06a06ece]{width:40px;position:relative}.dashboard_mobile .dashboard__sidebar[data-v-06a06ece]{width:auto}}.dashboard__sidebar-toggle[data-v-06a06ece]{display:none}@media(max-width: 768px){.dashboard__sidebar-toggle[data-v-06a06ece]{position:absolute;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px;margin:0;font-size:32px;border:0;padding:0;background-color:transparent;-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease, -webkit-transform .4s ease}.dashboard__sidebar-toggle_active[data-v-06a06ece]{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);left:unset;right:30px}}.dashboard__menu[data-v-06a06ece]{list-style-type:none;margin:0;padding:0}@media(max-width: 768px){.dashboard__menu[data-v-06a06ece]{display:none}.dashboard__menu_opened[data-v-06a06ece]{display:block}}.dashboard__menu-item[data-v-06a06ece]{position:relative;margin-bottom:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dashboard_mobile .dashboard__menu-item[data-v-06a06ece]{padding-left:10px}.dashboard__menu-item[data-v-06a06ece]::after{content:"";display:block;background-color:#ff5252;width:5px;height:20px;position:absolute;right:0;margin-top:-20px}.dashboard_mobile .dashboard__menu-item[data-v-06a06ece]::after{right:unset;left:0px}.dashboard__menu-item_active[data-v-06a06ece]{font-weight:bold}.dashboard__menu-item_active[data-v-06a06ece]::after{background-color:#c22424}.dashboard__content[data-v-06a06ece]{padding-top:16px}.dashboard__content_hidden[data-v-06a06ece]{display:none}
.passphrase[data-v-43e56c2c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:auto;margin-top:25dvh;max-width:400px;border:1px solid #818181;border-radius:8px;padding:16px}.passphrase__info[data-v-43e56c2c]{text-align:center}.passphrase__form[data-v-43e56c2c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px;margin:20px 0}.passphrase__form button[data-v-43e56c2c]{color:#fff;background-color:#db1212;padding:3px;border:0;border-radius:2px}.passphrase__error-message[data-v-43e56c2c]{color:#db1212;font-size:10px}