body {
}

@font-face {
    font-family: "Lucida Grande", sans-serif;
    src: url(../fonts/lucidagrande.cab01315.ttf);
}

@font-face {
    font-family: "ArialMT", sans-serif;
    src: url(../fonts/Arial.75400f06.woff);
}

.font-normal {
    font-style: normal;
}

.fs-10 {
    font-size: 10px !important;
}

.fs-12 {
    font-size: 12px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-16 {
    font-size: 16px !important;
}

.position-unset {
    position: unset;
}

/*NAVBAR*/
#navbarSupportedContent-555 {
    align-items: flex-start;
}

.navbar {
    box-shadow: none;
}

.time {
    font-family: 'Goblin One', cursive;
    font-size: 30px;
    font-weight: 400;
}

.date {
    font-size: 11px;
}

.t__d {
    line-height: 20px;
}

header .nav-link {
    padding-left: 1em !important;
    padding-right: 1em !important;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 18px;
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
    color: #4A90E2;
}

header nav {
    padding: 1em 1.5rem !important;
}

header .nav-item.active > .nav-link {
    color: #000;
}

li.event > a {
    position: relative;
}

li.event > a > .event__circle {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #D0021B;
    font-size: 14px;
    font-family: "Lucida Grande", sans-serif;
    color: #fff;
}

.btn__animate {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.close__btn {
    width: 45px;
    height: 35px;
    padding: 2px;
    text-align: center;
    background: #FFAEB8;
}

/*PANELS*/

/*panel header*/
.panel__header {
    padding: .5rem;
}

.command__header {
    background-color: #C7C7C7;
}

.panel__header .command {
    font-size: 14px;
    color: #000;
    font-weight: 600;
}

/*panel body*/
.command__body .panel__body, .salary__body .panel__body, .achievements .panel__body {
    padding: 5px 10px;
    min-width: 200px;
}

.auto_width {
    flex-wrap: nowrap;
}

.auto_width .card-body {
    /*max-height: 215px;*/
    overflow: hidden;
}

.auto_width .card {
    margin: 0;
    box-shadow: none;
    border-radius: 0;
}

.panel__top {
    display: flex;
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
}

/*MASTERS*/
.master {
    padding: 3px 40px 3px 10px;
    border-radius: 5px 5px 0 0;
    background: #C7C7C7;
    font-style: italic;
    font-size: 12px;
    color: #000000;
}

.add__master {
    padding: 3px 40px;
    border-radius: 5px 5px 0 0;
    background: #9CCAFF;
    font-size: 14px;
    text-align: center;
    color: #FFFFFF;
}

.worker__name {
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #000000;
}

.active .worker__name {
    font-weight: 600 !important;
}

.worker__img {
    position: relative;
    width: 70px;
    height: 70px;
    background: #D8D8D8;
    border-radius: 50%;
}

.worker__add {
    position: relative;
    flex-direction: column;
    padding: 5px;
    width: 58px;
    height: 58px;
    background: #D8D8D8;
    border-radius: 50%;
    color: #4A4A4A;
    line-height: 10px;
}

.worker__add > span {
    font-size: 21px;
}

.worker__add .worker__position > span {
    font-size: 10px;
}

.close__worker {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    right: 0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #D0021B;
}

.worker__position {
    line-height: 16px;
    font-size: 14px;
    text-align: center;
    font-style: italic;
    color: #000000;
}

.command__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 10px;
}

.in__work {
    background: #FFF688;
}

.in__home {
    background: #E9E9E9;
}

.in__work > span {
    font-size: 10px;
    line-height: 18px;
    color: #D0021B;
}

.btn-rounded {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
    border-radius: 9px;
}

.command__body {
    background: #E6E6E6;
}

/*salary*/
.salary__header {
    background: #FFC971;
}

.salary__body {
    background: #FFD083;
}

.salary__body .panel__body {
    padding: 10px;
}

.salary__body .card, .salary__body .card-header {
    background: transparent;
    border: none;
    padding: 0;
}

.salary__body .card .btn-link {
    display: flex;
    align-items: center;
    padding: 1px 0;
    margin: 0;
    font-size: 12px;
    text-transform: capitalize;

}

