.fs-7 {
    font-size: .66rem !important;
}

/* logo */
.logo span.logo-lg {
    background-image: url('/img/logo.png?v=1');
    background-repeat: no-repeat;
    background-size: 77%;
    background-position: center;
    height: 70px;
}

.logo span.logo-lg.logo-test {
    background-image: url('/img/logo_test.png?v=1');
}

.logo-sm {
    background-color: #fff;
    color: #333;
    font-size: 18px;
}

.cursor-pointer {
    cursor: pointer;
}

.p-timeline-event-opposite {
    flex: 0 !important;
}

.p-timeline-event-content {
    flex: 0 !important;
    background-color: #eee;
    margin: 0 0 20px 10px;
    border-radius: 15px;
    padding: 15px !important;
    white-space: nowrap;
}

.custom-marker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 2rem;
    height: 2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    border-radius: 50%;
    z-index: 1;
}

.custom-button-ticket label {
    display: none;
}

.custom-button-ticket .p-fileupload-buttonbar {
    padding: 0 !important;
}

.color-grey {
    color: #999;
}

.color-green {
    color: #39913e;
}

/* nav */
.nav-user {
    padding: calc(31px / 2) 12px calc(31px / 2) !important;
}

.nav-link.dropdown-toggle.arrow-none {
    min-height: 70px;
}

.navbar-custom {
    padding: 0 12px !important;
}

.navbar-custom .lead {
    font-weight: bold;
}

.navbar-custom .topbar-menu .nav-link {
    color: #999;
}

.navbar-custom .topbar-menu .nav-link:hover {
    color: #333;
}

/* side nav */
.side-nav-forth-level li a,
.side-nav-second-level li a,
.side-nav-third-level li a {
    padding: 8px 30px 8px 36px;
}

.side-nav-forth-level li a i,
.side-nav-second-level li a i,
.side-nav-third-level li a i {
    width: 16px;
    text-align: center;
    margin-right: 4px;
}

.side-nav-item-custom {
    user-select: none;
    cursor: pointer;
}

/* title */
.page-title-box {
    display: flex;
    flex-flow: row-reverse;
    justify-content: space-between;
}

.page-title {
    display: block;
}

/* content */
.wrapper {
    margin-top: 70px;
}

.content-page {
    padding: 0px 12px 65px;
}

.p-component,
.p-inputtext {
    font-size: 0.9rem !important;
}

/* icons */
.pi {
    font-size: 0.9rem !important;
}

/* buttons */
.float-button {
    border-radius: 30px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
}

.btn-add-new {
    border-radius: 20px;
    padding: 6px 7px 5px 7px;
    position: fixed;
    bottom: 30px;
    right: 30px;
}

/* .p-speeddial .p-speeddial-list {
    display: none;
}
.p-speeddial.p-speeddial-opened .p-speeddial-list {
    display: block;
    position: absolute;
    top: 40px;
    left: 0;
} */
.p-speeddial-item {
    margin: 0 !important;
}

.p-speeddial-action {
    margin-right: 8px;
}

.p-speeddial-button.p-button.p-button-icon-only {
    width: 3rem !important;
    height: 3rem !important;
}

.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
    font-size: 1.2rem !important;
}

.custom-speeddial-small .p-speeddial-button.p-button.p-button-icon-only {
    width: 2rem !important;
    height: 2rem !important;
}

.custom-speeddial-small .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
    font-size: 0.8rem !important;
}

.custom-speeddial-small .p-speeddial-action {
    width: 2rem !important;
    height: 2rem !important;
}

.custom-speeddial-small .p-speeddial-action .pi {
    font-size: 0.8rem;
}

.custom-speeddial-right {
    position: fixed !important;
    right: 15px;
    bottom: 15px;
}

.custom-speeddial-right2 {
    position: fixed !important;
    right: 15px;
    bottom: 78px;
}

.custom-speeddial-right3 {
    position: fixed !important;
    right: 15px;
    bottom: 140px;
}

.custom-speeddial-left {
    position: fixed !important;
    left: 275px;
    bottom: 15px;
}

.sidebar-enable .custom-speeddial-left {
    left: 85px;
}

.custom-underline {
    display: inline-block;
    color: #727cf5;
    border-bottom: 1px dashed #727cf5;
}

/* table */
.table>:not(caption)>*>* {
    box-shadow: none
}

