e.redactor-box {
    position: relative;
}
label.redactor-change-mode span {
    display: block;
    text-align: right;
    margin-right: 40px;
    font-size: 12px;
    line-height: 12px;
}
#changeRedactorModeWrapper {
    display: block;
    display: inline-block;
    width: 150px;
    position: relative;
    left: 100%;
    margin-left: -150px;
}
label.redactor-change-mode {
    display: block;
    font-size: 16px;
    font-weight: normal;
    cursor: pointer;
    position: relative;
}

label.redactor-change-mode input {
    display: none;
}

label.redactor-change-mode input + span::before {
    position: absolute;
    content: "";
    right: 0;
    top: 0px;
    width: 36px;
    height: 14px;
    border-radius: 20px;
    background-color: #ccc;
    transition: all 0.3s ease-in-out;
}

label.redactor-change-mode input + span::after {
    position: absolute;
    content: "";
    right: -3px;
    top: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    transform: translateX(-27px);
    transition: all 0.3s ease-in-out;
}

label.redactor-change-mode input:checked + span::before {
    background-color: #4cca5e;
}

label.redactor-change-mode input:checked + span::after {
    transform: translateX(-5px);
}

.select2-dropdown .select2-search__field, .select2-search--inline .select2-search__field {
    border: none !important;
}

.user-select a {
    display: block;
    height: 35px;
    line-height: 35px
}
.user-select a > i {
    color: #444;
    margin-right: 7px;
}

.cursor-pointer {
    cursor: pointer;
}

.flex-wrap  {
    flex-wrap: wrap;
}

.align-item-center {
    align-items: center;
}

.justify-content-center {
    justify-content: center;
}

.justify-content-flex-end {
    justify-content: flex-end;
}

.justify-content-flex-between {
    justify-content: space-between;
}

.flex-column {
    flex-direction: column;
}

.flex-column-reverse {
    flex-direction: column-reverse;
}

.flex-row {
    flex-direction: row;
}

.d-none {
    display:none !important;
}

.d-block {
    display: block;
}

.d-inline {
    display: inline;
}

.d-inline-block {
    display: inline-block;
}

.no-wrap {
    white-space: nowrap;
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.w-100 {
    width: 100%;
}

.w-max-content {
    width: max-content;
}

.border-0 {
    border: none;
}

/************* Margin class ***********/
.mr-auto {
    float: right;
}

.ml-auto {
    float: left;
}

.m-0 {
    margin: 0px;
}

.ml-0 {
    margin-left: 0px;
}

.mr-0 {
    margin-right: 0px;
}

.mt-0 {
    margin-top: 0px;
}

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

.m-1 {
    margin: 5px;
}

.mx-1 {
    margin-left: 5px;
    margin-right: 5px;
}

.my-1 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.mt-1 {
    margin-top: 5px;
}
.mb-1 {
    margin-bottom: 5px;
}

.ml-1 {
    margin-left: 5px;
}

.mr-1 {
    margin-right: 5px;
}

.m-2 {
    margin: 10px;
}

.mx-2 {
    margin-left: 10px;
    margin-right: 10px;
}

.my-2 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.mt-2 {
    margin-top: 10px;
}
.mb-2 {
    margin-bottom: 10px;
}

.ml-2 {
    margin-left: 10px;
}

.mr-2 {
    margin-right: 10px;
}

.m-3 {
    margin: 15px;
}

.mx-3 {
    margin-left: 15px;
    margin-rifht: 15px;
}

.my-3 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.mt-3 {
    margin-top: 15px;
}
.mb-3 {
    margin-bottom: 15px;
}

.ml-3 {
    margin-left: 15px;
}

.mr-3 {
    margin-right: 15px;
}

.m-4 {
    margin: 20px;
}

.mx-4 {
    margin-left: 20px;
    margin-right: 20px;
}

.my-4 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.mt-4 {
    margin-top: 20px;
}
.mb-4 {
    margin-bottom: 20px;
}

.ml-4 {
    margin-left: 20px;
}

.mr-4 {
    margin-right: 20px;
}

.m-5 {
    margin: 25px;
}

.mx-5 {
    margin-left: 25px;
    margin-right: 25px;
}

.my-5 {
    margin-top: 25px;
    margin-bottom: 25px;
}

.mt-5 {
    margin-top: 25px;
}
.mb-5 {
    margin-bottom: 25px;
}

.ml-5 {
    margin-left: 25px;
}

.mr-5 {
    margin-right: 25px;
}

/************* Padding class ***********/

.p-1 {
    padding: 5px;
}

.px-1 {
    padding-left: 5px;
    padding-right: 5px;
}

.py-1 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.pt-1 {
    padding-top: 5px;
}
.pb-1 {
    padding-bottom: 5px;
}

.pl-1 {
    padding-left: 5px !important;
}

.pr-1 {
    padding-right: 5px !important;
}

.p-2 {
    padding: 10px;
}

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

.py-2 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.pt-2 {
    padding-top: 10px;
}
.pb-2 {
    padding-bottom: 10px;
}

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

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

.p-3 {
    padding: 15px;
}

.px-3 {
    padding-left: 15px;
    padding-right: 15px;
}

.py-3 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.pt-3 {
    padding-top: 15px;
}
.pb-3 {
    padding-bottom: 15px;
}

.pl-3 {
    padding-left: 15px;
}

.pr-3 {
    padding-right: 15px;
}

.p-4 {
    padding: 20px;
}

.px-4 {
    padding-left: 20px;
    padding-right: 20px;
}

.py-4 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.pt-4 {
    padding-top: 20px;
}
.pb-4 {
    padding-bottom: 20px;
}

.pl-4 {
    padding-left: 20px;
}

.pr-4 {
    padding-right: 20px;
}

.p-0 {
    padding: 0px !important;
}

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

.pr-0 {
    padding-right: 0px;
}

.pb-0 {
    padding-bottom: 0px;
}

/************* End padding class ***********/

/************* Border class ***********/
.border {
    border: 1px solid #dee2e6;
}

.border-top {
    border-top: 1px solid #dee2e6;
}

.border-right {
    border-right: 1px solid #dee2e6;
}

.border-bottom {
    border-bottom: 1px solid #dee2e6;
}

.border-left {
    border-left: 1px solid #dee2e6;
}

.border-0 {
    border: none;
}

.border-top-0 {
    border-top: none;
}

.border-right-0 {
    border-right: none;
}

.border-bottom-0 {
    border-bottom: none;
}

.border-left-0 {
    border-left: none;
}

/************* End Border class ***********/

/* кастомный скролл */

::-webkit-scrollbar {
    width: 1px;
}

::-webkit-scrollbar:horizontal {
    height: 5px;
}

::-webkit-scrollbar-thumb {
    background-color: #bfbebe;
}

.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
    background-color: #efefef;

}

