.yellow-color {
    color: #EEB93B;
}

.green-color {
    color: #13a84c;
}

.grey-color {
    color: #575757;
}

.grey-color-two {
    color: #888888;
}

.light-color {
    color: #eeeeee;
}

.light-grey-color {
    color: #b5b5b5;
}

.lightest-color {
    color: #f9f9f9;
}

.border-yellow-color {
    border-color: #EEB93B;
}

.border-green-color {
    border-color: #13a84c;
}

.border-grey-color {
    border-color: #575757
}

.border-grey-color-two {
    border-color: #888888;
}

.border-light-color {
    border-color: #eeeeee;
}

.border-light-grey-color {
    border-color: #b5b5b5;
}

.border-lightest-color {
    border-color: #f9f9f9;
}


body.main-body {
    background: #eeeeee;
}

.layout-wrapper .layout-main {
    padding: 70px 30px 0px 30px;
    margin-left: 80px;
}

.title-page-style {
    margin: 0px 30px 40px 30px;
}

.container-title {
    margin: 0;
}

.page-title {
    color: #575757;
    font-size: 27px;
    text-align: left;
    font-weight: 400;
    text-align: center;
    /* font-family: Lato;*/
    font-family: Roboto;
    font-style: normal;
    font-variant: normal;
    /*padding-left: 30px;*/
    padding-bottom: 10px;
}

.layout-wrapper .layout-sidebar {
    top: 0px;
    background: rgb(239, 185, 59);
    background: -moz-linear-gradient(180deg, rgba(239, 185, 59, 1) 19%, rgba(19, 168, 76, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(239, 185, 59, 1) 19%, rgba(19, 168, 76, 1) 100%);
    background: linear-gradient(180deg, rgba(239, 185, 59, 1) 19%, rgba(19, 168, 76, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#EEB93B", endColorstr="#13a84c", GradientType=1);
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    width: 80px;
}

.layout-wrapper .topbar {
    background: #eeeeee;
    /*  position: unset;*/
    padding-left: 80px;
    height: 70px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.layout-wrapper .topbar .topbar-menu {
    margin: 20px 20px 0 0;
}


.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-nav li a {
    color: #EEB93B;
    background: #eeeeee;
    border-radius: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    margin-right: auto;
    margin-left: auto;
}

.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-nav li.active-item a {
    color: #eeeeee;
    background: #EEB93B;
    margin-left: 10px;
}

.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-nav li.active-item {
    border: none;
    background: #eeeeee;
    border-top-left-radius: 35px;
    border-bottom-left-radius: 35px;
    margin-left: 10px;
}

.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-nav li.active-item a i {
    margin: 0
}

.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-contents {
    left: 80px;
    top: -100px;
    background: #eeeeee;
    -webkit-box-shadow: 20px 0px 35px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 20px 0px 35px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 20px 0px 35px 0px rgba(0, 0, 0, 0.1);
}

.layout-wrapper.layout-wrapper-menu-active .layout-sidebar {
    width: 360px;
}

.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-contents {
    min-width: 280px;
}

.layout-wrapper.layout-overlay-menu.layout-wrapper-menu-active .layout-main {
    margin-left: 80px;
}

.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-nav {
    width: 80px;
    /* margin: auto;*/
}

.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-nav li {
    padding: 1px
}

.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-nav li a i {
    font-size: 25px;
}

.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-contents .layout-tabmenu-content .layout-submenu-title {
    padding: 45px 16px 30px 16px;
    color: #575757;
    font-size: 30px;
    text-align: center;
    /* font-family: Lato;*/
    font-family: Roboto;
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
}

.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-contents .layout-tabmenu-content .layout-submenu-title .menu-pin-button {
    display: none;
}

.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-contents .layout-tabmenu-content a {
    color: #575757;
}

.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-contents .layout-tabmenu-content .layout-submenu-content .navigation-menu li a span {
    color: #575757;
    font-weight: bold;
    font-size: 14px;
    /* font-family: Lato;*/
    font-family: Roboto;
    font-style: normal;
    font-variant: normal;
}

.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-contents .layout-tabmenu-content .layout-submenu-content .navigation-menu li a:hover {
    background-color: #EEB93B;
    border-radius: 20px;
}

.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-contents .layout-tabmenu-content .layout-submenu-content .navigation-menu li a {
    transition: none;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
}

.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-contents .layout-tabmenu-content .layout-submenu-content {
    padding: 8px;
}

.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-contents .layout-tabmenu-content .menu-button {
    color: #EEB93B;
}

.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-contents .layout-tabmenu-content .layout-submenu-title .menu-button {
    margin-top: 7px
}

.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-contents .layout-tabmenu-content .layout-submenu-content .navigation-menu li.active-menuitem > a {
    color: #575757;
}


@media (min-width: 1025px) {
    .layout-wrapper.layout-wrapper-menu-active .layout-main {
        margin-left: 338px;
    }
}

.menu-logomark-image {
    height: 50px;
}

.left-menu-top-logo {
    height: 100px;
    text-align: center;
    padding-top: 10px;
    width: 80px
}

@media screen and (min-height: 505px) {
    .menu-logo {
        width: 80px;
        text-align: center;
        bottom: 5px;
        position: absolute;
    }

    .menu-logo-image {
        height: 80px;
    }
}

@media screen and (min-height: 560px) {
    .menu-logo {
        width: 80px;
        text-align: center;
        bottom: 5px;
        position: absolute;
    }

    .menu-logo-image {
        height: 130px;
    }
}

@media screen and (min-height: 630px) {
    .menu-logo {
        width: 80px;
        text-align: center;
        bottom: 50px;
        position: absolute;
    }

    .menu-logo-image {
        height: 150px;
    }
}

.layout-wrapper .topbar .topbar-menu > li.profile-item .profile-info {
    max-width: 500px;
    text-align: right;
}

.layout-wrapper .topbar .topbar-menu > li.profile-item .profile-info .topbar-item-name.profile-name {
    font-size: 16px;
    /* font-family: Lato;*/
    font-family: Roboto;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    color: #575757;
}

.layout-wrapper .topbar .topbar-menu > li.profile-item .profile-info .topbar-item-name.profile-role {
    font-size: 16px;
    /* font-family: Lato;*/
    font-family: Roboto;
    font-style: normal;
    font-variant: normal;
    font-weight: lighter;
    color: #575757;
}

/*.layout-wrapper .topbar .topbar-menu > li.profile-item {
    height: 50px;
}*/

.layout-wrapper .topbar #topbar-menu-button {
    margin-top: 30px;
    color: #EEB93B;
}

.topbar-icons {
    width: 40px !important;
    font-size: 20px;
    color: #f9f9f9;
    font-weight: 300 !important;
    background: #888888;
    border-radius: 23px;
    padding: 10px;
    /*    margin-top: 2px*/
}

.topbar-icons-logout {
    width: 40px !important;
    font-size: 20px;
    color: #eeeeee;
    font-weight: 300 !important;
    background: #EEB93B;
    border-radius: 23px;
    padding: 10px;
    margin-top: 2px
}

.ui-button.topbar-icon-logout {
    background: #EEB93B;
}

.ui-button.topbar-icon-logout.ui-state-hover {
    background: #575757;
}

.topbarProfileImage {
    height: 43px !important;
    width: 43px !important;
    margin: 0;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid #EEB93B;
}

body .ui-widget.ui-outputlabel.availableLanguage {
    color: #575757;
    font-weight: bold !important;
    /* font-family: Lato!important;*/
    font-family: Roboto !important;
    font-style: normal;
    font-variant: normal;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 18px !important;
    margin-top: 7px;

}

body .ui-widget.ui-outputlabel.selectedLanguage {
    color: #EEB93B !important;
}

.topbar-item-language {
    margin-top: 11px;
}

.topbar-item-language-left {
    margin-left: 40px !important;
}

.layout-wrapper .topbar .topbar-menu > li {
    margin-left: 20px;
}

@media (max-width: 1024px) {
    .layout-wrapper .topbar .topbar-menu.topbar-menu-visible {
        z-index: 1;
    }
}

@media (max-width: 1024px) {
    .layout-wrapper .topbar .topbar-menu > li {
        margin: 0
    }

    .topbar-item-language-left {
        margin-left: 0px !important;
    }
}

.layout-wrapper .topbar .topbar-menu > li > a .topbar-badge {
    border-radius: 7px;
    font-size: 9px;
    background-color: #EEB93B;
    right: -2px;
    top: -2px;
}

.menuBarContainer {
    padding-top: 15px !important;
    display: grid;
    display: -ms-grid;
}

.left-container {
    grid-area: leftContainer;
}

.middle-container {
    grid-area: middleContainer;
}

.right-container {
    grid-area: rightContainer;
}

@media (min-width: 0px) {
    .menuBarContainer {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-template-areas: 'rightContainer' 'leftContainer' 'middleContainer'
    }

    .left-container {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        display: grid;
        display: -ms-grid;
        padding: 5px 0 5px 0;
    }

    .middle-container {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        display: grid;
        display: -ms-grid;
        padding: 5px 0 5px 0;
    }

    .right-container {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        display: grid;
        display: -ms-grid;
        padding: 5px 0 5px 0;
    }
}

@media (min-width: 945px) {

    .menuBarContainer {
        -ms-grid-columns: 55% 45%;
        grid-template-columns: 55% 45%;
        grid-template-areas: 'leftContainer rightContainer' 'middleContainer middleContainer'
    }

    .left-container {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        display: grid;
        display: -ms-grid;
        padding: 5px 0.5em 5px 0;

    }

    .middle-container {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
        display: grid;
        display: -ms-grid;
        padding: 5px 0 5px 0;
    }

    .right-container {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        display: grid;
        display: -ms-grid;
        padding: 5px 0 5px 0.5em;
    }
}


@media (min-width: 1455px) {

    .menuBarContainer {
        -ms-grid-columns: 30% 41% 29%;
        grid-template-columns: 30% 41% 29%;
        grid-template-areas: 'leftContainer middleContainer rightContainer';
    }

    .left-container {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        display: grid;
        display: -ms-grid;
        padding: 5px 0.5em 5px 0;
    }

    .middle-container {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
        display: grid;
        display: -ms-grid;
        padding: 5px 0.5em;
    }

    .right-container {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
        display: grid;
        display: -ms-grid;
        padding: 5px 0 5px 0.5em;
    }
}


.card-container-transparent {
    height: 60px;
    align-self: end;
}

.card-container {
    background: #f9f9f9;
    min-height: 60px;
    border-radius: 25px;
    align-self: end;
    -webkit-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.1);
}

.card-container-light {
    background: #eeeeee;
    min-height: 50px;
    border-radius: 25px 25px 0 0;
    align-self: end;
    text-align: center;
    padding: 5px;
}
.card-container-light-holidays {
    background: #eeeeee;
    min-height: 73px;
    border-radius: 25px 25px 0 0;
    align-self: end;
    text-align: center;
    padding: 5px 0px 3px;
}


@media (min-width: 0px) {
    .card-container-light-holidays-statistics {
        background: #eeeeee;
        min-height: 73px;
        border-radius: 25px 25px 0 0;
        align-self: end;
        text-align: center;
        padding: 0px;
        margin-bottom: 7px;
    }
}

@media (min-width: 40.063em) {
    .card-container-light-holidays-statistics {
        background: #eeeeee;
        min-height: 73px;
        border-radius: 25px 25px 0 0;
        align-self: end;
        text-align: center;
        margin-bottom: 7px;
    }
}


@media (min-width: 64.063em) {
    .card-container-light-holidays-statistics {
        background: #eeeeee;
        min-height: 73px;
        border-radius: 25px 25px 0 0;
        align-self: end;
        text-align: center;
        padding: 9px 0px 3px!important;
        width: 98%;
        margin-right: 1%;
        margin-bottom: 0px!important;
    }
}

.card-container-light-rounded {
    background: #eeeeee;
    min-height: 50px;
    border-radius: 40px;
    align-self: end;
    text-align: center;
    padding: 5px;
}

.doubled-card-container {
    min-height: 120px;
}

.ui-button.tassis-buttons {
    background: #888888;
    color: #f9f9f9; /*-- Change Text Color of the Button --*/
    width: 175px;
    height: 35px;
    margin: 0px 6px;
    display: inline-block;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -o-border-radius: 35px;
    cursor: pointer;
    box-shadow: none !important;
}

.ui-button.tassis-buttons.ui-state-hover {
    background-color: #EEB93B !important;
    color: #f9f9f9 !important;
    -webkit-transition: all 0.3s !important;
    -moz-transition: all 0.3s !important;
    -o-transition: all 0.3s !important;
    transition: all 0.3s !important;
}

.ui-button.tassis-buttons.ui-state-focus {
    background-color: #EEB93B !important;
    color: #f9f9f9 !important;
    -webkit-transition: all 0.3s !important;
    -moz-transition: all 0.3s !important;
    -o-transition: all 0.3s !important;
    transition: all 0.3s !important;
}

.ui-button.tassis-buttons .ui-button-text {
    font-size: 13px;
    width: 100%;
    text-align: center;
    margin: 0;
    font-family: Roboto !important;
}

.ui-button.tassis-buttons.ui-state-disabled {
    background: #b5b5b5;
    color: #575757;
}

.ui-button.tassis-button-tab-selected {
    background: #EEB93B;
    color: #f9f9f9; /*-- Change Text Color of the Button --*/
    width: 175px;
    height: 35px;
    margin: 0px 6px;
    display: inline-block;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -o-border-radius: 35px;
    cursor: pointer;
    box-shadow: none !important;
}


.ui-button.dashboardTabBtns {
    width: 140px!important;
}

.ui-button.tassis-button-tab-selected.ui-state-hover {
    background-color: #EEB93B !important;
    color: #f9f9f9 !important;
    -webkit-transition: all 0.3s !important;
    -moz-transition: all 0.3s !important;
    -o-transition: all 0.3s !important;
    transition: all 0.3s !important;
}

.ui-button.tassis-button-tab-selected.ui-state-focus {
    background-color: #EEB93B !important;
    color: #f9f9f9 !important;
    -webkit-transition: all 0.3s !important;
    -moz-transition: all 0.3s !important;
    -o-transition: all 0.3s !important;
    transition: all 0.3s !important;
}

.ui-button.tassis-button-tab-selected .ui-button-text {
    font-size: 12px;
    width: 100%;
    text-align: center;
    margin: 0;
}

.ui-button.tassis-button-tab-selected.ui-state-disabled {
    background: #b5b5b5;
    color: #575757;
}

.middle-content {
    padding: 0 !important;
    line-height: 60px;
}

.inline-div-filter {
    display: inline-block;
    margin-left: 5px;
    /*   margin-right: 5px;*/
    text-align: center;
}

.filter-fields {
    display: block;
}

.filter-fields .ui-chkbox {
    margin: 0;
}

.filter-fields .ui-chkbox .ui-chkbox-box {
    border-radius: 10px;
    background: #eeeeee;
    border: none;
}

.filter-fields .ui-selectbooleancheckbox.ui-chkbox .ui-chkbox-box.ui-state-active {
    background-color: #888888;
    border-color: #888888;
}

.filter-fields .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon {
    color: transparent;
}

.tassisBooleanCheckboxRegister.ui-selectbooleancheckbox.ui-chkbox.ui-widget .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active .ui-chkbox-icon.ui-icon.ui-c.ui-icon-check {
    color: #ffffff;
}

.calendar-field {
    background: #eeeeee;
    padding: 10px;
    border-radius: 20px;
}

.inline-div-legend {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
    min-width: 55px;
}

.legend-fields {
    display: block;
}

.ui-button.table-right-buttons {
    margin: auto 10px;
    background: #888888;
    color: #f9f9f9;
}

.ui-button.table-right-buttons.ui-state-hover {
    background: #EEB93B;
    color: #f9f9f9;
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.ui-button.table-right-buttons .ui-button-icon-left.ui-icon {
    color: #f9f9f9 !important;
}


.rounded-datatable {
    border-radius: 20px;
    -webkit-box-shadow: 0px 10px 30px 5px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 10px 30px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 10px 30px 5px rgba(0, 0, 0, 0.05);
}

.rounded-datatable .ui-column-filter.ui-inputfield.ui-inputtext.ui-widget.ui-state-default.ui-corner-all {
    display: inline;
    border: 0;
    color: #575757 !important;
}

body .ui-datatable tbody tr.ui-datatable-even {
    background-color: #f9f9f9;
    height: 50px !important;
    color: #575757;
}

body .ui-datatable tbody tr.ui-datatable-odd {
    background-color: #eeeeee;
    color: #575757;
    height: 50px !important;
}


body .ui-datatable tbody tr.ui-state-highlight {
    background: #f0ca74;
    background-color: #f0ca74;
    color: #f9f9f9;
    box-shadow: none;
}

body .ui-datatable tbody tr.ui-datatable-even.ui-state-highlight {
    background: #f0ca74;
    background-color: #f0ca74;
    color: #f9f9f9;
    box-shadow: none;
}

body .ui-datatable tbody tr.ui-state-hover {
    background: #f0ca74;
    color: #f9f9f9;
    font-size: 14px;
    font-weight: bold;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    box-shadow: none;
}

body .ui-datatable tbody tr.ui-datatable-even.ui-state-hover {
    background: #f0ca74;
    color: #f9f9f9;
    font-size: 14px;
    font-weight: bold;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    box-shadow: none;
}

.ui-datatable-scrollable-header-box {
    border: none;

}

.ui-datatable-scrollable-header {
    /*-webkit-box-shadow: 3px 0px 27px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 3px 0px 27px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 3px 0px 27px 0px rgba(0, 0, 0, 0.1);*/
}


.stillWorking {
    background: #13a84c !important;
    opacity: 1;
}

.pendingActiv {
    background: #6754a5 !important;
    opacity: 1;
}

.declinedActiv {
    background: #e54b27 !important;
    opacity: 1;
}

.approvedActivity {
    background: #f0ba3f !important;
    opacity: 1;
}

.disabledStatus {
    background: #575757 !important;
    opacity: 1;
}

body .ui-widget-header {
    background-color: #f8f8f8;
    border-color: #f8f8f8;
    color: #575757;
}

body .ui-datatable .ui-paginator {
    border-bottom: 10px solid #f8f8f8 !important;
}

body .ui-paginator {
    background-color: #f8f8f8 !important;
}

body .ui-paginator.ui-paginator-bottom {
    width: 89vw;
}

body .ui-widget-header .ui-inputfield, body .ui-selectlistbox-filter-container .ui-inputfield, body .ui-inputtext.ui-inputfield,
body .ui-inputfield.hasDatepicker, body .ui-inputfield.ui-inputtextarea, body .ui-inputfield.ui-password, body .ui-inputfield.ui-inputmask {
    border-color: #575757;
}

body .ui-activity-filter-text.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #575757;
    font-size: 13px !important;
    /*   margin-right: 10px;*/
}

body .ui-activity-filter-text-Legend.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #b5b5b5;
    font-size: 11px !important;
    margin-right: 10px;
    font-weight: bold !important;
    margin: auto;
}

body .ui-activity-filter-text.withCursor.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    cursor: pointer;
}

body .ui-activity-filter-text-Legend.withCursor.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    cursor: pointer;
}

body .withCursor {
    cursor: pointer;
}

body .ui-holiday-text-Statistics.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #575757;
    font-size: 11px !important;
    margin-right: 10px;
    font-weight: bold !important;
    margin: auto;
}
body .ui-holiday-value-Statistics.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #575757;
    font-size: 20px !important;
    margin-right: 10px;
    font-weight: bold !important;
    margin: auto;
}

body .ui-datatable thead th.ui-state-active .ui-icon, body .ui-datatable thead th.ui-state-highlight .ui-icon {
    color: #575757;
}

body .ui-paginator .ui-paginator-pages a.ui-state-active {
    background-color: #b5b5b5;
    color: #575757 !important;
}

body .ui-paginator > a {
    color: #575757 !important;
}

body .ui-paginator .ui-paginator-pages a {
    color: #575757 !important;
}

