@charset "UTF-8";

/* @import url('./fonts.googleapis.com.css'); */
/* @import url('https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap'); */
:root {
    --logo-width: 170px;
    --side-menu-width: 170px;

    --header-height: 70px;
    --main-direction: rtl;
    --second-direction: ltr;
}

.breadCrumbs .bootstrap-select .dropdown-toggle:focus,
.breadCrumbs .bootstrap-select>select.mobile-device:focus+.dropdown-toggle,
.breadCrumbs .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline-color: white !important;
    outline: 0 !important;
}

.bootstrap-select>.dropdown-toggle {
    outline: 0 !important;
    outline-color: white !important;
}
* {
    border: 0;
    padding: 0px;
    margin: 0px;
    outline: 0 !important;
    direction: rtl;
    font-family: 'Rubik', Arial;
    line-height: 110%;
    text-align: right;
}

html {
    direction: ltr;
}

.pdfViewerContainer {
    direction: ltr !important;
}

button,
a {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.googleMapContainer .gmnoprint div {
    direction: initial;
}

input,
textarea,
.contentSelectable {
    -webkit-touch-callout: default;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.disable-css-transitions {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}


.hFlipped {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.fixed-direction-ltr-all * {
	direction:ltr;
}

.fixed-direction-ltr .filter-option-inner-inner{
	direction:ltr;
}
.fixed-direction-ltr {
    direction: ltr;
}

.fixed-direction-rtl {
    direction: rtl;
}

.noMargin {
    margin: 0 !important;
}

.forceLeftAlignedField {
    text-align: left;
    direction: ltr;
}

.forceLTRCenteredField {
    text-align: center;
    direction: ltr;
}

*:focus {
    outline: none !important;
    border: 0;

    box-shadow: 0 0 0 !important;
}

button:focus {
    outline: 0;
}
a:focus {
    text-decoration: none;
}
textarea:hover,
input:hover,
textarea:active,
input:active,
textarea:focus,
input:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active {
    outline: none !important;
    -webkit-appearance: none !important;
    box-shadow: none !important;
}

.mark,
mark {
    padding: 0;
    background-color: yellow;
}

.opacityZero {
    opacity: 0 !important;
}

html {
    min-height: 100%;
    width: 100%;
    height: 100%;
    /* font-family: 'Rubik', Tahoma; */
    -moz-transform-origin: 0 0;

}

input,
select,
select *,
textarea {
    font-size: 14px;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 0px;
}
ol, ul{
	list-style: none;
}
.hiddenBeforeLoad,
.hidden {
    display: none;
}
.zeroOpacity {
    opacity:0;
}

.allChildrenFontSize11 * {
    font-size: 11px !important;
}

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

.fontSize13 {
    font-size: 13px !important;
}

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

.fontSize15 {
    font-size: 15px !important;
}

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

.fontSize17 {
    font-size: 17px !important;
}

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

.fontSize20 {
    font-size: 20px !important;
}

.fontSize30 {
    font-size: 30px;
}

.disableBorder {
    border: 0px !important;
}

.monospaceFont,
.monospaceFont * {
    font-family: monospace !important;
}

.noBorder {
    border: 0 !important;
}

.clickable,
.clickable * {
    cursor: pointer !important;
}

.notClickable {
    cursor: unset !important;
}

.right {
    float: right;
}

.left {
    float: left;
}

.scrollableContainer {
    overflow-y: scroll;
}

.scrollableContainer550 {
    overflow-y: scroll;
    max-height: 550px;
}

.flexed {
    display: flex;
}
.flexed.x2columns{flex-wrap:wrap;max-width:100%;}
.flexed.x2columns .item{flex:1 0 50%;min-width:250px;max-width:100%;width:50%;padding-left:4px;}
.flexed.x2columns .item:nth-child(2n+2){flex:1 0 50%;padding-left:0;padding-right:4px;}
.flexed.x2columns > *{flex:1 0 50%;padding-left:4px;}
.flexed.x2columns > *:nth-child(2n+2){flex:1 0 50%;padding-left:0;padding-right:4px;}

/*.infoPageBase .allContainer {min-width:100%;}*/
/*.infoPageBase .allContainer .item {min-width:400px;}*/
/*.infoPageBase .flexed.x2columns {min-width:100vw;}*/

.noscroll {
    overflow: hidden !important;
}

.flexedCenter {
    display: flex;
    align-items: center;
    justify-content: center !important;
}

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

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

.flexedSpacedAround {
    display: flex;
    justify-content: space-around;
}

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

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

.flexedRowReversed {
    display: flex;
    flex-direction: row-reverse;
}

.flexedMiddle {
    display: flex;
    align-items: center;
}

.flexedSpacedEvenly {
    display: flex;
    justify-content: space-evenly;
}

.flexedJustifyCenter {
    display: flex;
    justify-content: center;
}

.flexDirectionColumn {
    flex-direction:column;
}

.flexedYStretch {
    align-items: stretch;
}

.flexedTop {
    display: flex;
    align-items: flex-start;
}

.flexedVerticalSpaceBetween{display: flex;
    flex-direction: column;
    justify-content: space-between;
}

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

.flexXstart {
    display: flex;
    justify-content: flex-start;
}

.flexYend {
    align-items: flex-end;
}

.flexYstart {
    align-items: flex-start;
}

.flexedWrap {
    flex-wrap: wrap;
}

.flexFillentire {
    flex: 1;
}

.flexedNoWrap {
    flex-wrap: nowrap !important;
}

.flexGap-1percent {
    gap: 1%;
}
.flexGap-2percent {
    gap: 2%;
}
.flexGap-5 {
    gap: 5px;
}
.flexGap-8 {
    gap: 8px;
}

.flexGap-10 {
    gap: 10px;
}

.flexGap-15 {
    gap: 15px;
}

.flexGap-20 {
    gap: 20px;
}

.siblingsFontSize17 * {
    font-size: 17px !important;
}

.eq-WH {
    flex: 1;
}

a[href].clearLink {
    text-decoration: none;
    color: var(--basic-txt-color);
}

.mobile {
    display: none !important;
}

.transition {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.boldFont {
    font-weight: bold;
}
.textNoOverflow {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.textAlignRight {
    text-align: right !important;
}
.no-startup-transition {
    -webkit-transition: all 0.0s ease-in-out !important;
    -moz-transition: all 0.0s ease-in-out !important;
    -o-transition: all 0.0s ease-in-out !important;
    transition: all 0.0s ease-in-out !important;
}

.transition:hover {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.5s ease-in-out;
}

[aria-hidden="true"] {
    display: none;
}

.select2 .select2-selection__clear > span[aria-hidden="true"],
.select2 .select2-selection__choice__remove > span[aria-hidden="true"] {
    display: initial;
}

.chartContainer [aria-hidden="true"],
.chartContainer.ltrChart [aria-hidden="true"] {
    display: block;
}


.chartContainer.ltrChart * {
    direction: ltr !important;
}

.chartContainer.ltrChart div[role="tooltip"]{
    direction: ltr !important;
}

.mobile {
    display: none !important;
}

.cmp {
    display: block !important;
}

.textWrap {
    white-space: normal !important;
    overflow-wrap: break-word;
}

.textNoWrap {
    white-space: nowrap;
}

.showMobile {
    display: none !important;
}

.positionRelative {
    position: relative;
}

.textOverflowEllipsis {
    max-width: 100%;
    overflow: hidden !important;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.documentOptionsButton {
    display: flex;
    align-items: center;

    max-width: 100%;
    overflow: hidden !important;
    white-space: nowrap;
    text-overflow: ellipsis;

    text-align: right;
}

.documentOptionsButton img {

    margin-right: 9px;
    margin-left: 11px;
}


/* .lastReports .textOverflowEllipsis{white-space: pre-wrap;} */

.disableScroll {
    overflow: hidden !important;
}

.clearMargin {
    margin: 0 !important;
}

/* Start Web Css */

.modal-footer .greenBtn.centered {
    width: 205px
}

html {
    overflow-x: hidden;
}

body {
    min-height: 100%;
    max-width: 100%;
    padding-right: 0 !important;
    width: 100vw;
    padding-top: var(--header-height);
    color: var(--basic-txt-color);
    font-size: 15px;
    background: var(--body-bg-color);
    font-family: 'Rubik', sans-serif;
}

body {}

div.datepicker-days {
    font-size: 15px;
}

div.popover-header {
    font-size: 15px;
}

p,
a,
strong {
    color: var(--basic-txt-color);
}

.pageMain strong {
    color: white;
    display: block;
    text-align: center;
    font-size: 17px;
    margin-bottom: 5px;
}

section {
    width: 100%;
    position: relative;
}

.wrapper {
    width: 57.52%;
    position: relative;
    margin: 0px auto;
}

.cmp {
    display: block !important;
}

.mobile {
    display: none !important;
}

.middle {
    position: relative;
    transform: translate(0px, -50%);
    top: 50% !important;
}

.halfWidth {
    width:50%!important;
}
.halfVWidth {
    width:50vw!important;
}

.fullWidth {
    width: 100% !important;
}

.fullVWidth {
    width: 100vw !important;
}

.fullHeight {
    height: 100% !important;
}

.autoWidth {
    width: auto !important;
}

.fullWidthMax {
    max-width: 100% !important;
}

.center {
    position: relative;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50% !important;
}


.field.table_columns_preferences_modal_block label.table_columns_label {
    width: 300px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
    margin-top: 10px !important;
}

.table_columns_preferences_modal_block .customCheckBox {
    margin: 10px 0;
}

.bold {
    font-weight: 700;
}

.regular {
    font-weight: 400;
}

.medium {
    font-weight: 500;
}

.extra-bold {
    font-weight: 900;
}

body .fsize13 {
    font-size: 13px !important;
}

body .fsize14 {
    font-size: 15px !important;
}

body .fsize15 {
    font-size: 15px !important;
}

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

body .opacity0,
body .opacity0:before,
body .opacity0:after {
    opacity: 0;
}

.modal-content .btn-default {
    border: 1px solid #cdcdcd;
    background: white;
    color: #151b20;
    font-size: 15px;
    opacity: 1;
}

.bootstrap-select .dropdown-menu {
    z-index: 9999999999 !important;
    -webkit-box-shadow: 4px 3px 20px -7px rgba(128, 128, 128, 0.36);
    -moz-box-shadow: 4px 3px 20px -7px rgba(128, 128, 128, 0.36);
    box-shadow: 4px 3px 20px -7px rgba(128, 128, 128, 0.36);
}

header {
    z-index: 999999991 !important;
    position: fixed;
    right: 0;
    top: 0;
    min-height: var(--header-height);
    display: flex;
    justify-content: space-between;
    width: 100vw;
    padding-right: 0;
    padding-left: 0.0vw;
    background: white;
    border-bottom: 1px solid var(--gray-border);
}

header .logo {
    width: var(--logo-width);
    height: calc(100% + 1px);
    background-color: var(--menu-bg-color);
    position: relative;
    box-shadow: -5px 0 5px -5px rgba(0, 0, 0, 0.1);
    min-height: var(--header-height);
    margin-left: 1.2vw;
    padding-top: 5px;
}

header .logo a {
    width: 100%;
    height: 100%;
}

header .logo img {
    width: 58%;
    max-width: 58%;
    display: block;
}

@-moz-document url-prefix() {

    /* firefox only */
    .firefoxScale {
        -moz-transform: scale(0.95);
        /* Firefox Property */
    }

    header .logo {
        height: calc(100% + 2px);
    }

}

header .creditCardUserParams,
header .balance {
    min-width: 3.75vw;
    height: auto;
    max-width: none;
    width: auto;
}

header .creditCardUserParams a,
header .balance a {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 15px;
    min-width: 100%;
    min-height: 100%;
    padding: 0vw 1.1vw;
    color: var(--basic-txt-color) !important;
    border-radius: 0;
}

/* header .balance a:after{content:'';width:calc(100%);height:5px;background:var(--basic-green);position:absolute;bottom:0;right:0;} */
/* header .balance a:hover:after{background:var(--basic-blue);} */
header a.email {
    color: #797979;
    font-size: 15px;
    margin-right: 0.5vw;
    margin-left: 0.5vw;
    text-decoration: none;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}

.headerLeft .info .name {

    margin-right: 0.45vw;
}

@media screen and (max-width: 1250px) {
    .headerLeft .info .name {
        display:none;
    }
}

.maxWidth90per {
    max-width: 90% !important;
}

.maxHeight90per {
    max-height: 90% !important;
}

.maxWidth150 {
    max-width: 150px !important;
}

.maxWidth160 {
    max-width: 160px !important;
}

.maxWidth250 {
    max-width: 250px !important;
}

.maxWidth330 {
    max-width: 330px !important;
}

header a.email:hover {
    color: var(--menu-bg-color);
}

/* a.email.dropdown-toggle::after{border: solid #797979;border-width: 0 2px 2px 0;margin-left:8px !important;display: inline-block;padding: 3px;background:none;transform: rotate(45deg);-webkit-transform: rotate(45deg);margin-top:-4px;margin-right:0.73vw;}
header a.email.dropdown-toggle[aria-expanded="true"]::after{border-color: #949494;transform: rotate(225deg);-webkit-transform: rotate(225deg);margin-top: 2px;} */

header .headerRight {
    min-height: 100%;
}

header .logoutSvg {
    width: 13px;
    height: 13px;
    overflow: hidden;
    position: relative;
    margin-left: 3px;
}

header .headerLeft {
    min-height: 100%;
    display: Flex;
}

header .headerLeft .colL {
    height: 100%;
    border-right: 1px solid var(--gray-border);
    display: flex;
    align-items: center;
}

header .headerLeft .colL:hover {
    background: var(--basic-gray);
}

.userNoSelect {
    -webkit-user-select: none;
    /* Safari */
    -ms-user-select: none;
    /* IE 10+ and Edge */
    user-select: none;
    /* Standard syntax */
}

.clickToSort {
    user-select:none;
    cursor: pointer;
}
#shiftsSummaryTable,
.shiftsSummaryRow,
.shiftsSummaryRow * {
    user-select:none;
}
header .headerLeft .colL>.email {
    z-index: 99;
}

.datepicker-dropdown {
    z-index: 9999999999 !important;
    padding:15px;
}

/* header changes*/

header .headerLeft .colL.colIcon {
    font-weight: 700;
    position: relative;
}

header .headerLeft .colL.colIcon a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    height: 100%;
}

.bottonBottomMainSideBadgeCounter {
    position: absolute;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fe3535;
    padding-right: 0.5px;
    padding-top: 1px;
    font-weight: 400;
    font-size: 10px;
    width: 19px;
    height: 19px;
    bottom: -5px;
    right: -10px;
    margin-top: -22px;
}

header .headerLeft .colL.colIcon a .counter {
    position: absolute;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fe3535;
    padding-right: 0.5px;
    padding-top: 1px;
    font-weight: 400;
    font-size: 10px;
    width: 19px;
    height: 19px;
    top: 50%;
    right: 5px;
    margin-top: -22px;
}

header .headerLeft .colL.colIcon svg {
    width: 19px;
}

header .headerLeft .colL.colIcon a.dropdown-item {
    padding: 8px 8px;
    justify-content: flex-start;
    font-size: 14px;
}

.alignItemsRight .dropdown-item {
    text-align: right;
}

header .headerLeft .colL.colIcon .dropdown-menu {
    min-width: 7vw;
    top: -1px !important;
}

header .headerLeft .colL.colIcon {
    padding: 0;
}

header .headerLeft .colL .logout svg {
    fill: #9f9f9f;
}

header .headerLeft .colL .logout svg {
    transform: rotate(180deg);
}

header .headerLeft .colL.colIcon:last-child {
    border-left: 1px solid var(--gray-border);
}

header .bootstrap-select .dropdown-toggle .filter-option-inner-inner {}

/* header .headerLeft .colL .logout{color: ;} */

header .headerLeft .logoutMenu {
    min-width: 110px;
    margin-top: 0;
}

header .headerLeft .logoutMenu a {
    min-height: 35px !important;
}

header .headerLeft .langChange .filter-option-inner-inner span {
    display: none;
}

header .headerLeft .langChange .dropdown.bootstrap-select {
    max-width: 64px;
}

header .headerLeft .langChange button {
    border: 0 !important;
    display: flex;
    justify-content: center;
}

header .headerLeft .langChange .bootstrap-select .dropdown-menu li a span.text img {
    max-width: 20px;
}

header .headerLeft .langChange .bootstrap-select .dropdown-menu li a span.text {
    font-size: 14px;
}

header .headerLeft .langChange .bootstrap-select .dropdown-menu li a {
    padding: 0;
}

.hideSideArrow.dropdown-toggle::after,
header .headerLeft .langChange .bootstrap-select .dropdown-toggle::after {
    display: none;
}

header .headerLeft .langChange .bootstrap-select .dropdown-menu {
    top: 17px !important
}

header .headerLeft .langChange .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    margin: 0 !important;
}

header .headerLeft .langChange .dropdown-toggle .filter-option {
    margin: 0 !important;
}


/* header .headerLeft .headerMonthSelect {
    width:95px; */
}

/* header .headerLeft .headerMonthSelect span.highlightedSelectOption {
    color:#336EFF;
    text-decoration:underline;
    text-underline-offset:2px;
} */

header .headerLeft .headerMonthSelect .dropdown-item img {
    display: none;
}

header .headerLeft .headerMonthSelect .filter-option-inner-inner span {
    /* display: none; */
}

header .headerLeft .headerMonthSelect .dropdown.bootstrap-select {
    width:fit-content!important;
}

header .headerLeft .headerMonthSelect button {
    border: 0 !important;
    display: flex;
    justify-content: center;
}

header .headerLeft .headerMonthSelect .bootstrap-select .dropdown-menu li a span.text img {
    max-width: 20px;
}

header .headerLeft .headerMonthSelect .bootstrap-select .dropdown-menu li a span.text {
    font-size: 13px;
    margin:0;
    display:flex;
    flex-wrap:nowrap;
}

header .headerLeft .headerMonthSelect .bootstrap-select .dropdown-menu li a {
    padding: 0;
}

header .headerLeft .headerMonthSelect .bootstrap-select .dropdown-toggle::after {
    display: none;
}

header .headerLeft .headerMonthSelect .bootstrap-select .dropdown-menu {
    top: 17px !important
}

header .headerLeft .headerMonthSelect .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    margin: 0 !important;
}

header .headerLeft .headerMonthSelect .dropdown-toggle .filter-option,header .headerLeft .headerMonthSelect .filter-option-inner {
    margin: 0 !important;
    min-height:100%;
    min-width:100%;
    display:flex;
}
header .headerMonthSelect{
    flex-wrap:wrap;
    display:flex;
    flex-direction: column;
}
header .headerMonthSelect .dropdown{
    flex:1;
    min-width:100%;
    min-height:100%;
    flex-wrap:wrap;
    display:flex;
    flex-direction: column;
}
header .headerLeft .headerMonthSelect button{
    flex:1;
    min-width:100%;
    position:relative;
    min-height:100%;
    height:100%!important;
    padding:0!important;
}
header .headerLeft .headerMonthSelect .filter-option-inner-inner{
    display:flex;
    flex-direction: column;
    gap:4px;
    justify-content: center;
    align-items: center;
    font-size:11px!important;
}
header .headerLeft .headerMonthSelect .filter-option-inner-inner span{
  
    margin-top:auto;
    width:auto;
    background:var(--basic-gray);
    padding: 2px 7px;
    color:#aaaaaa;
    border-top:1px solid var(--gray-border);
    min-width:100%;
}
header .headerLeft .headerMonthSelect .filter-option-inner-inner .icon{position:Absolute;height:100%;display:flex;align-items:center;}
header .headerLeft .headerMonthSelect .filter-option-inner-inner img{
    width:24px;
}

/*end*/
.styledDropMenu .dropdown-menu,
.dropdownMenuStyled {
    border: 0;
    border-top: 2px solid var(--basic-blue);
    box-shadow: 0px 1px 6.65px 0.35px rgba(0, 0, 0, 0.1);
    top: 8px !important;
    border-radius: 0 !important;
    z-index: 9999999999999;
}

.styledDropMenu .dropdown-menu a.dropdown-item,
.dropdownMenuStyled a.dropdown-item,
.styledDropMenu .dropdown-menu button.dropdown-item,
.dropdownMenuStyled button.dropdown-item {
    padding: 13px 0.99vw 11px 0.99vw;
    color: var(--basic-txt-color);
    font-size: 14px;
    display:flex;
    justify-content:flex-start;
    gap:8px;
}

.styledDropMenu .dropdown-menu a.dropdown-item .counter {
    position:absolute;
    left: 7px;
}

.styledDropMenu .dropdown-menu .dropdown-item.active,
.dropdownMenuStyled .dropdown-item.active,
.dropdownMenuStyled .dropdown-item:active,
.styledDropMenu .dropdown-menu .dropdown-item:active {
    background: var(--basic-gray);
}

.dropdownMenuStyled .menu_separator {
    border-top: 1px dashed black;
    margin: 5px 20px;
}

.dropdownMenuStyled .label {
    font-weight: bold;
    text-align: center;
    font-size: 15px;
    padding: 10px;
    display: block;
}


.styledDropMenuNew {}

.showCheckMark .dropdown-menu .dropdown-item.active:before {
    position: relative;
    width: 7px;
    height: 14px;
    margin-top: -3px;
    content: '';
    top: auto !important;
    right: auto !important;
    display: inline-block;
    transform: rotate(45deg);
    margin-left: 10px;
    border-bottom: 3px solid var(--basic-green);
    border-right: 3px solid var(--basic-green);
}

.topMenuDropDown {}

.topMenuDropDown .profile {
    width: 100%;
    padding: 0.94vw 6.5%;
}

.topMenuDropDown .dropdown-menu {
    min-width: 8.75vw;
    max-width: 168px;
    left: 0;
    top: -2px !important;
    padding: 0;
}

.topMenuDropDown #subWorkerDropdownMenuLink .img img {
    display: inline;
    margin: 0 auto;
    height: 100%;
    min-width: 100%;
}

.topMenuDropDown #dropdownMenuLink .img img.userAvatar {
    width: 56px;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.topMenuDropDown #dropdownMenuLink .img img.userUploadedImage {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    /* min-width: 100%; */
}

.topMenuDropDown #dropdownMenuLink .img.color_7 img.userAvatar {
    background: transparent;
    border-color: transparent;
}

.topMenuDropDown #dropdownMenuLink .img.color_7 {
    background: transparent;
}

.topMenuDropDown .imgBorder {
    /* border: 1px solid var(--gray-border); */
    border-radius: 50%;
}

.topMenuDropDown .img {
    position: relative;
    overflow: hidden;
    /*height:3.2vw;*/
    min-width: 58px;
    min-height: 58px;
    max-width: 58px;
    max-height: 58px;
    border-radius: 50%;
}
header .loggedAsProfile{margin-left:auto;background:#f73e3e;display:flex;align-items:center;width:fit-content;position:relative;}
header .loggedAsProfile a.email{width:auto;margin-left:0;}
header .headerRight.loggedAsBg{background:#f73e3e;}

/* header .loggedAsGroup{background:#ff853f !important;} */
header .loggedAsProfile.loggedAsGroup{background:#ff853f !important;} 
header .headerRight.loggedAsGroupBg{background:#111010 !important;}

header .loggedAsProfile.loggedAsForeman{background:var(--viewAsForeman) !important;} 
/* 
header .headerRight.loggedAsBg .minifyMenu:before,header .headerRight.loggedAsBg .minifyMenu:after{background:none;border-color:white;}
header .headerRight.loggedAsBg .minifyMenu span{background:white;border-color:white;} */
header .loggedAsProfile .organizationImgHolder{margin:0;z-index:9991;}
header .loggedAsProfile a.userProfile{width:auto;position:relative;margin:0 10px;}
header .loggedAsProfile .userProfile:first-child{margin-left:-20px;width:auto;position:relative;}
.topMenuDropDown img.groupedCirclesImages {
    min-width: 56px;
    min-height: 56px;
    max-width: 56px;
    max-height: 56px;
}
.topMenuDropDown .userProfile img.organizationCircleImage.imageShape_Rectangle{ width:calc(100% - 5px)!important; min-width:calc(100% - 5px)!important; min-height:unset!important;height:unset!important;position:absolute; /*right:2.5px;*/ top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.topMenuDropDown .userProfile img.workerCircleImage.imageShape_Rectangle{ width:calc(100%/* - 5px*/)!important; min-width:calc(100%/* - 5px*/)!important; min-height:unset!important;/*height:unset!important;*/position:absolute; right:0px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.topMenuDropDown .userProfile img.organizationCircleImage.imageShape_Square,
.topMenuDropDown .userProfile img.workerCircleImage.imageShape_Square { 
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50% !important;
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
 }

.topMenuDropDown #subWorkerDropdownMenuLink .img {
    height: 3.2vw;
}

.loggedAsProfile .info {
    margin-left: 40px;
    color: white;
    font-size: 15px;
}

.loggedAsProfile .info span:last-child {
    font-weight: 500;
}

.topMenuDropDown .profile a {
    text-decoration: none;
}

.topMenuDropDown .profile a:hover .img {
    border-color: var(--basic-blue);
}

.topMenuDropDown .dropdown-menu {
    padding-bottom: 0;
}

header .loggedAsProfile {
    margin-left: auto;
    background: #f73e3e;
    display: flex;
    align-items: center;
    width: fit-content;
    position: relative;
}

header .loggedAsProfile a.email {
    width: auto;
    margin-left: 0;
}

header .headerRight.loggedAsBg {
    background: #f73e3e;
}

header .headerRight.loggedAsBg .minifyMenu:before,
header .headerRight.loggedAsBg .minifyMenu:after {
    background: none;
    border-color: white;
}

header .headerRight.loggedAsBg .minifyMenu span {
    background: white;
    border-color: white;
}

header .loggedAsProfile:after {
    position: absolute;
    top: 0;
    margin-left: -69px;
    left: 0;
    width: 0;
    height: 0;
    border-bottom: var(--header-height) solid #f73e3e;
    border-left: var(--header-height) solid transparent;
    content: '';
    transform: rotate(-90deg);
}
header .loggedAsGroup:after {
    border-bottom-color:#ff853f !important;
}
header .loggedAsForeman:after {
    border-bottom-color:var(--viewAsForeman) !important;
}
header .loggedAsProfile .exitViewe{height:100%;padding:7px 5px;margin-right:20px;}
header .loggedAsProfile .exitViewe.secondInRowBtn{margin-left: 28px;}
header .loggedAsProfile .exitViewe a{position:relative;font-size:14px;gap:8px;text-decoration:none;min-height:100%;display:flex;align-items:center;color:white;height:100%;width:auto;padding:0 5px;background:#D52B2B;}

header .loggedAsProfile .exitViewe {
    height: 100%;
    padding: 7px 5px;
    margin-right: 20px;
}

header .loggedAsProfile .exitViewe.secondInRowBtn {
    margin-left: 28px;
    margin-right: 0px;
}

header .loggedAsProfile .exitViewe a {
    position: relative;
    font-size: 14px;
    gap: 8px;
    text-decoration: none;
    min-height: 100%;
    display: flex;
    align-items: center;
    color: white;
    height: 100%;
    width: auto;
    padding: 0 5px;
    background: #D52B2B;
}

.loggedAsProfile .exitViewe a:after {
    position: absolute;
    transition: all 0.5s ease-in-out;
    top: 0;
    left: -56px;
    width: 0;
    height: 0;
    border-bottom: 56px solid #D52B2B;
    border-left: 56px solid transparent;
    content: '';
    transform: rotate(-90deg);
    z-index: 9;
}

.loggedAsProfile .exitViewe a:before {
    position: absolute;
    transition: all 0.5s ease-in-out;
    top: 0;
    right: -56px;
    width: 0;
    height: 0;
    border-top: 56px solid #D52B2B;
    border-right: 56px solid transparent;
    content: '';
    transform: rotate(-90deg);
    z-index: 9;
}
.loggedAsProfile .exitViewe a:hover{background:#c42828;}
.loggedAsProfile .exitViewe a:hover:before{border-top-color:#c42828;}
.loggedAsProfile .exitViewe a:hover:after{border-bottom-color:#c42828;}


header .headerRight.loggedAsBg.loggedAsGroup{background:#ff853f;}
header .loggedAsProfile.loggedAsGroup .exitViewe a{background:#df7436 !important;}
.loggedAsProfile.loggedAsGroup .exitViewe a:after {border-bottom-color:#df7436 !important;}
.loggedAsProfile.loggedAsGroup .exitViewe a:before {border-top-color:#df7436 !important;}
.loggedAsProfile.loggedAsGroup .exitViewe a:hover{background:#ce6a31 !important;}
.loggedAsProfile.loggedAsGroup .exitViewe a:hover:before{border-top-color:#ce6a31 !important;}
.loggedAsProfile.loggedAsGroup .exitViewe a:hover:after{border-bottom-color:#ce6a31 !important;}

header .headerRight.loggedAsBg.loggedAsForeman{background:var(--viewAsForeman);}
header .headerRight.loggedAsBg.loggedAsForeman{background:var(--viewAsForeman);}
header .loggedAsProfile.loggedAsForeman .exitViewe a{background:var(--viewAsForeman-btn);}
.loggedAsProfile.loggedAsForeman .exitViewe a:after {border-bottom-color:var(--viewAsForeman-btn) !important;}
.loggedAsProfile.loggedAsForeman .exitViewe a:before {border-top-color:var(--viewAsForeman-btn) !important;}
.loggedAsProfile.loggedAsForeman .exitViewe a:hover{background:var(--viewAsForeman-btn-hover) !important;}
.loggedAsProfile.loggedAsForeman .exitViewe a:hover:before{border-top-color:var(--viewAsForeman-btn-hover) !important;}
.loggedAsProfile.loggedAsForeman .exitViewe a:hover:after{border-bottom-color:var(--viewAsForeman-btn-hover) !important;}

/* nav a{ -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.5s ease-in-out;} */
nav {z-index: 99;}
nav {
    position: fixed;
    right: 0;
    bottom: 0;
    height: calc(100vh - var(--header-height));
    width: var(--side-menu-width);
    background: var(--menu-bg-color);
}

nav .minifyMenu {
    width: 34px;
    background: none;
    padding: 7px;
}

nav a,nav .subMenuHolderInner{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.5s ease-in-out;}
nav .subMenuHolderInner{width:100%;}
nav .subMenuHolderInner > a:first-child{width:calc(100% - 31px);}
/* nav.minifiedMenu ul.menu .subMenuHolderInner > a:first-child{width:100%;} */
nav ul.menu {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    position: relative;
    background: var(--menu-bg-color);
    padding-top: 0;
}

nav ul.menu li {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0px auto;
    margin-bottom: 3px;
}

nav ul.menu li a {
    cursor: pointer;
    color: white !important;
    height: 100%;
    width: 100%;
    width: 100%;
    height: auto;
    min-height: 53px;
    margin: 0;
    padding-right: 20%;
    padding-left: 15%;
    color: #c5c5c5;
}

nav ul.menu li a i {
    font-size: 13px;
    color: #c5c5c5;
    margin: 0;
    margin-left: 13px;
}

nav ul.menu li a[href] {
    text-decoration: none;
    padding-left:0px;
}

nav ul.menu li a:hover i {
    opacity: 1;
    text-decoration: none;
}

nav ul.menu li a.active,
nav ul.menu li:hover>a,
nav ul.menu li.subMenuHolder[aria-expanded="true"] .subMenuHolderInner a,
nav ul.menu li.subMenuHolder:hover .subMenuHolderInner {
    background: #1a304a;
    border-right: 4px solid var(--basic-blue);
    color: white;
}

nav ul.menu li a.active i,
nav ul.menu li:hover>a i {
    color: white;
}

nav ul.menu li.subMenuHolder a.dropDownArrow:hover:after {
    border-color: white;
}

nav ul.menu li a.active img {
    opacity: 1;
}

nav ul.menu li.subMenuHolder a.dropDownArrow:after {
    content: '';
    margin-top: -4px;
    border: solid #9d9d9d;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    background: none;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

nav ul.menu li.subMenuHolder a.dropDownArrow {
    border: 0 !important;
    padding: 0;
    min-width: 30px;
    max-width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

nav ul.menu li.subMenuHolder[aria-expanded="true"] a.dropDownArrow:after {
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    margin-top: 2px;
}

nav ul.menu li.subMenuHolder ul.subMenu li a {
    color: #b2b3b3;
    font-size: 14px;
}

nav ul.menu li.subMenuHolder ul.subMenu li a.smallerFont {
    font-size: 13.8px;
}

nav ul.menu li.subMenuHolder ul.subMenu li a:hover {
    color: white;
}

nav ul.menu li a.active+a.dropDownArrow {
    background: #1a304a;
}

/*Nav - dropdown menu*/
nav ul.menu li.subMenuHolder {}

nav ul.menu ul.subMenu li {
    padding: 0;
    height: auto;
    margin: 0;
}

nav ul.menu ul.subMenu li a[href] {
    text-decoration: none;
    font-size: 15px;
    width: 100%;
    height: auto;
    background: #1a304a7d;
    border-bottom: 1px solid #273a54;
}

nav ul.menu>li.sideMenuBottomBlockSpacer10 {
    flex: 1;
    max-height: 10%;
}

nav ul.menu>li.sideMenuBottomBlockSpacer25 {
    flex: 1;
    /* max-height: 25%; */
    max-height: 100%;
}

/*Nav - minified */
nav.minifiedMenu {
    width: 65px;
    z-index: 21474836;
}

nav.minifiedMenu ul.menu li a span.menuCat {
    display: none;
}

nav:not(.minifiedMenu) ul.menu li a span.minifiedMenuCatText {
    display: none;
}

nav.minifiedMenu ul.menu li a span.minifiedMenuCatText {
    display: block;
}

nav.minifiedMenu ul.menu li a i {
    font-size: 21px;
}

nav.minifiedMenu ul.menu li.subMenuHolder a.dropDownArrow {
    display: none;
}

nav.minifiedMenu ul.menu li a {
    padding-right: 0;
    padding-left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

nav.minifiedMenu ul.menu li a i {
    margin-left: 0 !important;
}

/*Nav - dropdown menu - when main menu minified*/
nav.minifiedMenu ul.menu li.subMenuHolder {}

nav.minifiedMenu ul.menu li.subMenuHolder:before {
    width: 0;
    height: 0;
    top: calc(50% - 9px);
    content: ' ';
    position: absolute;
    z-index: 9;
    left: 0;
    border-top: 8.5px solid transparent;
    border-bottom: 8.5px solid transparent;
    border-left: 8.5px solid white;
}

nav.minifiedMenu ul.menu ul.subMenu {
    position: absolute;
    padding: 0;
    border-top: 3px solid var(--basic-blue);
    right: 100%;
    top: 0;
    width: 11.4vw;
    min-height: 50px;
    background: white;
    border-radius: 0;
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.1);
}

nav.minifiedMenu ul.menu ul.subMenu li {
    height: auto;
    margin: 0;
    border-bottom: 1px solid #dbdbdb !important;
}

nav.minifiedMenu ul.menu ul.subMenu li:last-child {
    border-bottom: 0;
}

nav.minifiedMenu ul.menu ul.subMenu li a[href] {
    border: 0;
    background: white;
    color: var(--menu-bg-color);
    color: var(--menu-bg-color) !important;
    padding: 10px 0 10px;
    text-decoration: none;
    font-size: 15px;
    width: 100%;
    min-height: 45px;
}

nav.minifiedMenu ul.menu ul.subMenu li a:hover,
nav ul.subMenu li a.active {
    background: var(--basic-gray);
    /*color:var(--menu-bg-color)!important;*/
}

nav.minifiedMenu ul.menu ul.subMenu li a .svgHolder {
    width: 21px;
    height: 17px;
    position: relative;
    overflow: hidden;
}

nav.minifiedMenu ul.menu ul.subMenu li a .svgHolder svg {
    position: absolute;
}

nav.minifiedMenu ul.menu ul.subMenu.dropup {
    bottom: 0;
    top: auto;
}

nav.minifiedMenu ul.menu li.subMenuHolder ul.subMenu {
    /*display:none;*/
}

nav.minifiedMenu ul.menu li.subMenuHolder:before {
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.5s ease-in-out;
}

nav.minifiedMenu ul.menu li.subMenuHolder[aria-expanded='true']:before {
    opacity: 1;
}

nav ul.menu li.active {
    background: #1a304a;
}


header .minifyMenu {
    width: 16px;
    background: none;
    height: 14px;
    position: relative;
    display: flex;
    align-items: center;
    z-index: 9;
}

header .minifyMenu span {
    margin-bottom: 0.075px;
    content: ' ';
    border-top: 2px solid #0c213a;
    width: 100%;
    height: 2px;
    display: block;
}

header.minifiedLogo .minifyMenu span {
    width: 50%;
}

header.minifiedLogo:not(.hiddenHeader) {
    
    top: 0;
    transition: all .3s ease-out;
}

header.minifiedLogo.hiddenHeader {
    
    top: -100px;
    transition: all .3s ease-out;
}

header .minifyMenu:before,
header .minifyMenu:after {
    content: '';
    background: none;
    height: 2px;
    width: 100%;
    position: absolute;
    bottom: 0;
    border-top: 0;
    border-bottom: 2px solid #0c213a;
}

header .minifyMenu:before {
    bottom: Auto;
    top: 0;
    border-top: 2px solid #0c213a;
    border-bottom: 0;
}

header.minifiedLogo .logo {
    width: 65px;
}

/* header.minifiedLogo .logo img {
    content: url('../images/smallLogo.png');
} */


.tooltip.primary .tooltip-inner {
    background-color: #202b30;
}

.tooltip.primary[x-placement^=bottom] .arrow::before {
    border-bottom-color: #202b30 !important;
}

.tooltip.primary[x-placement^=top] .arrow::before {
    border-top-color: #202b30 !important;
}

.tooltip.primary[x-placement^=left] .arrow::before {
    border-left-color: #202b30 !important;
}

.tooltip.primary[x-placement^=right] .arrow::before {
    border-right-color: #202b30 !important;
}

.tooltip.whiteTooltip .tooltip-inner {
    background-color: #ffffff;
    color:black;
}
.tooltip.whiteTooltip[x-placement^=bottom] .arrow::before {
    border-bottom-color: #ffffff !important;
}

.tooltip.whiteTooltip[x-placement^=top] .arrow::before {
    border-top-color: #ffffff !important;
}

.tooltip.whiteTooltip[x-placement^=left] .arrow::before {
    border-left-color: #ffffff !important;
}

.tooltip.whiteTooltip[x-placement^=right] .arrow::before {
    border-right-color: #ffffff !important;
}

.tooltip.blueDark .tooltip-inner {
    background-color: var(--basic-blue-dark);
}

.tooltip.blueDark[x-placement^=bottom] .arrow::before {
    border-bottom-color: var(--basic-blue-dark) !important;
}

.tooltip.blueDark[x-placement^=top] .arrow::before {
    border-top-color: var(--basic-blue-dark) !important;
}

.tooltip.blueDark[x-placement^=left] .arrow::before {
    border-left-color: var(--basic-blue-dark) !important;
}

.tooltip.blueDark[x-placement^=right] .arrow::before {
    border-right-color: var(--basic-blue-dark) !important;
}

.tooltip[x-placement^=top] .arrow,
.tooltip[x-placement^=bottom] .arrow {
    transform: translateX(-50%);
    left: 50% !important;
}

.fixPageToolTips .tooltip {
    margin-left: 25px;
}

.fixPageToolTips .tooltip[x-placement^=left] {
    margin-right: -10px;
}

.orgSelection {
    margin-left: 0.5vw;
}

.projectInfo {
    margin-left: 1.2vw;
}

.profileSelect img {
    width: 2.2vw;
    height: 2.2vw;
    border-radius: 50%;
}

.profileSelect .bootstrap-select .bs-ok-default:after {}

.profileSelect .dropdown-menu li span.text {
    display: flex !important;
    align-items: center;
}

.profileSelect .dropdown-menu li span.name {
    color: var(--basic-txt-color);
    font-size: 15px;
    margin-right: 5%;
}

.profileSelect .dropdown-menu li span.name span {
    display: block;
    color: #979797;
    font-size: 12px;
    margin-top: 3px;
}

.profileSelect .dropdown-item.active,
.profileSelect .dropdown-item:active {
    background: var(--basic-gray);
    color: var(--basic-txt-color);
}

.profileSelect .bootstrap-select .bs-ok-default:after {
    color: #3cbe89;
}

.profileSelect .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    top: 11px;
}

.profileSelect button {
    background: none !important;
    height: auto;
    border: 0;
    outline: 0;
    padding: 0;
    margin: 0;
}

.profileSelect button span.name span {
    display: none;
}

.profileSelect button span.name {
    margin-right: 1.05vw;
    color: var(--basic-txt-color);
}

.profileSelect button:focus {
    border: 0;
    outline: none;
    box-shadow: 0;
}

.profileSelect .dropdown-toggle::after {
    border: solid #9d9d9d;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    background: none;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-top: -4px;
    margin-right: 0.73vw;
}

.profileSelect .show .dropdown-toggle::after {
    border-color: var(--menu-bg-color);
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    margin-top: 0;
}

.profileSelect .dropdown-menu a {
    padding: 13px 0.99vw 11px 0.99vw;
    border-bottom:
}

.profileSelect .dropdown-menu li {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 1px;
}

.profileSelect .dropdown-menu li.no-results {
    font-size: 14px;
    padding: 13px 0.99vw 11px 0.99vw;
}

.profileSelect .dropdown-menu li:last-child {
    border-bottom: 0;
}

.profileSelect .dropdown-menu {
    border: 0;
    box-shadow: 0px 1px 6.65px 0.35px rgba(0, 0, 0, 0.1);
    padding-bottom: 0;
}

.profileSelect .bs-searchbox {
    margin-bottom: 8px;
}

.profileSelect .bs-searchbox input {
    max-height: 35px;
    box-shadow: 0 !important;
    font-size: 14px;
}

.profileSelect .bs-searchbox input:focus {
    box-shadow: none !important;
}

.profileSelect .settings img {
    width: 15px;
    border-radius: 0;
    height: auto;
    margin-left: 0.3vw;
}

.profileSelect .dropdown-menu li .settings span.name {
    font-size: 14px;
    margin-right: 0;
    color: var(--basic-txt-color) !important;
    color: #04252f;
}

.profileSelect .dropdown-menu li .settings {
    margin: 0px auto;
}

.profileSelect .dropdown-menu li:last-child {
    background: #b1ccff;
}

.profileSelect .dropdown-menu li:last-child:hover {
    background: #d6e3fb;
}

.profileSelect .dropdown-menu li a span.text {
    display: block !important;
}

.profileSelect .dropdown-menu .text-muted {
    display: block;
    color: #979797;
    font-size: 12px;
    display: block;
}

.profileSelect .bootstrap-select .dropdown-menu li a {
    display: flex;
    align-items: center;
}

.profileSelect .bootstrap-select .dropdown-menu li.active small.text-muted {
    color: #979797 !important;
}

.breadCrumbs {
    margin: 15px 0 15px 0;
    display: flex;
    flex: 1 0 10px;
}

.breadCrumbs>ul>li .mobileIcon {
    display: none;
}

.breadCrumbs .bootstrap-select>.dropdown-toggle .filter-option-inner-inner {}

.breadCrumbs .bootstrap-select>.dropdown-toggle.bs-placeholder .filter-option-inner-inner {
    color: var(--basic-txt-color) !important;
}

.breadCrumbs .dropdown-toggle::after {
    margin-right: 10px;
}

.breadCrumbs .dropdown-menu {
    min-width: 300px !important;
}

.breadCrumbs .bootstrap-select.bs-container {
    width: auto !important;
    min-width: 220px;
}

/* .breadCrumbs .dropdown-menu{margin-top:25px!important;left:auto!important;right: -15px!important;min-width:179px!important;transform: translate3d(0, 16px, 0px)!important;} */
.breadCrumbs .dropdown-menu .dropdown-menu.inner {
    margin-top: 0 !important;
    transform: translate3d(0, 0, 0px) !important
}

.breadCrumbs ul {
    margin: 0;
    margin-right: 0;
}

.breadCrumbs .bootstrap-select .dropdown-menu li a {
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 37px;
}

.breadCrumbs .bootstrap-select .dropdown-menu li a img {
    margin-left: 8px;
}

.breadCrumbs .bootstrap-select .dropdown-menu li {
    border-bottom: 1px solid var(--gray-border);
}

.breadCrumbs .bootstrap-select .dropdown-menu li:last-child {
    border-bottom: 0;
}

.breadCrumbs .bootstrap-select.show-tick .dropdown-menu li a span.text {
    margin-right: 0 !important;
    min-width: 100%;
}

.containerOfSelectWithRichOptions .bootstrap-select .dropdown-menu li a span.text {
    margin-right: 0 !important;
    min-width: 100%;
}

.breadCrumbs .bootstrap-select.show-tick .dropdown-menu li.active a span.text {
    min-width: calc(100% - 17px);
}

.breadCrumbs .dropdown-menu .noCheckBox span.check-mark {
    display: none !important;
}

.breadCrumbs .bootstrap-select .dropdown-menu li a span.text {
    margin-right: 6px !important;
}

.bootstrap-select .dropdown-menu li a span.text img {
    margin-left: 8px;
}

.breadCrumbs ul>li {
    font-size: 15px;
    margin-left: -1px;
}

.breadCrumbs .bootstrap-select>.dropdown-toggle .filter-option-inner {
    height: 38px;
    display: flex;
    align-items: center;
}

.breadCrumbs .bootstrap-select>.dropdown-toggle .filter-option-inner-inner {
    /*max-width: 160px;*/
    max-width: 240px;
    
    height: auto !important;
    overflow: hidden !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block !important;
}


.breadCrumbs .breadCrumbsList > li:last-child button.btn.dropdown-toggle .filter-option-inner-inner {
    font-weight: bold;
    letter-spacing: 0.5px;
}


.breadCrumbs .scope_bank_account_select .bootstrap-select>.dropdown-toggle .filter-option-inner-inner {
    max-width: 370px;
}

.breadCrumbs .scope_projects_select .bootstrap-select>.dropdown-toggle .filter-option-inner-inner {
    max-width: 370px;
}

.breadCrumbs .scope_workers_select .bootstrap-select>.dropdown-toggle .filter-option-inner-inner {
    max-width: 370px;
}

.breadCrumbs .scope_select .bootstrap-select>.dropdown-toggle .filter-option-inner-inner .starIcon {
    display: none;
}

.breadCrumbs .scope_suppliers_select .bootstrap-select>.dropdown-toggle .filter-option-inner-inner {
    max-width: 370px;
}

.breadCrumbs ul>li .breadCrumbsInnerLink {
    position: relative;
    z-index: 999999999999999999999;
}

/* li::after {
    bottom: -2px;
    transform: skew(-30deg);
    border-bottom: 2px solid #666;
} */
.crumbShape {
    color: var(--basic-txt-color);
}

/* .breadCrumbs > ul > li:after{content:'»';display:;margin-right:10px;color:#aaaaaa;font-size:15px;} */
.breadCrumbs ul li:last-child:after {
    content: ' ';
}

.breadCrumbs button {
    background: none !important;
    border: 0;
    outline: 0 !important;
    white-space: nowrap;
    box-shadow: 0 !important;
}

.breadCrumbs .dropdown-toggle::after {
    border: solid #c1c1c1 !important;
    border-width: 0 2px 2px 0 !important;
    display: inline-block !important;
    padding: 3px !important;
    background: none !important;
    transform: rotate(45deg) !important;
    -webkit-transform: rotate(45deg) !important;
    margin-top: -4px !important;
    margin-right: -0.6vw !important;
}

.breadCrumbs .dropdown-toggle:hover::after,
.breadCrumbs .dropdown-toggle[aria-expanded="true"]::after {
    border-color: var(--basic-green) !important;
}

.breadCrumbs button.dropdown-toggle .text-muted {
    display: none !important;
}

.breadCrumbs .popover-title {
    padding: .5rem .75rem !important;
    margin-bottom: 0 !important;
    font-size: 1rem !important;
    background-color: #f7f7f7 !important;
    border-bottom: 1px solid #ebebeb !important;
    border-top-left-radius: calc(.3rem - 1px) !important;
    border-top-right-radius: calc(.3rem - 1px) !important;
}

.crumbShape,
.breadCrumbs ul li.tag,
.breadCrumbs>ul>li>a,
.breadCrumbs .bootstrap-select>.dropdown-toggle .filter-option-inner-inner {
    color: var(--basic-txt-color) !important;
    text-decoration: none !important;
    display: flex;
    padding: 0 15px;
    height: 38px;
    position: relative;
    align-items: center;
}

.crumbShape {
    position: relative;
}

.crumbShape:after,
.breadCrumbs ul li.tag:after,
.breadCrumbs ul li a:after {
    top: 0;
    transform: skew(-30deg);
    content: '';
    border-top: 1px solid var(--gray-border);
}

.crumbShape:before,
.breadCrumbs ul li.tag:before,
.breadCrumbs>ul>li>a:before {
    bottom: 0;
    transform: skew(30deg);
    content: '';
    border-bottom: 1px solid var(--gray-border);
}

.crumbShape:before,
.crumbShape:after,
.breadCrumbs ul li.tag:before,
.breadCrumbs ul li.tag:after,
.breadCrumbs>ul>li>a:before,
.breadCrumbs>ul>li>a:after {
    content: '';
    position: absolute;
    left: 0;
    height: 50%;
    width: 100%;
    background: white;
    border-left: 1px solid var(--gray-border);
    z-index: -2;
    border-right: 1px solid var(--gray-border);
}

.breadCrumbs ul li.tag {
    border-right: 1px solid var(--gray-border);
    padding: 7px 0 7px 0;
    padding-right: 4px;
    padding-left: 12px;
}

.breadCrumbs ul li.tag:before,
.breadCrumbs ul li:after {
    z-index: 0 !important;
    background: white !important;
}

.breadCrumbs ul li.tag .tagShapeFix {
    height: 100%;
    position: absolute;
    right: -6px;
    width: 13px;
    background: white;
    border: 1px solid var(--gray-border);
    border-left: 0;
    z-index: 9;
}

.breadCrumbs ul li.tag span {
    position: Relative;
    z-index: 9;
    display: flex;
    align-items: center;
}

.breadCrumbs ul li.tag span i,
.breadCrumbs ul li.tagInner span i {
    margin: 0;
    font-size: 12px;
    color: var(--basic-blue);
    margin-left: 5px;
}

.breadCrumbs ul li button.dropdown-toggle {
    padding: 0;
    margin: 0;
}

.breadCrumbs ul li button.dropdown-toggle[disabled="true"] {
    background: none;
}

.breadCrumbs ul li .disabled:before {
    background: none !important;
}

.breadCrumbs .disabled .dropdown-toggle::after {
    cursor: no-drop;
}

.breadCrumbs ul li button.dropdown-toggle span.icon {
    display: none !important;
}

.breadCrumbs .bootstrap-select .dropdown-menu li a span.icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    margin-right: 4px;
}

.breadCrumbs .bootstrap-select .dropdown-menu li a span.icon img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.breadCrumbs .bootstrap-select .dropdown-menu li a span.icon i {
    font-size: 13px;
    color: var(--basic-green);
    margin: 0;
    margin-left: 4px;
}

.breadCrumbs .bootstrap-select .dropdown-menu li.selected a span.icon i {
    color: var(--menu-bg-color);
}

.breadCrumbsSmallLogo {
    max-width: 23px;
    max-height: 23px;
    margin-left: -6px;
}

.breadCrumbs .bootstrap-select .dropdown-menu li a span.text {
    display: flex;
    align-items: center;
}

/* .breadCrumbs .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark:before{top:-2.5px!important;} */
.breadCrumbs .dropdown-menu-links {
    padding: 0;
    z-index: 999999999;
}

.breadCrumbs .dropdown-menu-links label.customCheckBox {
    padding: 0;
    margin: 0;
}

.breadCrumbs .dropdown-menu-links ul {
    width: 100%;
    margin: 0;
}

.breadCrumbs .dropdown-menu-links ul li {
    width: 100%;
    border-bottom: 1px solid var(--gray-border);
}

.breadCrumbs .dropdown-menu-links ul li:last-child {
    border-bottom: 0;
}

.breadCrumbs .dropdown-menu-links ul li a {
    width: 100%;
    min-height: 38px;
    padding: 8px 5px;
    color: var(--basic-txt);
    text-decoration: none !important;
    font-size: 15px;
}

.breadCrumbs .dropdown-menu-links ul li a i {
    margin: 0;
    margin-left: 8px;
    color: var(--basic-green);
}

.breadCrumbs .dropdown-menu-links span.checkbox {
    content: ' ';
    width: 15px;
    height: 15px;
    position: relative;
    background: #eeeeee;
    border: 1px solid #cdcdcd;
    margin-left: 8px;
}

.breadCrumbs .dropdown-menu-links .selected span.checkbox {
    background: var(--basic-green);
    border-color: #0a887b;
}

.breadCrumbs .dropdown-menu-links .selected span.checkbox:after {
    content: url('../images/icons/check.png');
    position: absolute;
    display: block;
    left: 2.4px;
    top: -3.5px;
    z-index: 99;
}

.breadCrumbs .dropdown-menu-links .selected a {
    background-color: var(--basic-gray);
}

.breadCrumbs .dropdown-menu-links li:hover a {
    background-color: var(--basic-gray)8f;
}

.bankInfo {}

.bankInfo.profileSelect .dropdown-menu li span.name {
    color: #979797;
}

.bankInfo.profileSelect button span.name {
    color: #979797;
}

.bankInfo.profileSelect button span.name {
    margin-right: 0;
}

.bankInfo.profileSelect .dropdown-menu li span.name {
    margin-right: 0;
}

.breadCrumbs ul>li a.backBtn:before,
.breadCrumbs ul>li .backBtn:after {
    display: none;
}

.breadCrumbs ul>li a.backBtn {
    margin: 0 !important;
}

/* Header Message */
.headerMessage {
    opacity: 0;
    display: flex;
    padding: 11px 0.8vw 11px 1.4vw;
    align-items: center;
    position: relative;
    border: 1px dashed;
    margin-right: 45px;
    z-index: 100;
}

.whiteBlock .headerMessage {
    margin: 0;
}

.headerMessage.show {
    opacity: 1;
}

.headerMessage span,
.headerMessage span a[href] {
    text-decoration: none;
    font-size: 15px;
    font-weight: 400;
}

.headerMessage span a[href] {
    border-bottom: 1px solid #D4D190;
}

.headerMessage i {
    font-size: 20px;
    margin-left: 0.7vw;
}

.headerMessage.noIcon>i {
    display: none;
}

.headerMessage .closHeaderMessage {
    font-size: 13px;
    opacity: 0.7;
    display: flex;
    align-items: center;
    justify-content: center;
    position: Absolute;
    left: 5px;
    top: 5px;
    margin: 0;
}

.headerMessage .closHeaderMessage:hover {
    opacity: 1;
}

.headerMessage .closHeaderMessage i {
    font-size: 13px;
    margin: 0;
}

.headerMessage-info {
    background: #FEFBB2;
    border-color: #D4D190;
}

.headerMessage-info-blue {
    background: #dcebff;
    border-color: #aaceff;
}

.headerMessage-error {
    background: #FFDCDC;
    border-color: #B18C8C;
}

.headerMessage-success {
    background: #E7FFDB;
    border-color: #89AC89;
}

.headerMessage-info i,
.headerMessage-info span,
.headerMessage-info span a[href] {
    color: #A3A16D;
    border-color: #A3A16D;
}

.headerMessage-info-blue i,
.headerMessage-info-blue span,
.headerMessage-info-blue span a[href] {
    color: #4d5b72;
    border-color: #4d5b72;
}

.headerMessage-error i,
.headerMessage-error span,
.headerMessage-error span a[href] {
    color: #B18C8C;
    border-color: #B18C8C;
}

.headerMessage-success i,
.headerMessage-success span,
.headerMessage-success span a[href] {
    color: #89AC89;
    border-color: #89AC89;
}

.demoPeriodExpirationTopWarningMessage span {
    color:rgb(83, 81, 65);
    font-size: 15px;
    font-weight: bold;
}

.demoPeriodExpirationTopWarningMessageLink {
    color:rgb(113, 128, 194) !important;
    font-size: 15px !important;
    font-weight: bold !important;
}

section.main {
    width: calc(100% - 65px - 30px);
    margin-top: 0;
    margin-right:calc(65px + 30px / 2);
    /* right: 2.6%; */
}

/* need to be z-index:-1 , but if it is like this, the select inside the tables dont work */

@media only screen and (min-width: 1850px) {

    section.main {
        width: 94vw;
        margin-right: calc((8vw - 5px)/2);
        right: 5px;
    }
}

section.main .whiteBlock {
    width: 100%;
    padding: 15px 1.0vw;
    background: white;
    border: 1px solid var(--gray-border-light);
    border-radius: 15px;
}

/*section.main .whiteBlock.orderBuilderProductsTableContainer {
    width: auto !important;
}*/
/* New */
section.main .basicPageBlock {
    width: 100%;
    background: white;
    border: 1px solid var(--gray-border-light);
    border-radius: 15px;
    position:relative;
}
section.main .basicPageBlock .basicPageBlockInner{
    padding: 15px;
    display:flex;
    flex-direction: column;
    gap: 15px;
}
/* -----*/

#suppliersViewTopBlockButtonsContainer {
    max-width: 73vw;
    overflow: scroll;
}

.whiteBlockSidePaddings{padding-right:1.0vw;padding-left:1.0vw;}
section.main .whiteBlock.noSidePaddings {padding-right:0;padding-left:0;}
section.main .whiteBlock.noBottomPaddings {padding-bottom:0;}

section.main .whiteBlock.noSpaces {
    padding: 0;
}

section.main .whiteBlock.bottomTopSpaces {
    padding-top: 30px;
    padding-bottom: 30px;
}

section.main .whiteBlock .whiteBlockSpaces {
    padding-right: 1.4vw;
    padding-left: 1.4vw;
}

/* Templates */
.page2blocks {
    gap: 15px;
}

.page2blocks .panelBlock {
    width: 20%;
    min-width: 280px;
}

.page2blocks .tableBlock {
    width: 79.5%;
    flex: 1;
}

.multiCheques .tableBlock {
    min-height: 450px;
}

.interactive-details-table.table-responsive {
    min-height: 450px;
}

.page2blocks.fullTableView {
    flex-direction: column;
    gap: 22px;
}

.page2blocks.fullTableView .whiteBlock {
    min-width: 100% !important;
    position: relative !important;
    top: 0 !important;
}

.jobsPage .page2blocks.fullTableView .tableBlock {
    margin-top: 30px;
}

.jobsPage .page2blocks.fullTableView .tableBlock {
    margin-top: 30px;
}
.page2blocks .mainInfoBlock{
    background: red;
}
.page2blocks .mainInfoBlock .fields{
    display:flex;
    flex-wrap: wrap;

}
.page2blocks .mainInfoBlock .fields{
    display:flex;
    width:33%;
    flex-wrap:wrap;
}
/* section.main .whiteBlock{width:100%;padding:30px 1.4vw;background:white;box-shadow: 0px 1px 6.65px 0.35px rgba(0, 0, 0, 0.1);border-radius: 0;} */
section.main .dotesBlock{background:url('../images/dotesBg.png')repeat;}
section.main > .allContent{min-height: calc(100vh - 274px);width:100%;}
section.menuIsOpen{margin-right:calc(170px + 15px);right:0;width:calc(100% - 170px - 30px);}
/* section.menuIsOpen{margin-right:calc(186px + 0.25vw);right:0;width:calc(97vw - 186px);} */
/* section.menuIsOpen{margin-right:calc(186px + 0.5vw);right:0;width:calc(97vw - 186px);} */

#indexPage .rightWrapper {
    width: 52%;
}

#indexPage .leftWrapper {
    width: 46%;
}

#exportDataFromTableFilterOrderInvoicesDocumentTypeSelectContainer .dropdown-toggle .filter-option {
    max-width: 380px;
}

.basicBlock {
    width: 100%;
    background: white;
    box-shadow: 0px 1px 6.65px 0.35px rgba(0, 0, 0, 0.1);
    border-radius: 0;
    min-height: 10px;
}

#indexPage .rightWrapper .basicBlock {
    padding: 38px 1.8vw;
    margin-bottom: 27px;
}

#indexPage .leftWrapper {}

#indexPage .leftWrapper .basicBlock {
    padding: 38px 1.7vw;
    margin-bottom: 27px;
}

#indexPage .newsBlock .inner {
    width: 100%;
    padding: 1.35vw 1.3vw;
    background: var(--basic-blue);
    color: white;
    border-radius: 0;
}

#indexPage .newsBlock .title {
    width: 38.22%;
    position: Relative;
}

#indexPage .newsBlock .title i {
    margin-left: 20px;
    color: var(--index-icons);
    font-size: 36px;
}

#indexPage .newsBlock .title span {
    font-size: 24px;
    font-weight: 500;
}

#indexPage .newsBlock .content {
    width: 47.7%;
}

#indexPage .newsBlock .content p {
    color: white;
    text-align: right;
    font-size: 16px;
    font-weight: 500;
}

#indexPage .newsBlock .content a.btn {
    display: block;
    border-radius: 0;
    width: 100%;
    background: rgb(60, 212, 244);
    padding: 11px;
    text-align: center;
    margin: 0;
    color: white;
    font-size: 16px;
    font-weight: 500;
    margin-top: 16px;
}

#indexPage .newsBlock .content span {
    font-weight: 400;
    font-size: 15px;
}

#indexPage .newsBlock .title:after {
    height: 46px;
    width: 1px;
    content: ' ';
    background: #558cf5;
    position: absolute;
    left: 0;
}

#indexPage .newsBlock .content a.btn:hover {
    background: white;
    color: rgb(60, 212, 244);
}

.basicBlock>.title {
    padding: 10px;
    border-radius: 0;
    background: var(--basic-blue);
    color: white;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 30px;
    min-height: 62px;
}

.basicBlock>.title i {
    color: var(--index-icons);
    margin-left: 10px;
}

.basicBlock>.title span {
    font-weight: 400;
    font-size: 16px;
    margin-right: 4px;
}

.basicBlock>.title a.btn {
    color: var(--basic-blue);
    background: white;
    padding: 8px 12px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 0;
    text-align: center;
}

.basicBlock>.title a.btn:hover {}


.regularLink,
.reguralLink {
    text-decoration: underline;
    color: #007bff;
    cursor: pointer;
}

.regularLinkGray,
.regularLinkGrey {
    text-decoration: underline;
    color: #555;
    cursor: pointer;
}

.popupTitle {

    font-size: 16px;
    color: #555;
}

.spacedTextLink {
    letter-spacing: 0.5px;
    text-underline-offset: 3px;
}

#indexPage .lastCheques {}

#indexPage .lastCheques .cheque {
    width: 31.1%;
    color: var(--gray-txt);
    border-radius: 0;
    box-shadow: 0px 1px 6.65px 0.35px rgba(0, 0, 0, 0.1);
    background: white;
    padding-top: 25px;
    padding-bottom: 15px;
}

#indexPage .lastCheques .cheque .top {
    padding-right: 10%;
    padding-left: 5%;
    border-bottom: 1px solid #ebebeb;
    height: 83px;
    padding-bottom: 10px;
}

#indexPage .lastCheques .cheque .bottom {
    padding-right: 10%;
    padding-left: 5%;
    padding-top: 12px;
}

#indexPage .lastCheques .cheque .top .iconHolder {
    background: #eef4ff;
    color: var(--basic-blue);
    width: 49px;
    height: 49px;
    border-radius: 50%;
    margin-left: 15px;
    font-size: 19px;
}

#indexPage .lastCheques .cheque .top .info {
    color: var(--gray-txt);
    font-size: 16px;
}

#indexPage .lastCheques .cheque .top .info strong {
    display: block;
    color: var(--gray-txt);
    margin-bottom: 2px;
}

#indexPage .lastCheques .cheque .bottom a.plusBtn {
    width: 26px;
    height: 26px;
    background: var(--gray-txt);
    color: white;
    font-size: 16px;
    font-weight: 700;
    border-radius: 50%;
}

#indexPage .lastCheques .cheque .bottom a.plusBtn:hover {
    text-decoration: none;
    background: var(--basic-blue);
}

#indexPage .lastPurchase {}

#indexPage .lastPurchase .itemRow {
    width: 100%;
    padding: 0 2.7% 0 2.7%;
}

#indexPage .lastPurchase .column {
    flex-grow: 1;
    padding: 0 1.3vw;
    position: Relative;
    text-align: center;
}

#indexPage .lastPurchase .column:after {
    content: ' ';
    display: block;
    left: 0;
    width: 1px;
    height: 13px;
    background: var(--gray-border);
    top: calc(50% - 6.5px);
    position: Absolute;
}

#indexPage .lastPurchase .column:last-child {
    padding-left: 0;
}

#indexPage .lastPurchase .column:last-child:after {
    display: none;
}

#indexPage .lastPurchase .column:first-child {
    padding-right: 0;
}

#indexPage .lastPurchase .itemRow a.btn {
    background: rgb(243, 243, 243);
    height: auto;
    padding: 9px 14px;
    color: var(--basic-txt-color);
    font-weight: 500;
    font-size: 15px;
    border-radius: 0;
}

#indexPage .lastPurchase .itemRow a.btn i {
    color: var(--index-icons);
    font-size: 16px;
    margin-left: 3px;
}

#indexPage .lastPurchase .itemRow a.btn:hover {
    background: var(--basic-blue);
    color: white;
}

#indexPage .lastPurchase .itemRow a.btn:hover i {
    color: white;
}

#indexPage .blockButtons {
    margin-bottom: 27px;
}

#indexPage .blockButtons a.btn {
    padding: 18px 8% 18px 6%;
    width: 48.2%;
    background: white;
    box-shadow: 0px 1px 6.65px 0.35px rgba(0, 0, 0, 0.1);
    border-radius: 0;
    color: var(--gray-txt);
    font-size: 20px;
}

#indexPage .blockButtons a.btn .iconHolder {
    width: 55px;
    height: 55px;
    background: #fc5454;
    border-radius: 50%;
    font-size: ;
    color: white;
    font-size: 25px;
    margin-left: 8.8%;
}

#indexPage .blockButtons a.btn:last-child .iconHolder {
    background: #02c58d;
}


#indexPage .calculator {}

#indexPage .calculator .title {
    background: var(--basic-gray);
    color: #4d5b72;
}

#indexPage .calculator .title i {
    color: var(--basic-blue);
}

#indexPage .calculator .content {
    padding: 0 2.7% 0 2.7%;
    display: flex;
}

#indexPage .calculator .content .rightInputs {
    width: 40%;
}

#indexPage .calculator .inputHolder {
    width: 85%;
    height: 41px;
    border: 1px solid var(--gray-border);
    border-radius: 0;
    display: flex;
    margin-bottom: 20px;
}

#indexPage .calculator .inputHolder.active {
    border-color: var(--index-icons);
}

#indexPage .calculator .inputHolder input {
    position: relative;
    height: 100%;
    width: 100%;
    border: 0;
    outline: 0;
    font-size: 15px;
    padding-right: 0.5vw;
    background: none;
}

#indexPage .calculator .inputHolder label {
    padding: 0 0.75vw;
    background: var(--basic-gray);
    height: 100%;
    position: relative;
    white-space: nowrap;
    font-size: 15px;
    color: var(--basic-txt-color);
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

#indexPage .calculator .inputHolder:focus {
    border-color: red;
}

#indexPage .calculator .priceType {
    font-size: 15px;
    margin-top: 20px;
}

#indexPage .calculator .priceType ul {
    width: 100%;
    margin-top: 15px;
}

#indexPage .calculator .priceType ul li {
    border-radius: 0;
}

#indexPage .calculator .priceType ul li a {
    width: 100%;
    display: block;
    padding: 7px 0.7vw;
    white-space: nowrap;
    font-size: 14px;
    text-decoration: none;
}

#indexPage .calculator .priceType ul li.active {
    background: var(--basic-gray);
}

#indexPage .calculator .priceType ul li.active a {
    font-weight: 500;
}

#indexPage .calculator .leftTable {
    width: 52%;
}

#indexPage .calculator .leftTable .table {
    width: 100%;
    border: 1px solid var(--gray-border);
    font-size: 15px;
    color: var(--basic-txt-color);
}

#indexPage .calculator .leftTable .table .row {
    display: flex;
    width: 100%;
    border-bottom: 1px solid var(--gray-border);
    flex-wrap: nowrap;
    margin: 0;
}

#indexPage .calculator .leftTable .table .row:last-child {
    border-bottom: 0;
}

#indexPage .calculator .leftTable .table .row .column {
    padding: 11px 1.2vw;
    width: 43%;
}

#indexPage .calculator .leftTable .table .row .column:first-child {
    border-left: 1px solid var(--gray-border);
    width: 57%;
}

#indexPage .calculator .leftTable .table .row.rowHeader {
    background: var(--basic-gray);
    font-weight: 500;
}



span.customCheckBox,
label.customCheckBox {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
}
span.customCheckBox.disabled,
label.customCheckBox.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.documentPaymentsTitle .documentPaymentSelectCheckbox > span.checkbox:after {

    top: -5px !important;
}

label.customCheckBox.disabled.documentPaymentSelectCheckbox > span.checkbox:after {
    content: '-' !important;
    left: 3px !important;
    top: -3.0px  !important;
}

span.customCheckBox input,
label.customCheckBox input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

span.customCheckBox input::-ms-check,
label.customCheckBox input::-ms-check {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* IE 5-7 */
    filter: alpha(opacity=0);
    /* Good browsers :) */
    opacity: 0;
}

span.customCheckBox span.checkbox,
label.customCheckBox span.checkbox {
    content: ' ';
    min-width: 15px;
    height: 15px;
    position: relative;
    background: #eeeeee;
    border: 1px solid #cdcdcd;
    margin-left: 8px;
}

span.customCheckBox input[type="checkbox"]:checked+span.checkbox,
label.customCheckBox input[type="checkbox"]:checked+span.checkbox {
    background: var(--basic-green);
    border-color: #0a887b;
}

span.customCheckBox input[type="radio"]:checked+span.checkbox,
label.customCheckBox input[type="radio"]:checked+span.checkbox {
    background: var(--basic-green);
    border-color: #0a887b;
}

span.customCheckBox input[type="checkbox"]:checked+span.checkbox:after,
label.customCheckBox input[type="checkbox"]:checked+span.checkbox:after {
    content: url('../images/icons/check.png');
    position: absolute;
    display: block;
    left: 2.4px;
    top: -3px;
    z-index: 99;
}

.jconfirm-box-container span.customCheckBox input[type="checkbox"]:checked+span.checkbox:after,
.jconfirm-box-container label.customCheckBox input[type="checkbox"]:checked+span.checkbox:after {
    top: -2.4px;
}

.customCheckBox input[type="checkbox"].rowSelectionCheckbox:checked+span.checkbox:after {
    top: -4px;
}

span.customCheckBox input[type="radio"]:checked+span.checkbox:after,
label.customCheckBox input[type="radio"]:checked+span.checkbox:after {
    content: url('../images/icons/check.png');
    position: absolute;
    display: block;
    left: 2.4px;
    top: -3.5px;
    z-index: 99;
}

.scrollbarBlue::-webkit-scrollbar {
    background-color: #fff;
    width: 8px;
}

.tabulator-tableHolderTopHorizontalScrollbarContainer::-webkit-scrollbar {
    /* background-color: #fff; */
    /* width: 4px; */
}

.dropdown-menu .inner::-webkit-scrollbar {
    background-color: #fff;
    width: 12px;
}

#suppliersViewTopBlockButtonsContainer::-webkit-scrollbar {
    height: 1px !important;
}

/* background of the scrollbar except button or resizer */
/* .scrollbarBlue::-webkit-scrollbar-track {background-color:#fff;} */
/* .scrollbarBlue::-webkit-scrollbar-thumb{border-color:var(--basic-gray);}
.scrollbarBlue::-webkit-scrollbar-track{background:var(--basic-gray);} */
.dropdown-menu .inner::-webkit-scrollbar-track {
    background-color: #fff;
}

.tabulator-tableHolderTopHorizontalScrollbarContainer::-webkit-scrollbar-thumb,
.scrollbarBlue::-webkit-scrollbar-thumb {
    border-color: var(--basic-blue);
}

.scrollListMax300 {
    overflow: auto;
    max-height: 300px;
}

/* .scrollbarBlue::-webkit-scrollbar-track:hover {background-color:#f7f7f7;} */

/* scrollbar itself */
.scrollbarBlue::-webkit-scrollbar-thumb {
    background-color: #e8e8e8;
    border-radius: 12px;
    border: 2px solid #fff;
}

.tabulator-tableHolderTopHorizontalScrollbarContainer::-webkit-scrollbar-thumb {
    background-color: rgb(202, 202, 202);
    border-radius: 12px;
    border: 2px solid #fff;
}

.dropdown-menu .inner::-webkit-scrollbar-thumb {
    background-color: #e8e8e8;
    border-radius: 12px;
    border: 2px solid #fff;
}

/* .scrollbarBlue::-webkit-scrollbar-thumb:hover {background-color:#3c7bf3;border:4px solid #f4f4f4;} */

/* set button(top and bottom of the scrollbar) */
.tabulator-tableHolderTopHorizontalScrollbarContainer::-webkit-scrollbar-button,
.scrollbarBlue::-webkit-scrollbar-button {
    display: none
}

.dropdown-menu .inner::-webkit-scrollbar-button {
    display: none
}

.inputFiled[aria-hidden="true"]{display:none!important;}

/* background of the scrollbar except button or resizer */
.inputFiled .inner::-webkit-scrollbar-track {
    background-color: #fff;
}

.inputFiled .inner::-webkit-scrollbar-track:hover {
    background-color: #f7f7f7;
}

/* scrollbar itself */
.inputFiled .inner::-webkit-scrollbar-thumb {
    background-color: #3c7bf3;
    border-radius: 16px;
    border: 5px solid #fff;
}

/* .inputFiled .inner::-webkit-scrollbar-thumb:hover {background-color:#3c7bf3;border:4px solid #f4f4f4;} */

/* set button(top and bottom of the scrollbar) */
.inputFiled .inner::-webkit-scrollbar-button {
    display: none
}

/*select picker styles*/
.selectPicker-style-1 .bootstrap-select {
    width: 100%;
    height: 100%;
    background: none;
    font-size: 15px;
}

.selectPicker-style-1 .bootstrap-select button {
    height: 100%;
    background: none;
    border: 0 !important;
    outline: 0;
    font-size: 15px;
    text-overflow: ellipsis;
    white-space: wrap;
    outline: 0 !important;
    box-shadow: 0 0 0 !important;
}

.selectPicker-style-1 .dropdown-toggle::before {
    content: ' ';
    margin: 0;
    border: 0;
    border-radius: 50%;
    height: 24px;
    width: 24px;
    background: #ededed;
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
}

.selectPicker-style-1 .dropdown-toggle::after {
    border: solid #272c31;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    background: none;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-top: -4px;
    margin-right: 0.73vw;
    margin-left: 0.1vw;
}

.selectPicker-style-1 .show .dropdown-toggle::after {
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    margin-top: 2px;
}

.selectPicker-style-2 .dropdown-toggle::before {
    background: #ffffff;
    border: 1px solid var(--gray-border);
}

/* end styles for select picker*/
.userProfilePage {}

.userProfilePage .allContent {
    align-items: flex-start;
}

.userProfilePage .rightWrapper {
    width: 40%;
}

.userProfilePage .leftWrapper {
    width: 40%;
}

.userProfilePage .basicBlock {
    padding: 28px 1.4vw;
}

.userProfilePage .profile {
    position: relative;
}

.userProfilePage .profile .save_modifications {
    margin-top: 28px;
}

.infoPageBase .graySelectPicker .dropdown-toggle::after,
.userProfilePage .profile .graySelectPicker .dropdown-toggle::after {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: rotate(45deg) translateY(-50%);
}

.infoPageBase .image,
.userProfilePage .profile .image {
    position: absolute;
    transform: translateY(-65%);
    right: 2.7vw;
    background: none;
    height: auto;
    top: auto !important;
    left: auto !important;
}

.infoPageBase .image .circle,
.userProfilePage .profile .image .circle {
    border-radius: 50%;
    width: 9.3vw;
    height: 9.3vw;
    position: relative;
    background: white;
    overflow: hidden;
}

.infoPageBase .image .circle img.userAvatar,
.userProfilePage .profile .image .circle img.userAvatar {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 9.3vw;
    width: 9.3vw;
    /* width: auto; */
}

.infoPageBase .image .circle img.userUploadedImage,
.userProfilePage .profile .image .circle img.userUploadedImage {
    display: block;
    /* margin: 27px auto; */
    height: 100%;
    width: 100%;
    border-radius: 50%;
    position: absolute;
    object-fit: cover;
    max-height: 100%;
    position: absolute;
    /* width: auto; */
}

.infoPageBase .image .imgBorder,
.userProfilePage .profile .image .imgBorder {
    border: 1px solid var(--gray-border);
    border-radius: 50%;
}

.infoPageBase .image a,
.userProfilePage .profile .image a {
    position: absolute;
    bottom: 0;
    transform: translateY(-35%);
    min-width: 2vw;
    max-width: 2vw;
    min-height: 2vw;
    max-height: 2vw;
    height: 2vw;
    border-radius: 50%;
    border: 1px solid var(--gray-border);
    background: var(--basic-gray);
    font-size: 13px;
    color: #a1a1a1
}

.infoPageBase .image a.edit,
.userProfilePage .profile .image a.edit {
    color: white;
    text-decoration: none;
    background: var(--basic-blue);
    left: 0;
    border-width: 0 !important;
    font-size: 12px;
}

.infoPageBase .image a.edit:hover,
.userProfilePage .profile .image a.edit:hover {
    text-decoration: none;
    background: var(--basic-green);
}

.userProfilePage .profile .imgUpload .image a.delete {
    left: 0.35vw;
}

.userProfilePage .profile .imgUpload .image a.edit {
    right: 0.35vw;
}

.userProfilePage .scope_select {
    width: 100%;
}

@media screen and (max-width: 1650px) {
    .infoPageBase .image a,
    .userProfilePage .profile .image a {
        height: 40px;
        width: 40px;
    }

}

/* .userProfilePage .inputFiled{width:auto;height:41px;border:1px solid var(--gray-border);border-radius: 0;display:flex;} */
.userProfilePage .fullWidth {
    width: 100% !important;
}

.infoPageBase .data,
.userProfilePage .profile .data {
    width: 64.4%;
}

.infoPageBase .data .field,
.userProfilePage .profile .data .field {
    width: 48%;
    margin-bottom: 23px;
}

.userProfilePage .btn {
    padding: 0 14px;
    min-width: 5.6vw;
}

.userProfilePage .space {
    content: ' ';
    width: 10px;
    height: 10px;
}

.userProfilePage .basicBlock .titleFull {
    color: var(--basic-txt-color);
    font-size: 15px;
    font-weight: 400;
    border-bottom: 1px solid var(--gray-border);
    padding-bottom: 18px;
    margin-bottom: 20px;
}

/* .userProfilePage .basicBlock .titleFull .title{max-width:130px;} */
.userProfilePage .basicBlock .titleFull i {
    color: var(--basic-blue);
    font-size: 13px;
}

.infoPageBase .data .field:nth-child(5),
.userProfilePage .profile .data .field:nth-child(5),
.userProfilePage .profile .data .field:nth-child(6) {
    margin-bottom: 0;
}

/* .userProfilePage .bootstrap-select .dropdown-menu{max-width:100%;white-space: normal;text-overflow: ellipsis;}
.userProfilePage .bootstrap-select .dropdown-menu li{max-width:100%;white-space: normal;text-overflow: ellipsis;}
.userProfilePage .bootstrap-select .dropdown-item{white-space:normal;} */
/* .userProfilePage .basicBlock .fullWidth .bootstrap-select{width:41%;} */
.userProfilePage .bootstrap-select .dropdown-menu li a span.text {
    white-space: normal;
    display: block;
}

.userProfilePage .filter-option {
    min-width: 100%;
}

.userProfilePage .filter-option-inner-inner {
    display: block;
    overflow: hidden;
    margin-right: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.userProfilePage .preference {}

.userProfilePage .preference .field {
    width: 47.4%;
    margin-bottom: 14px;
}

#documentsNumbersBlock .field {
    width: 32%;
}
#documentsNumbersBlock .field label {
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
}

#documentsNumbersBlock .field .inputFiled {
    max-width: 200px;
}

.userProfilePage .field.darkLabel label {
    color: var(--menu-bg-color);
    font-size: 14px;
}

.userProfilePage .preference .bottomFields {
    margin-top: 10px;
    margin-bottom: 14px;
}

.userProfilePage .preference .grayBtn {
    justify-content: center;
    color: #121212;
}

.userProfilePage .preference .lineWrapper {
    margin-bottom: 19px;
}

.userProfilePage .percentBox {
    max-width: 110px;
}

.userProfilePage .preference .leftW .lineWrapper>label {
    margin: 0;
    margin-left: 0.935vw;
}

.userProfilePage .preference .percentBox {
    width: 49px;
    position: relative;
}

.userProfilePage .preference .percentBox span {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--menu-bg-color);
    font-size: 14px;
}

.userProfilePage .preference .percentBox input {
    padding: 0;
    padding-left: 3px;
    padding-right: 18px;
    font-size: 14px;
}

.userProfilePage .field.flexedSpaced label {
    margin-bottom: 0;
}

.userProfilePage .preference .infoTooltipIcon {
    margin-left: 12px;
    color: #b8b8b8;
    font-size: 15px;
    cursor: pointer;
}

.userProfilePage .save_modifications {
    min-width: 83px;
    justify-content: center;
}

.userProfilePage .hidden {
    display: none;
}

.userProfilePage .preference .filter-option {
    min-width: calc(100% - 20px);
}

.userProfilePage .ktoggle-container label:first-child {
    display: none;
}

.userProfilePage .settings .smallField {
    min-width: 32.0%;
    margin-bottom: 14px;
}

.userProfilePage .settings .field {
    min-width: 50.0%;
    margin-bottom: 14px;
}

.userProfilePage .settings .field.bigger {
    width: 57.46%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.userProfilePage .settings .field.bigger .inputFiled {
    width: 63%;
}

.userProfilePage .settings .field .inlineToggle {
    margin-right: 10px;
}

.userProfilePage .settings .field .toggleField label {
    margin-bottom: 0;
}

.userProfilePage .settings .save_modifications {
    margin-top: 14px;
}

.userProfilePage .settings .graySelectPicker .dropdown-toggle::after {
    position: Absolute;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    left: 8px;
    margin: 0 !important;
    margin-top: -0 !important;
}

/* .userProfilePage .settings .inputFiled{margin-bottom:19px;} */
.userProfilePage .settings .lineWrapper {
    margin-bottom: 19px;
}

.userProfilePage .settings .lineWrapper label {
    margin: 0;
    margin-left: 0.935vw;
}

.userProfilePage .settings .couponBox {
    min-width: 63%;
    max-width: 63%;
    background: #edf1f2;
    border: 1px solid var(--gray-border);
    border-radius: 0;
    height: 41px;
    flex: 1;
}

.userProfilePage .settings .couponBox {
    padding-right: 12px;
}

.userProfilePage .settings .couponBox i {
    font-size: 13px;
    color: var(--basic-blue);
}

.userProfilePage .settings .couponBox span {
    color: #151b20;
    font-size: 15px;
    display: block;
    margin-right: 7px;
}

.userProfilePage .settings .leftW label {
    white-space: nowrap;
}

.userProfilePage .settings .leftW .btnCheck {
    margin: 0;
    padding: 0;
    width: auto;
    background: #3cbe89;
    color: white;
    min-width: auto;
    height: 80%;
    margin-left: 0.2vw;
    margin-top: 2%;
    padding: 0 0.3vw;
    font-size: 13px;
    font-weight: 500;
}

.userProfilePage .settings .leftW .btnCheck:hover {
    opacity: 0.8;
}

.userProfilePage .fixedWidth {
    width: 79px;
}

.userProfilePage .description {
    width: 26px;
    margin-right: 5px;
    font-size: 13px;
}

.userProfilePage .settings .inputFiled>.greenBtn {
    height: 32px !important;
    margin: 4px;
}

.userProfilePage .featuresBlock {
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 0;
}

.userProfilePage .featuresBlock .titleFull {
    margin-bottom: 0;
    padding-right: 2%;
    padding-left: 2%;
}

.userProfilePage .featuresBlock .list {}

.userProfilePage .featuresBlock .list li {
    width: 33.33%;
    height: 100px;
    border-left: 1px solid var(--gray-border);
    border-bottom: 1px solid var(--gray-border);
    padding: 0 2%;
}

.userProfilePage .featuresBlock .list li .icon {
    min-width: 50px;
    color: #464c5e;
    font-size: 23px;
}

.userProfilePage .featuresBlock .list li:hover {
    background: var(--basic-gray);
}

.userProfilePage .featuresBlock .list li .content {
    font-weight: 400;
    color: #151b20;
    font-size: 15px;
    width: 100%;
    margin-left: 10px;
}

.userProfilePage .featuresBlock .list li a.f_settings {
    color: #aeaeae;
    text-decoration: none;
    font-size: 18px;
}

.userProfilePage .featuresBlock .list li a.f_settings:hover {
    color: #464c5e;
}

.userProfilePage .featuresBlock .list li:nth-child(3n+3) {
    border-left: 0;
}

.userProfilePage .selectPicker-style-2 .dropdown-toggle::before {
    display: none;
}

.userProfilePage .userOgraniziationsSelect {
    height: 35px;
    border: 1px solid var(--gray-border);
}

.userProfilePage .userOgraniziationsSelect label {
    color: #7d7d7d;
    font-size: 15px;
    border-left: 1px solid var(--gray-border);
    background: var(--basic-gray);
    padding: ;
    height: 100%;
    padding: 0 15px;
    margin: 0;
    display: flex;
    align-items: center;
}

.userProfilePage .userOgraniziationsSelect .regBtn {
    max-height: 100%;
    border: 0 !important;
    padding-right: 8px;
}

.userProfilePage .userOgraniziationsSelect .dropdown {
    height: 100%;
}

.userProfilePage .userOgraniziationsSelect .basicSelectPicker>span {
    height: 100% !important;
}

.userProfilePage .userOgraniziationsSelect .basicSelectPicker {
    width: 300px;
}

.userProfilePage .userOgraniziationsSelect .basicSelectPicker .dropdown-toggle::after {
    position: absolute;
    left: 5px;
}

.userProfilePage .userOgraniziationsSelect .basicSelectPicker .filter-option-inner-inner {
    max-width: calc(100% - 10px);
}

.userProfilePage .userOgraniziationsSelect .basicSelectPicker .filter-option-inner-inner:before {
    content: '✓';
    color: var(--basic-green);
    margin-left: 3px;
    font-weight: 500;
    font-size: 15px;
    font-family: arial !important;
}

.basicSelectPicker .listManager {
    background: var(--basic-gray);
    color: var(--basic-txt-color);
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.basicSelectPicker .listManager:after {
    content: '«';
    direction: ltr;
    font-size: 14px;
    color: var(--basic-green);
}

.userProfilePage .waitingList {
    width: 100%;
}

.userProfilePage .waitingList li {
    width: 100%;
    border-bottom: 1px solid var(--gray-border);
    padding-top: 15px;
    padding-bottom: 15px;
}

.userProfilePage .waitingList li span {
    font-size: 14px;
    color: var(--basic-txt-color);
}

.userProfilePage .waitingList li:first-child {
    padding-top: 7px;
}

.userProfilePage .waitingList li:last-child {
    border-bottom: 0
}

.userProfilePage .waitingList li .blueBtn {
    margin-left: 15px;
}

.userProfilePage .unitsList {}

.userProfilePage .unitsList li {
    width: 20%;
    padding-left: 5px;
    margin-bottom: 15px;
}


.suppliersDocumentsTypesList {

    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.suppliersDocumentsTypesList li {
    width: 10%;
    min-width: 155px;
    padding-left: 5px;
    margin-bottom: 15px;
}

.userProfilePage .cover {
    width: 100%;
    height: 165px;
    background-size: cover;
    background-position: center;
    position: relative;
    background-repeat: no-repeat;
    margin-bottom: 28px;
}

.userProfilePage .cover .coverTopLinks {
    color: white;
    position: absolute;
    top: 22px;
    left: 15px;
    display: flex;
}

.userProfilePage .cover .coverTopLinks a {
    display: flex;
    align-items: center;
    color: white;
    text-decoration: none !important;
    font-size: 15px;
}

.userProfilePage .cover .coverTopLinks a i {
    color: white;
    margin-right: 10px;
    margin-bottom: 0;
}

.userProfilePage .cover .coverTopLinks a:first-child {
    margin-left: 17px;
}

.userProfilePage .cover .coverBottomLine {
    background: rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    height: 40px;
    padding: 10px;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
}

.userProfilePage .cover .coverBottomLine span {
    font-size: 16px;
    font-weight: 500;
    color: white;
    margin-right: 13vw;
}

.titleToolTip {
    color: var(--basic-txt-color);
    font-size: 22px;
    font-weight: 500;
}

.titleToolTip .inline_tooltip {
    margin-right: 5px;
    font-size: 18px;
}
.inline_tooltip {
    cursor: help;
}
.singleClickBtn.clicked[disabled] {
    cursor: wait;
}

.userProfilePage .sideMenu {}

.userProfilePage .sideMenu .userName {
    color: #a7a7a7;
    font-size: 12px;
    border-bottom: 1px solid #a7a7a7;
    margin-right: 8px;
}

.userProfilePage .sideMenu .title {
    margin: 0;
    padding: 0 !important;
    color: var(--menu-bg-color);
    font-size: 15px;
    font-weight: 400;
}

.userProfilePage .sideMenu > ul {
    margin-top: 25px !important;
}

.basicFields .inputFiled {
    width: auto;
    height: 41px;
    border: 1px solid var(--gray-border);
    border-radius: 0;
    display: flex;
}

.basicFields .inputFiled label {
    background: #edf1f2;
    margin-bottom: 0;
    height: 100%;
    padding: 0 0.9vw 0 1vw;
    white-space: nowrap;
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 400;
}

.basicFields .inputFiled input {
    width: 100%;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    padding: 0 8px;
}

.basicFields.orderInvoiceRow .inputFiled input.orderInvoiceDateTimeStamp,
.basicFields.orderInvoiceRow .inputFiled input.orderInvoicePaymentDueDateTimeStamp {
    text-align:center;
}

.supplierInvoicesCreationSelectContainer .inputFiled .form-control.dropdown button.dropdown-toggle.fieldWithConfidenceRate_100,
.fieldWithConfidenceRate_100 {
    background: #b8ffd950 !important;
}

.supplierInvoicesCreationSelectContainer .inputFiled .form-control.dropdown button.dropdown-toggle.fieldWithConfidenceRate_75,
.fieldWithConfidenceRate_75 {
    background: #d8ffea50 !important;
}

.supplierInvoicesCreationSelectContainer .inputFiled .form-control.dropdown button.dropdown-toggle.fieldWithConfidenceRate_50,
.fieldWithConfidenceRate_50 {
    background: #ffc10750 !important;
}

.supplierInvoicesCreationSelectContainer .inputFiled .form-control.dropdown button.dropdown-toggle.fieldWithConfidenceRate_1,
.fieldWithConfidenceRate_1 {
    background: #ffbfbf50 !important;
}

.supplierInvoicesCreationSelectContainer .inputFiled .form-control.dropdown button.dropdown-toggle.fieldWithConfidenceRate_0,
.fieldWithConfidenceRate_0 {
    background: #66ccff30 !important;
}

.invoicesPreviewAndApproveModeActionButtonsContainer {

    justify-content: center;

    margin: 10px 0px 25px 0px;
    max-width: 300px;
    margin-right: 15px;
}

.invoicesPreviewAndApproveModeActionButtonsContainer .regBtn {

    height: 40px !important;
}

.invoicesPreviewAndApproveModeActionButtonsContainer #commitSupplierInvoicesRecognitionBtn {
    
    border-radius: 5px !important;

    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.invoicesPreviewAndApproveModeActionButtonsContainer #otherOptionsSupplierInvoicesRecognitionBtn {
    
    border-radius: 5px !important;
    
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;

    border: 1px solid #c8c8c8;

    background-color: #ededed;
}
.invoicesPreviewAndApproveModeActionButtonsContainer #otherOptionsSupplierInvoicesRecognitionBtn i {

    margin: 0 5px;
}

#suppliersInvoicesFieldPotentialValuesPopupDataContainer {
    overflow-y: scroll;
    max-height: 180px;
}

.invoicesPreviewAndApproveModeActionButtonsContainer .arrowRight {

    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.invoicesPreviewAndApproveModeActionButtonsContainer .paginationInfo {

    border-radius: 0 !important;
    border: 1px solid #c8c8c8;
}
.invoicesPreviewAndApproveModeActionButtonsContainer .arrowLeft {

    /* width: 105px !important; */
    
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;

    margin-left: 15px;
}

#commitSupplierInvoicesRecognitionBtn {
    
    width: 115px !important;
    border-radius: 0 !important;
}

#correctInvoiceDocumentNubmerValueBtn,
#deleteSupplierInvoicesRecognitionBtn {
    /* width: 20px !important;
    border-radius: 0 !important; */

    /* background: #a700009c !important; */

    /* margin-right: 15px; */
    padding: 0 7px;
    border-bottom: 1px solid var(--gray-border-light);
}
#correctInvoiceDocumentNubmerValueBtn a,
#deleteSupplierInvoicesRecognitionBtn a {
    
    /*justify-content: center;*/
}

#currentInboundMessageInvoicePaginationInfoBtn {
    min-width: 88px !important;
    font-size: 14px !important;
    justify-content: center;
}

#gotoNextInboundMessageInvoiceBtn {
    border: 1px solid #c8c8c8;
    border-right: 1px solid #b4b4b4;

    /* background-color: #ededed; */
}

#gotoPrevInboundMessageInvoiceBtn {
    border: 1px solid #c8c8c8;
    border-left: 1px solid #b4b4b4;

    /* background-color: #ededed; */
}

#supplierInvoicesCreationModalInvoicesRowsAndImageContainer #supplierInvoicesCreationSelectContainer {
    margin: 0 !important;

    flex-direction: column;
}

#supplierInvoicesCreationModalInvoicesRowsAndImageContainer #supplierInvoicesCreationSelectContainer .organizationOwnBranchesNamesListSelectContainer,
#supplierInvoicesCreationModalInvoicesRowsAndImageContainer #supplierInvoicesCreationSelectContainer .supplierInvoicesCreationSelectContainer {
    min-width:300px !important;
    margin-right: 0px;

}

/* #supplierAutoInvoicesBlockContainer .invoicesPreviewAndApproveModeActionButtonsContainer a[href] {
    padding: 0 0.73vw;
    border-radius:0;
    text-decoration:none!important;
    color:#4d5c71;
    font-size:14px;
    display:flex!important;
    align-items:center;
    border:1px solid #e2e2e2;
    height:38px;
}
#supplierAutoInvoicesBlockContainer .invoicesPreviewAndApproveModeActionButtonsContainer a.active,
#supplierAutoInvoicesBlockContainer .invoicesPreviewAndApproveModeActionButtonsContainer a:hover{
    background:var(--basic-gray);
} */

#supplierInvoicesCreationSelectConfidenceLabel {
    margin-left:5px;
}

@media screen and (min-width: 1051px) {

    #supplierInvoicesCreationModal .modal-content {

        min-width: 981px;
    }
}

#supplierInvoicesCreationModal .supplierInvoicesCreationModalInvoicesRowsContainer label.customCheckBox {
    /* display: none; */
}

#supplierAutoInvoicesBlockContainer {
    flex: 0;
}

#quickInvoiceImagePreviewPageBlock,
#quickInvoiceImagePreviewPageBlock > .invoicesPreviewAndApproveMode {
    /*width: 73vw;*/
    flex: 3;
    /*height: 70vw;*/
}

#supplierAutoInvoicesBlock.invoicesPreviewAndApproveMode {
    display: flex;
    flex-direction: column;
}

#supplierAutoInvoicesBlock.invoicesPreviewAndApproveMode .supplierInvoicesCreationModalInvoicesRowsContainer,
#supplierInvoicesCreationModal.invoicesPreviewAndApproveMode .supplierInvoicesCreationModalInvoicesRowsContainer {
    
    width: unset !important;
    margin-right: 15px;
    margin-left: 15px;
}

#supplierAutoInvoicesBlock.invoicesPreviewAndApproveMode .supplierInvoicesCreationModalInvoicesRowsContainer .orderInvoiceRow,
#supplierInvoicesCreationModal.invoicesPreviewAndApproveMode .supplierInvoicesCreationModalInvoicesRowsContainer .orderInvoiceRow {
    
    flex-direction: column;
    justify-content: space-between !important;
    height: 40%;
    padding: 10px 0;
}


#supplierAutoInvoicesBlock.invoicesPreviewAndApproveMode .supplierInvoicesCreationModalInvoicesRowsContainer .orderInvoiceRow .fieldRow,
#supplierInvoicesCreationModal.invoicesPreviewAndApproveMode .supplierInvoicesCreationModalInvoicesRowsContainer .orderInvoiceRow .fieldRow {
    
    width: 300px !important;
    min-width: 300px !important;
}

#supplierAutoInvoicesBlock.invoicesPreviewAndApproveMode .orderInvoiceRow:not(.currentlyVisibleDocument),
#supplierInvoicesCreationModal.invoicesPreviewAndApproveMode .orderInvoiceRow:not(.currentlyVisibleDocument) {

    display: none;
}

#supplierAutoInvoicesBlock.invoicesPreviewAndApproveMode .orderInvoiceRow .orderInvoiceSum,
#supplierInvoicesCreationModal.invoicesPreviewAndApproveMode .orderInvoiceRow .orderInvoiceSum {
    text-align: center;
}

#supplierAutoInvoicesBlock.invoicesPreviewAndApproveMode .field .toggleSwitch,
#supplierInvoicesCreationModal.invoicesPreviewAndApproveMode .field .toggleSwitch {
    min-width: unset;
}


#supplierInvoicesCreationModal:not(.invoicesPreviewAndApproveMode) #quickInvoiceImagePreviewContainer {
    display: none;
}

#supplierAutoInvoicesBlock.invoicesPreviewAndApproveMode #quickInvoiceImagePreviewContainer,
#supplierInvoicesCreationModal.invoicesPreviewAndApproveMode #quickInvoiceImagePreviewContainer {
    display: block;
    height: 600px;
}

#supplierAutoInvoicesBlock.invoicesPreviewAndApproveMode #quickInvoiceImagePreviewContainer #quickInvoiceImagePreviewContainerImageHolder,
#supplierInvoicesCreationModal.invoicesPreviewAndApproveMode #quickInvoiceImagePreviewContainer #quickInvoiceImagePreviewContainerImageHolder {
    
    /* overflow: scroll; */
    height: unset !important;
    max-height: 100%;
    height: 600px;

    cursor: grab;
    overflow: auto;
    user-select: none;
}

#quickInvoiceImagePreviewContainerImageHolder > .previewMediaContainer {

    /*height: 600px !important;*/
    height: 80vh !important;
}

#quickInvoiceImagePreviewContainerImageHolder > img {
    
    height: 100% !important;
    width: 100% !important;
    user-select: none;
}

/* #quickInvoiceImagePreviewContainerImageHolder:not(.magnified) > img {
    
    transition: height 0.25s ease-in 1.5s;
    transition: width 0.25s ease-in 1.5s;
}

#quickInvoiceImagePreviewContainerImageHolder:not(.magnified) > img:hover {
    
    height: 120% !important;
    width: 120% !important;
    transition: height 0.25s ease-out 0s;
    transition: width 0.25s ease-out 0s;
} */

#quickInvoiceImagePreviewContainerImageHolder.magnifierX150 > img {
    
    height: 150% !important;
    width: 150% !important;
}

#quickInvoiceImagePreviewContainerImageHolder.magnifierX200 > img {
    
    height: 200% !important;
    width: 200% !important;
}

#quickInvoiceImagePreviewContainerImageHolder.magnifierX400 > img {
    
    height: 400% !important;
    width: 400% !important;
}

#quickInvoiceImagePreviewContainerImageHolder .previewMediaContainer.loadingState {
    opacity: 0.0 !important;
}

#quickInvoiceImagePreviewContainerImageHolder .previewMediaContainer.hiddenMediaPdfContainer {
    /* opacity: 0.0 !important; */
    /* z-index: 5000; */
    /* visibility: hidden !important; */
    position: absolute;
    /* float: left; */
    left: -5000px;
    width: 100% !important;
}
#quickInvoiceImagePreviewContainerImageHolder .previewMediaContainer:not(.hiddenMediaPdfContainer) {
    z-index:99999999;
    width: 100% !important;
}

#supplierAutoInvoicesBlock.invoicesPreviewAndApproveMode #supplierInvoicesCreationModalInvoicesRowsAndImageContainer,
#supplierInvoicesCreationModal.invoicesPreviewAndApproveMode #supplierInvoicesCreationModalInvoicesRowsAndImageContainer {
    justify-content: space-between;
}

#supplierInvoicesCreationModal .fileViewer {
    display: flex;
    flex-direction: column;
    flex:1;
    gap: 15px;
    padding: 15px 20px;
    max-width: 70%;
}

#supplierInvoicesCreationModal .fileViewer .fileContainer {
    width:100%;
    height:50vh;
    -webkit-box-shadow: 0px 0px 13px 1px rgba(207,207,207,0.87);
    -moz-box-shadow: 0px 0px 13px 1px rgba(207,207,207,0.87);
    box-shadow: 0px 0px 13px 1px rgba(207,207,207,0.87);
    border-radius:22px;    
    overflow: hidden;
    position: sticky;
    top: 100px;
    cursor: pointer;
}
#supplierInvoicesCreationModal .fileViewer .fileContainer img {
    width:100%;
    height: 100%;
    display: block;
    object-fit: contain;
}
#supplierInvoicesCreationModal .fileViewer .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap:10px;
    position: sticky;
    top: 60%;
}

#supplierInvoicesCreationModal .fileViewer .content strong {
    color: #151b20;
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 500;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}


#supplierInvoicesCreationModal .fileViewer .contentstrong i {
    font-size: 11px;
    display: block;
    margin-inline-end: 8px;
    cursor: pointer;
}

#supplierInvoicesCreationModal .fileViewer .content .info {
    color: #909090;
    max-width: 100%;
    margin-top: 8px;
    font-size:14px;
}

#supplierInvoicesCreationModal .fileViewer .content .info span {
    margin-inline-end: 8px;
}
#supplierInvoicesCreationModal .fileViewer .content .info span i {
    margin-inline-end: 3px;
}

#supplierInvoicesCreationModal .fileViewer .content .info span:last-child {
    margin-inline-end: 0;
}

#supplierInvoicesCreationModal .fileViewer .content p {
    margin: 0;
    color: #909090;
    font-size: 14px;
    line-height: 120%;
}

#quickInvoiceImagePreviewContainerZoomButtonsContainer {
    
    position: absolute;
    left: 45px;
    top: 50%;

    display: flex;
    flex-direction: column;

    background: #d3d3d3;
    border-radius: 20px;
}

#quickInvoiceImagePreviewContainerZoomButtonsContainer > button{
    
    font-size: 30px;
    margin: 5px;
    background: none;
}


.basicFields .inputFiled div.icon {
    color: #a7a7a7;
    min-height: 100%;
    font-size: 14px;
    margin: 0;
    min-width: 40px;
    color: #4d5b72;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--basic-gray);
    border-right: 1px solid var(--gray-border);
}

.basicFields .inputFiled .icon i {
    color: #a7a7a7;
    font-size: 14px;
}

.basicFields .inputFiled label.icon {
    padding: 0 8px;
}

.basicFields .inputFiled .icon button {
    padding: 0 8px;
    width: 38px;
    margin-left: auto;
    width: 100%;
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.basicFields .inputFiled .icon button i {
    margin: 0;
}

.basicFields .field label {
    margin: 0;
    margin-bottom: 8px;
    color: #9a9a9a;
    /* color: #7e7e7e; */
}

.basicFields .field:not(.multiEditFieldContainer) label {
    font-size: 14px;
}

.basicFields .combinedNikuiValueSelectionContainer .field button.dropdown-toggle {
    height: 41px !important;
}

.basicFields .selectBox {
    width: 100%;
    height: 100%;
}

.basicFields .field label i {
    margin-left: 8px;
}

.basicFields .inputFiled .error {}

.error,
.backgroundError,
.basicFields .error,
.basicFields .inputFiled.error,
.basicModal .inputFiled.error {
    border-color: #ED9a9a !important;
    animation: highlightError 2000ms ease-out;
}


.errorSolved,
.backgroundError,
.basicFields .errorSolved,
.basicFields .inputFiled.errorSolved,
.basicModal .inputFiled.errorSolved {
    animation: unHighlightError 1000ms ease-out;
}


.openList.permissionsError {
    color: black !important;

    background-color: #ffcdd2 !important;
}

.openList.errorSolved {
    color: white !important;

    background-color: var(--basic-green) !important;
}


html > body > section.main .tabulator-row.backgroundError,
html > body > section.main .backgroundError {
    background-color: #ED9a9a !important;
}

@keyframes highlightError {
    0% {
        background-color: #ffcdd2;
    }

    100% {
        background-color: white;
    }
}

@keyframes unHighlightError {
    0% {
        background-color: #9aed9e17;
    }

    100% {
        background-color: white;
    }
}

.separator {
    margin: 10px 0;
    width: 100%;
    border-top: 1px solid var(--gray-border-light)
}

.separatorBottom {
    margin: 10px 0;
    width: 100%;
    border-bottom: 1px solid var(--gray-border-light)
}

.separatorMedium {
    margin: 20px 0;
    width: 100%;
    border-top: 1px solid var(--gray-border-light);
}

.separatorBig {
    margin: 30px 0;
    width: 100%;
    border-top: 1px solid var(--gray-border-light);
}

.modalCombineFieldsBlock {
    display:inline-flex;
    flex-wrap:wrap;
    column-gap:15px;
}

.modalCombineFieldsBlock .bootstrap-select>.dropdown-toggle {
    height: 44px !important;
}

.basicModal .modalCombineFieldsBlock .inputFiled {
    margin-bottom:0;
}

.basicModal .modalCombineFieldsBlock .field .chosen-container {
    border:1px solid #e8e8e8;
    background:white;
    height: 44px !important;
}

.underlineOffset7 {
    text-underline-offset: 7px;
}

.padded15 {
    padding: 15px !important;
}

.margined0 {
    margin:0 !important;
}

.topMargined10 {
    margin-top:10px !important;
}

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

.margined20 {
    margin:20px !important;
}

.margined50 {
    margin:50px !important;
}

.topMargined30 {
    margin-top:30px;
}
.topMargined40 {
    margin-top:40px;
}
.bottomMargined40 {
    margin-bottom:40px;
}
.topMargined50 {
    margin-top:50px;
}

.topMargined100 {
    margin-top:100px;
}

.topMargined3 {
    margin-top:3px;
}

.topMargined5 {
    margin-top:5px;
}

.width33percent {
    width: 33% !important;
}

.width63percent {
    width: 63% !important;
}

#orgPage {}

/* #orgPage .whiteBlock{padding-top:0;padding-bottom:0;} */
.dotesBlock {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#orgPage .innerBlock {
    min-width: 75.0%;
    width: 899px;
    max-width: 90%;
    margin: 0px auto;
    background: white;
    border-right: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    padding: 3vw 7%;
}

.dotesBlock .innerBlock {
    width: 51.4%;
    max-width: 889px;
    margin: 0px auto;
    background: white;
    border-right: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    padding: 3vw;
}

#orgPage .top {
    margin-bottom: 35px;
    border-bottom: 1px solid var(--gray-border);
    padding-bottom: 30px;
}

#orgPage .top p,
#orgPage .top label {
    margin: 0;
}

#orgPage .top p {
    margin-left: 8px;
}

#orgPage .top .ktoggle-container {
    display: flex;
    align-items: Center;
}

#orgPage .toggleType {
    font-size: 15px;
    color: #04252f;
}

#orgPage .rightWrapper {
    width: 34%;
}

#orgPage .leftWrapper {
    width: 62%;
    margin-bottom: 26px;
}

#orgPage .toggleSwitch {
    margin-right: 10px;
}

.userProfilePage .profile {}

#orgPage .image {
    position: relative;
    width: 100%;
    height: 222px;
    background: url('../images/imgDotesBg.png')repeat;
    margin-bottom: 30px;
}

#orgPage .image .circle {
    border-radius: 50%;
    width: 9.3vw;
    height: 9.3vw;
    position: absolute;
    background: white;
    overflow: hidden;
}

#orgPage .image .circle img {
    width: 100%;
    position: absolute;
}

#orgPage .image a.edit {
    color: white;
    font-size: 22px;
    font-weight: 500;
    border-radius: 50%;
}

#orgPage .image a.edit {
    background: var(--basic-blue);
    width: 51px;
    height: 51px;
    position: absolute;
    top: 151px;
    right: 3.35vw;
    border: 4px solid #edf1f2;
}

#orgPage .image a.edit:hover {
    text-decoration: none;
    background: var(--basic-green);
}

#orgPage .inputFiled {
    margin-bottom: 22px;
}

#orgPage .inputFiled label {}

#orgPage .inputFiled button {
    background: none;
    outline: 0 !important;
    border: 0 !important;
    box-shadow: 0 0 0 !important;
    font-size: 15px;
}

#orgPage .inputFiled button:after {
    border: solid #9d9d9d;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    background: none;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-top: -4px;
    margin-right: 0.73vw;
}

.orgInfoPage .supperEditor {
    position: relative;
    width: 100%;
    background: white;
    margin-top: 20px;
    border-bottom:1px solid var(--gray-border);
}

.orgInfoPage .supperEditor input {
    box-shadow: none !important;
    border: 1px solid var(--gray-border);
    width: 100%;
    height: 41px;
    border-radius: 0;
    outline: 0;
    /* margin-bottom: -6px; */
    padding-right: 12px;
    font-size: 15px;
    border-bottom:0!important;
}

.orgInfoPage .supperEditor input:nth-child(2n+2) {
    background: var(--basic-gray);
}

.orgInfoPage .supperEditor input:first-child {
    z-index: 2;
    position: relative;
}

.orgInfoPage .supperEditor input:nth-child(2) {
    z-index: 1;
    position: relative;
}

.orgInfoPage .supperEditor input:nth-child(3) {
    z-index: 0;
    position: relative;
}

#orgPage .bottom {
    margin-top: 30px;
}

.orgInfoPage .supperEditor > i {

    color: #4d5b72;
}
.orgInfoPage .supperEditor .turnEditAble{
    position:absolute;
    left:10px;
    top:12px;
    max-width:20px;
    cursor:pointer;
    z-index:9;
}

.orgInfoPage .supperEditor input:first-child {
    padding-left: 30px;
}

.orgInfoPage .editorsColumn{
    display:flex;
    flex-direction:column;
    width:60%;
    min-width:50%;
}
.orgInfoPage .editorsColumn .ktoggle-container label:not(.toggleSwitch){
    display:none;
}
.orgInfoPage .signHolder .labels{
   width: 40%;
    min-width:40%;

}
.orgInfoPage .signHolder .labels span{
    height:20px;
    display:flex;
    font-weight:700;
}
.orgInfoPage .signHolder .label{
   width: 100%;
    min-width:100%;
    height: 41px; 
    color:#9a9a9a;
    display:flex;
    justify-content: flex-end;
    align-items:center;
}

.

#orgPage .basicFields .inputFiled label {
    min-width: 140px;
}

#orgPage .innerBlock .imgUpload {
    margin-top: 0;
}

.wizardFieldsContainer .imgUpload .image a.edit {
    width: 42px;
    height: 42px;
    top: 163px;
    right: 25%;
}

#orgPage .imgUpload .image a.edit,
#orgPage .imgUpload .image a.delete {
    width: 42px;
    height: 42px;
    top: 163px;
}

@media screen and (max-width: 1650px) {
    #orgPage .innerBlock {
        width: 75%;
    }

    .dotesBlock .innerBlock {
        width: 75%;
    }
}

.modal-footer {}

.modal-footer .btn {
    border-radius: 0;
}

#taxDocumentActionsModal .modal-footer .btn {
    width: 32%;
}

@media print {
    body {
        background-color: #FFF;
    }
}

@media print {
    .no-print {
        visibility: hidden;
        display: none !important;
    }
}

.orgInfoPage .signSettings {}

.orgInfoPage .signSettings span {
    color: #04252f;
    font-size: 15px;
}

.orgInfoPage .signSettings .cl-right {
    width: 185px;
    min-width: 185px;
    margin-left: 15px;
}

.orgInfoPage .signSettings .cl-right label:first-child {
    display: none;
}

.orgInfoPage .signSettings .cl-left {}

#orgPage .bottom.editMode {
    justify-content: flex-end;
}

#orgPage .bottom.editMode .regBtn:first-child {
    margin-left: 15px;
}

.documenTitleField {
    background: #eeeeee;
    margin-bottom: 20px;
    border: 1px solid var(--gray-border);
    width: 100%;
    height: 40px;
    display: flex;
    align-items: flex-start;
}

.documenTitleField label {
    display: flex;
    background: var(--basic-gray);
    color: #87898b;
    font-size: 15px;
    align-items: center;
    padding: 0 10px;
    min-width: 29%;
    width: 29%;
    min-height: 100%;
    border-left: 1px solid var(--gray-border);
}

.documenTitleField label span {
    position: relative;
    display: block;
    border-bottom: 1px solid #87898b;
    padding-bottom: 3px;
    font-size: 12px;
    margin-left: 8px;
}

.documenTitleField label span span {
    margin: 0;
}

.documenTitleField label span:after {
    content: '';
    position: absolute;
    bottom: -2px;
    right: 0;
    height: 1px;
    width: 100%;
    background: #c8c9c9;
}

.documenTitleField .input {
    font-size: 13px;
    color: #87898b;
    flex: 1;
    height: calc(100% - 2px);
    border-bottom: 1px solid var(--gray-border);
    padding: 0 15px;
}

.orgInfoPage .greenInvoiceKtoggleHolder {
    width: 100%;
    position: relative;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 35px;
}

.orgInfoPage .greenInvoiceKtoggleHolder:before {
    content: '';
    background: #e7e7e7;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 100%;
    height: 5px;
}

.orgInfoPage .greenInvoiceKtoggleHolder .inner {
    background: white;
    position: relative;
    z-index: 9;
    padding: 0 15px;
    margin-left: -5px;
}

.orgInfoPage .greenInvoiceKtoggleHolder .inner>span {
    color: #04252f;
    font-size: 18px;
    margin: 0 8px;
}

.orgInfoPage .greenInvoiceKtoggleHolder .toggleSwitch {
    margin: 0;
}

.orgInfoPage .signKtoggleHolder {
    width: 100%;
    position: relative;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 35px;
}

.orgInfoPage .signKtoggleHolder:before {
    content: '';
    background: #e7e7e7;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 100%;
    height: 5px;
}

.orgInfoPage .signKtoggleHolder .inner {
    background: white;
    position: relative;
    z-index: 9;
    padding: 0 15px;
    margin-left: -5px;
}

.orgInfoPage .signKtoggleHolder .inner>span {
    color: #04252f;
    font-size: 18px;
    margin: 0 8px;
}

.orgInfoPage .signKtoggleHolder .toggleSwitch {
    margin: 0;
}

.orgInfoPage #firmStampTextAreaBlock {
    max-width: 240px;
    min-width: 240px;
    margin-left: 15px;
    margin-top:0;
}

.orderPageStyle {}

.orderPageStyle .packages {
    width: 100%;
    margin: 0;
    margin-bottom: 15px;
    gap: 15px;
    display:flex;

    justify-content: center;
}

.orderPageStyle .packages>li {
    flex: 1 1 0;
    min-width:225px;
    display: flex;
    flex-direction: column;
    background: white;
    border-radius: 15px;
    box-shadow: 0px 1px 6.65px 0.35px rgba(0, 0, 0, 0.1);
    padding: 15px 1.3% 30px 1.3%;
}

.orderPageStyle .packages li .inner {
    width: 78%;
    color: #4d5b72;
    font-size: 16px;
    margin: 0px auto;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.orderPageStyle .packages li .tag {
    display: inline-block;
    width: fit-content;
    background: #f1f6fe;
    padding: 5px 10px;
    border-radius: 10px;
    font-weight: 500;
    font-style: italic;
    color: #3c7bf3;
    margin-bottom: 35px;
}

.orderPageStyle .packages li .tag:empty:after {
    content: '\00a0';
}

.orderPageStyle .packages li .tag:empty {
    content: '\00a0';
    opacity: 0;
}

.orderPageStyle .packages li .btn {
    background: #4d5b72;
    height: 48px;
    color: white;
    font-weight: 700;
    font-size: 16px;
    margin-top: auto;
    width: 100%;
    border-radius: 0;
}

.orderPageStyle .packages li .btn:hover {
    opacity: 0.7;
}


#packagesContainer {
    margin-right: 20px;
    -webkit-transition: margin 0.18s ease;
    -moz-transition: margin 0.18s ease;
    -o-transition: margin 0.18s ease;
    transition: margin 0.18s ease;
}

#packagesContainer .packageChangeStateBtn {
    
}

#packagesContainer .packageBlock {

    border: 2px solid #e9e9e9;
    max-width: 375px;
    min-width: 375px;
    min-height: 400px;
}

#packagesContainer .packageBlock.selected {

    border: 2px solid var(--basic-blue);
}

#pricingTableSummaryValuesTableContainer {
    display: flex;
    flex-direction: row-reverse;
}


#chargePage .prePayStageSection {
    width: 900px;
}

@media screen and (max-width: 630px) {

    #pricingTableSummaryValuesTableContainer {

        flex-direction: column !important;
    }

    #packagesContainer .packageBlock {

        min-width: 325px;
    }

    #pricingPage #packagesSummaryTable .titleRow {
        display: none;
    }

    #chargePage .prePayStageSection {
        width: unset;
    }
}

@media screen and (max-width: 1050px) {

    #packagesSliderLeftArrow {
        display: none;
    }
}

#subscriptionItemsStatisticsTitleContainer {
}

@media screen and (max-width: 630px) {

    #subscriptionItemsStatisticsTitleContainer {

        flex-direction: column !important;
    }
}

.pricingPageCurrentMonthUsageInfo {
    font-weight: normal;
    font-size: 14px;
    margin-right: 10px;
}

#subscriptionItemsStatisticsExpandableTextBtnContainer {
}

@media screen and (max-width: 630px) {

    #subscriptionItemsStatisticsExpandableTextBtnContainer {

        position: relative !important;
        top: 0;
    }
}

#packagesContainer .packageBlock.selected .packageChangeStateBtn {
    
    background: var(--basic-blue) !important;
}

#packagesSummaryTable .packageChangesIconColumn {
    
    margin-left: 10px;
}

#packagesSummaryTable .packageRowDiv.selected {

    border: 2px dashed var(--basic-blue);
}


.packageInfoHiddenBlock {
    display: none;
}


#pricingPage #subscriptionItemsStatisticsTitle {
    /*font-style: italic;*/
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #4d5b72;
}

#packagesPeriodToggleContainer {

    z-index: 99999;
}

#pricingPage #subscriptionItemsStatisticsExpandableTextBtn {

    font-family: 'Rubik', Arial;

    font-size: 20px;
    text-decoration: underline;
    text-underline-offset: 4px;
    cursor: pointer;
}

#pricingPage #subscriptionItemsStatisticsExpandableTextBtnContainer {

    z-index: 9999;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    margin-top: 5px;
}

.orderPageStyle .packages li .title {
    font-style: italic;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    position: relative;
    z-index: 1;
}

.orderPageStyle .packages li .title:before {
    content: ' ';
    background: #f1f6fe;
    width: 4.8vw;
    height: 4.8vw;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50% !important;
    border-radius: 50%;
    z-index: -1;
}

.orderPageStyle .packages li .price {
    font-size: 22px;
    font-weight: 400;
    margin: 0px auto;
    text-align: center;
    margin-top: calc(2.4vw + 17px);
}

.orderPageStyle .packages li .price span {
    font-size: 48px;
    font-weight: 300;
}

#packagesSummaryTable .highlightedUnitsAmount {

    margin: 0 5px;
    font-weight: bold;
}

#packagesSummaryTable .unitCostInPackageSmallText {

    margin: 0 5px;
}

.orderPageStyle .packages li .packageInfoBlock span.highlightedUnitsAmount {
    font-size: 15px;
    font-weight: bold;
}

.orderPageStyle .packages li .packageInfoBlock span.unitCostInPackageSmallText {
    font-size: 12px;
}

#packagesContainerWrapper #packagesContainer {

    justify-content: flex-start;
}

.orderPageStyle .packages li .price:after {
    display: block;
    content: '';
    width: 28px;
    height: 5px;
    background: #3cd4f4;
    margin: 0px auto;
    margin-top: 15px;
    border-radius: 0;
}

.orderPageStyle .packages li .info {
    text-align: center;
    font-size: 16px;
    margin-top: 35px;
    margin-bottom: 35px;
}

.orderPageStyle .packages li .info li {
    margin-bottom: 20px;
    text-align: center;
    color: #4d5b72;
    font-size: 16px;
}

.orderPageStyle .orderTable {
    width: 100%;
    color: #4d5b72;
}

.orderPageStyle .orderTable .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 13px 20px;
    border-bottom: 1px solid var(--gray-border);
}

.orderPageStyle .orderTable .row .column {
    padding: 0 5px;
    width: auto;
    display: flex;
    min-height: 100%;
    min-height: 100%;
    height: 100%;
}

.orderPageStyle .orderTable .row.titleRow {
    background: #4d5b72;
    color: white;
    font-size: 15px;
    font-weight: 400;
}

.orderPageStyle .orderTable .row:not(.totalRow, .titleRow):nth-child(2n+1) {
    background: #f6f6f6;
}

.orderPageStyle .orderTable .row.totalRow {
    justify-content: flex-end;
    border-bottom: 0;
}

.orderPageStyle .orderTable .row.totalRow .column-3 {
    justify-content: flex-end;
    white-space: nowrap;
}

.orderPageStyle .orderTable .removeBtn {
    opacity: 0.6;
}

.orderPageStyle .orderTable .removeBtn:hover {
    opacity: 1;
}

.orderPageStyle .orderTable .removeBtn img {
    width: 15px;
}

.orderPageStyle .orderOrganizationsSelect div.dropdown {
    width: 100% !important;
    min-width: 100% !important;
}

.orderPageStyle .bank_account_select div.dropdown {
    width: 100% !important;
    min-width: 100% !important;
}

.orderPageStyle .orderTable .row .column-0 {
    min-width: 25px;
    width: 25px;
}

.orderPageStyle .orderTable .row .column-1 {
    min-width: 25.0%;
    width: 25.0%;
    flex: 1;
    max-width: 250px;
}

.orderPageStyle .orderTable .row .column-2 {
    min-width: 25.0%;
    width: 25.0%;
    max-width: 450px;
}

.orderPageStyle .orderTable .row .column-3 {
    min-width: 25.0%;
    width: 25.0%;
    max-width: 450px;
}

.orderPageStyle .orderTable .row .column-4 {
    min-width: 7.67%;
    width: 7.67%;
}

.orderPageStyle .orderTable .row .column-5 {
    min-width: 150px;
    max-width: 150px;
    width: 25.4%;
    justify-content: center;
}

.orderPageStyle .orderTable .input {
    height: 41px;
    border: 1px solid var(--gray-border);
    border-radius: 0;
    max-width: 100%;
    font-size: 15px;
    padding: 0 10px;
}

.orderPageStyle .orderTable button.dropdown-toggle {
    height: 41px;
    border: 1px solid var(--gray-border);
    border-radius: 0;
    max-width: 100%;
    font-size: 15px;
    background: none;
    position: relative;
    min-width: 100% !important;
}

.orderPageStyle .orderTable button.dropdown-toggle .filter-option-inner-inner {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.orderPageStyle .orderTable .bootstrap-select {
    height: 41px;
    width: 100%;
    max-width: 100%;
    display: flex;
}

.orderPageStyle .orderTable .btnPurchase {
    color: white;
    font-size: 15px;
    height: 41px;
    font-weight: 500;
    padding: 0 13px;
}

.orderPageStyle .orderTable .btnPurchase i {
    color: #3cd4f4;
    font-size: 15px;
    margin-left: 4px;
}

.orderPageStyle .orderTable .total {
    background: #ececec;
    height: 41px;
    padding: 5px 15px;
    border-radius: 0;
    font-size: 15px;
}

.orderPageStyle .orderTable .total strong {
    margin-left: 4px;
    font-weight: 500;
}

.orderPageStyle .orderTable .dropup .dropdown-toggle::after {
    transform: rotate(180deg);
}

.orderPageStyle .deleteDetailsRowBtn {
    background: #ffffff;
    border: 1px solid var(--gray-border);
}

.orderPageStyle .deleteDetailsRowBtn:hover {
    border-color: #e54949;
}

.orderPageStyle .deleteDetailsRowBtn i {
    /*color: #e54949;*/
    font-size: 15px;
    /*margin-left: 5px;*/
    font-style: normal;
}

.orderPageStyle .deletePackageRowBtn {
    background: #ffffff;
}

.orderPageStyle .deletePackageRowBtn:hover {
    color: #e54949;
}

.orderPageStyle .preOrderText {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-bottom: 15px;
}

.orderPageStyle .preOrderText span {
    color: #8f949e;
    font-size: 15px;
    font-style: italic;
}

.chargePage{
    display:flex;
    gap:15px;
}
#chargePage .chrageBlock {
    overflow: hidden;
    position: relative;
    z-index: 1;
    min-height: 500px;
    padding: 0;
    display:flex;
    flex-direction: column;
}

#chargePage .chrageBlock.prePayStageSection {
    min-height: 660px;
}

#chargePage .chrageBlock .blueBg {
    position: Absolute;
    width: 100%;
    top: 0;
    right: 0;
    min-height: 410px;
    max-height: 410px;
}

#chargePage .chrageBlock .top {
    color: white;
    position: relative;
    z-index: 1;
}

#chargePage .chrageBlock .top h2 {
    color: white;
    font-weight: 500;
    font-size: 17px;
    display: flex;
    align-items: center;
    background: #1d73d4;
    border-radius: 0;
    padding: 11px 27px;
    margin: 0;
}

#chargePage .chrageBlock .prices {
    margin: 0;
    width: 100%;
}

#chargePage .chrageBlock .prices li {}

#chargePage .chrageBlock .prices li a {
    display: block;
    font-size: 15px;
    color: white;
    background: #66aeff;
    border: 2px solid #66aeff;
    border-radius: 0;
    padding: 9px 15px;
}

#chargePage .chrageBlock .prices li a:hover,
#chargePage .prices li a.active {
    text-decoration: none;
    color: white;
    background: #1d73d4;
    border-color: #1d73d4;
}

#chargePage .chrageBlock .contactBtn {
    color: #2b3b4a;
    margin-top: 25px;
    margin-left: 1.4vw;
    font-size: 16px;
    border-radius: 0;
    box-shadow: 0px 1px 6.65px 0.35px rgba(0, 0, 0, 0.1);
    background: white;
    padding: 11px;
    text-decoration: none;
}

#chargePage .chrageBlock .contactBtn:hover {
    background: rgba(21, 27, 32, 0.36);
    color: white;
}

#chargePage .chrageBlock .chargePrices {
    width: 432px;
    max-width:90%;
    margin-top: 45px;
    text-align: Center;
    margin: 0px auto;
    margin-top: 1vw;
}

#chargePage .chrageBlock .chargePrices span {
    font-size: 16px;
    color: white;
    display: block;
    margin-bottom: 15px;
    text-align: center;
}

#chargePage .chrageBlock .creditCardUserParams,
#chargePage .chrageBlock .chargeForm .total,
#chargePage .chrageBlock .balance {
    color: white;
    width: auto;
    width: fit-content;
    min-width: 500px;
    margin: 0px auto;
    position: relative;
    z-index: 9;
    max-width:100%;
    /* max-width: 444px; */
}
#chargePage .chrageBlock .chargeForm{
    min-width: 500px!important;
    max-width: 500px!important;
}
#chargePage .chrageBlock .creditCardUserParams>span,
#chargePage .chrageBlock .balance>span {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 10px;
    display: block;
    width: fit-content;
}

#chargePage .chrageBlock .creditCardUserParams div span,
#chargePage .chrageBlock .balance div span {
    font-size: 3.8vw;
    font-weight: 500;
}

#chargePage .chrageBlock .creditCardUserParams .type,
#chargePage .chrageBlock .balance .type {
    position: relative;
    z-index: 1;
    background: #1d73d4;
    border-radius: 50%;
    width: 2.65vw;
    height: 2.65vw;
    margin-bottom: 0.5vw;
    font-size: 1.6vw;
    font-weight: 300;
    margin-right: 10px;
}

#chargePage .chrageBlock .creditCardUserParams>div,
#chargePage .chrageBlock .balance>div {
    align-items: flex-end;
    width: fit-content;
    margin: 0px auto;
}

#chargePage .chrageBlock .chargeForm {
    position: relative;
    z-index: 9;
    margin: 0;
    width: 100%;
    min-width: 100%;
    margin: 0px auto;
    max-width: 513px;
    display: flex;
    justify-content: center;
    margin-top: 2vw;
}

#chargePage .chrageBlock .paymentSummaryBlock {
    position: relative;
    margin:0px auto!important;
    z-index: 9;
    margin: 0;
    width: 100%;
    min-width: 500px;
    max-width: 500px;
    display: flex;
    justify-content: flex-end;
    margin-top: 2vw!important;
}

#chargePage .chrageBlock .chargeForm .amount {
    width: 340px;
    height: 55px;
    border: 3px solid rgba(225, 225, 225,0.69);
    background: white;
}

@media screen and (max-width: 730px) {
    #chargePage .chrageBlock .chargeForm {
        justify-content:right;
        padding-right:10px;
    }

    #chargePage .chrageBlock .chargeForm .chargeAmountTextLabel {
        display:none !important;
    }



    #chargePage .chrageBlock .chargeForm .total {
        text-align:right !important;
        padding-right:15px;
    }
}

#chargePage .chrageBlock .chargeForm .finalAmount {
    width: 270px;
    height: 55px;
    /* align-items: center; */
    min-height: 100%;
    background: rgb(236 236 236);
    border-color:rgb(236 236 236);
}
#chargePage .prePayStageSection .chargeForm .amount label{background: unset!important;}

#chargePage .chrageBlock .chargeFormUserDetails{margin:0!important;}
#chargePage .chrageBlock .creditCardUserParams{
    display:flex;
    flex-direction: column;
    gap:15px;
}

#chargePage .chrageBlock .chargeFormUserDetails .inputField {
    width: 100%;
    height: 45px;
    border: 3px solid rgba(225, 225, 225, 0.33);
    background: white;
    padding-left: 10px;
}

#chargePage .chrageBlock .chargeForm .amount label {
    height: 100%;
    padding: 0 25px;
    line-height: 56px;
    font-size: 16px;
    color: #3e4a61;
    border-left: 1px solid #e8e8e8;
    display: flex;
    align-items: center;
    white-space: nowrap;
    background: var(--basic-gray);
    margin: 0;
}

#chargePage .chrageBlock .chargeFormUserDetails .inputField label {
    height: 100%;
    min-width: 190px;
    padding: 0 25px;
    line-height: 56px;
    font-size: 16px;
    color: #3e4a61;
    border-left: 1px solid #e8e8e8;
    display: flex;
    align-items: center;
    white-space: nowrap;
    background: var(--basic-gray);
    margin: 0;
}

#chargePage .chrageBlock .chargeForm .inputField .circleBtn,
#chargePage .chrageBlock .chargeForm .amount .circleBtn {
    background: #eeeeee;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #586376;
    font-weight: 500;
    border-radius: 50%;
    width: 26px;
    height: 26px;
}

#chargePage .chrageBlock .payment {
    justify-content: flex-end;
    width: 100%;
    margin-bottom:15px;
}

#chargePage .chrageBlock .payment li {
    margin-left: 1.5vw;
    position: relative;
}

#chargePage .chrageBlock .payment label {
    min-height: 100%;
    background: #f2f2f2;
    border: 2px solid #f2f2f2;
    border-radius: 0;
    cursor: pointer;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    margin: 0;
}

#chargePage .chrageBlock .chargeForm .inputField .circleBtn:first-child,
#chargePage .chrageBlock .chargeForm .amount .circleBtn:first-child {
    margin-left: 8px;
}

#chargePage .chrageBlock .chargeForm .amount .input {
    width: 100%;
    font-size: 26px;
    font-weight: 300;
    padding-right: 10px;
    color: #3e4a61;
}

#chargePage .chrageBlock .chargeForm .inputField .input {
    width: 100%;
    font-size: 16px;
    padding-right: 10px;
    color: #3e4a61;
}

#chargePage .chrageBlock .payment li img {
    max-width: 100%;
    display: block;
    /* width: 80%; */
    margin: 0px auto;
}

#chargePage .chrageBlock .payment li:last-child {
    margin-left: 0;
}

#chargePage .chrageBlock .payment li.active label {
    border-color: #3c7bf3;
}

#chargePage .chrageBlock .payment li .circleCheck {
    display: none;
    position: absolute;
    top: -12.5px;
    left: -12.5px;
    height: 25px;
    width: 25px;
    background: #3c7bf3;
    border-radius: 50%;
    color: white;
    justify-content: center;
    align-items: center;
    font-size: 13px;
}

#chargePage .chrageBlock .payment li.active .circleCheck {
    display: flex;
}

#chargePage .chrageBlock .payment li input {
    opacity: 0;
    position: absolute;
    width: 0;
    height: 0;
}

#chargePage .chrageBlock .contentRow {
    margin-top:45px;
    margin-bottom:95px;
}

#chargePage .chrageBlock .paymentRow .paymentRowFooter{
    width: 100%;

}
#chargePage .chrageBlock .paymentRow .paymentRowFooter .paymentRowFooterCheckBox{
    flex: 1;
    border-top:1px solid var(--gray-border);
    padding-right: 15px;
}
#chargePage .chrageBlock .paymentRow .paymentRowFooter .paymentRowFooterCheckBox .text_underlined{
    white-space: nowrap;
}
#chargePage .chrageBlock .paymentRow .paymentRowFooter label.customCheckBox{
    /* white-space: nowrap; */
}
#chargePage .chrageBlock .paymentRow .paymentRowFooter .terms{
    display:inline-flex;
    flex-wrap:wrap;
    gap:3px;
    padding-inline-end: 15px;
}
#chargePage .chrageBlock .chargeForm .amount {
    border-radius: 0;
}

#chargePage .chrageBlock .chargeForm .total {
    color: #4d4d4d;
    font-size: 15px;
    margin-top: 15px;
}

#chargePage .chrageBlock .chargeForm .total>span {
    color: #0c213a;
    font-size: 15px;
    padding: 0 8px;
    brder-left: 1px solid var(--gray-border);
}

#chargePage .chrageBlock .totalRow {
    background: white;
    /* border-top: 1px solid #e7e8e8; */
    width: 100%;
    margin-top:auto;
}
#chargePage .chrageBlock .totalRow .termsLink{margin-left:8px;}
#chargePage .chrageBlock .totalRow > .inner{
    border-top: 1px solid #e7e8e8;
    padding: 0 15px;
    width: 100%;
    justify-content: flex-end;

}

#chargePage .chrageBlock .totalRow .btnPay {
    height: 55px !important;
    font-size: 15px;
    font-weight: 500;
    border-radius: 0;
}

#chargePage .payViaCreditCardBtn {
    height: 55px !important;
    font-size: 15px;
    font-weight: 500;
    border-radius: 0;
}

#chargePage .chrageBlock .totalRow>span {
    font-size: 18px;
    color: #151b20;
    font-weight: 400;
}

#chargePage .chrageBlock .totalRow a[href] {
    color: #3c7bf3;
}

#chargePage .chrageBlock .totalRow .totalPay {
    height: 100%;
    background: #f2f2f2;
    padding: 0 10px;
    color: #4d4d4d;
    font-size: 14px;
}

#chargePage .chrageBlock .totalRow .totalPay span {
    margin-right: 8px;
}

#chargePage .chrageBlock .selectPayment {
    display: block;
    text-align: center;
    margin-bottom: 30px;
    font-size: 24px;
    color: var(--basic-txt-color);
    margin-top: 40px;
}

#chargePage .btnPay {
    padding: 0 15px;
    background: var(--basic-blue-dark);
    min-height: 100% !important;
    height: auto !important;
    border: 0;
    max-height: 54px;
    ;
    color: white;
    font-size: 17px !important;
}

#chargePage .btnPay i {
    display: block;
    margin-left: 5px;
    color: var(--basic-green);
    font-size: 18px;
}

#chargePage .payViaCreditCardBtn {
    background: var(--basic-blue-dark);
    min-height: 100% !important;
    border: 0;
    max-height: 54px;
    color: white;
    font-size: 17px !important;
}

#chargePage .payViaCreditCardBtn i {
    display: block;
    margin-left: 5px;
    color: var(--basic-green);
    font-size: 18px;
}


#chargePage .chrageBlock .totalRow .cupon {
    min-height: 100%;
    color: #0c213a;
    display: flex;
    align-items: center;
    padding-left: 8px;
}

#chargePage .chrageBlock .totalRow .cupon .field {
    background: #f3f3f3;
    align-items: center;
    border: 1px solid var(--gray-border);
    height: 46px;
    margin: 8px 0;
    margin-right: 20px;
}

#chargePage .chrageBlock .totalRow .cupon .field input {
    min-height: 100%;
    background: none;
    padding-right: 5px;
}

#chargePage .chrageBlock .totalRow .cupon .field button {
    margin-left: 5px;
}


#chargePage .chrageBlock .totalRow .cuponHolder {
    border-right: 1px solid var(--gray-border);
    color: #0c213a;
    padding-right: 8px;
    display: flex;
    justify-content:flex-end;
}

#chargePage .history {
    width: 43.5%;
    height: 587px;
}

#chargePage .hTop {
    color: #3b3b3b;
    margin-bottom: 35px;
}

#chargePage .hTop a[href] {
    color: #3b3b3b;
    font-size: 16px;
}

#chargePage .hTop .title {
    font-size: 22px;
}

#chargePage .history .table {
    width: 100%;
    padding-top: 4px;
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #ececec;
}

#chargePage .history .table .row {
    background: var(--basic-gray-dark);
    margin: 0;
    border-bottom: 1px solid white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    color: #151b20;
    padding: 13px 4.7%;
}

/* #chargePage .history .table .row:nth-child(2n+2){background:white;} */
#chargePage .history .table .row .column {
    text-align: center;
}

#chargePage .history .table .row .column-2 {
    min-width: 16%;
    width: 16%;
}

#chargePage .history .table .row .column-1 {
    min-width: 20%;
    width: 20%;
}

#chargePage .history .table .row .column-3 {
    min-width: 16.3%;
    width: 16.3%;
}

#chargePage .history .table .row a i {
    color: #e36055;
    font-size: 13px;
    margin-left: 4px;
}

#chargePage .history .table .row a[href] {
    text-decoration: none;
}

#chargePage .history .row.headersRow {
    background: var(--basic-txt-color);
}

#chargePage .history .row.headersRow .column {
    color: white;
    text-align: Center;
}

#chargePage .chrageBlock {
    flex:1;
}

#chargePage .grayBox{width:558px;max-width:100%;min-height:100%;padding:20px 15px 25px 15px;border-radius:5px;background:#f5f5f5;margin-top:35px;}
#chargePage .grayBox .flexRow{display:flex;justify-content:space-between;font-size:18px;font-weight:700;color:#28242b;align-items:center;}
#chargePage .grayBox .flexRow .input{background:white;height:40px;text-indent:10px;font-size:20px;font-weight:700;color:#565656;border-radius:5px;border:1px solid #dde1e5;width: 40%;}
#chargePage .grayBox .flexRow .filedHolder{width:50%;}
#chargePage .payType{margin-top:35px;}
#chargePage .payType span{font-size:20px;font-weight:700;color:#28242b;display:block;margin-bottom:20px;}
#chargePage .optionBox{display:flex;align-items:center;justify-content:space-between;cursor:pointer;border-radius:5px;background:white;border:1px solid #dde1e5;height:75px;width:100%;padding:15px 20px 15px 20px;max-width:558px;}
#chargePage .optionBox img{max-width:100%;}
#chargePage .payTypes label{width:100%;max-width:558px;}
#chargePage .payType{width:100%;max-width:558px;}
#chargePage .payTypes input[type=radio]{display:none;}
#chargePage .payTypes input[type=radio]:checked ~ label .optionBox{background:#f8fcf3;border-color:#74c23c;}
#chargePage .payType li{margin-bottom:20px;width:47%;}

#chargePage .prePayStageSection .blueBg{
    display: none;
}
#chargePage .prePayStageSection .contentRow {
    margin-bottom: 0;
}
.bankInfoPage .bootstrap-select button {
    height: 100%;
}
#chargePage .prePayStageSection .chargeFormUserDetails  .inputField label,#chargePage .prePayStageSection .chargeForm .amount label{
    background: rgb(236 236 236);
}
#chargePage .prePayStageSection .chargeFormUserDetails .inputField{
    border-color:rgb(236 236 236);
    background: rgb(236 236 236);
    height:45px;
    padding:0;
    box-sizing: border-box;
}
#chargePage .prePayStageSection .chargeFormUserDetails .inputField .input{
    flex:1;
}
#chargePage .prePayStageSection .chargeFormUserDetails .inputField{
    height: 45px;
}
#chargePage .prePayStageSection .payment{
    margin-bottom:25px;
}
#chargePage .prePayStageSection .selectPayment{
    margin:20px 0;
}



.bankInfoPage .pincode-input-container input.mid {
    border-left: 1px solid var(--gray-border);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.bankInfoPage .basicFields .inputFiled input.last {
    border-left: 1px solid var(--gray-border);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.bankInfoPage .pincode-input-container input {
    padding: 0 !important;
    text-align: center;
    color: var(--basic-txt-color);
}

.bankInfoPage .leftWrapper {
    padding-top: 0;
}


#helpPage {}

.titleFull {
    color: var(--basic-txt-color);
    font-size: 17px;
    font-weight: 500;
    border-bottom: 1px solid var(--gray-border);
    padding-bottom: 18px;
    margin-bottom: 20px;
}

.titleFull i {
    color: var(--basic-blue);
    margin-left: 5px;
}

#helpPage .rightCats {
    width: 20%;
    max-width: 320px;
    padding-left: 15px;
}

#helpPage .all {
    margin-top: 50px;
    gap: 15px;
}

#helpPage .rightCats li {
    margin: 0;
    margin-bottom: 2px;
    height: auto;
}

#helpPage .rightCats li a {
    display: block;
    width: 100%;
    background: #a1aab8;
    color: white;
    padding: 15px 8px;
    font-weight: 500;
    font-size: 15px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#helpPage .rightCats li a:hover,
#helpPage .rightCats li.active a {
    text-decoration: none;
}

/* #helpPage .rightCats li.active{background:var(--menu-bg-color);} */
#helpPage .rightCats a[href],
#helpPage .rightCats a {
    text-decoration: none;
}

#helpPage .rightCats li.active a,
#helpPage .rightCats li.visible a {
    color: white;
    background: var(--basic-blue);
}

#helpPage .leftContent {
    flex: 1;
}

#helpPage .leftContent p {
    width: 90%;
    font-size: 16px;
    color: var(--basic-txt-color);
    line-height: 140%;
}

/* #helpPage .rightCats li a:before{content:' ';display:inline-block;width:7px;height:7px;background:none;border-radius:50%;margin-left:5px;} */
/* #helpPage .rightCats li.active a:before{background:var(--menu-bg-color);} */
#helpPage .leftContent h2,
#helpPage .leftContent h1 {
    font-size: 24px;
    margin: 0;
    margin-bottom: 8px;
}

#helpPage .rightCats .subMenu {
    width: 100%;
    display: none;
    margin-top: 2px;
    max-height: 300px;
    overflow-y: auto;
}

#helpPage .rightCats .subMenu li {
    width: 100%;
}

#helpPage .rightCats .subMenu li.active a {
    border-left: 5px solid var(--basic-blue);
}

#helpPage .rightCats .subMenu li a {
    background: #f6f6f6;
    color: var(--basic-txt-color);
    font-size: 15px;
    font-weight: 500;
    border: 0;
}

.zeroWidth {
    width: 0;
}

.modal-header h5 {
    margin: 0;
}

.modal-header .close {
    position: absolute;
    top: 15px;
    right: 15px;
}

.modal-header {
    padding: 9px;
}

.btn.green {
    height: 40px;
}

.modal-footer {
    text-align: left;
}

.all3Btns {
    display: flex;
    justify-content: space-between;
    gap: 1rem 15px;
}

.all3Btns.flexXstart {
    justify-content: flex-start !important;
}

.all3Btns.flexXend {
    justify-content: flex-end !important;
}

.all3Btns .mbtn {
    position: relative;
    display: flex;
    align-items: center;
    padding-right: 15px;
    font-size: 14px !important;
    border-radius: 0;
    border: 1px solid #e5e5e5;
    width: 50%;
    height: 80px;
    background: white;
}

.all3Btns .mbtn i {
    font-size: 34px;
    color: #e5e5e5;
    margin-left: 10px;
}

.all3Btns .mbtn:hover {
    border-color: #4ce08a;
}

.all3Btns .mbtn.active {
    border-color: #4ce08a;
}

@media screen and (max-width: 490px) {
    .all3Btns {
        flex-wrap: wrap;
    }

    .all3Btns .mbtn {
        width: 100%;
        height: 60px;
    }
}

.all3Btns .mbtn .btnPrice {
    display:none;
    position: relative;
    position: absolute;
    left: 5px;
    bottom: 0px;
    color: #d2d0d0;
    font-size: 19px;
    font-weight: 500;
}

#deliveryOptionsBlock .all3Btns .mbtn .btnPrice {
    display: block;
}

.all3Btns .mbtn .btnPrice:before {
    display:none;
    position: Absolute;
    top: 3px;
    right: -10px;
    height: 19px;
    width: 2px;
    background: #e5e5e5;
    content: ' ';
    transform: rotate(-27deg);
}

.all3Btns a.mbtn {
    color: var(--basic-txt-color);
}

.all3Btns .mbtn:hover i {
    color: #4ce08a;
}

.all3Btns .mbtn.active i {
    color: #4ce08a;
}

/* #saveInSystem {
    padding-left: 53px;
    padding-right: 53px;
    position: relative;
    border: 1px solid #e5e5e5
}

#saveInSystem:hover {
    background: white;
    border-color: #4ce08a;
} */

/* #saveInSystem .btnPrice {
    position: relative;
    position: absolute;
    left: 5px;
    bottom: 0px;
    color: #d2d0d0;
    font-size: 14px;
    font-weight: 400;
}

#saveInSystem .btnPrice:before {
    display: block;
    position: Absolute;
    top: -4px;
    right: -7px;
    height: 16px;
    width: 2px;
    background: #e5e5e5;
    content: ' ';
    transform: rotate(-27deg);
} */

/* #saveInSystem i {
    color: #e5e5e5;
    margin-left: 4px;
} */

.all3Btns .mbtn input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.modal-dialog {
    width: 650px;
    max-width: 90%;
}


#lowCreditBalanceModal .samll_message i,
#chargeModal .samll_message i {
    font-size: 11px;
    color: #f68f8f;
    margin-left: 2px;
}

#lowCreditBalanceModal .samll_message i,
#chargeModal .samll_message i {
    font-size: 11px;
    color: #f68f8f;
}

#lowCreditBalanceModal .samll_message,
#chargeModal .samll_message {
    font-size: 14px;
    margin: 8px 0;
}

#lowCreditBalanceModal .samll_message,
#chargeModal .samll_message {
    width: 100%;
    position: absolute;
    right: 5px;
    bottom: -4px;
}


#lowCreditBalanceModal .all3Btns .mbtn{width:100%;font-size:19px!important;position:relative;}
#lowCreditBalanceModal .all3Btns .mbtn:first-child:hover{border-color:#42C2DF;/*color:white;*/}
#lowCreditBalanceModal .all3Btns .mbtn:last-child:hover{border-color:#4ce08a;/*color:white;*/}
#lowCreditBalanceModal .modal-body{padding-bottom:25px;}
#lowCreditBalanceModal .all3Btns .mbtn .samll_message{font-size:14px;position:absolute;bottom:-30px;right:15px;color:black!important;direction:rtl;}
#lowCreditBalanceModal .all3Btns .mbtn:last-child:hover .samll_message{color:black;}
#lowCreditBalanceModal .all3Btns .mbtn:last-child .samll_message i{font-size: 11px;color: #f68f8f;margin-left: 2px;}
#lowCreditBalanceModal .all3Btns .mbtn:last-child:hover .samll_message i{font-size: 11px;color: #f68f8f;}

#lowCreditBalanceModal .all3Btns .mbtn{position:relative;display:flex;align-items:center;padding-right:15px;font-size: 14px!important;border-radius:5px;border:1px solid #e5e5e5;margin:10px;height:80px;background:white;}





#contactPage .content {
    width: 90%;
    margin-top: 25px;
}

#contactPage .content p {
    color: var(--basic-txt-color);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    word-spacing: 3px;
}

#contactPage .contactInfo {
    width: 100%;
    margin: 0px auto;
    margin-top: 25px;
}

#contactPage .contactInfo .iRow {
    width: 32%;
    text-align: center;
    font-size: 18px;
}

#contactPage .contactInfo .iRow i {
    color: #4d5b72;
    font-size: 32px;
    display: block;
    text-align: Center;
    margin: 0px auto;
    margin-bottom: 15px;
}

#contactPage .contactInfo .iRow a[href] {
    text-decoration: none;
    color: var(--basic-txt-color);
}

#selfPickUpAddress .iRow a[href] {
    text-decoration: none;
    color: var(--basic-txt-color);
}

#contactPage .contactForm {
    margin-top: 35px;
}

#contactPage .contactForm form {
    max-width: 550px;
}

#contactPage .contactForm form .field {
    width: 48%;
    margin-bottom: 15px;
}

#contactPage .contactForm form .textArea .inputFiled {
    min-height: 80px;
    padding-top: 8px;
}

#contactPage .contactForm h3 {
    color: var(--basic-txt-color);
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    margin-bottom: 10px;
}

#contactPage .map {
    width: 100%;
    height: 300px;
    margin-top: 25px;
}

#contactPage .map #map {
    width: 100%;
    height: 100%;
}


.cricleDotesBg {
    background: url('../images/dotes.png')repeat;
    position: absolute;
    border-radius: 50%;
}

.cricleDotesBgWhite {
    background-image: url('../images/dotesWhite.png');
}

#supplier_info_row .rightWrapper {
    width: 44% !important;
}

#supplier_info_row .leftWrapper {
    width: 44% !important;
}

#supplier_info_row label {
    min-width: 50px;
    color: #4d5b72;
    font-size: 15px;
}

.modal-header {
    position: relative;
}

.modal-header .close {
    position: absolute;
    left: 10px;
    top: 21px;
    padding: 0;
}

.modal-content .btn-default.basic {
    border: 1px solid #cdcdcd;
    background: white;
    color: #151b20;
    font-size: 15px;
    opacity: 1;
}

.jconfirm {
    z-index: 9999999999 !important;
}

.modalWithOptionsBoxesButtonsRows .modal-body {
    padding: 15px;
}

/* .modalWithOptionsBoxesButtonsRows .modal-content{width:90%;max-width:534px;margin:0px auto;padding: 0 4%;} */
/* .modalWithOptionsBoxesButtonsRows .modal-header{display:flex;justify-content: space-between;align-items:center;padding-top:20px;border-bottom:1px solid #d9dadb;margin-bottom:10px;padding-bottom:20px;}
.modalWithOptionsBoxesButtonsRows .modal-header .title h5{font-weight:400;font-size:30px;color:#151b20;line-height:100%;margin:0;padding:0;}
.modalWithOptionsBoxesButtonsRows .modal-header .title span{color:#838383;font-size:16px;font-weight:400;}
.modalWithOptionsBoxesButtonsRows .modal-header .close{color:#006cff;font-size:20px;position:relative;top:auto;right:auto;left:auto;margin:0;} */
.modalWithOptionsBoxesButtonsRows .toggleRow {
    margin-bottom: 1.1vw;
}

.modalWithOptionsBoxesButtonsRows .toggleRow .title {
    color: var(--basic-txt-color);
    font-size: 18px;
    font-weight: 400;
}

.modalWithOptionsBoxesButtonsRows .toggleRow p {
    color: #676767;
    font-size: 15px;
    font-weight: 400;
    margin: 0;
    margin-top: 3px;
}

.modalWithOptionsBoxesButtonsRows .selectRow {
    width: 92%;
    max-width: 427px;
    margin: 0px auto;
    display: none;
    border: 1px solid #eeeeee;
    background: white;
    height: 55px;
    margin-bottom: 1.1vw;
    ;
}

.modalWithOptionsBoxesButtonsRows .selectRow button {
    border: 0 !important;
    height: 100% !important;
    background: none !important;
}

.modalWithOptionsBoxesButtonsRows .modal-footer {
    border: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    margin-top: 3vw;
    padding-bottom: 1vw;
}

.modalWithOptionsBoxesButtonsRows .modal-footer .blueBtn {
    font-size: 16px;
    font-weight: 500;
    border-radius: 0;
    min-width: 105px;
    text-align: center;
    display: block;
    height: 37px;
    margin-left: 0;
}

.modalWithOptionsBoxesButtonsRows .bootstrap-select {
    height: 100%;
}

.modalWithOptionsBoxesButtonsRows .bootstrap-select .bs-ok-default:after {
    color: #3cbe89;
}

.modalWithOptionsBoxesButtonsRows .bootstrap-select i,
.modalWithOptionsBoxesButtonsRows .bootstrap-select img {
    font-size: 20px;
    color: #cbcbcb;
    margin-left: 5px;
}

.modalWithOptionsBoxesButtonsRows .bootstrap-select i.fa-whatsapp {
    color: #25D366;
}

.modalWithOptionsBoxesButtonsRows .bootstrap-select i.fa-at {
    color: #dd4b39;
}

.modalWithOptionsBoxesButtonsRows .bootstrap-select i.fa-chrome {
    color: #1ab7ea;
}

.modalWithOptionsBoxesButtonsRows .bootstrap-select i.fa-home {
    color: var(--menu-bg-color);
}

.modalWithOptionsBoxesButtonsRows .notificationsTypes {
    border: 0;
    padding: 0;
    background: none;
    margin: 0;
}

.modalWithOptionsBoxesButtonsRows .notificationBlock {
    padding: 20px 0 25px 0;
    border-top: 1px solid var(--gray-border);
}

.modalWithOptionsBoxesButtonsRows .notificationWithShiftTimeSelectBlock {
    padding: 40px 0 45px 0;
    border-top: 1px solid var(--gray-border);
}

.modalWithOptionsBoxesButtonsRows .notificationWithShiftTimeSelectBlock .content {
    max-width: 360px;
}

.modalWithOptionsBoxesButtonsRows .notificationsTypes li {
    position: relative;
    flex: 1 1 0;
    border: 0 !important;
    flex-direction: column;
    margin: 0;
}

.modalWithOptionsBoxesButtonsRows .notificationsTypes li label {
    width: 100%;
    display: block;
}

.modalWithOptionsBoxesButtonsRows .notificationsTypes li label .text {
    text-align: center;
    font-size: 14px;
    color: #8c8e91;
    margin-top: 5px;
    width: 100%;
    display: block;
}

.modalWithOptionsBoxesButtonsRows .notificationsTypes li .iconHolder {
    width: 100%;
    border: 1px solid var(--gray-border);
    height: 83px;
    font-size: 33px;
    color: #ced3d8;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modalWithOptionsBoxesButtonsRows .notificationsTypes li.selected {
    z-index: 9;
}

.modalWithOptionsBoxesButtonsRows .notificationsTypes li.selected .iconHolder {
    border-color: var(--basic-green);
    color: var(--basic-green);
}

.modalWithOptionsBoxesButtonsRows .notificationsTypes li:not(:last-child) {
    margin-left: -1px;
}

.modalWithOptionsBoxesButtonsRows .notificationsTypes li.selected .iconHolder {
    background: #f3f3f3;
}

.modalWithOptionsBoxesButtonsRows .notificationsTypes li input {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    opacity: 0;
}

.whiteBlock .basicBtn {
    border: 1px solid #cdcdcd;
    background: white;
    color: #151b20;
    font-size: 15px;
    opacity: 1;
}

.basicBtn {
    border: 1px solid #cdcdcd;
    background: white;
    color: #151b20;
    font-size: 15px;
    opacity: 1;
}

.modalWithOptionsBoxesButtonsRows .notificationsTypes li.selected label .text {
    color: var(--basic-txt-color);
}


.modalWithOptionsBoxesButtonsRows .subSumFieldHolder,
.modalWithOptionsBoxesButtonsRows .sumFieldHolder {

    position: relative;
    height: 50%;
    width: 100%;
    display: flex;
    align-items: center;
    margin: 0;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    padding: 10px;
}

.modalWithOptionsBoxesButtonsRows .sumFieldHolder:after {
    display: block;
    height: 1px;
    width: 35%;
    background: var(--gray-border);
    content: '';
    position: absolute;
    bottom: 0;
}

.modalWithOptionsBoxesButtonsRows .sumFieldHolder .subSumValueField {
    color: #9d9d9d;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    display: block;
    width: 280px;
    /* margin-bottom: 13px; */
}

.modalWithOptionsBoxesButtonsRows .sumFieldHolder .subSumValueField,
.modalWithOptionsBoxesButtonsRows .sumFieldHolder .sumValueField {
    
    max-width: 100%;
    overflow: hidden;
    font-size: 36px;
    font-weight: 300;
    display: flex;
    align-items: center;
    justify-content: center;
}

#filesPage {}

#filesPage .pageTitle {
    color: var(--basic-blue);
    font-weight: 500;
    font-size: 17px;
    display: flex;
    align-items: Center;
    gap: 3px;
}

#filesPage .pageTitle i {
    display: block;
    margin-left: 8px;
}

#filesPage .image-gallery {
    direction: var(--second-direction);
}

#filesPage .image-gallery .thumb_cont {
    direction: var(--second-direction);
}

#filesPage .block {
    padding-bottom: 15px;
}

#filesPage .gl-block {
    width: 45%;
}

#filesPage .files-block {
    width: 52.8%;
}

#filesPage .clearfix {
    max-width: 100% !important;
    width: 100% !important;
}

#filesPage .lSSlideWrapper {
    max-width: 54% !important;
    width: 54% !important;
    overflow: hidden;
}

#filesPage .lSPager {
    max-width: 44% !important;
    width: 44% !important;
    overflow: hidden;
}

#filesPage .lSSlideOuter {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: flex-start;
}

#filesPage .lSSlideOuter .lSPager.lSGallery {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 0 !important;
}

#filesPage .lSSlideOuter .lSPager.lSGallery li {
    display: flex;
    align-items: center;
    width: 24% !important;
    height: 50px;
    overflow: hidden;
    margin-right: 1% !important;
    margin-bottom: 0.21vw;
}

#filesPage .lSSlideOuter .lSPager.lSGallery li.active,
#filesPage .lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 0;
    border: 2px solid #4d5b72;
}

#multipleFilesUploadModalDropzone .dz-default.dz-message {
    display: flex;
    justify-content: center;
    height: 95%;
}

.dropzoneElement {
    cursor:pointer;
}

.dropzoneElement .dz-message,
.dropzone .dz-message {
    margin: 10px 0 !important;
}

.uplodaFiledContainer div {

    max-height: 40vh;
    overflow:hidden;
}

.uplodaFiledContainer .dropzoneElement,
.uplodaFiledContainer .dropzone {
    border: 2px dashed #d4d4d4;
    border-radius: 5px;
    background: white;
    color: var(--basic-txt-color);
    margin-bottom: 15px;
    min-height: 50px;
    padding: 1px;
}

.uplodaFiledContainer .dropzoneElement .dz-message,
.uplodaFiledContainer .dropzone .dz-message {
    font-weight: 400;
}

.uplodaFiledContainer .dropzoneElement .dz-message button,
.uplodaFiledContainer .dropzone .dz-message button {
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
    margin: 0px auto;
}

.uplodaFiledContainer .dropzoneElement .dz-message img ,
.uplodaFiledContainer .dropzone .dz-message img {}

.uplodaFiledContainer .dropzoneElement .dz-message .note,
.uplodaFiledContainer .dropzone .dz-message .note {
    font-size: 0.8em;
    font-weight: 200;
    display: block;
    margin-top: 1.4rem;
}


.modalCenteredBtnsRow {
    display: flex;
    justify-content: center;
    gap: 1rem 15px;
}

.newFinanceEntryUploadBtn {
    border:0 !important;
}

.newFinanceEntryUploadBtn > div {
    min-width: 100%;
}

.newFinanceEntryUploadBtn > div > div.dropzone {
    padding: 20px;
}

#filesPage .block .title,
#filesPage .blockTitle {
    background: var(--basic-blue-dark);
    color: white;
    font-size: 16px;
    margin-bottom: 15px;
    min-height: 53px;
    padding: 5px 3.5%;
}

#filesPage .blockTitle {
    padding: 5px 15px;
    display: none;
}

#filesPage .block .title span,
#filesPage .blockTitle span {
    margin: 0;
    font-weight: 500;
}

#filesPage .block .title a[href] {
    font-weight: 400;
    color: white;
    text-decoration: underline;
}

#filesPage i.arrow {
    border: solid white;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 8px;
}

#filesPage i.arrow.next {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

#filesPage i.arrow.prev {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}


#filesPage .fileListContainer {
    width: 100%;
    max-height: 410px;
    overflow-y: auto;
}

#filesPage .filesList {
    width: 100%;
    min-height: 25px;
    max-height: 930px;
    overflow-y: auto;
}

#filesPage .filesList .emptyBlock {
    display: none;
    font-size: 15px;
}

#filesPage .filesList:empty .emptyBlock {
    display: none;
    font-size: 15px;
}

#filesPage .owl-stage {
    display: flex;
}

#filesPage .filesList>li {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 19px;
    border-bottom: 1px solid #dcddde;
}
#filesPage .filesList>li.editMode{
    box-shadow: 2px 1px 8px 1px #96919161;
    background:#2483f024;
}
#filesPage .filesList>li.editMode .settingsBtn{
    color:var(--basic-blue);
}
#filesPage .filesList li .Right {
    width: calc(100% - 155px);
    flex: 1;
    position: relative;
    gap: 15px;
}

#filesPage .filesList li .Right .fileType {
    /*min-width:87px;*/
    min-width: 120px;
    width: 120px;
    overflow: hidden;
    height: 83px;
    background: #f1f1f1;
    border-radius: 0;
    color: #151b20;
    font-size: 24px;
}

#filesPage.newFilesPage .pdfsList .filesList li .Right .fileType {
    width: 100%;
    height: 200px;
    overflow: hidden;
    background: #f1f1f1;
    border-radius: 0;
    color: #151b20;
    font-size: 24px;
}


#filesPage .filesList.pdfsList li .Right .fileType.iframe {
    overflow: visible;
    position:relative;
    width: 300px;
    height: 200px;
    background: #f1f1f1;
    margin-left: 4%;
    border-radius: 0;
    color: #151b20;
    font-size: 24px;
}

#filesPage .filesList li .Right .content {
    max-width: calc(100% - 1px);
    font-size: 16px;
    flex: 1;
    cursor: pointer;
}

#filesPage .filesList li .Right .content strong {
    color: #151b20;
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 500;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width:calc(100% - 50px);
    position: relative;
    display: inline-block;
}


#filesPage .filesList li .Right .content strong i {
    font-size: 11px;
    display: block;
    margin-left: 8px;
    cursor: pointer;
}

#filesPage .filesList li .Right .content .info {
    color: #909090;
    max-width: 100%;
    margin-top: 8px;
}

#filesPage .filesList li .Right .content .info span {
    margin-left: 8px;
}

#filesPage .filesList li .Right .content .info span:last-child {
    margin-left: 0;
}

#filesPage .filesList li .Right .content p {
    margin: 0;
    color: #909090;
    font-size: 14px;
    line-height: 120%;
}

#filesPage .filesList li .Right .customCheckBox {
    position: absolute;
    top:4px;
    right: 5px;
    z-index:99999;
}

label.customCheckBox span.checkbox {
    background: white;
}

#filesPage .filesList li .info span {
    color: #909090;
    font-weight: 400;
    font-size: 13px;
    display: inline;
    align-items: center;
}

#filesPage .filesList li .info span i {
    margin-left: 4px;
}

/* #filesPage .filesList li .downloadBtn{min-width:38px} */
#filesPage .filesList>li .regBtn {
    width: 32px;
}

#filesPage .filesList li .info .downloadBtn i {
    margin: 0;
    font-size: 17px;
    color: #3c7bf3;
    margin-right: 6px;
}

#filesPage .filesList li .info .downloadBtn:hover {
    text-decoration: none;
    border-color: #3c7bf3;
}

#filesPage .filesList li .buttons {
    min-width: 114px;
}

#filesPage .filesList li .settingsBtn {
    color: #b7b7b7;
    font-size: 15px;
    height: 30px;
    width: 30px;
    background: none;
    border: 0;
}
#filesPage .filesList > li .regBtn .visibleOnMobile {
    display: none;
}
#filesPage .pdfsList {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

#filesPage .filesList.pdfsList > li {
    min-width: calc(50% - 4px);
    width: calc(50% - 4px) !important;
    overflow: hidden;
    border-radius: 5px;
    border: 1px solid var(--gray-border);
    flex-direction: column;
    padding-top:0;
    position:relative;
}
#filesPage .filesList.pdfsList > li.editMode{
    box-shadow: 0px 0px 4px 3px #96919161;
    background:#2483f024;
}

#filesPage .filesList.pdfsList .buttons {
    /* display: none; */
    position:absolute;
    top:0;
    left:0;
    z-index:9999;
    justify-content: flex-end;
    background: rgba(0,0,0,0.5);
    width:100%;
}
#filesPage .filesList.pdfsList .buttons button,#filesPage .filesList.pdfsList .buttons a{
    background:none!important;border:0!important;
    height:auto!important;width:auto!important;min-height:auto!important;min-width:auto!important;
    opacity:0.6;
}
#filesPage .filesList.pdfsList .buttons button:hover,#filesPage .filesList.pdfsList .buttons a:hover{
    opacity:0.9;
}

#filesPage .filesList.pdfsList .buttons button i,#filesPage .filesList.pdfsList .buttons a i{
    font-size:16px!important;
    color:white;
}
/* #filesPage .filesList.pdfsList li .settingsBtn{display:none;} */
#filesPage .filesList.pdfsList li .Right {
    width: 100%;
    min-width: 100%;
    flex-direction: column;
    gap: unset;
}

#filesPage .filesList.pdfsList li .content {
    width: 100%;
    /* min-width: unset; */
    padding: 10px;
    max-width:unset!important;
    flex:1;
    min-width:100%;
}

#filesPage .filesList.pdfsList li .Right .fileType.iframe {
    width: 100%;
    min-width: 100%;
    overflow-y:hidden;
}
#filesPage .filesList.pdfsList li .Right .fileType.iframe .boxShadow{
    /* box-shadow: 0px -1px 8px 0px #96919157;
    -webkit-box-shadow: 0px -1px 8px 0px #96919157; */
    min-width:calc(100% - 40px);min-height:100%;
    width:calc(100% - 40px);height:100%;
}
#filesPage .filesList.pdfsList li .Right .fileType.iframe iframe{
    width: 100%!important;
    max-width: 100% !important;
    min-height: 100%!important;
    margin:0!important;
}
#filesPage .filesList.pdfsList li .Right .fileType.iframe iframe #viewerContainer{
    overflow:hidden!important;
}
#filesPage .filesList.pdfsList .renameFileBtn,
#filesPage .filesList.pdfsList .changeFileDescriptionBtn {
    font-size:14px;
}
#filesPage .filesList.pdfsList .buttons .settingsBtn{
    display:none;
}
#filesPage .filesList:not(.pdfsList) .pdfsButtons{display:none;}
#filesPage .filesList:not(.pdfsList) .boxShadow{display:none;}
#filesPage .filesList.pdfsList .pdfsButtons{
    padding-top:5px;
    position:absolute;
    left:5px;
}
#filesPage .filesList.pdfsList .content strong{max-width:calc(100% - 49px);}
#filesPage .filesList.pdfsList .openFullViewLink{position:absolute;top:0;right:40px;width:calc(100% - 40px);height:calc(100% - 15px);cursor: pointer;z-index:999;}
#filesPage .top {
    margin-bottom: 5px;
}

/* #filesPage .top button{height:35px;font-size:15px;border-radius:3px;font-weight:400;} */
#filesPage .top .basicBtn i {
    color: #3c7bf3;
    margin-left: 4px;
}

#filesPage .top .blueBtn i {
    color: white;
    margin-left: 4px;
}

#filesPage .top .buttons {}
#filesPage .top .buttons .regBtn i{margin:0;}
#filesPage .top .buttons .regBtn{gap:5px;}
#filesPage .top .buttons .togglePdfPreview{
    display:flex;
    align-items: center;
    gap:5px;
}
#filesPage .top .buttons .togglePdfPreview img{
    width:24px;
}

/* #filesPage .top .buttons button:not(:last-child){margin-left:8px;} */
#filesPage .fileTagsContainer {
    margin-top: 12px;
    width: 100%;
    overflow-x: hidden;
}

#filesPage .fileTags {
    min-width: 100%;
}

#filesPage .fileTags li a span {
    white-space: nowrap;
}

#filesPage .basicTags li {
    max-width: 150px;
    margin: 0;
}

#filesPage .attachmentDescription {
    color: #636363;
}

#filesPage .renameFileBtn,
#filesPage .changeFileDescriptionBtn {
    color: #b7b7b7;
    font-size: 12px;
    margin: 0;
}

#filesPage .renameFileBtn i,
#filesPage .changeFileDescriptionBtn i {
    margin: 0;
}

#filesPage .owl-nav {
    display: none;
}

.main .basicTags li[colortype="light"] a,
.main .basicTags li[colortype="light"] button,
li[colortype="light"] button > span {
    color: var(--basic-txt-color) !important;
}

.main .basicTags li.categoryItemContainer[colortype="light"] a,
.main .basicTags li.categoryItemContainer[colortype="light"] button,
li.categoryItemContainer[colortype="light"] button > span {
    border: solid 1px #eee;
}

.main .basicTags li[colortype="dark"] a,
.main .basicTags li[colortype="dark"] button,
li[colortype="dark"] button > span {
    color: white !important;
}

#filesPage .searchMode .uplodaFiledContainer,
#filesPage .searchMode .gallery,
#filesPage .searchMode .block .title {
    display: none;
}

#filesPage .searchLabelsBlock {
    display: none;
}

#filesPage .searchLabelsList {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    border: 3px dashed var(--gray-border);
    padding: 10px;
    border-radius: 10px;
}

#filesPage .searchMode .blockTitle {
    display: flex;
}

#filesPage .searchMode .searchLabelsBlock {
    display: block;
}

#filesPage .searchMode .serchFieldText {
    font-weight: 300;
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}

#filesPage .topSearchField .icon {
    background: none;
    min-width: 20px;
    border: 0;
}

#filesPage .topSearchField button {
    border: 0;
    border-right: 1px solid var(--gray-border);
    min-height: 100% !important;
    height: 100% !important;
}

#filesPage .gallery {
    height: 240px;
    box-shadow:0 4px 6px -6px #969191;
}

#filesPage .gallery .lSSlideOuter li {
    max-height: 238px;
}

.basicTags {
    display: flex;
    flex-wrap: wrap;
    margin-left: 8px;
}

.basicTags li {
    margin-left: 8px;
    margin-bottom: 8px;
}

.basicTags li a,.basicTags li button,
.basicTags .tag {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    position: relative;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    padding: 7px 14px;
    height: 27px;
    background: var(--basic-gray);
    border-radius: 15px;
}
.basicTags li button{padding:4px 14px;}
.basicTags li:first-child button {
    /*margin-right: 3px;*/
}
.basicTags li a.colorize,
.basicTags li button.colorize {
    color: white !important;
}

/* .basicTags li a */
.basicTags li a:hover {
    text-decoration: none;
}

.basicTags .tag a ,.basicTags .tag button {
    top: 6px;
    left: 5px;
}

.basicTags li span.removeTag {
    position: absolute;
    top: 1px;
    left: 7px;
    display: none;
    margin-left: 1px;
    margin-right: 5px;
    cursor: pointer;
    position: absolute;
    top: 1px;
    left: 7px;
}

.basicTags li a span.removeTag svg,.basicTags li button span.removeTag svg {
    fill: white;
    width: 7px;
}

.basicTags li a:hover span.removeTag, .basicTags li button:hover span.removeTag {
    display: block;
}

#fileEditModal {}

#fileEditModal .editName {
    color: #c8c8c8;
    font-size: 13px;
    height: auto;
    background: none;
}

#fileEditModal .buttons .regBtn.notext {
    width: 30px;
    min-width: 30px;
    height: 30px !important;
}

#fileEditModal .buttons .regBtn:not(:last-child) {
    margin-left: 8px;
}

#fileEditModal div.regBtn {
    opacity: 1 !important;
    cursor: pointer;
}

#fileEditModal .bcPicker-picker {
    width: 9px;
    height: 9px;
    border-radius: 50%;
}

#fileEditModal .bcPicker-palette {
    z-index: 99999;
}

#fileEditModal .basicTags li a {
    padding: 7px 18px;
}

#fileEditModal .addTag {}

#fileEditModal .addTag .input {
    color: var(--basic-txt-color);
    font-size: 15px;
    height: 35px;
    max-width: 100%;
    margin-left: 8px;
}

#fileEditModal .tagsTitle {
    color: #c3c3c3;
    font-size: 15px;
    font-weight: 500;
    border-bottom: 1px solid var(--gray-border);
    display: block;
    padding-bottom: 11px;
    margin-top: 15px;
    margin-bottom: 13px;
}

#fileEditModal .basicTags li a {
    background: var(--gray-border);
}

.btn[disabled] {
    background-color: #cccccc;
    color: #666666;
}

#timeEditModal {}



/* #timeEditModal .modal-header {
    border-top: 12px solid rgb(233, 233, 233);
}

#timeEditModal .modal-content {
    width: 419px;
    max-width: 90%;
    margin: 0px auto;
    padding: 0 4%;
}

#timeEditModal .modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    border-bottom: 0 solid #d9dadb;
    margin-bottom: 10px;
    padding-bottom: 20px;
} */

#addMultipleRouteDrivesModal .modal-header .title h5,
#timeEditModal .modal-header .title h5 {
    font-weight: 400;
    font-size: 15px;
    color: var(--menu-bg-color);
    line-height: 100%;
    margin: 0;
    padding: 0;
}

#addMultipleRouteDrivesModal .modal-header .title span,
#timeEditModal .modal-header .title span {
    color: #838383;
    font-size: 16px;
    font-weight: 400;
}

#addMultipleRouteDrivesModal .modal-header .title span,
#timeEditModal .modal-header .title span {
    color: #838383;
    font-size: 16px;
    font-weight: 400;
}

#addMultipleRouteDrivesModal .timeInputs,
#timeEditModal .timeInputs {
    width: auto;
    font-weight: 300;
    color: var(--menu-bg-color);
    font-size: 22px;
}

#addMultipleRouteDrivesModal .timeInputs .input,
#timeEditModal .timeInputs .input {
    width: 100%;
    text-align: center;
    direction: var(--second-direction);
    background: none;
    border: 0;
    border-bottom: 1px solid #cbcecf;
    padding-bottom: 3px;
    color: var(--menu-bg-color);
    font-size: 26px;
    font-weight: 300;
}

#addMultipleRouteDrivesModal .timeInputs .timeEnd,
#timeEditModal .timeInputs .timeEnd {
    width: 75px;
    max-width: 40%;
    margin-left: 25px;
}

#addMultipleRouteDrivesModal .timeInputs .timeStart,
#timeEditModal .timeInputs .timeStart {
    width: 75px;
    max-width: 40%;
    margin-right: 25px;
}

#timeEditModal .conclusion {}

#timeEditModal .conclusion span {
    display: block;
    color: var(--menu-bg-color);
    font-size: 15px;
    margin-bottom: 5px;
}

#timeEditModal .conclusion span.totalPay {
    position: relative;
    display: flex;
    align-items: center;
    margin-right: 10px;
    margin-bottom: 0;
}

#timeEditModal .conclusion span.totalPay:before {
    display: block;
    position: relative;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: -13px;
    margin-left: 2px;
    content: '';
    background: #46c0b3;
}

#addMultipleRouteDrivesModal .modal-content,
#timeEditModal .modal-content {
    border-radius: 0;
    padding-right: 2px;
    padding-left: 2px;
}

#addMultipleRouteDrivesModal .allRecords,
#timeEditModal .allRecords {
    margin-bottom: 40px;
    max-height: 240px;
    min-height:150px;
    padding: 15px 0;
    overflow-y: auto;
    border-top: 1px solid var(--gray-border);
    border-bottom: 1px solid var(--gray-border);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

#addMultipleRouteDrivesModal .allRecords:empty,
#timeEditModal .allRecords:empty{
    min-height:0;
}

#timeEditModal .allRecords .btns {}


#addMultipleRouteDrivesModal .allRecords .btns button:first-child,
#timeEditModal .allRecords .btns button:first-child {
    margin-left: 10px;
}


#addMultipleRouteDrivesModal .allRecords .btns button,
#timeEditModal .allRecords .btns button {
    background: none;
    color: #afaeae;
}


#addMultipleRouteDrivesModal .allRecords .btns .saveBtn,
#timeEditModal .allRecords .btns .saveBtn {
    display: none;
}


#addMultipleRouteDrivesModal .allRecords .timeRecord,
#timeEditModal .allRecords .timeRecord {
    width: 80%;
    margin-bottom: 15px;
}

.workerCommentsInSubRow {
    position: absolute;
    right: 60px;
}

.notesForEmployeeInSubRow {
    position: absolute;
    right: 60px;
}

#addMultipleRouteDrivesModal .scrollbarBlue::-webkit-scrollbar-track,
#timeEditModal .scrollbarBlue::-webkit-scrollbar-track {
    background: none !important;
}

/* #timeEditModal .scrollbarBlue::-webkit-scrollbar-track:hover {background-color:var(--basic-gray);} */

#addMultipleRouteDrivesModal .allRecords.addMode,
#timeEditModal .allRecords.addMode {
    margin-bottom: 15px;
}

#addMultipleRouteDrivesModal .addModeDate .inputFile,
#timeEditModal .addModeDate .inputFiled{
    margin-bottom: 0;
    max-width: 122px;
}
#timeEditModal .addModeDate .inputFiled input {
    text-align: center;
    width: 120px;
}

#addMultipleRouteDrivesModal .addModeDat,
#timeEditModal .addModeDate{
    margin-bottom:15px;
}

#addMultipleRouteDrivesModal .addNewTimerRecordRow,
#timeEditModal .addNewTimerRecordRow {
    margin-bottom: 15px;
}

#addMultipleRouteDrivesModal .allRecords .recordRow,
#timeEditModal .allRecords .recordRow {
    display:flex;justify-content: center;align-items: center;position:relative;
    margin-bottom: 30px;
}

#addMultipleRouteDrivesModal .allRecords .recordRow .deleteTimeRecords,
#timeEditModal .allRecords .recordRow .deleteTimeRecords {
     transition: all 0.5s ease-in-out;color:#bbbbbb;font-size:14px;opacity: 0.7;position:absolute;left: 10px;

}

#addMultipleRouteDrivesModal .allRecords .recordRow .deleteTimeRecords:hover,
#timeEditModal .allRecords .recordRow .deleteTimeRecords:hover {
    opacity:1;

}
#timeEditModal .timeRowStartAndEnd{margin-bottom:15px;}

#addMultipleRouteDrivesModal .allRecords .recordRow{display:flex;justify-content: center;align-items: center;position:relative;}
#addMultipleRouteDrivesModal .allRecords .recordRow .deleteTimeRecords{ transition: all 0.5s ease-in-out;color:#bbbbbb;font-size:14px;opacity: 0.7;position:absolute;left: 10px;}
#addMultipleRouteDrivesModal .allRecords .recordRow .deleteTimeRecords:hover{opacity:1;}
#addMultipleRouteDrivesModal .timeRowStartAndEnd{margin-bottom:15px;}


#ordersPage .selectPicker-style-1 {
    margin-left: 15px;
    width: 200px;
}

#ordersPage .selectPicker-style-1 .dropdown-toggle::before {
    display: none;
}

#ordersPage .selectPicker-style-1 .bootstrap-select button {
    background: none !important;
    border: 1px solid #e4e4e4 !important;
}


table.dataTable {
    margin-top: 0 !important;
}



/* buttons */
.cleanBtn {
    background: none;
    border: 0;
    outline: 0;
}

.cleanBtn[href] {
    text-decoration: none;
    ;
}

.regBtn {
    position: relative;
    display: flex;
    align-items: center;
    min-width: fit-content !important;
    text-transform: none;
    user-select: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.regBtn {
    padding: .375rem .75rem;
    border: 1px solid var(--gray-border);
    background: white;
    height: 38px !important;
    border-radius: 5px !important;
    font-size: 15px !important;
    color: #2b3b4a;
}

.regBtn[href] {
    text-decoration: none;
}

/* .toolBar .regBtn.removeBtn{padding: 0 20px;height:inherit!important;} */
a.regBtn{display:flex;align-items:center;}
a.regBtn i,.regBtn i{background:none!important;pointer-events: none;}
a.regBtn:hover,a.regBtn:hover i{text-decoration:none;color:#2b3b4a;background:none;}
.regBtn:hover,a.regBtn:hover{background:var(--basic-gray);}
.regBtn i{margin:0;margin-left:8px;font-size:13px;}
.regBtn.notext{display:flex;align-items:center;justify-content:center;}
.regBtn.notext i{margin-left:0!important;margin-right:0!important;}
.blueIcon svg{fill:var(--basic-blue);}
.blueIcon svg path{fill:var(--basic-blue);}
.blueIcon i{color:var(--basic-blue);}
.greenIcon i{color:var(--basic-green);}
.grayIcon i{color:var(--basic-txt-color)!important;}
.regBtn:disabled,.regBtn[disabled="disabled"],.regBtn[disabled="true"],.regBtn:disabled:hover,.regBtn[disabled="disabled"]:hover,.regBtn[disabled="true"]:hover{ background: #dddddd!important;opacity:1!important;color:#bfbfbf!important;}
.blueIcon:disabled i,.blueIcon[disabled="disabled"] i{color:#bfbfbf!important;}
.regBtn:disabled img,.regBtn[disabled="disabled"] img{opacity:0.3;}

.blueBtn{background:var(--basic-blue);color:white;font-weight:400;border:0;}
.greenBtn[href],.greenBtn{background:var(--basic-green);color:white;font-weight:400;border:0;}
.redBtn{background:var(--basic-red);color:white;font-weight:400;border:0;}
.redIconBtn{color:var(--basic-red);background:white;}
.bluedarkBtn{background:var(--basic-blue-dark);color:white;font-weight:400;border:0;}
.bluedarkBtn:hover{background:#0c213acf;}
.blueBtn:hover,a.blueBtn:hover,a.blueBtn:hover i{background:var(--basic-blue)!important;color:white!important;opacity:0.8;}
.greenBtn:hover,a.greenBtn:hover,a.greenBtn:hover i{background:var(--basic-green)!important;color:white!important;opacity:0.8;}
.redBtn:hover,a.redBtn:hover,a.redBtn:hover i{background:var(--basic-red)!important;color:white!important;opacity:0.8;}
.bottomMarginedChild30>div{margin-bottom:30px}
.sideSpanned5{span-right:5px;span-left:5px;}
.sideMargined3{margin-right:3px;margin-left:3px;}
.secondSideMargined3{margin-left:3px;}
.rightMargined3{margin-right:3px;}
.leftMargined3{margin-left:3px;}
.sideMargined5{margin-right:5px;margin-left:5px;}
.secondSideMargined0{margin-left:0px !important;}
.mainSideMargined5{margin-right:5px !important;}
.secondSideMargined5{margin-left:5px !important;}
.mainSideMargined10{margin-right:10px !important;}
.mainSideMargined15{margin-right:15px !important;}
.secondSideMargined10{margin-left:10px !important;}
.mainSideMargined20{margin-right:20px !important;}
.secondSideMargined20{margin-left:20px !important;}
.mainSideMargined30{margin-right:30px !important;}
.secondSideMargined30{margin-left:30px !important;}
.mainSideMargined40{margin-right:40px !important;}
.mainSideMargined45{margin-right:45px !important;}
.secondSideMargined45{margin-left:45px !important;}
.mainSideMargined50{margin-right:50px !important;}
.mainSideMargined200{margin-right:200px !important;}
.secondSideMargined50{margin-left:50px !important;}
.mainSideMargined80{margin-right:80px !important;}
.mainSideMargined100{margin-right:100px !important;}
.secondSideMargined100{margin-left:100px !important;}
.rightAlignedText{text-align: right !important;}
.topPaddinged2{margin-top:2px;}
.mainSideMargined8{margin-right:8px !important;}
.mainSideMargined4{margin-right:4px !important;}
.secondSideMargined8{margin-left:8px !important;}
.secondSideMargined4{margin-left:4px !important;}
.sideMargined8{margin-right:8px !important;margin-left:8px !important;}
.sideMargined10{margin-right:10px !important;margin-left:10px !important;}
.sideMargined20{margin-right:20px !important;margin-left:20px !important;}
.sideMargined50{margin-right:50px !important;margin-left:50px !important;}
.bottomMargined20{margin-bottom:20px;}
#noty_topCenter_layout_container{z-index: 99999999999999!important;}
.grayBtn{
    background:var(--basic-gray);
    border-radius: 5px !important;
}
.darkGrayBtn{background:var(--basic-gray-dark);}
.grayBtn:hover,a.grayBtn:hover,a.grayBtn:hover i{background:var(--basic-gray)!important;opacity:0.8;}
.grayBtn i{color:var(--basic-blue)!important;}
.regBtn.grayIcon i{color:#a4a4a4!important;}
.grayDarkBtn{background:var(--basic-gray-dark-dark);color:white;}
.grayDarkBtn:hover,a.graygrayDarkBtnBtn:hover,a.grayDarkBtn:hover i{background:var(--basic-gray-dark-dark)!important;color:white!important;opacity:0.8;}

a.regBtn i,
.regBtn i {
    background: none !important;
    pointer-events: none;
}

a.regBtn:hover,
a.regBtn:hover i {
    text-decoration: none;
    color: #2b3b4a;
    background: none;
}

.regBtn:hover,
a.regBtn:hover {
    background: var(--basic-gray);
}

.regBtn i {
    margin: 0;
    margin-left: 8px;
    font-size: 13px;
}

.regBtn.notext {
    display: flex;
    align-items: center;
    justify-content: center;
}

.regBtn.notext i {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.blueIcon svg {
    fill: var(--basic-blue);
}

.blueIcon svg path {
    fill: var(--basic-blue);
}

.blueIcon i {
    color: var(--basic-blue);
}

.greenIcon i {
    color: var(--basic-green);
}

.grayIcon i {
    color: var(--basic-txt-color) !important;
}

.regBtn:disabled,
.regBtn[disabled="disabled"],
.regBtn[disabled="true"],
.regBtn:disabled:hover,
.regBtn[disabled="disabled"]:hover,
.regBtn[disabled="true"]:hover {
    background: #dddddd !important;
    opacity: 1 !important;
    color: #bfbfbf !important;
}

.blueIcon:disabled i,
.blueIcon[disabled="disabled"] i {
    color: #bfbfbf !important;
}

.blueBtn,
.blueBtn:focus {
    background: var(--basic-blue);
    color: white;
    font-weight: 400;
    border: 0;
}

.greenBtn[href],
.greenBtn {
    background: var(--basic-green);
    color: white;
    font-weight: 400;
    border: 0;
}

.redBtn {
    background: var(--basic-red);
    color: white;
    font-weight: 400;
    border: 0;
}

.clickableBtn:active {
  box-shadow: 0 1px #666 !important;
  transform: translateY(2px) !important;
}

.orangeBtn {
    background: var(--basic-orange);
    color: white;
    font-weight: 400;
    border: 0;
}

.redIconBtn {
    color: var(--basic-red);
    background: white;
}

.bluedarkBtn {
    background: var(--basic-blue-dark);
    color: white;
    font-weight: 400;
    border: 0;
}

.bluedarkBtn:hover {
    background: #0c213acf;
}

.blueBtn:hover,
a.blueBtn:hover,
a.blueBtn:hover i {
    background: var(--basic-blue) !important;
    color: white !important;
    opacity: 0.8;
}

.greenBtn:hover,
a.greenBtn:hover,
a.greenBtn:hover i {
    background: var(--basic-green) !important;
    color: white !important;
    opacity: 0.8;
}

.redBtn:hover,
a.redBtn:hover,
a.redBtn:hover i {
    background: var(--basic-red) !important;
    color: white !important;
    opacity: 0.8;
}

.orangeBtn:hover {
    background: var(--basic-orange) !important;
    color: white !important;
    opacity: 0.8; 
}

a.orangeBtn:hover,
a.orangeBtn:hover i {
    background: var(--basic-orange) !important;
    color: white !important;
    opacity: 0.8;
}

.sideSpanned5 {
    span-right: 5px;
    span-left: 5px;
}

.topPaddinged5 {
    padding-top: 5px !important;
}

.topPaddinged10 {
    padding-top: 10px !important;
}

.topPaddinged25 {
    padding-top: 25px !important;
}

.sideMargined5 {
    margin-right: 5px !important;
    margin-left: 5px !important;
}

.mainSideMargined5 {
    margin-right: 5px;
}

.secondSideMargined5 {
    margin-left: 5px;
}

.mainSideMargined7 {
    margin-right: 7px;
}

.secondSideMargined7 {
    margin-left: 7px;
}

.topPaddinged2 {
    margin-top: 2px;
}

.margined10 {
    margin: 10px !important;
}

.sideMargined10 {
    margin-right: 10px !important;
    margin-left: 10px !important;
}

.sideMargined20 {
    margin-right: 20px !important;
    margin-left: 20px !important;
}

.sideMargined30 {
    margin-right: 30px !important;
    margin-left: 30px !important;
}

.sideMargined50 {
    margin-right: 50px !important;
    margin-left: 50px !important;
}

.sidePaddinged10 {
    padding: 0 10px;
}

.sidePaddinged20 {
    padding: 0 20px;
}

.bottomMargined20 {
    margin-bottom: 20px;
}

.bottomMargined5 {
    margin-bottom: 5px;
}

.bottomMargined10 {
    margin-bottom: 10px;
}

.bottomMargined12 {
    margin-bottom: 12px;
}
.bottomMargined15 {
    margin-bottom: 15px;
}

.bottomMargined25 {
    margin-bottom: 25px;
}

.bottomMargined50 {
    margin-bottom: 50px;
}

.topMarginedMinus5 {
    margin-top:-5px;
}

#noty_topCenter_layout_container {
    z-index: 99999999999999 !important;
}

.grayBtn {
    background: var(--basic-gray);
}

.grayBtn:hover,
a.grayBtn:hover,
a.grayBtn:hover i {
    background: var(--basic-gray) !important;
    opacity: 0.8;
}

.grayBtn i {
    color: var(--basic-blue) !important;
}

.grayDarkBtn {
    background: var(--basic-gray-dark-dark);
    color: white;
}

.grayDarkBtn:hover,
a.graygrayDarkBtnBtn:hover,
a.grayDarkBtn:hover i {
    background: var(--basic-gray-dark-dark) !important;
    color: white !important;
    opacity: 0.8;
}

.regBtn.tagBtn {
    height: 31px !important;
    border-radius: 15px !important;
}

.mobilePageActionsContainer .regBtn.tagBtn {
    height: 38px !important;
    min-width: 42px !important;
}


.blueBtn p {
    background: none !important;
}

.regBtn.fulleSize {
    width: 100%;
    height: 100% !important;
}

.badgeHolder .badgeCounter {
    display: flex;
    align-items: center;
    justify-content: center;
    text-overflow: ellipsis;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: #3d87bb;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 400;
    font-size: 11px;
}

.regBtn.counterBtn .count {
    display: flex;
    align-items: center;
    justify-content: center;
    text-overflow: ellipsis;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: var(--gray-border);
    position: absolute;
    top: -9.5px;
    right: -9.5px;
    font-weight: 400;
    font-size: 11px;
}

.regBtn.counterBtn:disabled .count,
.regBtn.counterBtn[disabled="disabled"] .count {
    opacity: 0;
}

.regBtn.removeBtn:hover {
    border-color: var(--basic-red);
}

.regBtn.removeBtn .count {
    background: var(--basic-red-dark);
    color: white;
}

.regBtn.removeBtn:hover {
    background: var(--basic-red);
    color: white;
}

.regBtn.blueCounter {
    border-color: var(--basic-blue);
}

.regBtn.blueCounter .count {
    background: var(--basic-blue);
    color: white;
}

.regBtn.blueCounter:hover {
    background: var(--basic-blue);
    color: white;
}

.regBtn.centered {
    display: flex;
    align-items: center;
    justify-content: center;
}

.regBtn.specialIconBtn {
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 1rem;
}

.regBtn.specialIconBtn>.icon {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-left: 1rem;
    height: 36px;
    padding: .375rem 1.05rem;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.regBtn.whiteBtn.specialIconBtn.gray>.icon {
    background: var(--basic-gray) !important;
    color: #2b3b4a !important;
}

.regBtn.specialIconBtn>.icon i {
    background: none !important;
}

.regBtn.blueBtn.specialIconBtn>.icon {
    background: var(--basic-blue-middle);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

.regBtn.blueBtn.specialIconBtn>.icon>i {
    margin: 0;
}

.regBtn.specialIconBtn>.icon i {
    margin: 0;
}

.regBtn.orangeBtn.specialIconBtn>.icon {
    background: var(--basic-orange-dark) !important;
    color: white !important;
}

.regBtn.greenBtn.specialIconBtn>.icon {
    background: var(--basic-green-dark) !important;
    color: white !important;
}

.regBtn.greenBtn.specialIconBtn>.icon i {
    color: white !important;
}

.regBtn.grayBtn.specialIconBtn>.icon {
    background: var(--basic-gray-dark) !important;
    color: white !important;
}

.regBtn.grayBtn.specialIconBtn>.icon i {
    color: white !important;
}

.regBtn.whiteBtn.specialIconBtn>.icon {
    background: var(--basic-blue) !important;
    color: white;
    border-left: 1px solid var(--gray-border);
    margin-right: -0.1px;
}

.regBtn.grayBtn.specialIconBtn>.icon {
    background: white;
    ;
    border-left: 1px solid var(--gray-border);
}

.modal{z-index:999999999}

/* .modal-body {overflow-y: hidden!important} */
/* .modal-open .modal{overflow:hidden;}
.modal ::-webkit-scrollbar {width: 9px;height:9px;}*
.modal ::-webkit-scrollbar-track{background:var(--basic-gray);border-radius: 0;width: 9px;}

/* .modal-body.scrollbarBlue{overflow-y: scroll;} */
/* Optional: show position indicator in red */
/* .modal ::-webkit-scrollbar-thumb {
    border:0;width: 2px;
} */

.bootstrap-select.fixed-direction-ltr .dropdown-menu .inner a span.text {

    direction: ltr;
}

.bootstrap-select.fixed-direction-rtl .dropdown-menu .inner a span.text {

    direction: rtl;
}

.inputFiled .bootstrap-select.fixed-direction-ltr .dropdown-toggle .filter-option-inner-inner {
    direction: ltr;
}

.inputFiled .bootstrap-select .dropdown-toggle .filter-option-inner {
    position:relative;
    width:100%;
    min-height:100%;
    display: flex;
    min-height: 100%;
    align-items: center;
    /* margin-right: 12px; */
}


#priceCreationModal .inputFiled .bootstrap-select .dropdown-toggle .filter-option-inner {
    margin-right: 12px;
}

#priceCreationModal .chosen-rtl .chosen-single {
    padding-right: 8px;
}

.taxDocumentsTableRow .inputFiled .bootstrap-select .dropdown-toggle .filter-option-inner {
    justify-content: center;
    margin-right: 0;
}

.inputFiled .bootstrap-select .dropdown-toggle .filter-option {
    min-width:auto;
    width:100%;
    height:100%;
    display:block;
    position:relative;
    
}
.inputFiled .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: calc(100% - 2px);
    position:absolute;
    padding-left: 5px;
}

.inputFiled .bootstrap-select {
    height: 100%;
}

.ltr .inputFiled .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    direction: ltr;
}


/* modals */
.basicModal {}

/* .basicModal .modal-content{min-height:290px;} */
.basicModal .modal-content {
    border: 0;
    border-radius: 0;
    border-top: 8px solid var(--basic-green);
    box-shadow: 0px 0px 30px black;
}

.basicModal .modal-header {
    border: 0;
}

.basicModal .modal-footer:empty {display:none;}
.basicModal .modal-footer {
    border: 0;
}

.basicModal .modal-footer button {
    margin-left: 8px;
}

.basicModal .modal-footer button:last-child {
    margin-left: 0;
}

.basicModal .modal-footer button {
    width: fit-content;
}

.basicModal .regBtn {
    border-radius: 0 !important;
}

.basicModal .modal-header .close {
    width: 15px;
    position: absolute;
    left: 13px;
    padding-top: 2px;
    top: 12px;
    right: auto;
    z-index: 9;
}

.basicModal .modal-header .close:before {
    width: 38px;
    height: 7px;
    content: ' ';
    background: #039283;
    position: absolute;
    top: -10px;
    left: -13px;
}

.basicModal .modal-header .close.noColor:before {
    background: unset;
}

.basicModal .inputFiled {
    width: 100%;
}

.basicModal .btmBtn {
    height: 44px;
}

.basicModal .bottomSpace {
    margin-bottom: 30px;
}

.basicModal .field {
    width: 205px;
}

#documentBuilderDefaultsSettingsModal.basicModal .field {
    width: 300px;
}

.modalBottomButton {
    /*margin-top:20px;*/
    width: 205px !important;
    justify-content: center;
}

.modalBottomSmallButton {
    /*margin-top:20px;*/
    width: 100px !important;
    justify-content: center;
}

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

.forceWidth50 {
    width: 50px !important;
}

.forceWidth65 {
    width: 65px !important;
}

.forceWidth70 {
    width: 70px !important;
}

.forceWidth100 {
    width: 100px !important;
}

.forceWidth120 {
    width: 120px !important;
}

.forceWidth130 {
    width: 130px !important;
}

.forceWidth150 {
    width: 150px !important;
}
.forceWidth180 {
    width: 180px !important;
}

.forceWidth200 {
    width: 200px !important;
}

.forceWidth220 {
    width: 220px !important;
}

.forceWidth225 {
    width: 225px !important;
}

.forceWidth230 {
    width: 230px !important;
}

.forceWidth240 {
    width: 240px !important;
}

.forceWidth245 {
    width: 245px !important;
}

.forceWidth250 {
    width: 250px !important;
}

.forceWidth280 {
    width: 280px !important;
}

.forceWidth300 {
    width: 300px !important;
}

.forceWidth305 {
    width: 305px !important;
}
.forceWidth310 {
    width: 310px !important;
}
.forceWidth320 {
    width: 320px !important;
}
.forceWidth330 {
    width: 330px !important;
}
.forceWidth340 {
    width: 340px !important;
}
.forceWidth350 {
    width: 350px !important;
}

.forceWidth380 {
    width: 380px !important;
}

.forceWidth400 {
    width: 400px !important;
}

.forceWidth450 {
    width: 450px !important;
}

.forceWidth500 {
    width: 500px !important;
}

.forceWidth30Percent {
    width: 30% !important;
}
.forceWidth50Percent {
    width: 50% !important;
}

.forceWidth100Percent {
    width: 100% !important;
}

.forceFirstChildWidth550 > *:first-child {
    width: 550px !important;
}

.forceFirstChildWidth600 > *:first-child {
    width: 600px !important;
}


.width70px {
    width: 70px;
}
.minHeight40 {
    min-height: 40px !important;
}
.minWidth65 {
    min-width: 65px !important;
}
.minWidth75 {
    min-width: 75px !important;
}
.minWidth100 {
    min-width: 100px !important;
}
.minWidth140 {
    min-width: 140px !important;
}
.minWidth150 {
    min-width: 150px !important;
}
.minWidth180 {
    min-width: 180px !important;
}
.minWidth205 {
    min-width: 205px !important;
}
.minWidth215 {
    min-width: 215px !important;
}
.minWidth220 {
    min-width: 220px !important;
}
.minWidth270 {
    min-width: 270px !important;
}
.minWidth280 {
    min-width: 280px !important;
}
.minWidth290 {
    min-width: 290px !important;
}
.minWidth300 {
    min-width: 300px !important;
}
.minWidth330 {
    min-width: 330px !important;
}
.minWidth400 {
    min-width: 400px !important;
}
.minWidth500 {
    min-width: 500px !important;
}
.minWidth700 {
    min-width: 700px !important;
}
.maxWidth205 {
    max-width: 205px !important;
}
.maxWidth180 {
    max-width: 180px !important;
}
.maxWidth220 {
    max-width: 220px !important;
}
.maxWidth300 {
    max-width: 300px !important;
}

.buttonAllChildMaxWidth95 button * {
    max-width: 95px !important;
}

.maxWidth310 {
    max-width: 310px !important;
}

.forceHeight200 {
    height: 200px !important;
}


.forceFieldsWidth160 .field {
    width: 160px !important;
}

.forceFieldsWidth180 .field {
    width: 180px !important;
}

.forceFieldsWidth305 .field {
    width: 305px !important;
}

.forceFieldsWidth310 .field {
    width: 310px !important;
}

.forceFieldsWidth330 .field {
    width: 330px !important;
}

.forceFieldsOnDesktopWidth330 .field {
    width: 330px !important;
}

.basicModal .field.table_columns_preferences_modal_block {
    width: 400px;
}

.basicModal .field>label,
.basicModal .filed>label {
    margin: 0;
    margin-bottom: 8px;
    color: #5f5f5f;
    font-size: 14px;
}
#mergeFinancesCmpModal .chosen-drop,
#multiEditFinanceEntryModal .chosen-drop {
    width: 200% !important;
}
.multiEditFieldContainer.field > label {
    margin-right: 25px;
}


#supplierAutoInvoicesBlockContainer .inputFiled{height:44px;border:1px solid #dadbdc;display:flex;margin-bottom:15px;border-radius: 5px;}
#supplierAutoInvoicesBlockContainer .inputFiled label{width:30%;min-width:30%!important;height:100%;border-left:1px solid #dadbdc;background: #f7f8f8;color:#979797;font-size:15px;font-weight:500;justify-content: center;align-items:center;display:flex;}
#supplierAutoInvoicesBlockContainer .inputFiled .input{border-radius: 5px;background:none;border:0;outline:0;text-indent:0;height:100%;width:100%;padding: 0 16px;}


#supplierAutoInvoicesBlockContainer .inputFiled:hover [data-id="supplierInvoicesCreationSelect"] {
    outline: 2px solid rgb(0, 150, 250, 0.5) !important;
}

#supplierAutoInvoicesBlockContainer .inputFiled:hover .orderInvoiceSum {
    outline: 2px solid rgb(0, 255, 0, 0.5) !important;
}

#supplierAutoInvoicesBlockContainer .inputFiled:hover .orderInvoiceDateTimeStamp {
    outline: 2px solid rgb(230, 230, 0, 0.7) !important;
}

#supplierAutoInvoicesBlockContainer .inputFiled:hover .orderInvoicePaymentDueDateTimeStamp {
    outline: 3px dotted rgb(255, 219, 0, 1) !important;
}

#supplierAutoInvoicesBlockContainer .orderInvoiceTypeSelect:hover {
    outline: 2px dotted rgba(0, 0, 255, 0.3) !important;
}

#supplierAutoInvoicesBlockContainer .inputFiled:hover .orderInvoiceNumber {
    outline: 2px solid rgba(0, 0, 255, 0.5) !important;
}


/*TODO:CHEN:filed vs field*/
/* .basicModal .filed > label{margin:0;margin-bottom:8px;color:#a2a2a2;font-size: 13px;}TODO:CHEN:filed vs field */
.basicModal .field .toggleSwitch{margin-left:8px;min-width:68px;}
.basicModal .inputFiled{height:44px;border:1px solid #dadbdc;display:flex;margin-bottom:15px;}
.basicModal .inputFiled label{width:30%;min-width:30%!important;height:100%;border-left:1px solid #dadbdc;background: #f7f8f8;color:#979797;font-size:15px;font-weight:500;justify-content: center;align-items:center;display:flex;}
.basicModal .inputFiled .input{border-radius: 5px;background:none;border:0;outline:0;text-indent:0;height:100%;width:100%;padding: 0 16px;}
.basicModal .smallScrollItemsTable .inputFiled .input{padding: 0 8px;}
.basicModal .smallScrollItemsTable .rowsContainer {max-height:60vh;overflow-y:scroll;}
.basicModal .inputFiled textarea{width:100%;min-height:100%;max-height:100%;padding: 4px 8px;}
.basicModal .inputFiled.flexChosen{min-height:44px;height:auto;max-height:134px;}
.basicModal .inputFiled.flexChosen .chosen-container{min-height:100%;height:auto;}
.basicModal.smallModal .modal-dialog{width:503px;max-width:90%;}
.basicModal.forceAbsolutePositionRight5Percent .modal-dialog{position: absolute;right: 5% !important;}
.basicModal.modalWidth400 .modal-dialog{width:400px;max-width:90%;}
.basicModal.modalWidth500 .modal-dialog{width:500px;max-width:90%;}
.basicModal.modalWidth600 .modal-dialog{width:600px;max-width:90%;}
.basicModal.modalWidth700 .modal-dialog{width:700px;max-width:90%;}
.basicModal.modalWidth725 .modal-dialog{width:725px;max-width:90%;}
.basicModal.modalWidth745 .modal-dialog{width:745px;max-width:90%;}
.basicModal.modalWidth780 .modal-dialog{width:780px;max-width:90%;}
.basicModal.modalWidth800 .modal-dialog{width:800px;max-width:90%;}
.basicModal.modalWidth850 .modal-dialog{width:850px;max-width:90%;}
.basicModal.modalWidth900 .modal-dialog{width:900px;max-width:90%;}
.basicModal.modalWidth920 .modal-dialog{width:920px;max-width:90%;}
.basicModal.modalWidth1000 .modal-dialog{width:1000px;max-width:90%;}
.basicModal.modalWidth1200 .modal-dialog{width:1200px;max-width:90%;}
.basicModal.modalWidth70per .modal-dialog{max-width:70%;width:70%;}
.basicModal.modalWidth90per .modal-dialog{max-width:90%;width:90%;}
.basicModal.mediumModal .modal-dialog{width:645px;max-width:90%;}
.basicModal.smallModal .modal-content{height:auto;min-height:288px;}
.basicModal.mediumModal .modal-content{height:auto;min-height:288px;}
.basicModal.smallModal .modal-title{color:var(--basic-txt-color);font-size: 36px;font-weight: 300;margin:0px auto;text-align:center;margin-top:19px;}
.basicModal.mediumModal .modal-title{color:var(--basic-txt-color);font-size: 36px;font-weight: 300;margin:0px auto;text-align:center;margin-top:19px;}
.basicModal .modal-title{color:var(--basic-txt-color);font-size: 35px;font-weight: 300;margin:0px auto;text-align:center;margin-top:19px;}
.basicModal.smallModal .modal-body{padding-right:7.1%;padding-left:7.1%;}
.basicModal.mediumModal .modal-body{padding-right:7.1%;padding-left:7.1%;}
.basicModal.maxHeight350 .modal-body{max-height:350px;overflow-y:auto;}
.basicModal .successMessage{display:none;height:100%;position:absolute;top:0;right:0;width:100%;background:white;margin-top:0;margin-bottom:0;color:var(--basic-txt-color);font-weight:300;font-size:24px;}
.basicModal .successMessage > .flexedCenter{width: fit-content;max-width: 90%;position:absolute;flex-direction: column;top:40% !important;}
/* .basicModal .successMessage > .center{max-width:90%;} */
.basicModal .successMessage img{margin-bottom:10px;max-width:115px;}
.basicModal .basicFields{max-height:70vh;/*overflow-y:auto;padding-left: 10px;*/}
.basicModal .modal-side{width:100px;right:-100px;top:-8px;position:Absolute;height:auto;padding-top:17px;background:white;border-top:8px solid var(--basic-green);}
.chosen-container .chosen-results {max-height:360px;}
/*.basicModal .chosen-container .chosen-results{max-height:180px;}*/
/* .basicModal .modal-body{overflow-y:auto;max-height:72vh;} */
/* .basicModal .modal-header{border-top:8px solid var(--basic-green);} */
.modal-backdrop {
    z-index: 999999992;
}

.basicModal .modal-header .inputFiled {
    margin: 0;
    height:28px;
}

.modal-dialog-aside .modal-side {left:-100px;right:inherit;}
.modal-side.disable_both_side_positions {left:inherit;right:inherit;}

#copyBuildingStructureModalBody .inputFiled {
    height: 90px !important;
    width: 430px !important;
}

#copyBuildingStructureModalBody .basicSelectPicker .field {
            width: 320px !important;
        font-weight:bold;
}
#copyBuildingStructureModalBody .basicSelectPicker .field > label {
    font-size:15px;
}

.modal-open .modal {
    z-index: 2147483640;
}

#notificationsModal {
    z-index: 10000000000 !important;
}
#notificationsModal .modal-dialog {
    width: 350px;
}
/*
#notificationsModal.modal .modal-content {
    z-index: 2147483647;
}
*/

.basicModal .modalBottomCheckboxContainer {
    margin-right: 10px;
}

.ktoggle-container label {
    margin: 0 5px;
}

.divider {
    border-top: 1px solid var(--gray-border);
    height: 10px;
    margin: 10px;
}

.customModal{}
.customModal .inputFiled:first-child{width:100%;}
.customModal .multiSelectedValues[select-id="supplierFinanceSendSelect"]{display:none;}
.chosen-results .addOpBtn,.chosen-results .cancelOpBtn,.chosen-results .regBtn {
    margin:5px 8px 5px 8px!important;height:35px!important
}
.chosen-results .greenBtn{background: var(--basic-green)!important;}
.chosen-results .cancelOpBtn{background: var(--basic-red)!important;}
.opBtns{justify-content: flex-end;flex-direction: row-reverse;}
.chosen-rtl .chosen-single abbr {
    right: auto;
    left: 26px;
    top: 50%;
    transform: translateY(-50%);
}

.chosen-rtl .chosen-single span {
    margin: 0;
    margin-right: 8px;
}

select.chosenSelect {

    background: white;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.chosenSelect a.chosen-single {
    padding: 0;
    padding-left: 20px;
}

.field .inputFiled .chosen-container a.chosen-single {
    padding: 0;
    padding-left: 20px;
    padding-right: 8px;
}

.chosen-rtl .chosen-single span {
    padding-right: 0;
    padding-left: 0;
}

.text_centered {
    text-align: center;
}

.text_main_sided {
    text-align: right;
}

.text_second_sided {
    text-align: left;
}

.text_underlined {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.sortingByThisField {
    text-decoration: underline;
    text-underline-offset: 3px;
}
.sortingByThisField .sortingArrow {
    text-decoration: none !important;
}

.dropdown-item.active,
.dropdown-item:active {
    color: var(--basic-txt-color) !important;
}

.aboveDateNumericBadge {
    font-size: 12px;
    color: black;
    margin-bottom: 20px;
    cursor: default;
    min-width: 20px;
}

.tabulator-cell .aboveDateNumericBadge {
    position: absolute;
    top: 0;
    /* left: 77%; */
}

.aboveDateNumericBadge.fontSize9 {
    font-size: 9px;
    top: 1px;
    right: 1px;
}

.homePageWidgetTableBtn {
    min-width: 40px !important;
}

/* select picker styles */
.basicSelectPicker {}

.basicSelectPicker button:not(.regBtn) {
    height: 100%;
    width: 100%;
    /*background:none;*/
    outline: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}

.basicSelectPicker .dropdown-item.active,
.basicSelectPicker .dropdown-item:active {
    background: var(--basic-gray) !important;
    color: var(--basic-txt-color) !important;
}

.basicSelectPicker.specialArrow .dropdown-toggle::after {
    border: solid #a2a2a2 !important;
    border-width: 0 1.5px 1.5px 0 !important;
    display: inline-block !important;
    padding: 2.5px !important;
    background: none !important;
    transform: rotate(45deg) !important;
    -webkit-transform: rotate(45deg) !important;
    margin-top: -4px !important;
    margin-right: 0.73vw !important;
    margin-left: 2px !important;
}

.basicSelectPicker .bootstrap-select .bs-ok-default:after {
    border-color: var(--basic-green) !important;
}

.topPanelDropdownButton.grayArrow .dropdown-toggle::after,
.basicSelectPicker.grayArrow .dropdown-toggle::after {
    border: solid #a2a2a2 !important;
    border-width: 0 2px 2px 0 !important;
    display: inline-block !important;
    padding: 2px !important;
    background: none !important;
    transform: rotate(45deg) !important;
    -webkit-transform: rotate(45deg) !important;
    margin-top: -4px !important;
    margin-right: 0.73vw !important;
}

.basicSelectPicker.blackArrow .dropdown-toggle::after {
    border: solid #000000b5 !important;
    border-width: 0 2px 2px 0 !important;
    display: inline-block !important;
    padding: 2px !important;
    background: none !important;
    transform: rotate(45deg) !important;
    -webkit-transform: rotate(45deg) !important;
    margin-top: -4px !important;
    margin-right: 0.73vw !important;
}

.basicSelectPicker button.btn:hover {
    background: none !important;
}

.graySelectPicker button {
    background: var(--basic-gray) !important;
    border-radius: 5px;
}

.graySelectPicker .dropdown-toggle::after {
    border: solid var(--menu-bg-color);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    background: none;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-top: -4px;
    margin-right: 0;
}

.selectPicker_btns,
.chosenSelect_btns {
    display: flex;
}

.selectPicker_btns .selectPickerBtns,
.chosenSelect_btns .selectPickerBtns {
    position: relative;
    width: 28px;
    min-width: 28px;
    height: 100%;
    display: block;
    border-left: 1px solid var(--gray-border);
}

.selectPicker_btns .selectPickerBtns a,
.chosenSelect_btns .selectPickerBtns a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    width: 100%;
    border-bottom: 1px solid var(--gray-border);
    height: 50%;
}

.selectPicker_btns .selectPickerBtns a:hover,
.selectPicker_btns .selectPickerBtns a:active,
.chosenSelect_btns .selectPickerBtns a:hover,
.chosenSelect_btns .selectPickerBtns a:active {
    background: var(--basic-gray);
}

.selectPicker_btns .selectPickerBtns a::after,
.chosenSelect_btns .selectPickerBtns a::after {
    content: '';
    border: solid #a2a2a2 !important;
    border-width: 0 2px 2px 0 !important;
    display: inline-block !important;
    padding: 2px !important;
    background: none !important;
    transform: rotate(45deg) !important;
    -webkit-transform: rotate(45deg) !important;
}

.selectPicker_btns .selectPickerBtns a:first-child,
.chosenSelect_btns .selectPickerBtns a:first-child {
    top: 0;
}

.selectPicker_btns .selectPickerBtns a:last-child,
.chosenSelect_btns .selectPickerBtns a:last-child {
    bottom: 0;
    border: 0;
}

.selectPicker_btns .selectPickerBtns a:first-child:after,
.chosenSelect_btns .selectPickerBtns a:first-child:after {
    transform: rotate(-135deg) !important;
    -webkit-transform: rotate(-135deg) !important;
    margin-top: 3px;
}

.selectPicker_btns .selectPickerBtns a:last-child:after,
.chosenSelect_btns .selectPickerBtns a:last-child:after {
    margin-bottom: 3px;
}

.selectPicker_btns .dropdown {
    width: calc(100% - 30px) !important;
}

.selectPicker_btns .dropdown button.dropdown-toggle {
    width: 100%;
}

.toolBar {
    position: fixed;
    z-index: 99999999;
    width: 100%;
    height: 60px;
    bottom: 0;
    right: 0;
    background: #36424d;
    border-top: 5px solid #4d5b68;
    color: white;
}

.toolBar .info {
    display: flex;
    height: 100%;
    font-weight: 400;
    font-size: 15px;
    margin-left: 1.25vw;
}

.toolBar .mergeBtns {
    height: calc(100% + 5px);
    margin: 0;
    margin-top: -5px;
}

.toolBar .mergeBtns:not(:first-child) {
    margin-left: 1px;
}

.toolBar .mergeBtns svg {
    fill: #b1ccff;
}

.toolBar .mergeBtns li {
    height: 100%;
    margin-left: 1px;
}

.toolBar .mergeBtns li:last-child {
    margin-left: 0;
}
.toolBar .mergeBtns li.placeholder {
    width:20px;
}

.toolBar .mergeBtns li button,
.toolBar .mobileButtonsContainerNav button,
.toolBar .switchToolBar {
    height: 100%;
    border-top: 5px solid #4d5c68;
    background: #2e3a42;
    color: #b1ccff;
    width: 55px;
    text-align: center;
}

.toolBar .mergeBtns li button.autoWidth {
    width: auto;
}

.toolBar .mergeBtns li:not(.placeholder) button:not(.disabled).highlightedButton,
.toolBar .mergeBtns li:not(.placeholder) button:not(.disabled):hover,
.toolBar .switchBtnContainer button:hover,
.toolBar .mobileButtonsContainerNav button:hover {
    border-color: var(--basic-green);
    background: #36434d !important;
}

.toolBar .mergeBtns li:not(.placeholder) button:not(.disabled).removeBtn {
    border: 0;
    border-top: 5px solid;
    border-top-color: var(--basic-red);
    padding: .75rem 1.4em;
    height: 100% !important;
}

.toolBar .mergeBtns li:not(.placeholder) button:not(.disabled).removeBtn:hover {
    border-top: solid 5px var(--basic-red);
    border-top-color: var(--basic-red);
}

.toolBar .mergeBtns li.placeholder button {
    cursor: default;
    max-width:100%;
}

.toolBar .mergeBtns li button.disabled,
.toolBar .mobileButtonsContainerNav.disabled button {
    background: #21292f;
}

.toolBar .mobileButtonsContainerNav.disabled:before {
    background: #c4c4c4;
    opacity: 0.5;
}

.toolBar .main {
    height: 100%;
    width: 95%;
    max-width: 1555px;
    margin: 0px auto;
    z-index: 2147483642 !important;
}

.toolBar .info span {
    margin: 0 4px;
}

.toolBar .mergeBtns li:first-child img {
    margin-right: -3px;
}

.toolBar .mergeBtns li a svg {
    fill: #b1ccff;
    width: 26px;
}

.jobsPropagationBottomMenu svg {
    fill: #000 !important;
}

.toolBar .actionBtns {
    margin: 0;
    height: 100%;
    margin-right: 2vw;
}

.toolBar .actionBtns li {}

.toolBar .actionBtns li button {
    outline: 0;
    background: none;
    font-size: 18px;
    color: #b1ccff;
    margin-left: 1.15vw;
}

.toolBar .actionBtns li button.blueBtn {
    background: var(--basic-blue);
    color: white;
}

.toolBar .actionBtns li button.greenBtn {
    background: var(--basic-green);
    color: white;
}

.toolBar .actionBtns li button:hover {
    color: white;
}

.toolBar .actionBtns li button img {
    max-width: 90%;
    margin: 0px auto;
    min-width: 19px;
    display: block;
    margin-bottom: -6px;
}

.toolBar .actionBtns li button:hover img {
    filter: brightness(0) invert(1);
}

.toolBar .buttons {}

.toolBar .buttons button {
    min-width: 6.66vw;
}

.toolBar .dropdown button.bottomRowDropdown,
.toolBar .buttons button.bottomRowDropdown {
    font-size: 16px !important;
    gap: 8px;
}

.toolBar button.regularGrayBtn,
.toolBar .dropdown button.grayBtn,
.toolBar .buttons button.grayBtn {
    margin-left: 10px;
    background: #5c687d !important;
    color: white;
    border-color: #707981;
}

.toolBar button.regularGrayBtn,
.toolBar .dropdown button.grayBtn.dropdown-toggle,
.toolBar .buttons button.grayBtn.dropdown-toggle {
    display: flex;
    align-items: Center;
    justify-content: space-between;
    border-radius: 3px !important;
}

.toolBar button.regularGrayBtn {
    padding: 10px;
}

.toolBar .dropdown button.grayBtn.dropdown-toggle::after,
.toolBar .buttons button.grayBtn.dropdown-toggle::after {
    border: solid white !important;
    border-width: 0 2px 2px 0 !important;
    display: inline-block !important;
    padding: 3px !important;
    background: none !important;
    transform: rotate(45deg) !important;
    -webkit-transform: rotate(45deg) !important;
    margin-top: -4px !important;
    border-radius: 1px;
}

.toolBar button.grayBtn i {
    color: rgb(255, 255, 255) !important;
}

.toolBar span.ktoggle-container {
    display: flex;
    align-items: center;
    margin: 0;
    margin-left: 25px;
}

.toolBar span.ktoggle-container label {
    color: white;
    margin: 0;
}

.toolBar span.ktoggle-container label p {
    color: #b1ccff;
    margin: 0;
    margin-left: 15px;
}

.toolBar .toggleSwitch .slider {
    border: 0;
}

.toolBar .field {}

.toolBar .field label {
    margin: 0;
    color: #aac3f1;
}

.toolBar .totalValues {
    color: white;
    font-size: 15px;
    font-weight: 400;
    padding: 0 15px;
}

.toolBar .totalValues>span {
    margin-left: 0.55vw;
    margin-right: 0.55vw;
    display: flex;
    align-items: center;
}

.toolBar .totalValues>span:last-child {
    margin-left: 0;
}



.toolBar .totalValues .dataHolder {
    padding: 7px 11px;
    border-radius: 3px;
    margin-right: 0.7vw;
    min-width: 4.5vw;
    display: flex;
    align-items: center;
    justify-content: center;
}


#ordersTableBottomToolBar,
#financesTableBottomToolBar {
    height: 80px;
}
#ordersTableBottomToolBar .totalValues .fieldNameHolder,
#financesTableBottomToolBar .totalValues .fieldNameHolder {

    min-width: 50px;
}
#ordersTableBottomToolBar .totalValues > span,
#financesTableBottomToolBar .totalValues > span {
    margin: 0;
}
#ordersTableBottomToolBar .totalValues .dataHolder,
#financesTableBottomToolBar .totalValues .dataHolder {
    min-width: 110px;
}


.toolBar .totalValues .totalAmount {
    background: var(--secondary);
}

.toolBar .totalValues .totalPrice {
    background: var(--basic-green);
}

.toolBar .totalValues .greenValue {
    background: #00BA9A;
}

.toolBar .totalValues .blueValue {
    background: #1265ff;
}

.toolBar .totalValues .redValue {
    background: #CD5C5C;
}

.toolBar .approveBtn {
    font-size: 15px;
    background: none;
    margin: 0 1.04vw;
    color: #b1ccff;
}

.toolBar .approveBtn:hover {
    color: white;
}

.toolBar .dropdown .dropdown-item,
.toolBar .buttons .dropdown-item {
    font-size: 15px;
    padding: 10px 2.5rem;
}

.toolBar .buttons .dropdown-menu {
    margin-bottom: 3px;
}

/* Noty window */
.noty_buttons {
    display: flex;
}

.noty_buttons .regBtn {
    margin-left: 8px !important;
    min-width: 50px;
    text-align: center;
    justify-content: center;
}


.toolBar .mobileButtonsContainer,
.toolBar .mobileValuesContainer {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
}

.toolBar .mobileButtonsContainer .mergeBtns li button {
    width: 100%;
    position: relative;
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.toolBar .mobileButtonsContainer .mergeBtns li button .count {
    width: 15px;
    height: 15px;
    font-size: 10px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    margin-top: -20px;
    margin-left: -10px;
}
.toolBar .regBtn.counterBtn .count{width:23px!important;height:23px!important;}

.loggedAsUser{position:relative;width:calc(100% - var(--logo-width));position:absolute;top:0;left:0;border-top:7px solid #f73e3e;}
.loggedAsGroup{border-top-color:#ff853f !important;}
header.minifiedLogo .loggedAsUser{width:calc(100% - 65px);}
.loggedAsUser .exitViewe{margin:0px auto;margin-top:-2px;position:relative;background:#f73e3e;width:auto;max-width:185px;    height: 32.2px;}
.loggedAsGroup .exitViewe{background:#ff853f !important;}
.loggedAsUser .exitViewe a{padding: 2.5px 0;white-space:nowrap;max-width:100%;color:white;text-decoration:none!important;font-size:15px;font-weight:400;height:32px;display:flex;justify-content:center;align-items:center;}
.loggedAsUser .exitViewe:after{position:absolute;top:-0.9px;left:-31px;width: 0;height: 0;border-bottom: 32px solid #f73e3e;border-left: 32px solid transparent;content:'';transform:rotate(-90deg);}
.loggedAsUser .exitViewe:before{position:absolute;top:-0.9px;right:-31px;width: 0;height: 0;border-bottom: 32px solid #f73e3e;border-left: 32px solid transparent;content:'';transform:rotate(-180deg);}
.loggedAsUser .exitViewe a i{margin:0;margin-left:6px;}
.loggedAsGroup .exitViewe:after{border-bottom-color:#ff853f !important;}
.loggedAsGroup .exitViewe:before{border-bottom-color:#ff853f !important;}
header .loggedAs{display:flex;margin-right:175px;font-size:15px;color:#979797;margin-left:15px;}
header .loggedAs .name{max-width:100px;display: inline-block;}
.loggedAsSelect button{border:1px solid #f73e3e;height:38px;padding:0 8px;font-weight:500;font-style: italic;}
.loggedAsSelect button:active,.loggedAsSelect button:hover,.loggedAsSelect button:focus{border:1px solid #f73e3e!important;box-shadow:none!important;outline:0!important;}
.loggedAsUser button:active,.loggedAsUser button:hover,.loggedAsUser button:focus{border:1px solid #f73e3e!important;box-shadow:none!important;outline:0!important;}
.loggedAsGroup button{border-color: #ff853f !important;}
.loggedAsGroup button:active,.loggedAsGroup button:hover,.loggedAsGroup button:focus{border-color: #ff853f!important;}
.loggedAsGroup button:active,.loggedAsGroup button:hover,.loggedAsGroup button:focus{border-color: #ff853f!important;}


.loggedAsForeman{border-top-color:var(--viewAsForeman) !important;}
.loggedAsForeman .exitViewe{background:var(--viewAsForeman) !important;}
.loggedAsForeman .exitViewe:after{border-bottom-color:var(--viewAsForeman) !important;}
.loggedAsForeman .exitViewe:before{border-bottom-color:var(--viewAsForeman) !important;}
.loggedAsForeman button{border-color: var(--viewAsForeman) !important;}
.loggedAsForeman button:active,.loggedAsForeman button:hover,.loggedAsForeman button:focus{border-color: var(--viewAsForeman)!important;}
.loggedAsForeman button:active,.loggedAsForeman button:hover,.loggedAsForeman button:focus{border-color: var(--viewAsForeman)!important;}


.toolBar .mergeBtns li img {
    max-width: 40px;
}

.toolBar .owl-stage,
.toolBar .owl-stage-outer,
.toolBar .owl-item {
    height: 100%;
}

.toolBar .mobileButtonsContainer ul.mergeBtns {
    width: calc(100% - 111px);
}

.toolBar .mobileButtonsContainerNav {
    min-height: calc(100% - 5px);
    width: 55px;
    margin-top: -5px;
}

.toolBar .switchBtnContainer {
    min-height: calc(100% - 5px);
    width: 55px;
    margin-top: -5px;
}

.toolBar .switchBtnContainer button {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
}

.toolBar .switchBtnContainer button svg {
    width: 25px;
    fill: #b1ccff;
}

.toolBar .switchBtnContainer button span {
    font-size: 10px;
    color: white;
}

.toolBar .mobileButtonsContainerNav button {
    width: 100%;
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.toolBar .mobileButtonsContainerNav button.owl-prev {
    display: none;
}

.toolBar .mobileButtonsContainer button {
    border-left: 1px solid !important;
    border-left-color: #36434d !important;
    border-top-color: var(--basic-blue);
}

.toolBar .mobileButtonsContainer ul.mergeBtns {
    min-width: 55px;
}

.toolBar .mobileValuesContainer ul {
    padding-right: 15px;
    margin: 0;
    gap: 10px;
    width: calc(100% - 55px);
    overflow-x: auto;
}

.toolBar .mobileValuesContainer ul li {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.toolBar .mobileToolBars {
    height: 100%;
    width: 100%;
}

.toolBar .switchToolBar {
    width: 100%;
}
.toolBar .singleBtn{margin-right:1px;}

.dropDownHolder {
    position: relative;
}

.dropDownHolder ul {
    position: absolute;
    left: 0;
    z-index: 9;
    padding: 22px 0 10px 0;
    top: 100%;
    margin-top: 5px;
    width: 220px;
    background: white;
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.1);
}

.dropDownHolder.otherOptionsSupplierInvoicesRecognitionBtnHolder ul {

    left: -110px;
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.5);
}

.dropDownHolder.otherOptionsSupplierInvoicesRecognitionBtnHolder ul:after {
    background: var(--basic-blue) !important;
    border-radius: 10px;
    margin: 3px 0;
}

#deleteSupplierInvoicesRecognitionBtn a i {

    margin-left:10px;
}
#deleteSupplierInvoicesRecognitionBtn a {

    background-color:#ffb6a6;
    border: 1px solid rgb(178, 178, 178);
}

#deleteSupplierInvoicesRecognitionBtn a:hover {
    
    background-color:#ff8e74;
}

#correctInvoiceDocumentNubmerValueBtn a i {

    margin-left:10px;
}
#correctInvoiceDocumentNubmerValueBtn a {

    background-color:#bfcdff50;
    border: 1px solid rgb(178, 178, 178);
}

#correctInvoiceDocumentNubmerValueBtn a:hover {
    
    background-color:#96adff50;
}


#updateSubSettingsForCurrentSupplier a i {

    margin-left:10px;
}
#updateSubSettingsForCurrentSupplier a {

    background-color:#bfcdff50;
    border: 1px solid rgb(178, 178, 178);
}

#updateSubSettingsForCurrentSupplier a:hover {
    
    background-color:#96adff50;
}

#updateSubSettingsForAllSupplier a i {

    margin-left:10px;
}
#updateSubSettingsForAllSupplier a {

    background-color:#ffcc6c50;
    border: 1px solid rgb(178, 178, 178);
}

#updateSubSettingsForAllSupplier a:hover {
    
    background-color:#ffce9650;
}

.dropDownHolder.dropup ul {
    bottom: 100%;
    top: auto;
}

.dropDownHolder ul li {
    width: 100%;
    margin-bottom: 5px !important;
}

.dropDownHolder ul li a {
    display: flex;
    width: 100%;
    min-height: 45px;
    align-items: center;
    padding: 0 8.5%;
}

.dropDownHolder ul li a i,.dropDownHolder ul li a svg {
    margin-left: 8px;
    color: #2b3b4a;
    opacity: 0.5;
}

.dropDownHolder ul li a:hover {
    text-decoration: none;
    background: var(--basic-gray);
    color: var(--basic-txt-color);
}
.dropDownHolder ul li .inputFiled{
    dsiplay:flex;
}
.dropDownHolder ul li .inputFiled.search button{min-width:15px;padding:0 3px;}
.dropDownHolder ul li .inputFiled input{flex:1;}
.dropDownHolder ul:after {
    content: ' ';
    width: 95%;
    right: 2.5%;
    margin: 0px auto;
    position: absolute;
    top: 5px;
    background: var(--basic-gray);
    height: 7px;
}

.loggedAsUser {
    position: relative;
    width: calc(100% - var(--logo-width));
    position: absolute;
    top: 0;
    left: 0;
    border-top: 7px solid #f73e3e;
}

header.minifiedLogo .loggedAsUser {
    width: calc(100% - 65px);
}

.loggedAsUser .exitViewe {
    margin: 0px auto;
    margin-top: -2px;
    position: relative;
    background: #f73e3e;
    width: auto;
    max-width: 185px;
    height: 32.2px;
}

.loggedAsUser .exitViewe a {
    padding: 2.5px 0;
    white-space: nowrap;
    max-width: 100%;
    color: white;
    text-decoration: none !important;
    font-size: 15px;
    font-weight: 400;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loggedAsUser .exitViewe:after {
    position: absolute;
    top: -0.9px;
    left: -31px;
    width: 0;
    height: 0;
    border-bottom: 32px solid #f73e3e;
    border-left: 32px solid transparent;
    content: '';
    transform: rotate(-90deg);
}

.loggedAsUser .exitViewe:before {
    position: absolute;
    top: -0.9px;
    right: -31px;
    width: 0;
    height: 0;
    border-bottom: 32px solid #f73e3e;
    border-left: 32px solid transparent;
    content: '';
    transform: rotate(-180deg);
}

.loggedAsUser .exitViewe a i {
    margin: 0;
    margin-left: 6px;
}

header .loggedAs {
    display: flex;
    margin-right: 175px;
    font-size: 15px;
    color: #979797;
    margin-left: 15px;
}

header .loggedAs .name {
    max-width: 100px;
    display: inline-block;
}

.loggedAsSelect button {
    border: 1px solid #f73e3e;
    height: 38px;
    padding: 0 8px;
    font-weight: 500;
    font-style: italic;
}

.loggedAsSelect button:active,
.loggedAsSelect button:hover,
.loggedAsSelect button:focus {
    border: 1px solid #f73e3e !important;
    box-shadow: none !important;
    outline: 0 !
}

.loggedAsUser button:active,
.loggedAsUser button:hover,
.loggedAsUser button:focus {
    border: 1px solid #f73e3e !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.whiteBlock .actionBtns {
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

/* .whiteBlock .actionBtns .createBtn{background:#3c7bf3;color:white;display:flex;align-items:center;}
.whiteBlock .actionBtns .createBtn i{color:#3cd4f4;}
.whiteBlock .actionBtns .createBtn.green{border: solid 2px #23a873;background:#3cbe89;color:white;display:flex;align-items:center;}
.whiteBlock .actionBtns .createBtn.green i{color:#d1f1e4;} */

.whiteBlock .actionBtns .regBtn:not(.noFilter) img{
    filter: invert(16%) sepia(33%) saturate(350%) hue-rotate(155deg) brightness(96%) contrast(92%);
    -webkit-filter: invert(16%) sepia(33%) saturate(350%) hue-rotate(155deg) brightness(96%) contrast(92%);
}
.regBtn.smallIconContainer{gap:5px;}
.regBtn.smallIconContainer img{max-width:20px;}
.mobilePageActions .regBtn.smallIconContainer img{width:17px;}


.whiteBlock .actionBtns .regBtn {
    margin: 0;
}

.whiteBlock .actionBtns .btn {
    margin-left: 20px;
}

.whiteBlock .actionBtns .basicBtn {
    border: 1px solid #cdcdcd;
    background: white;
    color: #151b20;
    font-size: 14px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.whiteBlock .actionBtns .basicBtn i {
    margin: 0;
}

.whiteBlock .actionBtns .basicBtn:hover {
    background: #a4a4a4;
}

.whiteBlock .actionBtns .rightSide,.whiteBlock .actionBtns .leftSide {
    gap: 0 10px;
}

.whiteBlock .search-container-top {
    border: 1px solid #e4e4e4;
    border-radius: 0;
    height: 38px;
    display: flex;
    align-items: center;
}

.whiteBlock .search-container-top input {
    width: 100%;
    height: 100%;
    padding-right: 15px;
    background: none;
}

.whiteBlock .search-container-top i {
    color: #a3a3a3;
    font-size: 13px;
    margin: 0;
    margin-left: 10px;
}

.whiteBlock .basicTitle {
    color: var(--basic-txt-color);
    font-size: 15px;
    font-weight: 400;
    display: flex;
    align-items: center;
    text-align: right;
}

.whiteBlock .basicTitle i {
    color: var(--basic-blue);
    margin-left: 8px;
    font-size: 13px;
    margin-bottom: 0;
}

/* Building Selection */
.buildingSelection li label {
    width: 100%;
    cursor: pointer;
    height: 100%;
}

.buildingSelection li .building {
    min-height: 214px;
    width: 100%;
    border-radius: 0;
    background: var(--basic-gray);
    position: relative;
    border: 1px solid var(--gray-border);
}

.tableHeader{background:white!important;border-color:#e1e1e1!important;overflow-y:hidden;}
.tableHeader .bootstrap-select .dropdown-menu li a{font-size:14px;display:flex;align-items:center;}
.tableHeader .bootstrap-select .dropdown-menu li a span.text{display:flex;align-items:center;}
.tableHeader .dropdown-menu .inner{padding:0 1px;}
.dropdown-menu ul li.dropdown-header span.text {font-size:17px !important;font-weight:bold;}
.actionBtns .leftSide button:last-child{margin-left:0;}
.tableHeader .inputFiled{max-width:100px;margin:0!important;background:none!important;border:0!important;width:auto!important;min-width:6.4vw;border-left:1px solid #e1e1e1!important;border-radius:0!important;}
.tableHeader .inputFiled.forceWidth300{width: 300px !important;}
.tableHeader{padding:0!important;}
.tableHeader .inputFiled .bootstrap-select .dropdown-toggle .filter-option-inner-inner{color:#949494;font-size:15px!important;}
.tableHeader .inputFiled .dropdown-toggle::after {border: solid #9d9d9d;border-width: 0 2px 2px 0;display: inline-block;padding:2px;background: none;transform: rotate(45deg);-webkit-transform: rotate(45deg);margin-top: -4px;margin-left: 0.73vw;}
.tableHeader .labelFiled{position:relative;}
.tableHeader .labelFiled:after{content:'';height:5px;width:100%;position:absolute;bottom:-1px;right:0;background:var(--basic-blue);}
.tableHeader .labelFiled label{margin:0;font-size:15px;color:var(--basic-txt-color);}
 /* Table filters generic */
.tableHeader{direction:var(--main-direction);background:var(--basic-gray);padding:10px 12px;border:1px solid #d8d8d8;/*height:40px;*/}
.tableHeader .inputFiled{max-width:8vw;background:white;border:1px solid #d8d8d8;border-radius: 0;height:100%!important;}
.tableHeader .inputFiled button.dropdown-toggle{background:none!important;color:var(--basic-txt-color);border-radius: 0;width:100%;height:100%;border:0!important;outline:0!important;box-shadow: none;}
.tableHeader .inputFiled{margin-left:0.7vw;}
.tableHeader .inputFiled:last-child{margin-left:0;}
.tableHeader .selectBox{display:flex;align-items:center;min-width:100px;padding-right:5px;}
.tableHeader .selectBox label{margin:0;margin-left:5px;display:block;font-size:15px;white-space: nowrap;}
.tableHeader .sortByBox{padding:0 0.5vw 0 1vw;max-width:none;}
.tableHeader .inputFiled #groupByBtns{width:100px!important;min-height:100%;position:relative;}
.tableHeader #groupByBtns .bootstrap-select{position:absolute;top:0;height:100%;width:100px!important;max-width:100px!important;}
.buildingSelection li label input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    width: 0;
    height: 0;
}

.buildingSelection li label input[type="radio"]:checked+.building {
    background: #ffffff;
    border-color: var(--basic-green);
}

.buildingSelection li label input[type="radio"] {
    opacity: 0;
    position: absolute;
    width: 0;
    height: 0;
}

.buildingSelection li .building .content {
    width: 100%;
    text-align: center;
}

.buildingSelection li .building .content img {
    max-width: 61px;
    width: 31.5%;
}

.buildingSelection li .building .content span {
    display: block;
    text-align: center;
    color: var(--menu-bg-color);
    font-size: 15px;
    font-weight: 400;
    margin: 0px auto;
    max-width: 90%;
    margin-top: 18px;
}

.buildingSelection li .building .selected {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    background: var(--basic-green);
    border-radius: 15px;
    height: 23px;
    align-items: center;
    padding: 0 12px 0 15px;
    color: white;
    font-size: 13px;
}

.buildingSelection li .building .selected i {
    margin-left: 5px;
    font-size: 10px;
}

.buildingSelection li label input[type="checkbox"]:checked+.building .selected {
    display: flex;
}

.buildingSelection li label input[type="checkbox"]:disabled+.building {
    cursor: no-drop;
    opacity: 0.6;
}

.buildingSelection li label input[type="radio"]:checked+.building .selected {
    display: flex;
}

.buildingSelection li label input[type="radio"]:disabled+.building {
    cursor: no-drop;
    opacity: 0.6;
}

.buildingSelection li label {
    margin: 0;
}


.tableHeader {
    background: white !important;
    border-color: #e1e1e1 !important;
    /*overflow-y: auto;*/
}

.tableHeader .bootstrap-select .dropdown-menu li a {
    font-size: 14px;
    display: flex;
    align-items: center;
}

.tableHeader .bootstrap-select .dropdown-menu li a span.text {
    display: flex;
    align-items: center;
}

.tableHeader .dropdown-menu .inner {
    padding: 0 1px;
}

.dropdown-menu ul li.dropdown-header span.text {
    font-size: 17px !important;
    font-weight: bold;
}

.actionBtns .leftSide button:last-child {
    margin-left: 0;
}

.tableHeader .inputFiled {
    max-width: 100px;
    margin: 0 !important;
    background: none !important;
    border: 0 !important;
    width: auto !important;
    min-width: 5.7vw;
    border-left: 1px solid #e1e1e1 !important;
    border-radius: 0 !important;
}

.tableHeader {
    padding: 0 !important;
}

.tableHeader .inputFiled .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    color: #949494;
    font-size: 15px !important;
}

.tableHeader .inputFiled .dropdown-toggle::after {
    border: solid #9d9d9d;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    background: none;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-top: -4px;
    margin-left: 0.73vw;
}

.tableHeader .labelFiled {
    position: relative;
}

.tableHeader .labelFiled:after {
    content: '';
    height: 5px;
    width: 100%;
    position: absolute;
    bottom: -1px;
    right: 0;
    background: var(--basic-blue);
}

.tableHeader .labelFiled label {
    margin: 0;
    font-size: 15px;
    color: var(--basic-txt-color);
}

/* Table filters generic */
.tableHeader {
    direction: var(--main-direction);
    background: var(--basic-gray);
    padding: 10px 12px;
    border: 1px solid #d8d8d8;
    /*height:40px;*/
}

.tableHeader .inputFiled {
    max-width: 8vw;
    background: white;
    border: 1px solid #d8d8d8;
    border-radius: 0;
    height: 100% !important;
}

.tableHeader .inputFiled button.dropdown-toggle {
    background: none !important;
    color: var(--basic-txt-color);
    border-radius: 0;
    width: 100%;
    height: 100%;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none;
}

.tableHeader .inputFiled {
    margin-left: 0.7vw;
}

.tableHeader .inputFiled:last-child {
    margin-left: 0;
}
.tableHeader .fieldContainer,.tableHeader .fieldContainer .basicSelectPicker{min-height:100%;display: flex;}

.tableHeader .fieldContainer .field{display:flex;align-items:center;min-height:100%;}
.tableHeader .hasSelectPickerBtns{padding-left:0!important;padding: 0 1.3vw 0 1vw;max-width: none;}
.tableHeader .hasSelectPickerBtns .selectPicker_btns{flex-direction: row-reverse;}
.tableHeader .hasSelectPickerBtns .selectPicker_btns .selectPickerBtns{border:0;border-right: 1px solid var(--gray-border);}


.tableHeader .hasSelectPickerBtns .bootstrap-select {
    min-width: calc(100% + 18px) !important;
    min-width: 95px !important;
}
.tableHeader .hasSelectPickerBtns .inputFiled{max-width:160px;}
.tableHeader .selectBox {
    display: flex;
    align-items: center;
    min-width: 100px;
    padding-right: 5px;
}

.tableHeader .selectBox label {
    margin: 0;
    margin-left: 5px;
    display: block;
    font-size: 15px;
    white-space: nowrap;
}

.tableHeader .filterBtn {border:0;border-left:1px solid var(--gray-border);}
.tableHeader .sortByBox {
    padding: 0 10px 0 10px;
    max-width: none;
    /*min-width: 200px;*/
}

.tableHeader .sortByBox {
    position: Relative;
}

.tableHeader .sortByBox label {
    font-size: 15px;
}

.tableHeader .sortByBox:after,.tableHeader .filterBtn:after {
    content: '';
    height: 3px;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    background: var(--basic-blue);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.tableHeader .sortByBox .bootstrap-select {
    width: calc(100% + 18px) !important;
    min-width:95px !important;
}

.tableHeader .inputFiled.seachInput {
    min-width: 197px;
    border: 0 !important;
    border-right: 1px solid #d8d8d8 !important;
    display: flex;
}

.tableHeader .inputFiled.seachInput.fitWidth {
    max-width: none !important;
    flex: 1 1 auto;
    border-right: 0 !important;
}

.tableHeader .inputFiled.seachInput input[type="search"] {
    display: block !important;
    font-size: 15px;
    width: 100%;
    height: 100%;
    background: none;
    border: 0;
    outline: 0;
    padding: 0 10px;
}

.tableHeader .inputFiled.seachInput i {
    margin-left: 10px;
    font-size: 11px;
    color: var(--basic-txt-color);
    margin-bottom: 0;
}

#mainListTable input.form-control {
    border: 1px solid var(--gray-border);
    background: white;
}

#mainListTable .inputFiled {}

#mainListTable .inputFiled .form-control {
    border: 1px solid var(--gray-border);
    background: white;
}

/* #mainListTable .form-control{position:absolute;width:auto;min-height:40px;top:3.5px;} */
.bs-searchbox .form-control {
    border: 1px solid var(--gray-border) !important;
    min-height: 30px;
    margin-bottom: 8px;
    padding: 0 10px;
}

/* .tableHeader .inputFiled button.regBtn{border:0;padding-left:1.22vw;padding-right:1.15vw;height: 100%!important;}
.tableHeader .inputFiled button.regBtn i{margin-left:0.73vw;}
.tableHeader .inputFiled button.regBtn:after{content:'';height:8px;width:100%;position:absolute;bottom:-2px;right:0;background:#ebebeb;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.tableHeader .inputFiled button.regBtn:hover:after{background:var(--basic-blue);} */
.tableHeader .inputFiled button.regBtn.tagBtn {
    height: 31px !important;
    margin-left: 10px;
    background: var(--basic-gray);
}

.tableHeader .inputFiled button.regBtn.tagBtn:last-child {
    margin-left: 0;
}

.tableHeader .inputFiled button.regBtn.tagBtn i {
    margin: 0;
    margin-right: 5px;
}

.tableHeader .inputFiled.btnsHolder {
    max-width: none !important;
    padding: .375rem .75rem;
    border-left: 0 !important;
}

.tableHeader::-webkit-scrollbar {
    height: 8px;
}

#mainListTable {
    max-width: 100% !important;
}

#mainListTable tbody tr.dtrg-start {
    background: var(--basic-gray);
    color: var(--basic-txt-color);
    border-left: 0;
    border-bottom: 1px solid #cbcdcf;
}

#mainListTable tbody tr.dtrg-start td {
    border-bottom: 4px solid #e2e2e2;
    position: relative;
    text-align: right !important;
}

#mainListTable tbody tr.dtrg-start td:after {
    content: '';
    height: 3px;
    width: 10%;
    background: #ef5454;
    position: absolute;
    right: 0.5px;
    bottom: -3.5px;
}

#mainListTable tbody tr.dtrg-start:nth-child(7n+7) td:after {
    background: var(--basic-red-dark);
}

#mainListTable tbody tr.dtrg-start:nth-child(2n+2) td:after {
    background: var(--basic-green-dark);
}

#mainListTable tbody tr.dtrg-start:nth-child(5n+5) td:after {
    background: var(--basic-orange);
}

#mainListTable tbody tr.dtrg-start:nth-child(3n+3) td:after {
    background: var(--basic-blue);
}

#mainListTable tbody tr.dtrg-start:nth-child(4n+4) td:after {
    background: var(--basic-green);
}

#mainListTable tbody tr.dtrg-start:nth-child(6n+6) td:after {
    background: var(--basic-green-dark);
}

#mainListTable.thinRows tbody tr td {
    padding: 5px !important;
    min-height: 0 !important;
    height: 20px;
    font-size: 13px !important;
}

#mainListTable.thinRows tbody tr td .nameCell {
    font-size: 14px !important;
}

#mainListTable.thinRows tbody tr {
    min-height: 35px;
    min-height: 0 !important;
    height: auto;
}

#mainListTable.thinRows .bx {
    margin: 0;
}

#mainListTable.thinRows .actionsColum button.btn-sm {
    padding: 0 !important;
}

.jobsPage #mainListTable.thinRows tbody tr td * {
    max-height: 25px;
}

#mainListTable_wrapper .doneByCell {
    padding-right: 18px !important;
}

.jobsPage #mainListTable.thinRows tbody tr td.doneByCell {
    padding-right: 15px !important;
}

.jobsPage #mainListTable.thinRows .customToolTip .inner {
    padding: 3px;
    background: white;
    min-height: 35px !important;
    max-height: 35px !important;
}

.jobsPage #mainListTable.thinRows .customToolTip .inner strong {
    font-size: 14px;
}

.jobsPage #mainListTable.thinRows .customToolTip {
    margin-right: -8px;
    min-height: 35px !important;
    max-height: 40px !important;
}

.jobsPage.sidePanelClosed .whiteBlock.tableBlock {
    margin-right: 38px;
}

/* .jobsPage.sidePanelOpened .whiteBlock.tableBlock{margin-right:15px;} */
/* .jobsPage #mainListTable.thinRows .customToolTip:before{bottom:-12px;} */
/* #mainListTable.thinRows tbody tr{max-height:35px;} */
.jobsPage #mainListTable .jobTaskPercent {
    width: 100%;
    height: 14px;
    position: relative;
}

.jobsPage #mainListTable .jobTaskPercent>span {
    border-bottom: 1px solid var(--basic-red);
    padding-bottom: 1px;
    font-size: 12px;
    padding-top: 2px;
    width: fit-content;
    position: absolute;
    left: -5px;
}





/* fix select horizontal scroll */
.dropdown-menu .inner {
    overflow-x: hidden;
}


.generalDropDownMenHolder {
    min-width: 25px;
    min-height: 25px;
    background: none;
    position: absolute;
}

.generalDropDownMenHolder .closeBtn {
    min-width: 25px;
    min-height: 25px;
    background: none;
    position: absolute;
    top: 0;
    left: 0;
}

.generalDropDownMenHolder ul {
    position: absolute;
    left: 0;
    z-index: 9;
    padding: 22px 0 10px 0;
    top: 100%;
    margin-top: 5px;
    width: 220px;
    background: white;
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.1);
}

.generalDropDownMenHolder.dropup ul {
    bottom: 100%;
    top: auto;
}

.generalDropDownMenHolder ul li {
    width: 100%;
    margin-bottom: 5px !important;
}

.generalDropDownMenHolder ul li a {
    display: flex;
    width: 100%;
    min-height: 45px;
    align-items: center;
    padding: 0 8.5%;
    color: var(--basic-txt-color);
}

.generalDropDownMenHolder ul li a i {
    margin-left: 8px;
    color: #2b3b4a;
    opacity: 0.5;
}

.generalDropDownMenHolder ul li a:hover {
    text-decoration: none;
    background: var(--basic-gray);
    color: var(--basic-txt-color);
}

.generalDropDownMenHolder ul:after {
    content: ' ';
    width: 95%;
    right: 2.5%;
    margin: 0px auto;
    position: absolute;
    top: 5px;
    background: var(--basic-gray);
    height: 7px;
}

.generalDropDownMenHolder .dropDownMen li:focus {
    border: 1px solid red;
}

#shiftBlockMenu {
        width: 270px;
        z-index: 99999991;
}

/* .generalDropDownMenHolder.workersMenu{margin-top:15px;} */
.bootstrap-select>.dropdown-toggle.bs-placeholder .filter-option-inner-inner{color:#949494!important;}
.bootstrap-select.grayText >.dropdown-toggle .filter-option-inner-inner{color:#949494!important;}
.bootstrap-select>.dropdown-toggle .filter-option-inner-inner{color:var(--basic-txt-color)!important;}
.bootstrap-select>.dropdown-toggle{background:none!important;}
.inputFiled .bootstrap-select>.dropdown-toggle{background:none!important;border:0;height:100%!important;width:100%;padding:0 20px;}
.inputFiled .bootstrap-select>.dropdown-toggle[data-id="groupBy"]{padding:0 5px;min-width:115px !important;}
.selectPicker_btns  .bootstrap-select>.dropdown-toggle{width:calc(100% - 28px);}
.selectPicker_btns.dropdown-toggle::after{margin:0!important;}
.emptyBlock{padding:30px;background:var(--body-bg-color);border-radius:0;text-align:center;}
.emptyBlock span{text-align:Center;color:var(--basic-txt-color);margin:0px auto;display:block;margin-bottom:0;}
.emptyBlock button{margin:0px auto;min-width:215px;}

.bootstrap-select>.dropdown-toggle .filter-option-inner-inner {
    color: var(--basic-txt-color) !important;
}

.bootstrap-select>.dropdown-toggle {
    background: none !important;
}

.inputFiled .bootstrap-select>.dropdown-toggle {
    background: none !important;
    border: 0;
    height: 100% !important;
    width: 100%;
    padding: 0 5px;
}

.selectPicker_btns .bootstrap-select>.dropdown-toggle {
    width: calc(100% - 28px);
}

.selectPicker_btns.dropdown-toggle::after {
    margin: 0 !important;
}

.emptyBlock {
    padding: 30px;
    background: var(--body-bg-color);
    border-radius: 0;
    text-align: center;
}

.emptyBlock span {
    text-align: Center;
    color: var(--basic-txt-color);
    margin: 0px auto;
    display: block;
    margin-bottom: 0;
}

.emptyBlock button {
    margin: 0px auto;
    min-width: 215px;
}


/* chosen box - list style */
.chosen-container .chosen-drop{/*border:0!important;*/right:0;margin-top:5px;}
.chosen-container .chosen-drop{
    -webkit-box-shadow: 4px 3px 20px -7px rgba(128,128,128,0.36);
    -moz-box-shadow: 4px 3px 20px -7px rgba(128,128,128,0.36);
    box-shadow: 4px 3px 20px -7px rgba(128,128,128,0.36)!important;
    /*min-width:340px;*/
    /*min-height:300px;*/
}

.customFieldPropertiesFieldCustomItemsListSelectContainer .chosen-container .chosen-drop{
    /*min-width:200px !important;*/
    /* display:none !important; */
}
.basicModal .modalCombineFieldsBlock .field.customFieldPropertiesFieldCustomItemsListSelectContainer .chosen-container {
    height: 100px !important;
}

.chosen-container .chosen-drop {
    -webkit-box-shadow: 4px 3px 20px -7px rgba(128, 128, 128, 0.36);
    -moz-box-shadow: 4px 3px 20px -7px rgba(128, 128, 128, 0.36);
    box-shadow: 4px 3px 20px -7px rgba(128, 128, 128, 0.36) !important;
}

.chosen-container .chosen-results li.disabled-result {
    color: var(--basic-txt-color) !important;
    padding: .5rem .75rem;
    background-color: #f7f7f7;
}

.chosen-container .chosen-results li {
    border-bottom: 1px solid #e0e0e0;
    padding: 13px 0.99vw 11px 0.99vw !important;
    font-family: 'Rubik', Arial;
    font-size: 13px;
}

.chosen-container .chosen-results li:hover,
.chosen-container .chosen-results li.highlighted,
.chosen-container .chosen-results li.result-selected {
    background: var(--basic-gray) !important;
    color: var(--basic-txt-color) !important;
}

.chosen-container-multi .chosen-choices {
    background: none;
    border: 0;
    outline: 0;
    height: 100%;
    display: flex;
    align-items: flex-start !important;
    flex-wrap: wrap;
    overflow-y: auto;
}

.chosen-container-active .chosen-choices {
    background: none;
    border: 0;
    outline: 0;
    box-shadow: none;
    height: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    overflow-y: auto;
}

.chosen-container {
    height: 100%;
    padding: 0;
}

.chosen-rtl .chosen-choices li.search-field input[type=text] {
    height: 100%;
    background: none !important;
    height: 35px;
    margin: 0;
}

.chosen-container-multi .chosen-choices li.search-field {
    height: 100%;
}

.chosen-choices {
    height: 100%;
}

.chosen-rtl .chosen-choices li.search-choice {
    height: 31px;
    margin: 1px 2px;
    display: flex;
    align-items: center;
}

.chosen-container {
    border-radius: 0;
    /* border: 1px solid #d8d8d8; */
    color: #151b20;
    font-size: 15px;
    font-weight: 400;
    background: none;
    height: 100%;
    width: 100% !important;
}

.chosen-single {
    padding: 0;
    height: 40px;
    background: none;
    border: 0;
    box-shadow: none !important;
    height: 100% !important;
    width: 100% !important;
    display: flex;
    align-items: center;
}

.chosen-single div b {
    display: none;
}

.redBottomBorder {border-bottom: 1px solid rgb(230, 121, 121) !important;}
.greenBottomBorder {border-bottom: 1px solid #29e486 !important;}
.blueBottomBorder {border-bottom: 1px solid #003adb !important;}
.darkGrayBottomBorder {border-bottom: 1px solid #999 !important;}
.grayBorder { border: 1px solid var(--gray-border); }

#productsTable{}
#productsTable tr{background-color:white;border-bottom: 1px solid var(--gray-border);border-collapse: collapse!important;min-height: 55px;    padding: 0;}
#productsTable tr:nth-child(2n+1){background: var(--basic-gray);}
.orderPageStyle .ProductsBlock .input[type="number"]{direction:var(--main-direction);}
.orderPageStyle .ProductsBlock .rowTotalVal{direction:var(--second-direction);}
.orderPageStyle .ProductsBlock .price{direction:var(--second-direction);}

.supplierInvoicesOptionsDropdownHolder > .openDropDown b,
.chosen-rtl.chosen-container-single .chosen-single div b {
    background-position: 6px 10px;
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
    background-position: -12px 10px;
}

.supplierInvoicesOptionsDropdownHolder > .openDropDown b,
.chosen-rtl.chosen-container-single .chosen-single div b {
    width: auto;
    height: auto;
    border: solid var(--menu-bg-color) !important;
    border-width: 0 1.5px 1.5px 0 !important;
    display: inline-block !important;
    padding: 2.5px !important;
    background: none !important;
    transform: rotate(45deg) !important;
    -webkit-transform: rotate(45deg) !important;
    margin-top: -6px !important;
    margin-right: 1.5vw !important;
}


.ceeateChequPage .chosen-rtl.chosen-container-single .chosen-single div b {
    margin-top: -4px !important;
    margin-right: 0.73vw !important;
}

.supplierInvoicesOptionsDropdownHolder > .openDropDown,
.chosen-rtl.chosen-container-single .chosen-single div {
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
}

.additionalSuppliersInvoicePaymentDetailsContainer .chosen-rtl.chosen-container-single .chosen-single div,
.supplierInvoicesOptionsDropdownHolder > .openDropDown {
    margin-left: 0px;
}

.selectize-control {
    width: 100%;
    height: 100%;
    background: none !important;
    border: 0 !important;
}

.selectize-control.single .selectize-input,
.selectize-dropdown.single {
    width: 100%;
    height: 100%;
    background: none !important;
    border: 0 !important;
}

.selectize-control.single .selectize-input {
    background: none;
    display: flex;
    align-items: center;
}

.selectize-control.rtl .selectize-input>input {
    height: 100%;
}

.selectize-dropdown-content {
    background: white;
}

.selectize-dropdown.single {
    box-shadow: none !important;
    width: calc(100% + 2px) !important;
    left: -1px !important;
    background: white !important;
    height: auto !important;
    padding: 15px 0 !important;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    border: 1px solid var(--gray-border) !important;
}

.selectize-dropdown .option {
    padding: 8px 5% !important;
    color: var(--basic-txt-color);
    font-size: 14px;
    background: none !important;
}

.selectize-dropdown .option:hover {
    background: #fcfafa !important;
}

.selectize-dropdown .option.selected {
    background: var(--basic-gray) !important;
}

.selectize-control.rtl .selectize-input>input {
    font-size: 14px;
}

.selectize-input>* {
    font-size: 14px;
}


#productsTable {}

#productsTable tr {
    background-color: white;
    border-bottom: 1px solid var(--gray-border);
    border-collapse: collapse !important;
    min-height: 55px;
    padding: 0;
}

#productsTable tr:nth-child(2n+1) {
    background: var(--basic-gray);
}

.orderPageStyle .ProductsBlock .input[type="number"] {
    direction: var(--main-direction);
}

.orderPageStyle .ProductsBlock .input.bestPrice {
    color: var(--basic-green) !important;
    border-bottom-color: var(--basic-green);
    border-bottom-width: 3px;
}

.orderPageStyle .ProductsBlock .input.notBestPrice {
    color: var(--basic-orange) !important;
    border-bottom-color: var(--basic-orange);
    border-bottom-width: 3px;
}

.orderPageStyle .ProductsBlock .productPriceValueInput {
    width: 70%;
}

.orderPageStyle .ProductsBlock .rowTotalVal {
    direction: var(--second-direction);
}

.orderPageStyle .ProductsBlock .price {
    direction: var(--second-direction);
}


footer {
    color: var(--basic-txt-color);
    font-size: 15px;
    padding-top: 10px;
    padding-bottom: 6px;
    margin: 30px 0 0 0;
    border-top: 1px solid var(--gray-border);
    width: 100%;
}

footer a {
    color: var(--basic-txt-color) !important;
    font-size: 15px;
}

footer .rights {}

footer .rights img.logo {
    display: block;
    max-width: 58px;
    margin-right: 10px;
}

footer .all {
    margin: 0 !important;
}

footer .footerLangSelect {
    margin-right: 15px;
}

footer .footerLangSelect {
    width: 123px;
    background: white !important;
    height: 34px;
    border: 0;
    position: relative;
}

footer .footerLangSelect .btn {
    align-items: center;
    width: 100%;
    height: 100% !important;
    display: flex;
    color: var(--menu-bg-color) !important;
    font-size: 13px;
    min-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    padding-right: 8px !important;
    background: white !important;
}

footer .footerLangSelect .btn:hover {
    background: white !important;
}

footer .footerLangSelect .dropdown {
    width: 100% !important;
    height: 100% !important;
}

footer .footerLangSelect img {
    max-width: 21px;
}

footer .bootstrap-select .dropdown-menu li a span.text img {
    margin-left: 4px;
}

footer .bootstrap-select>.dropdown-toggle.bs-placeholder .filter-option-inner-inner {
    display: flex;
    align-items: center;
    color: var(--menu-bg-color) !important;
    font-size: 13px;
}

footer .bootstrap-select>.dropdown-toggle.bs-placeholder .filter-option-inner-inner img {
    margin-left: 3px;
}

footer .footerLangSelect .dropdown-toggle::after {
    content: ' ';
    width: 34px;
    height: 34px;
    display: block;
    border: 0;
    /*border-right:1px solid var(--gray-border);*/
}

footer .footerLangSelect .dropdown-toggle::before {
    content: '';
    position: absolute;
    left: 10.5px;
    top: 10.5px;
    border: solid #b2b2b2 !important;
    padding: 2.5px !important;
    border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg) !important;
    -webkit-transform: rotate(45deg) !important;
}

footer .footerLangSelect .bootstrap-select .dropdown-menu li a {
    padding: 5px 10px;
}

footer .footerLangSelect .bootstrap-select .dropdown-menu li a span.text {
    margin: 0 !important;
}

footer .footerLangSelect .bootstrap-select .dropdown-menu li .check-mark {
    display: none !important;
}

footer .footerLangSelect .bootstrap-select .dropdown-menu {
    min-width: 100% !important;
}


.chosen-container-multi .chosen-choices li.search-choice {
    background: none !important;
    border: 1px solid var(--gray-border) !important;
    box-shadow: 0 0 0 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
}

.chosen-container .chosen-results li {
    position: relative;
    padding-right: 28px !important;
}

.chosen-container .chosen-results li:before {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    content: ' ';
    width: 15px;
    height: 15px;
    background: #eeeeee;
    border: 1px solid #cdcdcd;
    margin-left: 8px;
}

.chosen-container .chosen-results li.disabled-result:before {
    display: none;
}

.chosen-container .chosen-results li.result-selected:before {
    background: var(--basic-green);
    border-color: #0a887b;
}

.chosen-container .chosen-results li.no-results:before {
    display: none;
}

.chosen-container .chosen-results li.result-selected:after {
    content: url('../images/icons/check.png');
    position: absolute;
    display: block;
    right: 8.4px;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    z-index: 99;
    margin-top: -1.5px;
}

.chosen-container-multi .chosen-choices li.search-field {
    display: flex;
    align-items: center;
}

.chosen-container-multi .chosen-results button {
    width: auto;
}

.jobsPage .bootstrap-select .dropdown-menu li a {
    position: relative;
    display: flex;
    justify-content: flex-start;
    padding-right: 28px;
    min-height: 37px;
}

/* .jobsPage  > .dropdown-menu.show{} */
/* .bootstrap-select .dropdown-menu li a.selected {display:flex;}
.bootstrap-select .dropdown-menu li a.selected span.check-mark{display:block;color:var(--basic-green);position:absolute;right:10px;    top: 50%!important;
	transform: translateY(-50%);} */

/* new selectpicker checkbox */
/* .bootstrap-select .dropdown-menu li a span.check-mark{display:block!important;position: absolute;right: 8px;top: 50%;transform: translateY(-50%);} */
/* .bootstrap-select .dropdown-menu li span.check-mark{content:' ';width:15px;height:15px;position:relative;background:#eeeeee;border:1px solid #cdcdcd;}
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{right:8px!important;background: var(--basic-green);border-color: #0a887b;}
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark:before {content: url('../images/icons/check.png');position: absolute;display:block;left: 2.4px;top: -2.5px;z-index:99;} */
/* .bootstrap-select .bs-ok-default:after{display:none!important;} */
/* .bootstrap-select.show-tick .dropdown-menu li a span.text{margin-right:24px!important;display:flex;align-items:center;} */
.bootstrap-select.show-tick .dropdown-menu li a span.text .text-muted {
    padding: 0;
    margin-right: 5px;
}

.bootstrap-select .dropdown-menu li small {
    padding: 0 10px;
}

.bootstrap-select .dropdown-menu li.active small {
    color: #6c757d !important;
}

.bootstrap-select .dropdown-menu li a span.text {
    margin-right: 24px !important;
    display: flex;
    align-items: center;
}

.bootstrap-select .dropdown-menu li a span.text i {
    margin-left: 8px;
}

/* upload image modal */
.croppedImageModal {}

.croppedImageModal h4 {
    font-size: 18px;
    font-weight: 400;
}

.croppedImageModal h5 {
    font-size: 22px;
    font-weight: 500;
}

.croppedImageModal .modal-footer button {
    margin-left: 5px;
}

.croppedImageModal .modal-footer button:last-child {
    margin-left: 0;
}




/* Table Pager */
.basicPager {
    width: 100%;
    justify-content: flex-end;
}

.basicPager ul {
    margin: 0;
    margin: 0 20px;
}

.basicPager ul li {}

.basicPager ul li>a {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d8d8d8;
    border-right: 0;
    height: 38px;
    padding: 0 12px;
    color: var(--menu-bg-color);
    font-size: 13px;
    font-weight: 400;
}

.basicPager ul li a:hover {
    background: var(--basic-gray);
}

.basicPager ul li a.active {
    background: var(--basic-blue);
    color: white;
}

.basicPager ul li:first-child a {
    border-right: 1px solid #d8d8d8;
}

.basicPager ul li.btnRL a {
    color: #74797c;
    font-weight: 500;
    padding: 0 15px;
}

.basicPager ul li.selectPage>a {
    max-width: 100%;
    width: 60px;
    padding: 0 0 0 0 !important;
    display: flex;
    justify-content: center;
}

.basicPager ul li.selectPage a button {
    background: none !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0 !important;
    box-shadow: 0 !important;
    width: 100%;
    height: 100%;
    padding: 0;
    outline: 0 !important;
}

.basicPager ul li.selectPage a .filter-option-inner-inner {
    text-align: center;
    margin-top: 0;
    font-size: 13px;
}

.basicPager ul li.selectPage a button:after {
    display: none;
}

.basicPager ul li.selectPage .dropdown-menu {
    min-width: 50px !important;
}

.basicPager ul li.selectPage .dropdown-menu li a {
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 0;
    display: flex;
    justify-content: center !important;
}

.basicPager ul li.selectPage .dropdown-menu li:last-child a {
    border: 0;
}

.basicPager ul li.selectPage .dropdown-menu {
    margin-top: 7px;
}

.basicPager ul li.selectPage .dropdown {
    height: 100%;
    width: 100%;
}

.basicPager ul li.selectPage .dropdown .filter-option {
    height: 100%;
    overflow: visible;
}

.basicPager>span {
    color: #74797c;
    font-size: 13px;
    font-weight: 400;
    margin-right: 1vw;
}

.basicPager .showAllLink {
    font-size: 13px;
    color: #74797c !important;
}

.basicPager .chosen-container {
    border: 0 !important;
    padding: 0;
    text-align: center;
}

.basicPager .selectPage .chosen-container {
    padding: 0 !important;
}

/* Login Page */
body#loginPage {
    background: url('../images/login/bg.jpg') center top;
    background-size: cover;
    background-attachment: fixed;
}

#loginPage .pageMain {
    width: 80%;
    /*max-width: 460px;*/
    max-width: 475px;
    position: fixed;
    top: 2vw;
    transform: translateX(-50%);
    left: 50%;
}

#loginPage .top {
    width: 19.7vw;
    margin: 0px auto;
}

#loginPage .top h1 {
    font-size: 3.125vw;
    color: white;
    font-weight: 500;
}

#loginPage .top img {
    width: 8.4vw;
    max-width: 196px;
}

#loginPage .mainText {
    /*width: 92%;*/
    width: 100%;
    text-align: center;
    color: white;
    font-size: 0.82vw;
    margin: 0px auto;
    margin-top: 0.3vw;
    top: 4vw;
}

#loginPage .bottomText {
    position: fixed;
    right: 24.02vw;
    bottom: 28vh;
    width: 27.57vw;
}

#loginPage .bottomText p {
    color: #626262;
    font-size: 0.96vw;
    font-weight: 400;
    margin: 0;
    padding: 0;
    margin-left: 2.8vw;
}

#loginPage .bottomText a.join {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    background: rgb(62, 142, 247);
    color: white;
    width: 8.66vw;
    border-radius: 5px;
    height: 40px;
    padding: 0 18px;
    font-size: 0.982vw;
    font-weight: 500;
}

#loginPage .loginBlock {
    display: flex;
    width: 100%;
    height: 25vw;
    min-height: 300px;
    background: var(--basic-gray);
    border-radius: 5px;
    padding: 10px;
    margin-top: 3.8vw;
}

#loginPage .loginBlock .inner {
    background: white;
    width: 100%;
    min-height: 100%;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    padding: 0 8.5%;
}

#loginPage .loginBlock .top {
    border-bottom: 1px solid #e2e2e2;
    margin-top: 1.4vw;
    padding-bottom: 0.7vw;
}

#loginPage .loginBlock .top h1 {
    color: #4d5b72;
    font-size: 1.847vw;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

#loginPage .loginBlock .top a.forget {
    color: #767676;
    border-bottom: 1px solid #767676;
    text-decoration: none !important;
}

#loginPage .loginBlock .facebookBtn {
    width: 49%;
    background: #106cce;
}

#loginPage .loginBlock .gplusBtn {
    width: 49%;
    background: #f34a38;
    font-size: 0.72vw;
}

#loginPage .loginBlock .signInWithAppleBtn span {
    color: black;
}

#loginPage .loginBlock .signInWithAppleBtn {
    width: 49%;
    background: #ffffff;
    color: black;
    font-size: 0.72vw;
}

#loginPage .loginBlock .loginBtns {
    padding: 1.6vw 0;
    font-size: 0.72vw;
}

#loginPage .loginBlock .loginBtns a {
    color: white;
    display: flex;
    align-items: center;
    font-weight: 500;
    height: 2.46vw;
    text-decoration: none;
    padding: 0 1.8% 0 0;
}

#loginPage .loginBlock .loginBtns a span {
    display: flex;
    align-items: center;
    width: 24px;
    min-width: 24px;
    height: 24px;
    font-size: 12px;
    justify-content: center;
    border: 1px solid white;
    border-radius: 50%;
    margin-left: 7px;
}

#loginPage .loginBlock .loginBtns a:hover {
    opacity: 0.8;
}

#loginPage .loginBlock .terms {
    color: #4d5b72;
    font-size: 13px;
    margin-bottom: 15px;
    display: block;
}

#loginPage .loginBlock .terms a {
    color: #4d5b72;
    text-decoration: underline;
    margin: 0 3px;
}

#forgotPasswordModal .inputFiled {
    max-width: 250px;
}

#forgotPasswordModal .cancelBtn {
    margin-left: 8px;
}

#loginPage .loginBlock .inputFiled {
    width: 100%;
    position: relative;
    border: 1px solid #d9d9d9;
    height: 2.48vw;
    margin-bottom: 1.2vw;
}

#loginPage .loginBlock .inputFiled input {
    width: 100%;
    height: 100%;
    display: block;
    border: 0 !important;
    outline: 0 !important;
    background: none;
    padding: 0 8px;
    color: #4d5b72;
    font-size: 15px;
}

#loginPage .loginBlock .bottom {
    margin-bottom: 1.4vw;
}

#loginPage .loginBlock .bottom button.login {
    width: 132px;
    height: 36px;
    background: var(--basic-blue);
    color: white;
    font-weight: 500;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#loginPage .loginBlock .bottom .rememberCheckbox {
    display: flex;
    align-items: center;
}

#loginPage .loginBlock .bottom .rememberCheckbox input[type="checkbox"] {
    position: Absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

#loginPage .loginBlock .bottom .rememberCheckbox span {
    width: 15px;
    height: 15px;
    border: 1px solid #cdcdcd;
    background: #eeeeee;
    position: relative;
    margin: 0px auto;
    margin-left: 7px;
    cursor: pointer;
    display: block;
}

#loginPage .loginBlock .bottom .rememberCheckbox input[type="checkbox"]:checked+span:after {
    content: url(../images/icons/check.png);
    position: absolute;
    left: 2.4px;
    top: -3.5px;
}

#loginPage .loginBlock .bottom .rememberCheckbox input[type="checkbox"]:checked+span:before {
    content: '';
    position: absolute;
    top: -1px;
    right: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background: var(--basic-green);
    border-color: #0a887b;
}

#loginPage .pageMain>.bottom {
    margin-top: 0.5vw;
    width: 100%;
}

@media (min-width: 540px)  {
    #loginPage .pageMain>.bottom {
        padding-left: 20px;
    }
}

#loginPage .bottom p {
    /* width: 14vw; */
    margin: auto 0;
    padding-right: 15px;
    color: #8f8f8f;
    font-weight: 500;
    font-size: 0.78vw;
}

#loginPage .bottom .joinBtn {
    width: 7.3vw;
    text-decoration: none;
    height: 2.083vw;
    max-width: 141px;
    max-height: 40px;
    color: var(--basic-blue);
    border: 0.15vw solid var(--basic-blue);
    font-size: 0.83vw;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
}

#loginPage .bottom .joinBtn:hover {
    background: var(--basic-blue);
    color: white;
}

#loginPage .togglePasswordIcon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    color: var(--dark-gray);
    opacity: 0.6;
    cursor: pointer;
}

#loginPage .togglePasswordIcon:hover {
    opacity: 0.95;
}

#loginPage .loginBlock.forgot {
    height: 22vw;
}

#loginPage .loginBlock.forgot .form {
    margin-top: 1.3vw;
}

#loginPage .loginBlock.forgot .bottom {
    margin-top: 2.6vw;
}

.tableHeader .bootstrap-select .dropdown-menu li a {
    padding: 8px 5px;
    text-align: right;
    min-height: 33px;
}

/* .bootstrap-select.show-tick .dropdown-menu li a span.text{margin-right: 28px!important;} */
/* .bootstrap-select .dropdown-menu .selected span.check-mark{right:8px!important;background: var(--basic-green);border-color: #0a887b;} */
/* .bootstrap-select .dropdown-menu .selected span.check-mark:before {content: url('../images/icons/check.png');position: absolute;display:block;left: 2.4px;top: -2.5px;z-index:99;} */
.tableHeader .dropdown-menu .regBtn {
    padding: .375rem .75rem !important;
    margin-left: .375rem;
    border: 1px solid var(--gray-border) !important;
    background: white;
    height: 38px !important;
    border-radius: 0px !important;
    font-size: 15px !important;
    color: #2b3b4a !important;
}

.tableHeader .dropdown-menu .regBtn:last-child {
    margin-left: 0;
}

#projectsPage {}

#projectsPage .top {}

#projectsPage .top .dropdown-menu .title {
    display: none;
}

#projectsPage .styledDropMenu .dropdown-menu a.dropdown-item {
    direction: var(--main-direction);
    text-align: right;
}

#projectsPage .top .dropdown .title {
    text-decoration: none !important;
}

#projectsPage .top .dropdown .title:after,
#projectsPage .top .dropdown .title:after {
    border: solid #797979 !important;
    border-width: 0 2px 2px 0 !important;
    display: inline-block !important;
    padding: 3px !important;
    background: none !important;
    transform: rotate(45deg) !important;
    -webkit-transform: rotate(45deg) !important;
    margin-top: -4px !important;
    margin-right: 0.73vw !important;
}

#projectsPage footer {
    margin-top: 0;
}
#projectsPage .filteProjectsDropDown{position:relative}
#projectsPage .filteProjectsDropDown .dropdown-menu{
    top:0;

}
#projectsPage #mobileAllProjectsWorkersBtn{
    margin-top:5px;
}

#projectsPage #mobileAllProjectsWorkersBtn .regBtn{
    height:auto!important;
    min-height:unset!important;
    border:0;
    background:none!important;
    color: #8f8f8f!important;
    font-size:14px!important;
}
#projectsPage #mobileAllProjectsWorkersBtn .regBtn i{
    color:var(--basic-green)!important;
}
#projectsPage .filteProjectsDropDown a.dropdown-item .counter{position:relative;top:unset;left:unset;right:unset;}
#no-more-tables {
    margin-bottom: 20px;
    min-width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto;
    min-height: 450px;
}

#no-more-tables .ltr {
    direction: ltr;
    unicode-bidi: plaintext;
}

#mainListTable tbody tr td.apartmentCell {
    unicode-bidi: plaintext;
}

.inputFiled .form-control {
    height: 100% !important;
    width: 100%;
    border: 0;
    color: var(--basic-txt-color);
    background: none;
    border-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    padding: 0 0.8vw;
}

.taxDocumentsTableRow .inputFiled .form-control {
    padding-left: 0;
}

.inputFiled .form-control.dropdown {
    padding: 0;
    position: relative;
    display:block;
}

.inputFiled .form-control.dropdown button.dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px;
    height: 100% !important;
    position: absolute;
    width: 100%;
}

.inputFiled .form-control.dropdown button.dropdown-toggle:after {
    position: absolute;
    left: 6px;
    content: '';
    display: inline-block !important;
    padding: 2.5px !important;
    background: none !important;
    transform: rotate(45deg) !important;
    -webkit-transform: rotate(45deg) !important;
    width: auto;
    height: auto;
    border: solid var(--menu-bg-color) !important;
    border-width: 0 1.5px 1.5px 0 !important;
}

.inputFiled .form-control.dropdown button.dropdown-toggle .filter-option {
    position: absolute;
    max-width: calc(100% - 23px);
}

.forceInnerDropdownWidth100percent .dropdown {

    width: 100% !important;
}

#attachmentsPage {}

#attachmentsPage div.DTE_Body div.DTE_Body_Content div.DTE_Field {
    padding-top: 0;
    padding-bottom: 0;
}

#attachmentsPage div.DTE div.editor_upload div.drop {
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

#attachmentsPage div.DTE div.editor_upload div.cell {
    width: 100%;
    vertical-align: middle;
}

#attachmentsPage div.DTE div.editor_upload div.row {
    height: 44px;
}

#attachmentsPage div.DTE div.editor_upload {
    padding-top: 0;
}

.DTE_Field label {
    margin: 0;
    margin-bottom: 8px;
    color: #a2a2a2;
    font-size: 13px;
}

.DTE_Field .inputFiled {
    min-height: 40px;
}

#openAccessToBuildingsModal .toggleSwitch {
    margin-right: 10px;
}

#openAccessToBuildingsModal .toggle {
    margin-bottom: 20px;
}

#mainListTable .attachedFiles {
    font-size: 12px;
    color: #a2a2a2;
    text-decoration: none;
}


.whiteBlock .top .topSearch {
    width: auto;
    height: 41px;
    border-radius: 0;
    display: flex;
    border: 1px solid var(--gray-border);
    position: relative;
    margin-left: 9px;
    margin-right: 9px;
}

.whiteBlock .top .topSearch button {
    background: none;
    outline: 0;
    border: 0;
    margin-left: 8px;
}

.whiteBlock .top .topSearch button i {
    color: #bbbbbb;
}

.whiteBlock .top .topSearch button {
    background: none;
    outline: 0;
    border: 0;
    margin-left: 8px;
}

.whiteBlock .top .topSearch input {
    border-radius: 0;
    width: 100%;
    font-size: 15px;
    color: #4d5b72;
    padding-left: 12px;
    padding-right: 12px;
}



.modal-footer .toggleSwitch {
    margin-right: 20px !important;
    margin-bottom: 0 !important;
}


/* Chosen option description*/
.chosen-container .chosen-results li {
    display: flex !important;
    justify-content: space-between;
    align-items: flex-end;
}

.chosen-container .chosen-results li span.description {
    font-size: 11px;
    color: #b4b3b3;
}

.chosen-container .chosen-results li.group-result:before {
    display: none !important;
}

.chosen-container .chosen-results li.group-result {
    border-bottom: 2px solid var(--basic-txt-color);
}


#mainListTable_wrapper .textOverflowEllipsis {
    max-width: 100%;
    overflow: hidden !important;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#mainListTable_wrapper tr th {
    text-align: center;
    padding: 15px 15px !important;
}

#mainListTable_wrapper tr th span.thInner {
    position: relative;
    display: flex;
    margin: 0px auto;
    justify-content: center;
    font-family: 'Rubik', Arial !important;
}

#mainListTable_wrapper tr th span.thInner>span:before,
#mainListTable_wrapper tr th span.thInner>span:after {
    position: relative !important;
    margin: 0 !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none;
}

#mainListTable_wrapper tr th span.thInner>span:before {
    content: "\2191";
    position: relative !important;
    opacity: 0.3;
}

#mainListTable_wrapper tr th span.thInner>span {
    display: flex;
    margin-left: 5px;
}

#mainListTable tbody tr td {
    text-align: center !important;
}

#mainListTable_wrapper th span.thInner>span:after {
    content: "\2193";
    position: relative !important;
    opacity: 0.3;
}

#mainListTable_wrapper tr th.sorting_desc span.thInner>span:after {
    opacity: 1 !important;
}

#mainListTable_wrapper tr th.sorting_asc span.thInner>span:before {
    opacity: 1 !important;
}

#mainListTable_wrapper tr th:after,
table.dataTable tr th:before {
    display: none !important;
}

#mainListTable_wrapper .notesCell {
    max-width: 150px;
}

.orderPageStyle .itemsSideList .bootstrap-select .dropdown-menu li a span.text {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

/* #mainListTable_wrapper tr th{display:none!important;} */
.ltrText {
    direction: ltr !important;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
    overflow: visible !important;
}

.orderPageStyle .itemsSideList .dropdown-menu {
    max-width: 95%;
    left: auto !important;
    right: -5px !important;
}

#mainListTable .checkBoxCol {
    width: 24px !important;
}


/* tooltip */
.tooltip {
    z-index: 9999999999;
}

.tooltip-inner {
    background: #3c7bf3;
    color: white;
    border-radius: 0;
    padding: 8px;
    font-size: 14px;
    box-shadow: 1px 1px 3.65px 1.35px rgba(0, 0, 0, 0.24);
    max-width: 147px;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #3c7bf3;
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
    border-left-color: #3c7bf3;
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    border-top-color: #3c7bf3;
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
    border-right-color: #3c7bf3;
}

.tooltip.show {
    opacity: 1;
}

/* .tooltip  .arrow:before{border-color:#3c7bf3;} */

@-webkit-keyframes animateFlashingRow {
    from {
        background-color: #ffc107;
    }

    to {
        background-color: inherit;
    }
}

.animateFlashingRow {
    -webkit-animation-fill-mode: forwards;
    -webkit-animation: animateFlashingRow 1.2s 1;
    /* Safari 4+ */
    -moz-animation: animateFlashingRow 1.2s 1;
    /* Fx 5+ */
    -o-animation: animateFlashingRow 1.2s 1;
    /* Opera 12+ */
    animation: animateFlashingRow 1.2s 1;
    /* IE 10+ */
}

/**/
.transparentTextholder {
    opacity: 0;
    font-size: 11px;
    top: 0;
}


  /* fixes */
.ceeateChequPage{}
.ceeateChequPage .interactive-details-table-form-container .chosen-container-multi .chosen-choices{direction:rtl!important;}
.ceeateChequPage .chosen-drop{direction:rtl!important;}
.ceeateChequPage .interactive-details-table-form-container .datailsHolder *{direction:rtl!important;}
.ceeateChequPage .chosen-drop *{direction:rtl!important;}
.chosen-rtl{direction:rtl;}
.ceeateChequPage  .interactive-details-table-form-container .chosen-container-multi .chosen-choices{border:0!important;background:none!important;}
.ceeateChequPage  .bottomSpace{margin-bottom:15px;}
/*.ceeateChequPage  .topSpace{margin-top:25px;}*/
.ceeateChequPage  .ktoggle-container{display:flex;align-items:center;}
.ceeateChequPage  .ktoggle-container p{margin:0;}
.ceeateChequPage  .ktoggle-container > label{margin:0;margin-left:8px;}

.ceeateChequPage .interactive-details-table-form-container .chosen-container-multi .chosen-choices {
    direction: rtl !important;
}

.ceeateChequPage .chosen-drop {
    direction: rtl !important;
}

.ceeateChequPage .interactive-details-table-form-container .datailsHolder * {
    direction: rtl !important;
}

.ceeateChequPage .chosen-drop * {
    direction: rtl !important;
}

#sendToFinanceModalBody {
    display: flex;
    justify-content: center;
    align-items: stretch;
    height: 98%;
}

#mergeFinancesCmpModal .chosen-drop .opBtns,
#multiEditFinanceEntryModal .chosen-drop .opBtns,
#sendToFinanceModalBody .chosen-drop .opBtns,
#generalFieldsSelectorModal .chosen-drop .opBtns,
.multiCheques .chosen-drop .opBtns,
.ceeateChequPage .chosen-drop .opBtns {
    justify-content: center;
}

#mergeFinancesCmpModal .chosen-drop .opBtns button,
#multiEditFinanceEntryModal .chosen-drop .opBtns button,
#sendToFinanceModalBody .chosen-drop .opBtns button,
#generalFieldsSelectorModal .chosen-drop .opBtns button,
.multiCheques .chosen-drop .opBtns button,
.ceeateChequPage .chosen-drop .opBtns button {
    width: 70%;
    justify-content: center;
}

#mergeFinancesCmpModal .details-table-row .chosen-drop .opBtns button,
#multiEditFinanceEntryModal .details-table-row .chosen-drop .opBtns button,
#sendToFinanceModalBody .details-table-row .chosen-drop .opBtns button,
#generalFieldsSelectorModal .details-table-row .chosen-drop .opBtns button,
.multiCheques .details-table-row .chosen-drop .opBtns button,
.ceeateChequPage .details-table-row .chosen-drop .opBtns button {
    width: 20%;
}

#mergeFinancesCmpModal .details-table-row .chosenActionButtonsContainer,
#multiEditFinanceEntryModal .details-table-row .chosenActionButtonsContainer,
#sendToFinanceModalBody .details-table-row .chosenActionButtonsContainer,
#generalFieldsSelectorModal .details-table-row .chosenActionButtonsContainer,
.multiCheques .details-table-row .chosenActionButtonsContainer,
.ceeateChequPage .details-table-row .chosenActionButtonsContainer {
    flex-direction: row;
}

.chosen-container.chosen-with-drop .chosen-drop{
    box-shadow: rgb(149 157 165 / 50%) 0px 8px 25px !important;
    border: solid 1px #aaa !important;
    border-radius: 2px;
}

.numericInput {
    direction: ltr !important;
}

.additionalPaymentRow .chosen-container.chosen-with-drop .chosen-drop {
    min-width: 300px !important;
}

.chosen-rtl {
    direction: rtl;
}

.ceeateChequPage .field {
    width: 100%;
}

.ceeateChequPage .interactive-details-table-form-container .chosen-container-multi .chosen-choices {
    border: 0 !important;
    background: none !important;
}

.ceeateChequPage .bottomSpace {
    margin-bottom: 29px;
}

.ceeateChequPage .topSpace {
    /*margin-top: 25px;*/
}

.ceeateChequPage .ktoggle-container {
    display: flex;
    align-items: center;
}

.ceeateChequPage .ktoggle-container p {
    margin: 0;
}

.ceeateChequPage .ktoggle-container>label {
    margin: 0;
    margin-left: 8px;
}

span.ktoggle-container>label p:last-child {
    display: none;
}

.ceeateChequPage .hidden {
    display: none !important;
}

.ceeateChequPage .leaveCheck .inputFiled {
    position: relative;
    padding: 0
}

.ceeateChequPage #chequesNumbersInputs.flexedSpaced .inputFiled:first-child {
    margin-left: 10px;
}

.ceeateChequPage .duplicateField {}

.ceeateChequPage .duplicateField .field {
    width: calc(50% - 5px);
}

.ceeateChequPage .dropdown-toggle {
    border: 0 !important;
}

.ceeateChequPage .orderInvoiceTypeSelect .dropdown-toggle {
    border: 1px solid var(--gray-border) !important;
}

.ceeateChequPage .chosen-choices {
    background: none !important;
    border: 0 !important;
    min-height: 100%;
    box-shadow: 0 !important;
}

.ceeateChequPage .chosen-container-active .chosen-choices {
    background: none !important;
    border: 0 !important;
    min-height: 100%;
    box-shadow: none !important;
}

.ceeateChequPage .chosen-choices input {
    min-height: 40px;
}

.ceeateChequPage .savefilled {
    text-align: Center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ceeateChequPage .savefilled p {
    color: white;
    font-size: 16px;
}

.ceeateChequPage .chosen-container .chosen-results li {
    padding: 12px 27px !important;
}


.selectPickerNocheckBox .check-mark {
    display: none !important;
}

.selectPickerNocheckBox .dropdown-menu li a span.check-mark {
    display: none !important;
}

.selectPickerNocheckBox .dropdown-menu li a span.text {
    margin: 0 !important;
}

.selectPickerNocheckBox .chosen-results li.result-selected:after {
    display: none !important;
}

.selectPickerNocheckBox .chosen-results li.result-selected:before {
    display: none !important;
}

.selectPickerNocheckBox .chosen-container .chosen-results li:before {
    display: none !important;
}

.selectPickerNocheckBox .chosen-container .chosen-results li {
    justify-content: center;
    padding: 13px 0 !important;
}

.selectNoSearchBox .chosen-search {
    display: none !important;
}


input.input[disabled],
input.input.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

div.disabled:not(.removeDisabled) {
    position: relative;
    cursor: not-allowed;
}

div.disabled:not(.removeDisabled) * {
    cursor: not-allowed;
}

div.disabled:not(.removeDisabled):before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    /* background: #dddddd; */
    width: 100%;
    opacity: 0.8;
}

input[disabled="disabled"],
input:not('.invisibleInput'):disabled {
    content: '';
    color: #969696 !important;
    height: 100%;
    background: rgba(221, 221, 221, 50%) !important;
    width: 100%;
    opacity: 0.8;
}

.bootstrap-select .selectpicker.disabled+button {
    color: #969696 !important;
    background: rgba(221, 221, 221, 50%) !important;
    opacity: 0.8;
}

.bootstrap-select .selectpicker.disabled+button .filter-option-inner-inner {
    color: #969696 !important;
}

.monthsModal.fade {
    opacity: 1 !important;
}

.monthsModal .modal-dialog {
    position: fixed;
    transform: translate(-50%, -50%) !important;
    left: 50%;
    top: 50% !important;
}

.monthsModal .modal-backdrop.fade {
    opacity: 0.6 !important;
}

.monthsModal .modal-body {
    display: flex;
    flex-wrap: wrap;
}

.monthsModal .modal-body>.btn-group {
    width: 100%;
    margin: 0px auto;
    display: flex;
    justify-content: space-between;
    max-width: 380px;
    margin-bottom: 8px;
}

.monthsModal .modal-body>.btn-group>.btn-group {
    width: 32%;
    border: 1px solid var(--gray-border);
    height: 33px;
    font-size: 14px;
}

.monthsModal .modal-body>.btn-group>.btn-group button {
    font-size: 14px;
}

.monthsModal .btn-success.disabled,
.monthsModal .btn-success:disabled {
    background: var(--basic-green);
}

.monthsModal .btn-success {
    background: var(--basic-green);
}

.monthsModal .modal-header>.btn-group {
    margin: 0px auto;
    width: 85px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.monthsModal .modal-header .btn-group .btn {
    margin: 0;
    padding: 0;
}

.monthsModal .modal-header .curr-year {
    margin: 10px 0;
}

.monthsModal .mw-ind {
    border-radius: 0;
}

.monthsModal .curr-year {
    font-size: 15px;
}

.monthsModal .btn-success.disabled,
.monthsModal .btn-succes {
    font-size: 14px;
}

#sendFinancesModal #sendToFinancesBtn {
    width: 114px;
    text-align: center;
    display: flex;
    justify-content: center;
}

#sendFinancesModal .multiSelectedValues {
    display: none;
}

.cropper-wrap-box {
    direction: ltr !important;
}

.cropper-wrap-box * {
    direction: ltr !important;
}

.cropper-wrap-box>* {
    direction: ltr !important;
}

.img-container * {
    direction: ltr !important;
}

.img-container {
    direction: ltr !important;
}


.multiSelectedValues {
    display: flex;
    flex-wrap: wrap;
    max-height: 350px;
    overflow-y: auto;
}

.multiSelectedValues span.tag {
    display: flex;
    max-width: 209px;
    position: relative;
    margin-left: 5px;
    margin-bottom: 8px;
    min-height: 33px;
    align-items: center;
    padding: 5px 8px 5px 15px;
    flex-wrap: wrap;
    border: 1px solid var(--gray-border);
    font-size: 13px;
}

.multiSelectedValues span.tag a {
    position: absolute;
    cursor: pointer;
    left: 2px;
    top: 2px;
    background: none;
    width: 6px;
    fill: #030303;
    position: absolute;
    font-size: 8px;
}

.multiSelectedValues span.tag svg {
    background: none;
    width: 100%;
}


#mainListTable tfoot tr {
    border-bottom: 1px solid var(--gray-border);
}

#mainListTable tfoot tr th {
    border-bottom: 4px solid #e2e2e2;
}

.pricesPage {}

.dropDownBtns .selectHolder {
    width: auto;
}

.dropDownBtns:last-child {
    margin: 0;
}

.dropDownBtns .dropdown-item.active,
.documentCreationPageTopSelect .dropdown-item:active,
.topSelect .dropdown-item:active {
    background: var(--basic-gray);
}

/* .dropDownBtns button{background:none!important;height:auto;border:0;outline:0;padding:0;margin:0;} */
.dropDownBtns .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    color: #212529;
    font-size: 15px;
    font-weight: 400;
}

.dropDownBtns button span.name span {
    display: none;
}

.dropDownBtns button span.name {
    margin-right: 1.05vw;
    color: var(--basic-txt-color);
}

.dropDownBtns button:focus {
    border: 0;
    outline: none;
    box-shadow: 0;
}

.dropDownBtns .dropdown-toggle::after {
    border: solid #9d9d9d;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    background: none;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-top: -4px;
    margin-right: 0.73vw;
}

.dropDownBtns .show .dropdown-toggle::after {
    border-color: var(--menu-bg-color);
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    margin-top: 0;
}

.dropDownBtns .dropdown-menu a {
    padding: 13px 0.99vw 11px 0.99vw;
    border-bottom:
}

.dropDownBtns .dropdown-menu li {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 1px;
}

.dropDownBtns .dropdown-menu li.no-results {
    font-size: 14px;
    padding: 13px 0.99vw 11px 0.99vw;
}

.dropDownBtns .dropdown-menu li:last-child {
    border-bottom: 0;
}

.dropDownBtns .dropdown-menu {
    border: 0;
    box-shadow: 0px 1px 6.65px 0.35px rgba(0, 0, 0, 0.1);
    padding-bottom: 0;
}

.dropDownBtns .regBtn,
.dropDownBtns .regBtn:active,
.dropDownBtns .regBtn:focus {
    padding: .375rem .75rem;
    border: 1px solid var(--gray-border);
    background: white;
    height: 38px !important;
    border-radius: 0px !important;
    font-size: 15px !important;
    color: #2b3b4a;
}


.chosen-container-multi .chosen-choices li.search-choice span {
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}



/* User No select*/
.buildingStructureBlock,
.buildingSelection li .building,
.table .row .colBtn,
.preOrder .projectBuildings li .building,
.preOrder .noData {
    -webkit-user-select: none;
    /* Safari */
    -ms-user-select: none;
    /* IE 10+ and Edge */
    user-select: none;
    /* Standard syntax */
}

.buildingStructure {
    -moz-transform: scale(0.93);
    /* Firefox Property */
}

/*chosen multi select*/
.multiSelect_selectAllOption {
    display: flex;
}

.multiSelect_selectAllOption .regBtn.multiSelect_selectAllBtn {
    white-space: nowrap;
    margin-right: 10px;
    height: 100%;
    min-height: 44px;
}

.multiSelect_selectAllOption .inputFiled {
    max-width: calc(100% - 100px);
}

.field .inputFiled .chosen-container {
    height: 100%;
    background: none;
}

.field .inputFiled .chosen-container ul.chosen-choices {
    height: 100%;
    padding-top: 3px;
    background: none;
    box-shadow: 0 0 0;
    border: 0 !important;
    outline: 0 !important;
}

.field .inputFiled .chosen-choices {
    height: 100%;
    overflow-y: auto;
}


.field .inputFiled .chosen-container ul.chosen-results::-webkit-scrollbar-thumb,
.inputFiled .chosen-choices::-webkit-scrollbar-thumb,
.orderPageStyle.multiCheques .chosen-container::-webkit-scrollbar-thumb {
    background-color: #e8e8e8;
    border-radius: 12px;
    border: 2px solid #fff;
}

.field .inputFiled .chosen-container ul.chosen-results::-webkit-scrollbar-thumb,
.inputFiled .chosen-choices:-webkit-scrollbar-thumb {
    /* border-color: var(--basic-blue); */
}

.inputFiled .chosen-choices::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.inputFiled .chosen-choices::-webkit-scrollbar-track {
    border-radius: 12px;
    border: 2px solid #fff;
}

/* Handle */
.inputFiled .chosen-choices::-webkit-scrollbar-thumb {
    background-color: #e8e8e8;
    border-radius: 12px;
    border: 2px solid #fff;
}


.dropdown-toggle .filter-option {
    min-width: calc(100% - 23px);
    margin-left: 4px;
}

.bootstrap-select .dropdown-menu {
    padding-bottom: 0;
}

.bootstrap-select .dropdown-menu .popover-header {
    margin-bottom: 10px;
}

.bootstrap-select .dropdown-menu li a span.text {
    padding: 5px 0;
    font-size: 14px;
}


/* clients side list */
#contactsPage .bootstrap-select .dropdown-menu {
    max-width: 300px !important;
    min-width: 300px !important;
}


.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    position: relative !important;
    right: auto;
    top: auto;
    display: block;
    content: '';
    background: none\;
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark:after {
    background: none;
    border: 0;
    content: '';
}

.breadCrumbs .bootstrap-select .dropdown-menu li a {
    display: flex;
    align-items: center;
}

.bootstrap-select .dropdown-menu li a span.text {
    padding-top: 0;
    padding-bottom: 0;
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    position: relative;
    display: inline-block;
    width: 7px;
    height: 14px;
    margin-top: -3px;
    top: auto !important;
    right: auto !important;

    display: inline-block;
    transform: rotate(45deg);
    margin-left: 10px;
    border-bottom: 3px solid var(--basic-green);
    border-right: 3px solid var(--basic-green);
}

/* .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark::before {
    position: absolute;
    left: 0;
    top: 50%;
    height: 50%;
    width: 3px;
    background-color: var(--basic-green);
    content: "";
    transform: translateX(10px) rotate(-45deg);
    transform-origin: left bottom;
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark::after {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 100%;
    background-color: var(--basic-green);
    content: "";
    transform: translateX(10px) rotate(-45deg);
    transform-origin: left bottom;
} */
.bootstrap-select.show-tick .dropdown-menu li>a,
.bootstrap-select li .dropdown-item {
    display: flex;
    padding: 11px 15px !important;
}

.bootstrap-select .dropdown-menu li a span.text {
    margin-right: 0 !important;
}

.breadCrumbs .subWorkerView{}
.breadCrumbs .subWorkerView a{color:white!important;}
.breadCrumbs .subWorkerView a i{margin:0;margin-left:5px;font-size: 12px;}
.breadCrumbs .subWorkerView a:after,.breadCrumbs .subWorkerView a:before{background:#ff3c42;}
.breadCrumbs .subGroupView a:after,.breadCrumbs .subGroupView a:before{background:#ff853f !important;}
.breadCrumbs .foremanView a:after,.breadCrumbs .foremanView a:before{background:var(--viewAsForeman) !important;}
.breadCrumbs .subWorkerView .name{max-width:100px;}

.breadCrumbs .subWorkerView {}

.breadCrumbs .subWorkerView a {
    color: white !important;
}

.breadCrumbs .subWorkerView a i {
    margin: 0;
    margin-left: 5px;
    font-size: 12px;
}

.breadCrumbs .subWorkerView a:after,
.breadCrumbs .subWorkerView a:before {
    background: #ff3c42;
}

.breadCrumbs .subWorkerView .name {
    max-width: 100px;
}

.monthsModal {
    filter: blur(0);
}


#selectAvataModal {}

#selectAvataModal .modal-header h5 {
    display: none;
}

#selectAvataModal .avatarsList {
    display: flex;
    margin: 0px auto;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    max-width: 450px;
    height: 400px;
    overflow-y: scroll;
}

#selectAvataModal .avatarsList li {
    min-width: 76px;
    width: 76px;
    margin-bottom: 15px;
}

#selectAvataModal .avatarsList li a {
    display: block;
    min-width: 100%;
    width: 100%;
    border: 4px solid white;
    background: #29a69c;
    height: 76px;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    position: relative;
}

#selectAvataModal .avatarsList li.avatars a img {
    display: block;
    margin: 0px auto;
    position: absolute;
    bottom: -1px;
    justify-content: space-between;
    width: 80%;
    height: 80%;
    left: 10%;
}

/* #selectAvataModal .avatarsList li.new_avatars1 a img{display:block;margin:0px auto;position:absolute;bottom:-1px;left:20%;transform:translateX(-10%);justify-content: space-between;} */
#selectAvataModal .avatarsList li.selected a {
    border-color: #95d9d2;
}

#selectAvataModal h5 {
    margin-top: 0;
    margin-bottom: 20px;
}

#selectAvataModal .regBtn {
    margin: 0px auto;
    margin-bottom: 15px;
    margin-top: 20px;
}

#selectAvataModal .continueBtn {
    margin-top: 15px;
    font-size: 16px;
    color: var(--basic-green);
    border-color: #ddf4f1;
    font-weight: 500;
}

#selectAvataModal .regBtn {
    height: 42px !important;
}

#selectAvataModal .colorsList {
    display: flex;
    align-items: center;
    margin: 0px auto;
    margin-top: 24px;
    justify-content: center;
    margin-bottom: 10px;
}

#selectAvataModal .colorsList li {
    margin-left: 6px;
}

/* #selectAvataModal .colorsList li:last-child{margin-left:0;} */
#selectAvataModal .colorsList li a {
    display: block;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background: black;
    border: 2px solid white;
}

#selectAvataModal .bigAvatar {
    position: relative;
    width: 170px;
    border-radius: 50%;
    overflow: hidden;
    min-width: 170px;
    height: 170px;
    background: var(--basic-green);
    margin: 0px auto;
}

#selectAvataModal .bigAvatar img {
    display: block;
    margin: 0px auto;
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    justify-content: space-between;
    width: 80%;
    height: 80%;
}

#selectAvataModal .colorsList li.selected a {
    border-color: #95d9d2;
}

#selectAvataModal .uploadImg {
    max-width: unset;
    padding: 0 10px;
    min-width: 220px;
    text-align: Center;
    justify-content: center;
}

#selectAvataModal .uploadImg svg {
    fill: #474c50;
    width: 25px;
    margin-left: 8px;
}

#selectAvataModal .bottomBtnsHolder {
    margin: 0px auto;
    width: 220px;
}

#selectAvataModal .continueBtn {
    margin: 0;
}

#selectAvataModal .swtichBtnHolder {
    font-size: 14px;
}

#selectAvataModal .swtichBtnHolder .swtichBtn {
    margin: 0 10px;
}

#selectAvataModal .disabled {
    cursor: no-drop;
    pointer-events: none;
    opacity: 0.5;
}

.successShare {
    position: absolute;
    width: 500px;
    min-height: 350px;
    background: white;
    margin: 0px auto;
    padding: 1rem;
    text-align: Center;
    border-top: 8px solid var(--basic-green);
}

.shareFailed {
    border-top: 8px solid var(--basic-red);
}

.successShare h5 {
    color: var(--basic-txt-color);
    font-size: 36px;
    font-weight: 300;
    margin: 0px auto;
    text-align: center;
    margin-top: 19px;
}

.successShare .regBtn {
    width: 145px;
    margin: 0px auto;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.successShare .inputFiled {
    width: 145px;
    margin: 0px auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.without_ampm::-webkit-datetime-edit-ampm-field {
   display: none;
 }

input[type=time]::-webkit-clear-button {
   -webkit-appearance: none;
   -moz-appearance: none;
   -o-appearance: none;
   -ms-appearance:none;
   appearance: none;
   margin: -10px; 
 }

.successShare p {
    font-size: 15px;
    color: #a2a2a2;
    line-height: 140%;
    margin-top: 20px;
    margin-bottom: 40px;
    text-align: center;
}

section.main .whiteBlock.PanelClosed {
    margin-top: 0 !important;
    min-width: unset !important;
    width: calc(100% - 40px) !important;
    margin-right: 38px;
}


/* FireFox fixes */
@-moz-document url-prefix() {
    #mainListTable tbody tr td {
        border-bottom: 1px solid #e5e5e5;
    }

    table#mainListTable {
        border-collapse: inherit !important;
    }
}


ul.i-am-new {
    z-index: 99999999999999999999 !important;
}

.inputFiled.copyValue {
    padding-right: 5px;
    white-space: nowrap;
    overflow: hidden;
    direction: ltr;
    display: flex;
    align-items: center;
    padding-left: 0;
}

.inputFiled.copyValue label {
    min-width: 35px;
    background: var(--basic-gray);
    font-size: 11px;
    padding: 5px;
    margin-right: 2px;
    display: flex;
    align-items: center;
    margin: 0;
    justify-content: center;
    border-right: 1px solid var(--gray-border);
    height: 100%;
}

.inputFiled.copyValue label i {
    margin: 0;
}

.inputFiled.copyValue span {
    display: block;
    margin-left: 5px;
}

.linkTooltip {
    margin-top: -10px;
}

input.form-control {
    border: 1px solid var(--gray-border);
}



#mainListTable .workerRowIcon i {
    color: #4d5b72;
    font-size: 14px;
}

#mainListTable .workerRowIcon i:hover {
    color: var(--basic-green);
    font-size: 14px;
}

#mainListTable .workerRowIcon {}

#mainListTable .workerRowIcon .svgHolder {
    margin: 0px auto;
}

#mainListTable .workerRowIcon .svgHolder img {
    max-width: 100%;
}

#mainListTable .workerRowIcon .svgHolder:hover img {
    filter: invert(56%) sepia(29%) saturate(1414%) hue-rotate(126deg) brightness(95%) contrast(82%);
}




.parallelogram:last-child {
    margin-left: 10px;
}

.parallelogram.orange {
    background-color:#FFA500 !important;
}

.parallelogram input[type="search"] {
    display: block;
}

.parallelogram.searchHolder {
    min-width: 150px;
    padding: 0 10px;
    margin-left: 10px;
}

.parallelogram.searchHolder .search-container-top,
.parallelogram.searchHolder .inner {
    width: 100% !important;
}

.parallelogram.searchHolder input[type="search"] {
    display: block !important;
    border: 0;
    padding-right: 3px;
}

.parallelogram .search-container-top {
    border: 0 !important;
}

.parallelogram.parallelogramBlue {
    background: var(--basic-blue) !important;
    border: 0 !important;
    margin-right: -1px;
}

.parallelogram.parallelogramOrange {
    background: var(--basic-orange) !important;
    border: 0 !important;
    margin-right: -1px;
}

.parallelogram.parallelogramGreen {
    background: var(--basic-green) !important;
    border: 0 !important;
}

.parallelogram.parallelogramDarkBlue {
    background: var(--basic-blue-dark) !important;
    border: 0 !important;
}

.whiteBlock .search-container-top {}

.topFloatingToolBar {
    margin-right: 21px !important;
    margin-left: 10px !important;
}

.topFloatingToolBar .parallelogram {
    min-width: 51px;
    width: auto !important;
}

.topFloatingToolBar .parallelogram.searchHolder {
    max-width: 150px;
    width: auto !important;
}

/*.topFloatingToolBar .parallelogram.greenParallelogram{background:var(--basic-green)!important;border:0;height:34.5px;z-index:9;margin-right: -13px;margin-left: 13px;}*/
.topFloatingToolBar .parallelogram.greenParallelogram {
    background: var(--basic-green) !important;
    border: 0;
    z-index: 9;
    margin-right: -13px;
    margin-left: 13px;
}

.topFloatingToolBar .parallelogram.greenParallelogram .inner {
    width: auto;
    padding: 0 20px;
    color: white;
    font-size: 15px;
}

.topFloatingToolBar .trapezoidAnimation {
    overflow-x: hidden;
    margin-top: -1px;
}

.topFloatingToolBar .trapezoidAnimation .parallelogram {
    position: absolute;
    top: 0;
}

.topFloatingToolBar .trapezoidAnimation .parallelogram.pl-left {
    left: -90px;
}

.topFloatingToolBar .trapezoidAnimation .parallelogram.pl-right {
    right: -90px;
}

.topFloatingToolBar .trapezoidAnimation a.icon {
    display: none;
    color: white;
    font-size: 19px;
    width: 100%;
    height: 35px;
    padding-top: 8px;
    text-align: center;
}

.topFloatingToolBar .trapezoidAnimation:hover .parallelogram.pl-left {
    left: -23px;
}

.topFloatingToolBar .trapezoidAnimation:hover .parallelogram.pl-right {
    right: -14px;
}

.topFloatingToolBar .trapezoidAnimation:hover .holdToggleBtn {
    left: 60px;
    top: -33px !important;
}

.topFloatingToolBar .trapezoidAnimation:hover .btnUp {
    top: -33px !important;
}

.topFloatingToolBar .trapezoidAnimation:hover .btnDown {
    top: 33px !important;
}

.topFloatingToolBar .trapezoidAnimation:hover .adjustOnHover span {
    display: none;
}

.topFloatingToolBar .trapezoidAnimation:hover a.icon {
    display: block;
}

.topFloatingToolBar .trapezoidAnimation.forceShow .parallelogram.pl-left {
    left: -23px;
}

.topFloatingToolBar .trapezoidAnimation.forceShow .parallelogram.pl-right {
    right: -14px;
}

.topFloatingToolBar .trapezoidAnimation.forceShow .btnUp {
    top: -33px !important;
}

.topFloatingToolBar .trapezoidAnimation.forceShow .btnDown {
    top: 33px !important;
}

.topFloatingToolBar .parallelogram.pl-right {
    transform: skew(35deg);
    margin-left: -13px !important;
    left: auto;
}

.topFloatingToolBar .parallelogram.noMargin {
    margin: 0 !important;
}

.topFloatingToolBar .parallelogram.wideIcon .inner {
    min-width: 53px;
}

/* .topFloatingToolBar .trapezoidAnimation .parallelogram.pl-right{transform: skew(35deg);margin-left:-13px!important;left:auto;} */
/* .topFloatingToolBar .trapezoidAnimation .parallelogram:not(.adjustOnHover){width:0!important;min-width:0;opacity:0;} */
.topFloatingToolBar .parallelogram.pl-right .inner {
    transform: skew(-35deg);
}

/* .topFloatingToolBar .trapezoidAnimation:hover .adjustOnHover{width:85px!important;min-width:35px;} */
.topFloatingToolBar .trapezoidAnimation .adjustOnHover {
    width: auto !important;
    min-width: 100%;
    position: relative !important;
}

.topFloatingToolBar .trapezoidAnimation .adjustOnHover span {
    white-space: nowrap;
}

.apartmentTextContainer > span,
.topFloatingToolBar .trapezoidAnimation .adjustOnHover span>span {
    margin-right: 4px;
}

.topFloatingToolBar .trapezoidAnimation {
    min-width: 223px;
    margin-left: 0
}

.topFloatingToolBar .trapezoidAnimation a.holdToggleBtn,
.topFloatingToolBar .trapezoidAnimation a.btnUp,
.topFloatingToolBar .trapezoidAnimation a.btnDown {
    border: 1px solid var(--gray-border);
    background: white;
    width: 53px;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 1px;
    z-index: -1;
}

.topFloatingToolBar .trapezoidHolder.singleBtn .trapezoid {
    margin-left: 0;
}

.topFloatingToolBar .trapezoidHolder.singleBtn {
    margin-left: 0;
}

.topFloatingToolBar .trapezoidAnimation:hover .adjustOnHover {
    border-bottom-color: var(--menu-bg-color);
    z-index: 9
}

/* .topFloatingToolBar .trapezoidAnimation .parallelogram{margin:0!important;} */
/* .topFloatingToolBar .trapezoidAnimation:hover{width:auto;margin-left:25px}
.topFloatingToolBar .trapezoidAnimation:hover .parallelogram:not(.adjustOnHover){width:51px!important;min-width:35px;opacity:1;}
.topFloatingToolBar .trapezoidAnimation:hover .adjustOnHover .parallelogram:last-child{ }
.topFloatingToolBar .trapezoidAnimation:hover .adjustOnHover span{display:none;} */

/* Jobs topFloatingToolBar modes */
.topFloatingToolBar.workersMode {}

.topFloatingToolBar.workersMode .forBuldingMode {
    display: none;
}

.topFloatingToolBar.workersMode .forWorkersMode {
    display: flex;
}

.topFloatingToolBar.buildingMode .forBuldingMode {
    display: flex;
}

.topFloatingToolBar.buildingMode .forWorkersMode {
    display: none !important;
}

.topFloatingToolBar .workersSmallList {
    display: flex;
    align-items: center;
    margin: 0;
}

.topFloatingToolBar .workersSmallList li {
    margin-left: 5px;
}

.topFloatingToolBar .workersSmallList li a {
    display: flex;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    overflow: hidden;
    background: var(--gray-border);
}

.topFloatingToolBar .workersSmallList li.counter a {
    background: var(--basic-blue);
    color: White;
    font-size: 12px;
}

#projectsPage .workersMicroPhoto {
    display: flex;
    width: 30px;
    min-width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #00000082;
    margin-left:6px;
    position:relative;
    overflow: hidden;
    background: var(--gray-border);
}

#projectsPage .workersMicroPhoto img{
    display: inline;
    margin: 0 auto;
    height: 30px;
    width: 30px;
    object-fit: cover;
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
#projectsPage .workersMicroPhoto img.imageShape_Rectangle{
    height:auto;
}

.topFloatingToolBar .workersSmallList li img {
    display: inline;
    margin: 0 auto;
    height: 100%;
    width: auto;
}

/* .topFloatingToolBar .trapezoidStructure{display:flex;    margin-left: 13px;} */
.topFloatingToolBar .trapezoidStructure .innerTrapezoid {
    min-width: 45px;
    min-height: 100%;
    border-top: 1px solid var(--gray-border);
    border-bottom: 1px solid var(--gray-border);
    background: white;
    display: flex;
    position: relative;
    z-index: 99;
}

.topFloatingToolBar .trapezoidStructure .innerTrapezoid {
    margin-left: -38px;
    margin-right: -23px;
}

.topFloatingToolBar.buildingMode .clickFix {
    margin-left: -18px;
    padding-left: 5px;
    position: relative;
    z-index: 9;
}

/* Main Menu - online users */
nav .onlineUsers {
    display: flex;
    align-items: center;
    position: absolute;
    width: 80%;
    border: 1px solid var(--basic-green);
    font-size: 13px;
    color: white;
    padding: 10px;
    bottom: 50px;
    right: 10%;
}

nav .onlineUsers span.onlineCounter {
    margin-left: 4px;
    display: flex;
    align-items: center;
}

nav .onlineUsers span.onlineCounter:before {
    border-radius: 50%;
    width: 6px;
    height: 6px;
    background: #17b0a0;
    content: '';
    margin-left: 5px;
}

nav .onlineUsers span.pcText {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
}

nav.minifiedMenu .onlineUsers span.pcText {
    width: 0;
}

nav.minifiedMenu .onlineUsers span.onlineCounter:before {
    background: none;
    font-family: "Font Awesome 5 Free";
    content: "\f007";
    font-size: 12px;
    width: auto;
    height: auto;
    color: var(--basic-green);
}


/* Custom Table */
.customTable {
    width: 100%;
    direction: rtl;
    border: 1px solid #E4E4E4;
    border-top: 0;
}

.customTable .row {
    width: 100%;
    display: flex;
    min-height: 42px;
    flex-wrap: wrap;
}

.customTable .row {
    background: white;
}

.customTable .row:not(:last-child) {
    border-bottom: 1px solid #E4E4E4;
}

.customTable .row:nth-child(2n+1) {
    background: #f5f5f5;
}

.customTable .row.greenRow {
    background: #aaffb2;
}

.customTable .row.redRow {
    background: #ff8181;
}

.customTable .row .column {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25%;
    border-left: 1px solid #E4E4E4;
    font-size: 15px;
    color: #707070;
}

.customTable .row .column-15 {
    width: 15% !important;
}

.customTable .row .column-20 {
    width: 20% !important;
}

.customTable .row .column-30 {
    width: 30% !important;
}

.customTable .row .column-35 {
    width: 35% !important;
}

.customTable .row .column-40 {
    width: 40% !important;
}

.customTable .row .column-45 {
    width: 45% !important;
}

.customTable .row .column-50 {
    width: 50% !important;
}

.customTable .row.headers {
    background: #4d5c71;
    min-height: 45px;
}

.customTable .row.headers .column {
    color: white;
    font-size: 15px;
    border: 0;
}

.customTable .row .column:last-child {
    border: 0;
}

.btn {
    cursor: pointer;
}

.smallScrollItemsTable .row .column label.btn.btn-light.active {

    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf;
}

.smallScrollItemsTable .row .column label.btnInGroup {

    border-color: #c5c5c5;
}
.smallScrollItemsTable .row .column label.btnInGroup + label.btnInGroup {

    border-right: 0;
}

/* .customTable .row .column.title{font-weight:bold;} */
.customTable .row .subRow {
    width: 100%;
    display: none;
}

.customTable .row .innerVisible {
    min-height: 45px;
    display: flex;
    width: 100%;
    border-bottom: 1px solid #E4E4E4;
}

.customTable .row span.regText {
    color: var(--menu-bg-color);
    font-size: 15px;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

.customTable .row.openedRow span.regText {
    max-width: 100%;
    overflow: visible;
    white-space: unset;
    display: block;
}

.customTable .row span.placeHolder {
    color: #b0b0b0;
}

.customTable .row span.markText {
    padding: 4px 8px 4px 5px;
    background: #ffcf3d;
    display: block;
    max-width: 100%;
}

.customTable .customCheckBox {
    margin: 0;
}

.customTable .column.rowCheckBox {
    padding: 0 !important;
    justify-content: center;
}

.customTable .column.rowCheckBox span.checkbox {
    margin: 0;
}

.smallTable {
    width: 95%;
    margin: 0px auto;
    border-top: 1px solid #E4E4E4;
    margin-top: 10px;
    margin-bottom: 10px;
}

.smallTable .row {
    min-height: 30px;
}

.smallTable .row .column {
    width: 33%;
    font-size: 13px;
}

.smallTable .row .column:last-child {
    border-left: 0;
}

.smallTable .row .column span {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

.basicBlock {
    width: 100%;
}

.basicBlock .blockHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.basicBlock .blockHeader>span.title {
    color: var(--menu-bg-color);
    font-weight: 500;
    font-size: 18px;
}

.basicBlock .blockHeader>a {
    color: var(--menu-bg-color);
    font-size: 15px;
}

.attachedFilesBlock {
    width: 100%;
}

.attachedFilesBlock .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.attachedFilesBlock .top span.title {
    color: var(--menu-bg-color);
    font-weight: 500;
    font-size: 18px;
}

.attachedFilesBlock .top a {
    color: var(--menu-bg-color);
    font-size: 15px;
}

.attachedFilesBlock .filesList {
    border: 1px solid var(--gray-border);
    width: 100%;
    margin: 0;
}

.attachedFilesBlock .filesList li {
    padding: 10px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    border-bottom: 1px solid var(--gray-border);
}

.attachedFilesBlock .filesList li:last-child {
    border-bottom: 0;
}

.uploadInvoiceFileBtnContainer .content .icon {
    height: 41px;
    width: 50px;
    /*margin-left: 1.55vw;*/
    margin-top: 3px;
    min-width: 50px;
    color: #151b20;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background: #f1f1f1; */
    border-radius: 5px;
    border: solid #b8b8b8 1px;
    cursor: pointer;
    position: relative;
}

.uploadInvoiceFileBtnContainer .content .icon {
    background: #e6f4e7;
    border-color: #88b48b;
    position: relative;
}

.uploadInvoiceFileBtnContainer[attachmentsCount="0"] .content .icon {
    background: #f1f1f1;
    border-color: #b8b8b8;
}



.visibleOnlyWhenNoAttachments,
.visibleOnlyWithSingleAttachment,
.visibleOnlyWithManyAttachments {
    display: none;
}

.uploadInvoiceFileBtnContainer[attachmentsCount="0"] .visibleOnlyWhenNoAttachments {
    display: block;
}
.uploadInvoiceFileBtnContainer[attachmentsCount="1"] .visibleOnlyWithSingleAttachment {
    display: block;
}
.uploadInvoiceFileBtnContainer:not([attachmentsCount="0"]):not([attachmentsCount="1"]) .visibleOnlyWithManyAttachments {
    display: block;
}

.amountAttachmentsContainer .fileUploadBtnIcon .filesCountLabel,
.uploadInvoiceFileBtnContainer .content .icon .filesCountLabel{
    position: absolute;
    top: 27px;
    left: 30px;
    transform: translate(-50%,-50%);
    font-size: 38px;
    color: #3e6a41;
    font-size: 12px;
}

.attachmentsCellBlock .amountAttachmentsContainer .fileUploadBtnIcon .filesCountLabel {
    top: 38px;
    left: 90.5px;
}

.attachedFilesBlock .filesList li .icon {
    height: 80px;
    width: 80px;
    margin-left: 1.55vw;
    min-width: 80px;
    color: #151b20;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f1f1f1;
    border-radius: 5px;
}

.attachedFilesBlock .filesList li .info {}

.attachedFilesBlock .filesList li .info strong.name {
    max-width: 100%;
    color: #151b20;
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
    display: block;
}

.attachedFilesBlock .filesList li .info span.inline {
    margin-left: 10px;
    color: #909090;
    font-size: 13px;
    font-weight: 400;
    display: flex;
    align-items: Center;
}

.attachedFilesBlock .filesList li .info span.inline i {
    color: #686868;
    font-size: 13px;
    margin-left: 6px;
    display: block;
}

.attachedFilesBlock .filesList li a.fileLink {
    font-size: 18px;
    border: 1px solid var(--gray-border);
    padding: 10px 12px;
    border-radius: 5px;
    color: var(--basic-blue);
}

.attachedFilesBlock .filesList li a.fileLink:hover {
    background: #f1f1f1;
}

.attachedFilesBlock .filesList li .content {
    display: flex;
    align-items: center;
    width: calc(100% - 55px);
}

.attachedFilesBlock .filesList li .links{
    display:flex;
    min-width:fit-content;
}
.attachedFilesBlock .filesList li .links .fileLink{
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
}
.attachedFilesBlock .filesList li .links .fileLink:not(:last-child){
    border-left: 0;
}
.attachedFilesBlock .filesList li.viewAll a {
    display: flex;
    text-decoration: none !important;
    width: 100%;
    min-height: 100%;
    padding: 8px;
    justify-content: center;
    background: var(--basic-gray);
    color: var(--menu-bg-color);
    font-size: 13px;
    font-weight: 400;
}

.attachedFilesBlock .filesList li.viewAll {
    border: 0;
    padding: 0;
}

.attachedFilesBlock .filesList li.viewAll a:hover {
    font-weight: 500;
}

.chosen-container-single .chosen-single span,
.chosen-container .chosen-results li {
    font-size: 15px;
}

.taxDocumentsTableRow .chosen-container-single .chosen-single span {
    /*max-width: 90%;*/
    max-width: 385px;
}

#mainListTable a.red i {
    color: var(--basic-red);
}

#mainListTable a.green i {
    color: var(--basic-green);
}

#mainListTable a.blue i {
    color: var(--basic-blue);
}

#mainListTable a.black i {
    color: black;
}

/* selectpicker drop menu */
.bs-actionsbox .btn-group button {
    white-space: nowrap;
}

/* .owl-stage{display:flex;} */

.mobilePageActions {}

.mobilePageActions .regBtn.whiteBtn.specialIconBtn.gray>.icon {
    background: none !important;
}

.mobilePageActions .regBtn,
.mobilePageActions a,
.mobilePageActions a.regBtn,
.mobilePageActions button {
    display: flex;
    align-items: center;
    background: white;
    border: 1px solid var(--gray-border);
    border-radius: 39px !important;
    width: auto !important;
    min-width: unset !important;
    max-width: unset !important;
    color: var(--basic-txt-color);
    white-space: nowrap;
    
    padding: 22px;
}
.mobilePageActions a.classShiftsTableLink {

    height: 46px;
}

 .mobilePageActions .blueBtn:not(:disabled){background: var(--basic-blue)!important;}
 .mobilePageActions .greenBtn:not(:disabled){background: var(--basic-green)!important;}
 .mobilePageActions .grayBtn{background: var(--basic-gray)!important;}

 .mobilePageActions .regBtn > span.icon{background:none!important;}
 .mobilePageActions .regBtn.specialIconBtn>span.icon{background:none!important;}
 .mobilePageActions .regBtn.grayBtn>span.icon{background:none!important;color:#585858;border:0!important;}
 .mobilePageActions .regBtn.grayBtn>span.icon i{color:#585858!important;}
.mobilePageActions a i {
    font-size: 13px;
    margin-left: 8px;
}

.mobilePageActionsContainer {
    width: 100%;
    position: relative;
    cursor: auto !important;
    display: none;
    max-height: 50px;
}

.mobilePageActionsContainer.hidden{display:none!important;}
.mobilePageActionsContainer .owl-prev,
.mobilePageActionsContainer .owl-next {
    z-index: 99;
    position: relative !important;
    display: flex !important;
    background: white;
    height: 39px;
    min-width: 40px;
    border: 1px solid var(--gray-border);
    border-radius: 39px;
    align-items: center;
    justify-content: center;
    color: var(--basic-txt-color);
    font-size: 15px;
}

.mobilePageActionsContainer .owl-prev {
    display: none !important;
}

.mobilePageActionsContainer ul {
    flex: 1 1 auto;
    width: calc(100% - 40px) !important;
    margin: 0;
}

.mobilePageActionsContainer .brand-carousel-gradient.left {
    left: 35px;
    background-image: linear-gradient(to left, rgba(243, 243, 243, 0.0), rgba(243, 243, 243, 1));
}

.mobilePageActionsContainer .brand-carousel-gradient.right {
    right: -7px;
    /*background-image: linear-gradient(to right, rgba(243, 243, 243, 0.0), rgba(243, 243, 243, 1));*/
}

.mobilePageActionsContainer .brand-carousel-gradient {
    position: absolute;
    top: 0;
    width: 30px;
    height: 100%;
    z-index: 10;
}

.mobilePageActionsContainer .brand-carousel-gradient {
    /*background-image: linear-gradient(to right, rgba(243, 243, 243, 0.0), rgba(243, 243, 243, 1));*/
}


#no-more-tables.overflowX {
    overflow-x: auto !important;
    width: 100vw;
}

.flipBtn {
    height: 40px;
    overflow-y: hidden;
}

.flipBtn::-webkit-scrollbar {
    display: none;
}

.basicNotice {
    display: flex;
    border: 1px solid var(--basic-blue);
    height: 36px;
}

.basicNotice div {
    padding: 0 18px;
    display: flex;
    color: var(--basic-blue) !important;
    align-items: center;
    justify-content: center;
    font-size: 15px;
}



/* Test new visibility apartment */
.apartmentShape {
    width: 107px;
    min-width: 107px;
    height: 122px;
    position: relative;
    margin-left: 10px;
}

.apartmentShape .text {
    flex-wrap: wrap;
    position: absolute;
    z-index: 9999999;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 22.5%;
    top: 16px;
    text-align: center;
    color: var(--menu-bg-color);
    font-weight: 500;
    font-size: 32px;
}

.apartmentShape.lobby .text span {
    font-size: 17px;
    width: 100%;
    text-align: center;
    margin-bottom: -6px;
}

.apartmentShape.lobby .text {
    font-size: 24px;
    padding-bottom: 9px;
}

.shapeStyle {
    background: #cccccc;
    border-radius: 5px;
}

.hex-shape {
    transform: rotate(-90deg);
    position: absolute;
    top: 0;
    width: 100%;
}

.hex-shape.inner {
    width: 79%;
    right: auto;
    fill: var(--basic-gray);
    z-index: 911;
    top: 7.5%;
    left: 10%;
}

.fillHolder {
    width: 100%;
    position: Absolute;
    bottom: 37px;
    height: 20%;
    overflow: hidden;
    transform: rotate(180deg);
    z-index: 9999;
}

.fillHolder span {
    position: absolute;
    top: 6px;
    width: 100%;
    text-align: center;
    color: rgba(89, 137, 108, 0.4);
    font-size: 11px;
    transform: rotate(180deg);
}

.lowerPercents {
    position: absolute;
    top: 63px;
    width: 100%;
    text-align: center;
    z-index: 999;
    color: rgba(0, 0, 0, 0.3);
    font-size: 11px;
}

.hex-shape.fill {
    fill: #8be1ae;
    left: 12px;
    opacity: 0.4;
}

/* .hex-shape.inner path{fill:red;} */
.hex-shape.shape-border {
    padding: 2px;
    fill: #e1e1e1;
    width: 87.5%;
    z-index: 91;
    left: 6.3%;
    top: 4.3%;
}

.hex-shape.outer {
    fill: var(--basic-gray);
    width: 95.5%;
    left: 2px;
    top: 2px;
    z-index: 9;
}

/* change color */
.hex-shape.shape-outline {
    fill: #e1e1e1;
    width: 100%;
}

.apartmentShape .sideRuler {
    height: 45px;
    position: absolute;
    width: auto;
    left: -3px;
    top: 23px;
}

.apartmentShape .sideRuler img {
    height: 100%;
}

.apartmentShape .arrow-right {
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid green;
    position: absolute;
    left: -7px;
    bottom: -4px;
}

.apartmentShape.lobby .hex-shape.outer {}

/* .apartmentShape .sideRuler[data-percents="20%"] .arrow-right{margin-bottom:9px;}
.apartmentShape .sideRuler[data-percents="40%"] .arrow-right{margin-bottom:18px;}
.apartmentShape .sideRuler[data-percents="60%"] .arrow-right{margin-bottom:27px;}
.apartmentShape .sideRuler[data-percents="80%"] .arrow-right{margin-bottom:36px;}
.apartmentShape .sideRuler[data-percents="100%"] .arrow-right{margin-bottom:45px;} */
/** extra styles to show how it works **/
.apartmentShape .bottomTriagnle {
    transform: rotate(-180deg);
}

.apartmentShape .box {
    height: 62px;
    width: 100%;
}

.apartmentShape .fillImg {
    position: absolute;
    width: 63%;
    z-index: 99999;
    left: 0;
    bottom: 50.2%;
    left: 17.7%;
}

.borderLine {
    width: 5px;
    height: 46px;
    position: absolute;
    z-index: 9;
}

.borderLine.ln-left,
.borderLine.ln-right {
    height: 48px;
}

.borderLine.ln-left {
    position: absolute;
    left: 12.6px;
    bottom: 52px;
    border-bottom-left-radius: 3px;
}

.borderLine.ln-right {
    position: absolute;
    right: 12.6px;
    bottom: 52px;
    border-bottom-right-radius: 3px;
}

.borderLine.ln-bottom-left {
    position: absolute;
    left: 31px;
    bottom: 23.6px;
    transform: rotate(297.8deg);
    width: 14px;
    border-bottom-left-radius: 3px;
}

.borderLine.ln-bottom-right {
    position: absolute;
    right: 31px;
    bottom: 23.6px;
    transform: rotate(-297.8deg);
    width: 14px;
    border-bottom-right-radius: 3px;
}

.borderLine.ln-top-right {
    position: absolute;
    right: 29px;
    top: -8px;
    transform: rotate(297.8deg);
    width: 14px;
    border-bottom-right-radius: 3px;
}

.borderLine.ln-top-left {
    position: absolute;
    left: 29px;
    top: -8px;
    transform: rotate(-297.8deg);
    width: 14px;
    border-bottom-left-radius: 3px;
}

/* Border line colors */

.borderLine.blue {
    background: rgba(134, 217, 221, 0.7);
    /* Old browsers */
}

.borderLine.green {
    background: #58ea88;
    /* Old browsers */
    background: -moz-linear-gradient(top, #58ea88 12%, #3cbe89 99%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #58ea88 12%, #3cbe89 99%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #58ea88 12%, #3cbe89 99%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#58ea88', endColorstr='#3cbe89', GradientType=0);
    /* IE6-9 */
}

.floorBlock .apartmentShape .hex-shape.inner {
    fill: var(--basic-blue-dark);
}

.floorBlock .apartmentShape .hex-shape {
    fill: var(--basic-blue-dark);
}

.floorBlock .apartmentShape .text {
    color: white;
}

.floorBlock .apartmentShape .hex-shape.fill {
    fill: rgba(255, 255, 255, 0.8);
}

/*** end Apartment test ***/






@keyframes yellowfade {
    0% {
        background: #FADA5E;
    }

    100% {
        background: white;
    }
}

@keyframes greenfade {
    0% {
        background: #AFE1AF;
    }

    100% {
        background: white;
    }
}

.item-highlight {
    animation: yellowfade 1s;
}

.highlightedAnimationGreen {
    animation: greenfade 1s;
}


/* Side Modal */
.sideModal .modal-dialog-aside {
    width: 350px;
    max-width: 80%;
    height: 100%;
    margin: 0;
    transform: translate(0);
    transition: transform .2s;
    padding: 0;
}

.sideModal .modal-dialog-aside .modal-content {
    height: inherit;
    border: 0;
    border-radius: 0;
    border-top: 8px solid var(--basic-green);
}

.sideModal .modal-dialog-aside .modal-content .modal-body {
    overflow-y: auto;
    padding: 0;
}

.sideModal.fixed-right .modal-dialog-aside {
    margin-left: auto;
    transform: translateX(100%);
}

.sideModal.fixed-left .modal-dialog-aside {
    margin-right: auto;
    transform: translateX(-100%);
}

.sideModal.show .modal-dialog-aside {
    transform: translateX(0);
}

.sideModal.fixed-right {
    padding-right: 0 !important;
}

.sideModal .modal-content {
    /*background: var(--basic-gray);*/
    padding: 0;
}

.sideModal .modal-header,
.sideModal .innerTitle {
    background: var(--basic-gray);
}

.sideModal .modal-dialog {
    width: 318px;
}

.sideModal .modal-header,
.sideModal .innerTitle {
    padding: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    align-items: center;
}

.sideModal .modal-header h5,
.sideModal .innerTitle h5 {
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    color: #263238;
}

.sideModal .modal-header .closeBtn svg {
    width: 10px;
    font-size: 15px;
    fill: #c8c8c8;
}

.sideModal .modal-header .closeBtn {
    background: none;
}

.sideModal .modal-header .closeBtn:hover svg {
    fill: var(--basic-blue-dark-dark);
}

.sideModal .sideSpaces {
    padding-right: 28px;
    padding-left: 28px;
}

.sideModal .itemsList {
    margin: 0;
}

.sideModal .itemsList li {
    width: 100%;
    height: auto;
    background: white;
    border-bottom: 1px solid var(--gray-border);
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 15px;
    color: #2b3b4a;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sideModal .itemsList li label.customCheckBox {
    margin: 0;
    font-size: 15px;
    color: #2b3b4a;
}

.sideModal .modal-footer {
    z-index: 9;
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    position: fixed;
    bottom: 0;
    background: var(--basic-gray);
    width: 100%;
    height: 70px;
}

.sideModal .modal-footer button {
    margin: 0;
    justify-content: center;
    align-items: center;
}

.sideModal .blockNameInputContainer {
    margin: 0 10px;
}

.sideModal .fieldsContainer{width:90%;max-width:90%;margin-top:25px;}
.sideModal .fieldsContainer .field{max-width:100%;}

.workersFilters .modal-body {
    padding: 0;
    margin: 0;
}

.workersFilters .modal-header,
.workersFilters .innerTitle {
    border-bottom: 1px solid var(--gray-border);
}

.workersFilters #toggleOrAnd {
    margin: 0 8px;
}

.swtichBtnHolder span.true {
    margin-left: 15px;
}

.swtichBtnHolder span.false {
    margin-right: 15px;
}

.swtichBtn {
    width: 38px;
    height: 19px;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
}

.swtichBtn span {
    width: 100%;
    background: #dddddd;
    border-radius: 3px;
    height: 7px;
    display: block;
}

.swtichBtn span:after {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 50%;
    height: 18px;
    width: 18px;
    background: #3c7bf3;
    position: absolute;
    right: 0;
    content: '';
    top: 0;
}

.swtichBtn span.checked:after {
    right: calc(100% - 18px);
}

.swtichBtn.green span:after {
    background: var(--basic-green);
}

.jconfirm .jconfirm-box .jconfirm-buttons button {
    text-transform: unset !important;
    width: 100%;
    font-size: 14px !important;
    font-weight: normal !important;
    text-shadow: none !important;
}

.notificationsModal .notificationsList {
    width: 100%;
    margin: 0;
}

.notificationsModal .scrollbarBlue::-webkit-scrollbar-thumb {
    border-color: var(--basic-gray);
}

.notificationsModal .scrollbarBlue::-webkit-scrollbar-track {
    background: var(--basic-gray);
}

#mergeFinancesCmpModal .modal-body,
#mergeFinancesCmpModal .modal-footer,
#multiEditFinanceEntryModal .modal-body,
#multiEditFinanceEntryModal .modal-footer {
    padding-right:3.5%;padding-left:3.5%;
}

#mergeFinancesCmpModal .mergeFieldsBlock {
    background: #fbfbfb;
    border-radius: 10px;
    border: 1px solid #eaeaea;
    padding: 10px 0 15px 0;

    display: flex;
    justify-content: center;
    flex-direction: column;
}

#mergeFinancesCmpModal .mergeFieldsBlock.matchedBlock {

    background: #d5ffd791;
}

#mergeFinancesCmpModal .mergeFieldsBlock .datepicker-input {

    text-align: center;    
}

#mergeFinancesCmpModal .mergeFieldsBlockSingleFieldContainer {
    padding: 0 12px 0 20px;
}


#mergeFinancesCmpModal .mergeFieldsBlockSingleFieldContainer .inputFiled {
    margin-bottom: 5px;
    max-width: 212px;
}

#mergeFinancesCmpModal .mergeFieldsBlockSingleFieldContainer .monthmergeFinancesCmpModalMonthRow0SelectContainer,
#mergeFinancesCmpModal .mergeFieldsBlockSingleFieldContainer .monthmergeFinancesCmpModalMonthRow1SelectContainer {
    max-width: 215px;
}

#mergeFinancesCmpModal .mergeFieldsBlockSingleFieldContainer .monthmergeFinancesCmpModalMonthRow0SelectContainer > .field,
#mergeFinancesCmpModal .mergeFieldsBlockSingleFieldContainer .monthmergeFinancesCmpModalMonthRow1SelectContainer > .field {
    width: 212px;
}

#mergeFinancesCmpModal .mergeFieldsBlockSingleFieldContainer .basicSelectPicker * {
    background: white !important;
}

#mergeFinancesCmpModal .mergeFieldsBlockSingleFieldContainer .chosen-container {
    background: white !important;
}

#mergeFinancesCmpModal .multiEditFieldContainer {
    width: 100%;
    max-width: 270px !important;
}

#sendFinancesModal{}
#sendFinancesModal .modal-body,#sendFinancesModal .modal-footer{padding-right:3.5%;padding-left:3.5%;}
#sendFinancesModal .modal-body,#sendFinancesModal .modal-content{min-height: 720px;overflow:scroll;}
#sendFinancesModal .modal-footer{position: relative;}
#sendFinancesModal .conclusion{border-top:1px solid var(--gray-border);padding:0;padding-top:25px;margin-top:10px;width:280px;}
#sendFinancesModal .conclusion .total{background:var(--basic-gray);padding:10px;margin-top:10px;border-bottom:1px solid var(--gray-border);margin-bottom:0!important;}
#sendFinancesModal .conclusion .total .swtichBtn{margin:0 8px;}
#sendFinancesModal .conclusion .recordType{font-size:14px;}
#sendFinancesModal .conclusion .light{font-weight:300;}
#sendFinancesModal .conclusion span{line-height:100%}
#sendFinancesModal .conclusion .finalAmount{margin-right:8px;}
#sendFinancesModal .conclusion .field{position:relative;}
#sendFinancesModal .conclusion .inputFiled.precents{display:flex;align-items: center;}
#sendFinancesModal .conclusion .inputFiled.precents span{padding-right:5px;font-size:14px;color:#a2a2a2;}
#sendFinancesModal .conclusion .field > span{color:#a2a2a2;font-size:15px;font-weight:300;position:absolute;left:2px;top:50%;transform:translateY(-50%);}
#sendFinancesModal .conclusion .taxRow {margin-top:25px;}
#sendFinancesModal .conclusion .taxRow .field > span{right:2px;left:unset;}
#sendFinancesModal .conclusion .field .input{padding-left:16px;width:100%;color:#a2a2a2;font-size:15px;}
#sendFinancesModal .conclusion .taxRow .field .input{padding:0 16px 0 16px;width:100%;color:#a2a2a2;}
/* #sendFinancesModal .conclusion .dropdown-toggle .filter-option-inner-inner{color:#a2a2a2!important;} */
/* #sendFinancesModal .conclusion .field{width:100%;min-width:100%;border:0;border-bottom:1px solid #c2c2c2;} */
/* #sendFinancesModal .conclusion  .fullWidth{margin-bottom: 22px;} */
#sendFinancesModal .conclusion .dropdown {
    max-width: 100%;
}

#sendFinancesModal .conclusion .bootstrap-select>.dropdown-toggle {
    height: auto;
    border: 0;
    width: 100%;
    color: #a2a2a2;
}

#sendFinancesModal .conclusion .maxWidth {
    width: 279px;
}

.breadCrumbs .dropdown .dropdown-toggle::after {
    border-bottom: 0;
    border-top: .3em solid;
}

.breadCrumbs .dropdown.show .dropdown-toggle::after {
    border-top: 0;
    border-bottom: .3em solid;
}

#sendFinancesModal .conclusion .col1 {
    width: 100px;
}

#sendFinancesModal .conclusion .firstRow {
    position: relative
}

/* #sendFinancesModal .conclusion .firstRow .col1{position:absolute;right:-80px;top:0;} */
#sendFinancesModal .conclusion .totalText {
    width: 100px;
}

#sendFinancesModal .conclusion .col2 {
    width: 79px;
}

#sendFinancesModal .conclusion .col1_2 {
    width: 179px;
}

#sendFinancesModal .conclusion .col1_3 {
    width: 129px;
    display: flex;
}

#sendFinancesModal .conclusion .col3 {
    min-width: 50px;
    padding-bottom: 0;
    text-align: right;
    text-align: center;
    justify-content: flex-end;
}

#sendFinancesModal .firstRow .col3 {
    padding: 0;
}

#sendFinancesModal .conclusion .col1,
#sendFinancesModal .conclusion .col2,
#sendFinancesModal .conclusion .col1_3 {
    margin-left: 10px;
    align-items: flex-end
}

#sendFinancesModal .conclusion .col1,
#sendFinancesModal .conclusion .col1_3,
#sendFinancesModal .conclusion .col2,
#sendFinancesModal .conclusion .col3 {
    height: 25px;
}

#sendFinancesModal .conclusion .col1_3 {
    align-items: flex-end;
}

#sendFinancesModal .conclusion button {
    height: auto !important;
}

#sendFinancesModal .conclusion .total {
    padding-left: 0;
}

#sendFinancesModal .conclusion .col1 {
    justify-content: flex-end;
    padding-bottom: 0;
}

#sendFinancesModal .conclusion .leftCol {
    width: auto;
    display: flex;
    justify-content: flex-end;
    margin-left: 14px;
}

/* #sendFinancesModal .conclusion .leftCol >span{width:120px;} */
#sendFinancesModal .conclusion .finalAmount {
    display: flex;
}

#sendFinancesModal .conclusion .inner {
    max-width: 100%;
    width: 100%;
}

/* #sendFinancesModal .conclusion .field .input#rawValue{text-align:center;} */
#sendFinancesModal .conclusion .row{display:flex;align-items: center;justify-content: space-between;width:100%;margin-bottom:15px;}
#sendFinancesModal .conclusion .row .col-1{width:calc((100% - 115px) / 2);min-width:calc((100% - 115px) / 2);}
#sendFinancesModal .conclusion .row .col-2{width:calc((100% - 250px) / 2);min-width:calc((100% - 250px) / 2);}
#sendFinancesModal .conclusion .row .field{width:auto;}
#sendFinancesModal .conclusion .row .col-1 .field{flex:1;min-width:auto;}
#sendFinancesModal .conclusion .row .col-2 .field{flex:1;min-width:auto;}
#sendFinancesModal .conclusion .row .col-1 .financeRecordNikuiPercentInput{max-width:83px;}
#sendFinancesModal .conclusion .row .col-2 .financeRecordNikuiPercentInput{max-width:83px;}

#sendFinancesModal .conclusion .row .col-1 {
    width: calc((100% - 30px) / 2);
    min-width: calc((100% - 30px) / 2);
}

#sendFinancesModal .conclusion .row .col-2 {
    width: calc((100% - 50px) / 2);
    min-width: calc((100% - 50px) / 2);
}

#sendFinancesModal .conclusion .row .field {
    width: auto;
}

#sendFinancesModal .conclusion .row .col-1 .field {
    flex: 1;
    min-width: auto;
}

#sendFinancesModal .conclusion .row .col-2 .field {
    flex: 1;
    min-width: auto;
}

#sendFinancesModal .conclusion .row .col-1 .financeRecordNikuiPercentInput {
    max-width: 83px;
}

#sendFinancesModal .conclusion .row .col-2 .financeRecordNikuiPercentInput {
    max-width: 83px;
}


#sendFinancesModal .conclusion .row:not(:first-child) .col-1:last-child {
    padding-left: 14px;
}

#sendFinancesModal .conclusion .row:not(:first-child):not(:nth-child(2)) .col-2:last-child {
    padding-left: 14px;
}

#sendFinancesModal .conclusion .row .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
    max-width: 100%;
    min-height: 100%;
}

#sendFinancesModal .conclusion .row .inputFiled {
    margin-bottom: 0;
}

#sendFinancesModal .conclusion .bootstrap-select>.dropdown-toggle {
    min-height: 100%;
}

#sendFinancesModal .conclusion span.label {
    margin-left: 8px;
}

#sendFinancesModal .conclusion span.label.totalField {
    margin-top: 25px;
}

#sendFinancesModal .modal-footer>div {
    justify-content: space-between;
    width: 100%;
    flex-direction: row-reverse;
}

#sendFinancesModal .modal-footer button {
    margin: 0;
}
#sendFinancesModal .modal-footer label{
    margin-bottom:0;
}

#sendFinancesModal .conclusion .row:first-child .col-1:last-child .inputFiled {
    border-color: var(--basic-blue);
    display: flex;
    align-items: center;
}

#sendFinancesModal .conclusion .row.valueRow .col-2:last-child .inputFiled.highlightField {
    border-color: var(--basic-blue);
}
#sendFinancesModal .conclusion .row.valueRow .col-2:last-child .inputFiled {
    /*border-color: var(--basic-blue);*/
    display: flex;
    align-items: center;
}
#sendFinancesModal .highlightField .inputFiled{
    border-color: var(--basic-blue);
}

#sendFinancesModal .conclusion .row.valueRow .col-1:last-child .inputFiled .icon {
    margin-left: 13px;
    font-size: 14px;
    color: var(--basic-txt-color);
}

#sendFinancesModal .conclusion .row.valueRow .col-2:last-child .inputFiled .icon {
    margin-left: 13px;
    font-size: 14px;
    color: var(--basic-txt-color);
}

#sendFinancesModal .conclusion .row.valueRow .col-1:last-child .inputFiled input {
    color: var(--basic-txt-color);
}

#sendFinancesModal .conclusion .row.valueRow .col-2:last-child .inputFiled input {
    color: var(--basic-txt-color);
}

#sendFinancesModal .swtichBtnHolder.checked span:last-child {
    color: var(--basic-blue);
}

#sendFinancesModal .swtichBtnHolder:not(.checked) span:first-child {
    color: var(--basic-blue);
}


#noty_bottomLeft_layout_container {
    z-index: 99999999999999 !important;
}

.selectBox .bootstrap-select>.dropdown-toggle:after {
    border-right: unset;
    border-top: unset;
    border-bottom: unset;
    border-left: unset;
    border: solid #a2a2a2;
    border-width: 0 2px 2px 0;
    display: inline-block;
    transform: rotate(45deg);
    padding: 2px;
}

/* .titleTd{display:none!important;} */

.generalMinifyBtn.minifyelementBtn {
    cursor: pointer;
}

.generalMinifyBtn.minifyelementBtn,
.whiteBlock .minifyelementBtn,
.basicBlock .minifyelementBtn {
    display: flex;
    max-height: unset !important;
    position:relative;
    background: white;
    width: 34px !important;
    height: 34px !important;
    justify-content: center;
    align-items: center;
    font-size: 13px !important;
    color: #C5C5C5 !important;
    border: 1px solid var(--gray-border);
}

.generalMinifyBtn.minifyelementBtn i,
.whiteBlock .minifyelementBtn i,
.basicBlock .minifyelementBtn i {
    /* margin: 0 !important;
    color: #C5C5C5 !important; */
    display:none;
}
.generalMinifyBtn.minifyelementBtn:before,
.basicBlock .minifyelementBtn:before,
.whiteBlock .minifyelementBtn:before{
    font-family: "Font Awesome 5 Free";
    content:"\f077";
    font-size:13px;
    display:block;
    width: auto;
    height: auto;
    color: #C5C5C5 !important;
    position:absolute;
    font-weight: 900;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%) rotate(180deg);
    -webkit-transform: translate(-50%,-50%) rotate(180deg);
    -moz-transform: translate(-50%,-50%) rotate(180deg);
    -ms-transform: translate(-50%,-50%) rotate(180deg);
    -o-transform: translate(-50%,-50%) rotate(180deg);
    
    opacity:1;
}
.minifyElementContainer .title {
    user-select: none;
    gap: 10px !important;
    cursor: pointer;
}
.minifyElementTitleHolder {
    user-select: none;
    cursor: pointer;
}

div.expanded .generalMinifyBtn.minifyelementBtn:before,
.minifyElementContainer.expanded .minifyelementBtn:before,
.whiteBlock.expanded .minifyelementBtn:before{
    transform: translate(-50%,-50%) rotate(0deg);
    -webkit-transform: translate(-50%,-50%) rotate(0deg);
    -moz-transform: translate(-50%,-50%) rotate(0deg);
    -ms-transform: translate(-50%,-50%) rotate(0deg);
    -o-transform: translate(-50%,-50%) rotate(0deg);
}

span.startMinifiedElement:not(.expanded),
div.startMinifiedElement:not(.expanded) {
    display:none;
}

.topMobileSelectBoxMenu {
    display: flex;
    width: 100%;
    justify-content: space-between;
    background: white;
    border: 1px solid var(--gray-border);
    max-width: 386px;
    margin: 0px auto;
    margin-bottom: 15px;
}

.topMobileSelectBoxMenu button {
    border: 0 !important;
    border-right: 1px solid var(--gray-border) !important;
}

.topMobileSelectBoxMenu .title {
    align-items: center;
    background: var(--basic-blue);
    color: white;
    padding-right: 8px;
    padding-left: 8px;
    display: flex;
    white-space: nowrap;
}

.topMobileSelectBoxMenu .title span.icon {
    display: block;
    position: relative;
    height: 15px;
    width: 17px;
    margin-left: 8px;
    border-bottom: 3px solid white;
}

.topMobileSelectBoxMenu .title span.icon:before {
    width: 53%;
    display: block;
    position: absolute;
    top: 0
}

.topMobileSelectBoxMenu .title span.icon:after {
    width: 76%;
    display: block;
    position: absolute;
    top: 6.5px;
}

.topMobileSelectBoxMenu .title span.icon:before,
.topMobileSelectBoxMenu .title span.icon:after {
    background: white;
    content: '';
    height: 3px;
}

.topMobileSelectBoxMenu .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    max-width: 100% !important;
    width: 100% !important;
}

.topMobileSelectBoxMenu .basicSelectPicker {
    flex: 1;
}


.selectWithButtonLabelContainer {
    display: flex;
    justify-content: space-between;
    background: white;
    max-width: 450px;
    margin: 0px auto;
    height: 40px;
}

.selectWithButtonLabelContainer button {
    border: 0 !important;
    border-right: 1px solid var(--gray-border) !important;
    margin:0 !important;
}
.selectWithButtonLabelContainer .dropdown-toggle .filter-option {
    min-width: unset;
}

.selectWithButtonLabelContainer .selectButtonLabel {
    align-items: center;
    background: var(--basic-blue);
    color: white;
    padding-right: 8px;
    padding-left: 8px;
    display: flex;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
}

.selectWithButtonLabelContainer .selectButtonLabel i {
    margin-left: 5px;
}

.selectWithButtonLabelContainer .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    max-width: 100% !important;
    width: 100% !important;
    border: 1px solid var(--gray-border);
    height: 40px;
    border-right: 0;
}

.selectWithButtonLabelContainer .basicSelectPicker {
    flex: 1;
}



/* Datepicker inner selectpicker */
.ui-datepicker .ui-datepicker-title .dropdown {
    max-width: 80px;
    margin: 0 !important;
}

.ui-datepicker .ui-datepicker-title .dropdown.ui-datepicker-year {
    max-width: 62px;
    margin: 0 !important;
}

.ui-datepicker .ui-datepicker-title .dropdown button {
    padding: 4px;
    height: 30px !important;
}

.ui-datepicker .ui-datepicker-title .dropdown .filter-option-inner {
    width: 100%;
}

.ui-datepicker .ui-datepicker-title .dropdown .filter-option {
    width: 100%;
}

.ui-datepicker .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    font-size: 13px !important;
}


.timepicker .cell-4,
.timepicker li.cell-2 {
    text-align: center;
}

.timepicker .title {
    display: none;
}

/* home page */
.homePage {}

.homePage .allContainer {
    gap: 1.2%;
}

.homePage .allContainer .item {
    width: 49.4%;
    min-height: 20px;
    background: white;
    margin-bottom: 23px;
    overflow: hidden;
}

.homePage .allContainer .smallItem {
    width: 24.1%;
    padding: 0;
    min-height: 280px;
}

/* .homePage .item:nth-child(2),.homePage .item:nth-child(4),.homePage .item:nth-child(8){margin-left:0;} */
.homePage .allContainer .smallBanner {
    width: 35.8%;
}

.homePage .allContainer .workers {
    width: 100%;
}

.homePage .tab{display:none;}
.homePage .tab.active{display: block;}
.homePage .allContainer .featuresView{padding:0;}
.homePage .top{width:100%;border-bottom:1px solid var(--gray-border);height:50px;}
.homePage .top .settingsBtn{padding:0 15px;color:rgba(187,187,187,0.88);font-size:15px;display:flex;align-items:center;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.homePage .top .settingsBtn:hover{color:rgba(187,187,187,1);}
.homePage  .tabsMenu{display:flex;height:100%;padding-right:15px;border:0!important;}
.homePage .tabsMenu > li{margin-left:30px;display:flex;align-items:center;}
.homePage .tabsMenu > li a[href]{position:relative;text-decoration:none;color:var(--basic-txt-color);height:100%;display:flex;align-items:center;}
.homePage .tabsMenu > li > a:after{transition: all 0.3s ease-in-out;width: 0;height: 3px;content:'';position:absolute;bottom:0;right:0;background:var(--basic-blue);}
.homePage .tabsMenu > li > a.active:after{transition: all 0.3s ease-in-out;width: 13px;}
.homePage .suppliersList{display:flex;flex-wrap:wrap;margin:0;overflow-y:auto;max-height:240px;overflow-x:auto;gap:8px;padding-top:14px;}
.homePage .suppliersList a{text-decoration: none;}
.homePage .suppliersList li{min-width:200px;height:102px;flex:0 1 calc(50% - 4px);}
.homePage .suppliersList li > a{
    border:1px solid var(--gray-border);
    background:#f5f5f5;
    padding:10px;
    height:100%;width:100%;
    display:flex;
    align-items:center;
}

.homePage .suppliersList li .content{display:flex;align-items:center;min-height:100%;min-width:84%;width:100%;}
.homePage .suppliersList li .content span.name{
    color:var(--basic-txt-color);
    font-size:15px;
    font-weight:400;
    margin-right:7%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow:hidden;
}

.homePage .suppliersList li img{height:auto;width:100%;min-width: 80px;=overflow:hidden;background:white;display:flex;align-items: center;justify-content: center;}
.homePage .suppliersList li .img{max-width:100%;height:80px;width:80px;min-width:80px;overflow:hidden;display:flex;align-items: center;border:1px solid var(--gray-border);}
.homePage .suppliersList li .img img{width:100%;}
.homePage .featuresView .tabsContainer{width:100%;min-height:145px;padding:0 20px 20px 20px;position:relative;}
.homePage .featuresView .tab{min-height:100%;}
.homePage .featuresView .openDropDown{width: 29px;height: 29px;background:white;border:1px solid var(--gray-border);color:#bbbcbc;font-size:13px;display:flex;align-items:Center;justify-content:center;border-radius:50%;}

.homePage .profileSettings {}

.homePage .subscription {}

.homePage .workersTimesList {}

.homePage .finances {}

.homePage .allContainer .smallBanner {
    position: relative;
    box-shadow: 0px 1px 6.65px 0.35px rgba(0, 0, 0, 0.1);
    min-height: 177px;
    /*background: url('../images/home/banner_bg.png') no-repeat right;*/
    background-size: 55% 100%;
    background-color: var(--basic-blue);
}

.homePage .allContainer .smallBanner .content {
    text-align: left;
    direction: ltr;
    margin-left: 40px;
    margin-top: 20px;
}

.homePage .allContainer .smallBanner .content h2 {
    font-size: 48px;
    font-weight: 500;
    color: white;
    display: block;
    text-align: left;
    margin-bottom: 8px;
}

.homePage .allContainer .smallBanner .content span {
    color: white;
    font-size: 17px;
    display: block;
    margin-bottom: 13px;
    text-align: left;
}

.homePage .allContainer .smallBanner .content .navigateBtn {
    display: flex;
    width: fit-content;
    min-width: 125px;
    justify-content: center;
    align-items: center;
    color: var(--basic-blue);
    background: white;
    font-size: 15px;
    font-weight: 500;
    border-radius: 30px;
    height: 30px;
    padding: 0 15px;
    margin-bottom: 7px;
}

.homePage .allContainer .smallBanner .close {
    font-size: 15px;
    opacity: 1;
    position: absolute;
    top: 10px;
    left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

.homePage .tab {
    display: none;
}

.homePage .tab.active {
    display: block;
}

.homePage .allContainer .featuresView {
    padding: 0;
}

.homePage .top {
    width: 100%;
    border-bottom: 1px solid var(--gray-border);
    height: 50px;
}

.financesWidget1ChartContainer {
    width: 100%;
    height: 273px;
    max-width: 100%;
    margin-top: -50px;
}

.homePage .homePageWidgetBlock .widgetBottomPanel {
    width: 100%;
    border-top: 1px solid var(--gray-border);
    min-height: 35px;
    height: 35px;
    display: flex;
    justify-content: end;
    align-items: center;
    /* padding: 0 10px; */
    /* position: absolute;
    bottom: 0; */
}

.homePage .homePageWidgetBlock .widgetBottomPanel .inlineButton {

    display: flex;
    align-items: center;
    height: 100%;
    color: black;
    /* border-radius: 8px; */
    padding: 0 41px;
    /* text-decoration: underline; */
    /* background: #f7f7f7; */
    cursor: pointer;
    user-select: none;
    /* margin: 0 10px; */
    border-right: 1px solid #d6d6d6;
    /* border: 1px solid var(--gray-border);*/
}

.homePage .homePageWidgetBlock .widgetBottomPanel .inlineButton:last-child {
    border-bottom-left-radius: 7px;
}


.homePage .homePageWidgetBlock .widgetBottomPanel .inlineButton:hover {

    background: #ddffde;
    text-decoration: none;
}

/* .homePage .chequesWidget1ChequesList .widgetBottomPanel .inlineButton:hover {
    background: #e35d5d50;
}
.homePage .financesWidget1Block .widgetBottomPanel .inlineButton:hover {
    background: ;
}
.homePage .taxDocumentsWidget1TaxDocumentsList .widgetBottomPanel .inlineButton:hover {
    background: #2caa3850;
}
.homePage .suppliersInvoicesWidget1List .widgetBottomPanel .inlineButton:hover {
    background: #fd985c50;
} */


.homePage .homePageWidgetBlock .widgetBottomPanel .inlineButton:active {

    background: #c4e5c5;
}

.homePage .homePageWidgetBlock .widgetBottomPanel .inlineButton .inlineButtonIconHolder {

    padding-left: 7px;
    color: #9cdec3;
}

.homePage .homePageWidgetBlock .widgetBottomPanel .inlineButton:hover .inlineButtonIconHolder {

    color: #78af99;
}




.homePage .allContainer > .homePageInvoicesLeftBanner {
    width: 49.4%;
}
.homePage .allContainer > .homePageInvoicesLeftBanner > .content .bannerBottomButton {
    margin-right: 45px;
    position: absolute;
    bottom: 13px;
}
.homePage .allContainer > .homePageInvoicesLeftBanner > .content .bannerSideText {

    text-align:right;
    margin-right:45px;
    font-size:25px;
    font-weight:bold;
    margin-top: 40px;
}

.homePage .allContainer > .homePageInvoicesLeftBanner > .content > .bannerImageAndTextContainer {
    display: flex;
    flex-direction: row;
}


.homePage .allContainer > .homePageInvoicesLeftBanner > .content .bannerImageContainer {
    margin-bottom:20px;
}

.homePage .allContainer > .homePageInvoicesLeftBanner > .content .bannerImageContainer img {
    width: 500px;
}

@media screen and (max-width: 1620px) {
    .homePage .allContainer > .homePageInvoicesLeftBanner > .content .bannerImageContainer img {
        width: 330px;
    }
}

@media screen and (max-width: 1490px) {
    .homePage .allContainer > .homePageInvoicesLeftBanner > .content .bannerSideText {
        font-size: 22px;
        margin-top: 10px;
        text-align: center;
    }
    .homePage .allContainer > .homePageInvoicesLeftBanner > .content > .bannerImageAndTextContainer {
        flex-direction: column-reverse;
    }
    .homePage .allContainer > .homePageInvoicesLeftBanner > .content .bannerImageContainer {
        margin: 0;
        display: flex;
        justify-content: center;
    }
    .homePage .allContainer > .homePageInvoicesLeftBanner > .content .bannerImageContainer img {
        margin-top:20px;
        width: 250px;
    }
}
@media screen and (max-width: 1300px) {
    .homePage .allContainer > .homePageInvoicesLeftBanner > .content .bannerImageContainer img {
        margin-top:30px;
        width: 200px;
    }
}
@media screen and (max-width: 1180px) {
    .homePage .allContainer > .homePageInvoicesLeftBanner > .content .bannerSideText {
        font-size: 20px;
    }
    .homePage .allContainer > .homePageInvoicesLeftBanner > .content .bannerImageContainer img {
        margin-top:50px;
        width: 150px;
    }
}

@media screen and (max-width: 1000px) {
    .homePage .allContainer > .homePageInvoicesLeftBanner > .content .bannerSideText {
        font-size: 20px;
    }
    .homePage .allContainer > .homePageInvoicesLeftBanner > .content .bannerImageContainer img {
        display:none;
    }
}


@media screen and (max-width: 980px) {
    .homePage .allContainer > .homePageInvoicesLeftBanner {
        width: 100%;
    }
    .homePage .allContainer > .homePageInvoicesLeftBanner > .content .bannerBottomButton {
        margin-top: 20px;
        margin-right: 45px;
        position: relative;
    }
}


.homePage .allContainer > .homePageInvoicesRightBanner {
    width: 49.4%;
}
.homePage .allContainer > .homePageInvoicesRightBanner > .content {
    height: 250px;
}
.homePage .allContainer > .homePageInvoicesRightBanner > .content > h2.bannerHeader {
    font-size: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right:33px;
    text-align:right;
}
.homePage .allContainer > .homePageInvoicesRightBanner > .content > .bannerTextsContainer > .bannerTextContainer {
    text-align:right;
    margin-right:45px;
    font-size:20px;
    font-weight: 500;
}
.homePage .allContainer > .homePageInvoicesRightBanner > .content > .bannerTextsContainer > .bannerTextContainer1 {
    margin-top: 40px;
}

.homePage .allContainer > .homePageInvoicesRightBanner > .content > .bannerTextsContainer > .bannerTextContainer2 {
    margin-top: 40px;
}

.homePage .allContainer > .homePageInvoicesRightBanner > .content > .bannerTextsContainer > .bannerBottomLinkContainer {
    margin-right: 45px;position: absolute;bottom: 13px;right:0
}

@media screen and (max-width: 1620px) {
    .homePage .allContainer > .homePageInvoicesRightBanner > .content {
        height: 270px;
    }
    .homePage .allContainer > .homePageInvoicesRightBanner > .content > .bannerTextsContainer > .bannerTextContainer1 {
        margin-top: 10px;
    }
    .homePage .allContainer > .homePageInvoicesRightBanner > .content > .bannerTextsContainer > .bannerTextContainer2 {
        margin-top: 10px;
    }
}

@media screen and (max-width: 1490px) {
    .homePage .allContainer > .homePageInvoicesRightBanner > .content > h2.bannerHeader {
        font-size: 31px;
    }
    .homePage .allContainer > .homePageInvoicesRightBanner > .content {
        height: 300px;
    }
    .homePage .allContainer > .homePageInvoicesRightBanner > .content > .bannerTextsContainer > .bannerTextContainer1 {
        margin-top: 10px;
    }
    .homePage .allContainer > .homePageInvoicesRightBanner > .content > .bannerTextsContainer > .bannerTextContainer2 {
        margin-top: 10px;
    }
}

@media screen and (max-width: 1300px) {
    .homePage .allContainer > .homePageInvoicesRightBanner > .content > h2.bannerHeader {
        font-size: 29px;
    }
}

@media screen and (max-width: 1180px) {
    .homePage .allContainer > .homePageInvoicesRightBanner > .content > h2.bannerHeader {
        font-size: 27px;
    }
    .homePage .allContainer > .homePageInvoicesRightBanner > .content > .bannerTextsContainer > .bannerTextContainer {
        font-weight: 400;
    }
}

@media screen and (max-width: 1050px) {
    .homePage .allContainer > .homePageInvoicesRightBanner > .content > h2.bannerHeader {
        font-size: 25px;
    }
    .homePage .allContainer > .homePageInvoicesRightBanner > .content > .bannerTextsContainer > .bannerTextContainer {
        font-weight: 400;
    }
}


@media screen and (max-width: 980px) {
    .homePage .allContainer > .homePageInvoicesRightBanner {
        width: 100%;
    }
    .homePage .allContainer > .homePageInvoicesRightBanner > .content {
        height: 200px;
    }

    .homePage .allContainer > .homePageInvoicesRightBanner > .content > .bannerTextsContainer > .bannerBottomLinkContainer {
        margin-right: 45px;
        position: relative;
        margin-top:10px;
    }
}

@media screen and (max-width: 840px) {
    .homePage .allContainer > .homePageInvoicesRightBanner > .content {
        height: 100%;
    }
}

.homePage .top .settingsBtn {
    padding: 0 15px;
    color: rgba(187, 187, 187, 0.88);
    font-size: 15px;
    display: flex;
    align-items: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.homePage .top .settingsBtn:hover {
    color: rgba(187, 187, 187, 1);
}

.homePage .tabsMenu {
    display: flex;
    height: 100%;
    padding-right: 15px;
    border: 0 !important;
}

.homePage .tabsMenu>li {
    margin-left: 30px;
    display: flex;
    align-items: center;
}

.homePage .tabsMenu>li a[href] {
    position: relative;
    text-decoration: none;
    color: var(--basic-txt-color);
    height: 100%;
    display: flex;
    align-items: center;
}


.homePage .tabsMenu>li>a:after {
    transition: all 0.3s ease-in-out;
    width: 0;
    height: 3px;
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    background: var(--basic-blue);
}

.homePage .tabsMenu>li>a.active:after {
    transition: all 0.3s ease-in-out;
    width: 13px;
}

.homePage .suppliersList {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    overflow-y: auto;
    max-height: 240px;
    overflow-x: auto;
    gap: 8px;
    padding-top: 14px;
}

.homePage .suppliersList a {
    text-decoration: none;
}

.homePage .suppliersList li {
    min-width: 200px;
    height: 102px;
    flex: 0 1 calc(50% - 4px);
}

.homePage .suppliersList li>a {
    border: 1px solid var(--gray-border);
    background: #f5f5f5;
    padding: 10px;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
}

.homePage .suppliersList li .content {
    display: flex;
    align-items: center;
    min-height: 100%;
    min-width: 84%;
    width: 100%;
}

.homePage .suppliersList li .content span.name {
    color: var(--basic-txt-color);
    font-size: 15px;
    font-weight: 400;
    margin-right: 7%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.homePage .suppliersList li img {
    height: auto;
    width: 100%;
    min-width: 80px;
    =overflow: hidden;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

.homePage .suppliersList li .img {
    max-width: 100%;
    height: 80px;
    width: 80px;
    min-width: 80px;
    overflow: hidden;
    display: flex;
    align-items: center;
    border: 1px solid var(--gray-border);
    border-radius: 15%;
}

.homePage .suppliersList li .img img {
    width: 100%;
}

.homePage .featuresView .tabsContainer {
    width: 100%;
    min-height: 145px;
    padding: 0 20px 20px 20px;
    position: relative;
}

.homePage .featuresView .tab {
    min-height: 100%;
}

.homePage .featuresView .openDropDown {
    width: 29px;
    height: 29px;
    background: white;
    border: 1px solid var(--gray-border);
    color: #bbbcbc;
    font-size: 13px;
    display: flex;
    align-items: Center;
    justify-content: center;
    border-radius: 50%;
}



.homePage .smallItem.profileSettings {
    padding: 20px;
}

.homePage .profileSettings .percentage {
    display: flex;
    width: 100%;
    border: 1px solid var(--gray-border);
    height: 13px;
}

.homePage .profileSettings .percentage span {
    width: 20%;
    position: relative;
    display: block;
    min-height: 100%;
}

.homePage .profileSettings .percentage span.active {
    background: var(--basic-green);
}

.homePage .profileSettings .percentage span:after {
    width: 20%;
    position: absolute;
    top: 0;
    content: '';
    background: white;
    transform: skew(38deg);
    min-height: 100%;
    border-left: 2px solid var(--gray-border);
    left: -4px;
}

.homePage .profileSettings .percentage span.active:after {
    background: var(--basic-green);
}

.homePage .profileSettings .percentage span:first-child {
    width: 40%;
}

.homePage .profileSettings .percentage span:last-child:after {
    display: none;
}

.homePage .profileSettings .continueBtn {
    background: var(--basic-blue-dark);
    color: white;
    margin: 0px auto;
    font-size: 15px;
    font-weight: 15px;
    width: fit-content;
    padding: 0 18px;
    display: flex;
    align-items: center;
    height: 28px;
    border-radius: 30px;
}

.homePage .profileSettings .settingsStage {
    width: 100%;
    border: 1px solid var(--gray-border);
    padding: 20px;
    min-height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
}

.homePage .profileSettings .settingsStage>div {
    text-align: center;
}

.homePage .profileSettings .settingsStage strong {
    color: var(--basic-blue-dark);
    font-size: 20px;
    font-weight: 400;
    display: block;
    text-align: center;
    margin-bottom: 8px;
}

.homePage .profileSettings .settingsStage span {
    color: #b9b9b9;
    display: block;
    text-align: center;
    font-size: 15px;
    margin-bottom: 15px;
}

.homePage .profileSettings .percent {
    color: var(--basic-blue-dark);
    font-size: 15px;
    font-weight: 400;
    display: block;
    margin-bottom: 10px;
}

.homePage .profileSettings .percent .green {
    color: var(--basic-green);
}

.homePage .allContainer .smallItem .top {
    width: 100%;
    height: 50px;
    border-bottom: 1px solid var(--gray-border);
}

.homePage .allContainer .smallItem .top span.title {
    color: var(--basic-txt-color);
    font-size: 15px;
    font-weight: 400;
}

.homePage .allContainer .smallItem .top.paddings {
    padding-right: 20px;
    padding-left: 20px;
}

.homePage .allContainer .subscription .top {
    padding: 4px;
    padding-right: 20px;
}

.homePage .allContainer .subscription .upgradeBtn {
    background: var(--basic-green);
    color: white;
    font-size: 15px;
    font-weight: 500;
    width: calc(100%);
    padding-left: 5%;
    position: relative;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.homePage .allContainer .subscription .btnHolder {
    position: relative;
    width: calc(50% - 13px);
}

.homePage .allContainer .subscription .upgradeBtn span.side {
    width: 40px;
    height: calc(100%);
    display: block;
    position: absolute;
    z-index: 0;
    background: var(--basic-green);
    right: -23px;
    transform: skew(38deg);
    top: 0;
    content: '';
}

@media screen and (min-width: 1930px) {
    .homePage .allContainer .subscription .upgradeBtn:before {
        height: 100%;
    }

}

.homePage .allContainer .subscription .upgradeBtn span {
    z-index: 9;
}

.homePage .allContainer .subscription .bottom {
    border-top: 1px solid var(--gray-border);
    margin-top: auto;
}

.homePage .allContainer .subscription .bottom .col {
    padding: 15px 5px;
    width: 50%;
    display: flex;
    justify-content: center;
    font-size: 15px;
}

.homePage .allContainer .subscription .bottom .col:first-child {
    border-left: 1px solid var(--gray-border);
}

.homePage .allContainer .subscription .bottom .col:first-child {
    border-left: 1px solid var(--gray-border);
}

.homePage .allContainer .subscription .myPackage {
    max-width: 298px;
    margin: 0px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
}

.homePage .allContainer .subscription .myPackage p {
    font-size: 15px;
    color: var(--basic-txt-color);
}

.homePage .allContainer .subscription .myPackage p span {
    display: block;
    font-weight: 500;
    font-size: 24px;
    margin-top: 8px;
}

.homePage .allContainer .workers {
    padding: 0;
    flex-direction: column;
}

.homePage .allContainer .workers .top .basicSelectPicker {
    max-width: 150px;
    margin-right: 8px;
}

.homePage .allContainer .workers .top .basicSelectPicker .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 150px;
}

.homePage .workersList {
    width: 100%;
    max-width: 100%;
    margin: 0;
    min-height: 100%;
    display: flex;
}

.homePage .workersList li {
    width: 100%;
    width: 100%;
    min-height: 100%;
    padding-top: 5px;
    border-left: 1px solid var(--gray-border);
    display: flex;
    flex-direction: column;
}

.homePage .workersList li .img {
    position: relative;
    margin: 0px auto;
    margin-top: auto;
    margin-bottom: auto;
    max-height: 85px;
}

.homePage .workersList li .imgHolder {
    height: 75px;
    width: 75px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid var(--gray-border);
}

.homePage .workersList li .imgHolder img {
    display: inline;
    margin: 0 auto;
    height: 73px;
    min-width: 73px;
    object-fit: cover;
}

.homePage .workersList li .workerCardMiddle {
    max-width: 90%;
    height: 40px;
    margin: 0px auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.homePage .workersList li .workerBottom {
    width: 100%;
    margin-top: auto;
    border-top: 1px solid var(--gray-border);
    display: flex;
}

.homePage .workersList li .workerBottom .col {
    min-height: 30px;
    width: 50%;
    padding: 8px 5px;
    font-size: 13px;
    color: var(--basic-txt-color);
}

.homePage .workersList li .workerBottom .col:hover {
    background-color: #f9f9f9;
}

.homePage .workersList li .workerBottom .col i {
    color: #d1d1d1;
    font-size: 14px;
    margin-left: 5px;
}

.homePage .workersList li .workerBottom .col:not(:first-child) {
    border-right: 1px solid var(--gray-border);
}

.homePage .workersList li .status {
    position: absolute;
    transform: translate(-50%);
    right: -2px;
    bottom: 2px;
    border: 2px solid white;
    height: 15px;
    width: 15px;
    background: #cccccc;
    border-radius: 50%;

}

.homePage .workersList li.online .status {
    background: #3cbe89;
}

.homePage .workersList li .infoBtn {
    border: 1px solid var(--gray-border);
    display: flex;
    font-size: 13px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    background: white;
    color: #c2c2c2;
    position: relative;
}

.homePage .workersList li .infoBtn:hover {
    border-color: var(--basic-green);
    color: var(--basic-green);
}

.homePage .workersList .infoBtnHolder {
    width: 30px;
    height: 30px;
    position: absolute;
    transform: translate(-50%);
    left: 4px;
    bottom: 1px;
}

.homePage .workersList .infoBtnHolder .circle {
    position: absolute;
    top: -5.5px;
    right: -5.5px;
    width: 17px;
    height: 17px;
    background: #3cbe89;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: white;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.homePage .workersTab {}

.homePage .workers .tabsContainer {
    flex: 1;
    max-width: 100%;
}

.homePage .workers .tabsContainer .tab {
    max-height: 100%;
    min-height: 100%;
}

.homePage .workers .listContainer {
    min-height: 100%;
    flex: 1;
    overflow-x: hidden;
}

.homePage .workers .tab.show {
    display: flex !important;
}

.homePage .workers .buttonHolder {
    width: 24px;
    min-height: 100%;
    min-width: 12px;
    border-right: 1px solid var(--gray-border);
    margin-right: -1px;
}

.homePage .workers .buttonHolder .owl-prev {
    display: none !important;
}

.homePage .workers .buttonHolder button,
.homePage .workersTab>button {
    transition: all 0.3s ease-in-out;
}

.homePage .workers .buttonHolder button,
.homePage .workersTab>button {
    width: 100%;
    background: white;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #b4b4b4;
    font-size: 13px;
}

.homePage .workers .buttonHolder button:hover,
.homePage .workersTab>button:hover {
    background: #f8f8f8;
}

.homePage .workers .buttonHolder button.disabled,
.homePage .workersTab>button.disabled {
    position: relative;
    cursor: not-allowed;
}

.homePage .workers .workersList.owl-carousel .owl-stage,
.homePage .workers .workersList.owl-carousel .owl-item {
    min-height: 125px;
    height: 100%;
}

.homePage .workers .owl-stage,
.homePage .workers .owl-item {
    min-height: 100%;
}

.homePage .workersTab>button {
    width: 24px;
    min-height: 100%;
    height: auto;
}

.homePage .workersTab>button.owl-prev {
    border-left: 1px solid var(--gray-border);
}

.homePage .workersTab>button.owl-next {
    border-right: 1px solid var(--gray-border);
}

.homePage .owl-stage {
    display: flex;
}

.homePage .workers .date {
    min-width: 100px;
    width: 105px;
    background: var(--basic-blue-dark);
    min-height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.homePage .workers .date span {
    color: white;
}

.homePage .workers .date span.big {
    font-size: 24px;
    margin-bottom: 5px;
}

.homePage .workers .date span.small {
    font-weight: 500;
    font-size: 15px;
}

.homePage .workers .shiftsContainer {
    flex: 1;
    display: flex;
    flex-direction: column;
    max-width: calc(100% - 105px);
}

.homePage .workers .shiftsContainer .inner {
    flex: 1;
}

.homePage .workers .shiftsTypes {
    width: 100%;
    border-top: 1px solid var(--gray-border);
    height: 40px;
}

.homePage .workers .shiftsTypes button {
    flex: 1 1 0px;
    text-align: Center;
    background: none;
    color: var(--basic-txt-color);
    font-size: 15px;
}

.homePage .workers .shiftsTypes button.active {
    background: var(--basic-blue);
    color: white;
}

.homePage .workers .shiftsContainer .listContainer {
    padding: 6px 8px 6px 0px;
}

.homePage .workers .shiftsList {
    min-height: 100%;
    margin: 0;
    display: flex;
}

.homePage .workers .shiftsList li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100%;
    width: fit-content;
    background: var(--basic-gray-dark);
    padding: 5px 18px 5px 21px;
    margin-left: 8px;
    max-width: 180px;
}

.homePage .workers .shiftsList li span.name {
    color: var(--basic-txt-color);
    display: inline-block;
    font-size: 14px;
    margin-bottom: 4px;
}

.homePage .workers .shiftsList li span.times {
    white-space: nowrap;
    color: var(--basic-blue);
    font-size: 12px;
    font-weight: 500;
}

.homePage .workers .shiftsContainer[data-visible="morningShifts"] .eveningShift {
    display: none;
}

.homePage .workers .shiftsContainer[data-visible="eveningShifts"] .morningShift {
    display: none;
}

.homePage .finances {}

.homePage .finances .col {
    width: 50%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.homePage .finances .col:first-child {
    border-left: 1px solid var(--gray-border);
}

.homePage .finances .title {
    height: 50px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    padding: 5px;
    color: var(--basic-txt-color);
    width: 100%;
    border-bottom: 1px solid var(--gray-border);
}

.homePage .finances .inner {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
}

.homePage .finances .inner .item {
    position: relative;
    height: 50%;
    width: 100%;
    display: flex;
    align-items: center;
    margin: 0;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    padding: 14px;
}

.homePage .finances .inner .item>span {
    display: block;
    width: 100%;
    text-align: center;
}

.homePage .finances .inner .item span.small {
    color: #9d9d9d;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    display: block;
    width: 100%;
    margin-bottom: 13px;
}

.jobsPage .bootstrap-select .dropdown-menu li a span.text {
    /*max-width:250px!important;*/
    white-space: break-spaces;
    margin-right: 0 !important;
}

.homePage .finances .inner .item:first-child:after {
    display: block;
    height: 1px;
    width: 35%;
    background: var(--gray-border);
    content: '';
    position: absolute;
    bottom: 0;
}

.homePage .finances .inner .item span.amount {
    color: #151b20;
    max-width: 100%;
    overflow: hidden;
    font-size: 36px;
    font-weight: 300;
    display: flex;
    align-items: center;
    justify-content: center;
}

.homePage .finances .inner .item span.digits-9 {
    font-size: 25px;
}

.homePage .finances .inner .item span.digits-6 {
    font-size: 32px;
}

.homePage .finances .inner .item i {
    font-size: 18px;
}

.homePage .finances .inner .item .fa-sort-up {
    color: #3cbe89;
    margin-top: 8px;
    margin-right: 5px;
}

.homePage .finances .inner .item .fa-sort-down {
    color: #ff3838;
    margin-top: -3px;
    margin-right: 5px;
}



.homePage .chequesWidget1Block {
    min-height: 116px;
}
.homePage .financesWidget1Block {
    min-height: 140px;
}
.homePage .taxDocumentsWidget1Block {
    min-height: 116px;
}
.homePage .suppliersInvoicesWidget1Block {
    min-height: 116px;
}

.homePage .chequesWidget1Block .col ,
.homePage .financesWidget1Block .col ,
.homePage .taxDocumentsWidget1Block .col,
.financesTablesWidget1Block .col,
.homePage .suppliersInvoicesWidget1Block .col {
    width: 50%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.homePage .chequesWidget1Block .title ,
.homePage .financesWidget1Block .title ,
.homePage .taxDocumentsWidget1Block .title,
.financesTablesWidget1Block .title,
.homePage .suppliersInvoicesWidget1Block .title {
    height: 50px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    padding: 5px;
    color: var(--basic-txt-color);
    width: 100%;
    border-bottom: 1px solid var(--gray-border);
}

.homePage .chequesWidget1Block .inner ,
.homePage .financesWidget1Block .inner ,
.homePage .taxDocumentsWidget1Block .inner,
.financesTablesWidget1Block .inner,
.homePage .suppliersInvoicesWidget1Block .inner {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
}

.homePage .chequesWidget1Block .inner .item ,
.homePage .financesWidget1Block .inner .item ,
.homePage .taxDocumentsWidget1Block .inner .item,
.financesTablesWidget1Block .inner .item,
.homePage .suppliersInvoicesWidget1Block .inner .item {
    position: relative;
    height: 50%;
    width: 100%;
    display: flex;
    align-items: center;
    margin: 0;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    padding: 10px;
}

.homePage .chequesWidget1Block .inner .item>span ,
.homePage .financesWidget1Block .inner .item>span ,
.homePage .taxDocumentsWidget1Block .inner .item>span,
.financesTablesWidget1Block .inner .item>span,
.homePage .suppliersInvoicesWidget1Block .inner .item>span {
    display: block;
    width: 100%;
    text-align: center;
}


.homePage .homePageWidgetInnerBlock .ktoggle-container p.ktoggleLabel {
    color: #9d9d9d;
    margin-bottom: 0;
}

.genericAmountHolder .small,
.homePage .chequesWidget1Block .inner .item span.small,
.homePage .chequesWidget1Block .inner .item span.small a ,
.homePage .financesWidget1Block .inner .item span.small,
.financesTablesWidget1Block .inner .item span.small, 
.homePage .taxDocumentsWidget1Block .inner .item span.small, 
.homePage .suppliersInvoicesWidget1Block .inner .item span.small, 
.homePage .financesWidget1Block .inner .item span.small a ,
.financesTablesWidget1Block .inner .item span.small a,
.homePage .taxDocumentsWidget1Block .inner .item span.small a,
.homePage .suppliersInvoicesWidget1Block .inner .item span.small a {
    color: #9d9d9d;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    display: block;
    width: 280px;
    /* margin-bottom: 13px; */
}

.homePage .chequesWidget1Block .inner .item span.small,
.homePage .chequesWidget1Block .inner .item span.small a {
    width: 370px;
}

.homePage .chequesWidget1Block .inner .item:first-child:after ,
.homePage .financesWidget1Block .inner .item:first-child:after ,
.homePage .taxDocumentsWidget1Block .inner .item:first-child:after,
.financesTablesWidget1Block .inner .item:first-child:after,
.homePage .suppliersInvoicesWidget1Block .inner .item:first-child:after {
    display: block;
    height: 1px;
    width: 35%;
    background: var(--gray-border);
    content: '';
    position: absolute;
    bottom: 0;
}

.homePage .financesWidget1Block .inner .item:first-child:after {
    background: unset;
}
.homePage .financesWidget1Block .inner .item {
    padding-top:0px;
}

.homePage .financesWidget1Block .financesWidget1BlockGrossProfit .inner .item .secondAmountMainValueHolder,
.homePage .financesWidget1Block .financesWidget1BlockGrossProfit .inner .item .thirdAmountMainValueHolder {
    margin-top:-35px;
}

.genericAmountHolder span.amount ,
.homePage .chequesWidget1Block .inner .item span.amount ,
.homePage .financesWidget1Block .inner .item span.amount ,
.homePage .taxDocumentsWidget1Block .inner .item span.amount,
.financesTablesWidget1Block .inner .item span.amount,
.homePage .suppliersInvoicesWidget1Block .inner .item span.amount {
    color: #151b20;
    max-width: 100%;
    overflow: hidden;
    font-size: 36px;
    font-weight: 300;
    display: flex;
    align-items: center;
    justify-content: center;
}

.genericAmountHolder .small {
    width: 100%;
    display: flex;
    justify-content: center;
}

.genericAmountHolder span.amount > a,
.genericAmountHolder span.amount > span,
.genericAmountHolder .small,
.homePage .chequesWidget1Block .inner .item span.amount > a,
.homePage .chequesWidget1Block .inner .item span.amount > span,
.homePage .financesWidget1Block .inner .item span.amount > a,
.homePage .financesWidget1Block .inner .item span.amount > span,
.homePage .taxDocumentsWidget1Block .inner .item span.amount > a,
.homePage .taxDocumentsWidget1Block .inner .item span.amount > span,
.financesTablesWidget1Block .inner .item span.amount > a,
.financesTablesWidget1Block .inner .item span.amount > span,
.homePage .suppliersInvoicesWidget1Block .inner .item span.amount > a,
.homePage .suppliersInvoicesWidget1Block .inner .item span.amount > span {
    direction: ltr;
}

div.genericAmountHolder.amountHolder:first-child span.amount,
.homePage .financesWidget1Block .inner .item div.amountHolder:first-child span.amount {

    border-left: 1px solid var(--gray-border);
}

.homePage .chequesWidget1Block .inner .item span.digits-9 ,
.homePage .financesWidget1Block .inner .item span.digits-9 ,
.homePage .taxDocumentsWidget1Block .inner .item span.digits-9,
.financesTablesWidget1Block .inner .item span.digits-9,
.homePage .suppliersInvoicesWidget1Block .inner .item span.digits-9 {
    font-size: 25px;
}

.homePage .chequesWidget1Block .inner .item span.digits-6 ,
.homePage .financesWidget1Block .inner .item span.digits-6 ,
.homePage .taxDocumentsWidget1Block .inner .item span.digits-6,
.financesTablesWidget1Block .inner .item span.digits-6,
.homePage .suppliersInvoicesWidget1Block .inner .item span.digits-6 {
    font-size: 32px;
}

.homePage .chequesWidget1Block .inner .item i ,
.homePage .financesWidget1Block .inner .item i ,
.homePage .taxDocumentsWidget1Block .inner .item i,
.financesTablesWidget1Block .inner .item i,
.homePage .suppliersInvoicesWidget1Block .inner .item i {
    font-size: 18px;
}

.homePage .chequesWidget1Block .inner .item .fa-sort-up ,
.homePage .financesWidget1Block .inner .item .fa-sort-up ,
.homePage .taxDocumentsWidget1Block .inner .item .fa-sort-up,
.financesTablesWidget1Block .inner .item .fa-sort-up,
.homePage .suppliersInvoicesWidget1Block .inner .item .fa-sort-up {
    color: #3cbe89;
    margin-top: 8px;
    margin-right: 5px;
}

.homePage .chequesWidget1Block .inner .item .fa-sort-down ,
.homePage .financesWidget1Block .inner .item .fa-sort-down ,
.homePage .taxDocumentsWidget1Block .inner .item .fa-sort-down,
.financesTablesWidget1Block .inner .item .fa-sort-down,
.homePage .suppliersInvoicesWidget1Block .inner .item .fa-sort-down {
    color: #ff3838;
    margin-top: -3px;
    margin-right: 5px;
}


.financeTableaWidgetList .top .title > .titleIcon,
.financeTablebWidgetList .top .title > .titleIcon {
    margin-left: 5px;
}

.financeTableaWidgetList .top .title > .titleIcon {
    color: var(--basic-orange);
}
.financeTablebWidgetList .top .title > .titleIcon {
    color: var(--basic-blue);
}

.homePage .financesWidget1FinancesList .top .title > .titleIcon {
    color: #2caa38;
    margin-left: 5px;
}
.homePage .financesWidget1FinancesList {
    border-right: #6ad874 5px solid !important;
    border-radius: 7px !important;
}

.homePage .taxDocumentsWidget1TaxDocumentsList .top .title > .titleIcon {
    color: #2caa38;
    margin-left: 5px;
}
.homePage .taxDocumentsWidget1TaxDocumentsList {
    border-right: #baf7c0 5px solid !important;
    border-radius: 7px !important;
}

.homePage .chequesWidget1ChequesList .top .title > .titleIcon {
    color: #e35d5d;
    margin-left: 5px;
}
.homePage .chequesWidget1ChequesList {
    border-right: #ff9b9b 5px solid !important;
    border-radius: 7px !important;
}

.homePage .suppliersInvoicesWidget1List .top .title > .titleIcon {
    color: #fd985c;
    margin-left: 5px;
}
.homePage .suppliersInvoicesWidget1List {
    border-right: #ffb990 5px solid !important;
    border-radius: 7px !important;
}

/* .homePage .financesWidget1FinancesList,
.homePage .taxDocumentsWidget1TaxDocumentsList,
.homePage .chequesWidget1ChequesList,
.homePage .suppliersInvoicesWidget1List ,
.homePage .smallItem.financesWidget1FinancesList,
.homePage .smallItem.taxDocumentsWidget1TaxDocumentsList,
.homePage .smallItem.chequesWidget1ChequesList,
.homePage .smallItem.suppliersInvoicesWidget1List { */
.homePage .homePageWidgetBlock {
    padding: 0 !important;
    /* position: relative; */
    display: flex;
    flex-direction: column;
}

.homePage .homePageWidgetBlock .homePageWidgetTab {

    padding: 0 10px;
}

.homePage .homePageWidgetBlock .top .title {

    padding-right: 10px;
    font-weight: 500;
}

.homePage .financesWidget1FinancesList .homePageWidgetTab {
    /* position: absolute; */
    top: 10px;
    /* min-height: 300px; */
    width: 100%;
}

/* .homePage .financesWidget1FinancesList .tabsMenu ,
.homePage .taxDocumentsWidget1TaxDocumentsList .tabsMenu ,
.homePage .chequesWidget1ChequesList .tabsMenu ,
.homePage .suppliersInvoicesWidget1List .tabsMenu {}

.homePage .financesWidget1FinancesList .tabsMenu li,
.homePage .taxDocumentsWidget1TaxDocumentsList .tabsMenu li,
.homePage .chequesWidget1ChequesList .tabsMenu li,
.homePage .suppliersInvoicesWidget1List .tabsMenu li { */
.homePage .homePageWidgetBlock .tabsMenu,
.homePage .homePageWidgetBlock .tabsMenu li {
    margin: 0;
    height: 100%;
    min-height: 40px;
}

/* .homePage .financesWidget1FinancesList .tabsMenu li a,
.homePage .taxDocumentsWidget1TaxDocumentsList .tabsMenu li a,
.homePage .chequesWidget1ChequesList .tabsMenu li a,
.homePage .suppliersInvoicesWidget1List .tabsMenu li a { */
.homePage .homePageWidgetBlock .tabsMenu li a {
    padding: 0 15px;
    min-height: 100%;
    background: #f3f3f3;
    color: #929292;
    transition: all 0.3s ease-in-out;
}
.homePage .homePageWidgetBlock .tabsMenu li:last-child a {
    border-top-left-radius: 7px;
}

/* .homePage .financesWidget1FinancesList .tabsMenu li a.active,
.homePage .taxDocumentsWidget1TaxDocumentsList .tabsMenu li a.active,
.homePage .chequesWidget1ChequesList .tabsMenu li a.active,
.homePage .suppliersInvoicesWidget1List .tabsMenu li a.active { */
.homePage .homePageWidgetBlock .tabsMenu li a.active {
    color: var(--basic-txt-color);
    background: white;
}

/* .homePage .financesWidget1FinancesList .tabsMenu>li>a.active:after,
.homePage .taxDocumentsWidget1TaxDocumentsList .tabsMenu>li>a.active:after,
.homePage .chequesWidget1ChequesList .tabsMenu>li>a.active:after,
.homePage .suppliersInvoicesWidget1List .tabsMenu>li>a.active:after { */
.homePage .homePageWidgetBlock .tabsMenu>li>a.active:after {
    width: 100%;
    bottom: -1px;
}

/* .homePage .financesWidget1FinancesList .tabsMenu li:first-child,
.homePage .taxDocumentsWidget1TaxDocumentsList .tabsMenu li:first-child,
.homePage .chequesWidget1ChequesList .tabsMenu li:first-child,
.homePage .suppliersInvoicesWidget1List .tabsMenu li:first-child { */
.homePage .homePageWidgetBlock .tabsMenu li:first-child {
    border-left: 1px solid var(--gray-border);
}

.homePage .homePageWidgetBlock  ul#financesWidter1StatsWidgetTabsMenu {
    white-space:nowrap;
    min-width:380px;
}
.homePage .homePageWidgetBlock .tabsMenu li {
    display:inline;
}

/* .homePage .financesWidget1FinancesList .tabsContainer,
.homePage .taxDocumentsWidget1TaxDocumentsList .tabsContainer,
.homePage .chequesWidget1ChequesList .tabsContainer,
.homePage .suppliersInvoicesWidget1List .tabsContainer { */
.homePage .homePageWidgetBlock .tabsContainer {
    /* padding: 14px 0; */
    height: 100%;
}

.homePage .financesWidget1FinancesList .tabsContainer {
    min-height: 350px;
}


.homePage .homePageWidgetBlock .tableContainer {
    max-height: 200px;
    width: 100%;
    /* border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px; */
}

/* .homePage .financesWidget1FinancesList .tableContainer, */
.homePageWidgetTab .inWidgetTables.tableContainer,
.homePage .taxDocumentsWidget1TaxDocumentsList .tableContainer,
.homePage .chequesWidget1ChequesList .tableContainer,
.homePage .suppliersInvoicesWidget1List .tableContainer {
    overflow: auto;
}

/* .homePage .financesWidget1FinancesList .table,
.homePage .taxDocumentsWidget1TaxDocumentsList .table,
.homePage .chequesWidget1ChequesList .table,
.homePage .suppliersInvoicesWidget1List .table { */
.homePage .homePageWidgetBlock .table {
    width: 100%;
    margin: 0;
    border-bottom: 1px solid var(--gray-border);
    /* border-bottom: 0; */

    min-width: 560px;
    overflow: auto;
}

/* .homePage .financesWidget1FinancesList .table .row:not(.headerRow),
.homePage .taxDocumentsWidget1TaxDocumentsList .table .row:not(.headerRow),
.homePage .chequesWidget1ChequesList .table .row:not(.headerRow),
.homePage .suppliersInvoicesWidget1List .table .row:not(.headerRow) { */
.homePage .homePageWidgetBlock .table .row:not(.headerRow) {
    min-height: 49px;
    display: flex;
    background: var(--basic-gray-dark);
    border: 1px solid var(--gray-border);
}

/* .homePage .financesWidget1FinancesList .table .row:nth-child(2n+2),
.homePage .taxDocumentsWidget1TaxDocumentsList .table .row:nth-child(2n+2),
.homePage .chequesWidget1ChequesList .table .row:nth-child(2n+2),
.homePage .suppliersInvoicesWidget1List .table .row:nth-child(2n+2) { */
.homePage .homePageWidgetBlock .table .row:nth-child(2n+2) {
    background: white;
}

/* .homePage .financesWidget1FinancesList .table > .headerRow,
.homePage .taxDocumentsWidget1TaxDocumentsList .table > .headerRow,
.homePage .chequesWidget1ChequesList .table > .headerRow,
.homePage .suppliersInvoicesWidget1List .table > .headerRow { */
.homePage .homePageWidgetBlock .table > .headerRow {

    background: var(--basic-blue-dark) !important;
    color: white;

    min-width: 560px;
    overflow: auto;
}

.genericAmountHolder.amountHolder .amount,
.homePage .homePageWidgetBlock .amountHolder .amount {
    text-underline-offset: 7px;
}

.genericAmountHolder.amountHolder *,
.homePage .homePageWidgetBlock .amountHolder * {
    user-select: none;
}

.homePage .homePageWidgetBlock .item.toggleHolder {
    
    position: absolute;
    background: none;
    top: 45px;
    width: 100%;
    z-index: 999999990;
}



#financesWidter1StatsSummaryWidget .amountHolder .financesWidget1SummaryGrossProfitValue * {
    direction: ltr !important;
}



.financesWidget1BlockGrossProfit > .tableContainer > .inner,
.financesWidget1BlockVAT > .tableContainer > .inner {
    width: 100%;
}

.financesWidget1BlockGrossProfit > .tableContainer > .inner > .item,
.financesWidget1BlockVAT > .tableContainer > .inner > .item {
    flex-wrap: nowrap !important;
}

#financesWidter1StatsSummaryWidget .financesWidget1BlockGrossProfit .amountHolder,
#financesWidter1StatsSummaryWidget .financesWidget1BlockGrossProfit .amountHolder > .amount,
#financesWidter1StatsSummaryWidget .financesWidget1BlockGrossProfit .amountHolder > .small {
    width: 100%;
}

#financesWidter1StatsSummaryWidget .financesWidget1BlockVAT .amountHolder,
#financesWidter1StatsSummaryWidget .financesWidget1BlockVAT .amountHolder > .amount,
#financesWidter1StatsSummaryWidget .financesWidget1BlockVAT .amountHolder > .small {
    width: 100%;
}


/* .homePage .financesWidget1FinancesList .table .row .col,
.homePage .taxDocumentsWidget1TaxDocumentsList .table .row .col,
.homePage .chequesWidget1ChequesList .table .row .col,
.homePage .suppliersInvoicesWidget1List .table .row .col { */
.homePage .homePageWidgetBlock .table .row .col {
    min-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px;
}

/* .homePage .financesWidget1FinancesList .table .row .col,
.homePage .taxDocumentsWidget1TaxDocumentsList .table .row .col,
.homePage .chequesWidget1ChequesList .table .row .col,
.homePage .suppliersInvoicesWidget1List .table .row .col { */
.homePage .homePageWidgetBlock .table .row .col {
    font-size: 14px;
}

.homePage .suppliersInvoicesWidget1List .table .row .colr-1 {
    min-width: 40%;
    width: 40%;
}

.homePage .suppliersInvoicesWidget1List .table .row .colr-2 {
    min-width: 10%;
    width: 10%;
}

.homePage .suppliersInvoicesWidget1List .table .row .colr-3 {
    min-width: 15%;
    width: 15%;
}

.homePage .suppliersInvoicesWidget1List .table .row .colr-4 {
    min-width: 28%;
    width: 28%;
}

.homePage .suppliersInvoicesWidget1List .table .row .colr-5 {
    min-width: 7%;
    width: 7%;
}

.homePage .financesWidget1FinancesList .addInvoiceBtn svg,
.homePage .taxDocumentsWidget1TaxDocumentsList .addInvoiceBtn svg,
.homePage .chequesWidget1ChequesList .addInvoiceBtn svg,
.homePage .suppliersInvoicesWidget1List .addInvoiceBtn svg {
    fill: blue;
}

.homePage .financesWidget1FinancesList .green,
.homePage .taxDocumentsWidget1TaxDocumentsList .green,
.homePage .chequesWidget1ChequesList .green,
.homePage .suppliersInvoicesWidget1List .green {
    color: #3cbe89;
}

.homePage .financesWidget1FinancesList .blue,
.homePage .taxDocumentsWidget1TaxDocumentsList .blue,
.homePage .chequesWidget1ChequesList .blue,
.homePage .suppliersInvoicesWidget1List .blue {
    color: var(--basic-blue);
}

.homePage .financesWidget1FinancesList .red,
.homePage .taxDocumentsWidget1TaxDocumentsList .red,
.homePage .chequesWidget1ChequesList .red,
.homePage .suppliersInvoicesWidget1List .red {
    color: #ff3333;
}

.homePage .financesWidget1FinancesList .table,
.homePage .taxDocumentsWidget1TaxDocumentsList .table,
.homePage .chequesWidget1ChequesList .table,
.homePage .suppliersInvoicesWidget1List .table {
    border-left: 0;
}

.homePage .financesWidget1FinancesList .table .row .col:last-child,
.homePage .taxDocumentsWidget1TaxDocumentsList .table .row .col:last-child,
.homePage .chequesWidget1ChequesList .table .row .col:last-child,
.homePage .suppliersInvoicesWidget1List .table .row .col:last-child {
    border-left: 1px solid var(--gray-border);
}

.homePage .financesWidget1FinancesList .table .row .col:last-child,
.homePage .taxDocumentsWidget1TaxDocumentsList .table .row .col:last-child,
.homePage .chequesWidget1ChequesList .table .row .col:last-child,
.homePage .suppliersInvoicesWidget1List .table .row .col:last-child {
    border-left: 1px solid var(--gray-border);
}


.homePage .homePageWidgetInnerBlock .markAllUnpaidItemsButton {
    color: #007bea;
    font-weight: bold;
    text-decoration: underline;
    width: 370px;
}


.homePage .chequesWidget1ChequesList .table .row .colr-1 {
    min-width: 12%;
    width: 12%;
}

.homePage .chequesWidget1ChequesList .table .row .colr-2 {
    min-width: 39%;
    width: 39%;
}

.homePage .chequesWidget1ChequesList .table .row .colr-3 {
    min-width: 12%;
    width: 12%;
}

.homePage .chequesWidget1ChequesList .table .row .colr-4 {
    min-width: 25%;
    width: 25%;
}

.homePage .chequesWidget1ChequesList .table .row .colr-5 {
    min-width: 12%;
    width: 12%;
}



.homePage .taxDocumentsWidget1TaxDocumentsList .table .row .colr-1 {
    min-width: 12%;
    width: 12%;
}

.homePage .taxDocumentsWidget1TaxDocumentsList .table .row .colr-2 {
    min-width: 39%;
    width: 39%;
}

.homePage .taxDocumentsWidget1TaxDocumentsList .table .row .colr-3 {
    min-width: 12%;
    width: 12%;
}

.homePage .taxDocumentsWidget1TaxDocumentsList .table .row .colr-4 {
    min-width: 25%;
    width: 25%;
}

.homePage .taxDocumentsWidget1TaxDocumentsList .table .row .colr-5 {
    min-width: 12%;
    width: 12%;
}




.homePage .financesWidget1FinancesList .table .row .colr-1 {
    min-width: 38%;
    width: 38%;
}

.homePage .financesWidget1FinancesList .table .row .colr-2 {
    min-width: 10%;
    width: 10%;
}

.homePage .financesWidget1FinancesList .table .row .colr-3 {
    min-width: 12%;
    width: 12%;
}

.homePage .financesWidget1FinancesList .table .row .colr-4 {
    min-width: 28%;
    width: 28%;
}

.homePage .financesWidget1FinancesList .table .row .colr-5 {
    min-width: 12%;
    width: 12%;
}




.homePage .smallItem.workersTimesList {
    padding: 0;
}

.homePage .workersTimesList .top {
    padding-right: 20px;
}

.homePage .workersTimesList .tabsMenu {}

.homePage .workersTimesList .tabsMenu li {
    margin: 0;
    height: 100%;
}

.homePage .workersTimesList .tabsMenu li a {
    padding: 0 15px;
    min-height: 100%;
    background: #f3f3f3;
    color: #929292;
    transition: all 0.3s ease-in-out;
}

.homePage .workersTimesList .tabsMenu li a.active {
    color: var(--basic-txt-color);
    background: white;
}

.homePage .workersTimesList .tabsMenu>li>a.active:after {
    width: 100%;
    bottom: -1px;
}

.homePage .workersTimesList .tabsMenu li:first-child {
    border-left: 1px solid var(--gray-border);
}

.homePage .workersTimesList .tabsContainer {
    padding: 14px;
}

.homePage .workersTimesList .tableContainer {
    max-height: 200px;
    width: 100%;
    overflow: auto;
}

.homePage .workersTimesList .table {
    width: 100%;
    margin: 0;
    border: 1px solid var(--gray-border);
    border-bottom: 0;
}

.homePage .workersTimesList .table .row {
    min-height: 50px;
    display: flex;
    background: var(--basic-gray-dark);
    border-bottom: 1px solid var(--gray-border);
}

.homePage .workersTimesList .table .row:nth-child(2n+2) {
    background: white;
}

.homePage .workersTimesList .table .row .col {
    min-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px;
}

.homePage .workersTimesList .table .row .col {
    font-size: 14px;
}

.homePage .workersTimesList .table .row .colr-1 {
    min-width: 31.13%;
    width: 31.13%;
}

.homePage .workersTimesList .table .row .colr-2 {
    min-width: 12.26%;
    width: 12.26%;
}

.homePage .workersTimesList .table .row .colr-3 {
    min-width: 15%;
    width: 15%;
}

.homePage .workersTimesList .table .row .colr-4 {
    min-width: 25%;
    width: 25%;
}

.homePage .workersTimesList .table .row .colr-5 {
    min-width: 16%;
    width: 16%;
}

.homePage .workersTimesList .green {
    color: #3cbe89;
}

.homePage .workersTimesList .blue {
    color: var(--basic-blue);
}

.homePage .workersTimesList .red {
    color: #ff3333;
}

.homePage .workersTimesList .table {
    border-left: 0;
}

.homePage .workersTimesList .table .row .col:last-child {
    border-left: 1px solid var(--gray-border);
}

.homePage .workersTimesList .table .row .col:last-child {
    border-left: 1px solid var(--gray-border);
}

.homePage .projectsList {
    width: 100%;
    display: flex;
    margin: 0;
    gap: 15px;
    overflow: hidden;
}

.homePage .projectsList .owl-item>li {
    min-width: 32%;
    width: 100%;
    border: 1px solid var(--gray-border);
    margin-top: 22px;
    display: flex;
    flex-direction: column;
}

.homePage .projectsList .owl-item>li .paddingSides {
    padding: 0 13px;
}

.homePage .projectsList .owl-item>li.innerTop {}

.homePage .projectsList .owl-item>li .start {
    color: var(--basic-txt-color);
    font-size: 15px;
}

.homePage .projectsList .owl-item>li .bottom {
    min-height: 45px;
    background: var(--basic-gray-dark);
    width: 100%;
    margin-top: auto;
    border-top: 1px solid var(--gray-border);
}

.homePage .projectsList .owl-item>li {
    padding-top: 13px;
}

.homePage .projectsList .owl-item>li .projectName {
    color: var(--basic-txt-color);
    font-size: 15px;
    margin-top: 15px;
    text-align: center;
    margin-bottom: 25px;
    min-height: 16px;
}

.homePage .projectsList .roundHolder {
    margin: 0px auto;
    width: 90px;
    height: 90px;
    position: relative;
}

.homePage .projectsList .roundHolder svg {
    width: 100%;
    height: 100%;
}

.homePage .projectsList .roundHolder span {
    position: absolute;
    color: var(--basic-blue);
    font-size: 18px;
    text-align: center;
}

.homePage .projectsList .round {
    transform: rotate(-90deg);
    transition: all 1s ease-in-out;
    width: 45px;
    height: 45px;
    fill: none;
    stroke: var(--basic-blue);
    stroke-width: 4;
    stroke-linecap: round;
    stroke-dasharray: 0 999;
}

.homePage .projectsList .actions {
    display: flex;
    min-height: 100%;
}

.homePage .projectsList .actions li {
    flex: 1 1 0px;
    min-height: 100%;
}

.homePage .workersList li a[href] {
    text-decoration: none;
}

.homePage .projectsList .actions li a[href] {
    text-decoration: none;
    height: 45px;
}

.homePage .projectsList .actions li a:hover {
    color: var(--basic-blue);
}

.homePage .projectsList .actions li a {
    min-width: 95%;
    min-height: 100%;
    color: var(--basic-txt-color);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px auto;
}

/* .homePage .projectsList span{position:absolute;font-size:8px;color:var(--basic-blue);transform:translate(-50%, -50%)   ;top:50%;left:50%;    margin-top: 1px;} */

.homePageWidgetsHelpButton {
    position: absolute;
    top: 5px;
    z-index: 99999;
    user-select: none;
    cursor: pointer;
}

.homePageWidgetsHelpItemsList > li {
    display: list-item;
    list-style-type: circle;
    list-style-position: inside;

    margin-bottom: 30px;
}

.homePageWidgetsHelpItemsList .title {

    font-size: 20px;
    text-decoration: underline;
    text-underline-offset: 5px;
}

.homePageWidgetsHelpItemsNestedList {

    margin-top: 10px;
    margin-right: 25px;
}


.homePage .ordersListContainer {
    position: relative;
}

.homePage .ordersList {
    width: 100%;
    margin-top: 20px;
    display: flex;
}

.homePage .ordersList li {
    width: 100%;
    min-height: 100%;
    border: 1px solid var(--gray-border);
    padding: 29px 0;
    display: flex;
    flex-direction: column;
}

.homePage .ordersList li .icon {
    color: var(--basic-blue);
    margin-top: 0;
    font-size: 48px;
    margin: 0px auto;
    margin-bottom: 22px;
    text-align: center;
    margin-top: auto;
}

.homePage .ordersList li .info {
    width: 100%;
    padding: 0 5px;
    text-align: center;
    margin-bottom: 22px;
}

.homePage .ordersList li .info span {
    display: block;
    margin: 0px auto;
    text-align: center;
}

.homePage .ordersList li .info span.title {
    color: #263238;
    font-size: 15px;
}

.homePage .ordersList li .info span.doneBy {
    color: #888888;
    font-size: 13px;
}

.homePage .ordersList li .orderBtn {
    width: 150px;
    max-width: 90%;
    color: black;
    text-align: center;
    justify-content: center;
    margin: 0px auto;
}

.homePage .ordersList .owl-stage {
    display: flex;
    padding-right: 2px;
}

.homePage .ordersList .ordersListContainer {
    position: absolute;
}

.homePage .ordersListContainer .owl-next,
.homePage .ordersListContainer .owl-prev,
.homePage .featuresView .owl-next,
.homePage .featuresView .owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: white;
    z-index: 9;
    border: 1px solid var(--gray-border);
    height: 125px;
    padding: 0 9px;
    display: flex;
    align-items: center;
    color: #b4b4b4;
    font-size: 13px;
}

.homePage .ordersListContainer .owl-prev {
    right: 0;
}

.homePage .ordersListContainer .owl-next {
    left: 0;
}

.homePage .featuresView .owl-prev {
    right: 0;
    border-right: 0;
}

.homePage .featuresView .owl-next {
    left: 0;
    border-left: 0;
}

.homePage .ordersListContainer .owl-prev {
    right: -20px;
    border-right: 0;
}

.homePage .ordersListContainer .owl-next {
    left: -20px;
    border-left: 0;
}

.homePage .ordersList.recentOrders li {
    background: #f3f3f3;
}

.homePage .featuresView {}

.homePage .featuresView .workersListHolder {
    padding-top: 22px;
}

.homePage .featuresView .workersList {
    max-height: 240px;
    overflow-y: auto;
    margin-bottom: -15px;
}

.homePage .featuresView .workersList li {
    width: 22.5%;
    margin-bottom: 22px;
    margin-left: 3.3%;
    border: 1px solid var(--gray-border);
}

.homePage .featuresView .workersList li:nth-child(4n+4) {
    margin-left: 0;
}

.homePage .featuresView .workersList li .img {
    margin-bottom: 6px;
}

.homePage .featuresView .managersList li {
    min-height: 100px;
}

.homePage .featuresView .managersList li .img {
    margin-bottom: auto;
}

.typeNumber {
    unicode-bidi: plaintext;
}

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

.calculatorBlcok .top {
    padding-left: 0 !important;
}

.calculatorBlcok .inner {
    flex: 1;
    display: flex;
}

.calculatorBlcok .inner .col {
    min-width: 50%;
    min-height: 100%;
}

.calculatorBlcok .inner .col:last-child {
    border-right: 1px solid var(--gray-border);
}

.calculatorBlcok .inner .col .container {
    width: 88%;
    padding-top: 15px;
    padding-bottom: 15px;
}

.calculatorBlcok .inner .inputFiled {
    height: 33px;
}

.calculatorBlcok .inner .inputFiled input {
    font-size: 14px;
}

.calculatorBlcok .inner .field label {
    font-size: 13px;
    color: var(--basic-txt-color);
    display: block;
    margin-bottom: 6px;
}

.calculatorBlcok .inner .field {
    margin-bottom: 10px;
}

.calculatorBlcok .inner .submitBtn {
    max-height: 35px !important;
    margin-top: 15px;
}

.calculatorBlcok .inner .background {
    width: 100%;
    height: 97px;
    border-bottom: 1px solid var(--gray-border);
    overflow: hidden;
    position: relative;
}

.calculatorBlcok .inner .background img {
    position: Absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 78%;
    min-height: 100%;
}

.calculatorBlcok .inner .background.fullBackground {
    min-height: 100%;
    min-width: 100%;
    border-bottom: 0;
}

.calculatorBlcok .inner .background.fullBackground {
    background: #f3f3f3;
}

.calculatorBlcok .inner .background.fullBackground img {
    width: auto;
}

.calculatorBlcok .resultsTable {
    width: 100%;
}

.calculatorBlcok .resultsTable .row {
    width: 100%;
    height: auto;
    border-bottom: 1px solid var(--gray-border);
}

.calculatorBlcok .resultsTable .row:last-child {
    border-bottom: 0;
}

.calculatorBlcok .resultsTable .row .cell {
    padding: 9px 10px;
    color: var(--basic-txt-color);
    font-size: 13px;
    display: flex;
    align-items: center;
    min-height: 32px;
}

.calculatorBlcok .resultsTable .row .cell:first-child {
    width: 60%;
    min-width: 60%;
    border-left: 1px solid var(--gray-border);
}

.calculatorBlcok .resultsTable .row .cell.grayCell {
    background: #f3f3f3;
}

.calculatorBlcok .resultsTable .row .cell.blueCell {
    background: #0c213a;
    color: white;
}

.calculatorBlcok.wideBlock {}

.calculatorBlcok.wideBlock .inner {
    padding: 15px 20px 20px 20px;
    width: 100%;
}

.calculatorBlcok.wideBlock .top {
    padding-right: 20px;
}

.calculatorBlcok .fieldsList {
    width: 100%;
    margin: 0;
}

.calculatorBlcok .fieldsList li {
    display: flex;
    gap: 8px;
    margin-bottom: 10px;
}

.calculatorBlcok .fieldsList .amountField {
    width: ;
    flex: 1;
}

.calculatorBlcok .fieldsList .textField {
    width: 77%;
}

.calculatorBlcok .fieldsList li button {
    margin: 0;
}

.paymentDayCalculator .resultsTable {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.paymentDayCalculator .resultsTable strong {
    width: 95%;
    display: block;
    text-align: center;
    margin-bottom: 5px;
}

.paymentDayCalculator .col:last-child {
    display: flex;
    flex-direction: column;
}

.paymentDayCalculator .col:last-child .resultsTable {
    flex: 1;
}

/* basicTable */
.basicTable {}

.tabulator {
    border: 0 !important;
}


.tabulator-tableHolderTopHorizontalScrollbarContainer {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
}
.tabulator-tableHolderTopHorizontalScrollbar {
    height: 1px;
}

.basicTable .tabulator-header {}

.basicTable .tabulator-header .tabulator-col {
    background: #4d5b72
}

.tabulator .tabulator-header .tabulator-col {
    background: #0c213a !important;
    color: white;
}

.tabulator.subTable .tabulator-header .tabulator-col {
    background: #1b477e !important;
    color: white;
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
    border: 0 !important;
    width: 15px;
    position: relative;
    display: flex;
    margin: 0px auto;
    /* justify-content: center; */
    font-family: 'Rubik', Arial !important;
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-content .tabulator-col-sorter .tabulator-arrow:after {
    color: white !important;
    content: "\2193";
    position: relative !important;
    opacity: 0.3;
    position: relative !important;
    margin: 0 !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none;
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter {
    position: relative !important;
    height: 16px;
    width: 16px;
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
    height: 100%;
    width: 100%;
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-content .tabulator-col-sorter .tabulator-arrow:before {
    color: white !important;
    content: "\2191";
    position: relative !important;
    opacity: 0.3;
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="desc"] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow:after {
    opacity: 1;
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="asc"] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow:before {
    opacity: 1;
}

.tabulator .tabulator-header .tabulator-col {
    min-height: 40px !important;
    border: 0 !important
}

.tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
    padding: 0 !important;
    width: auto !important;
    display:flex;
    align-items:center;
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter {
    padding: 0 !important;
}

.tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title,
.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
    min-height: 100%;
}

.tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title:has(' ') {
    display: none !important;
}

input[type="checkbox"].groupSelectCheckbox {
    zoom:0.9;
}

.tabulator-col-title-holder input[type="checkbox"] {
    zoom:1.4;
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder,
.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
    display: flex;
    gap: 0 8px;
    align-items: center;
     justify-content: center;
            overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        line-height: 1.5em;
    height: 100%;
}

.tabulator.tabulator-rtl .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow,
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter {
    right: unset !important;
    left: unset !important;
}

/* .tabulator .tabulator-header .tabulator-col.text-center{display:flex;justify-content: center;} */
/* .tabulator .tabulator-header{display:flex;justify-content: center;} */
.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
    min-width: 100%;
    min-height: 100%;
    display: flex;
    justify-content: center;
}

.tabulator .tabulator-header .tabulator-col.text-center .tabulator-col-content {
    justify-content: center;
}

.tabulator .tabulator-row:not(.containsSubTable) {
    display: flex;
}

.tabulator.giantRows .tabulator-row:not(.containsSubTable) {
    min-height: 70px;
    height: 70px;
    display: flex;
}

.tabulator.veryThickRows .tabulator-row:not(.containsSubTable) {
    min-height: 48px;
    height: 48px;
    display: flex;
}

.tabulator.thickRows .tabulator-row:not(.containsSubTable) {
    min-height: 41px;
    height: 41px;
    display: flex;
}

.tabulator.normalRows .tabulator-row:not(.containsSubTable) {
    min-height: 34px;
    height: 34px;
    display: flex;
}

.tabulator.thinRows .tabulator-row:not(.containsSubTable) {
    min-height: 27px;
    height: 27px;
    display: flex;
}

.tabulator.veryThinRows .tabulator-row:not(.containsSubTable) {
    min-height: 23px;
    height: 23px;
    display: flex;
}

.tabulator.giantRows .tabulator-row input[type=checkbox] {
    width: 22px;
    height: 22px
}

.tabulator.veryThickRows .tabulator-row input[type=checkbox] {
    width: 20px;
    height: 20px
}

.tabulator.thickRows .tabulator-row input[type=checkbox] {
    width: 18px;
    height: 18px
}

.tabulator.normalRows .tabulator-row input[type=checkbox] {
    width: 16px;
    height: 16px
}

.tabulator.thinRows .tabulator-row input[type=checkbox] {
    width: 14px;
    height: 14px
}

.tabulator.veryThinRows .tabulator-row input[type=checkbox] {
    width: 12px;
    height: 12px
}

.tabulator .tabulator-row.tabulator-group input[type=checkbox] {
    margin-left: 5px;
}

.tabulator-row.hiddenItem input[type=checkbox] {
    content: url('../images/restriction.svg');
    background-size: 5px 5px;
}

.pricesIcon {
    width: 18px;
    height: 18px;
    content: url('../images/icons/prices_lineal.svg');
}


.pricesIcon svg {
    fill: var(--basic-green);
}


.tabulator-header .tabulator-col-title {
    text-align: center;
    width: auto;
}

/* .tabulator-cell
https://github.com/olifolkerd/tabulator/issues/58
*/
.tabulator.giantRows .tabulator-row .daysCircle {
    height: 35px;
    width: 35px;
}

.tabulator.veryThickRows .tabulator-row .daysCircle {
    height: 30px;
    width: 30px;
}

.tabulator.thickRows .tabulator-row .daysCircle {
    height: 25px;
    width: 25px;
}

.tabulator.thinRows .tabulator-row .daysCircle {
    height: 20px;
    width: 20px;
    font-size: 11px;
}

.tabulator.veryThinRows .tabulator-row .daysCircle {
    height: 17px;
    width: 17px;
    font-size: 9px;
}

/* .tabulator .tabulator-row .asterix{font-size:8px;text-decoration: none !important;} */

/* Group Row */
.tabulator .tabulator-row.tabulator-group {
    position: relative;
    min-height: 35px !important;
    background: var(--basic-gray);
    border: 0;
    border-bottom: 4px solid #e2e2e2;
    font-weight: 400;
    font-size: 15px;
    display: flex;
    align-items: center;
    color: var(--basic-txt-color);
    border-left: 0;
}

.tabulator .tabulator-row.tabulator-group:after {
    content: '';
    height: 3px;
    width: 135px;
    background: #ef5454;
    position: absolute;
    right: 0.5px;
    bottom: -3.5px;
}

.tabulator .tabulator-row.tabulator-group:nth-child(7n+7):after {
    background: var(--basic-red-dark);
}

.tabulator .tabulator-row.tabulator-group:nth-child(2n+2):after {
    background: var(--basic-green-dark);
}

.tabulator .tabulator-row.tabulator-group:nth-child(5n+5):after {
    background: var(--basic-orange);
}

.tabulator .tabulator-row.tabulator-group:nth-child(3n+3):after {
    background: var(--basic-blue);
}

.tabulator .tabulator-row.tabulator-group:nth-child(4n+4):after {
    background: var(--basic-green);
}

.tabulator .tabulator-row.tabulator-group:nth-child(6n+6):after {
    background: var(--basic-green-dark);
}



.tabulator .tabulator-row .tabulator-cell {
    min-height: 100% !important;
    align-items: center;
    display: flex;
    unicode-bidi: plaintext;
}

.tabulator .tabulator-row .tabulator-cell[tabulator-field="entryValue"] input,
.tabulator .tabulator-row .tabulator-cell[tabulator-field="entryPercent"] input,
.tabulator .tabulator-row .tabulator-cell[tabulator-field="entryContractAmount"] input,

.tabulator .tabulator-row .tabulator-cell[tabulator-field="jobAmount"] input,
.tabulator .tabulator-row .tabulator-cell[tabulator-field="jobCompletePercent"] input,
.tabulator .tabulator-row .tabulator-cell[tabulator-field="jobSum"] input,

.tabulator .tabulator-row .tabulator-cell[tabulator-field="supplierPriceValue"] input,
.tabulator .tabulator-row .tabulator-cell[tabulator-field="supplierPriceUOMInSingleUnit"] input,
.tabulator .tabulator-row .tabulator-cell[tabulator-field="supplierPricePriceValuePerUnit"] input,
.tabulator .tabulator-row .tabulator-cell[tabulator-field="supplierPriceMinAmount"] input
{
    direction: ltr !important;
}

.tabulator .tabulator-row.tabulator-calcs-bottom .tabulator-cell {
    /* display: inherit !important; */
    overflow: visible !important;
}
div.tabulator-calcs-holder > div.tabulator-row.tabulator-calcs-bottom > div.tabulator-cell[tabulator-field="jobSum"] {
            right:-30px;
    }

.tabulator .inTableSelectContainer {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    padding-right: 35px;
}

#mainOrdersTable.tabulator .inTableSelectContainer {
    padding-right: 15px;
}

.tabulator .inTableSelectContainer select {
    width: 100%;
}

.tabulator .inTableSelectContainer button {
    position: absolute;
    right: 0;
    width: 15px;
    height: 50%;
}

.tabulator .inTableSelectContainer button.inTableSelectEditBtn {
    position: absolute;
    right: 20px;
    height: 100%;
    background-color: transparent;
    font-size: 5px;
}

.tabulator .inTableSelectContainer .inTableSelectDownBtn {
    bottom: 0;
    background-color: transparent;
    font-size: 5px;
    right: 2px;
}

.tabulator .inTableSelectContainer .inTableSelectUpBtn {
    top: 0;
    background-color: transparent;
    font-size: 5px;
    right: 2px;
}

.tabulator .inTableIconSubmittedJob img {

            margin-right: -3px;
    
    margin-top: -3px;
}

.tabulator.thinRows .inTableIconSubmittedJob img {

    margin-top: -7px;
}

.tabulator.thinRows .inTableVIcon img {

    margin-top: -7px;
}

/* .tabulator .inTableSelectContainer button:after{
    content: '';
    border: solid #a2a2a2!important;
    border-width: 0 2px 2px 0!important;
    display: inline-block!important;
    padding: 2px!important;
    background: none!important;
    transform: rotate(45deg)!important;  -webkit-transform: rotate(45deg)!important;}
.tabulator .inTableSelectContainer button.nextBtn:after{transform: rotate(225deg)!important;  -webkit-transform: rotate(225deg)!important;} */

.tabulator .tabulator-footer {
    background: none !important;
}


/* -------- */
#mainListTable_wrapper tr th span.thInner>span {
    display: flex;
    margin-left: 5px;
}

#mainListTable_wrapper th span.thInner>span:after {
    content: "\2193";
    position: relative !important;
    opacity: 0.3;
}

#mainListTable_wrapper tr th.sorting_desc span.thInner>span:after {
    opacity: 1 !important;
}

#mainListTable_wrapper tr th.sorting_asc span.thInner>span:before {
    opacity: 1 !important;
}

/* .buildingStructureBlock > .grid-stack-item-content{z-index:999999;} */
.buildingStructureBlock>.grid-stack-item-content .inner {
    min-width: 100%;
}
.grid-stack>.grid-stack-item {
    user-select:none;
}

.tabulator .tabulator-row .tabulator-cell {
    display: inline-block;
    max-width: 100%;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}


.calendarWorkDaysMarked td.day {
    position: relative;
}

.calendarWorkDaysMarked td.day:before,
.calendarWorkDaysMarked td.day:after {
    content: '';
    left: 3px;
    background: var(--basic-red);
    position: absolute;
    display: block;
    width: 8px;
    height: 4px;
    border-radius: 50%;
}

.calendarWorkDaysMarked td.day:after {
    bottom: calc(50% - 6px);
}

.calendarWorkDaysMarked td.day:before {
    top: calc(50% - 6px);
}

.calendarWorkDaysMarked td.day.topActive:after {
    background: var(--basic-green);
}

.calendarWorkDaysMarked td.day.bottomActive:before {
    background: var(--basic-green);
}

.calendarWorkDaysMarked td.day.topActive.bottomActive:before,
.calendarWorkDaysMarked td.day.topActive.bottomActive:after {
    top: calc(50% - 5px);
    width:9px;
    height:9px;
}


.calendarWorkDaysMarked td.day:not(.topActive):not(.bottomActive):before,
.calendarWorkDaysMarked td.day:not(.topActive):not(.bottomActive):after {
    top: calc(50% - 4px);
    width:8px;
    height:8px;
}


#importPricesModal #importPricesModalSelect_chosen {
    max-width: 73%;
}


.sp-container {
    z-index: 9999999999 !important;
}


.tableStructure {
    width: 100%;
}

.tableStructure .row {
    display: flex;
    border-bottom: 1px solid var(--gray-border);
    background: var(--basic-gray)
}

.tableStructure .row .column {
    display: flex;
    font-size: 15px;
    min-height: 100%;
    align-items: center;
    padding: 5px 1.3%;
}

.tableStructure .row:not(.headerRow) .column {
    border-left: 1px solid var(--gray-border);
}

.tableStructure .row:not(.headerRow) .column:first-child {
    border-right: 1px solid var(--gray-border);
}

.tableStructure .row:nth-child(2n+2) {
    background: white;
}

.tableStructure .headerRow {
    background: var(--basic-blue-dark);
}

.tableStructure .headerRow .column {
    color: white;
}

.homePage .tabsTable {
    padding-top: 20px;
}

.homePage .tabsTable .row {
    min-height: 54px;
}

.homePage .tabsTable .headerRow {
    height: 40px;
}

.homePage .tabsTable .column-1 {
    width: 25%;
    min-width: 25%;
}

.homePage .tabsTable .column-2 {
    width: 14%;
}

.homePage .tabsTable .column-3 {
    min-width: 33%;
    width: 33%;
}

.homePage .tabsTable .row:not(.headerRow) .column {
    font-size: 14px;
    color: var(--basic-txt-color);
}

.homePage .tabsTable .tableBody {
    width: 100%;
    overflow-y: auto;
    max-height: 150px;
}

.tabulator .tabulator-footer .tabulator-paginator {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    overflow-x:auto;
}

.tabulator .tabulator-footer label,
.tabulator .tabulator-footer .tabulator-page-size {
    margin: 0;
    color: #74797c !important;
    font-weight: 400;
    font-size: 13px;
}

.tabulator .tabulator-footer .right-container {
    align-items: center;
}

.tabulator .tabulator-footer .right-container,
.tabulator .tabulator-footer .left-container {
    display: flex;
}

.tabulator .tabulator-footer .tabulator-page {
    text-decoration: none !important;
    display: flex !important;
    align-items: center;
    padding: 5px 8px;
    justify-content: center;
    border: 1px solid #d8d8d8 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    opacity: 1 !important;
    height: 38px;
    padding: 0 12px;
    color: #74797c !important;
    font-size: 13px;
    font-weight: 400;
    margin: 0 !important;
    min-width: 25px;
}

.tabulator .tabulator-footer .tabulator-page:not(.active):hover {
    background: var(--basic-gray) !important;
}

.tabulator .tabulator-footer .tabulator-page.active:hover {
    background: var(--basic-blue) !important;
}

.tabulator .tabulator-footer .left-container button:first-child {
    border-right: 1px solid #ddd !important;
}

.tabulator .tabulator-footer .tabulator-page.active {
    background: var(--basic-blue);
    color: white !important;
}

.tabulator .tabulator-footer .tabulator-pages {
    margin: 0 !important;
    display: flex;
}

.tabulator .tabulator-footer .tabulator-calcs-holder {
    background: White !important;
    margin-top: 15px;
    border-bottom: 0 !important;
}

.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row.tabulator-calcs {
    background: white !important;
    border: 0 !important;
}

.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row.tabulator-calcs .tabulator-cell {
    border: 0;
}

.tabulator-table :not(.tabulator-calcs) .tabulator-cell[tabulator-field="jobPriceValue"] {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.tabulator-table :not(.tabulator-calcs) .tabulator-cell[tabulator-field="chequeNumbersStr"] {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.tabulator-table :not(.tabulator-calcs) .tabulator-cell[tabulator-field="chequePayeeName"] {
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-color: #aaa;
}

.basicPager ul li>a {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d8d8d8;
    border-right: 0;
    height: 38px;
    padding: 0 12px;
    color: var(--menu-bg-color);
    font-size: 13px;
    font-weight: 400;
}


.itemsSideList .fieldsContainer {
    width: 100%;
    padding-top: 20px;
}

.itemsSideList .fieldsContainer .field {
    width: 100%;
    padding-bottom: 25px;
    padding-top: 20px;
    border-bottom: 1px solid var(--gray-border);
}

.itemsSideList .fieldsContainer .inputFiled {
    width: 100%;
    margin: 0;
}


.sideModal .checkBoxesList {}

.sideModal .amountsList {}

.sideModal .amountsList .blockNameInputContainer {
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    flex: 1;
}

.sideModal .amountsList .blockNameInputContainer>label {
    margin: 0;
    padding-top: 18px;
    padding-bottom: 18px;
}

.sideModal .amountsList li {
    background: none;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    align-items: unset !important;
}

.sideModal .amountsList li.checked {
    background: white;
}

.sideModal .amountsList li .amount {
    width: 45px;
    min-height: 100%;
    border-right: 1px solid var(--gray-border);
}

.sideModal .amountsList li .amount input {
    width: 100%;
    padding: 0 2px;
    text-align: center;
    height: 100%;
    border: 0 !important;
    outline: 0 !important;
    background: none;
    font-size: 13px;
    color: #2b3b4a;
}

.sideModal .amountsList li .amountControl {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    width: 30px;
    background: white;
    border-right: 1px solid var(--gray-border);
}

.sideModal .amountsList li .amountControl button {
    width: 100%;
    background: white;
    height: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: #2b3b4a;
}

.sideModal .amountsList li .amountControl button:hover {
    background: var(--basic-gray);
}

.sideModal .amountsList li .amountControl button:last-child i {
    margin-top: -4px;
}

.sideModal .amountsList li .amountControl button:first-child {
    border-bottom: 1px solid var(--gray-border);
}

.sideModal .amountsList li .amountControl button:first-child i {
    margin-bottom: -4px;
}

.sideModal .amountsList li .control {
    display: none;
    min-height: 100%;
}

.sideModal .amountsList li.checked .control {
    display: flex;
    min-height: 100%;
}

.homePage .linksBlock {
    display: flex;
    flex-direction: column;
}

.homePage .linksBlock ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    max-height: 240px;
    overflow-y: auto;
    margin-bottom: 0;
}

.homePage .linksBlock ul li {
    min-width: 25%;
    margin: -1px 0 0 0;
    padding: 15px 12px;
    display: flex;
    position: relative;
    justify-content: space-between;
    border-top: 1px solid var(--gray-border);
    border-bottom: 1px solid var(--gray-border);
    border-left: 1px solid var(--gray-border);
    cursor:pointer;
}


.homePage .linksBlock ul li:nth-child(1),
.homePage .linksBlock ul li:nth-child(n + 5) {
    border-right: 1px solid var(--gray-border);
}

.homePage .linksBlock ul li span {
    line-height: 3;
}

.homePage .linksBlock ul li:nth-child(2n+2) {
    /* border-left: 0; */
}

.homePage .linksBlock ul li:nth-child(1),
.homePage .linksBlock ul li:nth-child(2) {
    border-top: 0;
}

.homePage .linksBlock ul li a.openLink {
    color: #0c213a;
    font-size: 13px;
    margin-right: 3px;
}

.homePage .linksBlock ul li.empty {
    background: #f3f3f3;
    padding: 0;
}

.homePage .linksBlock ul li.empty button {
    background: none;
    outline: 0;
    border: 0;
    padding: 12px;
    width: 100%;
    height: 100%;
    gap: 8px;
    color: #a0a0a0;
    font-size: 14px;
}

.homePage .linksBlock ul li .editBtn {
    display: none;
    background: none;
    position: absolute;
    top: 2px;
    right: 2px;
    font-size: 13px;
    color: #a0a0a0;
    opacity: 0.8;
}

.homePage .linksBlock ul li:hover .editBtn {
    display: block;
}

.underlinedOnHover:hover {
    text-decoration: underline;
}

.row li .showOnHover{display:none;}
.row:hover li .showOnHover{display:block;}

.homePage .linksBlock .top .settingsBtn {
    margin: 0;
    padding: 0;
}

#settingsPage .allContainer {
    gap: 17px;
    flex: 1;
    flex-wrap: wrap;
    max-width:100%;
}

#settingsPage .allContainer .basicBlock:not(.item) {
    width: calc(50% - 17px/2);
    border-radius: 15px !important;
}

.regularovertime_dayDaysBlocksContainer,
.day_work_breaksDaysBlocksContainer,
.fixedDaysBlocksContainer,
#settingsPage .allContainer .basicBlock:not(.item):nth-child(0) {
    min-height: 600px;
}
#settingsPage .allContainer .item .basicBlock{width:100%;}
#settingsPage .allContainer .item:nth-child(n+1){padding-left:7.5px;}
#settingsPage .allContainer .item:nth-child(2n+1) {padding-left:7.5px;}
#settingsPage .allContainer .wideBlock {
    width: 70%;
}

#settingsPage .allContainer .basicBlock.biggerBlock {
    width: calc(50% + 130px/2);
}

#settingsPage .infoBlock .allPhoneRows{display:flex;flex-direction: column;gap:5px;}
#settingsPage .infoBlock .allPhoneRows .phoneRow{padding:10px 0;border-bottom:1px dashed var(--gray-border-light);}
#settingsPage .infoBlock .allPhoneRows .phoneRow .basicList{row-gap:8px;}
#settingsPage .infoBlock .allPhoneRows .phoneRow .inner{display: flex;flex-direction: column;gap: 8px;}
#settingsPage .infoBlock .allPhoneRows .phoneRow .inner ul li{color:#9a9a9a;}

#settingsPage .infoBlock .allEmailRows{display:flex;flex-direction: column;gap:5px;}
#settingsPage .infoBlock .allEmailRows .phoneRow{padding:10px 0;border-bottom:1px dashed var(--gray-border-light);}
#settingsPage .infoBlock .allEmailRows .phoneRow .basicList{row-gap:8px;}
#settingsPage .infoBlock .allEmailRows .phoneRow .inner{display: flex;flex-direction: column;gap: 8px;}
#settingsPage .infoBlock .allEmailRows .phoneRow .inner ul li{color:#9a9a9a;}

#settingsPage .infoBlock .allInboundMessagesRoutingRulesRows{display:flex;flex-direction: column;gap:5px;}
#settingsPage .infoBlock .allInboundMessagesRoutingRulesRows .inboundMessageRoutingRuleRow{padding:20px 0; margin-bottom: 10px;border-bottom:1px dashed var(--gray-border-light);}
#settingsPage .infoBlock .allInboundMessagesRoutingRulesRows .inboundMessageRoutingRuleRow .basicList{row-gap:8px;}
#settingsPage .infoBlock .allInboundMessagesRoutingRulesRows .inboundMessageRoutingRuleRow .inner{display: flex;flex-direction: column;gap: 8px;}
#settingsPage .infoBlock .allInboundMessagesRoutingRulesRows .inboundMessageRoutingRuleRow .inner ul li{color:#9a9a9a;}

/* #settingsPage .allContainer .fitLine{flex:1;} */

.bodyDropDown {
    transform: translateY(10px) translateX(-50%) !important;
}

.bodyDropDown li.active {
    background: #f8f9fa;
}

.bodyDropDown a.active {
    background: #f8f9fa;
}

.dropdownMenuStyled button .check-mark,
bodyDropDown a.active .check-mark {
    content: '';
    width: 7px;
    height: 14px;
    border-bottom: 3px solid var(--basic-green);
    border-right: 3px solid var(--basic-green);
    display: inline-block;
    transform: rotate(45deg);
}

.generalDropdown {
    margin-top: 0 !important;
    margin-left: 0 !important;
    /* width:100%; */
}

.rotated90 svg {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.redIcon {
    color: rgb(209, 58, 58);
}

.opacity20 {
    opacity: 0.2 !important;
}

.opacity70 {
    opacity: 0.7 !important;
}

.opacity70_onHover:hover {
    opacity: 0.7 !important;
}


.tableCutomToolTipContainer {
    display: none;
    position: absolute !important;
    width: auto !important;
    height: auto !important;
    z-index: 9999999999999;
    transform: translate(-50%, -100%);
    top: -100%;
    left: -50%;
    margin-top: -10px;
}

.tableCutomToolTipContainer .customToolTip {
    position: relative !important;
    display: block !important;
    top: auto !important;
    left: auto !important;
    transform: translate(0) !important;
    right: auto !important;
}


.payWithChequeConfirmBtn .selectInConfirmBtn .dropdown-toggle {
    width: 280px !important;
    min-width: 100% !important;
    max-width:100%!important;
}
.salaryPaymentFinanceTableSelectBtn .selectInConfirmBtn .dropdown-toggle {
    width: 280px !important;
    min-width: 100% !important;
    max-width:100%!important;
}

.copyListItemsModal{}
.copyListItemsModal .modal-dialog{width:1000px;}
.copyListItemsModal .modal-body{width:100%;padding: 0 !important;margin-top:-18px;}
.copyListItemsModal .modal-header .close{fill:white;}
  
.copyListItemsModal.hasCopiedItemsList .modal-header .close{fill:unset;}
/* .copyListItemsModal.hasCopiedItemsList .modal-body{margin-top:0;} */

.modalCheckBoxsListsContainer {
    width: 100%;
}

.copyListItemsModal.hasCopiedItemsList .modalCheckBoxsListsContainer{width:40%;margin-top:-1px;}

.preventSelection,
.preventSelection * {
    user-select: none;
}

.modalCheckBoxsListsContainer .modalItemsList{}
.modalCheckBoxsListsContainer .modalItemsList .listTitle{width:100%;background:var(--basic-blue-dark);color:white;font-weight:400;font-size:15px;padding:8px 10px;}
.modalCheckBoxsListsContainer .modalItemsList.copyItemsList .listTitle{background:var(--basic-blue);}
.modalCheckBoxsListsContainer .modalItemsList li {cursor:pointer;user-select:none;}
.modalCheckBoxsListsContainer .modalItemsList li:not(.listTitle){padding:8px 0 8px 5px;min-height:50px;display:flex;align-items:center;border-bottom:1px solid var(--gray-border);}
.modalCheckBoxsListsContainer .modalItemsList li .content{font-weight:400;font-size:15px;color:var(--basic-txt-color);}
.modalCheckBoxsListsContainer .modalItemsList li.listTitle .content{color:white!important;}
.modalCheckBoxsListsContainer .modalItemsList li label.customCheckBox {
    /* width: 100%; */
    height: 100%;
    max-height: 100%;
    display: flex;
    margin:0;
    min-height: 100%;
}
.modalCheckBoxsListsContainer .modalItemsList li label.customCheckBox span.checkbox{}

.modalCheckBoxsListsContainer .modalItemsList .listTitle{width: 100%;display: flex;justify-content: space-between;}
.modalCheckBoxsListsContainer .modalItemsList .listTitle .content{text-decoration: underline;text-underline-offset:1px;}
.modalCheckBoxsListsContainer .modalItemsList .listTitle.hasCheckBox{padding-right:2px;}
.modalCheckBoxsListsContainer .modalItemsList .listTitle .label{}
.modalCheckBoxsListsContainer .scrollContainer{width:99%;overflow-y:auto;max-height:385px;padding:0 12px;margin:15px 0;}
.modalCheckBoxsListsContainer .searchField{width:100%;padding: 15px 20px;color:white;background:#9f9f9f;display:flex;align-items:center;min-height:55px;}
.modalCheckBoxsListsContainer .searchField input{width:100%;height:100%;color:white;font-size:15px;background:none;}
.copyListsContainer.scrollbarBlue::-webkit-scrollbar{background-color:rgba(0,0,0,0);}
.modalCheckBoxsListsContainer .searchField input::placeholder {color: white;opacity: 0.8;}
.modalCheckBoxsListsContainer .searchField input:-ms-input-placeholder, .modalCheckBoxsListsContainer .searchField input::-ms-input-placeholder {color:white;}

.modalCheckBoxsListsContainer .searchField{padding-left:40px;}  

.modalCheckBoxsListsContainer .listItem.disabled {background:#e87}  
.modalCheckBoxsListsContainer .listItem.disabled span.checkbox {display:none}  
.modalCheckBoxsListsContainer .listItem.disabled span.content {margin:0 15px;}  

.copiedListContariner{padding:10px;box-shadow: 1px 1px 3px 0.35px rgba(0, 0, 0, 0.09);}
.copiedListContariner .actions label{margin:0;}
.copiedListContariner .actions .field{gap:12px;}
.copiedListContariner h2{min-height:54px;border-bottom:1px solid var(--gray-border);display:flex;align-items:center;}

.copyListItemsModal.hasCopiedItemsList .copiedListContariner .actions .field{padding:25px 0;}
.copyListItemsModal.hasCopiedItemsList .copiedListContariner{width:60%;margin-top:0;padding-top:0;}
.copyListItemsModal.hasCopiedItemsList .copiedListContariner .actions .greenBtn{min-width:145px!important;justify-content: center;}

.copyListItemsModal.hasCopiedItemsList .modal-body{display:flex;}

.copiedListContariner .copiedItemsList{width:100%;}
.copiedListContariner .copiedItemsList li{flex-direction:row;gap:8;width:100%;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#f6f8fa;border:1px solid var(--gray-border);min-height:43px;font-size:15px;color:var(--basic-txt-color);}
.copiedListContariner .copiedItemsList li button.removeCopiedItem{color:#526065;font-size:17px;font-weight:300;background:none;}
.copiedListContariner .copiedItemsList li .content{
    flex:1;
    font-weight:bold;
    overflow:hidden!important;
    white-space: nowrap; 
    text-overflow: ellipsis;
    padding-left:5px;
}
.copiedListContariner .copiedItemsList li .price{
    font-size:13px;
    text-decoration: underline;
    padding: 0 2px;
    min-width::fit-content;
}
/* TODO: remove .price above*/
.copiedListContariner .copiedItemsList li .itemDetailSideText{
    font-size:13px;
    padding: 0 2px;
    min-width:fit-content;
    display:flex;
    align-items:center;
}
.copiedListContariner .copiedItemsList li .itemDetailSideText .inputFiled{
    max-height: 35px!important;
    background:white;
    max-width:100px;min-width:fit-content;
    margin-bottom:0;
}
.copiedListContariner .copiedItemsList li .itemDetailSideText .inputFiled .icon{
    min-width:25px;
    max-width:25px;
}
.copiedListContariner .copiedItemsList li .itemDetailSideText  .input{
    padding: 0 8px;
    text-align:center;
}

.listItem div.itemHierarchicalDataText{display:none;}
.copiedListContariner .copiedItemsList li .itemHierarchicalDataText{
    font-size:13px;
}

.copiedListContariner .scrollContainer{max-height: 266px;min-height:266px;margin-top: 18px;overflow-y:auto;}
.copiedListContariner.withoutToggle .scrollContainer{min-height:332px;}
/* .copyListItemsModal:not(.hasCopiedItemsList) .copiedListContariner .actions .field{padding:5px 0;} */
.copyListItemsModal:not(.hasCopiedItemsList) .copiedListContariner h2{display:none;}
.copyListItemsModal:not(.hasCopiedItemsList) .copiedListContariner .scrollContainer{display:none;}



/* side panel resize */

.whiteBlock .resizer-horizontal {
    width: 5px;
    height: 100%;
    background: transparent;
    position: absolute;
    left: 0;
    bottom: 0;
    cursor: e-resize;
}

/* .whiteBlock .resizer-vertical {
    width: 100%;
    height: 5px;
    background: transparent;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: n-resize;
  } */

/* .whiteBlock .resizer-both {
    width: 20px;
    height: 20px;
    background: transparent;
    z-index: 10;
    position: absolute;
    background:var(--basic-gray);
    border:1px solid var(--gray-border);
    left: -1px;
    bottom: -1px;
    cursor: nesw-resize;
    font-family: "Font Awesome 5 Free";
  }
  .whiteBlock .resizer-both.all:before{
    font-family: "Font Awesome 5 Free";
    content:"\f065";
    position:absolute;
    top:0;right:0;
    color:black;
    width:100%;
  }  
  .whiteBlock .resizer-both.vertical{
    font-family: "Font Awesome 5 Free";
    content:"\f338";
  }   */
.whiteBlock .resizer-both.horizontal {
    font-family: "Font Awesome 5 Free";
    content: "\f337";
}


.mark {
    background: rgba(255, 255, 0, 0.43) !important;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}

.multiCheques .table .input.blueMark, 
.blueMark {
    background: #a8e0fe !important;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}

.multiCheques .table .input.lightRedMark, 
.lightRedMark {
    background: #ffbfbf !important;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}

.multiCheques .table .input.lightGreenMark, 
.lightGreenMark {
    background: #d8ffea !important;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}

.multiCheques .table .input.lightBlueMark, 
.lightBlueMark {
    background: #d8f4ff !important;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}



.redHighlight,
.redHighlightInnerSpans span {
    background: var(--basic-red) !important;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}



/* End side panel resize */

/* Labels drop down menu */
.labelsDpMenuStyled {
    border: 0;
    padding-top:0;
    border-top: 2px solid var(--basic-blue);
    box-shadow: 0px 1px 6.65px 0.35px rgb(0 0 0 / 26%) !important;
    border-radius: 0 !important;
    z-index: 999999999;
    width: 450px;
}
.labelsDpMenuStyled.visible{
    transform: translate(-100%,-50%);
    -webkit-transform: translate(-100%,-50%);
    -moz-transform: translate(-100%,-50%);
    -ms-transform: translate(-100%,-50%);
    -o-transform: translate(-100%,-50%);
    margin-right:38px;
    
}
.labelsDpMenuStyled.outSideOpen{
    margin-right:-4px;
    transform: translate(3px, -50%);
    -webkit-transform: translate(3px, -50%);
    -moz-transform: translate(3px, -50%);
    -ms-transform: translate(3px, -50%);
    -o-transform: translate(3px, -50%);
}

.labelsDpMenuStyled.visible.changeOpenDirection{
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    margin-left:25px;

}
.dropdownMenuStyled {
    position: absolute;
    display: none;
    max-width: 90%;
    width: 320px;
}

.labelsDpMenu .dropdown-header {
    width: 100%;
    -webkit-box-shadow: 0 4px 6px -6px #969191;
    -moz-box-shadow: 0 4px 6px -6px #969191;
    box-shadow: 0 4px 6px -6px #969191;
    font-size: 15px;
    font-weight: 500;
    color: var(--basic-txt-color);
    border-bottom: 1px solid var(--gray-border);
    padding: 8px;
}
.labelsDpMenu .dropdown-header .closeLabelsDropDownMenu{
    width: 15px;
    height: 15px;
    font-size:15px;   
    background:none;         
}
.labelsDpMenu .dropdown-header .closeLabelsDropDownMenu svg{
    width: 100%;
    fill: rgba(182, 181, 181, 0.6);
}
.labelsDpMenu.searchMode{
    transform: translateY();
    -webkit-transform: translateY(0);
    -moz-transform: translateY();
    -ms-transform: translateY();
    -o-transform: translateY();
}
.labelsDpMenu ul {
    display: flex;
    /*flex-direction: column;*/
    gap: 5px;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;

    grid-gap: 6px;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    flex-direction: row;
    justify-content: center;
}

.labelsDpMenu ul li {
    width: 48%;
    min-height: 30px;
    display: flex;
    gap: 5px;
}

.labelsDpMenu ul li.selected {}

.labelsDpMenu ul li.selected:before {
    width: 4px;
    margin-right: 2px;
}

.labelsDpMenu ul .emptyBlock {
    display: none;
    font-size: 14px;
}

.labelsDpMenu ul li .content {
    position: relative;
    padding: 5px;
    width: calc(100% - 20px);
    background: #c2c9d4;
    border-radius: 3px;
    min-height: 100%;
    font-size: 14px;
}

.labelsDpMenu ul li .editLabelBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
}

.labelsDpMenu ul li .editLabelBtn svg {
    width: 13px;
    fill: rgba(66, 82, 110, 0.6);
}

.labelsDpMenu ul li .editLabelBtn:hover svg {
    fill: rgba(66, 82, 110, 1);
}

.labelsDpMenu ul li.selected {
    transform: scale(1);
}

.labelsDpMenu ul li.selected {
    animation: spinning-cog 0.45s linear;
    animation-delay: 0.1s;
}

@keyframes spinning-cog {
    0% {
        transform: scale(1)
    }

    20% {
        transform: scale(1.05)
    }

    100% {
        transform: scale(1)
    }
}

.singlePulseAnimation {
    animation: singlePulseAnimation 1s linear;
    animation-delay: 0.1s;
}

@keyframes singlePulseAnimation {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.4)
    }

    100% {
        transform: scale(1)
    }
}

/* .fadeInAnimationImmediate {
    animation: fadeInAnimationImmediate 1.0s linear;
}

@keyframes fadeInAnimationImmediate {
    0% {
        opacity: 0.0
    }

    50% {
        opacity: 0.3
    }

    100% {
        opacity: 1.0
    }
} */

.singleFadeOutFadeInAnimation {
    animation: singleFadeOutFadeInAnimation 1.0s linear;
    animation-delay: 1.0s;
}

@keyframes singleFadeOutFadeInAnimation {
    0% {
        opacity: 1.0
    }

    50% {
        opacity: 0.3
    }

    100% {
        opacity: 1.0
    }
}

.labelsDpMenu .inner {
    width: 100%;
    padding: 10px;
}

.labelsDpMenu .searchLabel {
    margin-bottom: 8px;
}

.labelsDpMenu .searchLabel .inputFiled {
    height: 38px;
    border: 0;
    border-bottom: 1px solid var(--gray-border);
}

.labelsDpMenu ul li:not(.selected) .checkmark {
    width: 0;
    height: 0;
}

.labelsDpMenu ul li.selected .checkmark {
    width: 30px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 3px;
    stroke-width: 3;
    stroke: #fff;
    stroke-miterlimit: 10;
    animation: scale .3s ease-in-out;
    animation-delay: 0;
}

.labelsDpMenu ul li.selected[colortype="light"] svg.checkmark path {
    stroke: var(--basic-txt-color);
    opacity: 0.7;
}

.labelsDpMenu ul li.selected svg.checkmark path {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: strokeCheckMark 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.1s forwards;
}

@keyframes strokeCheckMark {
    100% {
        stroke-dashoffset: 0;
    }
}


.appearAnimation1 {
  animation-duration: 1s;
  animation-name: appearAnimation1;
  animation-timing-function: cubic-bezier(.75,.15,.25,1);
  animation-delay: 0.25s;
}

@keyframes appearAnimation1 {
  0% {
    opacity: 1;
    transform: scale(1, 1);
  }

  25% {
    opacity: 0.8;
    transform: scale(0.99, 0.85);
  }

  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}

#successBlockOnAllInvoicesProcessed.appearAnimation1 {
    
    /* animation-delay: 1.0s; */
    min-height: 70vh;
}

.labelsDpMenu .inner {
    width: 100%;
    overflow-x: hidden;
    padding: 10px;
    position: relative;
}

.labelsDpMenu .switchTabContainer {
    width: 100%;
    display: flex;
    overflow-x: hidden;
}

.labelsDpMenu .switchTabContainer .tabItem {
    width: 100%;
    min-width: 100%;
    overflow: hidden;
}

/* .labelsDpMenu .switchTabContainer .tabItem.active{width:100%;height:auto;padding:10px;} */
.labelsDpMenu .closeTabItem {
    width: 15px;
    height: 15px;
    font-size:15px;
    position: absolute;
    left: 10px;
}

.labelsDpMenu .closeTabItem svg {
    width: 100%;
    fill: rgba(182, 181, 181, 0.6);
}

.labelsDpMenu .closeTabItem:hover svg {
    fill: rgba(182, 181, 181, 1);
}

.labelsDpMenu .switchTabContainer .tabItem:not(.active) {
    height: 0;
}

.labelsDpMenu .switchTabContainer .tabItem:first-child {
    transform: translateX(100%);
}

.labelsDpMenu .switchTabContainer .tabItem:first-child.active {
    transform: translateX(0);
}

/* .labelsDpMenu .switchTabContainer .tabItem:last-child{left:-100%;} */
.labelsDpMenu .switchTabContainer .tabItem:last-child.active {
    right: 0;
    transform: translateX(100%);
}

.labelsDpMenu .editLabelTab {}

.labelsDpMenu .editLabelTab .field {
    margin-top: 5px;
    margin-bottom: 15px;
}


.labelsDpMenu .editLabelTab .saveLabelChangesBtn {
    width: auto;
    padding: 7px 10px;
    color: white;
    background: var(--basic-green-dark);
    font-size: 13px;
    border-radius: 3px;
}
.labelsDpMenu .editLabelTab .deleteLabelChangesBtn {
    width: auto;
    padding: 7px 10px;
    color: white;
    background: var(--basic-red);
    border: solid #c32e2e 1px;
    font-size: 13px;
    border-radius: 3px;
}
.labelsDpMenu .editLabelTab .cancelLabelChanges {
    background: var(--basic-gray);
    color:black;
    border: solid #eee 1px;
}
.labelsDpMenu .createNewLabelBtn {
    display: flex;
    gap: 4px;
}

.labelsDpMenu .createNewLabelBtn span {}

.labelsDpMenu.searchMode {
    transform: translate(calc(-100% - 3px),-1px)!important;
    -webkit-transform: translate(calc(-100% - 3px),-1px)!important;
    -moz-transform: translate(calc(-100% - 3px),-1px)!important;
    -ms-transform: translate(calc(-100% - 3px),-1px)!important;
    -o-transform: translate(calc(-100% - 3px),-1px)!important;
}

.createNewLabelModeBtn {

    margin-top:10px;
}

.labelsDpMenu.searchMode .createNewLabelModeBtn,
.labelsDpMenu.searchMode ul li .editLabelBtn {
    display: none;
}

a.chosen-single {
    display: flex !important;
    align-items: center;
    width: 100% !important;
    height: 100% !important;
    background: none !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.opacity05 {opacity:0.5 !important;}
.opacity07 {opacity:0.7 !important;}

i.green {color:green;}
i.blue {color:blue;}
i.orange {color:orange;}
i.red {color:red;}
i.gray {color:gray;}

.notificationsModal .notificationsList{width:100%;margin:0;}
.notificationsModal .scrollbarBlue::-webkit-scrollbar-thumb{border-color:var(--basic-gray);}
.notificationsModal .scrollbarBlue::-webkit-scrollbar-track{background:var(--basic-gray);}
.notificationsModal .notificationsList li{width:100%;display:flex;align-items:center;position:relative;border-bottom:1px solid var(--gray-border);padding-bottom:23px;padding:18px 7.5% 23px 6.5%;}
.notificationsModal .notificationsList li .content {
    color:#263238;
    font-size:14px;
    width: 210px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.notificationsModal .notificationsList li .bottomNote {
    position:absolute;bottom:10px;color:gray;
    width: 210px;
    overflow: hidden;
    height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.notificationsModal .notificationsList li .icon{min-width:44px;height:44px;border-radius:50%;overflow:hidden;display:flex;align-items: center;justify-content: center;background:#5bb481;margin-left:15px;}
.notificationsModal .notificationsList li .icon svg{width:20px;fill:white;}
.notificationsModal .notificationsList li .removeNotification{width:9px;height:9px;position:absolute;left:12px;top:8px;background:none;}
.notificationsModal .notificationsList li .removeNotification svg{fill:#c8c8c8;}
.notificationsModal .notificationsList li .removeNotification:hover svg{fill:var(--basic-blue-dark-dark);}
.notificationsModal .notificationsList li .notificationSettings{background:#ebebeb;padding:7px;display:flex;align-items:center;justify-content: center;color:#9f9f9f;font-size:13px;position:absolute;bottom:0;left:0;border-top-right-radius:5px;}
.notificationsModal .notificationsList li .notificationSettings:hover{color:var(--basic-blue-dark-dark);}

.notificationsModal .notificationsList li .notificationButton {position:absolute;bottom:5px;left:5px;border-radius:5px !important;}

.notificationsModal .notificationsList li.alarmNotification .icon{background:var(--basic-blue);}
.notificationsModal .notificationsList li.settingsNotification .icon{background:#282d32;}
.notificationsModal .notificationsList li.newNotification{background:#e7fff1;}
.modal{z-index:999999999;}
.notificationsModal .notificationsList li .notificationSettings i{margin-left:3px;}
.notificationsModal .notificationsList li .notificationSettings{text-decoration:none!important;}

.addPricesGrid .addRecordGridItem{max-width:100%!important;}
.addPricesGrid .addPriceGridItem{max-width:100%!important;}
.addPricesGrid .item-content{  
    max-width: 100%;
    overflow: hidden !important;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.orangeBtn{background:var(--basic-orange) !important;color:white;font-weight:400;border:0;}
.orangeBtn:hover,a.orangeBtn:hover,a.orangeBtn:hover i{background:var(--basic-orange)!important;color:white!important;opacity:0.8;}
.itemsSideList .top .separator{margin-bottom:0;}
.itemsSideList .itemSection:not(:last-child){
    border-bottom:1px solid var(--gray-border);
}
.itemsSideList .itemSection{
    padding: 15px 0;
}
.itemsSideList .itemSection .filters{
    border:1px solid var(--gray-border);
    width:100%;
    display:flex;
    flex-direction: column;

}
.itemsSideList .itemSection .filters .title{
    position:relative;
    min-height:35px;
    padding:8px;
    padding-bottom:13px;

}
.itemsSideList .itemSection .filters .title:after{content:'';position:absolute;bottom:0;right:0;height:5px;width:100%;background:var(--basic-blue);}
.itemsSideList .itemSection .filters .allFields{width:90%;min-width:220px;padding:15px 0;margin:0px auto;}
.itemsSideList .itemSection .filters .allFields .field label{font-size:12px;}
.itemsSideList .itemSection .filters .allFields .field .inputFiled{height:39px;max-height:39px;}

.blur_content {
    -webkit-filter: blur(6px);
    -moz-filter: blur(6px);
    -o-filter: blur(6px);
    -ms-filter: blur(6px);
    filter: blur(6px);
}

/* muuri */
.addPricesGrid {
    position: relative;
  }
  .addPricesGrid .addPriceGridItem {
    display: block;
    position: absolute;
    min-width: 30px;
    min-height: 30px;
    padding: 5px;
    margin: 3px;
    z-index: 1;
    background: #eee;
    border-radius:10px;
    color: #000;
    cursor:pointer;
  }
  .addPricesGrid .addPriceGridItem::first-letter { 
      font-size: 120%;
      font-weight: 500;
  }
  .addPricesGrid .addPriceGridItem:hover {
  
      /* CHEN:TODO: Please add animation on click. highlight? */
  
      background: #ddd;
  }
  
  .addPricesGrid .item.muuri-item-dragging {
    z-index: 3;
  }
  .addPricesGrid .item.muuri-item-releasing {
    z-index: 2;
  }
  .addPricesGrid .item.muuri-item-hidden {
    z-index: 0;
  }
  .addPricesGrid .item-content {
    position: relative;
    width: 100%;
    height: 100%;
  }

#quickAddPricesSideGrid .addPriceGridItem.recentPayeeItem {
    background: #ecc7c7;
}
#quickAddPricesSideGrid .addPriceGridItem.recentPayorItem {
    background: #dcffdc;
}

#filesPage .lSPager.lSGallery {

    overflow-y: overlay;
    max-height: 230px;
}

.whiteColor {
    
    color: white;
}

.invisibleOnLoad {
    opacity: 0.01 !important;
    -moz-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}
.invisibleOnLoad.onRemoveInvisibleOnLoad {
    opacity: 1 !important;
}

/*.bootstrap-select a[role="option"].selected,*/
.bootstrap-select a[role="option"].highlighted {
    font-weight: bold;
    text-decoration: underline;    
}

.userProfilePage .supperEditor {
    position: relative;
    width: 100%;
    background: white;
    margin-top: 20px;
    border-bottom:1px solid var(--gray-border);
}
.userProfilePage .supperEditor > i {

    color: #4d5b72;
}
.userProfilePage .supperEditor .turnEditAble{
    position:absolute;
    left:10px;
    top:12px;
    max-width:20px;
    cursor:pointer;
    z-index:9;
}


.orderRow .supperEditor {
    position: relative;
    margin-top: 20px;
    border-bottom:1px solid var(--gray-border);
}
.orderRow .supperEditor > i {
    color: #4d5b72;
}
.orderRow .supperEditor .turnEditAble {
    position:absolute;
    left:50px;
    top:12px;
    max-width:20px;
    cursor:pointer;
    z-index:9;
    opacity: 0.5;
}
.orderRow .supperEditor .notBestPriceIcon,
.orderRow .supperEditor .bestPriceIcon {
    position:absolute;
    right:34px;
    bottom:12px;
    max-width:24px;
    cursor:pointer;
    z-index:9;
}

.taxDocumentsTableRow .turnEditAble {
    position:absolute;
    left:9px;
    top:12px;
    max-width:20px;
    cursor:pointer;
    z-index:9;
}

.chequePayeeSelectFloatingIcon {
    position:absolute;
    left:5px;
    top:12px;
    max-width:20px;
    cursor:pointer;
    z-index:9;
}

.chequeDateFloatingIcon,
.chequeDetailsFloatingIcon {
    position:absolute;
    left:5px;
    top:12px;
    max-width:20px;
    cursor:pointer;
    z-index:9;
}

.addMultipleRouteDrivesModalRowsContainer .chosen-container-multi .chosen-choices {
    height: inherit;
    padding:0 10px;
}



.chosen-drop {-webkit-transform:translate3d(0,0,2px);}
.cheque-form-container {z-index:0;-webkit-transform:translate3d(0,0,0);}

.is-good-value, 
.details-table-row .column .inputFiled .is-good-value, 
.basicSelectPicker .dropdown.is-good-value button,
.cheque-form-container .col2 input.is-good-value {
    background-color: rgba(209, 255, 206, 0.5) !important;
    border-color: rgba(117, 154, 114, 0.7) !important;
}

.monthSelection{display:flex;border:1px solid var(--basic-blue);height:36px;}
.monthSelection .month{padding:0 18px;display:flex;color:var(--basic-blue)!important;align-items:center;justify-content: center;font-size:15px;}
.monthSelection .arrow{padding:0 10px;font-size:13px;color:var(--basic-blue)!important;display:flex;align-items:center;text-decoration:none!important;}
.monthSelection .arrow:first-child{border-left:1px solid var(--basic-blue);}
.monthSelection .arrow:last-child{border-right:1px solid var(--basic-blue);}
.monthSelection .month i{margin-left:5px;}
.monthSelection .arrow:hover{color:white!important;background:var(--basic-blue);}



.jconfirm-scrollpane .phoneNumberPrefix{max-width:90px!important;}
.jconfirm-scrollpane .phoneNumberPrefix .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){max-width:100%!important;}


.tableBlock.hasTablesMenu{padding-top:0;}
.tableBlock .tablesMenu{width:100%;border-bottom:1px solid var(--gray-border);margin-bottom:0;display:flex;height:100%;}
.tableBlock .tablesMenu .item{border-left:1px solid var(--gray-border);min-height:100%;}
.tableBlock .tablesMenu .item:last-child{border-left:0;}
.tableBlock .tablesMenu .item a,.tableBlock .tablesMenu .item button{background:white;padding: 8px;display: flex;    box-sizing: border-box;min-height:40px;text-decoration: none;align-items:center;justify-content: center;white-space:nowrap;}
.tableBlock .tablesMenu .item a.active,.tableBlock .tablesMenu .item button.active{border-bottom:4px solid var(--basic-blue);}
.tableTabsCarousle{}
.tableTabsCarousleContainer{width:100%;display:flex;border-bottom:1px solid var(--gray-border);height: 41px}
.tableTabsCarousleContainer button.owl-prev,
.tableTabsCarousleContainer button.owl-next{background:none;min-height:100%;display:flex;align-items: center;justify-content: center;padding:0 5px;color:#030303;}
.tableTabsCarousleContainer button.owl-prev{border-left:1px solid var(--gray-border);}
.tableTabsCarousleContainer button.owl-next{border-right:1px solid var(--gray-border);}
.tableBlock .tableTabsCarousleContainer .tablesMenu{border-bottom:0;overflow-x: hidden;}
.tableBlock .tableTabsCarousleContainer .owl-carousel .owl-stage,
.tableBlock .tableTabsCarousleContainer .owl-carousel .owl-stage-outer{min-width:100%;height:100%;}

.tableBlock .tablesMenu .owl-item:not(:last-child) .item{border-inline-end: 1px solid var(--gray-border);}
.tableBlock .tablesMenu .owl-item{margin:0!important;}

.tableBlock.ProductsBlock .tableTabsCarousleContainer{background:white;}
.tableBlock.ProductsBlock .tablesMenu .item a i{opacity:0.7;font-size:13px;}
.minifiedMenuCatText {
    font-size: 12px !important;
}

.failedItem {background:#f6a7a7!important;} 
.succeddedItem {background:rgba(200, 255, 216, 0.9)!important;}

#loadChequesFromFileDateFormatSelectContainer .filter-option-inner-inner{
	text-align: center;
}

#hideThis,
.hideThis {
    display: none !important;
}


.documentBuilderPageMainSection table .inputFiled{width:100%!important;}

body > .chosen-container {z-index:9999999999999999!important;}
body > .chosen-container .chosen-single,
body > .chosen-container .chosen-default{opacity:0;}

.modalSideFieldsDictionaryListContainer {
    border-right:1px solid var(--gray-border);
}
.modalSideFieldsDictionaryListContainer .list li {

    margin:15px;
    margin-right:20px;
    font-size: 14px;
    font-weight:bold;
    list-style-type: circle;
    text-decoration:underline;
    user-select:none;
    cursor:pointer;
}

.modalSideFieldsDictionaryListContainer .list li:last-child {
    margin-bottom:30px;
}

.modalAccordionTabContainer{width:100%;display:flex;flex-direction: column;padding: 0 20px;}
.modalAccordionTabContainer .title{cursor:pointer;border-bottom:1px solid var(--gray-border);padding: 8px;margin-bottom:15px;display:flex;justify-content: space-between;}
.modalAccordionTabContainer .content{display:none;padding: 8px 15px;}
.modalAccordionTabContainer .title i{
    background:var(--basic-blue);font-size: 13px;
    height: 24px;
    min-width: 24px;
    border-radius:2px;
    font-size:13px;
    display:flex;
    justify-content: center;
    align-items: center;
    color:white;
}
.modalAccordionTabContainer.active .title i:before {
    content: "\f068";
}

.grid-stack>.grid-stack-item>.grid-stack-item-content{}
.grid-stack>.grid-stack-item>.grid-stack-item-content ul.itemsList{width:100%;}
.grid-stack>.grid-stack-item>.grid-stack-item-content .workersListHolder{margin-bottom:auto;}

nav.minifiedMenu  li.systemInfoHolder{display:none;}
nav li.systemInfoHolder{padding:5px;}
nav .systemInfo{padding:10px;/*background:white;*/width:100%;min-height:15px;box-sizing: border-box}
.systemInfo .progressBar{width:100%;height:8px;background:var(--gray-border-light);display:flex;direction:ltr;border-radius:5px;overflow:hidden;}
.systemInfo .progressBarValue{
    width:100%;
    height:100%;
    background:var(--gray-border-light);
    min-height:100%;
    width:0;
    background:var(--basic-blue);
}
nav .systemInfo p{color:#858585;font-size:12px;margin-top:7px;}



.hoverBasedVisibilityContainer:hover .hiddenOnHover {
    display:none;
}

.hoverBasedVisibilityContainer .visibleOnlyOnHover {
    display:none;
}
.hoverBasedVisibilityContainer:hover .visibleOnlyOnHover {
    display:block;
}


.activeBasedVisibilityContainer.active .hiddenWhenActive {
    display:none;
}

.activeBasedVisibilityContainer .visibleOnlyWhenActive {
    display:none;
}
.activeBasedVisibilityContainer.active .visibleOnlyWhenActive {
    display:block !important;
}


#filesPage .filesView .filesList > li{
    flex-basis: calc((100% - 16px)/3);
    min-width: unset!important;
    width: unset!important;
}
#filesPage .filesView .filesList[row-items="4"] > li{
    flex-basis: calc((100% - 32px)/4);
}
#filesPage .filesView .filesList[row-items="6"] > li{
    flex-basis: calc((100% - 48px)/6);
}
#filesPage .filesView .filesPath{
    display:flex;
    align-items:center;
    justify-content: center;
    gap:12px;
    margin:0;
}
/*
#filesPage .filesView .filesPath li::after{
    content: "\f07b";
    font-family: "Font Awesome 5 Free";
    color:white;
    opacity: 0.8;
    font-size:14px;
    margin-inline-end:8px;
}
*/
#filesPage .filesView .filesPath li.file::before{
    content:"\f15b";

}
#filesPage .filesView .filesPath li:not(:last-child):after{
    border: solid #c1c1c1 !important;
    border-width: 0 2px 2px 0 !important;
    display: inline-block !important;
    margin-inline-start: 8px;
    padding: 3px !important;
    background: none !important;
    transform: rotate(135deg) !important;
    -webkit-transform: rotate(135deg) !important;
    content:'';
}
#filesPage .filesView .filesPath li a[href]{
    text-decoration: none;
    
}
#filesPage .filesView .filesPath li.file a{
    border-bottom:1px solid white;
}

#filesPage .filesView .block .title{
    padding: 15px;
}
#filesPage .filesView .block{
    width:100%;
}
#filesPage .filesView .listView .filesList{
    display:flex;
    flex-direction: column;
    width:60%;
    max-width:850px;
    padding-inline-end:3px;
}

#filesPage .filesView .listView li{
    flex-basis: unset;
    padding-inline-end:6px;
}

#filesPage .filesView .fileViewer{
    display:none;
}
#filesPage .filesView .listView .fileViewer{
    display: flex;
    flex-direction: column;
    flex:1;
    gap: 15px;
    padding: 15px 20px;
}

#filesPage .filesView .listView .fileViewer .fileContainer{
    width:100%;
    height:50vh;
    -webkit-box-shadow: 0px 0px 13px 1px rgba(207,207,207,0.87);
    -moz-box-shadow: 0px 0px 13px 1px rgba(207,207,207,0.87);
    box-shadow: 0px 0px 13px 1px rgba(207,207,207,0.87);
    border-radius:22px;    
    overflow: hidden;
    position: sticky;
    top: 100px;
    cursor: pointer;
}
#filesPage .filesView .listView .fileViewer .fileContainer img{
    width:100%;
    height: 100%;
    display: block;
    object-fit: contain;
}
#filesPage .filesView .listView .fileViewer .content{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap:10px;
    position: sticky;
    top: 60%;
}

#filesPage .filesView .listView .fileViewer .content strong {
    color: #151b20;
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 500;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    display: inline-block;
}


#filesPage .filesView .listView .fileViewer .contentstrong i {
    font-size: 11px;
    display: block;
    margin-inline-end: 8px;
    cursor: pointer;
}

#filesPage .filesView .listView .fileViewer .content .info {
    color: #909090;
    max-width: 100%;
    margin-top: 8px;
    font-size:14px;
}

#filesPage .filesView .listView .fileViewer .content .info span {
    margin-inline-end: 8px;
}
#filesPage .filesView .listView .fileViewer .content .info span i{
    margin-inline-end: 3px;
}

#filesPage .filesView .listView .fileViewer .content .info span:last-child {
    margin-inline-end: 0;
}

#filesPage .filesView .listView .fileViewer .content p {
    margin: 0;
    color: #909090;
    font-size: 14px;
    line-height: 120%;
}


.topPanelDropdownButton .dropdown-menu {
    font-size: 15px !important;
}

.topPanelDropdownButton .dropdown-item {
    padding: 10px 2.5rem;
}

.dropdown-toggle:focus {
    border-color: rgba(32, 129, 240, 0.882);
}

.multiCheques .interactive-details-table .details-table-row .deleteCol {
    min-width: 27px;
}

.expandRowBtnContainer {
    /* display: flex;
    justify-content: center; */
    margin-right: 25px;
}

.expandDetailsRowBtn {
    font-size: 15px;
}

.multiCheques .interactive-details-table .details-table-row.chequeDetailsSubRow {
    /* display: none; */
    /* visibility: hidden; */
}


.basicSortList{
    display:flex;
    flex-direction: column;
    width:100%;
    gap: 8px;

}
.basicSortList.active {
    background: #ccc;
}
.basicSortList .active{
    background:var(--basic-gray);
}

.sortableList .draggbleArea {
    cursor: move;
    user-select: none;
    min-height:100%;
    display: flex;
    z-index:9;
    font-size:15px;
    margin-inline-start:auto;


}

.sortableList .draggbleArea:after{
    content: "\f0c9";
    display: flex;
    padding-inline: 8px;
    box-sizing: border-box;
    font-family: "Font Awesome 5 Free";   
    font-weight: 900;
    margin-inline-start: auto;
}
.sortableList .dragging {
    /*background:var(--basic-blue)!important;*/
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
    opacity: 0.3;
}



.basicSelectionSortList{
    max-width:430px;
}
.basicSelectionSortList .dragging{
    /*width:430px!important;*/
    min-width:200px!important;
}
.basicSelectionSortList li {
    display: flex;
    align-items: center;
    max-width:430px;
    box-sizing: border-box;
    border:1px solid var(--gray-border);
    position: relative;
    min-width: 100%;
    padding-block: 8px;
    padding-inline: 20px;
    min-height:60px;
    border-radius: 8px;
}
.basicSelectionSortList li.checked{
    background:var(--basic-blue);
}
.basicSelectionSortList li.checked .draggbleArea{
    color:white;
}
.basicSelectionSortList li.checked .content{
    color:white;
}
.basicSelectionSortList input[type="checkbox"]{
    display: hidden;
}
.basicSelectionSortList .inner{
    display:flex;
    min-height: 100%;
    width:100%;
    flex:1;
    margin:0;
    box-sizing: border-box;
    align-items: center;
}
.basicSelectionSortList .content{
    display: flex;
    align-items: center;
    width:100%;
    gap:8px;
}
.basicSelectionSortList label {
    margin:0;
}
.basicSelectionSortList label .checkbox{
    min-width:25px;
    width:25px;
    height:25px;
    border-radius:50%;
    background:var(--basic-gray);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:14px;
    color:white;
}
.basicSelectionSortList label .checkbox i{opacity:0;}
.basicSelectionSortList label input[type="checkbox"]:checked + .checkbox i{opacity:1;}
.basicSelectionSortList label input[type="checkbox"]:checked + .checkbox{
    background: white;
    color:var(--basic-blue)
}

.basicSelectionSortList .input[type="text"]{
    margin:0;
    color:inherit;
    min-height:35px;
    flex:1;
    background:none;
    outline:0;
    border:0;    
}


.basicSelectionSortList.categoriesList {
    gap:8px;
    display: flex;
    flex-direction: column;
    margin-block:8px;
}
.basicSelectionSortList.categoriesList li{
    padding-inline-end: 10px;
}
.basicSelectionSortList.categoriesList li .inner{
    margin-inline-end: 5px;
}
.basicSelectionSortList.categoriesList .categoryCheckbox {
    cursor:pointer;
}
.basicSelectionSortList.categoriesList .categoryColor{
    margin-inline-start: auto;
}
.basicSelectionSortList li.checked .categoryColor{
    border: 1px solid #ffffffa3;
    box-shadow:  0 0 !important;
}

.numericInput {
    direction: ltr !important;
}

.orderInvoiceRow label {
    font-size: 14px;
    color: #9a9a9a;
}
.orderInvoiceRow .inputFiled,
.orderInvoiceTypeSelect.bootstrap-select>.dropdown-toggle {
    height: 41px !important;
}

.confidenceRateStatusContainer {
    cursor: help;
}


.orderInvoiceRowOwnBranchLink {
    
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

    right:-70px;position:absolute;
    width:65px;
    text-align:center;
    color:black !important;
    user-select:none;
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
}

.orderInvoiceRow.dz-drag-hover {
    background-color:rgb(227 245 255) !important;
    outline: dashed 2px rgb(52, 145, 199) !important;
    outline-offset: -2px;
}

.orderInvoiceRow .uploadInvoiceFileBtnContainer.dz-drag-hover {
    background-color:rgb(69, 187, 255) !important;
    outline: dashed 2px rgb(52, 145, 199) !important;
    outline-offset: -2px;
}
.orderInvoiceRow .dz-preview {
    display: none;
}

.whiteBlock .title strong.blue {color:var(--basic-blue);font-weight:600;margin-left:5px;}

.suppliersPage .suppliersList li.selected button.openDropDown {
    color: #555;
}
.suppliersList li.selected {
    background:#e1f3ff;text-decoration:none;color:#2b3b4a;
}
.suppliersList li.selected > div {
    border-color:#e1f3ff !important;
}

a {
    -webkit-user-drag: none;
}

.salaryViewTable .workerColumn{}
.salaryViewTable .salaryBlock{border-radius: 4px;background: var(--basic-gray);position:relative;width:355px!important;padding-block:15px;
}
.salaryViewTable .salaryBlock .content{position:relative;align-items: center;display: flex;}
.salaryViewTable .salaryBlock .salary,
.salaryViewTable .salaryBlock .time{font-weight:400;border-bottom:1px solid black;padding-block-end:3px;font-size:19px;color:black;width:fit-content;}
.salaryViewTable .salaryBlock .separator{
    height:24px;
    width:2px;
    display: block;
    background:var(--gray-border);
}
.salaryViewTable .row .salaryBlock:last-child{
    border-inline-end:0;
}
.salaryViewTable .headerRow .column{
    width:355px;
}

.salaryViewTable .headerRow{
    margin-block-end: 0!important;
}
.salaryViewTable .attachmentsTable{
    row-gap: 0!important;
}
.salaryViewTable .attachmentsTable .row{
    padding-block:5px;
}

.salaryViewTable .salaryBlock .cell{
    font-size:11px;
    font-weight:500;
    color:#c2c4c6;
    display: flex;
    flex-direction: column;
    gap:4px;
    align-items: center;
}
.salaryViewTable .salaryBlock .cell .salaryAlert{
    display: flex;
    color: black;
    align-items: center;
    gap:5px;
}
.salaryViewTable .salaryBlock .cell .salaryAlert img{
    width:14px;
}
.salaryViewTable .salaryBlock .actions .regBtn:last-child{
    color:#c2c4c6;
}



.expandAllTimeRowsColumn {
    position:absolute;
    right: 2.2%;
    cursor: pointer;
}

#workerAttendanceWorkerInfoBlock {
    position: sticky;
    top: -200px;
}
.highlightedBlueText {
    color:var(--basic-blue);
    font-weight:500;
}


.timeRecordsPage .headersRow .startTimeValue,
.timeRecordsPage .dayRecordsRow .startTimeValue {
    text-decoration: underline;
    margin-right:20px;
}
.timeRecordsPage .headersRow .endTimeValue,
.timeRecordsPage .dayRecordsRow .endTimeValue {
    text-decoration: underline;
    margin-left: 20px;
}
.timeRecordsPage .dayRecordsRow .timesTableArrow {
    width:0;
    margin-right:-15px;
}

.arrowHolder {
    height: 20px;
}

.timeRecordsPage .dayRecordsRow.dayMaxHoursWorkTimeExceeded .dayRecordsRowInner{

    background-color: #ffb9488f !important;
}

.timeRecordsPage .dayRecordsRow.dayMaxHoursWorkTimeExceeded .recordTotal{

    color: #b70000 !important;
}

.suppplierInvoicesBlock .lastOldOrderInvoiceRow {
    
    border-bottom: 1px dashed gray;
    margin-bottom: 20px;
}


.inRowArrowBtn {
    border: none;
    padding: 0px;
}

.inRowArrowBtn:hover {
    border-color: #aaa;
}

.inRowArrowBtn i {
    font-size: 15px;
    font-style: normal;
}

#genericAdvancedFilterModalFieldsContainer {
    margin: 15px;
    min-height: 100vh;
}

#genericAdvancedFilterModal .modal-footer {

    background: var(--basic-white);
}

#genericAdvancedFilterModalActionBtn {

    width: 180px !important;
    margin: 0 10px;
}

#multiEditSupplierPricesModal .modal-body,
#mergeFinancesCmpModal .modal-body,
#multiEditFinanceEntryModal .modal-body {
    overflow-y: scroll;
}

#mergeFinancesCmpModal.basicModal .basicFields {
    max-height: 100%;
}

.dropdown-item.active {
    background-color: #e4e4e4;
}

.financeRecordsPaymentsModalInvokeBtnContainer.fillGap {
    padding-right: 330px;
}

.inInputFieldLittleSideText {
    font-size: 12px;
    top: 0;
    position: absolute;
    cursor: pointer;
}
.inInputFieldLittleSideText:not(.doNotUnderlineOnHover):hover {
    text-decoration: underline;
}

.documentDelayedPaymentDateSideSmallText {
    font-size: 12px;
    top: 1px;
    left: 10px;
    position: absolute;
    cursor: pointer;
}

.supplierBlockSideInfo {
    font-size: 12px;
    bottom: 0;
    position: absolute;
    cursor: pointer;
    display: flex;
    justify-content: center;
    /* flex-direction: column; */
    /* height: 10px; */
}

.supplierBlockSideInfo > div {
    margin-left: 15px;
}

.supplierBlockSideInfo .supplierBlockDelayedPaymentDaysInfoField:hover {
    text-decoration: underline;
}

.supplierBlockSideInfo > .supplierBlockNikuiValueInfoField.nikuiError {
    color: red;
    position: absolute;
    top: -103px;
    width: 100%;
}


.carCareClientCarsList {
    max-height: 400px;
    overflow: scroll;
}

.inChosenOptionSmallSidePriceText {
    font-size: 12px;
    position: absolute;
    bottom: 10%;
    left: 5px;
    color: var(--basic-blue);
    text-decoration: underline;
    text-underline-offset: 1px;
}

li.group-option .inChosenOptionSmallSideCatNumberText {
    font-size: 10px;
    position: absolute;
    top: 3%;
    right: 30px;
    color: #999;
}

.chosen-single .inChosenOptionSmallSideCatNumberText {
    display: none !important;
}

.chosen-container .chosen-single span.inChosenOptionSmallSidePriceText {
    display: none;
}

.chosen-container .chosen-drop span.inChosenOptionCombinedValue {
    min-height: 30px;
}

.chosen-container-single .chosen-search {
    margin: 0 5px;
}

.chosen-drop > .chosen-search > input.chosen-search-input {
    border-radius: 7px !important;
    min-height: 35px;
    font-size: 15px;
    color: #444444;
    padding-left: 12px;
    padding-right: 12px;
}

.documentStatusDescriptionDropdownBtn {
    text-wrap: wrap;
    line-height: 1.5;
}



#createTaxDocumentSettingsModal.basicModal.mediumModal .modal-content{min-height:450px;}

.smallGrayText {
    color: #676767;
    font-size: 13px;
}


.invoicesRowFiledsToggle.ktoggle-container > label {
	margin-right: 0;
}


#financeRecordsPaymentsDetailsRowsContainer.noVATFields .financeRecordsPaymentsDetailsRowSumIncludingVATContainer {
    display: none;
}


#supplierInvoicesCreationModalSelectedOrdersProductsList {

    display: flex;
    flex-direction: column;
}

#supplierInvoicesCreationModalSelectedOrdersProductsList > div.orderProductRow {
    display: flex;
    justify-content: start;
}

#supplierInvoicesCreationModalSelectedOrdersProductsList > div.orderProductRow > div:first-child {
    margin-right: 70px;
}

.suppliersInvoiceModalOrderRowOrderNonEditableField {
    
    display: flex;
    align-items: center;
    height:44px;

    font-size: 15px;
    border-bottom: 1px solid var(--gray-border-dark);
}


#financesTableBody #sendToFinancesModalPaymentTypeField.hideThisField {
    display: none;
}
#financesTableBody .bankAccountFinanceSendSelectContainer.hideThisField {
    display: none;
}

.hiddenElement {
    display: none !important;
}


.deliveryModal #chargeOptionsBlock span {

    font-size: 15px;
    margin-top: 15px;
}

.deliveryModal #chargeOptionsBlock ul li:before {
    margin-top: 15px;
    content: '✓';
}

.deliveryModal #chargeOptionsBlock .chargeOptionContainer {

    height: 180px;
    padding: 0 !important;
}


#deliveryModal div > .all3Btns > label.mbtn {

    border-width: 2px !important;
}

#deliveryModal div > .all3Btns > label.mbtn.disabled {

    opacity: 0.4;
}

#responsiveSpecialTableContainer {
    width: 100%;
}

.responsiveSpecialTableBlockContainer {
    margin-bottom: 20px;
    max-width: 700px;
}

.responsiveSpecialTableBlockContainer.newRowsBlock {
    background: #fffcc2 !important;
}

.responsiveSpecialTableBlockContainer.newRowsBlock .specialTableRow.isNewRow {
    border: solid 3px rgb(198, 178, 54) !important;
}

.specialTableRow.greenRow-100 {
    border: solid 2px rgba(110, 206, 0, 1)!important;/* 100% background opacity*/
}

.specialTableRow.greenRow-60 {
    border: solid 2px rgba(110, 206, 0, 0.6)!important;/* 80% background opacity*/
}

.specialTableRow.greenRow-30 {
    border: solid 2px rgba(110, 206, 0, 0.3)!important;/* 40% background opacity*/
}

div.responsiveSpecialTable {
    border: 1px solid #ccc;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
    min-width: 255px;
}
div.responsiveSpecialTable .blockTitle {

    text-align: center;
    text-decoration: underline;
    text-underline-offset: 5px;
    margin-right: 47px;
}
div.responsiveSpecialTable caption {
    font-size: 1.5em;
    margin: .5em 0 .75em;
}

div.responsiveSpecialTable div.specialTableRow {
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    padding: .35em;
}
div.responsiveSpecialTable div.specialTableRow .specialTableCell select,
div.responsiveSpecialTable div.specialTableRow .specialTableCell input[type] {
    background-color: #f8f8f8;
    text-align: left;
    font-weight: 500;
    
    /* -webkit-touch-callout: none;    
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; */

    /* line-height: 20px; */
    /* border-bottom: 1px dashed var(--basic-title); */
}


div.responsiveSpecialTable div.specialTableRow .specialTableCell .dropDownHolder li {
    height: 50px;
    border-bottom: 1px solid var(--gray-border);
}


div.responsiveSpecialTable div.specialTableRow .specialTableCell select {
    /* margin: -10px; */
    /* width: 100px; */
    text-align-last: left;
}
div.responsiveSpecialTable div.specialTableRow .specialTableCell select:disabled {

    opacity: 1 !important;
    color: black;
}

div.responsiveSpecialTable div.specialTableRow .specialTableCell:not(.highlighted) select {
    appearance: none;
}

div.responsiveSpecialTable div.specialTableRow .specialTableCell input[type="date"] {
    max-width: 115px;
}
div.responsiveSpecialTable div.specialTableRow .specialTableCell input[type="text"] {
    max-width: 100px;
}
div.responsiveSpecialTable div.specialTableRow .specialTableCell input[type="text"][fieldname="jobCarNumber"] {
    color: #005dc0;
}
div.responsiveSpecialTable div.specialTableRow .specialTableCell input.smallWidth[type="text"] {
    max-width: 50px;
}
div.responsiveSpecialTable div.specialTableRow .specialTableCell input.largeWidth[type="text"] {
    max-width: 100vw;
    width: 100%;
}
/* div.responsiveSpecialTable div.specialTableRow .specialTableCell.highlighted input[type="text"], */
div.responsiveSpecialTable div.specialTableRow .specialTableCell.highlighted {
    border-bottom: 1px dashed var(--basic-title);
}
div.responsiveSpecialTable th,
div.responsiveSpecialTable .specialTableCell {
    padding: .625em;
    text-align: center;
    min-height: 38px;
}
div.responsiveSpecialTable th {
    font-size: .85em;
    letter-spacing: .1em;
    /* text-transform: uppercase; */
}

.apartmentTextContainer {
    top: 0;
}
.apartmentTextContainer > span.blueText {
    color: #005dc0;
}
.apartmentTextContainer.stickToTop {
    margin-top: 0;
    position: fixed;
    top: 0;
    z-index: 99999999;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    background: white;
    padding: 10px;
    border: solid 2px #eee;
    margin-right: -2%;
    
    transition: top 0.2s ease-out;
    -webkit-transition: top 0.2s ease-out;
    -moz-div.specialTableRowansition: top 0.2s ease-out;
    -ms-transition: top 0.2s ease-out;
    -o-div.specialTableRowansition: top 0.2s ease-out;
}

div.responsiveSpecialTable {
    border: 0;
}

div.responsiveSpecialTable caption {
    font-size: 1.3em;
}

div.responsiveSpecialTable thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

div.responsiveSpecialTable div.specialTableRow {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: 1.5em;
}

div.responsiveSpecialTable .specialTableCell {
    border-bottom: 1px solid #ddd;
    display: block;
    font-weight: 500;
    text-align: left;
}

div.responsiveSpecialTable .specialTableCell::before {
    content: attr(data-label);
    float: right;
    font-weight: bold;
}

div.responsiveSpecialTable div.specialTableRow .specialTableCell.suggestionSpecialTableCell {
    color: #3e98f7;
    border-bottom: dashed 1px;
}

div.responsiveSpecialTable div.specialTableRow .specialTableCell.suggestionSpecialTableCell::before {
    color: #3e98f7;
    font-size: 12px;
    width: 100%;
}

div.responsiveSpecialTable .specialTableRowCreationDetailsCell {
    text-align: left;
    width: 100%;
    height: 20px;
    line-height: 25px;
    margin-left: 4px;
    font-size: 12px;
}

div.responsiveSpecialTable .specialTableCell.responsiveSummaryCell {
    text-align: center;
    margin-top: 10px;
}
div.responsiveSpecialTable .specialTableCell.responsiveSummaryCell::before {
    width: 0;
}

div.responsiveSpecialTable .specialTableCell:last-child {
    border-bottom: 0;
}

div.responsiveSpecialTable div.specialTableRow {
    border-radius: 15px;
}





div.specialTableCell div.specialTableRow:not(.selected),
div.specialTableCell div.specialTableCell,
div.responsiveSpecialTable div.specialTableCell div.specialTableRow .specialTableCell select,
div.responsiveSpecialTable div.specialTableCell div.specialTableRow .specialTableCell input[type] {
    background: #d8d8d8 !important;

    border-bottom-color: #b7b7b7;
}




.responsiveSpecialTableBlockContainer div.specialTableCell div.specialTableRow.selected,
.responsiveSpecialTableBlockContainer div.specialTableRow.selected,
.responsiveSpecialTableBlockContainer div.specialTableRow.selected div.specialTableCell,
.responsiveSpecialTableBlockContainer div.responsiveSpecialTable div.specialTableCell div.specialTableRow.selected .specialTableCell select,
.responsiveSpecialTableBlockContainer div.responsiveSpecialTable div.specialTableCell div.specialTableRow.selected .specialTableCell input[type]
.responsiveSpecialTableBlockContainer div.responsiveSpecialTable div.specialTableRow.selected select,
.responsiveSpecialTableBlockContainer div.responsiveSpecialTable div.specialTableRow.selected .specialTableCell select,
.responsiveSpecialTableBlockContainer div.responsiveSpecialTable div.specialTableRow.selected .specialTableCell input[type] {
    background: #dcfdff !important;

    /* border-bottom-color: #b7b7b7; */
}

.responsiveSpecialTableBlockContainer div.specialTableCell div.specialTableRow.selected,
.responsiveSpecialTableBlockContainer div.specialTableRow.selected div.specialTableCell,
.responsiveSpecialTableBlockContainer div.specialTableRow.selected div.specialTableCell div.specialTableCell,
.responsiveSpecialTableBlockContainer div.responsiveSpecialTable div.specialTableRow.selected div.specialTableRow .specialTableCell select,
.responsiveSpecialTableBlockContainer div.responsiveSpecialTable div.specialTableRow.selected div.specialTableRow .specialTableCell input[type]
.responsiveSpecialTableBlockContainer div.responsiveSpecialTable div.specialTableCell div.specialTableRow.selected .specialTableCell select,
.responsiveSpecialTableBlockContainer div.responsiveSpecialTable div.specialTableCell div.specialTableRow.selected .specialTableCell input[type] {
    background: #dcfdff !important;

    /* border-bottom-color: #b7b7b7; */
}


.responsiveSpecialTableBlockContainer input[type="date"] {

    appearance: none;
    -webkit-appearance: none;
}

.responsiveSpecialTableBlockContainer input[type="date"]::-webkit-inner-spin-button,
.responsiveSpecialTableBlockContainer input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    appearance: none;
    -webkit-appearance: none;
}

#predictedSupplierInfoRow .supplierFirmIdText {
    margin-right: 10px;
    font-weight: bold;
}

.updateCurrentStockQuantityBtn {
    background-color: inherit;
}

.currencySignHolderContainer {
    position: relative;
}
.currencySignHolderContainer input {

    padding-left: 25px;
}
.currencySignHolderContainer .currencySignHolder {
    position: absolute;
    display: block;
    transform: translate(0, -50%);
    top: 50%;
    pointer-events: none;
    width: 25px;
    text-align: center;
    font-style: normal;
}


.invoiceSumInputVATTypeTextHolderContainer {
    position: relative;
}
.invoiceSumInputVATTypeTextHolderContainer input {

    padding-left: 25px;
}
.invoiceSumInputVATTypeTextHolderContainer .invoiceSumInputVATTypeTextHolder {
    position: absolute;
    display: block;
    transform: translate(0, 50%);
    bottom: 19px;
    left: 0;
    color: #515151;
    pointer-events: none;
    width: 75px;
    text-align: center;
    /* text-decoration: underline; */
    font-size: 14px;
    font-style: normal;
}

div.field {
    position: relative;
}
div.field input {

    padding-left: 25px;
}
#addMultipleRouteDrivesModal div.field input {

    padding-left: unset;
}
div.field .suppliersInvoicesFieldPotentialValuesIcon {
    position: absolute;
    display: block;
    transform: translate(0, -25%);
    top: 50%;
    left: 1%;
    width: 25px;
    text-align: center;
    font-style: normal;

    cursor: pointer;
}

div.field.orderInvoicePaymentDueDateFieldContainer .suppliersInvoicesFieldPotentialValuesIcon {
    top: 56%;
}


.orderInvoiceRow .changeCurrencyBtnLink {
    /* margin-top: 15px; */

    font-size: 14px;

    color: #8f8f8f;

    user-select: none;
    text-underline-offset:2px;
}

.orderInvoiceRow .changeVATTypeBtnLink {

    font-size: 14px;

    margin-right: 10px;
    margin-left: 2px;

    /* margin-left: 5px;
    margin-top: 15px; */

    color: #8f8f8f;

    user-select: none;
    text-underline-offset:2px;

    opacity: 0.4;
}

.orderInvoiceRow .changeVATTypeBtnLink:hover {
    
    opacity: 1.0;
}


.tabulator.tabulator-rtl .tabulator-row .tabulator-cell[tabulator-field="financeAssociatedBankAccountId"] {

    padding: 4px !important;
}
.tabulator.tabulator-rtl .tabulator-row .tabulator-cell[tabulator-field="financeAssociatedBankAccountId"] > span {

    display:flex;
    justify-content:end;
    align-items:center;
    flex-direction: row-reverse;
}
.tabulator.tabulator-rtl .tabulator-row .tabulator-cell[tabulator-field="financeAssociatedBankAccountId"] > span > div:first-child {

    margin-right: 8px;
    margin-left: 4px;
}
.tabulator.tabulator-rtl .tabulator-row .tabulator-cell[tabulator-field="financeAssociatedBankAccountId"] > span > div > img {

    width: 24px;
}

.inCellBankAccountNumber {
    font-size: 12px;
    text-align: center;
    padding-left: 5px;
}



.tabulator.tabulator-rtl .tabulator-row .tabulator-cell[tabulator-field="financeAssociatedCreditCardId"] {

    padding: 4px !important;
}
.tabulator.tabulator-rtl .tabulator-row .tabulator-cell[tabulator-field="financeAssociatedCreditCardId"] > span {

    display:flex;
    justify-content:end;
    align-items:center;
    flex-direction: row-reverse;
}
.tabulator.tabulator-rtl .tabulator-row .tabulator-cell[tabulator-field="financeAssociatedCreditCardId"] > span > div:first-child {

    margin-right: 8px;
    margin-left: 4px;
}
.tabulator.tabulator-rtl .tabulator-row .tabulator-cell[tabulator-field="financeAssociatedCreditCardId"] > span > div > img {

    width: 24px;
}

.inCellCreditCardLastDigits {
    font-size: 12px;
    text-align: center;
    padding-left: 5px;
}


#newClientTabLink.disabled {
    opacity: 0.3;
}

.financeUnderValueFieldLinkContainer {

    position: absolute;
    bottom: -20px;
    right: 17px;
}
.financeUnderValueFieldLink {

    color: var(--gray-txt);
}

.suppliersDocumentsSubSettingsDefaultStatusesTogglesContainer {
    display: flex;
    flex-wrap: wrap;
    max-width: 70vw;
    margin: 20px;
}

.suppliersDocumentsSubSettingsDefaultStatusesTogglesContainer > .field {
    /*flex: 1;*/
    min-width: 350px;
    width: 350px;
}

.suppliersDocumentsSubSettingsDefaultStatusesTogglesContainer > .field > .KMultiToggle {
    min-width: 330px !important;
    max-width: 330px !important;
}

.suppliersDocumentsSubSettingsDefaultStatusesTogglesContainer > .field > #suppliersDocumentsSubSettingsDefaultStatusToggle_305,
.suppliersDocumentsSubSettingsDefaultStatusesTogglesContainer > .field > #suppliersDocumentsSubSettingsDefaultStatusToggle_320 {
    min-width: 330px !important;
    max-width: 330px !important;
}


.suppliersDocumentsSubSettingsOtherFieldsContainer {

    display: flex;
    flex-wrap: wrap;
    max-width: 70vw;
}
.suppliersDocumentsSubSettingsOtherFieldsContainer > .field {
    margin:30px 30px 0 30px;
    min-width: 330px;
    width: 330px;
}

.suppliersDocumentsSubSettingsMonth .inputFiled,
.suppliersDocumentsSubSettingsBankAccounts .inputFiled {

    width: 220px;
}

/* 
.orderInvoiceRow .orderInvoicePaymentStatusIsOpenToggleHolder {

    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
} */


.orderInvoiceRow .orderInvoicePaymentStatusIsOpenToggleHolder .toggleSwitch {
    opacity: 1;
}

/* .orderInvoiceRow .orderInvoicePaymentStatusIsOpenToggleHolder > label.orderInvoicePaymentStatusIsOpenToggleLabelsHolder {
    width: 85%;
}
.orderInvoiceRow .orderInvoicePaymentStatusIsOpenToggleHolder > label.orderInvoicePaymentStatusIsOpenToggleLabelsHolder > p {
    width: 100%;
}
.orderInvoiceRow .orderInvoicePaymentStatusIsOpenToggleHolder > label.orderInvoicePaymentStatusIsOpenToggleLabelsHolder > p > span {
    height: 10px;
}


.orderInvoiceRow .orderInvoicePaymentStatusIsOpenToggleHolder {
    text-align: justify;
    height: 20px;
}

.orderInvoiceRow .orderInvoicePaymentStatusIsOpenToggleHolder:after {
  content: "";
  display: inline-block;
  width: 100%;
}

.orderInvoiceRow .orderInvoicePaymentStatusIsOpenToggleHolder > .orderInvoicePaymentStatusIsOpenToggleLabelsContainer {
  display: inline-block;
} */


.inputFiled > div.suppliersAutoInvoicesBankAccountsSelect {
    width: 100% !important;
}

.rollPrevProjectBtn,
.rollNextProjectBtn {

    border-radius: 0 !important;
}

#skipAttachmentsOfMimeTypeSelectContainer button,
#shouldSkipBasedOnReceiverNameSelectContainer button {

    min-width: 330px !important;
}


.documentsGeneralSettingsBlockDocumentAutomaticNotesTextareaContainer,
.documentsGeneralSettingsBlockDocumentAutomaticEngNotesTextareaContainer,
.documentsGeneralSettingsBlockDocumentPossibleNotesTextareaContainer {

    border-radius: 5px !important;
    display: block !important;
    height: unset !important;
    width: unset !important;
}

#documentsGeneralSettingsBlockDocumentAutomaticNotesTextarea,
#documentsGeneralSettingsBlockDocumentAutomaticEngNotesTextarea {

    border-radius: 5px !important;
    width: 330px !important;
    min-height: 100px !important;
}

#documentsGeneralSettingsBlockDocumentPossibleNotesContainer {

    width: 330px;
    /* max-height: 330px;
    overflow-y: scroll; */
}

.documentsGeneralSettingsBlockDocumentPossibleNotesTextareaContainer textarea {
    height: 47px;
    min-height: 47px !important;
}

#documentsGeneralSettingsBlockDocumentPossibleNotesAddOneMoreBtn {

    width:60px;
    height:38px;
    font-weight:normal;
}

.taxDocumentsSubSettingsField .colorCircle{display:block;width:18px;height:18px;content:' ';border-radius:50%;}

#documentsNumbersBlock,
.taxDocumentsSettingsBlock {
    width: calc(50% + 380px) !important;
    min-width: 830px;
}

.taxDocumentsSettingsBlockDocumentTypeSelect .dropdown-toggle .filter-option {
    max-width: 150px;
}
.taxDocumentsSettingsBlockClientsSelect .dropdown-toggle .filter-option {
    max-width: 192px;
}

.taxDocumentsSubSettingsOrganizationSelect .dropdown-toggle .filter-option {
    max-width: 190px;
}

.taxDocumentsAllTypesSubSettingsContainer {

    display: flex;
    flex-wrap: wrap;
    max-width: 70vw;
}
.taxDocumentsAllTypesSubSettingsContainer > .field {
    margin:30px 30px 0 30px;
    min-width: 330px;
    width: 330px;
}

.taxDocumentsSettingsBlock .bootstrap-select>.dropdown-toggle .filter-option-inner-inner{max-width:244px;}

.infoIcon {
    cursor: help;
}


.organizationPremiumIcon {
    position:absolute; bottom:0; z-index: 999999999;
    cursor: pointer;
}

@media screen and (max-width: 1100px) {
    .organizationPremiumIcon {
        display: none;
    }
}





.homePage .allContainer > .homePageNewSubscriptionsBanner {
    width: 60%;
    height: 225px;
    margin-right: 20%;
    background-color: #3159a0;
}
.homePage .allContainer > .homePageNewSubscriptionsBanner > .content .bannerBottomButton {
    margin-right: 45px;
    position: absolute;
    bottom: 13px;
}
.homePage .allContainer > .homePageNewSubscriptionsBanner > .content .bannerLeftBottomButton {
    /* margin-right: 45px;
    position: absolute;
    bottom: 30px;
    left: 340px; */
    height: 37px;
    display: flex;
    justify-content: end;
    align-items: center;
}
.homePage .allContainer > .homePageNewSubscriptionsBanner > .content .bannerSideText > span {

    margin-bottom: 0;
    margin-right: 45px;
}

.homePage .allContainer > .homePageNewSubscriptionsBanner > .content .bannerSideText,
.homePage .allContainer > .homePageNewSubscriptionsBanner > .content .bannerSideText > span.textBlock {

    text-align:right;
    font-size:25px;
    font-weight:bold;
    /*margin-top: 40px;*/
}

.homePage .allContainer > .homePageNewSubscriptionsBanner > .content .bannerSideText > span.textBlockFirstLine {

    margin-top: 30px
}

.homePage .allContainer > .homePageNewSubscriptionsBanner > .content .bannerSideText > span.textBlockSecondLine {

    font-size:26px;
}

.homePage .allContainer > .homePageNewSubscriptionsBanner > .content .bannerSideText > span.textBlockThirdLine {

    font-size:17px;
}

.homePage .allContainer > .homePageNewSubscriptionsBanner > .content > .bannerImageAndTextContainer {
    display: flex;
    flex-direction: row;
}


.homePage .allContainer > .homePageNewSubscriptionsBanner > .content .bannerImageContainer {
    margin-bottom:20px;
}

.homePage .allContainer > .homePageNewSubscriptionsBanner > .content .bannerImageContainer img {
    width: 230px;
}

@media screen and (max-width: 1620px) {
    .homePage .allContainer > .homePageNewSubscriptionsBanner > .content .bannerImageContainer img {
        /* width: 330px; */
    }
}

@media screen and (max-width: 1730px) {

    .homePage .allContainer > .homePageNewSubscriptionsBanner > .content .bannerSideText,
    .homePage .allContainer > .homePageNewSubscriptionsBanner > .content .bannerSideText > span.textBlock {

        font-size:20px;
    }

    .homePage .allContainer > .homePageNewSubscriptionsBanner > .content .bannerSideText > span.textBlockSecondLine {

        font-size:21px;
    }
}

@media screen and (max-width: 1520px) {

    .homePage .allContainer > .homePageNewSubscriptionsBanner > .content .bannerSideText,
    .homePage .allContainer > .homePageNewSubscriptionsBanner > .content .bannerSideText > span.textBlock {

        font-size:18px;
    }

    .homePage .allContainer > .homePageNewSubscriptionsBanner > .content .bannerSideText > span.textBlockSecondLine {

        font-size:19px;
    }
}

@media screen and (max-width: 1520px) {

    .homePage .allContainer > .homePageNewSubscriptionsBanner > .content .bannerSideText,
    .homePage .allContainer > .homePageNewSubscriptionsBanner > .content .bannerSideText > span.textBlock {

        font-size:18px;
    }

    .homePage .allContainer > .homePageNewSubscriptionsBanner > .content .bannerSideText > span.textBlockSecondLine {

        font-size:19px;
    }
}


@media screen and (max-width: 1420px) {

    .homePage .allContainer > .homePageNewSubscriptionsBanner > .content .bannerSideText,
    .homePage .allContainer > .homePageNewSubscriptionsBanner > .content .bannerSideText > span.textBlock {

        font-size:15px;
    }

    .homePage .allContainer > .homePageNewSubscriptionsBanner > .content .bannerSideText > span.textBlockSecondLine {

        font-size:16px;
    }

    .homePage .allContainer > .homePageNewSubscriptionsBanner > .content .bannerSideText > span.textBlockThirdLine {

        font-size:14px;
    }
}


@media screen and (max-width: 1490px) {
    .homePage .allContainer > .homePageNewSubscriptionsBanner > .content .bannerSideText {
        font-size: 22px;
        margin-top: 10px;
        text-align: center;
    }
    .homePage .allContainer > .homePageNewSubscriptionsBanner > .content > .bannerImageAndTextContainer {
        /* flex-direction: column-reverse; */
    }
    .homePage .allContainer > .homePageNewSubscriptionsBanner > .content .bannerImageContainer {
        margin: 0;
        /* display: flex;
        justify-content: center; */
    }
    .homePage .allContainer > .homePageNewSubscriptionsBanner > .content .bannerImageContainer img {
        margin-top:20px;
        width: 200px;
    }
}
@media screen and (max-width: 1300px) {
    .homePage .allContainer > .homePageNewSubscriptionsBanner > .content .bannerImageContainer img {
        margin-top:30px;
        width: 200px;
    }
}
@media screen and (max-width: 1260px) {

    .homePage .allContainer > .homePageNewSubscriptionsBanner > .content .bannerSideText > span {
        text-align: center !important;
    }

    .homePage .allContainer > .homePageNewSubscriptionsBanner > .content .bannerImageContainer img {
        display: none;
    }

    .homePage .allContainer > .homePageNewSubscriptionsBanner > .content > .bannerImageAndTextContainer > div.bannerImageAndTextHolder {

        width: 100%;
    }
}
@media screen and (max-width: 1180px) {
    .homePage .allContainer > .homePageNewSubscriptionsBanner > .content .bannerSideText {
        font-size: 20px;
    }
}

@media screen and (max-width: 1000px) {

    .homePage .allContainer > .homePageNewSubscriptionsBanner > .content .bannerSideText > span.textBlockFirstLine {
        margin-top:10px;
    }
    .homePage .allContainer > .homePageNewSubscriptionsBanner > .content .bannerSideText {
        font-size: 20px;
    }
}


@media screen and (max-width: 980px) {
    .homePage .allContainer > .homePageNewSubscriptionsBanner {
        width: 100%;

        min-height: 275px;
        margin-right: 0;
    }
    .homePage .allContainer > .homePageNewSubscriptionsBanner > .content .bannerBottomButton {
        margin-top: 20px;
        margin-right: 45px;
        position: relative;
    }
}

.confirmPromoteText {
    font-size: 22px;
}

#documentSettingsModalContent {
    position:relative;
    min-height:350px;
    /* height:60vh; */
}

.modalDataHolderBlock {
    /* background: #d4e2e1; */


    background: #f9f9f9;
    border: 1px solid var(--gray-border);

    border-radius: 10px;
    padding: 25px 0;

    display: flex;
    align-items: center;
    justify-content: center;

    flex-direction: column;

    margin: 10px;
}
.modalDataHolderBlock.fullWidthBlock {
    width: 670px;
}
.modalDataHolderBlock.largeBlock {
    width: 400px;
}
.modalDataHolderBlock.smallBlock {
    width: 250px;
}
.modalDataHolderBlock.invisibleBlock {
    background-color: white;

    border: none;
}
.modalBlocksInRowHolder {
    display: flex;
}

#modalBodyPartHolder {
    padding: 0 25px;
    
    max-height: 100%;
    /* justify-content: center; */
}


@media handheld, only screen and (max-width:390px) {

    #createTaxDocumentSettingsModal .modal-content {margin: 0 !important;}
}

@media (max-width: 780px)  {

    #documentSettingsModalContent {
        height:60vh;
    }

    #createTaxDocumentSettingsModal .modal-content {
        min-width: 340px;
    }
    
    #createTaxDocumentSettingsModal .modal-body {
        /* margin-top: 40px; */
        overflow-y: scroll;
    }

    #modalBodyPartHolder {
        
    }

    .modalDataHolderBlock.fullWidthBlock {
        width: 300px;
    }
    .modalDataHolderBlock.largeBlock {
        width: 300px;
    }
    .modalDataHolderBlock.smallBlock {
        width: 300px;
    }
    .modalDataHolderBlock.invisibleBlock {
        display: none;
    }

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

.modalDataHolderBlock > .title {

    font-weight: bold;
}

.modalDataHolderBlock > .content {

    display: flex;
    align-items: center;
    justify-content: space-between;

    flex-direction: column;

    margin: 15px 5px;
}

.modalDataHolderBlock > .content > .numberHolder {

    font-size: 26px;
    color: var(--basic-blue);
    text-decoration: none;

    direction: ltr;
}
.modalDataHolderBlock > .content > .finalSumHolder {

    color: var(--basic-green);    
}
.modalDataHolderBlock > .content > .textHolder {

    font-size: 26px;
    color: var(--basic-black);
    text-decoration: none;
}
.modalDataHolderBlock > .content > .textHolder.smallerText {

    font-size: 22px;
    color: var(--basic-black);
    text-decoration: none;
}
.modalDataHolderBlock > .content > .subTextHolder {

    font-size: 20px;
    color: var(--basic-black);
    /* opacity: 0.8; */
    text-decoration: none;
    font-weight: bold;
}
.modalDataHolderBlock > .content > .dateHolder {

    font-size: 26px;
    color: var(--basic-blue);
    text-decoration: none;
}
.modalDataHolderBlock .smallText {

    display: block;

    width: 100%;
    text-align: center;
    
    color: #7b7b7b;
    font-size: 13px;
    text-decoration: none;
}
.modalDataHolderBlock .smallText.emailContainerSmallText {

    margin-right: 100px;
    text-align: right;
}

.redStarInLabel {
    color: red;
    margin-left:5px !important;
}


#deliveryFormInputs .inputFiled.mandatoryField {

    border-bottom: 1px solid var(--basic-green);
}

#deliveryFormInputs .inputFiled.mandatoryField.notYetFilledField {

    border-bottom: 1px solid var(--basic-orange);
}



@media only screen and (max-width: 600px) {
    .noFlexOnMobile {
        display: block !important;
    }
    .noMarginOnMobile {
        margin: 0 !important;
    }
    .fullWidthOnMobile {
        width: 100% !important;
    }
}

.saveSignatureBtn {

    background: #17b3a3 !important;
    color: white;
    transition: none;
}
.saveSignatureBtn:hover *,
.saveSignatureBtn:hover {

    color: white !important;
    transition: none;
}
.saveSignatureBtn.disabled *,
.saveSignatureBtn.disabled {

    background: #777 !important;
    cursor: not-allowed;
}