li.dropdown-menu_controll-buttons {
    
}
li.dropdown-menu_controll-buttons .switch-tabs {
    display: flex;   
}
    
.switch-tabs .label {
    display:inline-block;
    color: #444444;
    cursor: pointer;
    padding: 9px;
    white-space: initial;
}

.switch-tabs .label-primary {
    border: 1px solid #367fa9;
}

.show-comments {
    cursor: pointer;
}

.task-comment-block {
    margin-top: 20px;
    display: none;
    margin-left: 15%;
}

.task-comment-block .comment-msg.template {
    display: none;
}

.task-comment-block .comment-text {
    border-radius: 0px 10px 10px 10px;
    background: #fafafa;
    border: 1px solid #efefef;
}
.task-comment-block .comment-text:before,
.task-comment-block .comment-text:after {
    display: none;
}

/************ Chat css ************/

#chatList .select-chat {
    padding:0px 10px 10px 10px;
    border-bottom: 1px solid #d2d6de;
}

/************ End Chat css ************/

/************ Header create task ************/

#flashTask .box-body {
    padding-top: 0px;
}

#newTaskFormHeader textarea,
#newTaskFormModal textarea {
    margin: 10px 0px;
    padding: 6px 12px;
}

textarea::-webkit-input-placeholder { color: #999999; }

#newTaskFormHeader .box-footer {
    border-top: none;
    padding-top: 0px;
    background-color: #efefef;
}

#new-eventHeader {
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

#newTaskFormHeader .switch-tabs {
       justify-content: space-between;
       margin-bottom: 0px;
   }
   
#flashTask > a > .fa {
    font-size: 17px;
}

#flashTask > a > .label {
    background-color: #c1f3c6;
    color: #444444;;
}

/************ End Header create task ************/

/***************** Hint List ********************/

.control-buttons {
    margin-bottom: 10px;
}

.quick-search-block {
    margin-bottom: 10px;
}

.hint-list {
    display: none;   
    position: absolute;
    background-color: #efefef;
    border: 1px solid #d4d4d4;
    width:300px;
    z-index: 100;
    border-radius: 3px; 
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}

.viewed-users-block .hint-list {
    overflow: hidden;
    right: 0;
}
#exec-time-pjax .item-row {
    position:relative;
}
.complete-work-description .hint-list {
    top: -4px;
    left: -319px;
}

.complete-work-description .hint-list_header {
    border-radius: 2px 0px 0px 0px;
}

#exec-time-pjax .item-row:hover > .complete-work-description .hint-list {
       display: block;
}

.complete-work-description .hint-list::before {
    content: '';
    right: -30px;
    top: 0px;
    border-style: solid;
    border-width: 15px;
    border-color: transparent transparent transparent #e58377;
    position: absolute;
}

.box-body img {
    max-width: 100%;
}

#map img {
    max-width: initial !important;
}

/***************** START User min card Widget ********************/

.user-min-card {
    position: relative;
    display: flex;
    align-items: start;
    font-size: 12px;
    color: initial;
    line-height: 12px;
    width: fit-content;
    margin-bottom: 5px;
    padding: 2px 5px 2px 2px;
    border: 1px solid #dddddd;
    border-radius: 20px 3px 3px 20px;
    background-color: #f9f9f9;
}

.user-min-card .fa-circle:before {
    background-color: white;
    padding: 0.3px 1px;
    border-radius: 50%;
    box-shadow: 0px 0px 3px rgb(0,0,0,0.5);
}

.user-min-card > .user-min-card_info {
    display: flex;
    flex-direction: column;
}

.user-min-card .fa-circle {
    position: absolute;
    font-size: 10px;
    left: 18px;
    top: 17.1px;
    color: #5bcf60;
}

.user-min-card_popup {
  display: none;
  position: absolute;
  z-index: 1;
  top: 103%;
  left: 0;
  background-color: #5a5a5a;
  font-size: 10px;
  font-weight: bold;
  color: #ffff;
  padding: 5px; 
  width: max-content;  
}

.show-users-list:hover {
    color: #b3b3b3;
}

/***************** END User min card Widget ********************/

/***************** End Hint List ********************/
.box-body img {
    max-width: 100%;
}

#map img {
    max-width: initial !important;
}

#map {
    position: relative;
    height: 452px;
    border-radius: 5px;
    border: 2px solid #dddddd;
}

.user-avatar {
    width: 25px;
    height: 25px;
    float:left;
    border-radius: 50%;
    margin-right: 5px;   
    border: 1px solid #dddddd;
    object-fit: cover;
    max-width: inherit !important;
}

.user-avatar-lg {
    width: 50px;
    height: 50px;
    float:left;
    border-radius: 50%;
    margin-right: 5px;
    border: 1px solid #dddddd;
    object-fit: cover;
}


.box-body tr,
.box-body th,
.box-body td {   
    padding: 2px 5px;
    border: 1px solid;
}

.table tr,
.table th,
.table td {
   border: inherit; 
}

#calendar tr {
   border: inherit; 
}

.fc-theme-standard td, 
.fc-theme-standard th {
    padding: 0px;
    border: 1px solid #ddd;
}


.box  {
    border-radius: 3px;
    box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
}

.box.box-default {
    border-top-color: #d50725;
}

.content-wrapper, .right-side {
    background-color: #ecf0f5;
}

sup {
    color: #ffffff;
    left: -3px;
    background-color: #3c8dbc;
    border-radius: 3px;
    padding: 0px 2px 1px 2px;
}

.btn-filter sup {
    left: inherit;
}

.sub-tasks sup {
    position: relative;
    font-size: 10px;
    left: 39%;
    top: -143%;
    color:white;
}

.task-info .pull-right {
    cursor: pointer;
}

.stage-bg-label {
    padding: 2px 6px;
    border-radius: 3px;
    font-weight: bold;
}

.login-page {
    background-image: url(../images/Login-background.png);
   background-attachment:fixed;
    background-position: center center;
    width:100%;
    background-size:100%;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;	
}

* {
    font-family: Roboto,Helvetica,Arial,sans-serif;
}

.btn-action {
    font-size: 8px;
    padding: 1px 3px 0px 3px;
    margin: 1px 3px 3px 0px;
}

button {
    outline: none;
}

a.login-title {
    color: #666;
    font-size: 36px;
    font-weight: bold;
}
a.login-title span {
    color: #DD4B39;
    font-size: 36px;
}
.btn-tag {
    margin-bottom: 10px;
}
blockquote {
    margin:0;
}
textarea {
    resize: vertical;
    outline: none;
}
textarea:focus {
    border-color: #3c8dbc;
    box-shadow: none;
}

.bg-default {
    background-color: #f5f5f5;
}