.ui-paginator .ui-paginator-current {
    color: #575757 !important;
}

body .ui-datatable thead th {
    background-color: #f8f8f8;
}

body .ui-paginator-rpp-options {
    background: #eeeeee;
    color: #575757;
    border-radius: 10px;
    border-color: #eeeeee;
}

/*
body::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #f8f8f8;
}

body::-webkit-scrollbar {
     width: 14px;
     background-color: #f8f8f8;
 }

body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #b5b5b5;
}*/


body::-webkit-scrollbar {
    width: 14px;
}

body {
    scrollbar-width: thin;
    scrollbar-color: #b5b5b5 #f8f8f8;
}

body::-webkit-scrollbar-track {
    background: #f8f8f8;
}

body::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}

.fl-scrolls::-webkit-scrollbar {
    width: 14px;
}

.fl-scrolls::-webkit-scrollbar-track {
    background: #f8f8f8;
}

.fl-scrolls::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}

body .ui-datatable.ui-datatable-scrollable.rounded-datatable .ui-datatable-scrollable-header {
    padding: 0.714em 1em;
    background: #f9f9f9;
}

.ui-datatable.borderless.rounded-datatable .ui-datatable-scrollable-header-box thead th {
    height: 30px;
    border-radius: 20px;
    background-color: #eeeeee;
}

.ui-datatable.borderless.rounded-datatable .ui-datatable-scrollable-header-box thead th.statusColumn.ui-state-default.ui-resizable-column {
    width: 1px !important;
}

.ui-datatable.borderless.rounded-datatable .ui-datatable-scrollable-header-box thead th.details_button_column.ui-state-default.ui-resizable-column {
    background: #f8f8f8 !important;
}

body .ui-datatable thead th .ui-sortable-column-icon {
    color: #575757
}

.topbarProgressBarDiv {
    display: inline-grid;
    text-align: right;
    margin-top: 35px;
    border: 1px solid #888888;
    border-radius: 10px;
    padding-left: 1px;
    padding-right: 2px;
}

.topbarProgressBar .ui-progressbar-label {
    display: none !important;
}

.topbarProgressBar.ui-progressbar {
    width: 200px;
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    background-color: transparent;
    border: none;
}

.topbarProgressBar .ui-progressbar-value {
    border: 5px solid #EEB93B;
    height: 10px !important;
}

.layout-wrapper .topbar .topbar-menu > li > a .topbar-badge.empty {
    border-radius: 7px;
    font-size: 9px;
    background-color: #EEB93B;
    right: -2px;
    top: -2px;
    width: 13px;
    height: 16px;
}

.topbar-progressMenu {
    float: right;
    margin: 20px 20px 0 0;
    padding: 0;
    list-style-type: none;
}

.layout-wrapper .topbar .topbar-progressMenu.topbar-menu-visible {
    display: block;
}

.layout-wrapper .topbar .topbar-progressMenu > li {
    float: right;
    position: relative;
    margin-left: 15px;
}

.layout-wrapper .topbar .topbar-progressMenu > li > a {
    position: relative;
    display: block;
    color: #b2ebf2;
}

.layout-wrapper .topbar .topbar-progressMenu > li > a .topbar-icon {
    font-size: 28px;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.layout-wrapper .topbar .topbar-progressMenu > li > a .topbar-item-name {
    display: none;
}

.layout-wrapper .topbar .topbar-progressMenu > li > a .topbar-badge {
    position: absolute;
    right: -5px;
    top: -5px;
    background-color: #EEB93B;
    color: #575757;
    padding: 2px 4px;
    display: block;
    font-size: 12px;
    line-height: 12px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.layout-wrapper .topbar .topbar-progressMenu > li > a:hover {
    color: #E0F7FA;
}

.layout-wrapper .topbar .topbar-progressMenu > li.profile-item {
    margin-top: -5px;
}

.layout-wrapper .topbar .topbar-progressMenu > li.profile-item .profile-image {
    display: inline-block;
    vertical-align: middle;
}

.layout-wrapper .topbar .topbar-progressMenu > li.profile-item .profile-image img {
    width: 36px;
    height: 36px;
}

.layout-wrapper .topbar .topbar-progressMenu > li.profile-item .profile-info {
    display: inline-block;
    vertical-align: middle;
    max-width: 100px;
    margin-top: -5px;
}

.layout-wrapper .topbar .topbar-progressMenu > li.profile-item .profile-info .topbar-item-name {
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    display: block;
    margin-left: 4px;
    margin-right: 6px;
}

.layout-wrapper .topbar .topbar-progressMenu > li.profile-item .profile-info .topbar-item-name.profile-name {
    font-size: 14px;
}

.layout-wrapper .topbar .topbar-progressMenu > li.profile-item .profile-info .topbar-item-name.profile-role {
    font-size: 12px;
    color: #e6e6e6;
}

.layout-wrapper .topbar .topbar-progressMenu > li.profile-item .usermenu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
}

.layout-wrapper .topbar .topbar-progressMenu > li.profile-item .usermenu.usermenu-active {
    display: block;
}

.layout-wrapper .topbar .topbar-progressMenu > li.profile-item .usermenu li a {
    display: block;
    text-align: left;
}

.layout-wrapper .topbar .topbar-progressMenu > li.profile-item .usermenu li a i:first-child {
    margin-right: 9px;
    vertical-align: middle;
}

.layout-wrapper .topbar .topbar-progressMenu > li.profile-item .usermenu li a span, .layout-wrapper .topbar .topbar-progressMenu > li.profile-item .usermenu li a img {
    display: inline-block;
    vertical-align: middle;
}

.layout-wrapper .topbar .topbar-progressMenu > li.profile-item .usermenu li ul {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
}

.layout-wrapper .topbar .topbar-progressMenu > li.profile-item .usermenu li ul a {
    padding-left: 24px;
}

.layout-wrapper .topbar .topbar-progressMenu > li.profile-item .usermenu li ul a span, .layout-wrapper .topbar .topbar-progressMenu > li.profile-item .usermenu li ul a img {
    vertical-align: middle;
}

.layout-wrapper .topbar .topbar-progressMenu > li.profile-item .usermenu li ul a img {
    margin-right: 8px;
}

.layout-wrapper .topbar .topbar-progressMenu > li a i.menu-arrow {
    float: right;
}

.layout-wrapper .topbar .topbar-progressMenu > li.search-item {
    position: relative;
    color: #ffffff;
    overflow: hidden;
    padding-top: 3px;
}

.layout-wrapper .topbar .topbar-progressMenu > li.search-item i {
    position: absolute;
    right: 6px;
    top: 2px;
    color: #b2ebf2;
}

.layout-wrapper .topbar .topbar-progressMenu > li.search-item input {
    color: #ffffff;
    padding-right: 20px;
    border-width: 0;
    padding-bottom: 2px;
    background-color: transparent;
    outline: none;
}

.layout-wrapper .topbar .topbar-progressMenu > li.search-item input.ui-state-focus + i {
    color: #ffffff;
}

.layout-wrapper .topbar .topbar-progressMenu > li.search-item label {
    color: #b2ebf2;
}

.layout-wrapper .topbar .topbar-progressMenu > li > ul {
    position: absolute;
    top: 45px;
    right: 5px;
    display: none;
    width: 250px;
    background-color: #f7f7f7;
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    animation-duration: .5s;
    list-style-type: none;
    margin: 0;
    padding: 8px 0;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.layout-wrapper .topbar .topbar-progressMenu > li > ul a {
    padding: 0.571em 0.857em;
    display: block;
    width: 100%;
    box-sizing: border-box;
    color: #424242;
    position: relative;
}

.layout-wrapper .topbar .topbar-progressMenu > li > ul a .fa {
    margin-right: 8px;
}

.layout-wrapper .topbar .topbar-progressMenu > li > ul a img {
    margin-right: 8px;
}

.layout-wrapper .topbar .topbar-progressMenu > li > ul a .fa, .layout-wrapper .topbar .topbar-progressMenu > li > ul a img, .layout-wrapper .topbar .topbar-progressMenu > li > ul a span {
    vertical-align: middle;
}

.layout-wrapper .topbar .topbar-progressMenu > li > ul a .topbar-submenuitem-badge {
    background-color: #ffa000;
    padding: 2px 4px;
    font-size: 12px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #000000;
    position: absolute;
    right: 16px;
}

.layout-wrapper .topbar .topbar-progressMenu > li > ul a i.menu-arrow + .topbar-submenuitem-badge {
    right: 40px;
}

.layout-wrapper .topbar .topbar-progressMenu > li > ul a:hover {
    background-color: #e3e3e3;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.layout-wrapper .topbar .topbar-progressMenu > li.active-topmenuitem > ul {
    display: block;
}

.dashboardOnlineUsers {
    height: 60px !important;
    width: 60px !important;
    margin: 0;
    border-radius: 50%;
    border: 1px solid #13a84c;
    object-fit: cover;
}

.dashboardOnlineUsersGrid.ui-datagrid, .dashboardOfflineUsersGrid.ui-datagrid {
    -webkit-box-shadow: 5px 0px 30px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 5px 0px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 5px 0px 30px 0px rgba(0, 0, 0, 0.1);
    border-radius: 25px;
    width: 90%;
}

.dashboardOfflineUsers {
    height: 60px !important;
    width: 60px !important;
    margin: 0;
    border-radius: 50%;
    border: 1px solid #575757;
    object-fit: cover;
}

.dashboardOnlineUsersGrid .ui-datagrid-header {
    background: #eeeeee !important;
    border-top-right-radius: 25px !important;
    border-top-left-radius: 25px !important;
    border-color: #eeeeee !important;
    font-weight: bold !important;
    color: #575757;
}

.dashboardOnlineUsersGrid .ui-datagrid-column {
    padding: 10px;
    /*   display: -webkit-box;
       display: -ms-flexbox;
       display: flex;*/
}

.dashboardOnlineUsersGrid .ui-datagrid-content {
    margin: 0;
    background-color: #f8f8f8;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;

}

.dashboardOfflineUsersGrid .ui-datagrid-header {
    background: #eeeeee !important;
    border-color: #eeeeee !important;
    border-top-right-radius: 25px !important;
    border-top-left-radius: 25px !important;
    font-weight: bold !important;
    color: #575757;
}


.dashboardOfflineUsersGrid .ui-datagrid-column {
    padding: 10px;
}

.dashboardOfflineUsersGrid .ui-datagrid-content {
    margin: 0;
    background-color: #f8f8f8;
}


.dashboard-online-badge.empty {
    position: absolute;
    padding: 2px 4px;
    display: block;
    line-height: 12px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    font-size: 9px;
    background-color: #13a84c;
    /*    right: -2px;
        top: -2px;*/
    width: 13px;
    height: 13px;
}

.inputWidth100.ui-inputfield {
    width: 100%;
}

.contact_info_div {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
    display: block;
    color: #575757;
    font-weight: bold;
}

.contact_info_icon {
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    text-align: center;

}

.contact_info_text {
    display: inline-block;
    vertical-align: middle;
    color: #575757;
    font-weight: bold;
}

.contact_info_text .ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #575757 !important;
    font-weight: bold !important;
}

.contact_icon {
    font-size: 35px;
    color: #888888 !important;
}

.contact_subtitle.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    font-size: 40px !important;
    color: #575757;
}

.contact_description.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    font-size: 18px !important;
    color: #575757;
}

.no-margin-padding-dialog .ui-dialog-content.ui-widget-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.fileUploadDialog .ui-fileupload-content.ui-widget-content.ui-corner-bottom {
    margin: 0 !important;
    border: 0 !important;
}

.ui-widget.ui-widget.ui-outputlabel.ui-widget.topText {
    font-size: 20px !important;
    color: #575757;
    /* font-family: Lato!important;*/
    font-family: Roboto !important;
    font-style: normal;
    font-variant: normal;
}

.ui-dataview-list .ui-dataview-row {
    border-bottom: 1px solid #A8A8A8;
    padding: 25px 10px;
    border-bottom-color: #575757;
}


body .visiblePaginator .ui-paginator.ui-paginator-bottom {
    position: unset !important;
    width: unset !important;
}


body .tassisManyMenu.ui-selectmanymenu .ui-selectlistbox-filter-container {
    /* background: #EEB93B !important;*/
    background: #888888 !important;
    color: #575757
}


body .tassisManyMenu.ui-selectmanymenu {
    background: #f9f9f9 !important;
}


body .tassisManyMenu.ui-selectmanymenu .ui-state-highlight, .tassisManyMenu.ui-selectmanymenu .ui-state-active {
    /* background-color: #13a84c !important;*/
    background-color: #EEB93B !important;
}

body .tassisDatePicker.ui-datepicker .ui-datepicker-header {
    background: #13a84c;
    border: 1px solid #13a84c;
}


body .tassisDatePicker.ui-datepicker .ui-monthpicker-month.ui-state-active {
    background-color: #EEB93B !important;
}

body .tassisSelectOne.ui-selectonemenu-panel .ui-state-highlight {
    background-color: #EEB93B;
    border-color: #EEB93B;
}


body .tassisSelectOne.ui-selectonemenu .ui-selectonemenu-trigger {
    color: #EEB93B !important;
    background: #EEB93B !important;
}

.ui-selectonemenu-panel.tassisHideDisabled .ui-selectonemenu-item.ui-state-disabled {
    display: none;
}

.selectedMonth {
    background: #EEB93B;
}

.FPMonths_button {
    background: #b5b5b5
}

.FPMonths {
    color: #575757
}

body .ui-datepicker {
    border-top-right-radius: 25px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    padding-left: 7px;
    padding-right: 7px;
}

body .ui-datepicker .ui-datepicker-header {
    border-top-right-radius: 25px;
}

body .ui-datepicker .ui-datepicker-header, body .ui-datepicker thead th {
    background: #eeeeee;
    padding: 0.5em 1em;
    border: 1px solid #eeeeee;
}

body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev, body .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    color: #575757;
    background: #f9f9f9;

}

body .ui-datepicker tbody td {
    padding: 0px
}


body .ui-datepicker tbody td a, body .ui-datepicker tbody td span {
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
}

body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-hover, body .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-hover {
    color: #EEB93B;
    background: #f9f9f9;
}

body .ui-datepicker thead th {
    color: #b5b5b5
}

body .ui-datepicker tbody td a.ui-state-active {
    background-color: #EEB93B;
}


body .ui-datepicker tbody td.ui-datepicker-today a {
    border-color: #EEB93B;
    border-width: 2px;
}

body .tassisBooleanCheckbox.ui-selectbooleancheckbox.ui-chkbox .ui-chkbox-box.ui-state-active {
    background-color: #EEB93B;
    border-color: #EEB93B;
}

body .tassisCheckboxMenu.ui-selectcheckboxmenu-panel .ui-widget-header {
    background-color: #13a84c;
}

body .tassisCheckboxMenu.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close.ui-state-hover {
    background-color: #EEB93B;
}

body .tassisCheckboxMenu.ui-selectcheckboxmenu-panel .ui-chkbox .ui-chkbox-box.ui-state-active {
    border-color: #EEB93B;
    background-color: #EEB93B;
}

body .tassisCheckboxMenu.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-item .ui-chkbox .ui-chkbox-box {
    border-color: #EEB93B !important;
}

body .tassisCheckboxMenu.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-item .ui-chkbox .ui-chkbox-box.ui-state-active {
    background-color: #EEB93B !important;
}

body .tassisCheckboxMenu.ui-selectcheckboxmenu {
    background-image: linear-gradient(to bottom, #EEB93B, #EEB93B), linear-gradient(to bottom, #bdbdbd, #bdbdbd) !important;
}

.tassisBackground {
    background: #eeeeee;
}

.tassisLoginPanel {
    max-width: 1100px !important;
    height: 660px !important;
    border-radius: 20px !important;
    opacity: 1 !important;
    text-align: center !important;
    border: 0 !important;
    margin: auto !important;
    padding: 0 !important;
}

.tassisLoginPanel.ui-panel {
    background: #f9f9f9;
    background-color: #f9f9f9;
    -webkit-box-shadow: 10px 10px 30px 5px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 10px 10px 30px 5px rgba(0, 0, 0, 0.12);
    box-shadow: 10px 10px 30px 5px rgba(0, 0, 0, 0.12);

}

.tassisLoginPanel.ui-panel .ui-panel-content {
    margin-left: 0;
    margin-right: 0;
    border-radius: 20px;
    padding: 0 !important;
}

.tassisLoginButton.ui-button {
    width: 223px;
    text-transform: uppercase;
    height: 50px !important;
    background: #EEB93B !important;
    border-radius: 30px !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

body .tassisLoginButton.ui-button .ui-button-text {
    font-size: 18px;
    font-family: Roboto;
    font-weight: bold !important;
}

body .tassisLoginButton.ui-button .ui-button-text.ui-c {
    margin-left: 0;
}

.tassisLoginButton.ui-button.ui-state-disabled {
    background: #888888 !important;
}


.tassisLoginField, body .tassisLoginField.ui-inputtext.ui-inputfield,
body .tassisLoginField.ui-inputfield.ui-password,
body .tassisLoginField.ui-inputfield.ui-inputmask,
body .tassisLoginField.ui-selectonemenu {
    text-align: left;
    font-family: Roboto;
    width: 70% !important;
    color: #565656 !important;
    font-size: 18px !important;
    background: #e8e8e8 !important;
    height: 48px !important;
    padding: 5px 20px !important;
    border: 1px solid #e8e8e8 !important;
    outline: 0 none;
    display: inline-block;
    cursor: text;
    border-width: 2px !important;
    border-radius: 25px !important;

}

body .tassisLoginField.ui-selectonemenu {
    line-height: 28px;
}

body .tassisLoginField.ui-selectonemenu.ui-widget.ui-state-default.ui-corner-all.ui-state-hover,
body .tassisLoginField.ui-selectonemenu.ui-widget.ui-state-default.ui-corner-all.ui-state-focus {
    border: 2px solid #e8e8e8 !important;
}

body .tassisLoginField.ui-selectonemenu .ui-selectonemenu-trigger {
    height: 30px !important;
    width: 30px !important;
    border-radius: 15px !important;
    margin-top: 6px;
    margin-right: 9px;
    background: #f9f9f9 !important;
    color: #e8e8e8 !important;
}

body .tassisLoginField.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
    width: 30px;
    height: 30px;
    top: 2px;
    left: 8px;
    color: #e8e8e8 !important;
}

body .tassisLoginField.ui-selectonemenu .ui-inputfield {
    font-size: 18px;
}


body .tassisLoginFieldPanel.ui-selectonemenu-panel.ui-widget {
    background-color: #e8e8e8;
    border-color: #e8e8e8;
    border-radius: 30px;
}

body .tassisLoginFieldPanel.ui-selectonemenu-panel .ui-selectonemenu-list {
    background-color: #e8e8e8;
}

body .tassisLoginFieldPanel.ui-selectonemenu-panel .ui-selectonemenu-items-wrapper {
    max-height: 300px !important;
}

body .tassisLoginFieldPanel.ui-selectonemenu-panel .ui-selectonemenu-item.ui-selectonemenu-list-item.ui-state-highlight {
    background-color: #EEB93B;
}

body .tassisLoginFieldPanel.ui-selectonemenu-panel.ui-widget .ui-selectonemenu-item.ui-state-hover {
    background-color: #f9f9f9;
}


.tassisLoginTitle.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    font-size: 23px !important;
    color: #535353 !important;
    font-family: Roboto !important;
    font-weight: 500;
}

body .tassisLinkGrey.ui-commandlink.ui-widget, body .tassisLinkGrey.ui-commandlink.ui-widget > span {
    cursor: pointer;
    color: #888888;
    font-family: Roboto !important;
    font-size: 18px !important;
}


body .tassisTextGrey.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #888888;
    font-family: Roboto !important;
    font-size: 18px !important;
}