.salary__body .card .btn-link:hover, .salary__body .card .btn-link:focus {
    text-decoration: none;
}

.salary__body .card .btn-link > span > span {
    border-bottom: 1px dashed #000;
    line-height: normal;

}

.salary__body .card .btn-link .fa-caret-right {
    font-size: 20px;
}

.auto_width > .card {
    padding-bottom: 15px !important;
    margin: 0;
    flex: 0 0 auto;
}

/*ACORDEON*/

#salaryAccordeon .card-body {
    padding: 5px 10px;
    font-size: 12px;
}

.card-footer {
    border: none;
    background: transparent;
}

.card-footer > a {
    padding: 3px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    background: #FFC971;
    text-align: center;
}

/*bonus*/
.bonus__body {
    background: #D2FFA1;
}

.bonus__body .panel__header {
    background: #C0FA7F;
}

.bonus__body .panel__body, .moneybox .panel__body {
    padding: 10px;
    max-width: 100%;
}

.bon, .moneybox_bon {
    font-weight: normal;
    font-size: 12px;
    color: #000000;
    font-style: normal;
    line-height: 25px;
}

.bon a, .moneybox_bon a {
    margin-top: 3px;
    padding: 1px 3px;
    border: 1px solid;
    color: #000000;
}

.bon .rubl.active {
    background: #FFD700;
}

/*moneybox*/
.moneybox .card-footer {
    /*display: none !important;*/
}

.moneybox .panel__header {
    background: #CBCBCB;
}

.moneybox {
    background: #DDDDDD;
}

.moneybox_bon {
    display: none;
}

.empty__text {
    font-weight: normal;
    font-size: 12px;
    color: #939393;
}

.moneybox.active .card-footer {
    display: flex !important;
}

.moneybox.active .moneybox_bon {
    display: block;
}

.moneybox.active .empty__text {
    display: none;
}

.moneybox.active .panel__header {
    background: #DAB1FF;
}

.moneybox.active {
    background: #E4C4FF;
}

.moneybox_bon a.active {
    background: #FCF7AD;
}

/*achievements*/
.achievements {
    background: #FFEE99;
}

.achievements .panel__header {
    background: #FFD700;
}

.bg-f8 {
    padding: 5px;
    background: #F8E71C;
    line-height: 14px;
}

.bg-ff {
    padding: 5px;
    background: #FFF9A8;
    line-height: 14px;
}

.achievements .panel__body .col {
    padding: 0 5px;
}

.achievements .panel__body .row {
    padding: 3px 5px;
    margin: 0;
}

.bg-f8 .inf {
    font-size: 22px;
}

.bg-f8 .num {
    border-color: #000 !important;
    font-size: 12px;
    padding: 2px;
}

.bg-f8 .icon, .bg-ff .icon {
    margin: 0 10px;
}

.bg-ff span.inf {
    font-size: 12px;
}

.bg-ff b.inf {
    font-size: 18px;
}

.bg-ff .num {
    font-size: 12px;
    white-space: nowrap;
}

/*PROGRESS*/

.progress_block {
    height: auto;
    padding: 3px 5px;
    background: linear-gradient(180deg, rgba(226, 226, 226, 0.979922) 0%, #FFFDFD 100%);
}

.progress_block h3 {
    font-size: 12px;
    margin-bottom: 0;
    font-weight: bold !important;
}

.progress_block p {
    margin-bottom: 0;
    padding-left: 5px;
    font-size: 10px;
    font-family: "ArialMT", sans-serif;
}

.progress_block p:nth-child(2) {
    margin-bottom: 3px;
    background: #BCD8F8;

}

.progress__cas, .progress__date {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3px;
    font-size: 10px;
    font-family: "ArialMT", sans-serif;
}

.progress {
    width: 85%;
}

.progress {
    position: relative;
    border-radius: 0;
    background: #FFFFFF;
    box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.5);
}

.progress-info {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    font-size: 10px;
}

.progress__date .progress-info {
    justify-content: center;
}

.progress__cas .progress-bar {
    background: #7FC42F;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.reached .progress__cas .progress-bar {
    background: #F8E71C;
}