.bg-in-work {
    background-color: rgb(159, 248, 243) !important;
    border: 1px solid #61e6df !important;
}
.bg-paused {
    background-color: rgb(243, 240, 179) !important;
    border: 1px solid #d8d57c !important;
}
.bg-complete {
    background-color: rgb(193, 243, 198) !important;
    border: 1px solid #9edcb0 !important;
}
.bg-canceled {
    background-color: rgb(255, 181, 173) !important;
    border: 1px solid #e7958c !important;
}
.bg-planned {
    background-color: rgb(235, 237, 241) !important;
    border: 1px solid #dddddd !important;
}

.skin-red-light .sidebar a {
    color: #777777;
}

.skin-red-light .sidebar-menu > li:hover > a, .skin-red-light .sidebar-menu > li.active > a {
    border-left: 3px solid #c80f27;
}

.skin-red-light .sidebar-menu > li > a, .skin-red-light .treeview-menu > li.active > a {
    font-weight: 400 !important;
}
.direct-chat-text {
    margin-left: 100px;
}
.right .direct-chat-text {
    margin-right: 100px;
}
.direct-chat-img {
    height: 80px;
    width: 80px;
}

.table > tbody > tr > th {
    vertical-align: middle;
}

.sidebar-menu li {
    position: relative;
    color: #FFF;
}
.sidebar-menu li .tools {
    opacity: .5;
    position: absolute;
    right: 5px;
    top: 10px;
}
.sidebar-menu .treeview-menu li .tools {
    top:3px;
}
.sidebar-menu li:hover .tools {
    opacity: 1;
}
.btn[class*="bg-"]:hover {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.linoza-footer {
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    text-align:center;
    padding:20px;
}

.linoza-footer a, .main-footer a {
    color: #505050;
    font-family: "Arial", sans-serif;
}
.logo-linoza {
    height: 30px;
    width: auto;
 }
 .logo-raspberry-pi {
    height: 15px;
    vertical-align: top;
 }
 .logo-lg img {
     height: 30px;
     width: auto;
 }
 .logo-mini img {
     height: auto;
     width: 35px;
 }
.form-control[readonly], .select2-container--krajee.select2-container--disabled .select2-selection {
    background-color: #fff !important;
}
.read {
    opacity: .5;
}
.read:hover {
    opacity: 1;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
}

.user-header img, .user-image {
    max-width: 100%;
    object-fit: cover;
    object-position: 70% 70%;
    border: 1px solid #dddddd;
}

.profile-user-img {
    object-fit: cover;
    height: 100px;
    padding: 0 !important;
}

/*allowClear для сброса отдельных фильтров поиска*/
.select2-selection__clear {
    float: left !important;
    padding-right: 5px !important;
}

/* Select кол-ва записей на странице */
.select-page-size {
    background-color: #fff;
    border: 1px solid #ccc;
    border-color: #d2d6de;
}

#flashTask .dropdown-menu .header {
    boredr-radius: 3px 3px 0px 0px !important;
}

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 {
    padding-top: 10px;
}

.navbar-nav .visitor-stat > .dropdown-menu > li .menu > li > a > h4 {
    padding-top: 3px;
}

.navbar-nav .dropdown-menu {
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    border: none;
}

.navbar-nav .header {
    border-radius: 0px !important;
    border-bottom: 1px solid #d2d6de !important;
}

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > div > img {
    /*padding-top: 10px;
    height: 50px;*/
    margin: 7px 10px auto auto;
    width: 40px;
    height: 40px;
    max-width: 100%;
    object-fit: cover;
    object-position: 70% 70%;
    border: 1px solid #dddddd;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p {
    padding-top: 5px;
}

.list-group-item.inline-withoout-border {
    border: none;
    display: inline-block;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li:last-child a, .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li:last-child a, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li:last-child a{
    border:none;
}

/* Строка поиска */
.skin-red-light .sidebar-form input[type="text"], .skin-red-light .sidebar-form .btn {
    background-color: #13355a;
}

.skin-red-light .sidebar-form input[type="text"]::-webkit-input-placeholder, .skin-red-light .sidebar-form .btn {
    color: #ffffff;
}
.box.box-solid.box-default > .box-header a, .box.box-solid.box-default > .box-header .btn.btn-success {
    color: #FFF;
}

.btn-success:hover, .btn-success:active, .btn-success.hover {
    background-color: #008d4c !important;
}

.label {
    padding: 2px 3px;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #e68478;
    border-color: #e68478;
}

.pagination > .prev > span,
.pagination > .prev > a {
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
}

/*.pagination > .prev > span,
.pagination > .next > a,
.pagination > .next > span {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}*/

/*.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right), 
.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
    display: block !important;
    position: absolute;
    width: 180px;
    left: 50px;
}*/
/*.sidebar-mini.sidebar-collapse .sidebar-menu li > .tools {
    display: none;
}*/
/*.sidebar-mini.sidebar-collapse .sidebar-menu li:hover > .tools {
    display: inline;
    right: 0;
    left: 190px;
    opacity: .5;
}
.sidebar-mini.sidebar-collapse .sidebar-menu li:hover > .tools:hover {
    opacity: 1;
}
.sidebar-mini.sidebar-collapse .sidebar-menu li:hover > ul.treeview-menu .tools {
    right: 0;
    left: 148px;
    opacity: .5;
}*/
.sidebar-mini.sidebar-collapse .sidebar-menu li:hover > ul.treeview-menu .tools:hover {
    opacity: 1;
}
#Knows  .table > tbody > tr > td {
    padding: 8px 0;
}

/* SCROLL BUTTON STYLES START */
#back-top { 
    position:fixed;
    bottom: 10px; 
    left: 10px;
    opacity: .5;
    z-index: 9999;
}
#back-top:hover {
    opacity: .8;
    transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
}
#back-top a { 
    width:55px; 
    display:block; 
    text-align:center; 
    text-transform:uppercase;
    text-decoration:none;
    color:#fff;
    -webkit-transition:1s;
    -moz-transition:1s;
    transition:1s;
}
#back-top span,#back-top i {
    width:55px;
    height:55px;
    padding-top: 15px;
    line-height: 20px;
    font-size: 20px;
    display: block;
    border: 2px solid #fff;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    background: #d73925;
    -webkit-box-shadow: 3px 5px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 3px 5px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 5px 4px rgba(0, 0, 0, 0.3);
}
/* SCROLL BUTTON STYLES END */