body .tassisLinkColored.ui-commandlink.ui-widget, body .tassisLinkColored.ui-commandlink.ui-widget > span {
    cursor: pointer;
    color: #EEB93B;
    font-family: Roboto !important;
    font-weight: 500;
    font-size: 18px !important;
}

body .tassisErrorMessage.ui-message.ui-message-error {
    color: #E64B27;
    background-color: #f9f9f9;
    border-color: #f9f9f9;
}

.loginImage {
    background-image: url("/javax.faces.resource/tassis/tassis_panel_image.png.xhtml");
    background-size: cover;
    background-repeat: no-repeat;
    /*   background-attachment: fixed;*/
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background-position: center;
}


@media (min-width: 0px) {
    .leftSidePanel.loginImage {
        display: none;

    }
}

@media (min-width: 40.063em) {
    .leftSidePanel.loginImage {
        display: block;
    }
}


@media (min-width: 64.063em) {
    .leftSidePanel.loginImage {
        display: block;

    }
}

.leftSidePanel {
    height: 100%;
}

.languageDivLogin {
    text-align: right;
    padding-top: 15px !important;
    padding-right: 50px !important;
}

.rightSidePanel {
    height: 100%;
    background: #f9f9f9;
    border-radius: 20px;
    min-width: 230px;
}

.tassisLoginLogo {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 40px
}


.tassisOutlineButton.ui-button {
    width: 223px;
    height: 50px !important;
    background: transparent !important;
    border-radius: 30px !important;
    color: #EEB93B !important;
    border: 5px solid #EEB93B !important;
    box-shadow: none;
}

body .tassisOutlineButton.ui-button .ui-button-text {
    font-size: 18px;
    font-family: Roboto;
    font-weight: bold !important;
}

body .tassisOutlineButton.ui-button .ui-button-text.ui-c {
    margin-left: 0;
}


body .tassisInfoNewTextGrey.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #888888;
    font-family: Roboto !important;
    font-size: 30px !important;
    font-weight: 150 !important;
}

body .tassisInfoTextGrey.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #888888;
    font-family: Roboto !important;
    font-size: 35px !important;
    font-weight: 150 !important;
}


.loginPanelTextDiv {
    padding: 35px !important;
}

.tassisLoginWizard.ui-wizard .ui-wizard-navbar {
    text-align: center;
}

.tassisLoginWizard.ui-wizard .ui-wizard-nav-next {
    float: none;
    -moz-transition: none !important;
    -o-transition: none !important;
    -webkit-transition: none !important;
    transition: none !important;
    width: 223px !important;
    height: 50px !important;
    background: transparent !important;
    border-radius: 30px !important;
    color: #EEB93B !important;
    border: 5px solid #EEB93B !important;
}


.tassisLoginWizard.ui-wizard .ui-wizard-nav-back {
    float: none;
    -moz-transition: none !important;
    -o-transition: none !important;
    -webkit-transition: none !important;
    transition: none !important;
}

.ui-button.tassisLoginRoundButton {
    margin: auto 10px;
    background: #e8e8e8;
    color: #f9f9f9;
    box-shadow: none;
}

.ui-button.tassisLoginRoundButton.ui-state-hover {
    background: #EEB93B;
    color: #f9f9f9;
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.ui-button.tassisLoginRoundButton .ui-button-icon-left.ui-icon {
    color: #f9f9f9 !important;
}

body .tassisLoginRoundButton.ui-button.ui-button-icon-only .ui-icon {
    margin-top: -9px;
    margin-left: -12px;
}

body .tassisBooleanCheckboxRegister.ui-selectbooleancheckbox .ui-chkbox-box {
    width: 35px;
    height: 35px;
    border-radius: 17px;
    border-color: #e8e8e8 !important;
    background-color: #e8e8e8 !important;
    padding-top: 2px;
}

body .tassisBooleanCheckboxRegister.ui-selectbooleancheckbox.ui-chkbox > span {
    font-size: 18px;
    color: #888888;
    font-family: Roboto !important;
    line-height: 36px;
}


@media (min-width: 0px) {

    body .tassisRegisterInvitedUserButton.ui-button {
        width: 180px!important;
    }
}
@media (min-width: 40.063em) {

    body .tassisRegisterInvitedUserButton.ui-button {
        width: 160px;
    }
}


@media (min-width: 64.063em) {

    body .tassisRegisterInvitedUserButton.ui-button {
        width: 233px;
    }
}



@media (min-width: 0px) {

    body .tassisInfoTextGrey.ui-widget.ui-widget.ui-outputlabel.ui-widget {
        font-size: 35px !important;
    }


    body .tassisBooleanCheckboxRegister.ui-selectbooleancheckbox.ui-chkbox > span {
        font-size: 13px;
    }

    body .tassisTextGreyPrivacy.ui-widget.ui-widget.ui-outputlabel.ui-widget {
        font-size: 15px !important;
    }

    body .tassisLinkColoredPrivacy.ui-commandlink.ui-widget, body .tassisLinkColoredPrivacy.ui-commandlink.ui-widget > span {
        font-size: 15px !important;
    }

    body .tassisRegisterButton.ui-button {
        width: 233px;
    }

    body .tassisSelectOneRadioGdpr.ui-selectoneradio label {
        font-size: 14px !important;
    }
}

@media (min-width: 40.063em) {

    body .tassisInfoTextGrey.ui-widget.ui-widget.ui-outputlabel.ui-widget {
        font-size: 30px !important;
    }

    body .tassisBooleanCheckboxRegister.ui-selectbooleancheckbox.ui-chkbox > span {
        font-size: 15px;
    }

    body .tassisTextGreyPrivacy.ui-widget.ui-widget.ui-outputlabel.ui-widget {
        font-size: 13px !important;
    }

    body .tassisLinkColoredPrivacy.ui-commandlink.ui-widget, body .tassisLinkColoredPrivacy.ui-commandlink.ui-widget > span {
        font-size: 13px !important;
    }

    body .tassisRegisterButton.ui-button {
        width: 160px;
    }

    body .tassisSelectOneRadioGdpr.ui-selectoneradio label {
        font-size: 10px !important;
    }
}


@media (min-width: 64.063em) {

    body .tassisInfoTextGrey.ui-widget.ui-widget.ui-outputlabel.ui-widget {
        font-size: 40px !important;
    }

    body .tassisBooleanCheckboxRegister.ui-selectbooleancheckbox.ui-chkbox > span {
        font-size: 18px;
    }


    body .tassisTextGreyPrivacy.ui-widget.ui-widget.ui-outputlabel.ui-widget {
        font-size: 18px !important;
    }

    body .tassisLinkColoredPrivacy.ui-commandlink.ui-widget, body .tassisLinkColoredPrivacy.ui-commandlink.ui-widget > span {
        font-size: 18px !important;
    }

    body .tassisRegisterButton.ui-button {
        width: 233px;
    }

    body .tassisSelectOneRadioGdpr.ui-selectoneradio label {
        font-size: 14px !important;
    }
}


body .tassisBooleanCheckboxRegister.ui-selectbooleancheckbox.ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
    margin-top: 6px;
}

body .tassisBooleanCheckboxRegister.ui-selectbooleancheckbox.ui-chkbox .ui-chkbox-box.ui-state-active {
    border-color: #12a84b !important;
    background-color: #12a84b !important;
}


body .tassisTextGreyHeader.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #565656;
    font-family: Roboto !important;
    font-size: 23px !important;
    font-weight: 700 !important;
}

body .tassisTextGreyPrivacy.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #888888;
    font-family: Roboto !important;
}

body .tassisLinkColoredPrivacy.ui-commandlink.ui-widget, body .tassisLinkColoredPrivacy.ui-commandlink.ui-widget > span {
    cursor: pointer;
    color: #EEB93B;
    font-family: Roboto !important;
    font-weight: 500;
}


body .tassisMessages .ui-messages-error-icon {
    display: none !important;
}

body .tassisMessages .ui-messages-info-icon {
    display: none !important;
}

body .tassisMessages .ui-messages-close {
    display: none !important;
}

body .tassisMessages .ui-corner-all {
    padding: 0 !important;
    margin: 0 !important;
}

body .tassisMessages.ui-messages .ui-messages-error {
    background-color: #f8f8f8;
    border-color: #f8f8f8;
    color: #E64B27;
    font-family: Roboto !important;
    font-weight: 800 !important;
    font-size: 18px !important;
}

body .tassisMessages.ui-messages .ui-messages-info {
    background-color: #f8f8f8;
    border-color: #f8f8f8;
    color: #12a84b;
    font-family: Roboto !important;
    font-weight: 800 !important;
    font-size: 18px !important;
}

body .tassisSelectOneRadioGdpr.ui-selectoneradio .ui-radiobutton .ui-radiobutton-box.ui-state-active {
    border-color: #12a84b !important;
    background-color: #12a84b !important;
}

body .tassisSelectOneRadioGdpr.ui-selectoneradio .ui-radiobutton .ui-radiobutton-box .ui-icon-bullet {
    border-color: #12a84b !important;
    background-color: #12a84b !important;
}

body .tassisSelectOneRadioGdpr.ui-selectoneradio td {
    padding-bottom: 10px;
}

body .tassisSelectOneRadio.ui-selectoneradio .ui-radiobutton .ui-radiobutton-box.ui-state-active {
    border-color: #12a84b !important;
    background-color: #12a84b !important;
}

body .tassisSelectOneRadio.ui-selectoneradio .ui-radiobutton .ui-radiobutton-box .ui-icon-bullet {
    border-color: #12a84b !important;
    background-color: #12a84b !important;
}

body .tassisSelectOneRadio.ui-selectoneradio td {
    padding-left: 20px;

}

body .tassisSelectOneRadio.ui-selectoneradio label {
    font-size: 14px !important;
}

.tassis_dashboard_left {
    background-color: #f9f9f9;
    height: 170px;
    border-radius: 20px;
}

.tassis_dashboard_right {
    background-color: #f9f9f9;
    min-height: 120px;
    border-radius: 20px;
    align-self: end;
}

.tassis_dashboard_top {
    display: grid;
}


.rounded-datatable .ui-datatable-scrollable-header-box {
    border: none !important;
}

body .ui-datatable.rounded-datatable .ui-datatable-scrollable-header {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

body .ui-datatable.borderless.rounded-datatable.ui-datatable-reflow .ui-datatable-scrollable-header-box thead th.statusColumn.ui-state-default,
body .ui-datatable.borderless.rounded-datatable .ui-datatable-scrollable-header-box thead th.statusColumn.ui-state-default {
    width: 1px !important;
    background: #f9f9f9 !important;
}

body .ui-datatable.borderless.rounded-datatable.dashboardTasks .ui-datatable-scrollable-body .ui-datatable-scrollable-theadclone th.statusColumn {
    width: 5px;
    padding-left: 2px;
    padding-right: 2px;
}

body .dashboardTasks .ui-paginator.ui-paginator-bottom{
    position: inherit;
}

body .ui-datatable.borderless.rounded-datatable.ui-datatable-reflow .ui-datatable-scrollable-header-box thead th.ui-sortable-column {
    color: #575757;
    font-weight: normal !important;
    font-family: Roboto !important;
}

body .ui-datatable.borderless.rounded-datatable.ui-datatable-reflow .ui-datatable-scrollable-header-box thead th.ui-sortable-column .ui-sortable-column-icon {
    float: left;
}

body .ui-datatable.borderless.rounded-datatable .ui-datatable-scrollable-header-box thead th.ui-sortable-column {
    white-space: nowrap !important;
}

.ui-button.tassis-buttons-white {
    background: #f9f9f9;
    color: #575757;
    width: 175px;
    height: 40px;
    margin: 0px 6px;
    display: inline-block;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -o-border-radius: 40px;
    cursor: pointer;
    box-shadow: none !important;
}

.ui-button.tassis-buttons-white.ui-state-hover {
    background: #f9f9f9;
    color: #575757;
    -webkit-transition: all 0.3s !important;
    -moz-transition: all 0.3s !important;
    -o-transition: all 0.3s !important;
    transition: all 0.3s !important;
}

.ui-button.tassis-buttons-white.ui-state-focus {
    background: #f9f9f9;
    color: #575757;
    -webkit-transition: all 0.3s !important;
    -moz-transition: all 0.3s !important;
    -o-transition: all 0.3s !important;
    transition: all 0.3s !important;
}

.ui-button.tassis-buttons-white .ui-button-text {
    font-size: 12px;
    width: 100%;
    font-family: Roboto !important;
    text-align: center;
    margin: 0;
}

.ui-button.tassis-buttons-white.ui-state-disabled {
    background: #b5b5b5;
    color: #575757;
}

.ui-button.tassis-buttons-white .ui-icon {
    background: #888888 !important;
    border-radius: 15px;
    width: 30px;
    height: 30px;
    font-size: 20px;
    margin-top: -15px !important;
    margin-left: -6px;
    padding-top: 6px !important;
}

.ui-button.tassis-buttons-white.ui-state-focus .ui-icon {
    color: #f9f9f9 !important;
    background: #EEB93B !important;
}

.ui-button.tassis-buttons-white.ui-state-hover .ui-icon {
    color: #f9f9f9 !important;
    background: #EEB93B !important;
}


body .ui-dialog {
    border-radius: 25px;
    padding: 5px !important;
}

body .ui-dialog .ui-dialog-titlebar {
    background: #eeeeee;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
    height: 50px
}

body .ui-dialog .ui-dialog-titlebar-icon {
    border: 1px solid #575757;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon {
    color: #575757;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
    margin-top: 4px
}

body .ui-dialog .ui-dialog-title {
    color: #575757;
    font-family: Roboto !important;
    font-weight: bold !important;
}

body .tassisDialogFields.ui-inputtext.ui-inputfield,
body .tassisDialogFields.ui-inputfield.ui-password,
body .tassisDialogFields.ui-inputfield.ui-inputmask,
body .tassisDialogFields.ui-selectonemenu,
body .tassisDialogFields.ui-calendar,
body .tassisDialogFields.ui-inputnumber,
body .tassisDialogFields.ui-selectcheckboxmenu,
body .tassisDialogFields.ui-autocomplete {
    text-align: left;
    font-family: Roboto;
    width: 100% !important;
    color: #1d1d1d !important;
    font-size: 18px !important;
    background: #eeeeee !important;
    height: 42px !important;
    padding: 5px 20px !important;
    border: 1px solid #eeeeee !important;
    outline: 0 none;
    display: inline-block;
    cursor: text;
    border-width: 2px !important;
    border-radius: 25px !important;

}

body .p-datepicker.ui-calendar.tassisDialogFields .ui-inputfield,
body .tassisDialogFields.ui-calendar .ui-inputfield.hasDatepicker,
body .tassisDialogFields.ui-inputnumber .ui-inputfield,
body .tassisDialogFields.ui-autocomplete .ui-autocomplete-input.ui-inputfield {
    border: 0;
    width: 90% !important;
    font-family: Roboto;
    color: #565656 !important;
    max-width: unset !important;
    font-size: 18px !important;
}

body .tassisDialogFields.ui-inputfield.ui-inputtextarea.ui-widget.ui-state-default.ui-corner-all.ui-inputtextarea-resizable {
    text-align: left;
    font-family: Roboto !important;
    width: 100% !important;
    color: #565656 !important;
    font-size: 18px !important;
    background: #eeeeee !important;
    min-height: 42px !important;
    padding: 5px 20px !important;
    border: 1px solid #eeeeee !important;
    outline: 0 none;
    display: inline-block;
    cursor: text;
    border-width: 2px !important;
    border-radius: 25px !important;

}

body .tassis-buttons.ui-fileupload.ui-widget.ui-fileupload-responsive.fileUploadDialog .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.ui-fileupload-choose {
    width: 175px;
    height: 35px;
}

body .tassis-buttons.ui-fileupload.ui-widget.ui-fileupload-responsive.fileUploadDialog .ui-button-text.ui-c {
    line-height: 35px !important;
}

body .tassisDialogFields.ui-selectonemenu, body .tassisDialogFields.ui-selectonemenu {
    line-height: 24px;
}

body .tassisDialogDatalist.ui-datalist .ui-widget-content.ui-datalist-content {
    border-radius: 3px;
}

body .tassisDialogDatalist.ui-datalist.ui-widget .ui-widget-content.ui-datalist-content {
    border-radius: 30px;
    background-color: #e8e8e8;
}

body .tassisDialogDatalist.ui-datalist .ui-widget-content.ui-datalist-content .ui-datalist-data {
    height: 315px;
    overflow: auto;
}

.multipleTasksAssignPanelGrid > tbody > tr > td {
    vertical-align: top;
}

body .tassisDialogFields.ui-selectonemenu.ui-widget.ui-state-default.ui-corner-all.ui-state-hover,
body .tassisDialogFields.ui-selectonemenu.ui-widget.ui-state-default.ui-corner-all.ui-state-focus,
body .tassisDialogFields.ui-selectcheckboxmenu.ui-widget.ui-state-default.ui-corner-all.ui-state-focus,
body .tassisDialogFields.ui-selectcheckboxmenu.ui-widget.ui-state-default.ui-corner-all.ui-state-hover {
    border: 2px solid #e8e8e8 !important;
}

body .tassisDialogFields.ui-selectonemenu .ui-selectonemenu-trigger,
body .tassisDialogFields.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger,
body .tassisDialogFields.ui-autocomplete .ui-autocomplete-dropdown.ui-button {
    height: 30px !important;
    width: 30px !important;
    border-radius: 15px !important;
    margin-top: 4px;
    margin-right: 6px;
    background: #888888 !important;
    color: #888888 !important;
}


body .tassisDialogFields.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon,
body .tassisDialogFields.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon {
    width: 30px;
    height: 30px;
    top: 2px;
    left: 8px;
    color: #e8e8e8 !important;
}

body .tassisDialogFields.ui-selectonemenu .ui-inputfield,
body .tassisDialogFields.ui-selectcheckboxmenu .ui-inputfield,
body .tassisDialogFields.ui-autocomplete .ui-inputfield {
    font-size: 18px;
}

body .tassisStopActivitySelection.ui-selectonemenu{
    height: auto!important;
}

body .tassisStopActivitySelection.ui-selectonemenu .ui-inputfield{
    font-size: 13px!important;
    white-space: pre-wrap !important;
}

.dashboard_carousel.ui-carousel .ui-carousel-viewport .ui-carousel-items{
    display: flex;
    align-items: stretch;
}


body .tassisSelectOneMenuPanel.ui-selectonemenu-panel.ui-widget,
body .tassisCheckboxMenuPanel.ui-selectcheckboxmenu-panel.ui-widget,
body .tassisSelectMenuPanel.ui-selectmanymenu.ui-widget,
body .ui-autocomplete-panel {
    background-color: #e8e8e8 !important;
    border-color: #e8e8e8;
    border-radius: 30px;
}

body .tassisSelectOneMenuPanel.ui-selectonemenu-panel .ui-selectonemenu-list,
body .tassisCheckboxMenuPanel.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list,
body .tassisSelectMenuPanel.ui-selectmanymenu.ui-widget .ui-selectlistbox-list,
body .ui-autocomplete-panel .ui-autocomplete-items.ui-autocomplete-list {
    background-color: #e8e8e8;
}

.tassisSelectStopActivityCard{
    width: 200px;
    font-size: 13px !important;
}

body .tassisSelectOneMenuPanel.ui-selectonemenu-panel .ui-selectonemenu-items-wrapper,
body .tassisCheckboxMenuPanel.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items-wrapper {
    max-height: 300px !important;
}

body .tassisSelectOneMenuPanel.ui-selectonemenu-panel .ui-selectonemenu-item.ui-selectonemenu-list-item.ui-state-highlight,
body .tassisCheckboxMenuPanel.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-list-item.ui-state-highlight {
    background-color: #888888;
    color: #f9f9f9;
}

body .tassisSelectMenuPanel.ui-selectmanymenu.ui-widget .ui-selectlistbox-item.ui-state-highlight {
    background-color: #e8e8e8;
    color: #575757 !important;
}

body .tassisSelectOneMenuPanel.ui-selectonemenu-panel.ui-widget .ui-selectonemenu-item.ui-state-hover,
body .tassisCheckboxMenuPanel.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-item.ui-state-hover,
body .tassisSelectMenuPanel.ui-selectmanymenu.ui-widget .ui-selectlistbox-item.ui-state-hover {
    background-color: #f9f9f9;
}

body .tassisCheckboxMenuPanel.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header,
body .tassisSelectMenuPanel.ui-selectmanymenu.ui-widget .ui-selectlistbox-filter-container {
    background-color: #e8e8e8;
}

body .tassisSelectMenuPanel.ui-selectmanymenu.ui-widget .ui-selectlistbox-filter-container {
    border-radius: 25px 25px 0 0;
}

body .tassisCheckboxMenuPanel.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox .ui-chkbox-box {
    border-color: #888888 !important;
    border-radius: 25px !important;
}

body .tassisCheckboxMenuPanel.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox .ui-chkbox-box.ui-state-active {
    background-color: #888888;
}

body .tassisCheckboxMenuPanel.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox .ui-chkbox-box.ui-state-focus {
    background-color: #888888;
}

body .tassisCheckboxMenuPanel.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-item .ui-chkbox .ui-chkbox-box,
body .tassisSelectMenuPanel.ui-selectmanymenu.ui-widget .ui-selectlistbox-item .ui-chkbox .ui-chkbox-box.ui-widget.ui-state-default {
    border-color: #888888 !important;
    border-radius: 25px !important;
}

body .tassisCheckboxMenuPanel.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-item .ui-chkbox .ui-chkbox-box.ui-state-active,
body .tassisSelectMenuPanel.ui-selectmanymenu.ui-widget .ui-chkbox-box.ui-state-active {
    background-color: #888888 !important;
}

body .tassisSelectMenuPanel.ui-selectmanymenu.ui-widget .ui-chkbox-box.ui-state-active .ui-icon {
    color: #888888;
}

body .tassisCheckboxMenuPanel.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container input,
body .tassisCheckboxMenuPanel.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container span,
body .tassisSelectMenuPanel.ui-selectmanymenu.ui-widget .ui-selectlistbox-filter-container input,
body .tassisSelectMenuPanel.ui-selectmanymenu.ui-widget .ui-selectlistbox-filter-container span {
    color: #565656 !important;
}

body .tassisCheckboxMenuPanel.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close span {
    color: #565656 !important;
}

body .tassisCheckboxMenuPanel.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close.ui-state-hover {
    background: #f9f9f9;
}

body .ui-autocomplete-items .ui-state-active, body .ui-autocomplete-items .ui-state-highlight {
    background: #f9f9f9 !important;
}

body .tassisDialogFields.ui-autocomplete .ui-autocomplete-dropdown.ui-button.ui-button-icon-only .ui-icon {
    color: #e8e8e8 !important;
}


.tassisDialogPanelGridColumnLeftTop {
    vertical-align: top;
    padding-right: 30px;
}

.tassisDialogPanelGridColumnLeft {
    padding-right: 30px;
}

.tassisDialogPanelGridColumnLeftProfile {
    padding-right: 15px;
    max-width: 150px;
}

.tassisDialogPanelGridColumnRight {
    min-width: 400px;
}

.tassisDialogPanelGridColumnRightPaymentOption {
    min-width: 200px;
}


.tassisDialogPanelGridColumnRightNotif {

}

.tassisDialogPanelGridColumnText {
    max-width: 500px;
}

.tassisDialogButtonLocation.ui-button {
    min-width: 223px;
    height: 50px !important;
    background: #888888 !important;
    border-radius: 30px !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

.ui-button.tassisDialogButtonLocation.ui-state-hover {
    background-color: #EEB93B !important;
    color: #f9f9f9 !important;
    -webkit-transition: all 0.3s !important;
    -moz-transition: all 0.3s !important;
    -o-transition: all 0.3s !important;
    transition: all 0.3s !important;
}

.ui-button.tassisDialogButtonLocation.ui-state-focus {
    background-color: #EEB93B !important;
    color: #f9f9f9 !important;
    -webkit-transition: all 0.3s !important;
    -moz-transition: all 0.3s !important;
    -o-transition: all 0.3s !important;
    transition: all 0.3s !important;
}


.tassisDialogButton.ui-button {
    min-width: 223px;
    height: 50px !important;
    background: #EEB93B !important;
    border-radius: 30px !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

body .tassisDialogButton.ui-button .ui-button-text, .tassisDialogButtonLocation.ui-button .ui-button-text {
    font-size: 18px;
    font-family: Roboto;
    font-weight: bold !important;
}

body .tassisDialogButton.ui-button .ui-button-text.ui-c, .tassisDialogButtonLocation.ui-button .ui-button-text.ui-c {
    margin-left: 0;
}

.tassisDialogButton.ui-button.ui-state-disabled, .tassisDialogButtonLocation.ui-button.ui-state-disabled {
    background: #888888 !important;
}

body .tassisBooleanCheckboxRegister.ui-selectbooleancheckbox.ui-chkbox .ui-chkbox-box .ui-icon-blank {
    visibility: visible;
}

.tassisDialogStart.ui-button {
    background: #12a84b !important;
}

.tassisDialogStop.ui-button {
    background: #E64B27 !important
}

.tassisTeamPanel.ui-panel.ui-widget {
    width: 97%;
    border-radius: 20px !important;
    -webkit-box-shadow: 5px 0px 30px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 5px 0px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 5px 0px 30px 0px rgba(0, 0, 0, 0.1);
    background: transparent !important;
    padding: 0;
    margin: 0;
    margin: auto
}

.tassisTeamPanel.ui-panel .ui-panel-content {
    padding: 0;
    margin: 0;
}


.dashboardBarContainer {
    /* padding-top: 15px !important;*/
    display: grid;
    display: -ms-grid;
}

.dashboardLeftContainer {
    grid-area: dashboardLeftContainer;
}

.dashboardRightContainer {
    grid-area: dashboardRightContainer;
}

@media (min-width: 0px) {
    .dashboardBarContainer {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-template-areas: 'dashboardRightContainer' 'dashboardLeftContainer'
    }

    .dashboardLeftContainer {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        display: grid;
        display: -ms-grid;
        padding: 5px 0 5px 0;
    }

    .dashboardRightContainer {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        display: grid;
        display: -ms-grid;
        padding: 5px 0 5px 0;
    }
}

@media (min-width: 800px) {

    .dashboardBarContainer {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        grid-template-areas: 'dashboardRightContainer' 'dashboardLeftContainer'
    }

    .dashboardLeftContainer {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        display: grid;
        display: -ms-grid;
        padding: 5px 0 5px 0;

    }

    .dashboardRightContainer {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        display: grid;
        display: -ms-grid;
        padding: 5px 0 5px 0;
    }
}


@media (min-width: 1350px) {

    .dashboardBarContainer {
        -ms-grid-columns: 35% 65%;
        grid-template-columns: 35% 65%;
        grid-template-areas: 'dashboardLeftContainer dashboardRightContainer';
    }

    .dashboardLeftContainer {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        display: grid;
        display: -ms-grid;
        padding: 5px 0.5em 5px 0;
    }

    .dashboardRightContainer {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
        display: grid;
        display: -ms-grid;
        padding: 5px 0 5px 0.5em;
    }
}

.dashboardContainer {
    background: #f9f9f9;
    min-height: 120px;
    border-radius: 20px;
    align-self: end;
    -webkit-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.1);
}

.dashboardUserContainer {
    min-height: 130px;
}

.dashboardInfoTitle {
    background: #eeeeee;
    height: 35px;

}

.dashboardInfoData {
    height: 72px;
    border: 2px solid #eeeeee;
    padding: 0 !important;
}

.dashboardEmptyRow {
    padding: 5px !important;
}

.dashboardInfoRow {
    height: 32px;
    padding: 0 !important;
}

.dashboardInfoRowBorder {
    height: 36px;
    padding: 0 !important;
    border-top: 2px solid #eeeeee;
}

.dashboardInfoDataColumns {

    padding-left: 2px !important;
    padding-right: 2px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.dashboardInfoUser {
    border-radius: 25px;
    background: #eeeeee;
    min-height: 120px;
    padding-right: 0 !important;
    padding-top: 0px !important;
    padding-left: 5px !important;
    padding-bottom: 2px !important;
}

.dashboardInfoStartStop {
    height: 120px;
}

.dashboardProfilePhotoDiv {
    height: 90px;
    padding-top: 15px !important;
    padding-left: 0px !important;
}

.dashboardProfilePhoto {
    margin-top: 5px;
    height: 80px;
    width: 80px;
    object-fit: cover;
    border-radius: 50%;
    border: 4px solid #EEB93B;

}

.dashboardUserInfoName.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #575757;
    font-family: Roboto !important;
    font-weight: bold !important;
    font-size: 20px !important;
}

.dashboardUserInfoText.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #b5b5b5;
    font-family: Roboto !important;
    font-weight: bold !important;
    font-size: 13px !important;
}

.dashboardUserInfoValue.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #575757;
    font-family: Roboto !important;
    font-weight: bold !important;
    font-size: 13px !important;
}