.reached .prize {
    background: #F8E71C !important;
}

.reached .reached_check {
    display: block !important;
}

.progress__date .progress-bar {
    background: #9DCAFF;
}

#salaryAccordeon button i {
    transition: all .3s ease;
}

.transform {
    transform: rotate(90deg);
}

.transform-180 {
    transform: rotate(180deg);
}

/*TABLE*/
.table__block {
    margin: 15px -15px 0 -15px;
    overflow: hidden;
}

.for-scrolling {
    overflow-x: hidden;
    overflow-y: auto;
}

/*WIDTH*/
.for-scrolling::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.for-scrolling::-webkit-scrollbar-track {
    background: #D3D3D3;
}

/* Handle */
.for-scrolling::-webkit-scrollbar-thumb {
    background: #919191;
}

.table-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 30px;
    padding: 5px 10px;
    background: #C7C7C7;
    color: #000;
    font-size: 14px;
}

.table__block table tr {
    cursor: pointer;
}

.table__block table tr.active {
    background: #FCF7AD;
}

.table__block table th {
    padding: .4rem;
    background: #DDDDDD;
    font-size: 12px;
}

.table__block table td {
    padding: .3rem;
    font-size: 18px;
}

.do {
    position: relative;
    height: 15px;
    width: 100%;
    background: #7FC42F;
}

.do.started__late::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 7px;
    background: #D0021B;
}

.do.end__late::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 7px;
    background: #D0021B;
}

.trash {
    visibility: hidden;
    opacity: 0;
    transition: all .2s ease;
}

.trash.active {
    visibility: visible;
    opacity: 1;
}

.table__block .disabled {
    opacity: .5;
}

.table__block .disabled > td:first-child {
    text-decoration: line-through;
}

.table__block table::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.table__block table::-webkit-scrollbar-track {
    background: #919191;
}

/* Handle */
.table__block table::-webkit-scrollbar-thumb {
    background: #E6E6E6;
}

/* Handle on hover */
.table__block table::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/*INFO BLOCK*/
.info__block {
    bottom: 0;
    right: 30px;
    width: 100%;
    max-width: 400px;
}

.info__block::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.info__block::-webkit-scrollbar-track {
    background: #E6E6E6;
}

/* Handle */
.info__block::-webkit-scrollbar-thumb {
    background: #919191;
}

/* Handle on hover */
.info__block::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.accordions, .cassa {
    width: 100%;
    padding: 5px 8px;
    margin: 0;
    background: #C7C7C7;
    box-shadow: none;
}

.accordions-dropdown {
    display: none;
    padding: 5px 10px;
    background: #E6E6E6;
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}

.cassa_block {
    padding: 5px 10px;
    background: #E6E6E6;
}

.accordions-dropdown li {
    background: transparent;
    border: none;
    padding: 0;
    font-size: 14px;
}

/*WIDTH*/
.accordions-dropdown::-webkit-scrollbar {
    width: 3px;
}

/* Track */
.accordions-dropdown::-webkit-scrollbar-track {
    background: #D3D3D3;
}

/* Handle */
.accordions-dropdown::-webkit-scrollbar-thumb {
    background: #919191;
}

.cassa_block li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2px 5px;
    border: none;
    background: #D8D8D8;
}

.cart {
    background-color: #97C7FF;
    z-index: 0;
}

.check {
    background-color: #2083F5;
    text-align: center;
    z-index: 1;
}

.cash {
    background-color: #50E3C2;
    text-align: right;
    z-index: 0;
}

.cart, .check, .cash {
    padding: 3px 4px;
    font-size: 12px;
    white-space: nowrap;
    overflow: visible;
}

.absolute {
    position: absolute;
    margin-top: 5px;
    top: 100%;
    left: 0;
}

.r-0 {
    left: auto;
    right: 0;
}

.center {
    left: 50%;
    transform: translateX(-50%);
}

/*TOTAL*/
.total {
    background: #E6E6E6;
}

.total li {
    background: transparent;
    border: none;
}