/* activity styles */
.navbar-nav > .messages-menu > .dropdown-menu.activity > li .menu > li > a {
    position: relative;
}
.navbar-nav > .messages-menu > .dropdown-menu.activity > li .menu > li > a > p {
    margin: 0;
    padding-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #444;
}
.navbar-nav > .messages-menu > .dropdown-menu.activity > li .menu > li > a > small {
    font-size: 10px;
    position: absolute;
    top: 5px;
}
.navbar-nav > .messages-menu > .dropdown-menu.activity > li .menu > li > a > small.id {
    left: 10px;
}
.navbar-nav > .messages-menu > .dropdown-menu.activity > li .menu > li > a > small.updated {
    right: 10px;
    color: #999;
}
.navbar-nav > .messages-menu > .dropdown-menu.activity > li.footer > a {
    padding: 10px;
    color: #72afd2;
}

/* Sweet alert scroll visible */
body.stop-scrolling {
    height:auto !important; 
    overflow:visible !important;
}

.box.box-default {
/*    border-image: linear-gradient(to right, #b81528, #bf1227, #c70f27, #ce0c26, #d50725, #da202b, #de2e32, #e33a38, #e55048, #e66357, #e77468, #e68478);*/
    border-image-slice: 1;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
}

/* ASC/DESC sort icons */
.sorter a:before, .kv-grid-table th a:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f0dc";
    margin-right: 2px;
}

.sorter > .search a:before {
    content: none;
}

a.asc:before, .kv-grid-table th a.asc:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f0de";
}

a.desc:before, .kv-grid-table th a.desc:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f0dd";
}

/* CRUD buttons colors */
.task-item .btn {
    min-width: 34px;
}

.btn-create, .btn-create:active, .btn-create:focus {
    color: #444;
    background-color: rgba(193, 243, 198, 0.7);
    border-color: rgba(0, 166, 90, 0.3);
}

.btn-create:hover {
    background-color: rgb(193, 243, 198);
    border-color: rgba(0, 166, 90, 0.5);
}

.btn-edit, .btn-edit:active, .btn-edit:focus {
    color: #444;
    background-color: rgba(0, 192, 239, 0.3);
    border-color: rgba(60, 141, 188, 0.3);
}

.btn-edit:hover {
    background-color: rgba(0, 192, 239, 0.5);
    border-color: rgba(60, 141, 188, 0.5);
}

.btn-delete, .btn-delete:active, .btn-delete:focus {
    color: #444;
    background-color: rgba(230, 132, 120, 0.5);
    border-color: rgba(215, 57, 37, 0.3);
}

.btn-delete:hover {
    background-color: rgba(230, 132, 120, 0.7);
    border-color: rgba(215, 57, 37, 0.5);
}

.btn-search, .btn-search:active, .btn-search:focus {
    color: #444;
    background-color: rgba(243, 240, 179, 0.7);
    border-color: rgba(250, 182, 50, 0.3);
}

.btn-search:hover {
    background-color: rgba(243, 240, 179, 1);
    border-color: rgba(250, 182, 50, 0.5);
}

/* Rounded fields */
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
select.form-control {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.select2-container--default .select2-selection, textarea.form-control,
select.form-control {
    border-radius: 3px !important;
}

.select2-dropdown, .select2-dropdown ul:last-child {
    border-bottom-left-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}

/* Administration select icons dots */
/*
.treeview-menu li>a:first-child:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f10c";
}

.treeview-menu  li.active>a:first-child:before {
    content: "\f192";
}
*/

/*.main-header .navbar .nav > li > a > .label {
    border-radius: 23px;
}*/

/* Administration grid views */
.kv-grid-table th {
    text-align: center;
}

.kv-grid-table tbody td:not(.no-link) {
    cursor: pointer;
}

.kv-grid-table > tbody > tr:nth-of-type(odd) {
    background-color: rgba(246, 246, 246, 0.3) ;
}

/*.table-hover > tbody > tr:hover {
    background-color: rgba(246, 246, 246, 0.7) !important;
}*/

.kv-grid-table > tbody > tr:hover .btn {
    opacity: 1;
}

.kv-grid-table > tbody > tr .btn {
    opacity: 0.5;
}

.vertical-center {
    /*vertical-align: middle !important;*/
}

.kv-grid-table > thead > tr > th {
    border-left: 1px solid #f4f4f4 !important;
    border-right: 1px solid #f4f4f4 !important;
}

.user-roles label {
  font-weight: normal;  
}

.admin-header .form-control,
.admin-header .btn {
    height: 30px;
}

.admin-header .form-control:focus {
    border-color: #d2d6de;
}

.input-group-addon {
    padding: 7px 6px !important;
}

.select-on-check-all, .kv-row-checkbox {
/*    display: none !important;*/
    cursor: pointer;
}

.empty {
    margin-left: 5px;
}

/* Hide default checkboxes on load page */
/*input[type='checkbox'] {
    opacity: 0;
}*/

.select2-dropdown.no-search {
    display:none
}

/* Уведомления */
.close-notice-grupe {
    color: #d66767;
}

.control-sidebar {
    padding-bottom: 0px !important;
}
.control-sidebar-bg, .control-sidebar {
    right: -350px;
    width: 350px;
    height: 100% !important;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
}
.control-sidebar-menu .menu-info {
    margin-left: 0;
}
.control-sidebar-menu .menu-icon {
    float: none !important;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    text-align: center;
    font-size: 10px;
    line-height: 18px;
    margin-right: 2px;
    margin-left: 3px;
    background-color: #e68478 !important;
    color: #fff !important;
}
.control-sidebar-menu .panel-heading {
    padding: 1px 0 1px 2px;
    display: flow-root;
}
.control-sidebar-menu .panel-heading .notice-time {
    font-size: 11px;
    padding-top: 3px;
    padding-right: 5px;
}
.control-sidebar-menu .panel-heading .btn-box-tool {
    color: #606c84;
    padding: 0px 4px 0px 0px;
}
.control-sidebar-menu .panel-body {
    padding: 5px 10px 5px 10px;
}
.control-sidebar-menu .sidebar-notice-heading {
    font-weight: bold;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.control-sidebar-menu .sidebar-notice-description {
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 4em;
}
.control-sidebar-menu .sidebar-notice {
    padding: 0 !important;
}
.control-sidebar-menu .panel {
    margin-bottom: 0 !important;
}
.control-sidebar-menu .control-sidebar-subheading {
    margin-top: 3px;
    margin-bottom: 3px;
    color: rgb(68, 68, 68) !important;
}
.control-sidebar-menu > li > a {
    padding-bottom: 0;
}
.control-sidebar-menu .user-image {
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: -2px;
}
.control-sidebar-menu .sidebar-notice-heading, .control-sidebar-menu .sidebar-notice-description {
    margin: 0;
    font-size: 11px;
    color: #5e5e5e;
}
.control-sidebar-menu .col-sidebar-notice-description {
    padding-right: 1px;
}
.control-sidebar-menu .col-sidebar-notice-image {
    padding-left: 0;
}
.control-sidebar-tabs > li {
    display: table-cell;
    width: 1%;
}
.control-sidebar-light .control-sidebar-menu > li > a:hover {
    background: none !important; 
}
.control-sidebar-light .control-sidebar-menu > li > a:hover .panel-default > .panel-heading {
    background-color: #dadada;
}
.control-sidebar-light .control-sidebar-menu > li > a:hover .panel-default > .panel-footer {
    background-color: #dadada;
}
.control-sidebar-light .control-sidebar-menu > li > a:hover .panel {
    background-color: #f3f2f2;
}
.control-sidebar-menu #unread-notices-btn, .control-sidebar-menu #read-notices-btn{
    display: none;
}
.control-sidebar-menu .unread-notice-item, .control-sidebar-menu .read-notice-item {
    margin: 10px 10px;
}
.control-sidebar-menu .btn-view-state:hover {
    color: #333333;
}

/* Ответ на комментарий уведомления */
.control-sidebar-menu .panel-footer {
    padding: 3px 3px !important;
}
.control-sidebar-menu .panel-footer .input-group {
    width: 100% !important; 
}
.control-sidebar-menu .panel-footer .sidebar-comment-answer {
    padding: 5px 20px 5px 5px !important;   
    height: 25px !important;
    font-size: 11px !important;
}
.control-sidebar-menu .panel-footer .notice-comment-buttons {
    width: 12px !important;
    position: absolute !important;
    height: 12px !important;
    top: 0px !important;
    right: 0px !important;
    margin-right: 7px !important;
    margin-top: 1px !important;
    z-index: 3 !important;
}
.control-sidebar-menu .panel-footer .btn-send-notice-comment,
.birthday-notice-item .btn-send-birthday-comment {
    border-radius: 50% !important;
    padding: 0px 3px 0px 3px !important;
    font-size: 10px !important;
    min-width: 10px !important;
}
.control-sidebar-menu .panel-footer .notice-comment-buttons i {
    font-size: 8px !important;
}
.notifications-sidebar li.active a {
    background-color: rgb(195, 195, 195) !important;
}

.notifications-sidebar .control-sidebar-tabs {
    padding: 10px 10px 0px 10px;
}

.notifications-sidebar .control-sidebar-tabs li a {
    padding: 2px;
    color: rgb(68, 68, 68) !important;
    border-top: none !important;
    width: 160px;
}

.notifications-sidebar ul li:last-child a{
    border-radius: 0px 4px 4px 0px !important;
    padding-left: 7px;
  
}

.notifications-sidebar ul li:first-child  a{
    border-radius: 4px 0px 0px 4px !important;
}

.birthday-notice-item .panel-body {
    line-height: 1.2;
}
 

.notifications-sidebar hr {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.empty-notice-sidebar {
    margin-left: 25%;
    display: inline-block;
    margin-top: 50px;
}
#unread-notices {
    min-height: 100px
}

#noticeLoader {
    position: absolute;
    z-index: 2;
    background: #f4f4f4c2;
    width: 100%;
    height: 100vh;
}