.dashboardInfoTitleText.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #575757;
    font-family: Roboto !important;
    font-weight: bold !important;
    font-size: 15px !important;
}

.dashboardInfoRowTitle.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #b5b5b5;
    font-family: Roboto !important;
    font-weight: bold !important;
    font-size: 10px !important;
}

.dashboardInfoRowColumnBorder {
    border-right: 2px solid #eeeeee;
    padding: 0 !important;
    height: 100%;
}

.dashboardInfoRowColumn {
    padding: 0 !important;
}

.dashboardInfoRowValueColumnBorder {
    border-right: 2px solid #eeeeee;
    padding: 0 !important;
    padding-top: 5px !important;
    height: 100%;
}

.dashboardInfoRowValueColumn {
    padding: 0 !important;
    padding-top: 5px !important;
}

.dashboardInfoRowValue.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #575757;
    font-family: Roboto !important;
    font-weight: bold !important;
    font-size: 20px !important;
}


.dashboardInfoRowValueSmall.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #575757;
    font-family: Roboto !important;
    font-weight: bold !important;
    font-size: 12px !important;
}

.dashboardStopInfoSmall.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #b5b5b5;
    font-family: Roboto !important;
    font-size: 13px !important;
    font-weight: bold !important;
}

.dashboardStopInfoSmallGreen.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #12A84B;
    font-family: Roboto !important;
    font-size: 13px !important;
    font-weight: bold !important;
}

.dashboardStopInfoBig.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #575757;
    font-family: Roboto !important;
    font-size: 23px !important;
    font-weight: bold !important;
}

.dashboardStartInfo.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #575757;
    font-family: Roboto !important;
    font-size: 11px !important;
    font-weight: bold !important;
}

.dashboardStartButton {
    border-radius: 50% !important;
    width: 65px !important;
    height: 65px !important;
    background: #12a84b !important;
    border: 13px solid #f9f9f9 !important;
    box-shadow: none !important;
}

.dashboardStartButton:focus {
    outline: none !important;
}

.dashboardStopButton {
    border-radius: 50% !important;
    width: 65px !important;
    height: 65px !important;
    background: #E64B27 !important;
    border: 13px solid #f9f9f9 !important;
    box-shadow: none !important;
}

body .dashboardStopButton .ui-button-icon-left.ui-icon.ui-c.fa.fa-stop {
    font-size: 24px !important;
    margin-top: -12px !important;
}

.dashboardStopButton:focus {
    outline: none !important;
}


.dashboard_carousel_label {
    text-align: left;
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-family: Roboto !important;
    font-size: 12px !important;
    font-weight: bold !important;
    color: #575757;
}

body .dashboard_carousel .ui-panelgrid .ui-panelgrid-cell {
    padding: 6px 4px !important;
}

body .tassisSelectStopActivityCard.ui-selectonemenu-panel .ui-selectonemenu-item{
    font-size: 13px!important;
    white-space: pre-wrap !important;
}

.dashboard_carousel_value, body .dashboard_carousel_value .ui-inputtext.ui-widget, body .dashboard_carousel_value .ui-inputfield.ui-widget.hasDatepicker {
    text-align: left;
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-family: Roboto !important;
    font-size: 13px !important;
    font-weight: bold !important;
    color: #575757;
}

body .dashboard_carousel_value a.ui-commandlink.ui-widget {
    font-family: Roboto !important;
    font-size: 13px !important;
    font-weight: bold !important;
    color: #EEB93B;
}

.colored_input.ui-calendar .ui-inputfield.ui-widget.hasDatepicker,
.colored_input.ui-calendar .ui-datepicker-trigger .ui-icon {
    color: #EEB93B !important;
    border-color: #EEB93B !important
}

.ui-commandlink.ui-widget.commandLink {
    font-family: Roboto !important;
    font-weight: bold !important;
    color: #888888;
}

.dashboard_carousel.ui-carousel.ui-widget {
    border-radius: 25px;
    background: #f9f9f9 !important;
}

.dashboard_carousel.ui-carousel .ui-carousel-item {
    border: 0 !important;
    background: #f9f9f9 !important;
}


.dashboard_carousel .ui-carousel-header {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    background: #888888;
    color: #f9f9f9;
}


.addBlankCardButton{
    background-image: url("/javax.faces.resource/tassis/plus-icon.png.xhtml");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 120px!important;
    height: 120px!important;
    display: inline-block;
}
.addBlankCardButton:hover{
    background-image: url("/javax.faces.resource/tassis/plus-icon-hover.png.xhtml");
}

.dashboard_carousel_add_card{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    vertical-align: middle;
    text-align: center;
    width:100%;
    height: 99%;
    border: 0px!important;
    background: transparent!important;
}

.dashboard_carousel_add_card .ui-panelgrid-header {
    text-align: center !important;
}

.dashboard_carousel_add_card .ui-panelgrid-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    margin: 0px 10px 0 !important;
    height: 100%;
}

body .dashboard_carousel_add_card.ui-panelgrid tbody tr.ui-widget-content{
    border: none!important;
}


.dashboard_carousel_panelgrid {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-radius: 25px;
}

.dashboard_carousel_panelgrid .ui-panelgrid-header {
    text-align: right !important;
}

.dashboard_carousel_panelgrid .ui-panelgrid-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    margin: 0px 10px 0 !important;
}

.dashboardSelectedTaskAtStart {
    background: #F6DC9D;
}

.dashboardSelectedTasks {
    background: #eeeeee;
}


.dashboard_delete_button {
    border-radius: 50% !important;
    width: 25px !important;
    height: 25px !important;
    background: #eeeeee !important;
    border: 1px solid #575757 !important;
    font-size: 10px;
    padding: 0 12px !important;
}

body .dashboard_delete_button .ui-button-icon-left.ui-icon.ui-c.delete_color {
    color: #575757 !important;
    font-size: 13px !important;
    margin-top: -12px !important;
}

@media (min-width: 0px) and (max-width: 350px) {
    .dashboardInfoRowValueSmall.ui-widget.ui-widget.ui-outputlabel.ui-widget {
        font-size: 7px !important;
        letter-spacing: -0.5px;
    }

    .dashboardInfoTitleText.ui-widget.ui-widget.ui-outputlabel.ui-widget {
        font-size: 8px !important;
    }

    .dashboardInfoRowValue.ui-widget.ui-widget.ui-outputlabel.ui-widget {
        font-size: 12px !important;
    }

    .dashboardUserInfoName.ui-widget.ui-widget.ui-outputlabel.ui-widget {
        font-size: 15px !important;
    }

    .dashboardPanelGridUserInfo {
        width: 100%;
    }

    .dashboardProfilePhoto {
        width: 50px;
        height: 50px;
    }

    .dashboardInfoRowTitle.ui-widget.ui-widget.ui-outputlabel.ui-widget {
        font-size: 7px !important;
    }
}

@media (min-width: 350px)  and (max-width: 400px) {
    .dashboardInfoRowValueSmall.ui-widget.ui-widget.ui-outputlabel.ui-widget {
        font-size: 8px !important;
        letter-spacing: -0.5px;
    }

    .dashboardInfoTitleText.ui-widget.ui-widget.ui-outputlabel.ui-widget {
        font-size: 11px !important;
    }

    .dashboardInfoRowValue.ui-widget.ui-widget.ui-outputlabel.ui-widget {
        font-size: 16px !important;
    }

    .dashboardUserInfoName.ui-widget.ui-widget.ui-outputlabel.ui-widget {
        font-size: 16px !important;
    }

    .dashboardPanelGridUserInfo {
        width: 100%;
    }

    .dashboardProfilePhoto {
        width: 50px;
        height: 50px;
    }

    .dashboardInfoRowTitle.ui-widget.ui-widget.ui-outputlabel.ui-widget {
        font-size: 8px !important;
    }
}

@media (min-width: 400px) {
    .dashboardInfoRowValueSmall.ui-widget.ui-widget.ui-outputlabel.ui-widget {
        font-size: 10px !important;
    }

    .dashboardInfoTitleText.ui-widget.ui-widget.ui-outputlabel.ui-widget {
        font-size: 13px !important;
    }

    .dashboardInfoRowValue.ui-widget.ui-widget.ui-outputlabel.ui-widget {
        font-size: 19px !important;
    }

    .dashboardUserInfoName.ui-widget.ui-widget.ui-outputlabel.ui-widget {
        font-size: 18px !important;
    }

    .dashboardProfilePhoto {
        width: 80px;
        height: 80px;
    }

    .dashboardInfoRowTitle.ui-widget.ui-widget.ui-outputlabel.ui-widget {
        font-size: 10px !important;
    }

    /* .dashboardPanelGridUserInfo {
         width: 50%;
     }*/
}

@media (min-width: 800px) {
    .dashboardInfoRowValueSmall.ui-widget.ui-widget.ui-outputlabel.ui-widget {
        font-size: 12px !important;
    }

    .dashboardInfoTitleText.ui-widget.ui-widget.ui-outputlabel.ui-widget {
        font-size: 15px !important;
    }

    .dashboardInfoRowValue.ui-widget.ui-widget.ui-outputlabel.ui-widget {
        font-size: 20px !important;
    }

    .dashboardUserInfoName.ui-widget.ui-widget.ui-outputlabel.ui-widget {
        font-size: 20px !important;
    }

    .dashboardProfilePhoto {
        width: 80px;
        height: 80px;
    }

    .dashboardInfoRowTitle.ui-widget.ui-widget.ui-outputlabel.ui-widget {
        font-size: 10px !important;
    }

    /*  .dashboardPanelGridUserInfo {
          width: 50%;
      }*/
}

@media (min-width: 1350px) {
    .dashboardInfoRowValueSmall.ui-widget.ui-widget.ui-outputlabel.ui-widget {
        font-size: 11px !important;
    }

    .dashboardInfoTitleText.ui-widget.ui-widget.ui-outputlabel.ui-widget {
        font-size: 15px !important;
    }

    .dashboardInfoRowValue.ui-widget.ui-widget.ui-outputlabel.ui-widget {
        font-size: 20px !important;
    }

    .dashboardUserInfoName.ui-widget.ui-widget.ui-outputlabel.ui-widget {
        font-size: 20px !important;
    }

    .dashboardProfilePhoto {
        width: 80px;
        height: 80px;
    }

    .dashboardInfoRowTitle.ui-widget.ui-widget.ui-outputlabel.ui-widget {
        font-size: 10px !important;
    }

    /*  .dashboardPanelGridUserInfo {
          width: 50%;
      }*/
}

body .ui-panelgrid.dashboardPanelGridUserInfo .ui-panelgrid-cell {

    padding: 0 !important;
}

body .ui-panelgrid.dashboardPanelGridUserDetails .ui-panelgrid-cell {
    border: 0 !important;
    padding: 0 !important;
}

.dashboardPanelGridUserInfo, .dashboardPanelGridUserInfoLeft {
    padding: 0 !important;
    padding-right: 5px !important;
}

.dashboardPanelGridUserDetails {
    width: 100%;
    padding: 0 !important;
    padding-right: 5px !important;
}

