.control {
    margin: 10px 0 22px 22px;
    color: rgba(43, 54, 68, 0.8);
}

.control .header {
    font-weight: 500;
    font-size: 18px;
    padding-top: 9px;
}

.control .detail {
    margin-left: 27px;
    background-color: white;
    padding: 12px 20px 10px 20px;
    border-radius: 5px;
    font-size: 12px;
    color: #92A3BA;
}

.control .detail .delim {
    font-size: 18px;
    border-right: 1px #ced0d2 solid;
    opacity: 0.6;
    line-height: 18px;
    margin: 0 13px;
}

.control .detail .value {
    font-size: 14px;
    font-weight: bold;
    color: #2B3644;
    opacity: 0.8;
    padding-left: 11px;
    line-height: 17px;
}

.control .title {
    margin-top: 25px;
}


.control .detail-row {
    margin-top: 10px;
}

.control .content-table,
.control .content {
    background-color: white;
    font-size: 13px;
    border-radius: 6px;
}

.control .filters {

    padding: 25px 25px 0 0px;
    background-color: white;
    color: #92A3BA;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
}


.control .users {
    background-color: white;
    font-size: 12px;
    line-height: 14px;
    color: #2B3644;
}

.control .users .user-row {
    margin-top: 17px;
    text-align: left;
}

.control .users .user_info {
    margin: 0px 0 0 20px;
}

.control .users .user_info .u-id {
    margin-right: 10px;
}

