@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 100;
    src: url(../fonts/Jost/Jost-Thin.ttf)
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 200;
    src: url(../fonts/Jost/Jost-ExtraLight.ttf)
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/Jost/Jost-Light.ttf)
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Jost/Jost-Regular.ttf)
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/Jost/Jost-Medium.ttf)
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/Jost/Jost-SemiBold.ttf)
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/Jost/Jost-Bold.ttf)
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/Jost/Jost-ExtraBold.ttf)
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/Jost/Jost-Black.ttf)
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    src: url(../fonts/Roboto/Roboto-Thin.ttf)
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/Roboto/Roboto-Light.ttf)
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Roboto/Roboto-Regular.ttf)
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/Roboto/Roboto-Medium.ttf)
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/Roboto/Roboto-Bold.ttf)
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/Roboto/Roboto-Black.ttf)
}

.base-color-primary {
    color: #ffba00
}

.base-color-secondary {
    color: #ebc038
}

.base-color-yellow {
    color: #edca39
}

.base-color-carrot {
    color: #e29130
}

.base-color-orange {
    color: #ffba00
}

.base-color-dark {
    color: #75735f
}

.base-color-gray {
    color: #abaa99
}

.base-bg-primary {
    background-color: #ffba00
}

.base-bg-secondary {
    background-color: #ebc038
}

.base-bg-yellow {
    background-color: #edca39
}

.base-bg-carrot {
    background-color: #e29130
}

.base-bg-orange {
    background-color: #ffba00
}

.base-bg-dark {
    background-color: #75735f
}

.base-bg-gray {
    background-color: #abaa99
}

*, body, html {
    font-family: 'Montserrat', sans-serif;;
    font-weight: 400
}

.bg-white {
    background: white !important
}

.bg-body {
    background: #f9fbfd !important
}

.sidebar, .sidebar[data-background-color="white"] {
    transition: none !important;
}

.sidebar .sidebar-wrapper, .sidebar[data-background-color="white"] .sidebar-wrapper {
    transition: none !important;
}

.quick-sidebar-toggler i {
    margin: 0
}

.default-button {
    background: #ffba00;
    border-radius: 5px;
    color: #fff;
    font-weight: 600;
    padding-bottom: 6px !important;
    padding-top: 6px !important
}

.pagination .active a {
    background: #ffba00 !important;
    border-color: #ffba00 !important
}

body, label {
    color: #000 !important
}

.user-item a {
    height: 63px !important;
    border-radius: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none
}

.user-item a:hover {
    background: #ffba00
}

.user-item a:hover .user-item__name {
    color: #fff
}

.user-item .user-item__name {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffba00;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 800;
    padding-left: 12px
}

.navbar[class*=bg-] .navbar-nav > .nav-item > .nav-link:hover {
    background: none !important
}

.navbar .navbar-nav .nav-item .nav-link:focus, .navbar .navbar-nav .nav-item .nav-link:hover {
    background: none !important
}

.navbar-title {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 992px) {
    .navbar-title {
        display: none
    }
}

@media (max-width: 450px) {
    .orders-filters__input {
        max-width: 200px !important
    }
}

.navbar-title i {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffba00;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px
}

@media (max-width: 992px) {
    .main-header .navbar-header {
        background: #fff
    }
}

.main-panel > .container {
    max-width: none !important;
    padding: 0 1.5rem !important
}

@media (max-width: 992px) {
    .main-panel > .container {
        padding: 0 1rem !important
    }
}

.navbar-title p {
    color: #ffba00;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 900;
    line-height: 20px;
    padding-left: 10px;
    padding-top: 15px
}

.notify-sidebar-toggler i {
    margin-right: 0
}

.notify-item__count {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #ffba00;
    border-radius: 50%;
    top: 5px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    height: 28px;
    justify-content: center;
    left: 38px;
    position: absolute;
    width: 28px
}

.logo, .notify-item__count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.logo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-end;
    left: 0;
    position: fixed;
    top: 5px;
    z-index: 1002
}

.logo .logo__bottom, .logo .logo__top {
    color: #fff;
    font-family: Roboto
}

.logo .logo__top {
    font-size: 32px;
    font-weight: 900;
    line-height: 25px
}

.logo .logo__bottom {
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    margin-right: 2.5px
}

.logo-header, .sidebar, .sidebar[data-background-color=white] {
    top: 0
}

@media (max-width: 992px) {
    .logo-header, .sidebar, .sidebar[data-background-color=white] {
        top: 0
    }
}

.logo-header .nav-toggle {
    right: auto;
    width: 48px
}

.logo-header {
    padding-left: 24px;
    padding-right: 24px
}

.nav-toggle button {
    background: #d4d3b5 !important;
    border-radius: 6px;
    height: 34px;
    margin-top: 6px;
    width: 48px
}

.nav-toggle button i {
    color: #fff !important
}

.nav-toggle button.toggled {
    background: hsla(49, 65%, 63%, .2) !important;
    border-radius: 6px;
    height: 34px;
    margin-top: 6px;
    width: 48px
}

.nav-toggle button.toggled i {
    color: #ffba00 !important
}

.nav-toggle button i {
    color: #fff
}

.nav-item.active {
    padding: 0 !important
}

.nav-item.active a {
    border-radius: 0 !important;
    padding: 8px 30px !important
}

.nav-item a {
    padding: 8px 15px !important;
    height: 40px
}

.nav-item a p {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px !important;
    font-weight: 700
}

.sidebar.sidebar-style-2 .nav.nav-primary > .nav-item.active > a p {
    color: #000 !important;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px !important;
    font-weight: 700 !important
}

.nav-item a i, .sidebar.sidebar-style-2 .nav.nav-primary > .nav-item.active > a i {
    color: #ffba00 !important
}

.sidebar.sidebar-style-2 .made_by_zgroup {
    padding: 10px;
}

.sidebar.sidebar-style-2 .made_by_zgroup span {
    color: #717171;
    font-size: 14px;
}

.sidebar.sidebar-style-2 .nav.nav-primary > .nav-item.active > a {
    background: rgba(0, 130, 125, .1) !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.notify-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #fff;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 63px;
    justify-content: center;
    position: relative;
    width: 63px
}

.notify-item:hover {
    background: #ffba00;
}

.notify-item:hover a i {
    color: #fff !important
}

.notify-item a i {
    color: #ffba00 !important;
    font-size: 25px !important
}

.sidebar .nav {
    margin-top: 0
}

.quick-sidebar-overlay {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    z-index: 1
}

@media screen and (min-width: 991px) {
    .sidebar_minimize_hover .logo-header .nav-toggle {
        left: auto !important;
        right: auto !important;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        -webkit-transition: none !important;
        -o-transition: none !important;
        transition: none !important
    }
}

.nav-main-panel ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding-left: 20px
}
.container-in-reorders-for-saddle-n-five .nav-main-panel ul {
    justify-content: space-around;
}

.nav-main-panel ul li {
    color: #a0a0a0
}

.data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.column {
    background: #fff;
    border-radius: 20px;
    /*-webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, .1);*/
    /*box-shadow: 0 0 14px 0 rgba(0, 0, 0, .1)*/
}

.collapse-column {
    -webkit-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
    transition: .1s ease-in-out
}

.collapse-column:hover {
    background: #ffba00;
    -webkit-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
    transition: .1s ease-in-out
}

.collapse-column:hover i {
    color: #fff
}

.main-panel {
    margin-top: 20px
}

.column .data p {
    font-weight: 800
}