.dashboardPanelGridUserInfoLeft {
    min-width: 70px;
}

.dashboardPanelGridUserInfo.ui-panelgrid .ui-panelgrid-content {
    margin: 0 !important;
    border: 0 !important;
    background: transparent;
}

.dashboardPanelGridUserDetails.ui-panelgrid .ui-panelgrid-content {
    margin: 0 !important;
    border: 0 !important;
    background: transparent;
}


.dashboardPanelGridUserInfo.ui-panelgrid {
    width: 100%;
    border: 0 !important;
    background: transparent;
}


.dashboardPanelGridUserDetails.ui-panelgrid {
    width: 100%;
    border: 0 !important;
    background: transparent;
}

.dashboardPanelGridUserInfo.ui-panelgrid tr.ui-widget-content {
    border: 0 !important;
    background: transparent;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.dashboardPanelGridUserDetails.ui-panelgrid tr.ui-widget-content {
    border: 0 !important;
    background: transparent;
    margin: 0;
    padding: 0;
}

body .ui-panelgrid.dashboardPanelGridUserInfo .ui-panelgrid-cell {
    border: 0 !important;
}




body .tassisOverlayPanelTopbar.ui-overlaypanel {
    -webkit-box-shadow: 5px 0px 30px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 5px 0px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 5px 0px 30px 0px rgba(0, 0, 0, 0.1);
    margin-top: 50px !important;
    margin-bottom: 0 !important;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
}

.tassisExportPanel.ui-panel {
    margin: 5px 15px;
    border-radius: 25px;
    background: #eeeeee;
    border-color: #eeeeee;
    padding: 15px 10px !important;
}

body .ui-widget-content {
    background: #f9f9f9;
}


.tassisExportLabel.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    display: block;
    font-family: Roboto !important;
    font-size: 13px !important;
    color: #575757;
}

.exportPanelGridColumn {
    min-width: 100px;
}

.twoPanelGridColumn {
    width: 50%;
}


.tassisExportTitle.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    display: block;
    font-family: Roboto !important;
    font-size: 18px !important;
    font-weight: bold !important;
    color: #575757;
}


.ui-datatable.tassisAdvancedFiltersTable .ui-datatable-scrollable-header-box thead th {
    border: 0 !important;
    color: #575757 !important;
}


.ui-datatable.tassisAdvancedFiltersTable .ui-datatable-scrollable-header {
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}

.ui-datatable.tassisAdvancedFiltersTable .ui-datatable-scrollable-body {
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    overflow-x: hidden;
}

body .ui-datatable.tassisAdvancedFiltersTable tbody tr {
    background: #eeeeee;
}

body .ui-datatable.tassisAdvancedFiltersTable tbody {
    border: 0;
}

.tassisAdvFilterDeleteButton {
    width: 25px !important;
    height: 25px !important;
    background: #E64B27 !important;
}

.tassisPickList.ui-picklist .ui-widget-header.ui-picklist-caption {
    font-family: Roboto !important;
    color: #575757 !important;
    font-weight: bold !important;
    border: 0 !important;
    text-align: left;
}

.tassisPickList.ui-picklist .ui-picklist-list {
    border-radius: 25px;
    background: #eeeeee;
    padding: 5px;
    color: #575757
}

.tassisPickList.ui-picklist .ui-picklist-item.ui-state-highlight {
    background: #EEB93B;
}

.tassisPickList.ui-picklist .ui-picklist-item.ui-state-hover {
    background: #f9f9f9;
}

body .ui-picklist.tassisPickList .ui-picklist-buttons {
    vertical-align: bottom;
    padding-bottom: 20px;
}

body .ui-picklist.tassisPickList .ui-picklist-buttons .ui-button.ui-button-icon-only {
    width: 36px !important;
    height: 36px !important;
    margin-top: 5px;
    background: #575757;
}

body .ui-tooltip .ui-tooltip-text {
    color: #575757 !important;
    font-family: Roboto !important;
    font-size: 12px;
    border-radius: 20px;
}

body .ui-button.ui-state-focus {
    background: #EEB93B;
}

body .ui-growl > .ui-growl-item-container.ui-growl-info {
    background-color: #12A84B;
    /*    background-color: #eeeeee;
        border: 4px solid #12a84b;
        color: #575757 !important;*/
    border-radius: 25px;
}

body .ui-growl > .ui-growl-item-container.ui-growl-warn {
    background-color: #EEB93B;
    /*background-color: #eeeeee;
    border: 4px solid #EEB93B;
    color: #575757 !important;*/
    border-radius: 25px;
}

body .ui-growl > .ui-growl-item-container.ui-growl-error {
    background-color: #E64B27;
    /*    background-color: #eeeeee;
        border: 4px solid #E64B27;
        color: #575757 !important;*/
    border-radius: 25px;
}

/*body .ui-growl > .ui-growl-item-container .ui-growl-icon-close, body .ui-growl > .ui-growl-item-container .ui-growl-image,
body .ui-growl > .ui-growl-item-container .ui-growl-message {
    color: #575757
}*/

.left-container-holidays {
    grid-area: leftContainer-holidays;
}

.middle-container-holidays {
    grid-area: middleContainer-holidays;
}

.right-container-holidays {
    grid-area: rightContainer-holidays;
}

.menuBarContainerHolidays {
    padding-top: 15px !important;
    display: grid;
    display: -ms-grid;
}

@media (min-width: 0px) {
    .menuBarContainerHolidays {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-template-areas: 'rightContainer-holidays' 'leftContainer-holidays' 'middleContainer-holidays'
    }

    .left-container-holidays {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        display: grid;
        display: -ms-grid;
        padding: 5px 0 5px 0;
    }

    .middle-container-holidays {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        display: grid;
        display: -ms-grid;
        padding: 5px 0 5px 0;
    }

    .right-container-holidays {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        display: grid;
        display: -ms-grid;
        padding: 5px 0 5px 0;
    }
}

@media (min-width: 945px) {

    .menuBarContainerHolidays {
        -ms-grid-columns: 35% 65%;
        grid-template-columns: 35% 65%;
        grid-template-areas: 'leftContainer-holidays rightContainer-holidays' 'middleContainer-holidays middleContainer-holidays'
    }

    .left-container-holidays {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        display: grid;
        display: -ms-grid;
        padding: 5px 0.5em 5px 0;

    }

    .middle-container-holidays {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
        display: grid;
        display: -ms-grid;
        padding: 5px 0 5px 0;
    }

    .right-container-holidays {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        display: grid;
        display: -ms-grid;
        padding: 5px 0 5px 0.5em;
    }
}


@media (min-width: 1455px) {

    .menuBarContainerHolidays {
        -ms-grid-columns: 15% 70% 15%;
        grid-template-columns: 15% 70% 15%;
        grid-template-areas: 'leftContainer-holidays middleContainer-holidays rightContainer-holidays';
    }

    .left-container-holidays {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        display: grid;
        display: -ms-grid;
        padding: 5px 0.5em 5px 0;
    }

    .middle-container-holidays {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
        display: grid;
        display: -ms-grid;
        padding: 5px 0.5em;
    }

    .right-container-holidays {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
        display: grid;
        display: -ms-grid;
        padding: 5px 0 5px 0.5em;
    }
}


.activeHolidayStrongColor {
    background: #13a84c !important;
    opacity: 1;
    color: white !important;
}

.pendingHolidayStrongColor {
    background: #6754a5 !important;
    opacity: 1;
    color: white !important;
}

.declinedHolidayStrongColor {
    background: #e54b27 !important;
    opacity: 1;
    color: white !important;
}

.futureHolidayStrongColor {
    background: #EEB93B !important;
    opacity: 1;
    color: white !important;
}

.finishedHolidayStrongColor {
    /*background: #b5b5b5 !important;*/
    background: #74B3EE !important;
    color: white !important;
    opacity: 1;
}

.deletedHolidayStrongColor {
    /*  background: #888888 !important;*/
    background: #F2A593 !important;
    color: white !important;
    opacity: 1;
}


body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link {
    color: #575757;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link.ui-state-hover {
    background: #EEB93B;
}


body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link > .fa-square {
    color: #e54b27;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link.ui-state-hover > .fa-square {
    color: #f9f9f9 !important;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link > .fa-check {
    color: #13a84c;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link.ui-state-hover > .fa-check {
    color: #f9f9f9 !important;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link > .fa-edit {
    color: #575757;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link.ui-state-hover > .fa-edit {
    color: #f9f9f9 !important;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link > .fa-remove {
    color: #e54b27;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link.ui-state-hover > .fa-remove {
    color: #f9f9f9 !important;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link > .fa-check-circle-o {
    color: #13a84c;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link.ui-state-hover > .fa-check-circle-o {
    color: #f9f9f9 !important;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link > .fa-times-circle-o {
    color: #e54b27;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link.ui-state-hover > .fa-times-circle-o {
    color: #f9f9f9 !important;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link > .fa-check-square-o {
    color: #13a84c;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link.ui-state-hover > .fa-check-square-o {
    color: #f9f9f9 !important;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link > .fa-stop {
    color: #e54b27;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link.ui-state-hover > .fa-stop {
    color: #f9f9f9 !important;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link > .fa-unlock-alt {
    color: #575757;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link.ui-state-hover > .fa-unlock-alt {
    color: #f9f9f9 !important;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link > .fa-sitemap {
    color: #575757;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link.ui-state-hover > .fa-sitemap {
    color: #f9f9f9 !important;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link > .fa-suitcase {
    color: #575757;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link.ui-state-hover > .fa-suitcase {
    color: #f9f9f9 !important;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link > .fa-group {
    color: #575757;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link.ui-state-hover > .fa-group {
    color: #f9f9f9 !important;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link > .fa-lock {
    color: #575757;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link.ui-state-hover > .fa-lock {
    color: #f9f9f9 !important;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link > .fa-close {
    color: #e54b27;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link.ui-state-hover > .fa-close {
    color: #f9f9f9 !important;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link > .fa-user {
    color: #13a84c;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link.ui-state-hover > .fa-user {
    color: #f9f9f9 !important;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link > .fa-ban {
    color: #e54b27;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link.ui-state-hover > .fa-ban {
    color: #f9f9f9 !important;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link > .fa-minus-circle {
    color: #e54b27;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link.ui-state-hover > .fa-minus-circle {
    color: #f9f9f9 !important;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link {
    color: #575757;
    font-size: 14px;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link.ui-state-hover {
    color: #f9f9f9 !important;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link.ui-state-hover > .fa-chevron-up {
    color: #f9f9f9 !important;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link > .fa-times {
    color: #575757;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link.ui-state-hover > .fa-times {
    color: #f9f9f9 !important;
}

.menuBarContainerSimple {
    padding-top: 20px !important;
    padding-bottom: 5px !important;
}

.left-container-half {
    grid-area: leftContainer-half;
}

.right-container-half {
    grid-area: rightContainer-half;
}

.menuBarContainerHalf {
    padding-top: 15px !important;
    display: grid;
    display: -ms-grid;
}

@media (min-width: 0px) {
    .menuBarContainerHalf {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-template-areas: 'leftContainer-half' 'rightContainer-half'
    }

    .left-container-half {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        display: grid;
        display: -ms-grid;
        padding: 5px 0 5px 0;
    }

    .right-container-half {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        display: grid;
        display: -ms-grid;
        padding: 5px 0 5px 0;
    }
}

@media (min-width: 945px) {

    .menuBarContainerHalf {
        -ms-grid-columns: 50% 50%;
        grid-template-columns: 50% 50%;
        grid-template-areas: 'leftContainer-half rightContainer-half'
    }

    .left-container-holidays {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        display: grid;
        display: -ms-grid;
        padding: 5px 0.5em 5px 0;

    }

    .right-container-holidays {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
        display: grid;
        display: -ms-grid;
        padding: 5px 0 5px 0.5em;
    }
}


@media (min-width: 1455px) {

    .menuBarContainerHalf {
        -ms-grid-columns: 50% 50%;
        grid-template-columns: 50% 50%;
        grid-template-areas: 'leftContainer-half rightContainer-half';
    }

    .left-container-half {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        display: grid;
        display: -ms-grid;
        padding: 5px 0.5em 5px 0;
    }

    .right-container-half {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
        display: grid;
        display: -ms-grid;
        padding: 5px 0 5px 0.5em;
    }
}

.ui-datagrid.ui-widget.smallPaddingDataGrid .ui-datagrid-content {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

body .ui-inputfield.ui-state-focus {
    border-width: 0 0 2px 0;
    border-color: #575757;
    padding-bottom: 1px;
}


.statisticsIconAvailable {
    background: #13a84c;
}

.statisticsIconBought {
    background: #EEB93B;
}

.statisticsIconUsed {
    background: #e54b27;;
}

.statisticsIconExpire {
    background: #6754a5;
}

.statisticsColorText {
    color: #888888;
}

.statisticsIconText {
    font-size: 30px;
    margin: 10px;
}

.statisticsCreditsTitle.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #575757 !important;
    font-family: Roboto;
    font-size: 30px !important;
}

body .ui-panel .ui-panel-titlebar {
    background: #eeeeee !important;
    color: #575757 !important;
}

body .ui-panel {
    border-radius: 25px !important;
    background: #f9f9f9 !important;
}


body .ui-datatable.borderless.dashboard_table_focus.tassisAdvancedFiltersTable tbody tr {
    background: #f8f8f8 !important;
}

.tassisSablonLinkGenerateActivity {
    text-align: center;
    color: #EEB93B;
    margin-right: 10px;
    margin-left: 10px
}

.tassisSablonLinkGenerateTemplate {
    text-align: center;
    color: #13a84c;
    margin-right: 10px;
    margin-left: 10px
}

.tassisSablonLinkHide {
    text-align: center;
    color: #575757;
    margin-right: 10px
}

body .ui-datatable.ui-datatable-scrollable thead tr th.pontaj-days-header {
    color: #575757 !important;
}


body .tassisSelectBoolean.ui-selectbooleanbutton {
    margin-top: 13px !important;
}

body .tassisSelectBoolean.ui-selectbooleanbutton .ui-button-text.ui-c {
    line-height: 35px !important;
}


body .ui-selectbooleanbutton.ui-state-active {
    background-color: #EEB93B;
    color: #f9f9f9;
}

body .ui-selectbooleanbutton.ui-state-active .ui-icon {
    color: #f9f9f9;
}


.profile_div {
    -webkit-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.1);
    background: #f9f9f9;
    border-radius: 25px;
}

.ui-panelgrid.showcase-text-align .ui-panelgrid-content.ui-widget-content {
    background: #eeeeee;
    border-color: #eeeeee;
    border-radius: 25px;
}

body .ui-fileupload .ui-fileupload-buttonbar .ui-button {
    background: #888888 !important;
    color: #f9f9f9 !important;
    border-radius: 25px;
    width: 165px;
    margin-top: 3px;
    margin-bottom: 3px;
}

body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-hover {
    background: #EEB93B !important;
}

body .ui-fileupload .ui-fileupload-buttonbar .ui-button .ui-icon {
    color: #f9f9f9 !important;
}

body .ui-fileupload-choose > .ui-button-text {
    padding-top: 0 !important;
}

body .ui-fileupload-row {
    display: block !important;
}

body .ui-fileupload.ui-widget.ui-fileupload-responsive .ui-fileupload-content.ui-widget-content.ui-corner-bottom {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

body .ui-fileupload.ui-widget.ui-fileupload-responsive .ui-fileupload-files {
    margin: 0 !important;
    /*    border: 0 !important;*/

}

body button.ui-fileupload-cancel.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only {
    background: #888888;
    width: 20px;
    height: 25px;
}

body button.ui-fileupload-cancel.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-state-hover {
    background: #EEB93B !important;
}

body .uploadExcelTableExample.ui-datatable .ui-widget-content.ui-datatable-even td {
    border: 0.5px solid #d8d8d8;
}


body .tassisTabView.ui-tabs .ui-tabs-nav > li.ui-state-active a {
    color: #575757;

}

body .tassisTabView.ui-tabs .ui-tabs-nav > li.ui-state-active {
    border-color: #EEB93B;
    background: #EEB93B;
}

body .tassisTabView.ui-tabs .ui-tabs-panel {
    padding: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body .ui-tabs.ui-tabs-top > .ui-tabs-nav > li {
    background: #eeeeee;
    border-color: #eeeeee;
}

body .tassisWizard.ui-wizard {
}


.tassisNewsDataView.ui-dataview.ui-widget.ui-dataview-list .ui-dataview-header {
    display: none !important;
}

.tassisNewsDataView.ui-datascroller .ui-datascroller-content.ui-widget-content,
.tassisNewsDataView.ui-dataview.ui-widget.ui-dataview-list .ui-dataview-content.ui-widget-content {
    border: none;
    background: none;
    margin: 0;
    padding: 0;
}

.tassisNewsDataView.ui-datascroller .ui-datascroller-content .ui-datascroller-item,
.tassisNewsDataView.ui-dataview.ui-widget.ui-dataview-list .ui-dataview-list-container .ui-dataview-row {
    background: #f9f9f9;
    border: none;
    border-radius: 0 25px 25px 25px;
    margin-bottom: 15px;
    padding: 10px
}

.news-left-item .news-image {
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
}

.news-left-item .news-left-info {
    display: inline-block;
    vertical-align: middle;
    max-width: 130px;
    text-align: left;
}

.news-left-item .news-left-info .news-name {
    font-size: 16px;
    font-family: Roboto;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    display: block;
    color: #575757;
}

.news-left-item .news-left-info .news-date {

    font-size: 12px;
    color: #888888;
}

.newsUserImage {
    height: 60px !important;
    width: 60px !important;
    margin: 0;
    border-radius: 50%;
    border: 3px solid #EEB93B;
    object-fit: cover;
}

.middleSideDataView, .leftSideDataView, .rightSideDataView {
    vertical-align: top
}

@media (min-width: 0px) {
    .leftSideDataView, .middleSideDataView, .rightSideDataView {
        display: block
    }

    .leftSideDataView {
        width: 100%;
        text-align: center;
    }

    .middleSideDataView {
        width: 100%;
    }

    .rightSideDataView {
        width: 100%;
        text-align: right;
    }


}

@media (min-width: 945px) {
    .leftSideDataView {
        width: 35%;
        text-align: center;
    }

    .middleSideDataView {
        width: 60%;
    }

    .rightSideDataView {
        text-align: center;
        width: 5%;
    }

    .leftSideDataView, .middleSideDataView, .rightSideDataView {
        display: table-cell
    }
}

@media (min-width: 1455px) {
    .leftSideDataView, .middleSideDataView, .rightSideDataView {
        display: table-cell
    }

    .leftSideDataView {
        width: 25%;
        text-align: center;
    }

    .middleSideDataView {
        width: 70%;
    }

    .rightSideDataView {
        text-align: center;
        width: 5%;
    }

}


.leftSideDataView table {
    margin: auto
}

/*
.rightSideDataView {
    text-align: center;
}
*/

.tassisDatePickerMultipleDates {
    margin: 0px !important;
    min-width: auto !important;
    padding:7px!important
}
/*
.tassisDatePickerNoNavigation .ui-datepicker-prev, .tassisDatePickerNoNavigation .ui-datepicker-next {
    display: none !important;
}
*/

.tassisDatePickerMultipleDates .ui-datepicker-group.ui-widget-content {
    /*border: none !important;*/
    margin: 3px !important;
    border: 1px solid #f9f9f9!important;
}

body .tassisCalendarNoBorder .ui-inputfield.hasDatepicker {
    border: none !important;
    font-size: 15px !important;
}

body .ui-calendar.tassisCalendarNoBorder {
    line-height: 22px;
}

.inline-div-filter-statistics {
    display: inline-block;
    /*  margin-left: 5px;*/
    margin-right: 15px;
    text-align: center;
}

body .filter-text-statistics.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    font-size: 13px !important;
    color: #575757 !important;
    margin-left: 5px;
}

.tassisDialogGrey.ui-button {
    background: #888888 !important;
}

.tassisStatisticsPanel.ui-panel.ui-widget {

    -webkit-box-shadow: 0px 0px 35px 5px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 0px 35px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 35px 5px rgba(0, 0, 0, 0.05);
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.report_steps {
    color: #888888;
    background-color: #f9f9f9;
    border: 2px solid #888888;
    font-size: 25px;
    font-weight: bold;
    line-height: 40px;
}

.report_steps_text {
    bottom: 0;
    margin-left: 10px;
    color: #575757
}

.configuration-steps-checkmark {
    color: #12a84b;
    font-size: 55px;
    vertical-align: middle;
}

.configuration-steps-checkmark-disabled {
    color: gray;
    font-size: 55px;
    vertical-align: middle;
}

body .report_steps .disabled.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #e8e8e8 !important;
    font-size: 25px !important;
    font-weight: bold !important;
    line-height: 40px !important;
}

body .report_steps .active.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #888888 !important;
    font-size: 25px !important;
    font-weight: bold !important;
    line-height: 40px !important;
}