.control .users .status-normal {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background: linear-gradient(319.78deg, #2DC58E 7.49%, #38EF7D 99.57%);
}

.control .users .status-hide {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background: linear-gradient(319.78deg, #c53002 7.49%, #ef4607 99.57%);
}

.control .users .user_info .fio {
    margin-left: 15px;
}

.control .users .user_icon {
    width: 40px;
    border-radius: 50%;
}

.control .line {
    border-bottom: 1px #C0CFE4 solid;
    padding-bottom: 19px;
}

.control .users .position .item:before {
    content: "";
    display: block;
    width: 20px;
    position: relative;
    left: -7px;
    float: left;
    border-radius: 3px;
    height: 20px;
    top: -4px;
}

.control .pink:before {
    background-color: #FA9AC6;
}

.control .green:before {
    background-color: #BAF1A1;
}

.control .white:before {
    border: 1px black solid;
}

.control .darkblue:before {
    background: linear-gradient(180deg, #4845E1 0%, #3432B8 48.03%, #201E8B 100%);
}

.control .blue:before {
    background: linear-gradient(121.7deg, #24CAFF -48.83%, #24AFFF 32.13%, #2496FF 106.14%);
}

.control .yellow:before {
    background: linear-gradient(119.37deg, #F39526 1.6%, #FFCB13 99.1%);
}

.control .violet:before {
    background: linear-gradient(346.06deg, #FF57B2 -21.96%, #FF57B2 105.4%);
}

.control .purple:before {
    background: linear-gradient(90deg, #6E15B4 0%, #AA0AC5 100%);
}

.control .red:before {
    background: #ED2454;
}

.control .hotpink:before {
    background: linear-gradient(90deg, #EC4CA8 0%, #DB3B96 100%);
}

.control .aqua:before {
    background: #6FEFF8;
}

.control .orange:before {
    background: linear-gradient(85.86deg, #FF5722 0.01%, #FE7B51 100%);
}

.control .blueGrey:before {
    background: linear-gradient(85.86deg, #546E7A 0.01%, #6C8895 100%);
}

.control .dgreen:before {
    background-color: #9DE3D0;
}

.control .contact .mail:before,
.control .contact .telega:before,
.control .contact .phone:before {
    display: block;
    content: ' ';
    background-size: 18px 20px;
    background-repeat: no-repeat;
    height: 20px;
    width: 22px;
    float: left;
    position: relative;
    top: -3px;
}

.control .contact .mail:before {
    background-image: url(../icon/mail.svg);
}

.control .contact .telega:before {
    background-image: url(../icon/telega.svg);
}

.control .contact .phone:before {
    background-image: url(../icon/phone.svg);
}

.control .user-row:last-child .users {
    padding-bottom: 15px;
}

.control .user-row .item {
    clear: both;
    min-height: 23px;
    display: -webkit-box;
    margin-bottom: 3px;
}

.control .role-list {

}

.control .role-list .btn {
    color: #5D6C80;
    border: 1px #C0CFE4 solid;
    border-radius: 5px;
    font-size: 12px;
}

.control .role-list .dropdown-menu,
.control .role-list .collapse {
    font-size: 12px;
    color: #5D6C80;
    line-height: 14px;
}

.control .role-list .collapse label {
    font-weight: normal;
}

.control .role-list .custom-checkbox {
    padding: 1px;
    margin-top: 5px;
}


.control .btn-row {
    margin: 0 10px 27px;
}

.control .filters .item {
    margin-right: 20px;
}

.control .search-user {
    margin-left: 20px;
}

.control .search-user input {
    height: 33px;
    border: 1px #92A3BA solid;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    color: #92A3BA;
    font-size: 13px;
    border-radius: 0;
    padding-left: 4px;
}

.control .search-user i:before {
    display: block;
    content: ' ';
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
    height: 30px;
    width: 18px;
    top: -4px;
    left: -7px;

    position: relative;

    background-image: url(../icon/loop.svg);
}


.control .search-user input::placeholder {
    color: #92A3BA;
}

.modal .modal-body {
    padding: 30px 30px;

}

.modal .header-bl {
    color: #92A3BA;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 10px;
}

.modal .item:not(:last-child) {
    margin-bottom: 10px;
}

.modal .header-tx {
    color: rgba(43, 54, 68, 0.8);
    font-size: 14px;

    line-height: 140%;
    margin-bottom: 25px;
    -border-top: 1px #C0CFE4 solid;
}

.modal label {
    font-size: 12px;
}

.modal-content label,
.modal-content select {
    color: #7B8492;
}

.modal-content .file-value {
    display: inline-block;
    font-size: 13px;
}

.modal-content .btn-empty {
    color: #2F80ED;
}

.modal-content .modal-header {
    padding-left: 30px;
}

.control .content .logo > .item {
    margin-right: 12px;
}

.control .content .logo .descript .item {
    font-size: 12px;
    margin-top: 5px;
    padding: 0px 6px 0 0px;
}

.control .content .logo .descript .item:not(:last-child):after {
    content: ' | ';
    position: relative;
    left: 2px;
}

.item-cl {
    display: none;
    padding: 0px 0px 0px 10px;
    position: relative;
    margin-right: 10px;
    background-color: white;
    z-index: 3;
}

.show .item-cl {
    display: block;
}

.control .set-comp-logo .load-img {
    margin: 0px;
    position: relative;
    -top: 2px;
}

.control .history {
    color: #3984EA;
    cursor: pointer;
}

.control .set-comp-logo .descript {
    color: #92A3BA;
}

.control #company-name,
.control #company-mission,
.control #company-vision,
.control #company-target {
    color: #92A3BA;
}


.user-assigned .fio {
    margin-left: 20px;
    font-size: 13px;
}

.user-assigned .photo img {
    width: 40px;
}

.user-assigned .remove {
    font-weight: bold;
    font-size: 17px;
    color: #92A3BA;
    cursor: pointer;
    padding: 0px 9px;
}

.control .assign-form input {
    width: 100% !important;
}

.control .user-assigned .item {
    margin-bottom: 8px;
}

.control .section-header {
    margin: 24px 0 24px 0;
    color: #92A3BA;
    font-size: 12px;
    text-transform: uppercase;
}

.control .section-header .text {
    margin-right: 100px;
}

.control .table th {
    color: #92A3BA;
    font-weight: 500;
    font-size: 11px;
    padding-right: 0px;
    text-transform: uppercase;
    padding-top: 20px;
    border-bottom: 0px;
}

.control .table th.t, .control .table .time {
    text-align: center;
    padding-left: 2px;
    padding-right: 2px;
}

.control .table td {
    color: #2B3644;
    font-weight: 500;
    padding-right: 0px;
    font-size: 14px;
    vertical-align: middle;
}

.control .common-duties th {
    vertical-align: middle;
}


.ui-state-highlight {
    height: 1.5em;
    line-height: 1.2em;
    background-color: #f3f3f3;
}

.common-duties .hide {
    height: 30px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.common-duties td, th {
    transition: 0.6s ease;
}

.control .common-duties .stop td {
    color: #92A3BA;
    font-size: 12px;
}

.control .common-week-duties td:not(.tre) {
    min-width: 52px;
}

.control .common-week-duties td select {
    padding: 0px;
    margin: 0px;
    font-size: .775rem;
}

.control .select-period textarea {
    margin-top: 10px;
}

.control .content-table th .item .text {
    margin-right: 3px;
}

.control .kpi .category-title {
    font-weight: bold;
    color: #2B3644;
    padding-left: 23px;
}

.control .kpi .category-item {
    padding-left: 23px;
}

.pencil-icon {
    background: url(../icon/pencil.svg) no-repeat center center;
    background-size: contain;
    min-width: 16px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    display: inline-block;
    top: 4px;
    left: 10px;
    position: relative;
}

/**** DROP MENU******/
.drop-menu {
    float: right;
    position: relative;
    height: 0px;
    width: 0px;
    right: 178px;
    z-index: 1;
    top: 3px;
}

.drop-menu .menu-item {
    margin: 4px 4px 8px 7px;
}

.drop-menu .menu-item .icon-btn {
    opacity: 1;
}

.drop-menu-body {
    background-color: white;
    color: black;
    width: fit-content;
    width: -moz-fit-content;
    padding: 5px 0px 2px 0px;
    border-radius: 5px;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
    transition: transform 150ms cubic-bezier(0, 0, 0.2, 1);
    transform: scale3d(0, 0, 0);
    transform-origin: right top;
}

.drop-menu.show .drop-menu-body {
    transition: transform 150ms cubic-bezier(0, 0, 0.2, 1);
    transform: scale3d(1, 1, 1);
}

.drop-menu-body .item {
    font-family: inherit;
    font-size: 14px;
    line-height: 32px;
    padding: 0 20px;
    position: relative;
    white-space: nowrap;
    display: flex;
    align-items: center;
    color: #484848;
    cursor: pointer;
    outline: none;
    font-weight: 600;
}

.drop-menu-body .item:hover {
    background-color: #e3e3e3;
}

.control .base-day-s, .control .week-length-s {
    width: inherit;
}

.control tr.hide td {
    color: #92A3BA;
}

#add_bulk_user .item-wrap {
    background-color: #EFF4FF;
    padding: 15px 15px;
    border-radius: 6px;
}

#add_bulk_user .text {
    font-size: 12px;
    color: #2B3644;
}

#add_bulk_user label {
    margin-bottom: 0px;
}

#add_bulk_user ol {
    margin: 0px;
    padding: 0px;
}

#add_bulk_user .icon {
    padding-left: 25px;
}

#add_bulk_user .modal-lg {
    max-width: 700px;
}

#add_bulk_user .notice {
    font-size: 12px;
}

#add_bulk_user .modal-title {
    width: 100%;
    text-align: center;
}

#add_bulk_user .modal-header {
    padding-bottom: 0px;
}

#add_bulk_user .modal-body {
    padding: 30px 50px 20px 50px;
}