#noticeLoader .fa-spinner {
    position: relative;
    top: 45vh;
}

.control-sidebar-menu {
    margin: -10px !important;
}

.control-sidebar > .tab-content {
    padding: 10px !important;
}

#todayBirthdayCount {
    position: absolute;
    left: 22px;
    bottom: 15px;
    font-size: 9px;
}

/*.birthday-notice-item .panel-body {
    background-image: url(../images/birthday.webp);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    background-size: 150%;  Увеличение изображения 
    background-position: 50px 20px;  Смещение изображения 
}*/


/* Kartik datetime picker styles */
.input-group.date .input-group-addon:first-child {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}
.input-group.date .input-group-addon:second-child {
    border-right: 0px !important;
}
.input-group.date input {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

/* Нумерованый список с подпунктами отображение цифрами */
.redactor-editor ol ol li, .redactor-editor ol ol ol li {
    list-style-type: none !important;
}

.redactor-editor ol, .box-body ol {
/* убираем стандартную нумерацию */
    list-style: none; 
/* Идентифицируем счетчик и даем ему имя li. Значение счетчика не указано - по умолчанию оно равно 0 */ 
    counter-reset: li; 
}
.redactor-editor ol>li:before, .box-body ol>li:before {
/* Определяем элемент, который будет нумероваться — li. Псевдоэлемент before указывает, что содержимое, вставляемое при помощи свойства content, будет располагаться перед пунктами списка. Здесь же устанавливается значение приращения счетчика (по умолчанию равно 1). */
    counter-increment: li; 
/* С помощью свойства content выводится номер пункта списка. counters() означает, что генерируемый текст представляет собой значения всех счетчиков с таким именем. Точка в кавычках добавляет разделяющую точку между цифрами, а точка с пробелом добавляется перед содержимым каждого пункта списка */
    content: counters(li,".") ". "; 
}

.redactor-toolbar.toolbar-fixed-box {
    margin-top: 51px !important;
}
.redactor-editor p, .timeline-body p {
    margin-bottom: 10px;
}

#table-grid .kv-grid-table > thead > tr > th.check_all  {
    border-left:none !important;
    border-right:none !important;
    border-bottom:none !important;
}
.box-header  .sorter {
    list-style-type: none;
    padding-left: 0;
    text-align: right;
    
}
.box-header  .sorter > li {
    display: inline-block;
    padding-left: 10px;
    margin-bottom: -10px;
}

.box-header  .sorter > li > a {
    color: #555;
    font-size: 14px;
}

#files .list-view,
#files-pjax .list-view {
    margin-bottom:10px;
}

.box-header  .summary {
    margin-left:10px;
}

#table-grid .table-responsive {
    border: none;
} 

#table-grid .tags_date .label {
        display: inline-block !important;
}

.redactor-box, #create-comment-btn-bottom {
    margin-bottom: 5px !important;
}

.redactor-box .redactor-toolbar {
    box-shadow: none;
    border:1px solid #dddddd;
    border-bottom: none;
    border-radius:3px 3px 0px 0px;
}

.redactor-box .redactor-editor {
    border-color: #dddddd;
    border-radius: 0px 0px 3px 3px;
}

.redactor-box .redactor-editor {
    min-height: 50px !important;
    padding: 10px;
}

.quick-search-block .help-block {
    display: none;
}

.quick-search-block .select2-selection {
    border-radius: 3px 0px 0px 3px !important;
}

#plannedTasks .btn-box-tool {
    padding-top: 2px;
}

.user-tabs {
    margin-bottom: 10px !important;
}

.user-tabs > li.active > a {
    font-size: 18px;
    color: #555555;
    padding: 5px 10px;
    
}

.nav-tabs > li > a {
    border: none;
}