body .report_steps_text .disabled.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #e8e8e8 !important;
    font-size: 25px !important;
}

body .report_steps_text .active.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #575757 !important;
    font-size: 25px !important
}


@media (min-width: 0px) {
    .statisticsDropdownLine {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }

}

@media (min-width: 945px) {
    .statisticsDropdownLine {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }
}

@media (min-width: 1455px) {
    .statisticsDropdownLine {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

}


/*body .ui-selectcheckboxmenu-panel.tassisCheckboxMenuPanel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container {
    max-width: 90%;
    width: unset;
}*/

.employeeStatisticsTopbar {
    background: #eeeeee;
    text-align: center;
}

body .fc .fc-widget-header {
    background-color: #eeeeee !important;
    color: #888888;
    border: none;
}

.fc-bg .fc-today {
    background: #EEB93B !important;
}

.fc-head-container {
    background: #eeeeee !important;
}


.fc-day.ui-widget-content.fc-today.ui-state-highlight {
    background: #888888 !important;
    color: #f9f9f9 !important;
}

.fc-toolbar button {
    background: #888888 !important;
    color: #f9f9f9 !important;
}

body .fc .fc-right .ui-state-active {
    background: #888888 !important;
    color: #f9f9f9 !important;
}


@media (min-width: 0px) {


    .employeeStatistics1 {
        border-radius: 25px 25px 0 0;
    }

    .employeeStatistics2 {
        border-radius: 0;
    }

    .employeeStatistics3 {
        border-radius: 0;
    }

    .employeeStatistics4 {
        border-radius: 0 0 25px 25px;
    }

}

@media (min-width: 40.063em) {
    .employeeStatistics1 {
        border-radius: 25px 0 0 0;
    }

    .employeeStatistics2 {
        border-radius: 0 25px 0 0;
    }

    .employeeStatistics3 {
        border-radius: 0 0 0 25px;
    }

    .employeeStatistics4 {
        border-radius: 0 0 25px 0;
    }

}

@media (min-width: 64.063em) {
    .employeeStatistics1 {
        border-radius: 25px 0px 0px 25px;

    }

    .employeeStatistics2 {
        border-radius: 0;
    }

    .employeeStatistics3 {
        border-radius: 0;
    }

    .employeeStatistics4 {
        border-radius: 0 25px 25px 0
    }

}


.ui-organigram .ui-organigram-node {
    border-radius: 25px
}


.noScrollVisible .ui-datatable-scrollable-body {
    overflow: -moz-hidden-unscrollable;
}

body .ui-accordion .ui-accordion-header {
    color: #f8f8f8;
}

body .ui-accordion .ui-accordion-header.ui-state-hover,
body .ui-accordion .ui-accordion-header.ui-state-active,
body .ui-accordion .ui-accordion-header.ui-tabs-outline,
body .ui-accordion .ui-accordion-header.ui-state-active.ui-tabs-outline {
    background-color: #EEB93B;
    color: #f8f8f8;
}

.fc-dayGrid-view .fc-body .fc-row, .fc-row .fc-content-skeleton, .fc-row .fc-content-skeleton table, .fc-bg table {
    height: 60px !important;
    min-height: 60px !important;
}

.calendarHeight .fc-dayGrid-view .fc-body .fc-row, .fc-row .fc-content-skeleton, .fc-row .fc-content-skeleton table, .fc-bg table {
    height: 80px !important;
    min-height: 60px !important;
}

.noScrollDialog .ui-widget-content {
    overflow: hidden;
}

.fc-scroller.fc-day-grid-container {
    height: unset !important;
    overflow: unset !important;

}

.fc-bg td.fc-day {
    border: none
}

.fc-body .fc-widget-content {
    border: none
}

.fc-toolbar.fc-header-toolbar {
    border-radius: 25px;
    background: #f9f9f9;
    padding: 5px 10px;
}

.fc-bg .fc-disabled-day {
    background: #e8e8e8;
    opacity: 1;
    border: 5px solid #eeeeee !important;
}

.fc-bg .fc-past, .fc-bg .fc-today {
    background: #f9f9f9;
    border: 5px solid #eeeeee !important;
}

.fc td {
    vertical-align: bottom;
}

.fc-content .fc-title {
    font-size: 15px;
}

.fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {
    float: left;
    font-weight: bold;
    color: #888888;
    font-size: 20px;
}

.fc-toolbar .fc-button.fc-prev-button, .fc-toolbar .fc-button.fc-next-button {
    border-radius: 50%;
    width: 36px;
    padding: 0 5px
}

.fc-toolbar .fc-button .fc-icon {
    font-size: 15px;
    width: 20px;
    height: 18px
}

.fc-toolbar h2 {
    color: #575757
}

.fc-toolbar .fc-button.fc-today-button {
    border-radius: 25px;
    margin-right: 10px
}


.holidaysMonthName.p-datepicker .ui-inputfield {
    text-align: center;
    opacity: 1;
    color: #888888
}

body .holidaysMonthNavigator.ui-button.ui-button-icon-only {
    width: 30px;
    height: 30px;
}


.holidays-period-field {
    display: block;
}

.holidays-period-field .ui-chkbox {
    margin: 0;
}

.holidays-period-field .ui-chkbox .ui-chkbox-box {
    border-radius: 10px;
    background: #f9f9f9;
    border: none;
}

.holidays-period-field .ui-selectbooleancheckbox.ui-chkbox .ui-chkbox-box.ui-state-active {
    background-color: #888888;
    border-color: #888888;
}

.holidays-period-field .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon {
    /* color: transparent;*/
    text-align: center;
    font-size: 12px;
    margin-top: 4px;
}

.holidayLegendFirstLetter.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    font-size: 12px !important;
    font-weight: bold !important;
    color: #888888 !important;
}

.deleteNewsStyle {
    text-align: center;
    color: #575757;
}

.holidayLegendMeaning.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    font-size: 12px !important;
    color: #888888 !important;
    margin-right: 5px;
}


.ui-button.tassis-buttons-circle-small {
    background: #888888;
    color: #f9f9f9; /*-- Change Text Color of the Button --*/
    width: 30px;
    height: 30px;
    margin: 0px 6px;
    display: inline-block;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    cursor: pointer;
    box-shadow: none !important;
}

.ui-button.ui-button-icon-only.tassis-buttons-circle-small {
    width: 30px;
    height: 30px;
}

.ui-button.tassis-buttons-circle-small.ui-state-hover {
    background-color: #EEB93B !important;
    color: #f9f9f9 !important;
    -webkit-transition: all 0.3s !important;
    -moz-transition: all 0.3s !important;
    -o-transition: all 0.3s !important;
    transition: all 0.3s !important;
}

.ui-button.tassis-buttons-circle-small.ui-state-focus {
    background-color: #EEB93B !important;
    color: #f9f9f9 !important;
    -webkit-transition: all 0.3s !important;
    -moz-transition: all 0.3s !important;
    -o-transition: all 0.3s !important;
    transition: all 0.3s !important;
}

.ui-button.tassis-buttons-circle-small .ui-button-text {
    font-size: 13px;
    width: 100%;
    text-align: center;
    margin: 0;
    font-family: Roboto !important;
}

.ui-button.ui-button-icon-only.tassis-buttons-circle-small .ui-icon {
    font-size: 18px;
    margin-top: -9px;
    margin-left: -10px;
}


.ui-button.tassis-buttons-circle-small.ui-state-disabled {
    background: #b5b5b5;
    color: #575757;
}

.tassisSablonTable.ui-datatable .ui-widget-header.ui-datatable-scrollable-header,
.tassisSablonTable.ui-datatable .ui-datatable-scrollable-body {
    width: 100% !important;
    box-shadow: none !important;
}

.tassisSablonTable.ui-datatable.ui-datatable-scrollable .ui-datatable-scrollable-header-box, .tassisSablonTable.ui-datatable.ui-datatable-scrollable thead, .tassisSablonTable.ui-datatable thead th {
    background: #eeeeee;
}

.tassisSablonTable.ui-datatable.ui-datatable-scrollable thead tr th {
    background-color: #eeeeee;
    color: #888888;
    border-right: 3px;
    border-color: #f9f9f9;
    border-style: solid;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.tassisSablonTable.ui-datatable .ui-datatable-scrollable-body tbody tr {
    border-top: 10px solid #f9f9f9;
    background-color: #eeeeee;
}

/**/

.tassisSablonInsideTable.ui-datatable .ui-widget-header.ui-datatable-scrollable-header,
.tassisSablonInsideTable.ui-datatable .ui-datatable-scrollable-body {
    width: 100% !important;
    box-shadow: none !important;
}

.tassisSablonInsideTable.ui-datatable.ui-datatable-scrollable .ui-datatable-scrollable-header-box,
.tassisSablonInsideTable.ui-datatable.ui-datatable-scrollable thead, .tassisSablonTable.ui-datatable thead th {
    background: #eeeeee;
}

.tassisSablonInsideTable.ui-datatable.ui-datatable-scrollable thead tr th {
    background-color: #eeeeee;
    color: #888888;
    border-right: 3px;
    border-color: #f9f9f9;
    border-style: solid;
}

.tassisSablonInsideTable.ui-datatable .ui-datatable-tablewrapper thead tr,
.tassisSablonInsideTable.ui-datatable .ui-datatable-tablewrapper tbody tr {
    border-top: 0 !important;
    background-color: #f9f9f9;
}


th.pontaj-columns-name {
    padding-top: 0px !important;
    text-align: center !important;
    vertical-align: middle;
    width: 100px;
}

.tassisSablonTable.ui-datatable .ui-datatable-scrollable-body td.pontaj-columns-name {
    text-align: center !important;
    vertical-align: top;
    width: 100px;
    padding: 3px !important;
}

.tassisSablonTable.ui-datatable .ui-datatable-scrollable-body td.pontaj-columns-name tr {
    background: #f9f9f9;
    border: none !important;
}

.tassisSablonTable.ui-datatable .ui-datatable-scrollable-body td.pontaj-columns-name tr td {
    padding: 0 !important;
}

.tassisSablonInsideTable.ui-datatable .ui-datatable-tablewrapper thead tr {
    border-bottom: 3px solid #eeeeee !important;
    border-top: 3px solid #eeeeee !important;
}

.tassisSablonInsideTable tr th.pontaj-days-header {
    border: none !important;
    background: #f9f9f9 !important;
}

.tassisSablonInsideTable.ui-datatable .ui-datatable-tablewrapper tbody tr td {
    padding-bottom: 0 !important;
    padding-top: 0px !important;
    border-right: 1px;
    border-style: solid;
    border-color: #eeeeee;
}

.tassisSablonInsideTable.ui-datatable .ui-datatable-tablewrapper .pontaj-details tbody tr td {
    border-bottom: 2px solid #eeeeee;
}


body .ui-inputtext.ui-inputfield.dayOffField {
    background: #99ccff !important;
}

body .ui-inputtext.ui-inputfield.delegationField {
    background: #EEB93B !important;
}

body .ui-inputtext.ui-inputfield.holidayRestField {
    background: #76c600 !important;
}

body .ui-inputtext.ui-inputfield.childField {
    background: #09b8a4 !important;
}

body .ui-inputtext.ui-inputfield.quarantineField {
    background: #c92b43 !important;
}

body .ui-inputtext.ui-inputfield.vaccinationField {
    background: #500a14 !important;
}

body .ui-inputtext.ui-inputfield.selfCensionField {
    background: #0833bb !important;
    color: #eeeeee !important;
}

body .ui-inputtext.ui-inputfield.bloodDonationField {
    background: #86626e !important;
    color: #eeeeee !important;
}

body .ui-inputtext.ui-inputfield.paidDayOffField {
    background: #24c466 !important;
    color: #eeeeee !important;
}

body .ui-inputtext.ui-inputfield.studyDayOffField {
    background: #f1bf98 !important;
    color: #eeeeee !important;
}

body .ui-inputtext.ui-inputfield.maternityField {
    background: #c040ce !important;
}

body .ui-inputtext.ui-inputfield.nonPresenceField {
    background: #a7a0a7 !important;
}

.holidayRestLegend.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #76c600 !important;
}

.quarantineLegend.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #c92b43 !important;
}

.maternityLegend.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #b92bc9 !important;
}

.vaccinationLegend.ui-widget.ui-widget.ui-outputlabel.ui-widget {
     color: #500a14 !important;
 }

.selfCensionLegend.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #0833bb !important;
}

.bloodDonationLegend.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #86626e !important;
}

.paidDayOffLegend.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #24c466 !important;
}

.studyDayOffLegend.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #f1bf98 !important;
}

.childLegend.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #0a9282 !important;
}

.dayOffLegend.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #99ccff !important;
}

.delegationLegend.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #EEB93B !important;
}

body .ui-inputtext.ui-inputfield.inputDetails.ui-state-error {
    border-width: 3px !important;
    background: #fcabab !important;
}


body .ui-inputtext.ui-inputfield.inputDetails {
    font-size: 12px !important;
    border: 0;
    width: 35px;
    text-align: center;
    color: #575757
}

body .ui-inputtext.ui-inputfield.inputDetails.ui-state-focus {
    border-bottom: 2px solid #888888;
    padding-bottom: 0 !important;
}

.tassisSablonTableLegend.ui-panelgrid tbody tr.ui-widget-content {
    border: none !important;
    background: #f9f9f9 !important;
    font-size: 11px !important;
}

.tassisSablonTableLegend.ui-panelgrid {
    border-right: 3px solid #eeeeee;
    background: #f9f9f9;
    color: #888888;
    font-size: 11px !important;
}


.tassisSablonTableLegend.ui-panelgrid tbody tr td {
    padding: 8px 14px !important;
}


th.pontaj-columns-name {
    padding-top: 0px !important;
    text-align: center !important;
    vertical-align: middle;
}

.tassisSablonTable.ui-datatable .ui-datatable-scrollable-body td.pontaj-columns-legend {
    text-align: center !important;
    vertical-align: middle;
    padding-top: 23px !important;
}

.tassisSablonDetailsPanel.ui-panelgrid tbody tr td {
    text-align: center;
    color: #575757;
    font-size: 16px;
    font-weight: bold;
}


/**/

.ui-button.tassis-buttons-circle-extra-small {
    background: #888888;
    color: #f9f9f9; /*-- Change Text Color of the Button --*/
    width: 23px;
    height: 23px;
    margin: 0px 7px;
    display: inline-block;
    border-radius: 23px;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    -o-border-radius: 23px;
    cursor: pointer;
    box-shadow: none !important;
    padding: 0 !important;
}

.ui-button.ui-button-icon-only.tassis-buttons-circle-extra-small {
    width: 23px;
    height: 23px;
}

.ui-button.tassis-buttons-circle-extra-small.ui-state-hover {
    background-color: #EEB93B !important;
    color: #f9f9f9 !important;
    -webkit-transition: all 0.3s !important;
    -moz-transition: all 0.3s !important;
    -o-transition: all 0.3s !important;
    transition: all 0.3s !important;
}

.ui-button.tassis-buttons-circle-extra-small.ui-state-focus {
    background-color: #EEB93B !important;
    color: #f9f9f9 !important;
    -webkit-transition: all 0.3s !important;
    -moz-transition: all 0.3s !important;
    -o-transition: all 0.3s !important;
    transition: all 0.3s !important;
}

.ui-button.tassis-buttons-circle-extra-small .ui-button-text {
    font-size: 12px;
    width: 100%;
    text-align: center;
    margin: 0;
    font-family: Roboto !important;
}

.ui-button.ui-button-icon-only.tassis-buttons-circle-extra-small .ui-icon {
    font-size: 12px;
    margin-top: -7px;
    margin-left: -10px;
}

.ui-button.tassis-buttons-circle-extra-small.ui-state-disabled {
    background: #b5b5b5;
    color: #575757;
}

.ui-panel.tassisThinPanel .ui-panel-content {
    padding: 0;
    margin: 0;
}

.tassisPanelEmpty.ui-panel {
    border: 0;

}

.ui-panel.tassisThinPanel .ui-panel-content .ui-progressbar {
    padding: 0;
    margin: 0;
}

.ui-panel.tassisThinPanel .ui-panel-content .ui-progressbar .ui-progressbar-value {
    background: #888888;
}


body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover, body .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover {
    background-color: #888888;
    color: #f9f9f9;
}

body .p-datepicker-panel.ui-datepicker-monthpicker .ui-monthpicker .ui-monthpicker-month {
    color: #575757;
}

body .p-datepicker-panel.ui-datepicker-monthpicker .ui-monthpicker .ui-monthpicker-month.ui-state-active {
    background: #EEB93B;
    color: #575757;
}


/**/


.ui-button.tassis-buttons-info {
    /*background: #888888;
    color: #f9f9f9; */
    width: 20px;
    height: 20px;
    margin: 0px;
    display: inline-block;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    cursor: pointer;
    float: none !important;
}

.ui-button.ui-button-icon-only.tassis-buttons-info {
    width: 20px;
    height: 20px;
}

.ui-button.tassis-buttons-info.ui-state-hover {
    /*  background-color: #eeeeee !important;
      color: #888888 !important;*/
    -webkit-transition: all 0.3s !important;
    -moz-transition: all 0.3s !important;
    -o-transition: all 0.3s !important;
    transition: all 0.3s !important;
}

.ui-button.tassis-buttons-info.ui-state-focus {
    /*   background-color: #eeeeee ;
       color: #888888 !important;*/
    -webkit-transition: all 0.3s !important;
    -moz-transition: all 0.3s !important;
    -o-transition: all 0.3s !important;
    transition: all 0.3s !important;
}

.ui-button.tassis-buttons-info .ui-button-text {
    font-size: 10px;
    width: 100%;
    text-align: center;
    margin: 0;
    color: #888888;
}

.ui-button.ui-button-icon-only.tassis-buttons-info .ui-icon {
    font-size: 9px;
    margin-top: -3px;
    margin-left: -10px;
    color: #f9f9f9;
}

.ui-button.ui-button-icon-only.tassis-buttons-info.ui-state-focus .ui-icon,
.ui-button.ui-button-icon-only.tassis-buttons-info.ui-state-hover .ui-icon {
    color: #f9f9f9;
}

.tassisPanelEmpty.ui-panel .ui-panel-content {
    padding: 0;
    margin: 0;
}

.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.ui-wizard-nav-next {
    border-radius: 25px !important;
    background-color: #888888 !important;
}

.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.ui-wizard-nav-back {
    border-radius: 25px !important;
    background-color: #888888 !important;
}

body .ui-wizard .ui-wizard-step-titles {
    background-color: #888888 !important;
}

.ui-datatable tbody td.statusColumn {
    padding-left: 5px !important;
    font-size: 14px !important;
}

/**/


.shepherd-button.cancelBtnShepherd {
    /* background: #cbcbcb;*/
    color: #575757;
    border-right: 4px solid #575757;
    border-radius: 0 0 0 20px;
}