#add_bulk_user .header {
    font-size: 12px;
    color: #7B8492;
}

.control .log .log-table {
    background-color: white;
}

.control .log .log-table .log-row {
    padding: 20px;
    border-bottom: 1px solid #CADCFE;
}

.control .log .log-table .user-block {
    margin-left: 10px;
}

.control .log .log-table {
    font-size: 12px;
}

.control .log .log-table .message-block {
    margin-left: 30px;
}

.control .log .log-table .time-block {
    color: #3984EA;
}

.control .plan select {
    font-size: 13px;
}

.control .control-panel i {
    cursor: pointer;
}

.control .control-panel {
    opacity: 0;
    transition: 0.6s;
}

.control .users:hover .control-panel {
    opacity: 1;
}

.control .user-assigned .photo {
    border-radius: 50%;
    overflow: hidden;
}

.tre {
    width: 10px;
    padding: 0px !important;
}

.common-week-duties select {
    min-width: 49px;
}

.error-loading-message {
    font-size: 13px;
    color: darkred;
}

.delete-company {
    margin-top: 20px;
    color: #3984EA;
    cursor: pointer;
}

.delete-company .ico-busket {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.loading {
    color: white;
    font-size: 35px;
    line-height: 0px;
    text-align: center;
}

.loading:after {
    content: '\2022';
    animation: dots 2s steps(1, end) infinite;
}

@keyframes dots {
    0%, 20% {
        color: rgba(0, 0, 0, 0);
        text-shadow: .5em 0 0 rgba(0, 0, 0, 0),
        1em 0 0 rgba(0, 0, 0, 0);
    }
    40% {
        color: #0368CD;
        text-shadow: .5em 0 0 rgba(0, 0, 0, 0),
        1em 0 0 rgba(0, 0, 0, 0);
    }
    60% {
        text-shadow: .5em 0 0 #0368CD,
        1em 0 0 rgba(0, 0, 0, 0);
    }
    80%, 100% {
        text-shadow: .5em 0 0 #0368CD,
        1em 0 0 #0368CD;
    }
}
.modal .modal-body.set-user-company {
    padding: 10px 30px;
}

.set-user-company label {
    font-size: 17px;
}