.total .btn {
    padding: 10px 30px;
    background: linear-gradient(180deg, #C8FA92 0%, #B5E97C 50%);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    border-radius: 11px;
    font-size: 20px;
    color: #000;
}

.info__block.droped .accordions-dropdown {
    max-height: 150px
}

/*DELETE MODAL*/
#deleteJob .modal-title {
    font-size: 26px;
    color: #000000;
}

#deleteJob .close {
    opacity: 1;
}

#deleteJob .modal-footer,
#deleteJob .modal-header {
    border: none;
}

#deleteJob .modal-content {
    padding: 10px;
}

.check__number {
    font-size: 18px;
    color: #000000;
    font-weight: bold;
}

.modal_price {
    line-height: 18px;
}

.modal_info span {
    font-size: 18px;
    color: #000000;
}

.car_icon, .pay_icon {
    max-width: 50px;
}

.cause label {
    padding-left: 10px;
    font-size: 12px;
    color: #4A4A4A;
}

#cause {
    display: block;
    width: 100%;
    background-color: #E9E9E9;
    border-radius: 9px;
    padding: 10px;
    font-size: 13px;
}

.modal_close {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #C8FA92 0%, #B5E97C 50%);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    border-radius: 11px;
    color: #000;
}

.modal_close:hover {
    color: #000;
}