.shepherd-button {
    background: #EEB93B;
    border-top: solid 4px #575757;
    border-radius: 0;
    color: #575757;
    display: flex;
    flex-grow: 1;
    font-family: Roboto;
    font-size: 1rem;
    justify-content: center;
    margin: 0;
    padding: 1rem;
    text-align: center;
    text-transform: uppercase;
    outline: none !important;
}

.shepherd-button:not(:disabled):hover {
    background: #d7d7d7;
    color: #575757
}

.shepherd-button.nextBtn {
    border-radius: 0 0 20px 20px;
}

.shepherd-button.nextBtn.twoButtons {
    border-radius: 0 0 20px 0;
}

.shepherd-element {
    border: solid 4px #575757;
    max-width: 950px !important;
    border-radius: 25px;
    background: #f9f9f9;
}

.shepherd-arrow:before {
    background: #f9f9f9;
    /* border: 3px solid #575757;*/
}

.shepherd-text {
    font-size: 1rem !important;
    padding: 0 1rem 1rem 1rem !important;
    text-align: center;
    font-family: 'Roboto' !important;
}

.shepherd-footer {
    padding: 0 !important;
    border-radius: 25px;
}

.shepherd-cancel-icon {
    font-size: 1.5em;
}

.shepherd-header {
    padding: 0 0.5em;
}

.ui-float-label > label.ui-outputlabel.ui-widget {
    top: -.75em;
}

.tassisSelectOneMenuPanel.ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table {
    margin: 0;
    border: 0;
    background: transparent;
    background-color: transparent;
}

.tassisSelectOneMenuPanel.ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table tbody,
.tassisSelectOneMenuPanel.ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table tbody tr,
.tassisSelectOneMenuPanel.ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table tbody tr td {
    border: 0 !important;
    background: transparent;
    background-color: transparent;
    color: #575757;
}

.tassisSelectOneMenuPanel.ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table tbody tr td {
    padding-top: 10px;
    padding-bottom: 10px;
}

.tassisSelectOneMenuPanel.ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table tbody tr.ui-state-highlight {
    background-color: #d8d8d8;
    color: #575757;
    font-weight: bold !important;
}


.ui-state-default.ui-resizable-column.noFilterColumn .ui-column-title {
    color: #575757 !important;
    font-weight: normal;
}


.approved_payment {
    background: #13a84c;
    color: #f9f9f9
}

.pending_payment {
    background: #EEB93B;
}

.failed_payment {
    background: #e54b27;
    color: #f9f9f9
}

.subscription_active, .status_active {
    color: #13a84c !important;
}

.subscription_pending {
    color: #6754a5;
}

.subscription_expired, .status_deleted {
    color: #e54b27 !important;
}

.status_inactive {
    color: #888888;
}


.pontajDetailsFieldName.ui-widget.ui-widget.ui-outputlabel.ui-widget, .projectDashboardFieldName.ui-widget.ui-widget.ui-outputlabel.ui-widget, .holidayDetailsFieldName.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #888888;
    font-family: Roboto;
    font-size: 12px !important;
    font-weight: bold !important;
}

.pontajDetailsFieldValue.ui-widget.ui-widget.ui-outputlabel.ui-widget, .projectDashboardFieldValue.ui-widget.ui-widget.ui-outputlabel.ui-widget, .holidayDetailsFieldValue.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #575757;
    font-family: Roboto;
    font-size: 14px !important;
}

.pontajDetailsDiv, .projectDashboardDiv, .holidayDashboardDiv {
    /* background: #eeeeee;*/
    /* border-left: 4px solid #eeeeee;*/
    /*
        border-bottom: 2px solid #eeeeee;*/
    height: 55px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


.userDetailsGroupDiv {
    padding: 0 !important;
}

.userDetailsDiv {
    /* background: #eeeeee;*/
    /* border-left: 4px solid #eeeeee;*/
    /*
        border-bottom: 2px solid #eeeeee;*/
    min-height: 55px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


.pontajDetailsDivApproved .pontajDetailsFieldValue.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    /* background: #EEB93B;*/
    /* border-left: 4px solid #EEB93B;*/
    /*
        border-bottom: 2px solid #EEB93B;*/
    /* height: 55px;*/
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: #EEB93B;
}

.pontajDetailsDivPending .pontajDetailsFieldValue.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    /* background: #6754a5;*/
    /*    border-left: 4px solid #6754a5;*/
    /*
        border-bottom: 2px solid #6754a5;*/
    /*height: 55px;*/
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: #6754a5;
}

.pontajDetailsDivProgress .pontajDetailsFieldValue.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    /* background: #13a84c;*/
    /*   border-left: 4px solid #13a84c;*/
    /*
        border-bottom: 2px solid #13a84c;*/
    /* height: 55px;*/
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: #13a84c;
}

.pontajDetailsDivDeclined .pontajDetailsFieldValue.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    /*    background: #e54b27;*/
    /*    border-left: 4px solid #e54b27;*/
    /*
        border-bottom: 2px solid #e54b27;*/

    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: #e54b27;
}

.pontajDetailsDivDeclined, .pontajDetailsDivProgress, .pontajDetailsDivPending, .pontajDetailsDivApproved {
    height: 55px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.holidayDetailsDivDeleted, .holidayDetailsDivPending, .holidayDetailsDivDeclined, .holidayDetailsDivFuture, .holidayDetailsDivActive, .holidayDetailsDivFinished {
    height: 55px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.holidayDetailsDivDeleted .holidayDetailsFieldValue.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: #F2A593 !important;
}

.holidayDetailsDivPending .holidayDetailsFieldValue.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: #6754a5 !important;
}

.holidayDetailsDivDeclined .holidayDetailsFieldValue.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: #e54b27 !important;
}

.holidayDetailsDivFuture .holidayDetailsFieldValue.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: #EEB93B !important;
}

.holidayDetailsDivActive .holidayDetailsFieldValue.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: #13a84c !important;
}

.holidayDetailsDivFinished .holidayDetailsFieldValue.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: #74B3EE !important;
}


.pontajDetailsDivStart {
    /* background: #EEB93B;*/
    /*   border-left: 4px solid #13a84c;*/
    /* border-bottom: 2px solid #EEB93B;*/
    height: 55px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.pontajDetailsDivStop {
    /* background: #EEB93B;*/
    /*  border-left: 4px solid #e54b27;*/
    /* border-bottom: 2px solid #EEB93B;*/
    height: 55px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


.pontajDetailsPhotosDiv {
    /*  background: #eeeeee;*/
    /* border-left: 4px solid #eeeeee;*/
    /*
        border-bottom: 2px solid #eeeeee;*/
    height: 231px;
}


body .tassisOverlayPanelComments.ui-overlaypanel {
    -webkit-box-shadow: 5px 0px 30px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 5px 0px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 5px 0px 30px 0px rgba(0, 0, 0, 0.1);
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
}

.tassisOverlayPanelComments.ui-overlaypanel .ui-overlaypanel-close.ui-state-default {
    background: #eeeeee;
    color: #575757;
}

.tassisOverlayPanelComments.ui-overlaypanel .ui-overlaypanel-close.ui-state-default.ui-state-hover {
    background: #888888;
    color: #f9f9f9;
}

.pontajDetailsValueDiv {
    padding-right: 0 !important;
    padding-left: 0 !important;
    padding-top: 5px !important;
}

body .tassisPanelComments.ui-inputfield.ui-inputtextarea.ui-widget.ui-state-default.ui-corner-all.ui-inputtextarea-resizable {
    text-align: left;
    font-family: Roboto !important;
    width: 100% !important;
    color: #565656 !important;
    font-size: 14px !important;
    background: #eeeeee !important;
    min-height: 42px !important;
    padding: 5px 20px !important;
    border: 1px solid #eeeeee !important;
    outline: 0 none;
    display: inline-block;
    cursor: text;
    border-width: 2px !important;
    border-radius: 25px !important;

}

.pontajDetailsPhotoSmall {
    height: 70px;
    width: 70px;
    object-fit: cover;
    border: 4px solid #eeeeee;
    margin-right: 7px;
}

.ui-galleria-frame-content img {
    height: 40px;
    width: 40px;
    object-fit: cover;
}

.no-margin-padding-dialog-all .ui-dialog-content.ui-widget-content {
    margin: 0 !important;
    padding: 0 !important;
}

.doubleListDialog .ui-dialog-content.ui-widget-content {
    width: 800px;
}

.doubleListDialogTooltipText {
    color: #575757 !important;
    font-family: Roboto !important;
    font-size: 12px!important;
    border-radius: 20px!important;
}


.pontajDetailsPhotoBagde {
    position: absolute;
    right: 5px;
    top: -5px;
    background-color: #EEB93B;
    color: #575757;
    padding: 4px 6px;
    display: block;
    font-size: 12px;
    line-height: 12px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.subscriptionTitle.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    font-size: 20px !important;
    font-family: Roboto !important;
    color: #888888;
}

.subscriptionType.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    font-size: 30px !important;
    font-family: Roboto !important;
    color: #575757;
    font-weight: bold !important;
}

.subscriptionLabel.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    font-size: 16px !important;
    font-family: Roboto !important;
    color: #888888;
}

@media (min-width: 0px) {
    .subscriptionLabel{
        text-align: center;
    }
    .subscriptionValue{
        text-align: center;
    }
}

@media (min-width: 750px) {
    .subscriptionLabel{
        text-align: left;
    }
    .subscriptionValue{
        text-align: left;
    }
}

@media (min-width: 1350px) {
    .subscriptionLabel{
        text-align: left;
    }
    .subscriptionValue{
        text-align: left;
    }

}

.subscriptionValue.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    font-size: 16px !important;
    font-family: Roboto !important;
    color: #575757;
    font-weight: bold !important;
}

.expiredSubscription {
    color: #e54b27 !important;
}

.expireSoonSubscription {
    color: #EEB93B !important;
}

.subscriptionPanelFlex{
    padding-top:25px;
    padding-bottom: 25px;
    display: flex;
}

@media (min-width: 0px) {

    .subscriptionPanelFlex{
        flex-direction: column;
    }

    .subscriptionPanelFlexLeft{
        flex: 100%;
        justify-content: center;
    }

    .subscriptionPanelFlexRight{
        flex: 100%;
        justify-content: center;
    }

    body .ui-panelgrid.dashboardPanelGridUserInfo .ui-panelgrid-cell.subscriptionPanel{
        justify-content: center;
    }

    .subscriptionPanelBuyDialog{
        overflow-y: auto;
        max-height: 550px;
        max-width: 300px;
        min-width: 200px;
    }

    .tassisDialogPanelOneColumnHeight {
        min-width: 100px;
        height: 70px
    }

    .tassisDialogPaymentPanelColumnRight {
        min-width: 100px;
    }

    .tassisDialogPaymentDivMinWidth {
        min-width: 300px
    }
}

@media (min-width: 750px) {

    .subscriptionPanelFlex{
        flex-direction: row;
    }

    .subscriptionPanelFlexLeft{
        flex: 50%;
        border-right: 2px solid #d5d5d5;
    }

    .subscriptionPanelFlexRight{
        flex: 50%;
    }

    body .ui-panelgrid.dashboardPanelGridUserInfo .ui-panelgrid-cell.subscriptionPanel{
        justify-content: normal;
    }

    .subscriptionPanelBuyDialog{
        overflow-y: auto;
        max-height: 900px;
        max-width: 700px;
        min-width: 300px;
    }

    .tassisDialogPanelOneColumnHeight {
        min-width: 200px;
        height: 70px
    }

    .tassisDialogPaymentPanelColumnRight {
        min-width: 200px;
    }

    .tassisDialogPaymentDivMinWidth {
        min-width: 500px
    }


}


@media (min-width: 1350px) {

    .subscriptionPanelFlex {
        flex-direction: row;
    }

    .subscriptionPanelFlexLeft {
        border-right: 2px solid #d5d5d5;
        flex: 50%;
    }

    .subscriptionPanelFlexRight {
        flex: 50%;
    }

    body .ui-panelgrid.dashboardPanelGridUserInfo .ui-panelgrid-cell.subscriptionPanel {
        justify-content: normal;
    }

    .subscriptionPanelBuyDialog {
        overflow-y: auto;
        max-height: 900px;
        max-width: 1400px;
        min-width: 1050px;
    }

    .tassisDialogPanelOneColumnHeight {
        min-width: 400px;
        height: 70px
    }

    .tassisDialogPaymentPanelColumnRight {
        min-width: 400px;
    }

    .tassisDialogPaymentDivMinWidth {
        min-width: 500px
    }

}


body .ui-panelgrid.dashboardPanelGridUserInfo .ui-panelgrid-cell.subscriptionPanel {
    padding: 8px 14px !important;
    display: flex;
}




body .tassisLinkGreyBig.ui-commandlink.ui-widget, body .tassisLinkGrey.ui-commandlink.ui-widget > span {
    cursor: pointer;
    color: #888888;
    font-family: Roboto !important;
    font-size: 22px !important;
}


.exceeded_users.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #e54b27 !important;
    font-weight: bold !important;
}

.fix_users.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #EEB93B !important;
}

.subscription_info_btn {
    background-color: #888888 !important;
    background: #888888 !important;
    color: #f8f8f8;
}

body .tassisOverlayPanelUploadUsers.ui-overlaypanel {
    -webkit-box-shadow: 5px 0px 30px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 5px 0px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 5px 0px 30px 0px rgba(0, 0, 0, 0.1);
    margin-top: 50px !important;
    margin-bottom: 0 !important;
    border-top-left-radius: 25px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    max-width: 850px !important;
}

body .tassisOverlayPanelUploadTasks.ui-overlaypanel {
    -webkit-box-shadow: 5px 0px 30px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 5px 0px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 5px 0px 30px 0px rgba(0, 0, 0, 0.1);
    margin-top: 50px !important;
    margin-bottom: 0 !important;
    border-top-left-radius: 25px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    max-width: 880px !important;
}

.tooltipOver.ui-tooltip.ui-widget {
    z-index: 1050 !important;
}

.minWidth550 {
    min-width: 550px;
}

.employeeDashboardTooltip {
    border-radius: 25px;
    padding: 5px;
}

.fc.fc-ltr.fc-unthemed .ui-tooltip.ui-widget.ui-widget-content {
    margin-top: 0px !important;
}

.pontajDetailsTitle.ui-widget.ui-widget.ui-outputlabel.ui-widget, .projectDashboardTitle.ui-widget.ui-widget.ui-outputlabel.ui-widget, .holidayDetailsTitle.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #575757 !important;
    font-weight: bold !important;
    font-family: Roboto;
    font-size: 20px !important;
}

.pontajDetailsCommentsValueDiv {
    background: #f3f3f3;
    border-radius: 25px;
    padding: 5px 15px !important;
    height: 60px;
}

.pontajDetailsCommentsDiv {
    height: 80px;
}


.pontajDetailsLeft .pontajDetailsAvatar, .holidayDetailsLeft .holidayDetailsAvatar {
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
    padding-top: 5px
}

.pontajDetailsLeft .pontajDetailsName, .projectDashboardLeft .projectDashboardName, .holidayDetailsLeft .holidayDetailsName {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.pontajDetailsLeft .pontajDetailsName .pontajDetailsNameLabel, .projectDashboardLeft .projectDashboardName .projectDashboardNameLabel, .holidayDetailsLeft .holidayDetailsName .holidayDetailsNameLabel{
    display: block;
}

.pontajDetailsLeft .pontajDetailsName .pontajDetailsNameValue {
}

.pontajDetailsAvatarImg, .holidayDetailsAvatarImg {
    height: 60px !important;
    width: 60px !important;
    margin: 0;
    border-radius: 50%;
    border: 3px solid #EEB93B;
    object-fit: cover;
}


.aboutParagraphText.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #575757 !important;
    font-family: Roboto;
    font-size: 20px !important;
    line-height: 33px !important;
}

.aboutParagraphSentence.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #575757 !important;
    font-family: Roboto;
    font-size: 25px !important;
    font-weight: bold !important;
}

.projectDashboardDivBg, .holidayDetailsDivBg {
    background-color: #eeeeee;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.detailsPontajDivBg, .detailsUserDivBg {
    background-image: url("/javax.faces.resource/tassis/pontaj-details-bg.png.xhtml");
    background-size: cover;
    background-repeat: no-repeat;
    /*   background-attachment: fixed;*/
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background-position: center;
}


@media (min-width: 0px) {
    .detailsPontajDivBg, .detailsUserDivBg, .projectDashboardDivBg, .holidayDetailsDivBg {
        min-height: 200px;
        border-radius: 20px 20px 0px 0px;
    }
}

@media (min-width: 40.063em) {
    .detailsPontajDivBg {
        min-height: 640px;
        border-radius: 20px 0px 0px 0px;
    }

    .detailsUserDivBg {
        min-height: 845px;
        border-radius: 20px 0px 0px 20px;
    }

    .projectDashboardDivBg {
        min-height: 570px;
        border-radius: 20px 0px 0px 20px;
    }

    .holidayDetailsDivBg {
        min-height: 695px;
        border-radius: 20px 0px 0px 20px;
    }
}

@media (min-width: 64.063em) {
    .detailsPontajDivBg {
        min-height: 671px;
        border-radius: 20px 0px 0px 20px;
    }

    .detailsUserDivBg {
        min-height: 860px;
        border-radius: 20px 0px 0px 20px;
    }

    .projectDashboardDivBg {
        min-height: 350px;
        border-radius: 20px 0px 0px 20px;
    }

    .holidayDetailsDivBg {
        min-height: 700px;
        border-radius: 20px 0px 0px 20px;
    }
}

.card-container-no-shadow {
    background: #f9f9f9;
    min-height: 60px;
    border-radius: 25px;
    align-self: end;
}

.card-container-no-shadow-dashboard {
    background: #f3f3f3;
    align-self: end;
    min-height: 40px;
    text-align: left;
    border-radius: 25px 25px 0 0;
    padding: 5px 0 5px 25px !important;
    -webkit-box-shadow: 0px 0px 30px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 0px 30px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 30px 2px rgba(0, 0, 0, 0.05);
}

.card-container-no-shadow-documents {
    background: #f9f9f9;
    border-radius: 25px;
    align-self: end;
    min-height: 40px;
    text-align: left;
    padding: 5px 0 5px 25px !important;
}

.ratingBg {
    background-image: url("/javax.faces.resource/tassis/rating-bg.png.xhtml");
    background-size: 250px;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    background-position: 75% 100%;
}

.shepherd-content {
    max-height: 600px;
    overflow-y: auto;
}

.btnWithBorder {
    /*   border: 2px solid #f9f9f9 !important;
       box-shadow: 3px 3px 6px 1px #888888 !important;*/
    display: inline-block !important;
    position: relative !important;
}


.btnWithBorder:before {
    transform: translateX(-50%);
    border-radius: 100%;
    position: absolute;
    background: #888888;
    bottom: -10px;
    height: 5px;
    content: "";
    width: 5px;
    left: 50%;
    opacity: 1;
}


.legendWithDot {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 5px;
    padding-top: 5px;
}

textarea.noScrollVisible {
    overflow: hidden !important;
}

div.ui-selectbooleanbutton.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.tassisBooleanCheckbox {
    border-radius: 25px !important;
    background: #888888 !important;
}

.selectedLegend, .selectedLegend.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #575757 !important;
}

.unselectedLegend, .unselectedLegend.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #575757 !important;
}

.legendIcon {
    margin-top: 10px;
    margin-bottom: 5px;
    width: 20px;
    height: 20px
}

.legendIconSelected {
    margin-top: 5px;
    margin-bottom: 2px;
    height: 28px;
    width: 28px
}

.tassisDialogPanelGridColumnLeftLocation {
    text-align: left;
    width: 200px;
    vertical-align: top;
}

.tassisDialogPanelGridColumnRightLocation {
    /*width: 100%;*/
    min-width: 300px;
}

.locationLabel.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    font-size: 17px !important;
    color: #575757;
}