.nav-doings li:not(.active) > a .box-title {
    color: #777777;
}

.nav-doings.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border: none;
    border-bottom: 3px solid #c80f27;
    margin-bottom: -1px;
}

#comments-box > .box-header {
    overflow: scroll;
    padding-bottom: 0;
}

#comments-box .nav-doings {
    display:flex;
    margin-bottom: 5px;
}


.field-tasks-is_important, .field-lead-archive, .field-subdivisions-partner, #userStatus {
   margin: 4px 25px 10px 0px;
}

.label-count {
    position: absolute;
    top: 3px;
    text-align: center;
    font-size: 10px;
    padding: 2px 3px;
    line-height: .9;
    color: white !important;
    background-color:#3c8dbc !important;
}

/*************************************************** Comments ********************************/

#historyBlock .timeline-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#historyBlock .timeline {
    word-wrap: break-word;
}

#knows-content {
   word-wrap:break-word; 
}

#knows-content iframe {
    width: 100%;
}

.sub-tasks.pull-left a {
    color: #626262;
}

.tags .btn-default {
    margin-top:4px;
}

/* Files list*/

#files .pagination {
    margin: 0 !important;
}
#files .list-view .products-list {
    padding-top: 5px;
    padding-bottom: 5px;
}
#files .btn-sm {
    min-width: 34px !important;
}
#files .files-buttons a:not(:last-child) {
    margin-bottom: 3px;
}

#files .files-buttons a:first-child {
    margin-top: 10px;
}

#files .file-size {
    padding: .2em .6em .3em;
    font-size: 75%;
    display: table-cell;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
}
#files .files-buttons {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#files .files-content {
    padding-right: 0 !important;
}
#files .fileupload-cancel-col {
    padding-left: 0 !important;
}
#files span.file-name {
    line-height: 1.5em;
    height: 3em;
    word-wrap: break-word;
    overflow: hidden;
}

li.item .btn {
    opacity: 0.5;
}
li.item:hover .btn {
    opacity: 1;
}

iframe {
    width:100%;
}

#about-task-box p{
    color:black;
}

.slimScrollDiv, .sidebar {
    width: inherit !important;
}

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a {
    white-space: initial;
    border-bottom: 1px solid #d2d6de; 
}

/********************** Date range picker (Kartik) style ********************/

.drp-container {
    display:  flex;
}

.drp-container .form-control { 
    border-radius: 3px 0px 0px 3px !important;
}

.drp-container .input-group-append {
    padding: 6px 10px;
    border: 1px solid #d2d6de;
    border-left:none;
    border-radius: 0px 3px 3px 0px;
}

.box-tools .form-group {
    margin: 4px 25px 10px 0px;
}

.form-group label {
    color: #777777;
    font-weight: 400;
}

#searchBox .select2-container .select2-selection--single .select2-selection__rendered {
    font-weight: 400 !important;
}

/* TIMELINE STYLES */
#historyBlock {
    
}
#historyBlock .timeline {
    position:relative;
    margin: 15px 0 10px 0;
    padding:0;
    list-style:none
}
#historyBlock .timeline:before {
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    width:1px;
    background:#ddd;
    left:5px;
    margin:0;
    border-radius:2px
}
#historyBlock .timeline>.item {
    position:relative;
    margin-bottom:15px;
}
#historyBlock .timeline>.item:before,
#historyBlock .timeline>.item:after {
    content:" ";
    display:table
}
#historyBlock .timeline>.item:after {
    clear:both
}
#historyBlock .timeline>.item>.timeline-item {
    border-radius:10px;
    margin-top:0;
    background:#fff;
    color:#444;
    margin-left:20px;
    padding:0;
    position:relative;
}
#historyBlock .timeline>.item>.timeline-item>.time {
    float:right;
}

#historyBlock .timeline>.item>.timeline-item>.timeline-header>a {
    font-weight:600
}
#historyBlock .timeline>.item>.timeline-item>.timeline-body {
    border-radius: 0px 10px 10px 10px;
    padding:10px;
    overflow: scroll;
}
#historyBlock .timeline>.item>.timeline-item>.timeline-footer {
    padding:5px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-top: -7px;
}
#historyBlock .timeline>.item>.timeline-item>.timeline-footer,
#historyBlock .timeline>.item>.timeline-item>.timeline-body {
    background-color: #f5f5f5;
    border: 1px solid #ebebeb;
}
#historyBlock .timeline>.item>.fa,
#historyBlock .timeline>.item>.glyphicon,
#historyBlock .timeline>.item>.ion {
    width:25px;
    height:25px;
    border: 1px solid #dddddd;
    line-height:22px;
    position:absolute;
    color:#666;
    background:#d2d6de;
    border-radius:50%;
    text-align:center;
    left:-7px;
}
.time-icon offset fa fa-clock-o bg-gray {
    font-size: 13px;
}

#historyBlock .timeline>.item>.time-icon {
    top: 2px;
}

#historyBlock .timeline>.item>.time-icon.offset {
    top: 34px;
}

i.time-icon.fa.fa-comment {
    font-size: 11px;
}

#historyBlock .timeline>.item .time-label {
    margin-bottom: 10px;
    display: inline-block;
    padding: 0px 5px 0px 5px;
    border-radius: 0px 5px 5px 0px;
    margin-left: 5px;
    border: 1px solid #dddddd;
    border-left: none;
    background-color: white;    
}
#historyBlock .timeline>.item .time-label>span {
    font-weight:600;
    padding:5px;
    display:inline-block;
    background-color:#fff;
    border-radius:4px
}
#historyBlock .timeline-inverse>.item>.timeline-item {
    background:#f0f0f0;
    border:1px solid #ddd;
    -webkit-box-shadow:none;
    box-shadow:none
}
#historyBlock .timeline-inverse>.item>.timeline-item>.timeline-header {
    border-bottom-color:#ddd
}

/******************************** GANTT *********************************/

#ndo {
    display: none;
}

.ganttButtonBar img {
    display:none;
}

.ganttButtonBar div:nth-child(2) {
    display: flex;
}

.ganttButtonBar div:nth-child(2) label{
    display:none;
}

.ganttButtonBar div:nth-child(2) .newproject {
    margin: 0px 0px 0px 5px;
}