.p-datatable .p-datatable-thead>tr>th {
    padding: 0.5rem 0.5rem !important;
}

.p-datatable .p-datatable-tbody>tr>td {
    padding: 0.5rem 0.5rem !important;
}

.p-datatable-resizable .p-datatable-thead>tr>th,
.p-datatable-resizable .p-datatable-tfoot>tr>td,
.p-datatable-resizable .p-datatable-tbody>tr>td {
    white-space: normal !important;
    overflow: inherit !important;
}

/* table Contract */
tr.bg-red-contract {
    background-color: #eab5b5 !important;
}

tr.bg-blue-contract {
    background-color: #c0c8f3 !important;
}

tr.bg-yellow-contract {
    background-color: #fdffd4 !important;
}

tr.bg-blue {
    background-color: #c0c8f3 !important;
}

tr.bg-yellow {
    background-color: #fdffd4 !important;
}

tr.bg-red {
    background-color: #eab5b5 !important;
}

tr.bg-green {
    background-color: #cff593 !important;
}

/* form */
.p-float-label>label {
    color: #999 !important;
}

.p-inputswitch {
    margin-top: 9px;
    width: 2.3rem !important;
    height: 1.25rem !important;
}

.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
    transform: translateX(0.8rem) !important;
}

.p-inputswitch .p-inputswitch-slider:before {
    width: 1rem !important;
    height: 1rem !important;
    margin-top: -0.5rem !important;
}

/* badge */
.custom-badge {
    border-radius: 2px;
    padding: 0.25em 0.5rem;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 10px;
    letter-spacing: 0.3px;
    width: 100%;
}

.custom-badge.custom-badge-0 {
    background: #feedaf;
    color: #8a5340;
}

.custom-badge.custom-badge-1,
.custom-badge.custom-badge-10 {
    background: #c8e6c9;
    color: #256029;
}

.custom-badge.custom-badge-5 {
    background: #ffcdd2;
    color: #c63737;
}

.custom-badge.custom-badge-3 {
    background: #d89682;
    color: #853117;
}

/* Notifications */
.p-toast {
    z-index: 1200;
}

/* ------------- */
.preloader-page {
    position: fixed;
    top: 40%;
    margin: 0% 0 0 30%;
}

.breadcrumbs-link {
    color: #727cf5;
    text-decoration: none;
    outline: 0 !important;
}

.topbar-kkm-link {
    color: #fff !important;
    font-size: 15px;
    text-align: center;
}

.topbar-kkm-block {
    background-color: #CCC;
}

.topbar-kkm-block-open {
    background-color: #00a65a;
}

.topbar-kkm-block-close {
    background-color: #dd4b39;
    color: #fff;
}

.org-block-lombdard {
    background-color: #ffdd00 !important;
}

.org-block-comission {
    background-color: #083b78 !important;
}

.org-lombard {
    color: #083b78;
    margin: 0;
}

.org-comission {
    color: #ffdd00;
    margin: 0;
}

.notification-list .noti-icon {
    line-height: 0;
}

.ucfirst {
    display: inline-block;
    text-transform: lowercase;
}

.ucfirst::first-letter {
    text-transform: uppercase;
}

/* p-menu */
#btnCreateOperationInit.p-menu {
    width: 240px;
}

#btnCreateOperationInit .p-menu-list {
    width: 240px;
}

#btnWithoutReceiptPrinting.p-menu,
#btnCreateOperation.p-menu {
    width: 275px;
}

#btnWithoutReceiptPrinting.p-menu-list,
#btnCreateOperation .p-menu-list {
    width: 275px;
}

/* logging product show */
.log-icon-product {
    font-size: 1.15rem !important;
    padding: 13px;
    border-radius: 50%;
}

.log-icon-product-sell {
    background-color: #d0e1fd;
    color: #3b82f6;
}

.log-icon-product-full {
    background-color: #faedc4;
    color: #eab308;
}

.log-icon-product-disp {
    background-color: #cff4fc;
    color: #0dcaf0;
}

.log-icon-product-mistake {
    background-color: #f8d7da;
    color: #dc3545;
}

.log-icon-product-get-uin {
    background-color: #caf1d8;
    color: #22c55e;
}

.avito-icon {
    background-image: url('/img/icons/avito-icon.png?v=1');
    width: 25px;
    height: 25px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 77%;
    background-position: center;
    bottom: 0;
    right: -25px;
}