.ui_tpicker_hour_slider .ui-timepicker-select,
.ui_tpicker_minute_slider .ui-timepicker-select {
    border-radius: 25px;
    background: #eeeeee;
    border-color: #eeeeee;
    color: #575757;
}

.ui-timepicker-div .ui_tpicker_time_label, .ui-timepicker-div .ui_tpicker_time {
    display: none !important;
}

.ui-datepicker .ui-timepicker-div dl dt {
    padding: 0 0 0 5px !important;
}


.ui-datatable .ui-selection-column.checkboxColumn .ui-chkbox-all {
    display: block;
    margin: auto;
    width: 7px;
    height: 24px;
}


body .ui-datatable .ui-selection-column.checkboxColumn .ui-chkbox .ui-chkbox-box {
    border-radius: 50%;
}


body .ui-datatable .ui-selection-column.checkboxColumn .ui-chkbox .ui-chkbox-box.ui-state-active {
    border-color: #575757;
    background: #575757;
}

body .ui-datatable .ui-selection-column.checkboxColumn .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon {
    font-size: 16px;
    margin-left: 0px;
    margin-top: 2px;
    color: #f9f9f9;
}

body .ui-datatable tbody tr.ui-state-highlight td.ui-selection-column.checkboxColumn .ui-chkbox-box .ui-chkbox-icon {
    color: #f9f9f9;
    margin-left: 0px;
    margin-top: 2px;
    text-align: center;
}

body .ui-datatable tbody tr td.ui-selection-column.checkboxColumn {
    text-align: right !important;
    font-size: 14px !important;
}

body .tassisLabelSmallLightGrey.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #b5b5b5;
    font-family: Roboto !important;
    font-size: 14px !important;
    font-weight: bold !important;
}

body .tassisLabelSmallGreyLight.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #888888;
    font-family: Roboto !important;
    font-size: 14px !important;
}


body .tassisLabelSmallGrey.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #888888;
    font-family: Roboto !important;
    font-size: 14px !important;
    font-weight: bold !important;
}

body .tassisLabelNumberLightGrey.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #b5b5b5;
    font-family: Roboto !important;
    font-size: 18px !important;
    font-weight: bold !important;
}

body .tassisLabelNumberGreen.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #12A84B;
    font-family: Roboto !important;
    font-size: 18px !important;
    font-weight: bold !important;
}

.hiddenComponent {
    display: none !important;
}

.visibleComponent {
    display: block !important;
}

body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider,
body .ui-toggleswitch .ui-toggleswitch-slider {
    background-color: #888888;
    border-color: #888888;
}

body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, body .ui-toggleswitch .ui-toggleswitch-slider:before {
    background-color: #f9f9f9;
}

.profileDetailsFieldValueBlack.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #575757;
    font-family: Roboto;
    font-size: 14px !important;
    font-weight: bold !important;
}

.profileDetailsFieldNameThin.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #888888;
    font-family: Roboto;
    font-size: 12px !important;
}

.profileDetailsFieldNameBold.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #888888;
    font-family: Roboto;
    font-size: 12px !important;
    font-weight: bold !important;
}

.profileDetailsDiv {
    height: 55px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

body .ui-panelgrid.noPaddingBottom .ui-panelgrid-cell {
    padding-bottom: 0 !important;
}

.ui-button.info-button {
    background: #888888;
    color: #f9f9f9; /*-- Change Text Color of the Button --*/
    width: 15px;
    height: 15px;
    margin: 0px 7px;
    display: inline-block;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    cursor: pointer;
    box-shadow: none !important;
    padding: 0 !important;
}

.ui-button.ui-button-icon-only.info-button {
    width: 15px;
    height: 15px;
}

.ui-button.info-button.ui-state-hover {
    background-color: #888888 !important;
    color: #f9f9f9 !important;
    /*  -webkit-transition: all 0.3s !important;
      -moz-transition: all 0.3s !important;
      -o-transition: all 0.3s !important;
      transition: all 0.3s !important;*/
}

.ui-button.info-button.ui-state-focus {
    background-color: #888888 !important;
    color: #f9f9f9 !important;
    /*   -webkit-transition: all 0.3s !important;
       -moz-transition: all 0.3s !important;
       -o-transition: all 0.3s !important;
       transition: all 0.3s !important;*/
}

.ui-button.info-button .ui-button-text {
    font-size: 9px;
    width: 100%;
    text-align: center;
    margin: 0;
    font-family: Roboto !important;
}

.ui-button.ui-button-icon-only.info-button .ui-icon {
    font-size: 9px;
    margin-top: -4px;
    margin-left: -10px;
}

.ui-button.info-button.ui-state-disabled {
    background: #b5b5b5;
    color: #575757;
}

body .tassisAddPanel.ui-panel {
    border-radius: 25px;
    background: #eeeeee !important;
    border-color: #eeeeee;
    padding: 15px 10px !important;
    height: 200px;
    margin: 0px 10px;
    -webkit-box-shadow: 4px 2px 5px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 4px 2px 5px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 4px 2px 5px 1px rgba(0, 0, 0, 0.1);
}


.tassisAddPanel.ui-panel .ui-panel-content {
    margin: auto;
    display: flex;
    align-items: center;
}


.addButtonCommandLink {
    display: block;
}

body addButtonCommandLink:hover .tassisAddPanel.ui-panel,
body a.addButtonCommandLink:hover .tassisAddPanel.ui-panel,
body a.addButtonCommandLink.ui-state-hover .tassisAddPanel.ui-panel {
    background: #EEB93B !important;
    border-color: #EEB93B;
}

.colored-row {
    background: #88D3A5 !important;
}

.colored-row.ui-state-highlight {
    background: #f0ca74 !important;
}

.colored-row:hover {
    background: #f0ca74 !important;
}


.dashboard2BarContainer {
    /* padding-top: 15px !important;*/
    display: grid;
    display: -ms-grid;
}

.dashboard2LeftContainer {
    grid-area: dashboard2LeftContainer;
}


.dashboard2LeftContainer {
    height: 100%;
}

.dashboard2RightContainer {
    grid-area: dashboard2RightContainer;
}

.dashboard2RightBarContainer {
    display: grid;
    display: -ms-grid;
}

.dashboard2RightWorkContainer {
    grid-area: dashboard2RightWorkContainer;
}

.dashboard2RightVacationContainer {
    grid-area: dashboard2RightVacationContainer;
}


@media (min-width: 0px) {
    .dashboard2BarContainer {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-template-areas: 'dashboard2LeftContainer' 'dashboard2RightContainer'
    }

    .dashboard2LeftContainer {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        display: grid;
        display: -ms-grid;
        padding: 5px 0 5px 0;
    }

    .dashboard2RightContainer {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        display: grid;
        display: -ms-grid;
        padding: 5px 0 5px 0;
    }

    .dashboard2RightBarContainer {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-template-areas: 'dashboard2RightWorkContainer' 'dashboard2RightVacationContainer';
        grid-gap: 5px;
    }

    .dashboard2RightWorkContainer {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        display: grid;
        display: -ms-grid;
        padding: 5px 5px 5px 0;
    }

    .dashboard2RightVacationContainer {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        display: grid;
        display: -ms-grid;
        padding: 5px 0 5px 5px;
    }

}

@media (min-width: 800px) {

    .dashboard2BarContainer {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        grid-template-areas: 'dashboard2LeftContainer' 'dashboard2RightContainer'
    }

    .dashboard2LeftContainer {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        display: grid;
        display: -ms-grid;
        padding: 5px 0 5px 0;

    }

    .dashboard2RightContainer {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        display: grid;
        display: -ms-grid;
        padding: 5px 0 5px 0;
    }

    .dashboard2RightBarContainer {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        grid-template-areas: 'dashboard2RightWorkContainer' 'dashboard2RightVacationContainer';
        grid-gap: 5px;
    }

    .dashboard2RightWorkContainer {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        display: grid;
        display: -ms-grid;
        padding: 5px 5px 5px 0;
    }

    .dashboard2RightVacationContainer {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        display: grid;
        display: -ms-grid;
        padding: 5px 0 5px 5px;
    }
}


@media (min-width: 1350px) {

    .dashboard2BarContainer {
        -ms-grid-columns: 45% 55%;
        grid-template-columns: 45% 55%;
        grid-template-areas: 'dashboard2LeftContainer dashboard2RightContainer';
    }

    .dashboard2LeftContainer {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        display: grid;
        display: -ms-grid;
        padding: 5px 0.5em 5px 0;
    }

    .dashboard2RightContainer {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        display: grid;
        display: -ms-grid;
        padding: 5px 0 5px 0.5em;
    }


    .dashboard2RightBarContainer {
        -ms-grid-columns: 50% 50%;
        grid-template-columns: 50% 50%;
        grid-template-areas: 'dashboard2RightWorkContainer dashboard2RightVacationContainer';
        grid-gap: 5px;
    }

    .dashboard2RightWorkContainer {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        display: grid;
        display: -ms-grid;
        padding: 5px 5px 5px 0;
    }

    .dashboard2RightVacationContainer {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        display: grid;
        display: -ms-grid;
        padding: 5px 0 5px 5px;
    }
}

.dashboard2Container {
    background: #f9f9f9;
    min-height: 180px;
    height: 100%;
    border-radius: 25px;
    align-self: end;
    -webkit-box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.05);
}

.dashboard2RightWorkContainer {
    background: #f9f9f9;
    min-height: 100px;
    border-radius: 25px;
    align-self: auto;
  /*  margin-bottom: 10px;*/
    -webkit-box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.05);
}
.dashboard2RightVacationContainer {
    background: #f9f9f9;
    min-height: 100px;
    border-radius: 25px;
    align-self: auto;
    /*margin-bottom: 10px;*/
    -webkit-box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.05);
}

.dashboard2ContainerRight {
    align-self: end;
}

.dashboard2UserContainer {
    min-height: 180px;
}

.card-container-dashboard {
    background: #f9f9f9;
    min-height: 60px;
    border-radius: 25px;
    align-self: end;
    -webkit-box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.05);
}

.dashboardImageEn {
    background-image: url("/javax.faces.resource/tassis/dashboard.png.xhtml");
    background-size: cover;
    background-repeat: no-repeat;
    /*   background-attachment: fixed;*/
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    background-position: center;
}

.dashboardImageRo {
    background-image: url("/javax.faces.resource/tassis/paginaprincipala.png.xhtml");
    background-size: cover;
    background-repeat: no-repeat;
    /*   background-attachment: fixed;*/
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    background-position: center;
}


.dashboardWorkImage {
    background-image: url("/javax.faces.resource/tassis/dashboardWork.png.xhtml");
    background-size: cover;
    background-repeat: no-repeat;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    background-position: center;
    margin-left: 5px;
}

.dashboardVacationImage {
    background-image: url("/javax.faces.resource/tassis/dashboardVacation.png.xhtml");
    background-size: cover;
    background-repeat: no-repeat;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    background-position: center;
}


@media (min-width: 0px) {
    .leftSidePanelDashboard.dashboardImageEn, .leftSidePanelDashboard.dashboardImageRo {
        display: none;
    }

    .rightSidePanelDashboard {
        width: 100%;
    }


    .leftSidePanelRightContainer.dashboardWorkImage, .leftSidePanelRightContainer.dashboardVacationImage {
        display: none;
    }
}

@media (min-width: 640px) {
    .leftSidePanelDashboard.dashboardImageEn, .leftSidePanelDashboard.dashboardImageRo {
        display: block;
        min-height: 180px;
        width: 205px;
    }

    .rightSidePanelDashboard {
        width: 66%;
        width: calc(100% - 205px);
    }

    .leftSidePanelRightContainer.dashboardWorkImage, .leftSidePanelRightContainer.dashboardVacationImage {
        display: block;
        min-height: 100px;
        width: 97px;
    }
}


@media (min-width: 1350px) {
    .leftSidePanelDashboard.dashboardImageEn, .leftSidePanelDashboard.dashboardImageRo {
        display: block;
        min-height: 180px;
        width: 205px;
    }

    .rightSidePanelDashboard {
        width: 66%;
        width: calc(100% - 205px);
    }

    .leftSidePanelRightContainer.dashboardWorkImage, .leftSidePanelRightContainer.dashboardVacationImage {
        display: block;
        min-height: 100px;
        width: 97px;
    }

}

.leftSidePanelDashboard {
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
}

.leftSidePanelRightContainer {
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
}

.dashboard2StartStopPanel {
    background: #eeeeee;
    border-radius: 25px;
    /*    height: 100%;*/
    min-height: 160px;
}

.rightSidePanelDashboard, .rightSidePanelDashboardInside {
    height: 100%;
    min-height: 180px;
    flex-wrap: wrap;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.rightSidePanelRightContainer, .rightSidePanelRightContainerInside {
    height: 100%;
    min-height: 100px;
    flex-wrap: wrap;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}


.rightSidePanelRightContainer{
    width: calc(100% - 105px);
}


.minHeightDashboad {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    height: 100%;
    min-height: 180px;
}

.smallPicturesMinHeight {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    height: 100%;
    min-height: 100px;
}

.dashboard2StartInfo.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #888888;
    font-family: Roboto !important;
    font-size: 15px !important;
    font-weight: bold !important;
}

.dashboard2Welcome.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #575757;
    font-family: Roboto !important;
    font-size: 16px !important;
    font-weight: bold !important;
}

.dashboard2Name.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #b5b5b5;
    font-family: Roboto !important;
    font-size: 16px !important;
    font-weight: bold !important;
}

.dashboard2CategoryTitle.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #575757;
    font-family: Roboto !important;
    font-size: 14px !important;
    font-weight: bold !important;
}


.dashboard2InfoText.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #575757;
    font-family: Roboto !important;
    font-size: 12px !important;
}

.dashboard2InfoValue.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #575757;
    font-family: Roboto !important;
    font-weight: bold !important;
    font-size: 12px !important;
}

.greenDashboard2Value.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #12A84B;
}

body .ui-activity-dashboard-tab.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    color: #b5b5b5;
    font-size: 14px !important;
    margin-right: 10px;
    font-weight: bold !important;
    margin: auto;
}


body .ui-inputtext.ui-inputfield.inputDetailsRevisal.ui-state-error {
    border-width: 3px !important;
    background: #fcabab !important;
}


body .ui-inputtext.ui-inputfield.inputDetailsRevisal, .inputDetailsRevisal {
    font-size: 12px !important;
    width: 200px;
    text-align: center;
    margin-left: 5px;
    border: 1px solid #575757;
    color: #575757
}

body .ui-inputtext.ui-inputfield.inputDetailsRevisal.ui-state-focus {
    border-bottom: 2px solid #888888;
    padding-bottom: 0 !important;
}

body .revisalDetails.ui-widget.ui-widget.ui-outputlabel.ui-widget {
    font-size: 12px !important;
    margin-left: 5px;
}

.invalidColumn.ui-widget.ui-widget.ui-outputlabel.ui-widget,
body .ui-inputtext.ui-inputfield.inputDetailsRevisal.invalidColumn {
    border: 3px solid #575757 !important;
    background: #fcabab !important;
}

.determinateProgressB.ui-progressbar.ui-widget.ui-widget-content.ui-corner-all.ui-progressbar-determinate,
.determinateProgressB.ui-progressbar.ui-widget.ui-widget-content.ui-corner-all.ui-progressbar-determinate .ui-progressbar-value {
    height: 5px !important;
}


.configStepsProgressBar.ui-progressbar.ui-widget.ui-widget-content.ui-corner-all.ui-progressbar-determinate .ui-progressbar-value {
    border-radius: 25px;
    height: 15px !important;
    margin: 5px 3px 5px 3px !important;
    background: #12a84b !important;
}

.configStepsProgressBar.ui-progressbar.ui-widget.ui-widget-content.ui-corner-all.ui-progressbar-determinate {
    height: 27px !important;
    border-radius: 20px;
}

.configStepsProgressBar.ui-progressbar.ui-widget.ui-widget-content.ui-corner-all.ui-progressbar-determinate .ui-progressbar-label {
    margin-top: 4px;
}

.cloneEntityWizardDetailsDiv {
    min-height: 70px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.cloneEntityFileUpload .ui-fileupload-buttonbar {
    padding-top: 0px !important;
}


.tassisPickListGeo.ui-picklist .ui-widget-header.ui-picklist-caption {
    font-family: Roboto !important;
    color: #575757 !important;
    font-weight: bold !important;
    border: 0 !important;
    text-align: center;
}

.tassisPickListGeo.ui-picklist .ui-picklist-list {
    border-radius: 25px;
    background: #eeeeee;
    padding: 5px;
    color: #575757;
    max-width: 370px !important;
    height: 400px !important;
    margin: auto
}

.tassisPickListGeo.ui-picklist .ui-picklist-item.ui-state-highlight {
    background: #eeeeee;
    color: #575757 !important;
    outline: none !important;
}

.tassisPickListGeo.ui-picklist .ui-picklist-item.ui-state-hover {
    background: #f9f9f9;
}

body .ui-picklist.tassisPickListGeo .ui-picklist-buttons {
    vertical-align: top;
    padding-top: 100px;
}

@media (max-width: 640px) {
    body .ui-picklist.tassisPickListGeo .ui-picklist-buttons {
        padding-top: 10px;
    }
}

body .ui-picklist.tassisPickListGeo .ui-picklist-buttons .ui-button.ui-button-icon-only {
    width: 36px !important;
    height: 36px !important;
    margin-top: 5px;
    background: #575757;
}

.ui-picklist.tassisPickListGeo {
    margin: auto;
    padding-bottom: 15px;
    text-align: left;
}

body .tassisPickListGeo .ui-chkbox .ui-chkbox-box {
    border-color: #888888 !important;
    border-radius: 25px !important;
}

body .tassisPickListGeo .ui-chkbox .ui-chkbox-box.ui-state-active {
    background-color: #888888;
}

body .tassisPickListGeo .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon {
    color: transparent !important;
}

.wrappingText {
    white-space: pre-wrap !important;
    /*  word-break: break-all;*/
}

body .ui-datatable.borderless.rounded-datatable .ui-datatable-scrollable-header-box thead th.noHeaderWidth.ui-state-default {
    width: 0 !important;
}

.ui-widget.ui-widget.ui-outputlabel.ui-widget.topTextTitle {
    font-size: 12px !important;
    color: #575757;
    /* font-family: Lato!important;*/
    font-family: Roboto !important;
    font-style: normal;
    font-variant: normal;
}

@media (max-width: 1200px) {
    .layout-wrapper .topbar .topbar-menu {
        position: absolute;
        top: 60px;
        right: 15px;
        width: 200px;
        -webkit-animation-duration: .5s;
        -moz-animation-duration: .5s;
        animation-duration: .5s;
        display: none;
        background-color: #f7f7f7;
        list-style-type: none;
        margin: 0;
        padding: 8px 0;
        -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
        -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    }

    .layout-wrapper .topbar #topbar-menu-button {
        display: block;
    }
}


.ui-widget.ui-widget.ui-outputlabel.ui-widget.placeHolderText {
    font-size: 13px !important;
    color: #575757;
    /* font-family: Lato!important;*/
    font-family: Roboto !important;
    font-style: normal;
    font-variant: normal;
}

.ui-widget.ui-widget.ui-outputlabel.ui-widget.placeHolderMeaning {
    font-size: 13px !important;
    color: #575757;
    font-weight: bold !important;
    /* font-family: Lato!important;*/
    font-family: Roboto !important;
    font-style: normal;
    font-variant: normal;
}

.align-webkit-center {
    text-align: -webkit-center !important;
}

.display-none {
    display: none !important;
}

.display-inline {
    display: inline !important;
}

.accepted-border-left {
    border:none;
    border-left: 5px solid green;
}

.rejected-border-left {
    border:none;
    border-left: 5px solid red;
}

.border-only-left {
    border: none;
    border-left: 1px solid;
}

.border-only-left-thick {
    border: none;
    border-left: 5px solid;
}


.border-only-right {
    border: none;
    border-right: 1px solid;
}

.border-only-right-thick {
    border: none;
    border-right: 5px solid;
}