.ganttButtonBar div:nth-child(2) .first{
    margin: 0px 5px 0px 0px;
}
.panel-inline-form {
    border: none;
    box-shadow: none;
    margin-bottom: 0;
}
.panel-inline-form .kv-editable-form-inline {
    padding: 0 !important;
}
.panel-inline-form .form-group {
    margin: 0 !important;
}
.panel-inline-form .input-group-addon {
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
    padding-right: 0px !important;
    width: 1px !important;
    color: #555555 !important;
    font-size: 11.9px;
}
.panel-inline-form .has-success.highlight-addon .input-group-addon {
    color: #555555;
    background-color: #fff;
    border-color: #d2d6de;
}
.panel-inline-form .input-group-addon .kv-editable-close {
    cursor: pointer;
}
.panel-inline-form .select2-container--default .select2-selection {
    border-radius: 0 !important;
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
    border-left: 0 !important;
    padding-left: 5px !important;
}
.btn-inline-edit {
    background: none;
    border: none;
    padding-left: 3px;
}
.panel-inline-form .kv-editable-loading {
    background: none;
    width: 10px;
    color: #000000;
    z-index: 100;
    margin-top: 8px !important;
}
.kv-editable-value {
    margin-right: 0 !important;
}
.kv-inline-open {
    display: none !important;
}

.dropdown-menu > li > button {
    width: 100%;
    text-align: inherit;
    padding: 3px 20px;
    border: none;
    background-color: transparent;
    color: #777;
    white-space: nowrap;
}

.dropdown-menu > hr {
    margin: 5px 0px 5px 0px;
}

.dropdown-menu > li > button:hover {
    background-color: #e1e3e9;
}

.dropdown-menu > li > button .fa {
    margin-right: 10px;
}

.hello {
    height:400px;
    width: 400px;
    position: fixed;
    background-color:red;
    z-index:999999;
    display: none;   
}

#fl_inp{
    display:none;
}

#fl_nm {
    margin-bottom: 5px;
}

.import-box .btn-create {
    margin-top:25px;
}

#mailToolsLabel .label {
    position: relative;
    right: 15px;
    top: -4px;
}

.tag-count {
    font-size: 10px;
    left: 8px;
    top: -6px;
}

.table th {
    text-align: center;
    vertical-align: initial !important;
    font-weight: normal;
}

.notices-date:first-child {
    font-size: 18px;
}

.control-sidebar-menu:first-child li{
    margin-top: 5px;
}

#execTime .products-list .item,
#plannedTime .products-list .item,
#execTimeByUser .products-list .item {
    border-radius: 15px 4px 4px 15px !important;
    padding: 3px !important;
    border: 1px solid #eaeaea;
    margin: 5px 0px;
}

.products-list > .item:nth-child(2n) .hover-btn-control {
    background: #ffffff;
}

.products-list > .item:nth-child(2n+1) .hover-btn-control {
    background: #f8f8f8;
}

#files .item {
    border: 1px solid #dddddd;
    padding: 0px !important;
    border-radius: 3px;
    margin: 5px 0px;
    background: #f8f8f8;
    overflow: hidden;
}

#files .item_header .user-min-card {
    margin-bottom: 0px;
}

#files .item_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    color: #777777;
    padding: 5px;
    border-bottom: 1px solid #dddddd;
    background-color: #d7e7ff;
}

#files .item_body {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
}

#files .item_body > div {
  margin: 0 5px;
  word-break: break-all;
}

#files .img-thumbnail {
    margin-top: 5px;
    padding: 0px;
    border-radius: 3px;
}

#chatList .select2-container .select2-selection--single {
    height: 34px;
}
#chatList .bg-layer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #333;
    opacity: .5;
    z-index: 998;
}
#chatList .modal-dialog {
    display: none;
    position: fixed;
    top: 50px;
    margin-left: 50%;
    z-index: 999;
    margin-left: -45%;
}
#chatList .file-drop-zone {
    margin: 0;
    padding: 3px;
}
#chatList .file-input {
    text-align: center;
}
.btn-upload-img {
    z-index: 9999;
    cursor: pointer;
}

#newTaskModal.modal-dialog {
    position: fixed;
    top: 50px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

#newTaskModal .modal-header {
    background-color: #ffffff;
    padding: 7px 10px;
    border-bottom: 1px solid #f4f4f4;
    color: #444444;
    font-size: 14px;
    border-radius: 3px !important;
}

#newTaskModal .modal-content {
    background-color: #efefef;
    border-radius: 3px !important;
}

#newTaskModal .modal-body {
    padding: 10px;
}

.btn-label{
    position: absolute;
    right: 4px;
    top: 2px;
    font-size: 10px;
}

#chatListDetail .fa-users {
    font-size: 13px;
}

#chatListDetail, .menu {
    max-height: 235px !important;
        height: inherit !important;
}
.navbar-custom-menu .slimScrollDiv {
    max-height: 235px !important;
        height: inherit !important;
}


/**************** Шаблоны стадий ***********/
blockquote.start {
    border-color: #c6f0ee;
}
blockquote.finish-success {
    border-color: #c1f3c6;
}
blockquote.finish-fail {
    border-color: #ffb5ad;
}

#template-form .todo-list > li {
    border: none;
    background: #f4f4f4;
    color: #656565;
    position: relative;
}
#template-form .todo-list > li > i {
    display: block;
    position: absolute;
    top: 12px;
    right: 15px;
    color: #dd4b39;
    padding: 5px;
    cursor: pointer;
}

li.stage-template,
li.stage-template-cancel {
    display: none;
}
#template-form .todo-list > li .form-control {
    display: inline;
    width: 400px
}


/****************** Виджет наблюдателей Selekt 2 ******************/
.auditors-select + span .select2-selection__choice__remove {
    position: absolute;
    left: 1px;
    top: -5px;
}

.auditors-select + span.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none;
    position: relative;
}

.auditors-select + span.select2-container--default .select2-selection--multiple .select2-selection__clear {
    margin-top: -3px;
    margin-right: 0px;
    position: absolute;
    right: 0px;
}

/****************** Виджет наблюдателей Selekt 2 END ******************/

.redactor-toolbar a.re-image,
.redactor-toolbar a.re-file {
    display: none;
}

#historyBlock .fa-send {
    font-size: 11px;
    padding: 1px 1px 0px 0px;
}

/******************  Карта в сущностях START ******************/
.place-card {
    font-size: 12px;
    z-index: 1000;
    position: absolute;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
    max-width: 187px;
    width: 100%;
    background: rgb(255, 255, 255);
    border-radius: 2px 2px 2px 2px;
    margin: 11px 0px 0px 12px;
    overflow: hidden;
}

.place-card .map-coord {
    font-weight: 500;
    font-size: 14px;
    color: black;
}

.place-card .map-address {
    color: #5b5b5b;
    font-family: Roboto,Arial;
    -moz-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

div[role=menubar] {
    bottom:10px !important;
    top: inherit !important;    
}
/******************  Карта в сущностях END ******************/

/** Пользовательская аватарка **/
.krajee-default.file-preview-frame {
    margin: 0;
    box-shadow: none;
}
.file-drop-zone .file-preview-thumbnails {
    display: inline-block;
}
.file-drop-zone {
    text-align: center;
    border: none;
    padding: 0;
    margin: 0;
}
.file-preview {
    border: none;
}

/* Превью картинка в таблицах */
.table-img {
    width: 50px;
    height: 50px;
    object-fit: cover;
}

#unreadNoticeLoader, #readNoticeLoader {
    text-align: center;
    padding: 0px;
    font-size: 10px;
    position: absolute;
    top: 45px;
    left: 0;
    width: 100%;
    z-index: 99999;
}