.delete_job {
    background: linear-gradient(0deg, #FFC4C9 0%, #FD5E76 100%);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    border-radius: 11px;
    color: #000;
}

.delete_job:hover {
    color: #000;
}

/*PAGE - SHIFT*/
/*header*/
.close-shift {
    font-size: 26px;
}

.shift-info-line {
    background: linear-gradient(180deg, #BED7F5 0%, #FFFDFD 100%);
}

.shift-info-line .central {
    font-size: 20px;
    font-weight: bold;
}

.shift-info-line sup {
    font-size: 12px;
}

.shift-info-line sub {
    font-size: 14px;
}

/*SHIFT CARDS*/
.shift-cards .card-body {
    background: linear-gradient(0deg, rgba(226, 226, 226, 0.979922) 0%, #FFFDFD 100%);
    padding: 15px 20px;
}

.shift-cards .card {
    box-shadow: none;
}

.shift-cards .card-title {
    position: relative;
    font-weight: bold !important;
    font-size: 12px;
}

.admin-info h4 {
    font-weight: normal;
    font-size: 12px;
}

.shift-cards .panel__body {
    padding: 0;
}

.shift-cards .progress_block {
    align-items: flex-end;
    padding: 0;
    background: transparent;
}

.shift-cards .progress-info {
    justify-content: center;
}

.shift-cards .progress {
    min-height: 24px;
}

.h-24 {
    height: 24px;
    line-height: 24px;
}

.admin-bon {
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 35px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAnCAYAAACmE6CaAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAoqSURBVHgB3Vl7bFvVGf/OOfdpO47zsNuQRAmlECAMDcJDZWMN0K0EqgGlKUMDtrFRQPzDxh+Ttklxpg1psE0MiT0qNFHWwlaXMpgYDw1qtvEqDUzQtDSkado6r9pJ7Ph1r+895+y7CVAgLgSDGsRPsmLfnHvP9zv3O7/vcQC+ACDwGUBKSbwHSe+BhMgF3ELwnrnJFzb+I0GhUng2oPFRuUO5bPBJ7eUDqyKXwaDWvXu31rljh+IR++B4SbrlVtYhd6mdBw7or+xeFemGftW7PyqjldsBn+JNeBP3969TkpGk1pv55clfc//1WpZU3/06O/fhjbW/2D8yUyzBMLjhZFJCN0BuMKDUQq3+ddgSXssf3BCQMzcPk5NuuNG987kv6Wc5dVu2ONFoVEAFqJjEhl271PEWyxAWDW7Odd1bDZm13nVOWGKUNN1zS01si5bPW6of3Omsy3yBKuNP6StvjYiJH1KQQW/sJK3bdL1/288CWjidDCetOFzEvfcLnxAVvUbPVQbqskyXmv8q/tCZ7xLwwCRvahYHf/341IpX7+EbbiraZsOvRHTNI9Nf7VsqxnveJeChRqbXnm/vaeWFRFXrcKsiobLtsSASs/79vs9F8TjDy4Zw8qEzS691lrvHI9PivH3XY/kL+s52X9isSLdx3uSSV13n/u77rhoIptPDxjl9G5X3zwMLxLEHRqO0Y80aVoUrHtCyNKdW0eCUSqAODUxZmlujBkkJmrcWLo3pshiBCsFByV9dHe/SKE9AqpixlwQcgHrQ5ZjMjJVkKahxaAW3E54XUVJ+z5QlMbtpYZ2SGzxkbOPr7iJAQgIIhTmHJVwwViK6JigJLxHj58GnxBHa8AoVbkqnjk2B89mLKMHoeoIILleF/7dhIj1Uum75TqccEaXcQ+PxlTTYkNZVXzCQL/rNsEheA+WoV6Ql8xERY+cf63kZWvP3umKqqi4UzMZhJQc5J+7vH1N2T4TDYeqvcnSu8OoX2SVvwiLifvP27SqjQWarWrg/Scup13wSHs92AItpVJfEfEC7bWSCNg7BImCcNAz9l6x00SQfKC471rj5JJDpEFjSklwK1yWECjWm3bATFgEvKhfvpZQpLm4Qz56a9mVlNbisOy2DISFchbscXEmo86zaNW6B4cBxRJrUFjZrNw8QwlwQlHv2DEB2QSRm9TkJYdy6M8BUQzTxYeNHxZ+fC8cZITnlu8OOdpzl/KeGoPHBzAycAlVElokfRy94CVosRvtPB9aiBwwwzeC9+VtvP1EM3sLA9cMiwabGxD449Y8/Ve7+Mw2a03p9yI7BNvSQqHjXeDJnvyTrkUBiBWhLSa2vJ3fHJe3Q/9tyUXax4IKCAtPwm5/4tz14qDGSD8dedbZ2dwsv9Z/d8fiFxleGlRO0Bt+mwlV3t8qDd1IQQfgcwbMnKGdWX+RsDz+trH6WGa18fWSJgN739kQPVFc3MZQj/fqqx+97Xln9hxwJpOFzhDwEpv+q3dj7PXPbfWrabxStIQzU0bm6anbE1q3sG22WweqaawzQmtHBThGcn3a1u3nVGmf7GTVyUodFgkVM90ntqt1/UW9+GiP6XqLr+9C3EjnFnL5gyZnFKCFiLu3Ys0dmV5wuajS/K4u5ksLUAqZK2e3qdbt3sgtLq/gTy64o/W0JHEcUiU88o3wztd349kAWqvfPySXkXW7buma6WTv/XpIy606yp0c2ZbCeKdo2Vr9pTmCMEzGMSd/+BG0Z2KTdtm+ShF04jvAShwf0W/dlRWgIfwyh+ByUhI8rLs04at5qagpioth7lMRscb8HSSjTtkrM6ZJrjUpX7AdK3pKUDawrPUDrZFKB4wifzNML3R1F/DoghXxLAB10HTqSp/l0KAQWug/vgR75HgkPse71wnzBsvsziZwoOSnc5KPCpQkiyGin80wzLAKuLd3fBoyOEiYPF6kYJX6WCjY15fKxpBODOXn1xh1dXYzVMViPqa4UEYgLf0ZhStbNneu85D9BJlpgEdAgEi3XWBubH9Zu3MWzTmHpqX5rI7S7sP6Mj0nFPXZxDC7ZPFE0Qr7r/v5KWEScJ144W4JOlIBPnuDlTmX6VGX9/JTOKpLcrylc2KojFaOffbkf1QJ3kmJyzKiEVx7jhvFBXulwXzbgU6JPWWEXpM+lWHR7yRH+cVTiFExZmGHC1rkoqD5HV/4BA2Ur0fkXkWvX4D81g7BqxzSbsBZtw7B+GpaoLZKSWhxhYrtPlQIMHBt4qHBpG07GoEJ4qvcD3yOYrco8LoyFfx3BUWEZpNC1h/GzDyQbQE6HFasxHWs/w/lwYaSUoSXh7ZPBMBOYjmOsMcgkBpeDQkAB/xnAh2q4bXQCzI8T1j+ndPkvdx455p4pgF/iGztmQ+Ix9VvDGJPelpJPSiJyKCQlYMTGEjuHpmDnjU5RaRVmDMZrT3rHvg9hPglMBo/09Qk1pNpFDmlfiTMpXYsSfRSE0PEhDFdGQ4cK4RMbt2k38IudJxpNsJQPr/B9xo+Tr7PzrEvdx/zr7E21dTI1b743lY69uCj9OPEIinwaNGpRF7sDhJbQs3JUE9NKhs74/XopGU+WrerLvAki+2SUL4N1dtVUjmSxGEGpzYBwNGwmMQyARJVSB6mEMA3IT9MQe01dsf8rzo4273aL+PijyrUTW/XvHEbCOVxR9yn1CvUp5YrA5c72hrWlzUtrZUr1xiLBA8N02V5K5D40+JBgdKooS7ZJVWkLwhljDoWgpdUXrdzUVKmzs0vEF0RiFhhEYjE+0t1daB2Ol/KtOslMBKmRHqY8jeGwkSoWZzOEzrbDzT56/hsd8NKyZ5XLE2j8CPZk0Q08n4Y0ci5JInV0k5on1LVjbygdS1aXHl2KhFq3qDf9G7XmAK7cQVX1HQKHZ6oKmpvlruShgGjmjjycHeHTy7t4Zy2IKJRvEX50l222iiKzXZJe6CVRL8r3AHT0NbDmuoifBOojwiLLsT3UVg+TyydJPS4KsfF3Ej8TElfWcwtUGwNJ1KL0ePlXPSVUqxNH3BTUDQqiYFZADygle/xwa1V+F3S4R+fqkQs5LqisoYzkViRiRpMeroaSthQ7XM1ciAiR6GkKyxMhplHNUqgwWWBKSVhFXTARpNKsFdypFVQaimQORqkkd8WI6xNjhTyk462ddiXnFZXlQziRLnc4dqohL+RIUhUGajxJUsqp69g2dihmqG5mQaHFJDpHCAMMM1WTSJokBVJFuURSKBPcyUlmpJUpkYcxx4UTK1vTilv7Xkl7DoapxpRl6K4wbIeqthAoZEXOargFUyfbxUSCd3Y+j9JzOkkOh9VgQFWd9IxhqgHFa8HodT6HjzqlkTbD6kM3qvTUqPLjLu+UqLeXxFeupGZTkaWTOdrWEJY780nR3g4c8zDxAU33GhEY6Yegj0aw+1ocNskRHBtpD6PidPLP4tircrzThsdTHrrglvw7R2WfpH3/hcf/Aa5JJf+VtJpKAAAAAElFTkSuQmCC);
    background-size: 100%;
    line-height: 35px;
    font-size: 10px;
    top: -20px;
    right: 0;
}

.admin-money {
    font-size: 18px;
}

.master-name {
    width: 100px;
    font-size: 12px;
    font-weight: bold;
}

.worker-name {
    font-weight: normal;
}

/*MASTER AND WORKER*/
.master-img {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    overflow: hidden;
}

.worker-img {
    width: 48px;
    height: 48px;
    background: #D8D8D8;
    border-radius: 50%;
    overflow: hidden;
}

.card-heading {
    padding: 5px;
    font-weight: bold;
    font-size: 12px;
    background: #DAB1FF;
}

.mon {
    font-weight: bold;
    font-size: 18px;
}

.card-input input {
    border: 1px solid #979797;
    max-width: 60px;
    text-align: right;
    font-size: 14px;
}

/*range*/
.card-slider {
    font-family: "Helvetica", sans-serif;
    font-size: 12px;
    color: #727272;
}

.money-percent {
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    width: 100%;
    height: 2px;
    background: #979797;
    outline: none;
    transition: opacity .2s;
}

.money-percent::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 11px;
    height: 11px;
    background: #F6F6F6;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    cursor: pointer;
}

.money-percent::-moz-range-thumb {
    width: 11px;
    height: 11px;
    background: #F6F6F6;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    cursor: pointer;
}

.card-moneybox .card-body {
    background: rgba(228, 196, 255, .72);
}

/*CARDS*/
.card-bonus .card-heading {
    background: #C0FA7F;
}

.card-bonus .card-body {
    background: #D2FFA1;
}

.card-achievement .card-heading {
    background: #FFD700;
}

.card-achievement .card-body {
    background: #FFEE99;
}

.card-salary .card-heading {
    background: #FFC971;
}

.card-salary .card-body {
    background: #FFD083;
}

.all_total {
    background: #FEF7A4;
    padding: 15px;
}

/*mulct-block*/
.mulct-block {
    position: absolute;
    left: -33px;
    top: 30px;
    padding: 3px 7px;
    background: #D0021B;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    transform: rotate(-90deg);
}

.additional-info {
    position: absolute;
    display: flex;
    align-items: baseline;
    justify-content: center;
    padding: 5px 9px;
    height: 100%;
    width: 20px;
    background: rgba(228, 181, 102, .72);
    color: #000;
    top: 0;
    left: 100%;

}

.additional-info span {
    width: 100%;
    -ms-writing-mode: tb-lr;
        writing-mode: vertical-lr;
}

.additional-info a {
    align-self: flex-end;
    margin-right: 5px;
}

.worker-row {
    position: relative;
}

.worker-row .all_total {
    justify-content: flex-end !important;
}

.worker-len {
    display: none;
}

.worker-len.active {
    display: block;
}

.card-moneybox {
    display: none;
}

.card-moneybox.active {
    display: block;
}

.display-salary {
    display: none;
}

.display-salary.active {
    display: block;
}

.masters-section {
    overflow-x: hidden;
    overflow-y: auto;
}

/*WIDTH*/
.masters-section::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.masters-section::-webkit-scrollbar-track {
    background: #D3D3D3;
}

/* Handle */
.masters-section::-webkit-scrollbar-thumb {
    background: #919191;
}

.disable-block {
    display: none;
}

.disable-block .disabled-time-block {
    background: #fff;
    padding: 2px 3px;
    font-size: 14px;
    margin-left: 10px;
}

.worker-row.disabled .disable-block {
    display: flex;
    align-items: flex-end;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(216, 216, 216, .5);
}

/*close-shift-button*/
.submit-block p {
    margin: 0;
    font-size: 16px;
}

.submit-block b {
    font-size: 18px;
}

.close-shift-button {
    background: linear-gradient(180deg, #C8FA92 0%, #B5E97C 50%);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    border-radius: 11px;
    border: none;
    padding: 5px 30px;
    font-size: 20px;
}

/*MEDIA*/
@media (max-width: 1800px) {
    .info__block {
        bottom: 0;
        right: 0;
        width: 100%;
        max-width: 100%;
        padding: 0 22px;
    }
}

@media (max-width: 1600px) {
    .auto_width {
        overflow-x: scroll;
    }

    /*WIDTH*/
    .auto_width::-webkit-scrollbar {
        width: 3px;
    }

    /* Track */
    .auto_width::-webkit-scrollbar-track {
        background: #D3D3D3;
    }

    /* Handle */
    .auto_width::-webkit-scrollbar-thumb {
        background: #919191;
    }

    header .nav-link {
        font-size: 16px;
    }

    .table__block table td {
        padding: .3rem;
        font-size: 15px;
    }
}

@media (max-width: 1570px) {
    .total .list-group-item b, .total .list-group-item span {
        font-size: 11px !important;
    }

    .total .btn {
        font-size: 15px;
    }
}

@media (max-width: 1440px) {
    .table__block table td {
        font-size: 10px;
    }

    .table__block table td img {
        width: 17px;
    }

    .acc-btn button .text-part {
        font-size: 14px;
    }

    #myTab .nav-link object {
        width: 60px;
        height: 60px;
    }
}

@media (max-width: 1200px) {
    .accordions, .cassa {
        font-size: 12px;
    }

    .accordions img {
        max-width: 20px;
    }

    .accordions-dropdown li {
        background: transparent;
        border: none;
        padding: 0;
        font-size: 11px;
    }

    .cart, .check, .cash {
        padding: 3px 0;
        font-size: 9px;
    }

    .total .btn {
        font-size: 12px;
    }

    .total li {
        padding: .5rem 0.25rem;
    }

    header .nav-link {
        font-size: 13px;
    }

    .info__block {
        position: unset !important;
        padding: 0;
    }

    .for-scrolling {
        overflow: auto;
    }

    body.overflow-hidden {
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }

    .shift-info-line .central {
        font-size: 15px;
        font-weight: bold;
    }
}

@media (max-width: 996px) {
    main {
        overflow: auto !important;
    }

    .shift-cards .card {
        flex: 0 0 100%;
    }

    .shift-info-line sup, .shift-info-line sub {
        font-size: 10px;
    }

    .shift-info-line > .col {
        padding: 0;
    }
}

@media (max-width: 767px) {
    .shift-info-line > .col {
        flex: 0 0 50%;
        text-align: center;
    }
}

@media (max-width: 575px) {
    .auto_width {
        display: flex;
        flex-wrap: wrap;
    }

    .auto_width > .card {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 15px;
    }

    .for-position {
        margin-top: 15px;
    }

    .bonus__body .panel__body, .moneybox .panel__body {
        max-width: 100%;
    }
}

@media (max-width: 415px) {
    .cassa_block li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 2px;
        border: none;
        background: #D8D8D8;
    }

    .cassa_block li > div {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }
}


.mo-info-text[data-v-2f44a6fd] {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}
.motiviti-info[data-v-2f44a6fd] {
  line-height: 27px;
  margin-right: 4px;
  text-align: center;
  background-color: cornflowerblue;
  border-radius: 25px;
  /* border: 1px solid brown; */
  font-family: 'Goblin One';
}
.motivation-timer[data-v-2f44a6fd] {
  font-size: 13px;
}
.cover[data-v-2f44a6fd]:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: .125rem;
  background: rgba(255, 255, 255, 0.6);
  z-index: 2;
}
.motivation[data-v-2f44a6fd] {
  display: flex;
  justify-content: flex-end;
  width: 273px;
  margin-top: 9px;
}
.motivation-off[data-v-2f44a6fd] {
  cursor: pointer;
  width: 100%;
  height: 34px;
  font-size: 12px;
  line-height: 34px;
  border-radius: .125rem;
  overflow: hidden;
  background-color: dimgrey;
  color: white;
  padding: 0 6px;
  text-overflow: ellipsis;
}
.header-icons-container[data-v-2f44a6fd] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-icons[data-v-2f44a6fd] {
  justify-content: center;
  align-items: center;
  display: block;
}
.motivation-nomination[data-v-2f44a6fd] {
  justify-content: center;
  align-items: flex-end;
  display: flex;
}
.false-icon[data-v-2f44a6fd] {
  min-height: 27px;
  min-width: 27px;
  margin: 4px;
  margin-right: 8px;
  position: relative;
}
.false-icon.descr[data-v-2f44a6fd] {
  margin-top: 6px;
}
.false-icon-image[data-v-2f44a6fd] {
  border-radius: 6px;
  width: 27px;
  height: 27px;
}
.notification-container[data-v-2f44a6fd] {
  position: absolute !important;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: -6px;
  right: -3px;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  z-index: 5;
}
.notification-empty-container[data-v-2f44a6fd] {
  position: absolute !important;
  display: flex;
  justify-content: center;
  align-items: center;
  right: -3px;
  border-radius: 6px;
  border: 1px solid #c7c7c7;
  height: 27px;
  width: 27px;
  z-index: 5;
}
.notification-container > span[data-v-2f44a6fd] {
  font-size: 13px;
  font-family: 'Istok Web', sans-serif;
}


.theme--light.v-overlay {
  color: rgba(0, 0, 0, 0.87);
}

.theme--dark.v-overlay {
  color: #FFFFFF;
}

.v-overlay {
  align-items: center;
  border-radius: inherit;
  display: flex;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), z-index 1ms;
}

.v-overlay__content {
  position: relative;
}

.v-overlay__scrim {
  border-radius: inherit;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: inherit;
  width: 100%;
  will-change: opacity;
}

.v-overlay--absolute {
  position: absolute;
}

.v-overlay--active {
  pointer-events: auto;
}