.column-bottom-part {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.fas {
    color: #ffba00;
    font-size: 25px;
}

.more-info-button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.more-info-button i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.more-info-button i, .more-info-button.collapsed i {
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.more-info-button.collapsed i {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.table-id {
    width: 6%
}

.employees .avatar + .avatar {
    margin-left: -.75rem
}

.employees {
    width: 50%
}

.table-client {
    width: 24%
}

.table-employees {
    width: 16.5%
}

.table-summ {
    width: 17.5%
}

.table-duty {
    width: 19.5%
}

.btn-table {
    background: #ffba00;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    padding: 2px 6px
}

.orange {
    background: #ffba00
}

.column .table-status {
    background: #ffba00;
    color: #fff
}

.wh, .wh p {
    color: #fff
}

.column .data .column-block-one {
    margin: 15px 0 15px 20px;
    width: 29%
}

.column-block-two {
    margin-top: 15px;
    width: 35%
}

.column-block-two, .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.id {
    width: 20%
}

.column-block-three {
    margin-top: 15px;
    width: 18%
}

.back {
    background: #ffba00;
    border-radius: 0 10px 10px 0;
    padding: 15px;
    width: 18%
}

.backwh {
    background: #fff
}

.backwh p {
    color: #000
}

.columns .collapse {
    margin-bottom: 20px
}

.mr {
    margin-top: 20px
}

.card-body {
    background: #fff;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    -webkit-box-shadow: 0 7px 14px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 7px 14px 0 rgba(0, 0, 0, .12)
}

.card-container {
    margin: 0 auto;
    padding: 0 2rem 0 3rem
}

.nav-card {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between
}

.card-dates, .nav-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.card-dates p {
    background: #e0e0e0;
    border-radius: 5px;
    margin-left: 20px;
    padding: 4px 10px
}

.card-dates span {
    font-weight: 700
}

.nav-card-body-one {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.nav-card-body-one p {
    font-size: 12px;
    margin: 0
}

.card-production {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.naim {
    width: 16%
}

.card-production input {
    accent-color: #ffba00;
    margin-right: 10px
}

.card-production {
    width: 41%
}

.card-body-one {
    background: #fff;
    -webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, .1);
    padding: 20px
}

.additional_info {
    width: 24%
}

.nav-card-body-one .nav-card-body-one-icon {
    margin-right: 25px
}

.body-card-body-one {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px
}

.body-card-body-one p {
    font-size: 12px
}

.ptext {
    margin-left: 60px;
    width: 57%
}

.product_name {
    margin-left: 60px;
    width: 33%
}

.price_text {
    width: 24%
}

.total_price {
    font-size: 20px;
    font-weight: 700
}

.responsible-person, .responsible-persons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.responsible-person {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.avatar {
    padding: 1px;
}

.avatar-name {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    height: 100%;
    width: 100%;
    background: #eee;
    border-radius: 50%;
}

.person .avatar-name {
    font-size: 30px;
}

.avatar-img {
    border-radius: 50%;
}

.responsible-person p {
    margin: 0
}

.name-person {
    margin-left: 10px;
    margin-right: 50px
}

.name-person span {
    font-weight: 700
}

.footer-card-body-one {
    margin-left: 50px
}

.employees span {
    font-weight: 700;
    margin-left: 10px
}

.card-body-one {
    border-radius: 7px
}

.card-body-two {
    margin: 20px 0
}

.bgcolor {
    background: #f6691d
}

.bggcolor {
    background: #423b3b
}

.body-card-body-one span {
    font-weight: 700
}

.quick-sidebar-wrapper-profile {
    margin-top: 40px
}

.quick-sidebar-wrapper {
    text-align: center;
    padding-bottom: 2rem;
    height: calc(100% - 10%);
}

.filter-sidebar .quick-sidebar-wrapper {
    height: calc(100% - 10%) !important;
    overflow-y: scroll !important;
    padding-bottom: 3.5rem;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.filter-sidebar .quick-sidebar-wrapper::-webkit-scrollbar {
    display: none;
}

.notice-block {
    height: calc(100% - 10%) !important;
    overflow-y: scroll !important;
}

.quick-sidebar-wrapper-profile-name {
    margin-top: 40px
}

.xxxl {
    height: 10rem;
    width: 10rem
}

.quick-sidebar-wrapper-profile-name h2 {
    color: #000;
    font-size: 25px;
    font-weight: 800;
    margin-bottom: 14px
}

.padding_top {
    padding: 20px 0 0
}

.sidebar-line {
    margin-bottom: 2rem;
    margin-top: 2rem
}

.present-of-transaction-sidebar h1 {
    color: #000;
    font-size: 25;
    font-weight: 900;
    margin-top: 2rem
}

.circle-diagram .circle-diagram__inner {
    position: relative
}

.circle-diagram .circles-text {
    font-size: 40px !important;
    font-weight: 700 !important
}

.circle-diagram__inner .circle-diagram__min {
    color: #cfcfcf;
    font-size: 18px;
    font-weight: 800;
    position: absolute;
    right: -30px;
    top: -3px
}

.quick-sidebar {
    top: 63px
}

@media (max-width: 992px) {
    .quick-sidebar {
        top: 0
    }

    .logo-header-top {
        display: none
    }
}

.quick_sidebar_open .quick-sidebar {
    width: 356px
}

.ptt {
    padding: 0 !important
}

.quick-sidebar-wrapper .line-sidebar {
    margin-bottom: 0 !important
}

.quick-sidebar-wrapper .present-of-transaction-sidebar {
    margin-top: 20px
}

.quick-sidebar-wrapper .present-of-transaction-sidebar p {
    margin-bottom: 50px
}

.quick-sidebar-wrapper .present-of-transaction-sidebar .nine {
    font-weight: 800
}

.circle-diagram__inner .overall-statistics-colors {
    margin-top: 30px
}

.circle-diagram__inner .overall-statistics-colors, .display-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.overall-statistics-colors .overall-statistics-colors-block .mrg {
    font-size: 16px;
    margin-right: 10px
}

.overall-statistics-colors .overall-statistics-colors-block {
    margin-right: 20px
}

.overall-statistics-colors .overall-statistics-colors-block .gr {
    color: #f1f1f1
}

.overall-statistics-colors .overall-statistics-colors-block .or {
    color: #ff9e27
}

.overall-statistics-colors .overall-statistics-colors-block .ds-span {
    color: #787878
}

.footer-exit-sidebar {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -ms-flex-line-pack: center;
    align-content: center;
    background: none;
    border: none;
    border-top: 1px solid rgba(0, 0, 0, .1);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-top: 3rem;
    min-height: 128px;
    padding: 20px 0;
    width: 100%
}

.footer-exit-sidebar .exit-sidebar {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.footer-exit-sidebar .exit-sidebar i {
    font-size: 25px;
    margin-right: 10px !important
}

.column-block-two .employees .border-orange {
    border-color: #ffba00 !important
}

.footer-exit-sidebar button {
    background: none;
    border: none;
    cursor: pointer;
    width: 100%
}

.border-right-icons {
    background: #ffba00;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    padding: 12px;
    margin-right: 0.5rem;
    width: 44px;
    height: 44px;
    text-align: center;
}

.nav-order-detail {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.nav-order-detail, .nav-order-detail ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.nav-order-detail ul {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    margin: 0;
    padding-left: 12px
}

@media (max-width: 570px) {
    .nav-order-detail ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .nav-order-detail ul li {
        margin-bottom: 10px;
        margin-right: 0
    }

    .nav-order-detail ul li a {
        font-size: 16px !important
    }
}

.nav-order-detail ul li a {
    color: #a0a0a0;
    font-size: 15px;
    font-weight: 800;
}

.nav-order-detail ul li a:hover {
    text-decoration: none
}

.nav-order-detail ul li .bl {
    color: #ffba00;
    font-weight: 800;
}

.nav-order-detail li {
    margin-right: 4.5rem
}

.ls-second {
    margin: 0
}

.nav-order-detail .nav-order-detail-right-icons {
    margin-bottom: 0rem
}

.nav-order-detail .nav-order-detail-right-icons button {
    background: none;
    border: none;
    cursor: pointer;
    height: 44px;
    padding: 0;
    width: 3rem;
    width: 44px
}

.nav-order-detail .nav-order-detail-right-icons button i {
    margin-right: 0
}

.ls-second-column-datas .nav-ls-second-column ul {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding-left: 20px
}

.ls-second-column-data-paid {
    padding: 20px 0 40px;
    text-align: center
}

.columns .display {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.columns .display, .ls-second-column-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ls-second-column-data {
    padding-left: 20px
}

.padding_top-column-ls-second {
    padding: 0
}

.column-ls-second-two {
    width: 32%
}

.column-ls-second-one, .column-ls-second-two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.col-lg-4 .input-larisa {
    width: 85%
}

.column-ls-second-one .number-of-order {
    width: 24%
}

.column-ls-second-one .responsible-person-second {
    width: 40%
}

.column-ls-second-one {
    width: 60%
}

.column-ls-second-two .order-consumption {
    width: 50%
}

.padding_top-column-ls-second {
    margin-top: 20px;
    max-width: none
}

.ls-second-column-data h3 {
    color: #000;
    font-weight: 900;
    margin-top: 30px
}

.ls-second-column-data .column-ls-second-one, .ls-second-column-data .column-ls-second-two {
    margin-top: 22px
}

.column-ls-second-one span, .column-ls-second-two span {
    color: #a0a0a0
}

.ls-second-column-data-paid .color-white, .order-price .color-white {
    color: #fff
}

.onehundred {
    width: 100%
}

.main-in-second-column-top-part {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px
}

.main-in-second-column-top-part h2 {
    color: #000;
    font-weight: 800;
    margin: 0
}

.main-in-second-column-top-part-client {
    margin-right: 30px
}

.end-top-part-ls-second, .main-in-second-column-top-part-client {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.end-top-part-ls-second {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 20px 10px 0
}

.card-dates .ls-second-top-part {
    margin-bottom: 0;
    margin-left: 20px
}

.end-top-part-ls-second i {
    font-size: 45px
}

.body-part-ls-second {
    margin-top: 2rem
}

.body-part-ls-second ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding-left: 24px
}

.production_text {
    margin: 0;
    width: 100%
}
.body-part-ls-second-columns-datas {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px
}

.body-part-ls-second-columns-data .body-part-ls-second-columns-data-text {
    color: #000;
    font-weight: 800
}

.body-part-ls-second-columns-data-quantity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.body-part-ls-second-columns-datas .more-info-button i {
    margin-right: 20px
}

.table-name {
    width: 24%
}

.table-quantity {
    width: 15%
}

.table-cost-price {
    width: 20%
}

.table-price {
    width: 13%
}

.body-part-ls-second-columns-data {
    width: 23%
}

.body-part-ls-second-columns-data-quantityy .tb-five-hundred {
    width: 35%
}

.body-part-ls-second-columns-data-quantity .tb-dash {
    width: 37%
}

.body-part-ls-second-columns-data-quantity {
    width: 53%
}

.body-part-ls-second-columns-data-price h2 {
    color: #000;
    font-weight: 900
}

.column-body-part-ls-second {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px
}

@media (max-width: 992px) {
    .column-body-part-ls-second {
        width: 1340px
    }
}

.column-small {
    width: 100%
}

.body-part-ls-second-icons-after-column {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 20px
}

.body-part-ls-second-icons-after-column .border-size-icon-body-part-ls-second {
    color: #b5b4b4;
    font-size: 44px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 44px;
    height: 44px;
}

.color-gr-span {
    color: #a0a0a0
}

.nav-body-part-ls-second {
    margin-bottom: 2rem
}

@media (max-width: 992px) {
    .nav-body-part-ls-second {
        width: 1340px
    }
}

.main-in-second-column-top-part h3 {
    font-weight: 800;
    margin: 0
}

.bottom-part-ls-second-display {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.bottom-part-ls-second-display .main-in-second-column-top-part-font-size {
    font-size: 45px
}

.main-in-second-column-top-part h3 {
    color: #000
}

.bottom-part-ls-second-display .main-in-second-column-top-part .more-info-button {
    margin-right: 10px
}

.body-part-ls-second-icons-after-column-font-size {
    font-size: 19px
}

.nav-order-detail-right-icons-color-grey {
    background: #b5b4b4
}

.card-body .info-company img {
    height: 30%;
    width: 30%
}

.card-body .info-company {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.card-body .info-company .info-company-manager {
    border: 1px solid #dadada;
    border-radius: 12px;
    margin-left: 42px;
    padding: 15px 20px
}

.info-company-manager .name-manager h5 {
    font-weight: 800;
    margin: 0
}

.info-company-manager .name-manager {
    margin-bottom: 27px
}

.info-company-manager .number-manager span {
    font-weight: 800;
    margin-right: 20px
}

.info-company-manager .number-manager i {
    color: #ffba00;
    font-size: 25px
}

.ls-second-accordian {
    border: none;
    -webkit-box-shadow: 0 16px 14px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 16px 14px 0 rgba(0, 0, 0, .12);
    padding: 0
}

.info-company .client-balance .balance {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.info-company .client-balance .balance-margin {
    margin-top: 1rem
}

.info-company .client-balance .balance-margin span {
    margin-right: 30px !important
}

.info-company .client-balance .balance h2 {
    border: 1px solid #dadada;
    border-radius: 5px;
    font-weight: 800;
    margin: 0;
    padding: 5px 0 5px 5px;
    width: 11rem
}

.info-company .client-balance .balance span {
    margin-right: 1rem
}

.info-company .info-company-logo-and-manager {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ls-second-accordian .info-company {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.card-body .info-company {
    padding: 0 40px 20px 30px
}

.top-part {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.main-ls-second-accordion-body-top-part-right-part {
    border: 1px solid #dadada;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 30px
}

.main-ls-second-accordion-body-top-part-right-part .main-ls-second-accordion-body-top-part-right-part-right-part {
    display: -ms-grid;
    display: grid
}

.card-body .main-ls-second-accordion-body {
    padding: 0 40px 40px
}

.top-part .main-ls-second-accordion-body-top-part-left-part {
    display: -ms-grid;
    display: grid;
    margin-bottom: 26px;
    width: 27%
}

.main-ls-second-accordion-body-top-part-right-part-left-part {
    margin-right: 20px;
    width: 33%
}

.main-ls-second-accordion-body-top-part-right-part-right-part-span {
    width: 74%
}

.margin-top-ls-second-accordion {
    margin-top: 1rem
}

.background-grey-cennic {
    background: #f5f4f4;
    border-radius: 10px;
    font-weight: 800;
    margin-top: 1rem;
    padding: 14px
}

.margin-left-none {
    margin: 0
}

.main-ls-second-accordion-body-top-part-right-part .main-ls-second-accordion-body-top-part-right-part-left-part .production_text {
    font-weight: 800
}

.main-ls-second-accordion-body-top-part-right-part-left-part .card-production input {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5)
}

.collapse-three-top-part {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px 0 0
}

.collapse-three-top-part .collapse-three-top-part-first {
    width: 25%
}

.collapse-three-top-part .collapse-three-top-part-two {
    width: 19%
}

.collapse-three-top-part .collapse-three-top-part-three {
    width: 21%
}

.collapse-three-top-part .collapse-three-top-part-four {
    width: 15%
}

.main-ls-second-accordion-body .collapse-three-body-part {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px
}

.collapse-three-top-part-first-hsix {
    font-size: 16px;
    margin-top: 2rem
}

.card-body .main-ls-second-accordion-body hr {
    margin: 0
}

.main-ls-second-accordion-body .collapse-three-top-part span {
    color: #a0a0a0
}

.collapse-three-body-part .info-company-manager {
    background: #ffba00
}

.collapse-three-body-part .info-company-manager h5, .collapse-three-body-part .info-company-manager i, .collapse-three-body-part .info-company-manager span {
    color: #fff
}

.card-body .main-ls-second-accordion-body {
    padding-top: 40px
}

.card-body .main-ls-second-accordion-body .nav-main-ls-second-accordion-body {
    padding-bottom: 20px
}

.card-body .main-ls-second-accordion-body .nav-main-ls-second-accordion-body ul li {
    color: #a0a0a0;
    font-size: 14px
}

.card-body .main-ls-second-accordion-body .nav-main-ls-second-accordion-body ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding-left: 20px
}

.card-body .main-ls-second-accordion-body .nav-main-ls-second-accordion-body ul .nav-main-ls-second-accordion-body-first {
    width: 11.4%
}

.card-body .main-ls-second-accordion-body .nav-main-ls-second-accordion-body ul .nav-main-ls-second-accordion-body-second {
    width: 27.7%
}

.card-body .main-ls-second-accordion-body .nav-main-ls-second-accordion-body ul .nav-main-ls-second-accordion-body-three {
    width: 18.5%
}

.card-body .main-ls-second-accordion-body .nav-main-ls-second-accordion-body ul .nav-main-ls-second-accordion-body-four {
    width: 16.7%
}

.card-body .main-ls-second-accordion-body .bottom-part-ls-second-display {
    margin: 0;
    padding-right: 20px
}

.card-body .main-ls-second-accordion-body .main-in-second-column-top-part {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.card-body .main-ls-second-accordion-body .main-in-second-column-top-part h4, .card-body .main-ls-second-accordion-body .main-in-second-column-top-part i, .card-body .main-ls-second-accordion-body .main-in-second-column-top-part p {
    margin: 0
}

.card-body .main-ls-second-accordion-body .cancel-in-accordion-bottom-part-ls-second {
    background: #ffba00;
    border-radius: 5px;
    color: #fff;
    padding: 4px 16px
}

.card-body .main-ls-second-accordion-body .main-in-second-column-top-part-first {
    width: 10%
}

.card-body .main-ls-second-accordion-body .main-in-second-column-top-part-second {
    width: 30%
}

.card-body .main-ls-second-accordion-body .main-in-second-column-top-part-three {
    width: 20%
}

.card-body .main-ls-second-accordion-body .main-in-second-column-top-part-four {
    width: 18%
}

.card-body .main-ls-second-accordion-body .main-in-second-column-top-part {
    width: 100%
}

.ls-second-accordian .payments__row__accordion {
    padding: 10px 34px 26px
}

.payments__row__body, .payments__row__body .nav-main-ls-second-accordion-body-inside-employee {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.payments__row__body .nav-main-ls-second-accordion-body-inside-employee {
    margin-right: 36px
}

.payments__row__body .nav-main-ls-second-accordion-body-inside-client {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.payments__row__body h6 {
    margin: 0 30px 0 0
}

.payments__row__body .nav-main-ls-second-accordion-body-inside-client h6, .payments__row__body .nav-main-ls-second-accordion-body-inside-employee h6 {
    color: #a0a0a0
}

.payments__row__body span {
    font-size: 16px;
    font-weight: 800
}

.payments .nav-main-ls-second-accordion-body-inside-body span {
    color: #a0a0a0
}

.nav-main-ls-second-accordion-body-inside-body {
    margin-top: 20px
}

.nav-main-ls-second-accordion-body-inside-body__top {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.nav-main-ls-second-accordion-body-inside-body__top h6 {
    margin-top: 10px
}

.nav-main-ls-second-accordion-body-inside-body__top h6__first {
    width: 20%
}

.nav-main-ls-second-accordion-body-inside-body .nav-main-ls-second-accordion-body-inside-body__top__first {
    width: 42%
}

.nav-main-ls-second-accordion-body-inside-body__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px
}

.nav-main-ls-second-accordion-body-inside-body__bottom .nav-main-ls-second-accordion-body-inside-body-bottom--file {
    border: 1px solid #dadada;
    border-radius: 8px;
    margin-right: 1.5rem;
    padding: 6px 6px 20px
}

.nav-main-ls-second-accordion-body-inside-body__bottom .nav-main-ls-second-accordion-body-inside-body-bottom--file .file-part i {
    font-size: 4rem
}

.nav-main-ls-second-accordion-body-inside-body__bottom .nav-main-ls-second-accordion-body-inside-body-bottom--file .circle-icon i {
    color: #ffba00;
    font-size: 1.8rem
}

.nav-main-ls-second-accordion-body-inside-body__bottom .nav-main-ls-second-accordion-body-inside-body-bottom--file .file-part {
    padding: 0 30px;
    text-align: center
}

.nav-main-ls-second-accordion-body-inside-body__bottom .nav-main-ls-second-accordion-body-inside-body-bottom--file .file-part p {
    margin-top: 1.5rem
}

.nav-main-ls-second-accordion-body-inside-body-bottom--file {
    border: 1px solid #dadada;
    border-radius: 8px;
    margin-right: 1.5rem;
    padding: 6px 6px 20px
}

.nav-main-ls-second-accordion-body-inside-body-bottom--file .file-part i {
    font-size: 4rem
}

.nav-main-ls-second-accordion-body-inside-body-bottom--file .circle-icon i {
    color: #ffba00;
    font-size: 1.8rem
}

.nav-main-ls-second-accordion-body-inside-body-bottom--file .file-part {
    padding: 0 30px;
    text-align: center
}

.nav-main-ls-second-accordion-body-inside-body-bottom--file .file-part p {
    margin-top: 1.5rem
}

.margin-top-column-ls-second-accordion-inline {
    margin-top: 20px !important
}

.padding-for-card-body-main-ls-second-accordion-body {
    padding: 30px 34px !important
}

.padding-for-card-body-main-ls-second-accordion-body .name-person {
    margin: 0 4rem 0 0
}

.padding-for-card-body-main-ls-second-accordion-body span {
    font-weight: 800 !important
}

.media-file .media-file-dwn {
    background-color: #ffba00;
    cursor: pointer;
    padding: 45px 50px 0;
    text-align: center
}

.media-file .media-file-dwn p {
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    margin: 20px 0 0
}

.media-file .media-file-dwn i {
    color: #fff;
    font-size: 55px
}

.media-file .border-size-icon-body-part-ls-second__cross {
    color: #b5b4b4 !important;
    font-size: 1.8rem;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.discussion-font-weight-0 {
    color: #a0a0a0 !important;
    font-weight: 400 !important
}

.nav-order-discussion-right-icons {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem
}

.number-of-zakaz-order-discussion h3 {
    margin-bottom: 0
}

.number-of-zakaz-order-discussion p {
    font-size: 12px
}

.body-orders-discussion {
    padding: 50px 40px 0
}

.body-orders-discussion .body-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px
}

.body-orders-discussion .body-message .body-orders-discussion-responsible-person {
    -webkit-box-align: normal;
    -ms-flex-align: normal;
    align-items: normal;
    margin-top: 20px;
    width: 65%
}

.body-orders-discussion .body-message .body-orders-discussion-responsible-person .name-person {
    margin: 0 0 0 20px
}

.body-orders-discussion .body-message .body-orders-discussion-responsible-person p {
    font-size: 12px
}

.body-orders-discussion .body-message .message {
    background: #fff;
    border-radius: 14px;
    padding: 30px 40px
}

.body-orders-discussion .body-message .message .an-in-voice-for-payment {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.body-orders-discussion .body-message .message .an-in-voice-for-payment .file-part {
    padding-top: 34px
}

.body-orders-discussion .body-message .message .an-in-voice-for-payment p {
    margin: 1.5rem 0 1rem
}

.body-orders-discussion .body-message .message p {
    margin: 0 0 30px
}

.footer-order-discussion {
    background: #fff;
    border-radius: 7px;
    -webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, .1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 22px 20px 0
}

.footer-order-discussion .base .name-person {
    display: -ms-grid;
    display: grid;
    margin: 0 50px 0 0
}

.footer-order-discussion .base .name-person span {
    margin-bottom: 5px;
    margin-left: 3px
}

.footer-order-discussion .base .name-person .base-dop-span {
    color: #a0a0a0;
    font-weight: 400;
    margin: 0
}

.footer-order-discussion .right-part-main {
    width: 79%
}

.footer-order-discussion .right-part-main .add-create-order {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px
}

.footer-order-discussion .right-part-main .add-create-order .add-order {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 85%
}

.footer-order-discussion .right-part-main .add-create-order .add-order h2 {
    font-size: 16px;
    font-weight: 800;
    margin: 0
}

.footer-order-discussion .right-part-main .add-create-order .add-order i {
    cursor: pointer;
    font-size: 40px
}

.footer-order-discussion .right-part-main .create-order-btn {
    background: #ffba00;
    border: none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    padding: 5px 20px
}

.footer-order-discussion .right-part-main .an-in-voice-for-payment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px
}

.footer-order-discussion .right-part-main .an-in-voice-for-payment .circle-icon i {
    color: #b5b4b4 !important;
    font-size: 1.8rem;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.login-register-logo {
    background: #ffc400;
    height: 154px;
    margin: 0 auto;
    padding: 16px;
    position: relative;
    width: 154px
}

.login-register-logo .logo__top {
    font-size: 70px;
    font-weight: 900;
    line-height: 74px
}

.login-register-logo .logo__bottom {
    font-size: 28px
}

.main__register-login-page {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: #ffba00;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center
}

.main__register-login-page, .main__register-login-page .background-elements {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    justify-content: center
}

.main__register-login-page .background-elements {
    color: #ffb300;
    font-family: Roboto;
    font-size: 55rem;
    font-weight: 800;
    left: 0;
    padding-left: 32rem;
    padding-top: 8rem;
    position: fixed;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.form-title h4 {
    color: #fff;
    font-size: 14px;
    font-weight: 750;
    margin-bottom: 54px;
    margin-top: 48px
}

.form-fields .form-field {
    display: -ms-grid;
    display: grid;
    text-align: left
}

.form-fields .form-field span {
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 20px;
    margin-left: 20px
}

.form-fields .form-field .employee-data {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-radius: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    padding: 14px
}

.form-fields .form-field .employee-data i {
    color: #ffba00;
    font-size: 2rem;
    margin-right: 16px
}

.form-fields .form-field .employee-data input {
    border: none;
    outline: none;
    width: 100%
}

.form-fields .login-btn {
    background: #fa0;
    border: none;
    border-radius: 7px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    margin-top: 22px;
    padding: 10px 20px
}

.register-form-container {
    margin: 0 auto;
    max-width: 430px;
    padding: 0 30px;
    width: 100%;
    z-index: 2
}

.session-timeout {
    color: #000;
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 1rem
}

.card-body-in-miscalculation {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0
}

.card-body-in-miscalculation .main-in-miscalculation, .card-body-in-miscalculation .main-in-miscalculation .bottom-part-ls-second-display {
    padding: 0
}

.main-in-miscalculation {
    margin-bottom: 20px
}

.main-in-miscalculation .nav-main-ls-second-accordion-body-first {
    width: 12% !important
}

.main-in-miscalculation .nav-main-ls-second-accordion-body-second {
    width: 24% !important
}

.main-in-miscalculation .nav-main-ls-second-accordion-body-three {
    width: 19% !important
}

.main-in-miscalculation .nav-main-ls-second-accordion-body-four {
    width: 33% !important
}

.main-in-miscalculation .main-in-second-column-top-part-first {
    width: 9% !important
}

.main-in-miscalculation .main-in-second-column-top-part-first a {
    font-weight: 800;
    color: black
}

.main-in-miscalculation .main-in-second-column-top-part-second {
    width: 24% !important
}

.main-in-miscalculation .employees {
    width: 20% !important
}

.main-in-miscalculation .main-in-second-column-top-part-four {
    font-weight: 800;
    width: 16% !important
}

.main-in-miscalculation .btn-in-column-on-pages-miscalculation {
    margin-right: 8% !important
}

.main-in-miscalculation .btn-in-column-on-pages-miscalculation .cancel-in-accordion-bottom-part-ls-second {
    padding: 12px
}

.main-in-miscalculation .btn-in-column-on-pages-miscalculation a {
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    text-decoration: none
}

.main-in-miscalculation .main-in-second-column-top-part-five {
    font-weight: 800
}

.container-in-miscalculation {
    margin-top: 22px !important
}

.margin-top-in-column-in-miscalculation {
    margin-top: 20px !important;
    padding: 0 !important
}

#statistic_block {
    height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    visibility: hidden
}

/* #statistic_block, #statistic_block.opened {
    -webkit-transition: .1s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out
} */

#statistic_block.opened {
    height: auto;
    opacity: 1;
    padding: 25px 10px 30px;
    visibility: visible
}

.orders-filters {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.orders-filters, .orders-filters__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.orders-filters__button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #ffba00;
    border-radius: 50% !important;
    cursor: pointer;
    max-height: 44px;
    min-height: 44px;
    justify-content: center;
    margin-left: 10px;
    min-width: 44px;
    max-width: 44px;
}

.orders-filters__button span {
    margin-bottom: -3.5px
}

.orders-filters__button span i {
    color: #fff;
    font-size: 20px !important;
    margin: 0
}

.orders-filters__input {
    max-width: 250px;
    width: 100%
}

.orders-filters .order-filters-in-miscalculate {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end
}

@media (max-width: 992px) {
    .orders-filters .order-filters-in-miscalculate input {
        margin-bottom: 15px;
        margin-right: 0
    }

    .orders-filters .order-filters-in-miscalculate .orders-chart__bottom {
        margin-left: auto
    }
}

.orders-filters .order-filters-in-miscalculate ul {
    width: 100%
}

.orders-filters .order-filters-in-miscalculate .left, .orders-filters .order-filters-in-miscalculate .left .dates {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.orders-filters .order-filters-in-miscalculate i {
    font-size: 45px;
    margin: 0
}

.orders-filters .in-miscalculate .search {
    border: 1px solid #c4c4c4;
    border-radius: 4px;
    height: 40px;
    margin-right: 20px;
    padding: .6rem 1rem
}

.orders-filters .in-miscalculate .dates {
    height: 40px
}

@media (max-width: 570px) {
    .orders-filters .in-miscalculate .dates {
        height: auto
    }
}

.orders-filters .in-miscalculate .dates i {
    font-size: 14px !important
}

.orders-filters .in-miscalculate .left {
    width: 60%
}

.orders-filters .in-miscalculate .left .dates {
    width: 100%
}

.nav-miscalculation-right-part {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.nav-miscalculation-right-part .buttons {
    margin-bottom: 1rem;
    margin-right: 20px
}

.nav-miscalculation-right-part .buttons button {
    border: none;
    border-radius: 7px;
    font-size: 20px;
    font-weight: 800;
    padding: 8px 28px
}

.nav-miscalculation-right-part .buttons .properties-btn {
    background-color: #b5b4b4;
    color: #fff;
    margin-right: 10px;
    font-size: 16px;
}

.nav-miscalculation-right-part .buttons .properties-btn-two {
    background-color: #ffba00;
    color: #fff;
    font-size: 16px;
}

.order-miscalculation-list-two .nav-order-detail {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.order-miscalculation-list-two .card-dates {
    margin-bottom: 1rem !important
}

.order-miscalculation-list-two .card-dates .ls-second-top-part {
    margin: 0 20px 0 0
}

.column-in-miscalculation-list-two .number-of-order h3 {
    margin-bottom: 0
}

.column-in-miscalculation-list-two .number-of-order p {
    font-size: 12px
}

.column-in-miscalculation-list-two .column-ls-second-one {
    width: 100%
}

.column-in-miscalculation-list-two .column-ls-second-one .number-of-order {
    width: 13.3%
}

.column-in-miscalculation-list-two .column-ls-second-one .responsible-person-second {
    width: 60%
}

.column-in-miscalculation-list-two .column-ls-second-one .status-in-column-ls-second {
    width: 14%
}

.bottom-in-miscalculation-list-two .main-ls-second-accordion-body p {
    font-size: 20px;
    text-align: center
}

.btn_add {
    margin-left: auto;
}

.order_calculation .container {
    margin-top: 20px !important;
}

.docs .container {
    margin-top: 20px !important;
}

.cash-and-expenses .container {
    margin-top: 20px !important;
}

.cash-and-expenses .orders-filters ul {
    width: 100%
}

.main-cash-and-expenses .column {
    padding: 20px
}

.main-cash-and-expenses .top-part {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 992px) {
    .main-cash-and-expenses .top-part {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .main-cash-and-expenses .top-part .orders-chart__top--right {
        margin-top: 1rem;
        width: 100%
    }

    .main-cash-and-expenses .top-part .orders-chart__top--right .input-group {
        width: 100%
    }
}

.main-cash-and-expenses .top-part .btn-plus-minus i {
    font-size: 40px
}

.main-cash-and-expenses .body-part {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    padding-left: 20px
}

@media (max-width: 992px) {
    .main-cash-and-expenses .body-part {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width: 570px) {
    .main-cash-and-expenses .body-part {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0
    }
}

.main-cash-and-expenses .body-part span {
    color: #a0a0a0
}

.main-cash-and-expenses .body-part .cards {
    width: 46%
}

@media (max-width: 992px) {
    .main-cash-and-expenses .body-part .cards {
        width: 100%
    }
}

.main-cash-and-expenses .body-part .cards h4 {
    color: #000;
    font-size: 24px;
    font-weight: 800;
    margin: 0
}

.main-cash-and-expenses .body-part .cards .one-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 570px) {
    .main-cash-and-expenses .body-part .cards .one-cards {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.main-cash-and-expenses .body-part .cards .one-cards .back-orange {
    background: #ffba00
}

.main-cash-and-expenses .body-part .cards .one-cards .back-orange h4, .main-cash-and-expenses .body-part .cards .one-cards .back-orange span {
    color: #fff
}

.main-cash-and-expenses .body-part .cards .one-cards .one-card {
    border: 1px solid #dadada;
    border-radius: 10px;
    margin-bottom: 20px;
    margin-right: 20px;
    padding: 16px;
    width: 76%
}

@media (max-width: 570px) {
    .main-cash-and-expenses .body-part .cards .one-cards .one-card {
        margin-bottom: 15px !important;
        margin-right: 0;
        width: 100%
    }
}

.main-cash-and-expenses .body-part .cards .one-cards .margin0 {
    margin-bottom: 0
}

.main-cash-and-expenses .body-part .in-cash-register span {
    margin-left: 4px
}

.main-cash-and-expenses .body-part .in-cash-register h2 {
    color: #000;
    font-size: 30px;
    font-weight: 900;
    margin-top: 36px
}

.main-cash-and-expenses .body-part .in-cash-register h2 b {
    font-size: 70px
}

@media (max-width: 570px) {
    .main-cash-and-expenses .body-part .in-cash-register h2 {
        font-size: 20px;
        margin-top: 15px
    }

    .main-cash-and-expenses .body-part .in-cash-register h2 b {
        font-size: 40px
    }
}

.main-cash-and-expenses .main-column-in-cash-and-expenses .column {
    padding: 0 20px 0 0
}

.main-cash-and-expenses .main-column-in-cash-and-expenses .column .main-in-second-column-top-part {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.main-cash-and-expenses .main-column-in-cash-and-expenses .column .main-in-second-column-top-part h2 {
    color: #000;
    font-size: 22px;
    font-weight: 800;
    margin: 0
}

.main-cash-and-expenses .main-column-in-cash-and-expenses .column .main-in-second-column-top-part .main-in-second-column-top-part-first, .main-cash-and-expenses .main-column-in-cash-and-expenses .column .main-in-second-column-top-part .main-in-second-column-top-part-second {
    width: 15%
}

.main-cash-and-expenses .main-column-in-cash-and-expenses .column .main-in-second-column-top-part .main-in-second-column-top-part-three {
    width: 22%
}

.main-cash-and-expenses .main-column-in-cash-and-expenses .column .main-in-second-column-top-part .main-in-second-column-top-part-four {
    width: 14%
}

.main-cash-and-expenses .main-column-in-cash-and-expenses .column .main-in-second-column-top-part h4, .main-cash-and-expenses .main-column-in-cash-and-expenses .column .main-in-second-column-top-part p {
    margin: 0
}

.main-cash-and-expenses .main-column-in-cash-and-expenses .column .cancel-in-accordion-bottom-part-ls-second {
    background: #ffba00;
    border: none;
    border-radius: 5px;
    color: #fff;
    padding: 4px 16px
}

.main-cash-and-expenses .main-column-in-cash-and-expenses .nav-main-column-in-cash-and-expenses {
    margin-top: 36px
}

.main-cash-and-expenses .main-column-in-cash-and-expenses .nav-main-column-in-cash-and-expenses ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding-left: 60px
}

.main-cash-and-expenses .main-column-in-cash-and-expenses .nav-main-column-in-cash-and-expenses ul li {
    color: #a0a0a0;
    font-size: 14px
}

.main-cash-and-expenses .main-column-in-cash-and-expenses .nav-main-column-in-cash-and-expenses ul .nav-main-ls-second-accordion-body-first, .main-cash-and-expenses .main-column-in-cash-and-expenses .nav-main-column-in-cash-and-expenses ul .nav-main-ls-second-accordion-body-second {
    width: 14%
}

.main-cash-and-expenses .main-column-in-cash-and-expenses .nav-main-column-in-cash-and-expenses ul .nav-main-ls-second-accordion-body-three {
    width: 22%
}

.main-cash-and-expenses .main-column-in-cash-and-expenses .nav-main-column-in-cash-and-expenses ul .nav-main-ls-second-accordion-body-four {
    width: 14%
}

.container-in-reorders .margin-top {
    margin-top: 20px !important
}

.container-in-reorders .data p {
    font-size: 16px
}

.container-in-reorders .data .back {
    width: 16%
}

.container-in-reorders .data .strong-or {
    background: #ff8200
}

.container-in-reorders .data .back-grey {
    background: #77715d
}

.container-in-reorders .table-id {
    width: 12%
}

.container-in-reorders .table-client {
    width: 34%
}

.container-in-reorders .table-employees, .container-in-reorders .table-summ {
    width: 12%
}

.container-in-reorders .table-duty {
    width: 18%
}

.container-in-reorders .column-block-one {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 22px 0 15px 20px !important;
    width: 51% !important
}

.container-in-reorders .column-block-one p {
    margin: 0
}

.container-in-reorders .column-block-two {
    margin-top: 22px !important;
    width: 45%
}

.container-in-reorders .column-block-two .width-for-one {
    width: 31%
}

.container-in-reorders .column-block-two p {
    font-weight: 400
}

.container-in-reorders .column-block-two .width-for-two {
    width: 32%
}

.container-in-reorders .column-block-two {
    margin: 15px 0
}

.container-in-reorders .column-block-two p {
    margin: 0
}

.accordion-in-reorders .footer-card-body-one {
    padding-left: 20px
}

.accordion-in-reorders .name-and-information {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.accordion-in-reorders .name-and-information .margin-bottom-p {
    font-size: 13px;
    margin-bottom: 1rem !important
}

.accordion-in-reorders .name-and-information .font-size {
    font-size: 13px
}

.accordion-in-reorders .name-and-information .name {
    width: 35%
}

.accordion-in-reorders .name-and-information .name .font-weight {
    font-weight: 800
}

.accordion-in-reorders .name-and-information .information p, .accordion-in-reorders .name-and-information .name p {
    background: none;
    margin: 0;
    padding: 0
}

.accordion-in-reorders .card-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px
}

.accordion-in-reorders .card-date p {
    margin: 0
}

.accordion-in-reorders .nav-card {
    padding: 0 0 0 20px !important
}

.accordion-in-reorders .info-company-manager {
    background: #ffba00;
    border: 1px solid #dadada;
    border-radius: 12px;
    padding: 15px 30px
}

.accordion-in-reorders .info-company-manager h5, .accordion-in-reorders .info-company-manager i, .accordion-in-reorders .info-company-manager span {
    color: #fff
}

.columns-in-reorders-for-saddle-n-five .data {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    justify-content: space-between
}

.columns-in-reorders-for-saddle-n-five .data .data-start {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: contents;
    width: 100%;
}

.columns-in-reorders-for-saddle-n-five .data .data-start .one {
    width: 8%
}

.columns-in-reorders-for-saddle-n-five .data .data-start .two {
    width: 25%
}

.columns-in-reorders-for-saddle-n-five .data .data-start .three {
    width: 15%
}

.columns-in-reorders-for-saddle-n-five .data .data-start .four {
    font-weight: 400;
    width: 17%
}

.columns-in-reorders-for-saddle-n-five .data .data-start .five {
    font-weight: 400;
    width: 18%
}

.columns-in-reorders-for-saddle-n-five .data .data-start .six {
    background: #ff8200;
    border-radius: 5px;
    color: #fff;
    font-weight: 800;
    padding: 12px 24px
}

.columns-in-reorders-for-saddle-n-five .data p {
    font-size: 1.0375rem;
    margin: 0
}

.columns-in-reorders-for-saddle-n-five .column {
    padding: 20px
}

.container-in-reorders-for-saddle-n-five .table-id {
    width: 7% !important
}

.container-in-reorders-for-saddle-n-five .table-employees {
    width: 14% !important
}

.container-in-reorders-for-saddle-n-five .table-summ {
    width: 16%
}

.container-in-reorders-for-saddle-n-five .table-duty {
    width: 18%
}

.column-one-bottom-part-reorders-for-saddle-n-five .card-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px
}

.column-one-bottom-part-reorders-for-saddle-n-five .card-date p {
    margin: 0
}

.column-one-bottom-part-reorders-for-saddle-n-five .font-weight {
    font-size: 16px;
    font-weight: 800
}

.column-one-bottom-part-reorders-for-saddle-n-five .font-size {
    font-size: 16px
}

.column-one-bottom-part-reorders-for-saddle-n-five .margin-bottom-p {
    font-size: 13px;
    margin-bottom: 1rem !important
}

.column-one-bottom-part-reorders-for-saddle-n-five .name-and-information {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.column-one-bottom-part-reorders-for-saddle-n-five .name-and-information .num-of-order {
    width: 12%
}

.column-one-bottom-part-reorders-for-saddle-n-five .name-and-information .name {
    width: 35%
}

.column-one-bottom-part-reorders-for-saddle-n-five .name-and-information p {
    background: none;
    margin: 0;
    padding: 0
}

.column-one-bottom-part-reorders-for-saddle-n-five .info-company-manager {
    background: #ffba00;
    border: 1px solid #dadada;
    border-radius: 12px;
    padding: 15px 30px
}

.column-one-bottom-part-reorders-for-saddle-n-five .info-company-manager h5, .column-one-bottom-part-reorders-for-saddle-n-five .info-company-manager i, .column-one-bottom-part-reorders-for-saddle-n-five .info-company-manager span {
    color: #fff
}

.body-add-button-in-reorders-for-saddle-n-five .pad-0 {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: flex-start;
    margin: 26px 0 18px 15px
}

.body-add-button-in-reorders-for-saddle-n-five .pad-0 h3 {
    font-weight: 800;
    margin: 0
}

.body-add-button-in-reorders-for-saddle-n-five .pad-0 i {
    font-size: 45px
}

.main-reorders-for-saddle-n-five .nav-main-column-in-cash-and-expenses {
    margin-top: 0 !important
}

.container-in-employees {
    margin-top: 26px !important
}

.container-in-employees .column-and-icons {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.container-in-employees .column {
    width: 100%
}

.container-in-employees .table-client {
    width: 25% !important
}

.container-in-employees .table-employees {
    width: 18% !important
}

.container-in-employees .table-summ {
    width: 16%
}

.container-in-employees .table-duty {
    width: 20%
}

.container-in-employees .first {
    width: 6%
}

.container-in-employees .responsible-person {
    width: 26%
}

.container-in-employees .second {
    width: 19%
}

.container-in-employees .third {
    width: 16%
}

.container-in-employees .forth {
    width: 20%
}

.container-in-employees .font-weight {
    font-weight: 400 !important
}

.container-in-employees p {
    color: #000;
    /*font-size: 16px !important;
    font-weight: 900*/
}

.container-in-employees .margin-top {
    margin-top: 20px
}

.container-in-employees .back-orange {
    background: #ffba00
}

.container-in-employees .back-orange i, .container-in-employees .back-orange p {
    color: #fff
}

.orders-filters-in-clients input {
    border: 1px solid #c4c4c4;
    border-radius: 4px;
    height: 40px;
    margin-right: 20px;
    padding: .6rem 1rem
}

.container-in-clients .table-id {
    width: 12%
}

.container-in-clients .table-client {
    width: 33% !important
}

.container-in-clients .table-employees {
    width: 22% !important
}

.container-in-clients .table-summ {
    width: 19%
}

.container-in-clients .width-for-one {
    width: 54% !important
}

.container-in-clients .client p {
    font-weight: 400 !important
}

.container-in-clients .client p a {
    color: black;
}

.container-in-clients .width-for-two {
    font-weight: 800 !important
}

.container-in-clients .strong-or {
    background: #ffba00 !important
}

.container-in-clients .strong-or p {
    color: #fff
}

.container-in-clients .accordion-in-clients {
    position: relative;
    z-index: 2
}

.container-in-clients .accordion-in-clients .main {
    padding: 30px 30px 40px;
    width: 100%
}

.container-in-clients .accordion-in-clients .top {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.container-in-clients .accordion-in-clients .top, .container-in-clients .accordion-in-clients .top .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.container-in-clients .accordion-in-clients .top .right button {
    background: #fa0;
    border: none;
    border-radius: 7px;
    color: #fff;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 800;
    padding: 16px 36px
}

.container-in-clients .accordion-in-clients .top .info-company-manager {
    border: 1px solid #dadada;
    border-radius: 12px;
    margin-left: 52px;
    margin-top: 10px;
    padding: 15px 20px
}

.container-in-clients .accordion-in-clients .top .info-company-manager {
    border: 1px solid #dadada;
    border-radius: 12px;
    margin-left: 52px;
    margin-top: 10px;
    padding: 15px 20px
}

.container-in-clients .accordion-in-clients .bottom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px
}

.container-in-clients .accordion-in-clients .bottom p {
    font-size: 16px !important;
    font-weight: 400;
    margin: 0 20px 0 0
}

.container-in-clients .accordion-in-clients .bottom span {
    color: #a0a0a0
}

.container-in-clients .accordion-in-clients .bottom .tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.container-in-clients .accordion-in-clients .bottom .tags .tag {
    background: #e9e9e9;
    border-radius: 10px;
    margin-right: 16px;
    padding: 8px 18px
}

.container-in-clients .accordion-in-clients .present-of-transaction-sidebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.container-in-clients .accordion-in-clients .present-of-transaction-sidebar .circle-diagram__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: start !important
}

.container-in-clients .accordion-in-clients .present-of-transaction-sidebar .circle-diagram__inner .colors {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px
}

.container-in-clients .accordion-in-clients .present-of-transaction-sidebar .circle-diagram__inner .overall-statistics-colors {
    display: block;
    margin-left: 30px
}

.container-in-clients .accordion-in-clients .present-of-transaction-sidebar .circle-diagram__inner .overall-statistics-colors b {
    font-size: 18px;
    font-weight: 800;
    text-align: start
}

.container-in-clients .accordion-in-clients .present-of-transaction-sidebar .circle-diagram__inner .overall-statistics-colors p {
    font-size: 16px !important;
    font-weight: 400;
    margin-bottom: 4px
}

.container-in-employees-list-two .columns {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.container-in-employees-list-two .card-1 {
    display: inline-block;
    padding: 48px 15px 25px
}

.container-in-employees-list-two .card-1 .main .icons i {
    color: #ffba00;
    cursor: pointer;
    font-size: 26px;
    margin-right: 20px
}

.container-in-employees-list-two .card-1 .person h3 {
    font-size: 16px;
    font-weight: 800;
    margin-bottom: 4px
}

.container-in-employees-list-two .card-1 .person p {
    font-size: 12px;
    margin: 0
}

.container-in-employees-list-two .card-1 .avatar {
    height: 10rem;
    margin: 0 66px 54px;
    width: 10rem
}

.person .avatar {
    border: 2px solid #ffba00;
    border-radius: 50%;
    padding: 2px;
}

.container-in-employees-list-two .card-1 .person {
    margin-bottom: 36px
}

.container-in-employees-list-two .card-2 {
    display: inline-block;
    margin-top: 20px;
    padding: 25px 32px !important
}

.container-in-employees-list-two .card-2 .present-of-transaction-sidebar .back-orange {
    background: #ff7200;
    border-radius: 50%;
    color: #fff;
    display: inline;
    font-size: 16px;
    font-weight: 800;
    padding: 7px 12px
}

.container-in-employees-list-two .card-2 .present-of-transaction-sidebar .overall-statistics-colors {
    margin-top: 68px !important
}

.container-in-employees-list-two .card-2 .nav-text {
    margin-bottom: 30px;
    text-align: center
}

.container-in-employees-list-two .card-2 .nav-text .font-weight {
    color: #000;
    font-weight: 800
}

.container-in-employees-list-two .card-2 .nav-text span {
    color: #a0a0a0;
    cursor: pointer;
    font-size: 12px;
    margin-right: 10px
}

.container-in-employees-list-two .right-part {
    display: -ms-inline-grid;
    display: inline-grid;
    margin-right: 20px
}

.container-in-employees-list-two .left-part {
    width: 100%
}

.container-in-employees-list-two .left-part .card .top {
    padding: 30px 36px 0
}

.container-in-employees-list-two .left-part .card .top .nav-part {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.container-in-employees-list-two .left-part .card .top .body-part {
    margin-top: 40px;
    text-align: center
}

.container-in-employees-list-two .left-part .card .top .body-part .top-num {
    margin-bottom: 34px
}

.container-in-employees-list-two .left-part .card .top .body-part .top-num h1 {
    border: 1px solid #a0a0a0;
    border-radius: 10px;
    color: #000;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 56px;
    font-weight: 800;
    margin: 0;
    padding: 34px 88px
}

.container-in-employees-list-two .left-part .card .top .body-part .bottom-num {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.container-in-employees-list-two .left-part .card .top .body-part .bottom-num .left-value h3 {
    font-size: 28px;
    font-weight: 800;
    margin-top: 30px
}

.container-in-employees-list-two .left-part .card .top .body-part .bottom-num .left-value .btn-month {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 18px
}

.container-in-employees-list-two .left-part .card .top .body-part .bottom-num .left-value .btn-month p {
    background-color: #ffba00;
    border-radius: 7px;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    margin-right: 8px;
    padding: 4px 12px
}

.container-in-employees-list-two .left-part .card .top .body-part .bottom-num .right-value {
    margin-left: 60px
}

.container-in-employees-list-two .left-part .card .body .nav-part {
    margin-bottom: 48px;
    margin-top: 34px;
    text-align: center
}

.container-in-employees-list-two .left-part .card .body .nav-part span {
    color: #a0a0a0;
    cursor: pointer;
    font-size: 16px;
    margin-right: 46px
}

.container-in-employees-list-two .left-part .card .body .nav-part .font-weight {
    color: #000;
    font-weight: 500
}

.container-in-employees-list-two .left-part .card .body .body-part {
    padding: 0 36px 46px
}

.container-in-employees-list-two .left-part .card .body .body-part .column {
    margin-bottom: 20px
}

.container-in-employees-list-two .left-part .card .body .body-part .column .one {
    width: 10% !important
}

.container-in-employees-list-two .left-part .card .body .body-part .column .date-and-extradition {
    width: 50%
}

.container-in-employees-list-two .left-part .card .body .body-part .column .two {
    width: 22%
}

.container-in-employees-list-two .left-part .card .body .body-part p {
    margin: 0
}

.container-in-employees-list-two .left-part .card .body .body-part h4 {
    font-weight: 800;
    margin: 0
}

.container-in-employees-list-two .left-part .card .body .body-part .column {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 20px;
    width: 100%
}

.container-in-employees-list-three .card-2 {
    margin-top: 20px !important
}

.container-in-employees-list-three .main-card2 .margin-bottom {
    margin-bottom: 30px
}

.container-in-employees-list-three .main-card2 p {
    font-weight: 800 !important;
    margin: 12px 0 0
}

.container-in-employees-list-three .main-card2 span {
    color: #a0a0a0
}

.container-in-employees-list-three .select-photo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #d3d3d3;
    border-radius: 10px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 22px;
    margin-top: 16px;
    padding: 8px 0 8px 8px;
    width: 65%
}

.container-in-employees-list-three .select-photo .btn-add {
    width: 100%
}

.container-in-employees-list-three .select-photo .btn-add input {
    display: none
}

.container-in-employees-list-three .select-photo .btn-add label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.container-in-employees-list-three .select-photo .btn-add .main-in-photo {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.container-in-employees-list-three .select-photo .btn-add p {
    margin: 0
}

.container-in-employees-list-three .left-part .main {
    padding: 30px 36px 54px
}

.container-in-employees-list-three .left-part .main .body .top {
    padding: 0;
    text-align: center;
    width: 100%
}

.container-in-employees-list-three .left-part .main .body .top .left {
    display: -ms-inline-grid;
    display: inline-grid;
    margin-right: 50px;
    width: 40%
}

.container-in-employees-list-three .left-part .main .body .top .left .name-employee {
    display: -ms-inline-grid;
    display: inline-grid;
    margin-bottom: 28px
}

.container-in-employees-list-three .left-part .main .body .top .left .name-employee span {
    color: #a0a0a0;
    text-align: start
}

.container-in-employees-list-three .left-part .main .body .top .left .name-employee input {
    background: #f2f2f2;
    border: none;
    border-radius: 10px;
    font-size: 22px;
    margin-top: 20px;
    outline: none;
    padding: 14px 0 14px 14px
}

.container-in-employees-list-three .left-part .main .body .top .right {
    display: -ms-inline-grid;
    display: inline-grid;
    width: 40%
}

.container-in-employees-list-three .left-part .main .body .top .right .name-employee {
    display: -ms-inline-grid;
    display: inline-grid;
    margin-bottom: 28px
}

.container-in-employees-list-three .left-part .main .body .top .right .name-employee span {
    color: #a0a0a0;
    text-align: start
}

.container-in-employees-list-three .left-part .main .body .top .right .name-employee input {
    background: #f2f2f2;
    border: none;
    border-radius: 10px;
    font-size: 22px;
    margin-top: 20px;
    outline: none;
    padding: 14px 0 14px 14px
}

.container-in-employees-list-three .left-part .main .body .top .right .name-employee .select2 {
    margin-top: 20px;
    padding: 10px 0;
    width: auto !important
}

.container-in-employees-list-three .left-part .main .body .top .profile-photo {
    margin-top: 50px;
    text-align: start
}

.container-in-employees-list-three .left-part .main .body .top .profile-photo span {
    color: #a0a0a0
}

.container-in-employees-list-three .left-part .main .body .top .profile-photo .select2 {
    margin-bottom: 28px;
    margin-top: 20px;
    width: 300px !important
}

.container-in-employees-list-three .left-part .main .body .top .profile-photo .select2 span {
    color: #000
}

.container-in-employees-list-three .left-part .main .body .top .profile-photo button {
    background: #fa0;
    border: none;
    border-radius: 7px;
    color: #fff;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 800;
    padding: 8px 16px
}

.container-in-employees-list-three .left-part .main .body .top .password {
    margin-top: 60px
}

.container-in-employees-list-three .left-part .main .body .top .new-password {
    margin-top: 82px
}

.container-in-employees-list-three .left-part .main .body .top .btn-create-passw {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: end
}

.container-in-employees-list-three .left-part .main .body .top .btn-create-passw button {
    background: #fa0;
    border: none;
    border-radius: 7px;
    color: #fff;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 800;
    padding: 8px 16px
}

.container-in-employees-list-three .left-part .nav-part {
    margin-bottom: 60px;
    text-align: center
}

.container-in-employees-list-three .left-part .nav-part a {
    color: #a0a0a0;
    cursor: pointer;
    font-size: 16px;
    text-decoration: none
}

.container-in-employees-list-three .left-part .nav-part .font-weight {
    color: #000;
    font-weight: 800
}

.container-in-employees-list-three .left-part .nav-part .margin-right {
    margin-right: 94px
}

.container-in-employees-list-four .nav-body {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 0 15px
}

.container-in-employees-list-four .nav-body .two-margin {
    margin: 0 36px
}

.container-in-employees-list-four .nav-body .one span {
    color: #a0a0a0
}

.container-in-employees-list-four .column-in-main-body {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    border: 1px solid #a0a0a0;
    border-radius: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 15px
}

.container-in-employees-list-four .column-in-main-body .name p {
    font-size: 18px;
    font-weight: 500
}

.container-in-employees-list-four .column-in-main-body .present, .container-in-employees-list-four .column-in-main-body .presents {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.container-in-employees-list-four .column-in-main-body .present {
    margin-left: 60px
}

.container-in-employees-list-four .column-in-main-body .present input {
    background: #efefef;
    border: none;
    border-radius: 4px;
    font-size: 18px;
    font-weight: 800;
    max-width: 100px;
    padding: 10px;
    width: 100%
}

.container-in-employees-list-four .column-in-main-body .present p {
    font-size: 18px;
    font-weight: 800;
    margin-left: 5px
}

.container-in-employees-list-four .column-in-main-body h4, .container-in-employees-list-four .column-in-main-body p {
    margin: 0
}

.container-in-employees-list-four .margin-column {
    margin-bottom: 60px !important
}

.container-in-employees-list-four .btn-create-passw {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: end
}

.container-in-employees-list-four .btn-create-passw button {
    background: #fa0;
    border: none;
    border-radius: 7px;
    color: #fff;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 800;
    padding: 8px 16px
}

.container-in-clients-list-two .column {
    padding: 28px 40px
}

.container-in-clients-list-two .column .top-part {
    display: block
}

.container-in-clients-list-two .column .top-part .nav-part {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.container-in-clients-list-two .column .top-part .nav-part .select2 {
    width: 360px !important
}

.container-in-clients-list-two .column .top-part .nav-part .select2 span {
    font-weight: 800
}

.container-in-clients-list-two .column .top-part .nav-part h4 {
    font-weight: 800;
    margin: 0 28px 0 0
}

.container-in-clients-list-two .column .top-part .bottom-part {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-top: 40px
}

.container-in-clients-list-two .column .top-part .bottom-part img {
    height: 64px;
    margin-right: 36px;
    width: 64px
}

.container-in-clients-list-two .column .top-part .bottom-part .left-part {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.container-in-clients-list-two .column .top-part .bottom-part p {
    font-size: 20px;
    margin: 0
}

.container-in-clients-list-two .column .top-part .bottom-part button {
    background: #fa0;
    border: none;
    border-radius: 7px;
    color: #fff;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 800;
    padding: 8px 16px
}

.container-in-clients-list-two .column hr {
    margin: 0
}

.container-in-clients-list-two .column .body-part {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 30px 0
}

@media (max-width: 992px) {
    .container-in-clients-list-two .column .body-part {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.container-in-clients-list-two .column .body-part .present-part .circle-diagram {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important
}

.container-in-clients-list-two .column .body-part .present-part .circle-diagram .circle-diagram__inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.container-in-clients-list-two .column .body-part .present-part .circle-diagram .circle-diagram__inner .overall-statistics-colors {
    display: block;
    margin: 0 0 0 28px
}

.container-in-clients-list-two .column .body-part .present-part .circle-diagram .circle-diagram__inner .overall-statistics-colors p {
    margin-bottom: 20px
}

.container-in-clients-list-two .column .body-part .present-part .circle-diagram .circle-diagram__inner .overall-statistics-colors .overall-statistics-colors-block {
    margin-bottom: 16px
}

.container-in-clients-list-two .column .body-part .accounts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 65%
}

@media (max-width: 992px) {
    .container-in-clients-list-two .column .body-part .accounts {
        margin-top: 30px;
        width: 100%
    }
}

.container-in-clients-list-two .column .body-part .accounts h4 {
    font-size: 20px;
    font-weight: 800;
    margin-top: 24px
}

.container-in-clients-list-two .column .body-part .accounts span {
    color: #a0a0a0
}

.container-in-clients-list-two .column .body-part .accounts .one {
    width: 38%
}

.container-in-clients-list-two .column .body-second {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 14px
}

.container-in-clients-list-two .column .body-second .left-part {
    display: -ms-inline-grid;
    display: inline-grid
}

.container-in-clients-list-two .column .body-second .info-company-manager {
    border: 1px solid #dadada;
    border-radius: 12px;
    margin-left: 54px;
    padding: 15px 20px
}

.container-in-clients-list-two .column .bottom-part {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 14px 18px
}

@media (max-width: 1320px) {
    .container-in-clients-list-two .column .bottom-part {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .container-in-clients-list-two .column .bottom-part .sort-tags {
        margin-top: 20px
    }
}

.container-in-clients-list-two .column .bottom-part .el-icon-plus {
    cursor: pointer;
    font-size: 46px;
    margin-top: 20px
}

.container-in-clients-list-two .column .bottom-part .tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.container-in-clients-list-two .column .bottom-part .tag {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #e9e9e9;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    margin-right: 20px;
    padding: 8px 6px 8px 18px
}

.container-in-clients-list-two .column .bottom-part .tag i {
    color: #b5b4b4;
    cursor: pointer;
    font-size: 22px;
    margin-left: 12px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.container-in-clients-list-two .card-2 {
    margin-top: 20px
}

.container-in-clients-list-two .card-2 .nav-part {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 46px
}

.container-in-clients-list-two .card-2 .nav-part p {
    font-size: 20px;
    margin: 0
}

.container-in-clients-list-two .card-2 .column-in-main-card-2 {
    margin-bottom: 20px;
    padding: 0
}

.container-in-clients-list-two .card-2 .nav-main-panel .table-status {
    background: none !important;
    color: #a0a0a0
}

.container-in-clients-list-three .nav-part {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.container-in-clients-list-three .nav-part .left-part {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.container-in-clients-list-three .nav-part .accounts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 55%
}

.container-in-clients-list-three .nav-part .accounts h4 {
    font-size: 20px;
    font-weight: 800;
    margin-top: 24px !important
}

.container-in-clients-list-three .nav-part .accounts span {
    color: #a0a0a0
}

.container-in-clients-list-three .nav-part .accounts .one {
    width: 38%
}

.container-in-clients-list-three .main-column-in-clients-list-three .margin-top {
    margin-top: 20px
}

.container-in-clients-list-three .main-column-in-clients-list-three .nav-main-ls-second-accordion-body-first {
    width: 11% !important
}

.container-in-clients-list-three .main-column-in-clients-list-three .nav-main-ls-second-accordion-body-three {
    width: 44% !important
}

.container-in-clients-list-three .main-column-in-clients-list-three .nav-main-ls-second-accordion-body-four {
    width: 33% !important
}

.container-in-clients-list-three .employees {
    width: 45% !important
}

.container-in-clients-list-three .card-1 {
    margin-bottom: 36px
}

.container-in-clients-list-three .column {
    padding-bottom: 40px
}

.container-in-clients-list-three .btn-add-order {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.container-in-clients-list-three .btn-add-order, .container-in-clients-list-three .btn-add-order .create-miscalculation {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.container-in-clients-list-three .btn-add-order .create-miscalculation i {
    font-size: 40px
}

.container-in-clients-list-three .btn-add-order .create-miscalculation p {
    font-size: 16px;
    margin: 0
}

.container-in-clients-list-three .btn-add-order button {
    background: #fa0;
    border: none;
    border-radius: 7px;
    color: #fff;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 800;
    padding: 8px 16px
}

.container-in-clients-list-three .bottom-part {
    margin-bottom: 50px;
    padding: 0 !important
}

.container-in-clients-list-four .btn-add-order .create {
    background: #ffba00 !important;
    margin-right: 20px
}

.container-in-clients-list-four .nav-part {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.container-in-clients-list-four .nav-part .left-part {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.container-in-clients-list-four .nav-part .accounts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 55%
}

.container-in-clients-list-four .nav-part .accounts h4 {
    font-size: 20px;
    font-weight: 800;
    margin-top: 24px !important
}

.container-in-clients-list-four .nav-part .accounts span {
    color: #a0a0a0
}

.container-in-clients-list-four .nav-part .accounts .one {
    width: 38%
}

.container-in-clients-list-four .bottom-part {
    padding: 0 !important
}

.container-in-clients-list-four .main-clients-four {
    border: 1px solid #a0a0a0;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 44px;
    padding: 30px
}

.container-in-clients-list-four .main-clients-four .left {
    width: 34%
}

.container-in-clients-list-four .main-clients-four .left span {
    color: #a0a0a0
}

.container-in-clients-list-four .main-clients-four .left .select2 {
    margin-top: 24px;
    width: 300px !important
}

.container-in-clients-list-four .main-clients-four .left .select2 span {
    color: #000;
    font-weight: 800
}

.container-in-clients-list-four .main-clients-four .body, .container-in-clients-list-four .main-clients-four .right {
    width: 34%
}

.container-in-clients-list-four .main-clients-four .one {
    margin-bottom: 26px
}

.container-in-clients-list-four .main-clients-four .one .icon {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.container-in-clients-list-four .main-clients-four .one .icon button {
    background: none;
    border: none;
    cursor: pointer;
    margin: 0;
    padding: 0
}

.container-in-clients-list-four .main-clients-four .one span {
    color: #a0a0a0
}

.container-in-clients-list-four .main-clients-four .one input {
    background: #f2f2f2;
    border: none;
    border-radius: 10px;
    font-weight: 800;
    margin-right: 20px;
    margin-top: 24px;
    padding: 14px 16px;
    width: 70%
}

@media (max-width: 992px) {
    .container-in-clients-list-four .main-clients-four .one input {
        width: 100%
    }
}

.container-in-clients-list-four .bottom-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 25px
}

.container-in-clients-list-four .bottom-btn p {
    font-size: 16px;
    margin: 0
}

.container-in-clients-list-four .bottom-btn i {
    cursor: pointer;
    font-size: 44px
}

.orders-filters input {
    border: 1px solid #a0a0a0;
    border-radius: 7px;
    outline: none;
    padding: 10.5px 14px;
    width: 100%
}

.main-panel .container-in-orders {
    margin-top: 20px !important
}

.contractor .container {
    margin-top: 20px !important
}

.contractor .nav-in-contractor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    margin-left: 30px;
    width: 100%
}

.contractor .nav-in-contractor .one {
    margin-left: 40px;
    width: 6%
}

.contractor .nav-in-contractor .two {
    width: 73%
}

.contractor .column-in-contractor {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    width: 100%
}

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

.contractor .column {
    width: 100%
}

.contractor .column .data {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px
}

.contractor .column .data h4 {
    font-weight: 800
}

.contractor .column .one {
    margin-right: 46px
}

.contractor .column .two {
    font-size: 16px;
    font-weight: 400;
    width: 75%
}

.contractor .column .two a {
    color: black;
}

.contractor .column i {
    margin-right: 26px
}

.contractor .column h4, .contractor .column p {
    margin: 0
}

.contractor .accordion-in-contractor {
    margin-top: -6px;
    position: relative;
    z-index: 2
}

@media (max-width: 992px) {
    .contractor .accordion-in-contractor {
        width: 1218.48px !important
    }
}

.contractor .accordion-in-contractor .main {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 30px 30px 40px
}

.contractor .accordion-in-contractor .right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 22px
}

.contractor .accordion-in-contractor .right img {
    height: 64px;
    margin-right: 60px;
    width: 64px
}

.contractor .accordion-in-contractor .right .left-part {
    border-left: 2px solid #a0a0a0;
    display: -ms-inline-grid;
    display: inline-grid;
    padding: 10px 0 10px 60px
}

.contractor .accordion-in-contractor .left .circle-diagram__inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.contractor .accordion-in-contractor .left .overall-statistics-colors {
    display: block;
    margin: 0 0 0 50px
}

.contractor .accordion-in-contractor .left .overall-statistics-colors .text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

.contractor .accordion-in-contractor .left .overall-statistics-colors .text p {
    margin: 0 24px 0 0
}

.contractor .accordion-in-contractor .left .overall-statistics-colors .text b {
    color: #ffba00;
    font-size: 20px
}

.contractor .accordion-in-contractor .left .overall-statistics-colors .colors .overall-statistics-colors-block {
    margin-bottom: 14px
}

.container-in-contractor-list-two .top-part {
    padding-bottom: 36px;
    padding-left: 14px
}

.container-in-contractor-list-two .nav-part {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.container-in-contractor-list-two .nav-part button {
    background: #fa0;
    border: none;
    border-radius: 7px;
    color: #fff;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 800;
    padding: 8px 16px
}

.container-in-contractor-list-two .left-part {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.container-in-contractor-list-two .left-part img {
    height: 64px;
    margin-right: 36px;
    width: 64px
}

.container-in-contractor-list-two .left-part p {
    font-size: 20px;
    margin: 0
}

.container-in-contractor-list-two .accounts {
    width: 40% !important
}

.container-in-contractor-list-two .text-in-the-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 20px 38px 30px
}

.container-in-contractor-list-two .text-in-the-middle p {
    font-size: 20px;
    margin: 0
}

.container-in-contractor-list-two .columns-in-contractor-list-two .column {
    padding: 0 !important
}

.container-in-contractor-list-two .columns-in-contractor-list-two .table-client {
    width: 27% !important
}

.container-in-contractor-list-two .columns-in-contractor-list-two .table-employees, .container-in-contractor-list-two .columns-in-contractor-list-two .table-summ {
    width: 12% !important
}

.container-in-contractor-list-two .columns-in-contractor-list-two .table-price {
    width: 12%
}

.container-in-contractor-list-two .columns-in-contractor-list-two .table-duty {
    width: 12% !important
}

.container-in-contractor-list-two .columns-in-contractor-list-two .column-block-one {
    width: 38% !important
}

.container-in-contractor-list-two .columns-in-contractor-list-two .column-block-one .id {
    width: 25% !important
}

.container-in-contractor-list-two .columns-in-contractor-list-two .width-for-one {
    width: 29% !important
}

.container-in-contractor-list-two .columns-in-contractor-list-two .width-for-three, .container-in-contractor-list-two .columns-in-contractor-list-two .width-for-two {
    width: 26% !important
}

.container-in-contractor-list-two .columns-in-contractor-list-two .strong-yel {
    background: #ffba00
}

.container-in-contractor-list-two .columns-in-contractor-list-two .strong-gr {
    background: #77715d
}

.container-in-contractor-list-three .left-part {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between !important
}

.container-in-contractor-list-three .left-part img {
    height: 64px;
    margin-right: 36px;
    width: 64px
}

.container-in-contractor-list-three .left-part p {
    font-size: 20px;
    margin: 0
}

/*.container-in-contractor-list-three button {*/
/*    background: #fa0;*/
/*    border: none;*/
/*    border-radius: 7px;*/
/*    color: #fff;*/
/*    cursor: pointer;*/
/*    font-size: 1rem;*/
/*    font-weight: 800;*/
/*    padding: 8px 16px*/
/*}*/

.container-in-options {
    margin-top: 74px !important
}

.container-in-options .margin-top {
    margin-top: 20px !important
}

.container-in-options .nav-order-detail {
    margin-bottom: 36px
}

@media (max-width: 570px) {
    .container-in-options .nav-order-detail ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .container-in-options .nav-order-detail ul li {
        margin-bottom: 10px
    }

    .container-in-options .nav-order-detail ul li a {
        font-size: 16px !important
    }
}

.container-in-options .column {
    padding: 20px 18px
}

.container-in-options .column .icon-and-name {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.container-in-options .column .icon-and-name h4 {
    font-size: 16px;
    font-weight: 800;
    margin: 0
}

.container-in-options .column .deal-status {
    margin-top: 30px;
    padding-left: 10px
}

.container-in-options .column .deal-status .status-with-icons {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.container-in-options .column .deal-status .status-with-icons .body-part-ls-second-icons-after-column {
    margin-bottom: 12px
}

.container-in-options .column .deal-status p {
    border: 1px solid #a0a0a0;
    border-radius: 7px;
    font-weight: 800;
    margin: 0 0 12px;
    padding: 15px;
    width: 90%
}

@media (max-width: 992px) {
    .container-in-options .column .deal-status {
        padding-left: 0
    }

    .container-in-options .column .deal-status p {
        width: 100%
    }
}

.container-in-options .column .bottom-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 10px;
    margin-top: 14px
}

.container-in-options .column .bottom-btn p {
    font-size: 16px;
    margin: 0
}

.container-in-options .column .bottom-btn i {
    cursor: pointer;
    font-size: 44px
}

.container-in-options-list-two .margin-top-btn {
    margin-top: 28px !important
}

.container-in-options-list-three .nav-main-panel {
    background: #eef1f4;
    border-radius: 7px;
    padding: 20px
}

.container-in-options-list-three .nav-main-panel .top {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.container-in-options-list-three .nav-main-panel .bottom {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.container-in-options-list-three .nav-main-panel .bottom .left {
    max-width: 400px
}

.container-in-options-list-three .nav-main-panel .bottom .left, .container-in-options-list-three .nav-main-panel .bottom .right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.container-in-options-list-three .nav-main-panel .bottom .right {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.container-in-options-list-three .nav-main-panel .bottom .right span {
    padding: 0 8px;
    text-align: center;
    width: 100%
}

.container-in-options-list-three .nav-main-panel .bottom span {
    font-size: 12px
}

.container-in-options-list-three .columns .column {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    padding: 30px 20px
}

.container-in-options-list-three .columns .column .name {
    max-width: 400px;
    width: 100%
}

.container-in-options-list-three .columns .column .name h4 {
    font-size: 15px;
    font-weight: 800;
    margin: 0
}

.container-in-options-list-three .columns .column .inp-checkbox {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.container-in-options-list-three .columns .column .inp-checkbox__item {
    max-width: 120px;
    padding: 0 8px;
    text-align: center;
    width: 100%
}

.container-in-options-list-three .columns .column .inp-checkbox__item input {
    accent-color: #ffba00;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5)
}

.container-in-options-list-four .column {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 25px 25px 32px !important
}

.container-in-options-list-four .column .name h4 {
    font-weight: 800;
    margin: 0
}

.container-in-options-list-four .column .bottom-inp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px
}

.container-in-options-list-four .column .bottom-inp .bottom-input {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 50px
}

.container-in-options-list-four .column .bottom-inp .bottom-input h4 {
    font-weight: 800;
    margin: 0
}

.container-in-options-list-four .column .bottom-inp .bottom-input .color {
    color: #a7a7a7
}

.container-in-options-list-four .column .bottom-inp .bottom-input input {
    accent-color: #ffba00;
    margin-right: 15px;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5)
}

.container-in-options-list-four .column .bonus-fund {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.container-in-options-list-four .column .bonus-fund .margin-right {
    margin-right: 60px
}

.container-in-options-list-five .column {
    margin-bottom: 20px
}

.container-in-options-list-five .column .el-icon-plus {
    font-size: 44px;
    margin-top: 20px
}

.container-in-options-list-five .column .tags {
    display: block;
    margin-top: 36px
}

.container-in-options-list-five .column .tags .one {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.container-in-options-list-five .column .tags .color-span span {
    color: #a0a0a0
}

.container-in-options-list-five .column .tags .two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.container-in-options-list-five .column .tags .two span {
    color: #a0a0a0
}

.container-in-options-list-five .column .tags .tag {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #e9e9e9;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    margin-right: 20px;
    padding: 8px 6px 8px 18px
}

.container-in-options-list-five .column .tags .tag i {
    color: #b5b4b4;
    cursor: pointer;
    font-size: 22px;
    margin-left: 12px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.container-in-options-list-five .column .tags-second {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.container-in-options-list-five .column .tags-second .one {
    display: block;
    width: 12%
}

.container-in-options-list-five .column .tags-second .one .tag span {
    color: #a0a0a0;
    margin: 0;
    width: 85%
}

.container-in-options-list-five .column .tags-second .one span {
    margin-left: 20px
}

.accordion-in-cash-and-expenses .nav-accordion-in-cash {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.accordion-in-cash-and-expenses .nav-accordion-in-cash .one {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.accordion-in-cash-and-expenses .nav-accordion-in-cash .one h5 {
    font-weight: 800;
    margin: 0
}

.accordion-in-cash-and-expenses .nav-accordion-in-cash .one span {
    color: #a0a0a0;
    margin-right: 20px
}

.accordion-in-cash-and-expenses .nav-accordion-in-cash .line {
    border-right: 2px solid #a0a0a0;
    margin-right: 20px;
    padding-right: 20px
}

.accordion-in-cash-and-expenses .body {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 26px
}

.accordion-in-cash-and-expenses .body span {
    color: #a0a0a0
}

.accordion-in-cash-and-expenses .body .right {
    border: 1px solid #a0a0a0;
    border-radius: 10px;
    margin-right: 58px;
    padding: 14px 25px;
    width: 16%
}

.accordion-in-cash-and-expenses .body .right h3 {
    font-weight: 800;
    margin: 20px 0 0
}

.accordion-in-cash-and-expenses .body .left p {
    margin: 20px 0 0
}

.accordion-in-cash-and-expenses .media-files {
    margin-top: 28px
}

.accordion-in-cash-and-expenses .media-files .name h5 {
    font-weight: 800;
    margin-bottom: 28px
}

.accordion-in-cash-and-expenses .media-files .media-file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.accordion-in-cash-and-expenses .media-files .media-file .nav-main-ls-second-accordion-body-inside-body-bottom--file {
    width: 13%
}

.accordion-in-cash-and-expenses .media-files .media-file .file-part {
    padding: 0 !important
}

.accordion-in-cash-and-expenses .media-files .media-file p {
    font-size: 12px;
    margin: 1.5rem 0 0
}

.accordion-in-cash-and-expenses .media-files .media-file .el-middle {
    font-size: 44px;
    margin: auto 0 auto 20px
}

.price-list {
    padding: 30px 10px 30px 30px
}

@media (max-width: 992px) {
    .price-list {
        width: 1340px !important
    }
}

.price-list .nav {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 0 9.5rem 0 16px;
    width: 100%
}

.price-list .nav .two {
    display: inherit;
    width: 38%
}

.price-list .nav .two .width {
    width: 60%
}

.price-list .nav span {
    color: #a0a0a0
}

.price-list .columns {
    width: 100%
}

.price-list .columns .first-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    width: 100%
}

.price-list .columns .first-column .column-in-price-list-accordion {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    border: 1px solid #a0a0a0;
    border-radius: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 14px 2rem 14px 18px;
    width: 100%
}

@media (max-width: 992px) {
    .price-list .columns .first-column .column-in-price-list-accordion {
        width: 88%
    }
}

.price-list .columns .first-column .two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 38%
}

.price-list .columns .first-column .two .width {
    width: 60%
}

.price-list .columns .first-column .two h6 {
    font-size: 16px;
    font-weight: 800;
    margin: 0
}

.price-list .columns .first-column p {
    font-size: 16px;
    margin: 0
}

.price-list .columns .fa-plus-circle {
    font-size: 45px
}

.order-actions {
    margin-top: 80px;
    position: relative
}

.order-actions__row {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 40px;
    padding: 0 70px;
    width: 100%
}

@media (max-width: 992px) {
    .order-actions__row {
        padding: 0
    }
}

.order-actions__row:nth-last-child(2) {
    margin-bottom: 0;
    padding-bottom: 40px
}

.order-actions__row__block {
    padding-left: 30px;
    position: relative;
    width: 50%
}

@media (max-width: 570px) {
    .order-actions__row__block {
        padding: 0 !important;
        width: 100%
    }
}

.order-actions__row__block .order-action-date {
    display: block;
    font-weight: 700
}

@media (max-width: 570px) {
    .order-actions__row__block .order-action-date {
        text-align: center !important
    }
}

.order-actions__row__block--card {
    border-radius: 10px;
    -webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, .18);
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, .18);
    margin-top: 20px;
    padding: 30px 35px
}

.order-actions__row__block--card p {
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 0
}

.order-actions__row__block:before {
    background: #ffba00;
    border-radius: 50%;
    content: "";
    display: block;
    height: 20px;
    left: -10px;
    position: absolute;
    top: -10px;
    width: 20px;
    z-index: 2
}

@media (max-width: 570px) {
    .order-actions__row__block:before {
        display: none
    }
}

.order-actions .action-vertical-line {
    background: #8d8d8d;
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 2px
}

@media (max-width: 570px) {
    .order-actions .action-vertical-line {
        display: none
    }
}

.order-actions__row:nth-child(2n) {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.order-actions__row:nth-child(2n) .order-actions__row__block {
    padding-left: 0;
    padding-right: 30px
}

.order-actions__row:nth-child(2n) .order-actions__row__block .order-action-date {
    text-align: right
}

.order-actions__row:nth-child(2n) .order-actions__row__block:before {
    left: auto;
    right: -10px
}

.order-actions-list .ms {
    margin-bottom: 30px;
    padding: 0 !important
}

.orders-filters-employees .orders-chart__bottom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 570px) {
    .orders-filters-employees .orders-chart__bottom {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.orders-filters-employees .orders-chart__bottom .icon-equalizer {
    background: #ffba00;
    border-radius: 50px;
    color: #fff;
    font-size: 22px !important;
    padding: 11px
}

.orders-filters-employees .orders-chart__bottom button {
    background: none;
    border: none;
    cursor: pointer;
    display: block;
    padding: 0
}

.orders-filters-employees .orders-chart__bottom button:first-child {
    margin-right: 15px;
    padding-top: 5px
}

.in-employees .body-part-ls-second-icons-after-column i {
    font-size: 40px
}

.in-employees .body-part-ls-second-icons-after-column .color-icon {
    color: #f29b3d
}

.main-table-wrapper {
    margin-bottom: 0rem
}

.navbar-in-order-detail ul{
    margin-top: revert;
}

@media (max-width: 992px) {
    .main-table-wrapper {
        overflow-y: auto;
        padding: 1rem;
        position: relative;
        width: 100%
    }

    .main-table-wrapper::-webkit-scrollbar {
        width: 1em
    }

    .main-table-wrapper::-webkit-scrollbar-track {
        border-radius: 6px;
        -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .3);
        box-shadow: inset 0 0 2px rgba(0, 0, 0, .3)
    }

    .main-table-wrapper::-webkit-scrollbar-thumb {
        background-color: #ffba00;
        border-radius: 6px
    }
}

@media (max-width: 992px) {
    .accordion-in-cash-and-expenses, .column, .column-in-contractor, .columns, .nav-in-contractor, .nav-main-column-in-cash-and-expenses, .nav-main-panel {
        width: 1340px !important
    }
}

.client-profile, .client-profile-wrapper .all-orders, .main-cash-and-expenses__first, .options-accordions, .options-accordions .column {
    width: 100% !important
}

@media (max-width: 570px) {
    .client-profile {
        padding: 15px
    }
}

@media (max-width: 820px) {
    .orders-filters ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .orders-filters ul li {
        margin-bottom: 15px;
        max-width: 788px !important
    }

    .orders-filters ul .select2 {
        max-width: 100%
    }
}

@media (max-width: 778px) {
    .orders-chart__top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: center
    }

    .orders-chart__top--left {
        margin-bottom: 15px
    }
}

.orders-chart__bottom p {
    margin-bottom: 0
}

@media (max-width: 536px) {
    .orders-chart__bottom {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        align-items: center;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: center
    }

    .orders-chart__bottom--indicators {
        margin-bottom: 15px
    }
}

.orders-chart__bottom--indicators li:nth-child(2) {
    margin-right: 15px
}

.filter-button {
    width: 45px
}

.filter-button p {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #ffba00;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 45px;
    justify-content: center;
    margin-bottom: 0;
    width: 45px
}

.filter-button p i {
    color: #fff;
    font-size: 22px !important;
    margin: auto;
    padding-top: 3px
}

#statistic_btn.active {
    opacity: .6
}

.filter-sidebar {
    padding-left: 1rem;
    padding-right: 1rem
}

.filter-sidebar .quick-sidebar-wrapper {
    margin-top: 3rem
}

.filter-sidebar ul {
    list-style: none;
    margin-bottom: 0;
    margin-top: 1rem;
    padding: 0
}

.filter-sidebar ul li {
    /*margin-bottom: 1rem*/
}

.filter-sidebar input {
    border: 1px solid #ebedf2;
    border-radius: 7px;
    outline: none;
    padding: 12px 14px;
    width: 100%
}

.filter-sidebar .select2 {
    border: 1px solid #ebedf2;
    border-radius: 7px;
    width: 100% !important
}

.filter-sidebar .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
    border-color: #ffba00 transparent transparent;
    border-width: 5px 5px 0
}

.filter-sidebar .select2-container--bootstrap .select2-selection--single {
    border-radius: 7px
}

.filter-sidebar .input-group-text {
    background: none
}

.filter-sidebar .input-group i {
    color: #ffba00
}

@media (max-width: 701px) {
    .nav-order-detail {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width: 821px) {
    .nav-order-detail li {
        margin-right: 2rem
    }
}

@media (max-width: 515px) {
    .nav-order-detail li {
        margin-right: 1rem
    }
}

@media (max-width: 467px) {
    .nav-order-detail li a {
        font-size: 13px !important
    }
}

@media (max-width: 701px) {
    .nav-order-detail .navbar-in-order-detail {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        margin-bottom: 2rem
    }
}

.width-one-hundred {
    width: 100% !important
}

@media (max-width: 890px) {
    .width-one-hundred-bottom-a .info-company {
        display: block;
        padding: 10px 30px 20px
    }
}

@media (max-width: 450px) {
    .width-one-hundred-bottom-a .info-company {
        display: block;
        padding: 10px 30px 20px;
        text-align: center
    }
}

@media (max-width: 890px) {
    .width-one-hundred-bottom-a .info-company .info-company-logo-and-manager {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 30px
    }
}

@media (max-width: 462px) {
    .width-one-hundred-bottom-a .info-company .info-company-logo-and-manager {
        display: block;
        margin-bottom: 30px
    }
}

@media (max-width: 450px) {
    .width-one-hundred-bottom-a .info-company .info-company-logo-and-manager {
        text-align: center
    }
}

@media (max-width: 610px) {
    .width-one-hundred-bottom-a .info-company .info-company-logo-and-manager .info-company-manager {
        margin-left: 20px !important;
        text-align: start;
        width: 250px
    }
}

@media (max-width: 462px) {
    .width-one-hundred-bottom-a .info-company .info-company-logo-and-manager .info-company-manager {
        margin-left: 0 !important
    }
}

@media (max-width: 450px) {
    .width-one-hundred-bottom-a .info-company .info-company-logo-and-manager .info-company-manager {
        margin-left: 0 !important;
        text-align: center;
        width: 100% !important
    }
}

@media (max-width: 610px) {
    .width-one-hundred-bottom-a .info-company .info-company-logo-and-manager img {
        height: 5rem;
        margin-bottom: 20px;
        width: 9rem
    }
}

@media (max-width: 890px) {
    .width-one-hundred-bottom-a .client-balance {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center
    }
}

@media (max-width: 450px) {
    .width-one-hundred-bottom-a .client-balance {
        display: block
    }
}

@media (max-width: 890px) {
    .width-one-hundred-bottom-a .client-balance .balance {
        display: block;
        text-align: center
    }
}

@media (max-width: 890px) and (max-width: 890px) {
    .width-one-hundred-bottom-a .client-balance .balance h2 {
        margin-top: 15px
    }
}

@media (max-width: 890px) and (max-width: 450px) {
    .width-one-hundred-bottom-a .client-balance .balance h2 {
        text-align: center;
        width: 100%
    }

    .width-one-hundred-bottom-a .client-balance .balance span {
        text-align: center !important
    }
}

@media (max-width: 450px) {
    .width-one-hundred-bottom-a .client-balance .balance {
        display: block;
        margin-bottom: 20px
    }
}

@media (max-width: 890px) {
    .width-one-hundred-bottom-a .client-balance .balance-margin {
        margin: 0 0 0 20px
    }
}

@media (max-width: 450px) {
    .width-one-hundred-bottom-a .client-balance .balance-margin {
        margin-left: 0 !important
    }

    .width-one-hundred-bottom-a .client-balance .balance-margin span {
        margin: 0 !important
    }
}

@media (max-width: 616px) {
    .card-dates-adaptation-v-order-detail {
        display: block
    }

    .card-dates-adaptation-v-order-detail .card-date {
        margin-bottom: 15px
    }
}

.width-one-hundred-present {
    width: 100% !important
}

.order-detail .width-one-hundred-present .lll .select2 {
    width: 80% !important
}

@media (max-width: 1352px) {
    .discussion .body-orders-discussion {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .discussion .body-message {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .discussion .body-message .responsible-person {
        margin-bottom: 20px
    }
}

@media (max-width: 805px) {
    .discussion .body-message .message .an-in-voice-for-payment {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -ms-grid;
        display: grid;
        justify-content: center
    }

    .discussion .body-message .message .an-in-voice-for-payment .nav-main-ls-second-accordion-body-inside-body-bottom--file {
        margin-bottom: 15px
    }
}

@media (max-width: 701px) {
    .discussion .nav-order-detail ul {
        margin-bottom: 2rem
    }
}

@media (max-width: 1090px) {
    .discussion .footer-order-discussion {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .discussion .footer-order-discussion .name-person {
        margin-bottom: 15px
    }

    .discussion .footer-order-discussion .right-part-main {
        width: 100% !important
    }
}

@media (max-width: 685px) {
    .discussion .footer-order-discussion .right-part-main .an-in-voice-for-payment {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -ms-grid;
        display: grid;
        justify-content: center
    }

    .discussion .footer-order-discussion .right-part-main .an-in-voice-for-payment .nav-main-ls-second-accordion-body-inside-body-bottom--file {
        margin: 0 0 15px
    }
}

@media (max-width: 585px) {
    .discussion .footer-order-discussion .right-part-main .add-create-order {
        display: block
    }

    .discussion .footer-order-discussion .right-part-main .add-create-order .add-order {
        margin: 0 0 18px;
        width: 100%
    }
}

@media (max-width: 1356px) {
    .in-miscalculate .left {
        display: contents;
        width: 80% !important
    }
}

@media (max-width: 580px) {
    .in-miscalculate .left {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width: 992px) {
    .in-miscalculate .left {
        width: 100% !important
    }

    .in-miscalculate .left input {
        margin-bottom: 0
    }
}

@media (max-width: 1356px) {
    .in-miscalculate .left .search {
        margin: 0 20px 15px 0;
        width: 95%
    }
}

@media (max-width: 570px) {
    .in-miscalculate .left .search {
        width: 100%
    }
}

@media (max-width: 1356px) {
    .in-miscalculate .left ul {
        width: 98%
    }
}

@media (max-width: 820px) {
    .in-miscalculate .left ul {
        margin-right: 10px
    }

    .in-miscalculate .left ul .select2 {
        width: 97% !important
    }
}

@media (max-width: 570px) {
    .in-miscalculate .left ul .select2 {
        width: 100% !important
    }
}

@media (max-width: 1058px) {
    .in-miscalculate .left ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .in-miscalculate .left ul li {
        margin-bottom: 15px
    }
}

@media (max-width: 570px) {
    .in-miscalculate .left ul {
        margin-right: 0;
        width: 100%
    }
}

@media (max-width: 1356px) {
    .in-miscalculate .left .orders-chart__top--right {
        width: 95%
    }
}

@media (max-width: 1058px) {
    .in-miscalculate .left .orders-chart__top--right {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width: 570px) {
    .in-miscalculate .left .orders-chart__top--right {
        width: 100%
    }
}

@media (max-width: 1058px) {
    .in-miscalculate .left .orders-chart__top--right .input-group {
        margin-bottom: 15px
    }
}

.order-miscalculation-list-two .ls-second-column-data {
    padding-right: 20px
}

@media (max-width: 1378px) {
    .order-miscalculation-list-two .nav-miscalculation-right-part {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .order-miscalculation-list-two .nav-miscalculation-right-part .buttons {
        margin-right: 0
    }
}

@media (max-width: 752px) {
    .order-miscalculation-list-two .nav-miscalculation-right-part .buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .order-miscalculation-list-two .nav-miscalculation-right-part .buttons .properties-btn {
        margin-bottom: 10px;
        margin-right: 0;
    }
}

@media (max-width: 524px) {
    .order-miscalculation-list-two .nav-miscalculation-right-part {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }
}

@media (max-width: 1378px) {
    .order-miscalculation-list-two .nav-order-detail {
        -webkit-box-align: normal !important;
        -ms-flex-align: normal !important;
        align-items: normal !important
    }

    .order-miscalculation-list-two .nav-order-detail .card-dates {
        margin-top: 2px
    }
}

@media (max-width: 1164px) {
    .order-miscalculation-list-two .nav-order-detail .card-dates {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .order-miscalculation-list-two .nav-order-detail .card-dates .card-date {
        margin-bottom: 16px;
        width: 245px
    }
}

@media (max-width: 524px) {
    .order-miscalculation-list-two .nav-order-detail .card-dates .card-date .ls-second-top-part {
        margin-right: 0
    }
}

@media (max-width: 524px) {
    .order-miscalculation-list-two .nav-order-detail .card-dates .card-date:first-child {
        margin-right: 10px
    }
}

@media (max-width: 524px) {
    .order-miscalculation-list-two .nav-order-detail .card-dates {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
}

@media (max-width: 701px) {
    .order-miscalculation-list-two .nav-order-detail-in-miscalculation {
        -webkit-box-orient: inherit !important;
        -webkit-box-direction: inherit !important;
        -ms-flex-direction: inherit !important;
        flex-direction: inherit !important
    }
}

@media (max-width: 524px) {
    .order-miscalculation-list-two .nav-order-detail-in-miscalculation {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
        justify-content: center;
        text-align: center
    }
}

@media (max-width: 956px) {
    .order-miscalculation-list-two .number-of-order {
        margin-right: 20px
    }
}

@media (max-width: 780px) {
    .order-miscalculation-list-two .number-of-order {
        width: 20% !important
    }
}

@media (max-width: 956px) {
    .order-miscalculation-list-two .responsible-person-second {
        width: 54% !important
    }
}

@media (max-width: 780px) {
    .order-miscalculation-list-two .responsible-person-second {
        width: 40% !important
    }
}

@media (max-width: 956px) {
    .order-miscalculation-list-two .responsible-person-second .select2 {
        width: 58% !important
    }
}

@media (max-width: 570px) {
    .order-miscalculation-list-two .column-ls-second-one {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .order-miscalculation-list-two .column-ls-second-one .number-of-order {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 15px;
        width: 100% !important
    }

    .order-miscalculation-list-two .column-ls-second-one .number-of-order h3 {
        margin: 0 12px
    }

    .order-miscalculation-list-two .column-ls-second-one .number-of-order p {
        margin: 0
    }

    .order-miscalculation-list-two .column-ls-second-one .responsible-person-second {
        margin-bottom: 15px;
        width: 100% !important
    }

    .order-miscalculation-list-two .column-ls-second-one .status-in-column-ls-second {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 15px;
        width: 100%
    }

    .order-miscalculation-list-two .column-ls-second-one .status-in-column-ls-second h3 {
        margin: 0 22px
    }

    .order-miscalculation-list-two .column-ls-second-one .total-price {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 15px;
        width: 100%
    }

    .order-miscalculation-list-two .column-ls-second-one .total-price h3 {
        margin: 0 22px
    }

    .order-miscalculation-list-two .column-ls-second-one .padding_top-column-ls-second {
        margin-top: 10px !important
    }

    .order-miscalculation-list-two .column-ls-second-one .padding_top-column-ls-second .select2 {
        width: 100% !important
    }
}

.in-miscalculation-two .padding_top-column-ls-second .select2 {
    width: 58% !important
}

.in-miscalculation-two .column-ls-second-one .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 992px) {
    .order_calculation .payments__row {
        width: 1340px
    }
}

.client-profile-wrapper .client-bank-requisites, .client-profile-wrapper .client-calculates {
    width: 100% !important
}

@media (max-width: 992px) {
    .client-profile-wrapper .nav-main-ls-second-accordion-body.nav-in-miscalculation, .client-profile-wrapper .payments__row {
        width: 1340px !important
    }

    .client-profile-wrapper .orders-chart__top--right {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-top: 1rem
    }

    .client-profile-wrapper .container-in-clients-list-two .card-2 .nav-part {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 1rem
    }

    .client-profile-wrapper .container-in-clients-list-two .card-2 .nav-part .input-group:last-child {
        margin-left: 10px
    }

    .client-profile-wrapper .container-in-clients-list-two .column .top-part .nav-part {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .client-profile-wrapper .container-in-clients-list-two .column .top-part .nav-part .accounts {
        margin-top: 30px;
        width: 100%
    }

    .client-profile-wrapper .container-in-clients-list-two .column .top-part .nav-part h4 {
        margin-top: 5px !important
    }

    .client-profile-wrapper .client-bank-requisites .btn-add-order {
        margin-top: 30px
    }

    .client-profile-wrapper .container-in-clients-list-four .main-clients-four {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .client-profile-wrapper .container-in-clients-list-four .main-clients-four .body, .client-profile-wrapper .container-in-clients-list-four .main-clients-four .left, .client-profile-wrapper .container-in-clients-list-four .main-clients-four .right {
        width: 100%
    }
}

@media (max-width: 570px) {
    .client-profile-wrapper .container-in-clients-list-four .main-clients-four .left .select2, .client-profile-wrapper .container-in-clients-list-four .nav-part .left-part, .client-profile-wrapper .container-in-clients-list-three .nav-part .left-part, .client-profile-wrapper .container-in-clients-list-two .column .top-part .nav-part .select2 {
        width: 100% !important
    }

    .client-profile-wrapper .container-in-clients-list-four .main-clients-four .left {
        margin-bottom: 20px !important
    }

    .client-profile-wrapper .create-miscalculation {
        margin-bottom: 20px
    }

    .client-profile-wrapper .container-in-clients-list-two .column .top-part .nav-part h4 {
        margin-bottom: 1rem;
        margin-right: 0
    }

    .client-profile-wrapper .btn-add-order {
        margin-top: 1rem
    }

    .client-profile-wrapper .column {
        padding: 20px
    }

    .client-profile-wrapper .nav-order-detail-right-icons {
        margin-left: auto;
        margin-right: auto;
        margin-top: 1rem
    }

    .client-profile-wrapper .nav-order-detail ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0
    }

    .client-profile-wrapper .nav-order-detail ul li {
        margin-bottom: 10px;
        margin-right: 0
    }

    .client-profile-wrapper .nav-order-detail ul li a {
        font-size: 16px !important
    }

    .client-profile-wrapper .container-in-clients-list-two .column .top-part .nav-part .accounts {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }

    .client-profile-wrapper .container-in-clients-list-two .column .top-part .nav-part .accounts div {
        width: 100%
    }

    .client-profile-wrapper .container-in-clients-list-two .column .body-part .accounts {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .client-profile-wrapper .container-in-clients-list-two .column .body-part .accounts div {
        margin-bottom: 1rem;
        text-align: center;
        width: 100%
    }

    .client-profile-wrapper .container-in-clients-list-two .column .body-part .accounts div h4 {
        margin-top: 10px
    }

    .client-profile-wrapper .container-in-clients-list-two .column .body-second {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .client-profile-wrapper .container-in-clients-list-two .column .body-second .info-company-manager {
        margin-left: 0;
        margin-top: 20px
    }

    .client-profile-wrapper .container-in-clients-list-three .nav-part .left-part {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .client-profile-wrapper .container-in-clients-list-three .nav-part .left-part h4 {
        margin-bottom: 1rem;
        margin-right: 0
    }

    .client-profile-wrapper .container-in-clients-list-three .nav-part .accounts {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }

    .client-profile-wrapper .container-in-clients-list-three .nav-part .accounts div {
        margin-bottom: 1rem;
        width: 100%
    }

    .client-profile-wrapper .container-in-clients-list-three .nav-part .accounts h4 {
        margin-right: 0
    }

    .client-profile-wrapper .container-in-clients-list-two .column .top-part .bottom-part {
        margin-bottom: 1rem;
        margin-top: 0
    }

    .client-profile-wrapper .container-in-clients-list-two .column .top-part .bottom-part .left-part {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .client-profile-wrapper .container-in-clients-list-two .column .top-part .bottom-part .left-part img {
        margin-bottom: 1rem;
        margin-right: 0
    }

    .client-profile-wrapper .btn-add-order {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .client-profile-wrapper .btn-add-order .create {
        margin-bottom: 1rem;
        margin-right: 0
    }

    .client-profile-wrapper .container-in-clients-list-four .nav-part .left-part {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .client-profile-wrapper .container-in-clients-list-four .main-clients-four {
        padding: 20px
    }
}

@media (max-width: 992px) {
    .contractor-list__block, .contractor-list__block .body-part .accounts {
        width: 100% !important
    }

    .contractor-list__block .body-part .accounts div {
        text-align: center;
        width: 100% !important
    }

    .contractor-list__block .body-part .accounts div h4 {
        margin-top: 10px !important
    }

    .contractor-list__block .top-part .nav-part {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .contractor-list__block .top-part .nav-part .btn-add-order {
        margin-top: 20px
    }

    .contractor-list__block .body-second {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .contractor-list__block .body-second .info-company-manager {
        margin-left: 0 !important;
        margin-top: 20px;
        width: 100%
    }

    .contractor-list__form {
        width: 100% !important
    }

    .contractor-list__form .top-part .nav-part {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .contractor-list__form .top-part .nav-part .btn-add-order {
        margin-top: 20px
    }

    .contractor-list__form .main-clients-four {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .contractor-list__form .main-clients-four .left {
        width: 100%
    }

    .contractor-list__form .main-clients-four .body {
        margin-top: 30px;
        width: 100%
    }

    .contractor-list__form .main-clients-four .right {
        width: 100%
    }
}

@media (max-width: 570px) {
    .contractor-list .nav-order-detail ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .contractor-list .nav-order-detail ul li {
        margin-bottom: 15px;
        margin-right: 0
    }

    .contractor-list .nav-order-detail ul li a {
        font-size: 16px !important
    }

    .contractor-list .nav-order-detail-right-icons {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        margin-top: 15px
    }

    .contractor-list .nav-order-detail-right-icons button:first-child {
        margin-right: 10px
    }

    .contractor-list .container-in-contractor-list-two .left-part {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .contractor-list .container-in-contractor-list-two .left-part h4, .contractor-list .container-in-contractor-list-two .left-part img {
        margin-right: 0 !important
    }

    .contractor-list .container-in-contractor-list-two .left-part img {
        margin: 14px 0
    }

    .contractor-list .container-in-contractor-list-two .left-part p {
        text-align: center
    }

    .contractor-list__block .body-part .accounts {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .contractor-list__block .body-part .accounts div {
        margin-bottom: 20px
    }

    .contractor-list__block .body-second {
        padding-top: 0 !important
    }

    .contractor-list .text-in-the-middle {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 20px 0 0
    }

    .contractor-list .text-in-the-middle .dates-calendar {
        margin-top: 15px
    }

    .contractor-list__form {
        padding: 20px !important
    }

    .contractor-list__form .main-clients-four .left .select2 {
        width: 100% !important
    }

    .contractor-list__form .nav-part .left-part {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .contractor-list__form .nav-part .left-part h4, .contractor-list__form .nav-part .left-part img {
        margin-right: 0 !important
    }

    .contractor-list__form .nav-part .left-part img {
        margin: 20px 0
    }

    .contractor-list__form .nav-part .left-part p {
        text-align: center
    }

    .contractor-list__form .main-clients-four {
        padding: 20px
    }
}

@media (max-width: 992px) {
    .employees-detail__block, .employees-detail__block--card {
        width: 100% !important
    }

    .employees-detail__block .main, .employees-detail__block--card .main {
        text-align: center
    }

    .employees-detail__block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .employees-detail__block .right-part {
        margin-bottom: 20px;
        width: 100%
    }
}

.employees-detail .left-part .card .body .body-part .column .date-and-extradition {
    margin-left: 2.5rem;
    text-align: left;
    width: 100% !important
}

.employees-detail .left-part .card .body .body-part .column .date-and-extradition p {
    text-align: left
}

.employees-detail .left-part .card .body .body-part .column p {
    text-align: center;
    width: 100% !important
}

.employees-detail .left-part .card .body .body-part .column h4 {
    text-align: right;
    width: 100%
}

@media (max-width: 570px) {
    .employees-detail .container-in-employees-list-two .left-part .card .top, .employees-detail .container-in-employees-list-two .left-part .card .top .body-part .top-num h1 {
        padding: 15px
    }

    .employees-detail .container-in-employees-list-two .left-part .card .top .body-part .top-num h1 {
        font-size: 28px
    }

    .employees-detail .container-in-employees-list-two .left-part .card .top .body-part .bottom-num {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .employees-detail .container-in-employees-list-two .left-part .card .top .body-part .bottom-num .left-value, .employees-detail .container-in-employees-list-two .left-part .card .top .body-part .bottom-num .right-value {
        margin-left: 0;
        margin-top: 20px
    }

    .employees-detail .container-in-employees-list-two .left-part .card .top .body-part .bottom-num .left-value h3, .employees-detail .container-in-employees-list-two .left-part .card .top .body-part .bottom-num .right-value h3 {
        margin-top: 10px
    }

    .employees-detail .container-in-employees-list-two .left-part .card .body .nav-part {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 20px
    }

    .employees-detail .container-in-employees-list-two .left-part .card .body .nav-part span {
        display: block;
        font-size: 16px;
        margin-bottom: 10px;
        margin-right: 0
    }

    .employees-detail .container-in-employees-list-two .left-part .card .body .body-part {
        padding: 15px
    }

    .employees-detail .container-in-employees-list-two .left-part .card .body .body-part .column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .employees-detail .container-in-employees-list-two .left-part .card .body .body-part .column h4 {
        margin-bottom: 15px;
        text-align: center;
        width: 100% !important
    }

    .employees-detail .container-in-employees-list-two .left-part .card .body .body-part .column .date-and-extradition {
        margin-bottom: 15px;
        margin-left: 0;
        text-align: center
    }

    .employees-detail .container-in-employees-list-two .left-part .card .body .body-part .column .date-and-extradition p {
        text-align: center
    }

    .employees-detail .container-in-employees-list-three .left-part .main {
        padding: 20px
    }

    .employees-detail .container-in-employees-list-three .left-part .main .body .top {
        padding: 0
    }
}

@media (max-width: 992px) {
    .employees-detail .container-in-employees-list-three .left-part .main .body .top .left, .employees-detail .container-in-employees-list-three .left-part .main .body .top .right {
        width: 100%
    }

    .employees-detail .container-in-employees-list-two .card-2 .nav-text span {
        font-size: 16px;
        margin-right: 20px
    }
}

@media (max-width: 992px) {
    .employees-detail .container-in-employees-list-two .card-2 .nav-text span:last-child {
        margin-right: 0
    }
}

@media (max-width: 570px) {
    .employees-detail .container-in-employees-list-two .card-2 .nav-text {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .employees-detail .container-in-employees-list-two .card-2 .nav-text span {
        display: block;
        margin-bottom: 10px;
        margin-right: 0
    }

    .employees-detail .container-in-employees-list-three .left-part .nav-part {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 30px
    }

    .employees-detail .container-in-employees-list-three .left-part .nav-part a {
        display: block;
        font-family: Jost;
        margin-bottom: 10px;
        margin-right: 0
    }

    .employees-detail .container-in-employees-list-four .nav-body {
        display: none
    }

    .employees-detail .container-in-employees-list-four .column-in-main-body, .employees-detail .container-in-employees-list-four .column-in-main-body .presents, .employees-detail .container-in-employees-list-four .margin-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .employees-detail .container-in-employees-list-four .column-in-main-body .presents .present, .employees-detail .container-in-employees-list-four .column-in-main-body .presents .presents .present, .employees-detail .container-in-employees-list-four .margin-column .presents .present {
        margin-bottom: 20px;
        margin-left: 0
    }

    .employees-detail .container-in-employees-list-four .column-in-main-body .name, .employees-detail .container-in-employees-list-four .column-in-main-body .presents .name, .employees-detail .container-in-employees-list-four .margin-column .name {
        margin-bottom: 20px
    }
}

.premium-options .column, .premium-options .columns {
    width: 100% !important
}

@media (max-width: 992px) {
    .premium-options .bonus-fund, .premium-options .column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .premium-options .bonus-fund {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 15px
    }

    .premium-options .bonus-fund .margin-right {
        margin-bottom: 15px;
        margin-right: 0 !important
    }

    .premium-options .bonus-fundd {
        margin-bottom: 15px
    }
}

.general-options .column, .general-options .columns {
    width: 100% !important
}

.general-options .tags, .general-options .tags .one {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.general-options .tags-second .one {
    margin-bottom: 20px;
    margin-right: 20px;
    text-align: center;
    width: -webkit-max-content !important;
    width: -moz-max-content !important;
    width: max-content !important
}

.general-options .tags-second .one span {
    margin-left: 0 !important
}

.general-options .tags-second .one .tag {
    margin-right: 0
}

button i {
    margin: 0 !important
}

.orders .container {
    margin-top: 0;
    padding-top: 20px !important
}

.orders-filters {
    margin-top: 45px;
    padding: 20px 24px 0px
}

@media (max-width: 992px) {
    .orders-filters {
        margin-left: 0;
        padding: 1rem
    }
}

.orders-filters ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

.orders-filters ul li {
    margin-right: 10px;
    max-width: 200px;
    width: 100%
}

.orders-filters ul li .select2-container--bootstrap {
    width: 100% !important
}

.orders-filters ul li .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
    border-color: #ffba00 transparent transparent;
    border-width: 5px 5px 0
}

.orders-filters ul li .select2-container--bootstrap .select2-selection {
    border: 1px solid #c4c4c4
}

.orders-filters ul li .select2-selection--single .select2-selection__rendered {
    color: #000
}

@media (max-width: 992px) {
    .orders-filters ul li {
        margin-right: 0
    }
}

.orders-chart {
    background: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, .1);
    margin-bottom: 30px;
    padding: 25px 10px 30px
}

.orders-chart__top {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 20px
}

.orders-chart__top, .orders-chart__top--left, .orders-chart__top--right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 992px) {
    .orders-chart__top--right {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .orders-chart__top--right .input-group {
        margin-bottom: 15px;
        margin-right: 0 !important
    }
}

.orders-chart__top--left {
    font-family: Roboto;
    font-size: 18px
}

.orders-chart__top--left span {
    font-family: Roboto;
    font-weight: 900
}

.orders-chart__top--right .input-group-text {
    background: none !important
}

.orders-chart__top--right .input-group i {
    color: #ffba00
}

.orders-chart__top--right .input-group:first-child {
    margin-right: 10px
}

.orders-chart__bottom {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 0 20px
}

.orders-chart__bottom--indicators ul {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

.orders-chart__bottom--indicators ul li {
    font-family: Roboto;
    margin-right: 5px
}

.orders-chart__bottom--indicators ul li:first-child, .orders-chart__bottom--indicators ul li:nth-child(3) {
    font-weight: 900
}

.btn-add label {
    cursor: pointer
}

h1, h2, h3, h4, h5, h6 {
    color: #000
}

.button-in-modals {
    background: #ffba00;
    border: none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 800;
    padding: 10px 40px
}

.modal-dialog-max-width {
    max-width: 870px
}

.modal-dialog-max-width .modal-content {
    padding: 22px 24px 24px
}

.modal-dialog-max-width .modal-content .modal-header-style {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 28px
}

.modal-dialog-max-width .modal-content .modal-header-style .modal-title {
    font-size: 20px;
    font-weight: 700
}

.pad-0 {
    padding: 0
}

.modal-body__order-details .form-group .select2 {
    width: 314px !important
}

.modal-body__order-details .modal-body__order-details__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modal-body__order-details .modal-body__order-details__block .modal-body__order-details__client {
    margin-right: 38px
}

.modal-body__order-details .modal-body__order-details__block .modal-body__order-details__client .form-group label, .modal-body__order-details .modal-body__order-details__block .modal-body__order-details__responsible .form-group label {
    color: #a0a0a0 !important;
    font-weight: 300 !important;
    margin-bottom: 18px;
    margin-left: 18px
}

.modal-body__visits {
    margin-top: 20px;
    padding: 10px
}

.modal-body__visits .visit-first {
    margin-bottom: 20px
}

.modal-body__visits .visit-first, .modal-body__visits .visit-first .visit {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.modal-body__visits .visit-first .visit {
    border: 1px solid #ebedf2;
    border-radius: 7px;
    padding: 10px 22px;
    width: 100%
}

.modal-body__visits .visit-first .visit .visit-text span {
    color: #000;
    font-size: 16px;
    font-weight: 800
}

.modal-body__visits .visit-first .visit .visit-price h6 {
    color: #000;
    font-size: 16px;
    font-weight: 800;
    margin: 0
}

.modal-body__visits .visit-first .body-part-ls-second-icons-after-column-font-size {
    cursor: pointer;
    font-size: 12px !important
}

.modal-body__visits .visit-first .border-size-icon-body-part-ls-second {
    cursor: pointer;
    font-size: 36px !important
}

.modal-body__visits .visit-second {
    margin-bottom: 20px
}

.modal-body__visits .visit-second, .modal-body__visits .visit-second .visit {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.modal-body__visits .visit-second .visit {
    border: 1px solid #ebedf2;
    border-radius: 7px;
    padding: 10px 22px;
    width: 100%
}

.modal-body__visits .visit-second .visit .visit-text span {
    color: #000;
    font-size: 16px;
    font-weight: 800
}

.modal-body__visits .visit-second .visit .visit-price h6 {
    color: #000;
    font-size: 16px;
    font-weight: 800;
    margin: 0
}

.modal-body__visits .visit-second .body-part-ls-second-icons-after-column-font-size {
    cursor: pointer;
    font-size: 12px !important
}

.modal-body__visits .visit-second .border-size-icon-body-part-ls-second {
    cursor: pointer;
    font-size: 36px !important
}

.d-modal-footer {
    display: block;
    padding: 10px
}

.d-modal-footer .add-create-order {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.d-modal-footer .add-create-order, .d-modal-footer .add-create-order .add-order {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.d-modal-footer .add-create-order .add-order h2 {
    color: #000;
    font-size: 18px;
    font-weight: 800;
    margin: 0
}

.d-modal-footer .add-create-order .add-order i {
    cursor: pointer;
    font-size: 42px
}

.d-modal-footer .add-create-order .create-order-btn {
    background: #ffba00;
    border: none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 800;
    padding: 10px 40px
}

.modal-service__category-selection {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 20px
}

.modal-service__category-selection .modal-service__category-selection-block {
    margin-right: 28px
}

.modal-service__category-selection .modal-service__category-selection-block .selection-margin-bottom {
    margin-bottom: 28px !important
}

.modal-service__category-selection .modal-service__category-selection-block .selection {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 12px
}

.modal-service__category-selection .modal-service__category-selection-block .selection input {
    accent-color: #ffba00;
    margin-right: 22px;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

.modal-service__category-selection .modal-service__category-selection-block .selection p {
    font-weight: 700
}

.service-modal .service-modal-visit .select2 {
    margin: 0 1rem;
    width: 96% !important
}

.service-modal .comment-service-modal {
    margin: 22px 1rem 0
}

.service-modal .comment-service-modal label {
    font-size: 14px !important;
    margin-bottom: 24px;
    margin-left: 10px
}

.service-modal .comment-service-modal textarea {
    background: #f5f4f4
}

.service-modal .quantity-in-numbers input {
    background: #f5f4f4;
    border: none;
    border-radius: 10px;
    font-size: 1.5rem;
    margin-top: 14px;
    padding: 14px;
    width: 100%
}

.quantity-after-comments {
    margin: 28px 1rem 0
}

.quantity-after-comments h1 {
    font-weight: 800
}

.quantity-after-comments label {
    margin-bottom: 22px
}

.quantity-after-comments .quantity-service-modal {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.quantity-after-comments .quantity-service-modal, .quantity-after-comments .quantity-service-modal .quantity, .quantity-after-comments .quantity-service-modal .quantity .selection-checkbox {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.quantity-after-comments .quantity-service-modal .quantity .selection-checkbox {
    margin-right: 30px
}

.quantity-after-comments .quantity-service-modal .quantity .selection-checkbox p {
    font-weight: 800
}

.quantity-after-comments .quantity-service-modal .quantity .selection-checkbox input {
    accent-color: #ffba00;
    margin-right: 10px;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

.quantity-after-comments .quantity-service-modal .quantity .select2 {
    margin-left: 14px;
    width: 72px
}

.total-price-order {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 24px
}

.total-price-order h1 {
    font-weight: 800
}

.total-price-order .cost-price {
    margin-right: 32px
}

.total-price-order .cost-price label {
    color: #000;
    font-size: 14px !important;
    margin-bottom: 20px
}

.total-price-order .cost-price h1 {
    font-size: 18px;
    line-height: 40px
}

.total-price-order .price label {
    color: #000;
    font-size: 14px !important;
    margin-bottom: 20px
}

.total-price-order .price-margin-right {
    margin-right: 32px
}

.responsible-service-modal {
    margin: 24px 1rem
}

.responsible-service-modal .responsible-employee {
    margin-bottom: 22px !important
}

.responsible-service-modal .select2 {
    margin-bottom: 20px;
    width: 100% !important
}

.responsible-service-modal label {
    font-size: 14px !important;
    margin-bottom: 24px
}

.responsible-service-modal h6 {
    color: #fd4a09;
    font-weight: 600;
    margin-left: 10px
}

.d-modal-footer .flex-on-btn__and__right-direction {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end
}

.main-modal-in-miscalculate .modal-body__order-details__block {
    margin-bottom: 30px
}

.main-modal-in-miscalculate .margin-bottom {
    margin-bottom: 40px
}

.service-two .modal-service__category-selection {
    display: block
}

.service-two .top {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.service-two .top .selection {
    margin: 0 28px 0 0 !important
}

.service-two .responsible-service-modal {
    margin: 20px 0 0 !important
}

.service-two .service-modal-visit {
    margin-top: 20px
}

.service-two .service-modal-visit .select2 {
    margin: 0;
    width: 100% !important
}

.service-two .modal-service__category-selection .margin-top {
    margin-top: 30px
}

.service-two .service-modal .enter-here {
    margin: 20px
}

.service-two .service-modal .enter-here input {
    background: #f5f4f4;
    border: none;
    border-radius: 7px;
    outline: none;
    padding: 20px 16px;
    width: 100%
}

.service-two .responsible-service-modal {
    padding-left: 20px;
    padding-right: 20px
}

.order-two {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.order-two i {
    font-size: 30px
}

.order-two p {
    font-weight: 800;
    margin: 0 0 0 10px
}

.service-three .comment-service-modal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px
}

.service-three .comment-service-modal .left {
    margin-right: 38px;
    width: 35%
}

.service-three .comment-service-modal .left h5 {
    font-weight: 800
}

.service-three .comment-service-modal .left label {
    margin: 0 !important;
    width: 100%
}

.service-three .comment-service-modal .right {
    width: 90%
}

.service-three .number-of-document {
    padding: 0 20px
}

.service-three .number-of-document h5 {
    font-weight: 800;
    margin-bottom: 22px
}

.service-three .number-of-document .bottom-part {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.service-three .number-of-document input {
    background: #f5f4f4;
    border: none;
    border-radius: 10px;
    font-size: 1.725rem;
    padding: 14px 0 14px 14px
}

.service-three .number-of-document .price {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.service-three .number-of-document .price label {
    margin-right: 20px
}

.service-three .number-of-document .price input {
    background: #f5f4f4;
    border: none;
    border-radius: 10px;
    font-size: 1.725rem;
    padding: 0
}

.service-three .number-of-document .price .quantity-in-numbers {
    padding-right: 0
}

.service-three .modal-footer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between !important;
    padding: 26px 20px 0
}

.service-three .modal-footer .btn-add input {
    display: none
}

.service-three .modal-footer .btn-add label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.service-three .modal-footer .btn-add i {
    font-size: 46px
}

.service-three .modal-footer .btn-add p {
    font-size: 18px;
    font-weight: 300;
    margin: 0
}

.service-three .files {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 36px 20px 20px
}

.service-three .files .circle-icon i {
    color: #b5b4b4;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.modal-21-2 .bottom-elements-selections {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-top: 22px;
    width: 98%
}

.modal-21-2 .bottom-elements-selections .left, .modal-21-2 .bottom-elements-selections .right {
    width: 45%
}

.modal-21-2 .bottom-elements-selections .right input {
    border: 1px solid #ebedf2;
    border-radius: 4px;
    padding: 8px 1rem;
    width: 100%
}

.modal-21-3 .selection-in-modal-21-3 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-right: 16px
}

.modal-21-3 .selection-in-modal-21-3 .left {
    width: 50%
}

.modal-21-3 .selection-in-modal-21-3 .left .select2-selection {
    width: 100%
}

.modal-25 .bottom-elements-selections {
    margin: 0 12px 16px
}

.modal-25 .bottom-elements-selections .right {
    width: 98% !important
}

.modal-25 .modal-footer p {
    font-size: 17px;
    margin-left: 10px
}

.modal-25 .modal-footer i {
    font-size: 46px
}

.modal-25 .modal-footer .create-order {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px
}

.modal-14 .modal-header-style {
    margin-bottom: 18px !important
}

.modal-14-1 .modal-content {
    padding: 22px 24px 52px
}

.modal-14-1 .modal-footer p {
    font-weight: 800 !important
}

.modal-14-1 .one {
    margin-bottom: 54px
}

.modal-14-1 .two .files {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 62px !important;
    margin-top: 50px !important
}

.modal-26 .modal-header-style {
    margin-bottom: 12px !important
}

.modal-26 .service-modal-visit {
    margin-bottom: 26px
}

.modal-26 .service-modal-visit .select2 {
    width: 100% !important
}

.modal-26 .bottom-elements-selections, .modal-26 .bottom-elements-selections .right {
    margin: 0;
    width: 100% !important
}

.modal-26 .bottom-elements-selections .right p {
    margin-left: 20px
}

.modal-26 .bottom-elements-selections .right input {
    width: 100% !important
}

.modal-26 .bottom-part-prices {
    margin-top: 30px
}

.modal-26 .bottom-part-prices .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modal-26 .bottom-part-prices .left {
    width: 35%
}

.modal-26 .bottom-part-prices .left .margin-left {
    margin-left: 10px
}

.modal-26 .bottom-part-prices .left .select2 {
    margin-top: 30px
}

.modal-26 .bottom-part-prices .left .select2 span {
    margin: 0 !important
}

.modal-26 .bottom-part-prices .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modal-26 .bottom-part-prices .right span {
    margin-left: 10px
}

.modal-26 .bottom-part-prices .right .one input {
    background: #f5f4f4;
    border: none;
    border-radius: 10px;
    font-size: 1.725rem;
    margin-top: 14px;
    padding: 14px 0 14px 14px
}

.modal-26 .bottom-part-prices .bottom {
    margin-left: 8px;
    margin-top: 25px
}

.modal-26 .bottom-part-prices .bottom, .modal-26 .bottom-part-prices .bottom .left {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modal-26 .bottom-part-prices .bottom .left {
    width: 27.5% !important
}

.modal-26 .bottom-part-prices .bottom .left input {
    accent-color: #ffba00;
    margin-right: 10px;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5)
}

.modal-26 .bottom-part-prices .bottom .left h6 {
    font-weight: 800;
    margin: 0
}

.modal-26 .bottom-part-prices .bottom .right input {
    background: #f5f4f4;
    border: none;
    border-radius: 10px;
    font-size: 1.725rem;
    padding: 14px 0 14px 14px
}

.modal-26 .modal-footer i {
    cursor: pointer;
    font-size: 40px
}

.modal-28 .introductory-part {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    width: 100%
}

.modal-28 .introductory-part span {
    color: #a0a0a0
}

.modal-28 .introductory-part .profile-photo span {
    margin-left: 10px
}

.modal-28 .introductory-part .profile-photo .select-photo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #d3d3d3;
    border-radius: 10px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 22px;
    margin-top: 16px;
    padding: 8px 0 8px 8px;
    width: 65%
}

.modal-28 .introductory-part .profile-photo .select-photo .btn-add {
    width: 100%
}

.modal-28 .introductory-part .profile-photo .select-photo .btn-add input {
    display: none
}

.modal-28 .introductory-part .profile-photo .select-photo .btn-add label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modal-28 .introductory-part .profile-photo .select-photo .btn-add .main-in-photo {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.modal-28 .introductory-part .profile-photo .select-photo p {
    font-size: 14px;
    margin: 0;
    width: 100%
}

.modal-28 .introductory-part .profile-photo button {
    background: #fa0;
    border: none;
    border-radius: 7px;
    color: #fff;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 800;
    padding: 8px 16px
}

.modal-28 .introductory-part .left {
    display: -ms-inline-grid;
    display: inline-grid;
    width: 45%
}

.modal-28 .introductory-part .left .name-employee {
    display: -ms-inline-grid;
    display: inline-grid;
    margin-bottom: 28px
}

.modal-28 .introductory-part .left .name-employee input {
    background: #f2f2f2;
    border: none;
    border-radius: 10px;
    font-size: 22px;
    margin-top: 20px;
    outline: none;
    padding: 14px 0 14px 14px
}

.modal-28 .introductory-part .left .select2 {
    margin-top: 20px;
    padding: 10px 0;
    width: 100% !important
}

.modal-28 .introductory-part .right {
    display: -ms-inline-grid;
    display: inline-grid;
    width: 45%
}

.modal-28 .introductory-part .right .name-employee {
    display: -ms-inline-grid;
    display: inline-grid;
    margin-bottom: 28px
}

.modal-28 .introductory-part .right .name-employee input {
    background: #f2f2f2;
    border: none;
    border-radius: 10px;
    font-size: 22px;
    margin-top: 20px;
    outline: none;
    padding: 14px 0 14px 14px
}

.modal-28 .introductory-part .right .select2 {
    margin-top: 20px;
    padding: 10px 0;
    width: 100% !important
}

.modal-28 .modal-footer {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end
}

.modal-28 .modal-footer .password {
    display: -ms-inline-grid;
    display: inline-grid;
    width: 45%
}

.modal-28 .modal-footer .password span {
    color: #a0a0a0;
    margin-left: 10px
}

.modal-28 .modal-footer .input-pasw {
    display: -ms-inline-grid;
    display: inline-grid;
    margin-top: 20px
}

.modal-28 .modal-footer .input-pasw input {
    background: #f2f2f2;
    border: none;
    border-radius: 10px;
    font-size: 22px;
    margin-bottom: 16px;
    outline: none;
    padding: 14px 0 14px 14px
}

.modal-28 .modal-footer button, .modal-29 input {
    margin-bottom: 16px
}

.modal-29 input {
    background: #f2f2f2;
    border: none;
    border-radius: 10px;
    font-size: 22px;
    margin-left: 16px;
    outline: none;
    padding: 14px 0 14px 14px;
    width: 96%
}

.modal-29 .modal-footer {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: end !important
}

.modal-29 .modal-footer button {
    margin: 0
}

.modal-31-1 .top {
    margin-left: 16px;
    width: 96%
}

.modal-31-1 .top .select2 {
    margin-bottom: 20px;
    width: 100% !important
}

.modal-31-1 .bottom {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: end;
    padding: 0 20px
}

.modal-31-1 .bottom .price-in-order {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modal-31-1 .bottom .price-in-order p {
    margin: 0 32px 0 0
}

.modal-31-1 .bottom .price-in-order h1 {
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    font-weight: 800;
    margin: 0;
    padding: 14px 9rem 14px 14px
}

.modal-31-1 .modal-footer {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: end !important
}

.modal-31-1 .modal-content {
    padding-bottom: 32px !important
}

.modal-31-1 .two .selections-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    margin-left: 4px
}

.modal-31-1 .two .selections-checkbox .three {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 20px
}

.modal-31-1 .two .selections-checkbox .three h6 {
    background: #cbcbcb;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    margin: 0;
    padding: 4px
}

.modal-31-1 .two .selections-checkbox .three .orange {
    background: #ffba00
}

.modal-31-1 .two .selections-checkbox .three input {
    accent-color: #ffba00;
    margin-right: 10px;
    -webkit-transform: scale(1.7);
    -ms-transform: scale(1.7);
    transform: scale(1.7)
}

.modal-31-2 .modal-body {
    padding: 30px 16px 0
}

.modal-31-2 .modal-body input {
    background: #f2f2f2;
    border: none;
    border-radius: 10px;
    font-size: 22px;
    margin-bottom: 26px;
    outline: none;
    padding: 14px 0 14px 14px;
    width: 100%
}

.modal-34 .service-inp {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    width: 96%
}

.modal-34 .service-inp .service-modal-visit {
    width: 45%
}

.modal-34 .service-inp .select2 {
    width: 100% !important
}

.modal-34 .btn-inp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 16px
}

.modal-34 .btn-inp p {
    margin: 0
}

.modal-34 .btn-inp i {
    font-size: 40px
}

.modal-34 .inp-in-main-modal-34 {
    background: #f2f2f2;
    border: none;
    border-radius: 10px;
    font-size: 22px;
    margin: 42px 16px 20px;
    outline: none;
    padding: 14px 0 14px 14px;
    width: 96%
}

.modal-34 .main .bottom span {
    margin-left: 16px
}

.modal-34 .main .inputs {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin: 20px 16px;
    width: 96%
}

.modal-34 .main .inputs .left {
    width: 45%
}

.modal-34 .main .inputs .left input {
    background: #f2f2f2;
    border: none;
    border-radius: 10px;
    font-size: 22px;
    margin-bottom: 20px;
    outline: none;
    padding: 14px 0 14px 14px;
    width: 100%
}

.modal-34 .main .inputs .left i {
    font-size: 40px
}

.modal-34 .main .inputs .left .btn-bottom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modal-34 .main .inputs .left .btn-bottom p {
    margin: 0
}

.modal-34 .modal-footer .service-modal-visit {
    width: 45%
}

.modal-34 .modal-footer .service-modal-visit .select2 {
    width: 100% !important
}

.modal-38 .service-inp {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    width: 98%
}

.modal-38 .service-inp .service-modal-visit {
    width: 45%
}

.modal-38 .service-inp .service-modal-visit .margin-left {
    color: #a0a0a0;
    margin-left: 16px
}

.modal-38 .service-inp .service-modal-visit .select2 {
    margin-top: 14px
}

.modal-38 .service-inp .service-modal-visit .info-company-manager {
    border: 1px solid #dadada;
    border-radius: 12px;
    margin-left: 16px;
    margin-top: 30px;
    padding: 15px 20px;
    width: 70%
}

.modal-38 .service-inp input {
    width: 100%
}

.modal-38 .modal-footer {
    padding-top: 30px
}

.modal-39 .modal-header-style {
    margin-bottom: 10px !important
}

.modal-39 .btn-inp {
    margin-bottom: 26px
}

.modal-39 .inp-in-main-modal-34 {
    margin-top: 16px !important
}

.modal-39 .modal-footer .service-modal-visit {
    width: 45%
}

.modal-39 .modal-footer .service-modal-visit .select2 {
    width: 100% !important
}

@media (max-width: 767px) {
    .modal-body__order-details .modal-body__order-details__client .select2 {
        width: 250px !important
    }
}

@media (max-width: 630px) {
    .modal-body__order-details .modal-body__order-details__client .select2 {
        width: 190px !important
    }
}

@media (max-width: 530px) {
    .modal-body__order-details .modal-body__order-details__client {
        margin-right: 0 !important
    }

    .modal-body__order-details .modal-body__order-details__client .select2 {
        width: 100% !important
    }
}

@media (max-width: 767px) {
    .modal-body__order-details .modal-body__order-details__responsible .select2 {
        width: 250px !important
    }
}

@media (max-width: 630px) {
    .modal-body__order-details .modal-body__order-details__responsible .select2 {
        width: 190px !important
    }
}

@media (max-width: 530px) {
    .modal-body__order-details .modal-body__order-details__responsible {
        margin-right: 0 !important
    }

    .modal-body__order-details .modal-body__order-details__responsible .select2 {
        width: 100% !important
    }

    .modal-body__order-details .modal-body__order-details__block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .modal-body__visits .visit-first {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media (max-width: 450px) {
    .modal-body__visits .visit-first .visit {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .modal-body__visits .visit-first .visit .visit-text span {
        font-size: 14px
    }

    .modal-body__visits .visit-first .visit .visit-text p {
        font-size: 12px
    }

    .modal-body__visits .visit-first .visit .visit-price {
        margin-top: 10px
    }
}

@media (max-width: 450px) and (max-width: 450px) {
    .modal-body__visits .visit-first .visit .visit-price h6 {
        font-size: 14px
    }
}

@media (max-width: 530px) {
    .modal-body__visits .body-part-ls-second-icons-after-column {
        margin-bottom: 15px;
        margin-left: 0
    }

    .modal-body__visits .visit-second {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media (max-width: 450px) {
    .modal-body__visits .visit-second .visit {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .modal-body__visits .visit-second .visit .visit-text span {
        font-size: 14px
    }

    .modal-body__visits .visit-second .visit .visit-text p {
        font-size: 12px
    }

    .modal-body__visits .visit-second .visit .visit-price {
        margin-top: 10px
    }
}

@media (max-width: 450px) and (max-width: 450px) {
    .modal-body__visits .visit-second .visit .visit-price h6 {
        font-size: 14px
    }
}

@media (max-width: 636px) {
    .d-modal-footer .add-create-order {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .d-modal-footer .add-create-order .add-order {
        margin-bottom: 15px
    }
}

@media (max-width: 468px) {
    .d-modal-footer .add-create-order .add-order h2 {
        font-size: 16px
    }

    .d-modal-footer .add-create-order .add-order i {
        font-size: 38px
    }
}

@media (max-width: 600px) {
    .create-order-modal-two .modal-header {
        padding: 0 !important
    }

    .create-order-modal-two .modal-header .modal-title {
        font-size: 18px !important
    }
}

@media (max-width: 486px) {
    .create-order-modal-two .modal-service__category-selection {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width: 600px) {
    .create-order-modal-two .modal-service__category-selection {
        padding: 0 12px
    }
}

@media (max-width: 486px) {
    .create-order-modal-two .modal-service__category-selection .selection-margin-bottom {
        margin-bottom: 10px !important
    }
}

.create-order-modal-two .service-modal-visit .select2 {
    width: 100%
}

@media (max-width: 486px) {
    .create-order-modal-two .comment-service-modal {
        margin: 20px 0;
        width: 100%
    }
}

@media (max-width: 600px) {
    .create-order-modal-two .comment-service-modal {
        margin: 20px 0
    }
}

@media (max-width: 486px) {
    .create-order-modal-two .comment-service-modal label {
        margin-left: 14px !important
    }
}

@media (max-width: 848px) {
    .create-order-modal-two .quantity-in-numbers input {
        font-size: 1.2rem
    }
}

@media (max-width: 754px) {
    .create-order-modal-two .quantity-in-numbers input {
        font-size: 1rem
    }
}

@media (max-width: 690px) {
    .create-order-modal-two .quantity-service-modal {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .create-order-modal-two .quantity-service-modal .quantity input {
        margin: 0
    }

    .create-order-modal-two .quantity-service-modal .quantity {
        margin-bottom: 14px
    }
}

@media (max-width: 480px) {
    .create-order-modal-two .quantity-service-modal .quantity {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        width: 245px
    }

    .create-order-modal-two .quantity-service-modal .quantity .select2, .create-order-modal-two .quantity-service-modal .quantity .selection-checkbox {
        margin: 10px 0 0
    }

    .create-order-modal-two .quantity-service-modal .quantity .quantity-in-numbers {
        width: 100%
    }
}

@media (max-width: 690px) {
    .create-order-modal-two .quantity-service-modal .row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media (max-width: 480px) {
    .create-order-modal-two .quantity-service-modal .row-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
}

@media (max-width: 616px) {
    .create-order-modal-two .total-price-order {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .create-order-modal-two .total-price-order label {
        margin-bottom: 0
    }

    .create-order-modal-two .total-price-order .price-margin-right {
        width: 60%
    }

    .create-order-modal-two .total-price-order .cost-price {
        margin-bottom: 18px;
        width: 60%
    }
}

@media (max-width: 480px) {
    .create-order-modal-two .total-price-order .price-margin-right {
        width: 245px
    }

    .create-order-modal-two .total-price-order .cost-price, .create-order-modal-two .total-price-order .padding-price {
        margin-bottom: 18px;
        width: 245px
    }
}

@media (max-width: 486px) {
    .service-two .modal-service__category-selection .top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .service-two .modal-service__category-selection .top .selection-margin-bottom {
        margin-bottom: 10px !important
    }

    .service-two .enter-here {
        margin: 20px 0 !important
    }

    .service-two .margin-top {
        margin-top: 20px !important
    }
}

.service-three .padding {
    margin: 0 !important;
    padding: 14px !important
}

@media (max-width: 600px) {
    .service-three .service-modal .select2 {
        margin: 0 !important;
        width: 100% !important
    }
}

@media (max-width: 590px) {
    .service-three .comment-service-modal {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .service-three .comment-service-modal .left {
        margin-bottom: 15px;
        width: 100%
    }

    .service-three .comment-service-modal .right {
        width: 100%
    }
}

@media (max-width: 600px) {
    .service-three .number-of-document {
        padding: 0
    }
}

.service-three .number-of-document .bottom-part .left input {
    padding-right: 14px !important;
    width: 100%
}

.service-three .number-of-document .bottom-part .padding-price label {
    margin-right: 14px !important
}

@media (max-width: 870px) {
    .service-three .number-of-document .bottom-part .padding-price label {
        margin-bottom: 12px
    }

    .service-three .number-of-document .bottom-part .padding-price {
        margin-top: 15px
    }

    .service-three .number-of-document .bottom-part, .service-three .number-of-document .bottom-part .padding-price {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width: 688px) {
    .service-three .modal-footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: inherit;
        -ms-flex-align: inherit;
        align-items: inherit;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 15px;
        padding: 0 !important
    }
}

@media (max-width: 476px) {
    .service-three .modal-footer {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (max-width: 688px) {
    .service-three .modal-footer .btn-add {
        margin-bottom: 15px
    }
}

@media (max-width: 476px) {
    .service-three .modal-footer .btn-add i {
        font-size: 42px
    }

    .service-three .modal-footer .btn-add p {
        font-size: 16px
    }
}

@media (max-width: 701px) {
    .service-four .files {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .service-four .files .nav-main-ls-second-accordion-body-inside-body-bottom--file {
        margin-bottom: 15px
    }
}

@media (max-width: 600px) {
    .modal-14-1 .modal-content {
        padding-bottom: 24px !important
    }
}

@media (max-width: 701px) {
    .modal-14-1 .files {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        margin-left: 16px;
        margin-right: 0
    }
}

@media (max-width: 600px) {
    .modal-14-1 .files {
        margin-left: 0
    }
}

.modal-25 .bottom-elements-selections {
    margin: 0
}

@media (max-width: 600px) {
    .modal-25 .modal-footer p {
        font-size: 15px;
        margin-left: 0;
        margin-top: 15px
    }

    .modal-25 .modal-footer .create-order {
        margin-left: 0
    }

    .modal-25 .modal-footer .create-order i {
        font-size: 44px
    }
}

.modal-25 .modal-footer .create-order .create-order-btn {
    padding: 8px 36px
}

@media (max-width: 600px) {
    .modal {
        padding-right: 0 !important
    }

    .modal-26 .service-modal-visit {
        margin-top: 20px
    }

    .modal-26 .right p {
        margin-left: 12px !important
    }

    .modal-26 .top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .modal-26 .top .left .select2 {
        margin-top: 15px
    }

    .modal-26 .top .right, .modal-26 .top .right .one {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .modal-26 .top .right .one {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 15px;
        width: 245px
    }

    .modal-26 .top .right .one input {
        font-size: 1rem;
        padding: 14px
    }

    .modal-26 .bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: 0 !important
    }

    .modal-26 .bottom .left {
        margin-bottom: 15px
    }

    .modal-26 .bottom .right {
        margin-bottom: 15px;
        width: 245px
    }

    .modal-26 .bottom .right input {
        font-size: 1rem !important;
        padding: 14px !important;
        width: 100%
    }

    .modal-28 .introductory-part {
        padding: 0 !important
    }
}

@media (max-width: 550px) {
    .modal-28 .introductory-part {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .modal-28 .introductory-part input {
        font-size: 1rem !important;
        margin-top: 16px !important;
        padding: 14px !important;
        width: 100%
    }

    .modal-28 .introductory-part .select2 {
        margin-top: 6px !important
    }

    .modal-28 .introductory-part .name-employee {
        margin-bottom: 16px !important
    }

    .modal-28 .introductory-part .left {
        width: 245px
    }

    .modal-28 .introductory-part .left .select-photo {
        width: 80%
    }
}

.modal-28 .introductory-part .left input {
    width: 100%
}

@media (max-width: 550px) {
    .modal-28 .introductory-part .right {
        margin-top: 20px;
        width: 245px
    }

    .modal-28 .introductory-part .right .select-photo {
        width: 80%
    }

    .modal-28 .introductory-part .right input {
        width: 100%
    }

    .modal-28 .password {
        margin-top: 20px;
        text-align: center;
        width: 70% !important
    }

    .modal-28 .password input {
        font-size: 1rem !important;
        padding: 14px !important
    }

    .modal-28 .password span {
        margin: 0
    }
}

@media (max-width: 600px) {
    .modal-29 input {
        font-size: 1rem !important;
        margin-left: 0;
        padding: 14px !important
    }

    .modal-31-1 .top {
        margin-left: 0 !important;
        width: 100% !important
    }

    .modal-31-1 .price-in-order {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .modal-31-1 .price-in-order p {
        margin-bottom: 15px !important;
        margin-left: 12px !important
    }

    .modal-31-1 .bottom {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: start !important;
        padding: 0
    }
}

@media (max-width: 388px) {
    .modal-31-1 .selections-checkbox {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .modal-31-1 .selections-checkbox .three {
        margin-bottom: 10px
    }
}

@media (max-width: 600px) {
    .modal-31-2 .modal-body {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .modal-31-2 .modal-body input {
        font-size: 1rem !important;
        padding: 14px !important
    }

    .modal-34 .service-inp {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        margin-bottom: 20px;
        width: 100% !important
    }

    .modal-34 .service-inp .service-modal-visit {
        width: 100%
    }

    .modal-34 .btn-inp {
        padding: 0 !important
    }

    .modal-34 .inp-in-main-modal-34 {
        margin-left: 0;
        margin-right: 0
    }

    .modal-34 .inp-in-main-modal-34, .modal-34 input {
        font-size: 1rem !important;
        padding: 14px !important;
        width: 100% !important
    }

    .modal-34 .main .bottom span {
        margin: 0
    }

    .modal-34 .main .bottom .inputs {
        margin-bottom: 0 !important;
        margin-left: 0;
        width: 100%
    }
}

@media (max-width: 516px) {
    .modal-34 .main .bottom .inputs {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .modal-34 .main .bottom .inputs .left {
        margin-bottom: 20px;
        width: 100%
    }

    .modal-34 .bottom {
        margin-top: 20px !important
    }
}

@media (max-width: 600px) {
    .modal-34 .modal-footer {
        -webkit-box-align: inherit;
        -ms-flex-align: inherit;
        align-items: inherit;
        margin-top: 0
    }

    .modal-34 .modal-footer .service-modal-visit {
        width: 100%
    }
}

@media (max-width: 460px) {
    .modal-34 .modal-footer .create-order {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 20px
    }
}

@media (max-width: 600px) {
    .modal-39 .btn-inp {
        margin-top: 20px
    }

    .modal-38 .service-modal {
        width: 100%
    }

    .modal-38 .service-inp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .modal-38 .service-inp .service-modal-visit {
        width: 100%
    }

    .modal-38 .service-inp .service-modal-visit span {
        margin-left: 0
    }
}

.modal-38 .service-inp .service-modal-visit .select2 {
    width: 100% !important
}

@media (max-width: 600px) {
    .modal-38 .service-inp .service-modal-visit .info-company-manager {
        margin-left: 0;
        width: 230px
    }

    .modal-38 .modal-footer {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center
    }

    .modal-miscalculation .form-group {
        padding-left: 0
    }

    .modal-miscalculation .form-group label {
        margin-left: 0 !important
    }

    .modal-miscalculation .modal-footer {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 20px
    }

    .modal-miscalculation .modal-footer .add-order {
        margin-bottom: 30px 4031
    }

    .modal-miscalculation .modal-body__order-details__block {
        margin-bottom: 0 !important
    }
}

.notify-sidebar .quick-sidebar-wrapper {
    padding: 0 24px 24px;
    margin-top: 2rem;
}

.quick-sidebar .close-quick-sidebar {
    position: absolute;
    right: 20px;
    color: #000;
}

.notify-sidebar .quick-sidebar-wrapper .nav-notifications {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 28px
}

.notify-sidebar .quick-sidebar-wrapper .nav-notifications__text p {
    margin: 0 12px 0 0
}

.notify-sidebar .quick-sidebar-wrapper .nav-notifications__num {
    background: #ff7200;
    border-radius: 50%;
    color: #fff;
    font-weight: 800;
    padding: 8px 14px
}

.notify-sidebar .quick-sidebar-wrapper .data-card .card-in-notify {
    border: 2px solid #d6d6d6;
    border-radius: 10px;
    color: #000;
    display: block;
    margin-bottom: 22px;
    padding: 16px 24px 28px;
    text-decoration: none;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.notify-sidebar .quick-sidebar-wrapper .data-card .card-in-notify .nav-card {
    margin-bottom: 30px
}

.notify-sidebar .quick-sidebar-wrapper .data-card .card-in-notify .nav-card i {
    color: #ff8e02;
    font-size: 30px
}

.notify-sidebar .quick-sidebar-wrapper .data-card .card-in-notify .card-main {
    text-align: start
}

.notify-sidebar .quick-sidebar-wrapper .data-card .card-in-notify .card-main h5 {
    font-size: 14px;
    font-weight: 800;
    margin-bottom: 8px
}

.notify-sidebar .quick-sidebar-wrapper .data-card .card-in-notify .card-main p {
    line-height: 20px;
    margin: 0
}

.notify-sidebar .quick-sidebar-wrapper .data-card .card-in-notify:hover {
    border: 2px solid #ffc400;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.active_link {
    color: black !important;
    font-weight: bold;
}

.notify-sidebar .quick-sidebar-wrapper .data-card .card-in-notify__icons {
    display: flex;
}

.notify-sidebar .quick-sidebar-wrapper .data-card .card-in-notify__icons .flaticon-cross {
    font-size: 13px !important;
    margin-left: 10px;
    display: flex;
    align-items: center;
}

.filter-buttons {
    margin-top: .75rem;
}

.filter-buttons button {
    width: 100%;
    max-width: 130px;
    padding: 8px;
}

.main-panel .container .right-position-block h3 {
    padding-left: 12px;
}