#table-grid td {
    vertical-align: top !important;
}


/********************************** JSON FORM CASTOM FIELDS (START) ***************************/
.form-table-fields ul {
    padding-left: 0px;
}

.form-table-fields .form-control {
    border-radius: 0px !important;
}

.form-table-fields .form-group {
     margin-bottom: -1px !important;
}

.form-table-fields ul {
    margin: 15px 0px 0px 0px !important;
}

.form-table-fields li:not(:first-child) .form-group > label {
    display: none;
}

.form-table-fields li:not(:first-child) {
    margin-top: -15px;
}

.form-table-fields .checkbox {
    border: 1px solid #d2d6de;
    margin: 0px 0px 15px 0px;
    padding: 5px 0px 1.6px 0px;
}

.form-table-fields .form-group:not(last-child) .form-control {
    border-right: none;
    borderr-bottom: none;
}

input[type=number] {text-align: right;}

/********************************** JSON FORM CASTOM FIELDS (END) ***************************/

/******************************************* Смена пароля ***********************************/
.block_for_input {
	width: 200px;
}
.block_for_input input {
	width: 100%;
}
#block_check {
	height: 5px;
	margin-top: 5px;
	transition: 1s;
}

.level-error {
    width: max-content;
}

/******************************************* Смена пароля ***********************************/

.task-info input[type="checkbox"]  {
    position: relative;
    z-index: 10;
}

.kanban-drag {
    height: 100%;
}

.child-group image {
    display: block;
    border-radius: 50%;
}

/******************************************* LinozaListView widget ***********************************/

.products-list .entity_item {
    box-shadow: 4px 4px 5px -3px rgba(0, 0, 0, 0.2);
}

.products-list .item .btn {
    min-width: 34px;
}

.hover-btn-control  {
    display: none;
    width: auto;
    border-bottom: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
}

/******************************************* LinozaListView widget ***********************************/

.sidebar-mini.sidebar-collapse .sidebar-form, .sidebar-mini.sidebar-collapse .sidebar-menu > li > .tools {
    display: none;
}

.task-info input[type="checkbox"]  {
    position: relative;
    z-index: 10;
}

#incomingUnknownCall,
#incomingLeadCall {
    position: fixed;
    z-index: 999;
    top: 60px;
    right: 10px;
    width: 350px;
}
#incomingUnknownCall .close-box,
#incomingLeadCall .close-box {
    position: absolute;
    top: 5px;
    right: 10px;
    cursor: pointer;
}
#incomingUnknownCall .fa.fa-phone,
#incomingLeadCall .fa.fa-phone{
    position: relative;
    top: -5px;
}
#incomingUnknownCall .call-datetime,
#incomingLeadCall .call-datetime {
    font-size: 12px;
    line-height: 1;
    position: absolute;
    bottom: 5px;
    margin: 0;
    font-style: normal;
}
#incomingUnknownCall .call-date, #incomingUnknownCall .call-time,
#incomingLeadCall .call-date, #incomingLeadCall .call-time {
    display: block;
    width: 90px;
    margin-bottom: 2px;
}

#incomingUnknownCall .info-box-icon,
#incomingLeadCall .info-box-icon {
    height: 110px;
}

#incomingUnknownCall .info-box-new-task {
    display: block;
    margin-top: 10px;
}

#incomingUnknownCall .info-box-number {
    display: block;
    font-weight: bold;
    font-size: 18px;
    margin-top: 10px;
}

#incomingLeadCall .lead-manager {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

._jsonform-array-ul.ui-sortable {
    padding: 0;
}
._jsonform-array-ul.ui-sortable .ui-sortable-handle,
._jsonform-array-ul.ui-sortable li {
    position: relative;
}
._jsonform-array-ul.ui-sortable .draggable.line {
    position: absolute;
    top: 27px;
    z-index: 1;
    left: 10px;
}
._jsonform-array-ul.ui-sortable .row .form-control:first-child {
    padding-left: 30px;
}
._jsonform-array-ul.ui-sortable .form-group {
    margin: 0;
}

.files-date {
/*    position: absolute;
    top: 3px;
    right: 10px;*/
}

.file-name {
    text-align: center;
}


.image-upload,
.file-upload {
    color: transparent;
    width: 42px;
    display: inline-block !important;
    margin-right: 7px;
    vertical-align: bottom;
}
.image-upload:focus,
.file-upload:focus {
    outline: none !important;
}
.image-upload::-webkit-file-upload-button,
.file-upload::-webkit-file-upload-button {
    visibility: hidden;
}
.image-upload::before,
.file-upload::before {
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    background: #f4f4f4;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 6px 12px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    text-shadow: 1px 1px #fff;
    font-size: 14px;
    color: #444;
    line-height: 1.42857143;
    min-width: 40px;
}
.image-upload::before {
    content: "\f03e";
}
.file-upload::before {
    content: "\f0c6";
}
.image-upload:hover::before,
.file-upload:hover::before {
    border-color: #adadad;
}
.image-upload:active::before,
.file-upload:active::before {
    background: #e7e7e7;
}


/******************************************* STAGES START ***********************************/
.product-item .product-name p, .product-list .stage-name {
    margin:0px;
}

.product-list {
    margin-top: 20px;
}
.product-item-template {
    display: none;
}
.product-item {
    margin-bottom: 7px;
        display: flex;
}
.stages span,
.template-stages > p {
    margin-right: 4px;
    cursor: pointer;
    display: inline-block;
    height: 14px;
    width: 14px;
    border: 1px solid #777;
    background: none;
    border-radius: 3px;
}
.template-stages > p {
    margin-bottom: 0;
}
.template-stages > p span {
    display: none;
}
.template-stages .current-stage {
    font-size: 11px;
    text-align: left;
    display: block;
    line-height: 11px;
}

.product-list .stages > p {
    font-size: 11px;
    
}
/******************************************* STAGES END ***********************************/

.hover-link {
    display: inline-block;
    position: absolute;
    top: 1px;
    left: 0px;
    z-index: 9999;
    height: 43px;
    width: 120px;
}

.sidebar-menu li > a > .pull-right {
    right: 0px;
}


.fc .fc-button-primary:not(:disabled).fc-button-active,
.fc .fc-button-primary:not(:disabled):active {
    color: white;
    background-color: #ffa7a7;
    border-color: #ce9191;
}