/* =GENERAL
----------------------------------------------------------------------- */
html {
    height: 100%;
}

body {
    background: white;
    min-width: 900px;
    position: relative;
    min-height: 100%;
}

th,
td {
    word-break: break-all;
}

a {
    color: #363535;
}

.reset {
    margin: 0;
    padding: 0;
}

#content-skip {
    letter-spacing: -9999em;
}

.to_right {
    float: right;
}

.filter_form {
    padding-top: 5px;
    padding-bottom: 10px;
    overflow: auto;
    width: 100%;
}

.center {
    text-align: center !important;
}

.right {
    text-align: right !important;
}

.left {
    text-align: left !important;
}

hr {
    margin: auto;
    margin: 10px 0;
    border-top: #ccc solid 1px;
    clear: both;
    height: 0;
}

.unimportant {
    color: #888;
}

.important {
    font-weight: bold;
}

.highlighted {
    background-color: #CFE5FF;
}

.small {
    font-size: 80%;
}

.loader {
    vertical-align: middle;
}

body::-webkit-scrollbar {
    width: 1em;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

body::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}

.printable_only {
    display: none;
}

/* =LAYOUT



----------------------------------------------------------------------- */
/* HEADER */
#header {
    position: fixed;
    height: 50px;
    background: #f1f1f1;
    width: 100%;
    z-index: 10;
}

#header .logout {
    float: right;
    margin-right: 5px;
    margin-top: 10px;
    margin-left: 10px;
    background: url('../../images/layout/logout.png') #f3f3f3 center;
    background-size: 15px;
    background-repeat: no-repeat;
    height: 10px;
    width: 9px;
    padding: 9px;
}

#header .logout:hover {
    text-decoration: underline;
}

#header .logo {
    height: 100%;
    width: 210px;
    float: left;
    color: #631BB1;
}

.header-right {
    float: right;
    line-height: 50px;
    color: #808082;
}

.header-right a {
    color: #808082;
}

.contracts_link {
    margin-top: 15px;
}

.contracts_link a {
    font-weight: bold;
    font-size: 11px;
    padding: 7px 12px;
    margin: 5px;
    text-decoration: none;
    background: #631BB1;
    border-color: #631BB1;
    text-shadow: 0 1px 0 #888;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    color: white;
}

#header a#header_logo {
    display: block;
    margin-top: 5px;
    background: url('../../images/softnauts.png') 0 0 no-repeat;
    height: 80%;
    color: #354F8A;
    background-size: auto 90%;
    background-position: 45% center;
}

#top_side {
    padding: 0 0 0 10px;
    overflow: visible;
}

#top_side h1 {
    color: #e9c17c;
    font-size: 1.5em;
    display: block;
    clear: both;
    padding-right: 30px;
    padding-top: 5px;
    margin-bottom: 1em;
    text-transform: uppercase;
    color: #631BB1;
}

#top_side h2 {
    color: #363535;
    font-size: 1em;
    text-transform: uppercase;
    display: block;
    clear: both;
    padding-right: 30px;
    margin: 0;
    clear: both;
    position: relative;
    top: -10px;
}

#top_side .top_date {
    padding-right: 8px;
}

#top_side .to_left,
#top_side .to_right {
    padding-bottom: 6px;
}

#top_side form * {
    float: left;
    margin: 0;
}

#top_side form * {
    float: left;
    margin: 0;
}

#top_side form div div label {
    margin-left: 5px;
    color: #555;
}

#top_side form .button,
#top_side form input[type='submit'] {
    margin: 0 10px;
    min-height: 25px;
    border: solid 1px #dcdcdc;
    text-transform: uppercase;
}

/* CONTENT */
#content {
    background-color: white;
    padding-bottom: 50px;
    float: right;
    width: 84%;
    margin-top: 80px;
}

#content a.button.icononly {
    float: right;
    margin: 0 5px 0 0;
}

#content .export-buttons-text {
    float: right;
    line-height: 29px;
    margin-right: 15px;
}

#column_main {
    overflow: auto;
    min-height: 200px;
    overflow: hidden;
    width: 100%;
}

#column_main #content_container {
    padding: 5px 20px;
}

.spacer_main {
    width: 500px;
    height: 10px;
    background-color: #888;
}

#column_side {
    width: 200px;
    overflow: auto;
    height: 100%;
    margin-top: 10px;
}

/* FOOTER */
#footer {
    background: #510051;
    padding: 5px 0;
    position: absolute;
    bottom: 0;
    width: 100%;
}

#footer a {
    color: white;
    text-decoration: none;
}

#footer a:hover {
    text-decoration: underline;
}

#footer ul#footer-nav {
    text-align: right;
    list-style: none;
    margin: 0;
    padding: 0 5px;
}

#footer ul#footer-nav li {
    display: inline;
    padding: 0 6px;
    border-left: white solid 1px;
}

#footer ul#footer-nav li.first {
    border: none;
}

/* =NAVIGATION
----------------------------------------------------------------------- */

#main-menu {
    padding-left: 20px;
    padding-top: 30px;
    float: left;
    width: 15%;
    box-sizing: border-box;
    margin-top: 50px;
}

#main-menu a.action_add {
    width: 80%;
    text-align: center;
    text-transform: uppercase;
}

div#top_headers {
    width: 100%;
    float: left;
}

div#top_headers .info-graph {
    width: 95%;
    justify-content: space-between;
    margin: 30px 0;
}

div#top_headers .info-graph,
div#top_headers .info-graph .project-value {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

/* div#top_headers .info-graph .project-value:nth-last-child(1) {
    margin-right: 0;
} */

div#top_headers .info-graph .project-value .img {
    width: 55px;
    height: 45px;
    margin: 10px;
    background-image: url('../../images/project-value-icon.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

div#top_headers .info-graph .project-value:nth-child(2) .img {
    background-image: url('../../images/coin-stact-icon.png');
}

div#top_headers .info-graph .project-value:nth-child(3) .img {
    background-image: url('../../images/coin-stact-icon.png');
}

div#top_headers .info-graph .project-value:nth-child(4) .img {
    background-image: url('../../images/progress-bar.png');
}

div#top_headers .info-graph .project-value:nth-child(5) .img {
    background-image: url('../../images/ring-icon.png');
}

div#top_headers .info-graph .project-value .project-data {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

div#top_headers .info-graph .project-value .project-data p {
    margin: 0;
    width: fit-content;
}

div#top_headers .info-graph .project-value .project-data .income-planned-hint {
    margin-top: 0.5em;
    color: #909090;
    display: flex;
    flex-direction: row;
    font-size: 0.9em;
    gap: 0.5em;
}
div#top_headers .info-graph .project-value .project-data .income-planned-hint.is-estimated {
    font-style: italic;
}

div#top_headers .info-graph .project-value .project-data .income-planned-hint .hint{
    font-weight: 600;
    width: 100%;
    text-align: right;
}

div#top_headers .info-graph .project-value .project-data .hint {
}

div#top_headers .info-graph .project-value .project-data p:nth-child(1) {
    font-weight: bold;
}

.progress-bar svg {
    position: relative;
    width: 55px;
    height: 55px;
}

.progress-bar {
    position: relative;
    width: 55px;
    height: 55px;
    transform: rotate(-90deg);
}

.progress-bar svg circle {
    width: 55px;
    height: 55px;
    fill: none;
    stroke-width: 10;
    stroke: #363535;
    stroke-dasharray: 107;
    stroke-dashoffset: 107;
}

.progress-bar svg circle:nth-child(1) {
    stroke-dashoffset: 0;
    stroke: #89BCFD;
}

.progress-bar svg circle:nth-child(2) {
    stroke: #1479FB;
}

#primary_activity {
    overflow: auto;
    margin-bottom: 25px;
}

#navigation_top {
    list-style: none;
    position: absolute;
    top: 5px;
    right: 10px;
    color: #CEDDFF;
    background: linear-gradient(to bottom, rgba(81, 0, 81, 1) 0%, rgba(81, 0, 81, 1) 100%);
}

#navigation_top span {
    color: #e9c17c;
}

#navigation_top li {
    float: left;
    padding: 0 8px;
}

#navigation_top li a {
    text-align: center;
    text-decoration: none;
    color: #fff
}

#navigation_top li a:hover {
    text-decoration: underline;
}

#navigation_top li.first {
    border: none;
}

#navigation_main {
    list-style: none;
    margin-top: 30px;
    text-transform: uppercase;
}

#navigation_main li {
    /*float:left*/
    ;
    line-height: 1.7em;
    color: blue;
}

#navigation_main li a {
    padding-left: 10px;
    margin-right: 2px;
    text-align: center;
    text-decoration: none;
    color: white;
    color: #631BB1;
}

#navigation_main li a.active,
#navigation_main li a:hover {
    color: #e99435;
    font-weight: bold;
}

#navigation_main>li>a:hover {
    background: transparent url('../../images/layout/expand_arrow_hover.png') left center no-repeat;

}

#navigation_main>li>a.active,
#navigation_main>li>a:hover.active {
    background: transparent url('../../images/layout/expand_arrow_1_right.png') left center no-repeat;

}

#navigation_main>li>a {
    background: url('../../images/layout/expand_arrow_1_down.png') no-repeat 0 2px;
}

#navigation_main>li>a:hover {
    background: transparent url('../../images/layout/expand_arrow_hover.png') left 2px no-repeat;

}

#navigation_sub {
    list-style: none;
    /*position:absolute; top:103px; left:15px;*/
}

#navigation_sub li {
    /*float:left;*/
    overflow: visible;
    padding-left: 1em;
    width: 100%;
    list-style: none;
}

#navigation_sub li a {
    margin-right: 2px;
    text-align: left;
    text-decoration: none;
    color: #631BB1;
    display: block;
    font-weight: normal;
    font-size: .8em;
}

#navigation_sub li a:hover {
    font-weight: normal;
}

#navigation_sub li a.active {
    font-weight: normal;
    font-size: .8em;
    font-weight: bold;
}

#navigation_sub .submenu_divider {
    color: #4c4c4f;
    margin: 0 5px;
}

#side_column_main_list {
    list-style: none;
    margin: 0;
    padding: 0;
}

#side_column_main_list ul {
    list-style: none;
    margin: 0;
}

#side_column_main_list li.side_list_cat {
    margin-bottom: 15px;
}

#side_column_main_list li strong.list_header {
    font-weight: bold;
    text-transform: uppercase;
}

#side_column_main_list a {
    color: #363535;
    font-size: 90%;
    text-decoration: none;
}

#side_column_main_list a:hover {
    text-decoration: underline;
}

#side_column_main_list ul.actions_list li {
    overflow: visible;
    /*height: 20px;*/
    position: relative;
}

#side_column_main_list ul.actions_list li a {
    line-height: 23px;
    display: inline-block;
    padding: 2px 2px 2px 26px;
    background-repeat: no-repeat;
    background-position: center left;
    color: #2E447A;
    width: auto;
}

#side_column_main_list li:last ul.actions_list li:last-child a {
    line-height: 20px;
    display: block;
    padding: 2px 2px 2px 26px;
    background-repeat: no-repeat;
    background-position: center left;
    text-decoration: underline;
}

#side_column_main_list ul.actions_list li a:hover {
    /*border-left:transparent solid 1px;*/
}

#side_column_main_list ul.actions_list .task_time {}

/* stoper toggler */
#side_column_main_list ul.actions_list li a.stoper_toggler {
    position: absolute;
    left: 0;
}

#side_column_main_list ul.actions_list li a.stoper_toggler:hover {
    border: none;
}

/* icons */
.event_type_task,
.event_type_task_category {
    background-image: url('../../images/icons/event_icon_ok.png');
}

.event_type_document,
.event_type_document_version {
    background-image: url('../../images/icons/event_icon_document.png');
}

.event_type_contact,
.event_type_user {
    background-image: url('../../images/icons/event_icon_user.png');
}

.event_type_stoper {
    background-image: url('../../images/icons/event_icon_stoper.png');
}

.event_type_comment {
    background-image: url('../../images/icons/event_icon_comment.png');
}

.event_type_case {
    background-image: url('../../images/icons/event_icon_issue.png');
}

.event_type_setting {
    background-image: url('../../images/icons/icon_edit.png');
}

.event_type_sharing {
    background-image: url('../../images/icons/icon_sharing.png');
}

.event_type_message_copy {
    background-image: url('../../images/icons/event_icon_mail.png');
}

.event_type_invoice {
    background-image: url('../../images/icons/icon_invoice.png');
}

.task_type_1 {
    background-image: url('../../images/icons/task_icon_1.png');
}

.stoper_icon_on {
    background-image: url('../../images/icons/time_icon_2.png');
}

.stoper_icon_off {
    background-image: url('../../images/icons/time_icon_1.png');
}

.icon_modifier {
    position: absolute;
    top: 0;
    left: -8px;
    width: 8px;
    height: 8px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.icon_modifier.icon_modifier_create {
    background-image: url('../../images/icons/icon_mini_new.png');
}

.icon_modifier.icon_modifier_update {
    background-image: url('../../images/icons/icon_mini_edit.png');
}

.icon_modifier.icon_modifier_delete {
    background-image: url('../../images/icons/icon_mini_delete.png');
}

.icon_modifier.icon_modifier_login {
    background-image: url('../../images/icons/icon_mini_login.png');
}

.icon_modifier.icon_modifier_logout {
    background-image: url('../../images/icons/icon_mini_logout.png');
}

.logger_deleted {
    text-decoration: none !important;
}

.icon {
    background-position: center center !important;
    background-repeat: no-repeat;
}

.icon22 {
    display: inline-block;
    width: 22px;
    height: 22px;
    background-position: 0 0;
    background-repeat: no-repeat;
    position: relative;
}

/* calendar list */
#side_column_main_list ul.calendars_list li a {
    display: block;
}

#side_column_main_list ul.calendars_list li {
    width: 95%;
    margin-bottom: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#side_column_main_list ul.calendars_list input {}

#side_column_main_list ul.calendars_list li label {
    font-weight: normal;
    display: inline-block;
    cursor: pointer;
}

/* navigation calendar */
#datepicker {}

#datepicker .ui-datepicker {
    width: 190px;
    padding: .2em .2em 0;
    border: none;
}

#datepicker .ui-datepicker .ui-datepicker-calendar tbody td.hasTasks a {
    font-weight: bold;
}

#datepicker .ui-datepicker .ui-datepicker-calendar tbody td {
    text-align: center;
}

#datepicker .ui-datepicker .ui-datepicker-calendar tbody td a {
    background: none;
    border: none;
    text-decoration: none;
    text-align: center;
    background-color: #eee;
}

#datepicker .ui-datepicker .ui-datepicker-calendar tbody td.currentWeek a {
    background-color: #ccc;
}

#datepicker .ui-datepicker .ui-datepicker-calendar tbody td.today a {
    background-color: #555;
    color: white;
}

/*#datepicker .ui-datepicker-header { border:none; background:none;}
#datepicker .ui-state-default {background:none;}*/

/* =TYPOGROPHY
----------------------------------------------------------------------- */
.decrease {
    font-size: 90%;
}

/* =FORMS
----------------------------------------------------------------------- */
.create-project-form .form-row:nth-child(3) {
    /* display: none !important; */
}

#search-block {
    position: absolute;
    top: 50px;
    right: 15px;
    text-align: right;
}

#search-block input {
    background: #dfdfdf;
    border: white solid 1px;
    padding: 0;
    margin: 0;
}

#search-block input#search {
    float: left;
    height: 23px;
    width: 300px;
    padding: 0 3px;
}

#search-block input#search:focus {
    background: #e7e7e7;
}

#search-block input#submit_search {
    float: left;
    height: 25px;
    width: 30px;
    background: #dfdfdf url('../../images/icons/icon_search.png') center center no-repeat;
    color: transparent !important;
    text-indent: -9999px;
}

#search-block div,
#email-signup div {
    display: inline;
}

.equipment-wrapper .services-list {
    width: 100%;
}

.form-delete-eq {
    text-transform: uppercase;
    color: #6e6e6e;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
    padding: 4px 10px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background-color: #f3f3f3;
    background-position: 6px 3px;
    border: solid 1px #dcdcdc;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-right: 10px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.form-delete-eq:hover {
    color: #363535;
    box-shadow: 0 0 1px lightgray;
}

.equipment-wrapper .services-list .single-service p:first-child {
    padding-left: 20px;
}

.equipment-wrapper .services-list .single-service {
    width: 100%;
}

.equipment-wrapper .services-list .single-service p:last-child {
    width: 60px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin: 0 0 0 auto;
    padding-right: 10px;
}

.equipment-wrapper .services-list .single-service p a.edit-icon {
    background-image: url('../../images/icons/icon_edit.png');
}

.equipment-wrapper .services-list .single-service p:nth-child(7) {
    max-width: unset;
}

.equipment-wrapper .equipment-message {
    font-size: 16px;
    margin: 0 10px 10px;
}

.equipment-wrapper .services-list .single-service p {
    text-align: left;
    font-size: 12px;
    margin: 0 10px;
    max-width: 200px;
}

.equipment-month-wrapper table.softnauts_table {
    width: calc(100% - 30px);
    margin-left: 30px;
}

.equipment-month-wrapper table.active {
    display: table;
    margin-bottom: 1.5em;
}

/* OTHER CONTENT
----------------------------------------------------------------------- */
/* 'big' tables */
table.softnauts_table {
    width: 100%;
    border-bottom: #e2e2e2 solid 1px;
    font-size: 90%;
    /*border-collapse:separate; border-spacing:1px;*/
}

table.softnauts_table#contact_table {
    padding-top: 10px;
}

table.softnauts_table th {
    text-align: left;
    padding: 10px 10px;
    background-color: #f1f1f1;
    color: #444;
    font-weight: bold;
    text-transform: uppercase;
}

table.softnauts_table tr.thin th {
    padding: 5px 5px;
}

table.softnauts_table th a {
    color: #444;
}

table.softnauts_table th.sorted_asc {
    background-image: url('../../images/softnauts_table_sort_arrow_down.png');
}

table.softnauts_table th.sorted_desc {
    background-image: url('../../images/softnauts_table_sort_arrow_up.png');
}

table.softnauts_table th.sorted_asc,
table.softnauts_table th.sorted_desc {
    background-position: 5px center;
    background-repeat: no-repeat;
    padding-left: 22px;
    cursor: pointer;
}

table.softnauts_table th.sorted_by {
    text-decoration: underline;
}

table.softnauts_table td {
    padding: 7px 10px;
    position: relative;
}

table.softnauts_table .worktime-description td {
    padding: 2px 10px 4px;
    font-size: 90%;
}

table.softnauts_table .worktime-description td a {
    color: #858C9B;
}

table.softnauts_table tr.odd td {
    background-color: #f1f1f1;
    /* border-left:#e0e0e0 solid 1px;*/
}

table.softnauts_table tr.even td,
table.softnauts_table td {
    background-color: #fafafa;
    /*border-left:#f0f0f0 solid 1px;*/
}

table.softnauts_table tr.expanded td {
    background-color: #e5e5e5;
}

table.softnauts_table tr:hover td {
    background-color: #FFE3C4;
}

table.softnauts_table a {
    color: #2E447A;
    text-decoration: none;
}

table.softnauts_table a:hover {
    text-decoration: underline;
}

table.softnauts_table a.button {
    color: inherit;
    text-decoration: inherit;
    margin: 0;
}

table td.table_actions {
    text-align: right;
}

table.softnauts_table tr.details {
    display: none;
}

table.softnauts_table tr.details td {
    border: #888 solid 1px;
    background-color: white;
    padding: 0;
}

table.softnauts_table tr.details td div {
    padding: 5px 8px;
}

table.softnauts_table tr.details:hover td {
    background-color: white;
}

table.softnauts_table tr.details span.table_actions {
    float: right;
    display: inline-block;
}

table.softnauts_table td .description {
    padding: 5px 7px;
    margin: 1px;
}

table.softnauts_table td.time {
    width: 50px;
    padding-left: 30px;
}

table.softnauts_table th.time {
    width: 50px;
    padding-left: 30px;
}

table.softnauts_table th.price {
    min-width: 80px;
}

table.softnauts_table th.author {
    width: 150px;
}

table.softnauts_table th.service {
    width: 100px;
}

table.softnauts_table th.date {
    width: 100px;
}

table.softnauts_table th.bill-icon {
    width: 20px;
}

table.softnauts_table td .details_actions {
    padding: 7px;
    margin-top: 10px;
    border-top: #ccc solid 1px;
    text-align: right;
}

table.softnauts_table td.actions {
    text-align: right;
}

table.softnauts_table td.softnauts_table_actions {
    text-align: right;
    position: relative;
    height: 100%;
    width: 200px;
}

table.softnauts_table td.softnauts_table_actions a {
    padding: 0 2px;
    position: relative;
    border: transparent solid 1px;
}

table.softnauts_table td.softnauts_table_actions a.opened {
    background-color: white;
    z-index: 100;
    border: #777 solid 1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

table.softnauts_table td.softnauts_table_actions .item_count {
    font-size: 80%;
    margin-left: -6px;
    color: #555;
    position: relative;
    top: -5px;
}

table.softnauts_table .details table td {
    border: none;
}

table.tr.sum {}

table tr.sum td {
    font-weight: bold;
    text-align: right;
    background: #f1f1f1;
    padding: 9px 5px;
}

table.softnauts_table tr.sum:hover td {
    background: #f1f1f1;
}

/* detail (inside softnauts table) */
table.softnauts_table .detail {
    display: none;
    position: relative;
}

table.softnauts_table .detail .hide {
    position: absolute;
    top: 3px;
    right: 8px;
    display: block;
    height: 16px;
    width: 16px;
    background: transparent url('../../images/icons/icon_collapse.png');
    cursor: pointer;
}

table.softnauts_table .detail h4,
div.details .detail h4 {
    height: 24px;
    line-height: 24px;
    background-repeat: no-repeat;
    background-position: top left;
    padding-left: 25px;
    margin-bottom: 4px;
}

div.details .detail {
    padding: 10px 15px;
    margin: 0px 0;
}

.detail .detail_content {
    padding: 0 15px !important;
}

/* expander header */
table.softnauts_table.expandable {
    border-bottom: none;
}

table.softnauts_table .expander th {
    cursor: pointer;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #e9e9e9;
    border-bottom: #ccc solid 1px;
    border-top: #fafafa solid 1px;
    font-weight: normal;
    text-transform: uppercase;
    color: #1B346F;
    font-size: 110%;
    text-align: left;
    background-repeat: no-repeat;
    background-position: 12px 10px;
}

table.softnauts_table .expander.expander_low th {
    padding: 5px 10px;
}

table.softnauts_table th.expander_title {
    padding-left: 20px;
    font-weight: bold;
    color: #444;
}

table.softnauts_table .nobreak {
    line-break: strict;
    white-space: nowrap;
}

/* table columns */
table .seven_pcnt {
    width: 7%;
}

table .ten_pcnt {
    width: 10%;
}

table .twenty_pcnt {
    width: 20%;
}


.details-costs {
    display: flex;
    flex-direction: row;
    line-height: unset;
}

#details-costs {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
}

.tabbed_details ul.tabbed_details_tabs .project-costs {
    width: 150px;
}

.details-costs h3 {
    font-weight: bold;
    line-height: normal;
}

.details-costs p {
    margin-bottom: 0;
    line-height: 3;
}

/* search results table */
table.simple_table {
    width: 100%;
    color: #333;
    line-height: 15px;
}

table.simple_table th {
    text-align: left;
    padding: 5px 5px 5px 5px;
    background-color: #fafafa;
    color: #444;
    font-weight: bold;
}

table.simple_table td {
    padding: 7px 10px;
    border-bottom: #e0e0e0 dotted 1px;
    position: relative;
}

table td a {
    color: #1479FB;
}

table.simple_table .column_date {
    width: 20%;
}

/* permanentEtat table */
table.permanent-etat-users {
    width: 99%;
}

table.permanent-etat-users th {
    background: #bdc0c0;
    padding: 10px;
    text-align: center;
    border: 1px solid #a6a6a6;
}

table.permanent-etat-users th.wider-column {
    width: 16%;
}

table.permanent-etat-users th.shorter-column {
    width: 10%;
}

table.permanent-etat-users tr td {
    text-align: center;
    border: 1px solid #a6a6a6;
    padding: 5px;
}

table.permanent-etat-users tr td.user-personalia {
    background: #dcdcdc;
}

/* tabbed_details (details on show) */
.tabbed_details ul.tabbed_details_tabs {
    display: table;
    width: 100%;
    border-bottom: #631BB1 solid 3px;
}

.tabbed_details ul.tabbed_details_tabs li {
    display: table-cell;
    text-align: center;
    border-left: none;
    background: #f1f1f1
}

.tabbed_details ul.tabbed_details_tabs li.first {
    border-left: #380037 solid 1px;
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
    border-radius: 5px 0 0 0;
}

.tabbed_details ul.tabbed_details_tabs li.last {
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
    border-radius: 0 5px 0 0;
}

.tabbed_details ul.tabbed_details_tabs li.filler {
    width: 100%;
}

.tabbed_details ul.tabbed_details_tabs li a {
    display: block;
    text-decoration: none;
    padding: 5px 10px;
    color: #631BB1;
    text-transform: uppercase;
    font-weight: bold;
}

.tabbed_details ul.tabbed_details_tabs li.active {
    background-color: #631BB1;
    background-image: none;
}

.tabbed_details ul.tabbed_details_tabs li.active a {
    color: white;
}

.tabbed_details .tabbed_details_container {
    padding-top: 5px;
}

.tabbed_details .tabbed_details_container h3 {
    color: #e9c17c;
    margin-bottom: 5px;
    padding: 5px 10px 5px 10px;
    font-size: 1.2em;
    vertical-align: bottom;
    float: left;
}

.tabbed_details .tabbed_details_container .details {
    display: none;
}

.tabbed_details .tabbed_details_container .details.active {
    display: block;
}

.dataTables_filter#projects_table_filter {
    padding-bottom: 5px;
    margin-right: 14px;
}

th.sorting_asc {
    background-position: left !important;
    padding-left: 20px !important;
}

th.sorting {
    background-position: left !important;
    padding-left: 20px !important;
}

th.sorting_desc {
    background-position: left !important;
    padding-left: 20px !important;
}

/* headers icons */
.header_calendar {
    background-image: url('../../images/icons/icon_calendar.png');
}

.header_document {
    background-image: url('../../images/icons/icon_document.png');
}

.header_versions {
    background-image: url('../../images/icons/icon_versions_2.png');
}

.header_comments {
    background-image: url('../../images/icons/icon_comments_2.png');
}

.header_sharing {
    background-image: url('../../images/icons/icon_sharing_2.png');
}

.header_worktime {
    background-image: url('../../images/icons/icon_time.png');
}

.header_contact {
    background-image: url('../../images/icons/event_icon_user.png');
}

.header_user {
    background-image: url('../../images/icons/event_icon_user.png');
}

.header_message {
    background-image: url('../../images/icons/event_icon_mail.png');
}

.header_case {
    background-image: url('../../images/icons/icon_case_opened.png');
}

.header_case_closed {
    background-image: url('../../images/icons/icon_case_closed.png');
}

.header_case_opened {
    background-image: url('../../images/icons/icon_case_opened.png');
}

.header_case_waiting {
    background-image: url('../../images/icons/icon_case_waiting.png');
}

/* expanding headers */
h4.expander {
    cursor: pointer;
    margin: 0;
    padding: 10px;
    background-color: #e9e9e9;
    border-bottom: #ddd solid 1px;
    border-top: #fafafa solid 1px;
    font-weight: normal;
    text-transform: uppercase;
    color: #1B346F;
    font-size: 110%;
    text-align: left;
    padding-left: 40px;
    background-repeat: no-repeat;
    background-position: 12px 10px;
}

h4.expander.expander_style_2 {
    text-transform: lowercase;
    padding: 7px 38px;
    background-color: #e2e2e2;
    border: #ccc solid 1px;
    margin-top: 5px;
    color: #444;
    background-image: url('../../images/softnauts_table_sort_arrow_up.png');
    background-position-y: center;
}

h4.expander.expander_style_2.open {
    background-image: url('../../images/softnauts_table_sort_arrow_down.png');
}

h4.expander.expander_low {
    padding: 2px 10px;
}

/* ACTIONS */
.action {
    background-repeat: no-repeat;
    color: transparent !important;
    font-size: 0;
    line-height: 20px;
    display: inline-block;
    height: 20px;
    width: 20px;
    background-position: center center;
}

a.action.colored {}

/* with icons */
a.action_edit,
span.edit-icon {
    background-image: url('../../images/icons/icon_edit.png');
}

.edit-icon {
    cursor: pointer;
}

a.action_clone,
span.clone-icon {
    background-image: url('../../images/icons/icon_clone.png');
}

.edit-icon {
    cursor: pointer;
}

a.action_del,
span.action_del {
    cursor: pointer;
    background-image: url('../../images/icons/icon_delete.png');
}
.button_del {
    background-repeat: no-repeat;
    color: transparent !important;
    background-color: #FFFFFF;
    font-size: 0;
    line-height: 20px;
    display: inline-block;
    height: 20px;
    width: 20px;
    cursor: pointer;
    background-image: url('../../images/icons/icon_delete.png');
    border: none;
    padding: 0!important;
}

a.action_minus {
    background-image: url('../../images/icons/icon_minus.png');
}

a.action_group_items {
    background-image: url('../../images/icons/icon_group_items.png');
}

a.action_ungroup_items {
    background-image: url('../../images/icons/icon_ungroup_items.png');
}

a.action_add {
    background-image: url('../../images/icons/icon_add.png');
}

a.action_clone, .action_clone {
    background-image: url('../../images/icons/icon_clone.png');
}

a.action_comments {
    background-image: url('../../images/icons/icon_comments.png');
}

a.action_comments.existing {
    background-image: url('../../images/icons/icon_comments_2.png');
}

a.action_worktime {
    background-image: url('../../images/icons/icon_time.png');
}

a.action_worktime.add {
    background-image: url('../../images/icons/icon_time_2.png');
}

a.action_sharing {
    background-image: url('../../images/icons/icon_sharing.png');
}

a.action_sharing.existing {
    background-image: url('../../images/icons/icon_sharing_2.png');
}

a.action_details {
    background-image: url('../../images/icons/icon_details.png');
}

a.action_versions {
    background-image: url('../../images/icons/icon_versions.png');
}

a.action_versions.existing {
    background-image: url('../../images/icons/icon_versions_2.png');
}

.action_invoice {
    background-image: url('../../images/icons/icon_invoice.png');
}

.action_invoice.existing {
    background-image: url('../../images/icons/icon_invoice_2.png');
}

a.action_download {
    background-image: url('../../images/icons/icon_down.png');
}

a.action_back {
    background-image: url('../../images/icons/icon_left.png');
}

a.action_print {
    background-image: url('../../images/icons/icon_print_2.png');
}

a.action_case_close {
    background-image: url('../../images/icons/icon_case_closed.png');
}

a.action_approve {
    background-image: url('../../images/icons/event_icon_ok.png');
}

td.icon {
    padding: 0 15px !important;
    background-position: center center !important;
}

/* 'details' content */
table.softnauts_details {
    width: 100%;
    margin-bottom: 10px;
}

.background-styles {
    width: 30px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    margin: 5px;
}

table.softnauts_details .table_header {
    background-color: #f2f2f2;
    font-weight: normal;
    text-transform: uppercase;
    font-weight: bold;
    color: #444;
    font-size: 110%;
    text-align: left;
    padding-left: 40px;
    background-repeat: no-repeat;
    background-position: 12px 10px;
}

table.softnauts_details .table_header .normal_text {
    text-transform: none;
}

table.softnauts_details th,
table.softnauts_details td {
    padding: 10px 12px;
    border-bottom: #e6e6e6 solid 1px;
}

table.softnauts_details th {
    width: 20%;
    background-color: #f2f2f2;
    text-align: right;
    font-weight: bold;
    font-size: 90%;
    color: #333;
    overflow: hidden;
    text-transform: uppercase;
}

table.softnauts_details td {
    width: 30%;
    text-align: left;
}

table.softnauts_details .unimportant {
    color: #888;
}

/* softnauts_details_table table (details inside softnauts_table and on 'show' pages) */
table.softnauts_details_table {
    margin: 5px 0 10px 0;
    width: 98%;
}

table.softnauts_details_table td {
    padding: 5px 5px !important;
    border: none !important;
    border-bottom: #ddd solid 1px !important;
    text-align: left;
}

table.softnauts_details_table td.actions {
    text-align: right;
    vertical-align: middle;
}

table.softnauts_table table.softnauts_details_table {
    margin: 0 5px;
}

td.td_icon {
    width: 30px;
}

td.td_date {
    width: 15%;
    overflow: visible;
}

/* comments */
div.comment {
    padding: 0px 10px 10px 10px !important;
    margin: 0 0 10px 0;
    border-bottom: #ddd solid 1px;
}

div.comment div {
    padding: 0 !important;
}

div.comment div.comment_content {}

div.comment a {
    color: #2E447A;
    text-decoration: underline;
    font-size: 110%;
}

/* pagination */
div.pagination {
    margin: 20px;
    float: right;
}

div.pagination span,
div.pagination a {
    padding: 2px 5px;
    border: transparent solid 1px;
    margin: 0 1px;
    float: left;
    color: #aaa;
}

div.pagination span.disabled {
    /*display:none;*/
    color: #eee;
}

div.pagination span {
    color: #bbb;
    background-color: #fefefe;
    border: #f7f7f7 solid 1px;
}

div.pagination a {
    color: #aaa;
    background-color: #fafafa;
    border: #ddd solid 1px;
    text-decoration: none;
}

div.pagination a:hover {
    color: #777;
    background-color: #f5f5f5;
    border-color: #bbb;
}

div.pagination span.current {
    position: relative;
    font-weight: bold;
    color: #444;
}

/* (KNP)
div.pagination {margin: 20px; float:right; }
div.pagination span {float: left; color:#aaa;}
div.pagination span a {color:#aaa; background-color:#fdfdfd; border: #ddd solid 1px; padding: 2px 5px; margin:1px; text-decoration: none; }
div.pagination span a:hover {color:#777; background-color:#f5f5f5; border-color:#bbb;}
div.pagination span.current {padding: 0 5px; position:relative; font-weight:bold; color:#666;}
*/
/* flash msgs */
div.flash {
    padding: 3px 8px;
    margin-bottom: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

div.flash-notice {
    background-color: #F2ECBF;
    border: #E5DA89 solid 1px;
    color: #756E3A;
}

div.flash-error {
    background-color: #F9DAD1;
    border: #D8A091 solid 1px;
    color: #8E371F;
}

div.flash-info {
    background-color: #E0F2D0;
    border: #B1CC99 solid 1px;
    color: #58753C;
}

div.flash .flash_close {
    float: right;
    padding: 1px 5px;
    cursor: pointer;
}

/* mimetype icons */
.mimetype_icon {
    float: left;
    margin: 0 3px;
}

.filename {
    line-height: 22px;
    /*default icon size is 22x22*/
}

.filename code {
    color: #999;
}

/* columns */
.column.two_col {
    padding: 1%;
    float: left;
}

/* user */
img.user_avatar {
    -moz-box-shadow: 0 0 8px #888;
    -webkit-box-shadow: 0 0 8px #888;
    box-shadow: 0 0 8px #888;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 125px;
    max-height: 200px;
}

/* */
#column_main .content_top_actions_bar {
    padding: 0 0 5px;
}

p.no_result {
    color: #666;
    font-size: 1.2em;
    font-style: italic;
}

#column_main h3 {
    padding: 10px 20px;
    color: #333;
}

tr.distinction td {
    font-weight: bold;
}

form ul.token-input-list,
#popup_content form ul.token-input-list,
#popup_content input[type="text"] {
    width: 92%;
}

div.form_field_content,
#popup_content div.form-row {
    text-align: left;
    width: 100%;
    display: flex;
}

#service,
#estimate_contact {
    margin-left: 10px;
}

#contacts_holders {
    margin-bottom: 10px;
}

.service_edit_field,
.contact_edit_field {
    display: flex;
    flex-direction: column;
    margin-left: 25%;
}

.service_edit_field,
.contact_edit_field {
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    padding-right: 10px;
}

.service_edit_field div.options,
.contact_edit_field div.options {
    display: flex;
    flex-direction: column;
    width: 20%;
}

.service_edit_field div.options span:nth-child(1),
.contact_edit_field div.options span:nth-child(1) {
    margin-bottom: 5px;
}

.service_edit_field div,
.contact_edit_field div {
    display: flex;
    flex-direction: row;
    color: #1479FB;
    font-weight: normal;
    width: 100%;
}

.service_edit_field .delete_service_icon,
.contact_edit_field .delete_contact_icon {
    margin: 0 10px 0 auto;
}

.service_edit_field .edit_service_icon,
.service_edit_field .delete_service_icon,
.contact_edit_field .edit_contact_icon,
.contact_edit_field .delete_contact_icon {
    display: flex;
    flex-direction: row;
    width: fit-content;
    cursor: pointer;
}


.service_edit_field .edit_service_icon svg,
.service_edit_field .delete_service_icon svg,
.contact_edit_field .edit_contact_icon svg,
.contact_edit_field .delete_contact_icon svg {
    margin: 4px 10px 0 0;
}

.service_edit_field p,
.contact_edit_field p {
    margin-bottom: 8px;
}

.service_edit_field p.summary-title,
.contact_edit_field p.summary-title {
    color: #363535;
    font-weight: bold;
}

div.form_field_content,
#popup_content span.form-widget {
    width: 100%;
    display: block;
}

div.form_field_content,
#popup_content span.form-widget>div {
    width: 95%;
}

.form-row {
    display: table-row;
}

.form-label {
    font-weight: bold;
    text-align: right;
    vertical-align: middle;
}

.form-label:first-child,
.form_field_content {
    display: table-cell;
    padding: 0px 5px 5px 0;
    ;
}

.form-row-content {
    display: table-cell;
    vertical-align: middle;
}

input[type="text"] {
    vertical-align: middle;
}

.form-row .form-label {
    width: auto;
}

form ul.token-input-list li.token-input-token {
    display: inline-block;
    margin: 2px 5px 0 0;
    line-height: 18px;
    padding: 0 1px;
}

form ul.token-input-list li.token-input-token p {
    display: block;
    padding-right: 5px;
}

/*form ul.token-input-list {padding: 1px;}
form ul.token-input-list li.token-input-list { border: 1px solid red;}
form ul.token-input-list li.token-input-token {padding: 0 10px 0 0; margin: 0; background: none;}
form ul.token-input-list li.token-input-token p {background: #e6ebf2; float:left; padding-left: 5px;}
form ul.token-input-list li.token-input-token span {background: #e6ebf2; margin-right:10px; float:left; padding: 0 5px;}
*/
input[type="text"].disabled {
    display: none;
}

.settings_container {
    padding: 0 20px 0 10px;
    display: block;
    float: left;
}

.settings_container ul {
    list-style-type: none;
    line-height: 23px;
}

.settings_container ul li a {
    color: #2E447A;
    text-decoration: none;
}

.settings_container ul li a:hover {
    text-decoration: underline;
}

#softnauts_userbundle_usertype_privileges {
    display: none !important;
}

.loading {
    width: 16px;
    height: 16px;
    border: none;
    display: inline-block;
    opacity: 0;
    background: url(../../images/icons/loading.gif) no-repeat #fff;
    background-size: 100% 100% !important;
    cursor: pointer;
    vertical-align: top;
}

.saved {
    font-size: 11px;
    display: inline-block;
    opacity: 0;
    vertical-align: middle;
}

table.daily-work-occupation {
    table-layout: fixed;
    border-collapse: collapse;
}

table.daily-work-occupation th,
table.daily-work-occupation td {
    text-overflow: ellipsis;
}

/*---------select--------------*/

form.filter_form div.form-row-content select,
form.filter_form input,
form.filter_form input[type='submit'] {
    padding: 3px;
    margin: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #fafafa;
    color: #631BB1;
    border: none;
    outline: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    min-height: 20px;

}

form.filter_form div.form-row-content select option:not(:checked) {
    color: #888;
}

form.filter_form input[type='submit'] {
    padding: 0px 10px;
}

.filter_letters_container {
    margin-top: 5px;
    margin-bottom: 10px;
    text-align: center;
}

.filter_letters_container a {
    color: #2E447A;
    margin: 0 2px;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    form.filter_form div.form-row-content select {
        padding-right: 10px;
        min-width: 100px;
    }

    form.filter_form div.form-row-content select option:hover {
        background: green;
    }
}

form.filter_form div.form-row-content {
    position: relative
}

form.filter_form div.form-row-content:after {
    content: '<>';
    font: 11px "Consolas", monospace;
    color: #963d97;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 7px;
    top: 3px;
    padding: 0 0 3px;
    border-bottom: 1px solid #963d97;
    position: absolute;
    pointer-events: none;
}

form.filter_form div.form-row-content {
    border: solid 1px #dcdcdc;
    border-radius: 4px;
}

form.filter_form div.form-row-content:hover {
    border: 1px solid #ccc;
    border-radius: 4px;
}

form.filter_form div.form-row-content:before {
    content: '';
    right: 6px;
    top: 0px;
    width: 20px;
    height: 20px;
    background: #fafafa;
    position: absolute;
    pointer-events: none;
    display: block;
}

#softnauts_worktimebundle_worktimefilter_day {
    width: 100px;
}

.sortingheaders th {
    cursor: pointer;
}

.vacation_header {
    border-bottom: 2px solid #fff;
    font-size: 16px;
    cursor: pointer;
}

.odrzucone,
.zatwierdzone {
    display: none;
}

.vacations_submenu {
    font-size: 12px;
    margin: 0 auto 10px;
    text-align: center;

}

.vacations_submenu a {
    margin: 0 10px 0 0;
    color: #2E447A;
    text-transform: uppercase;
}

.worktime-info div {
    display: inline-block;
    margin-right: 20px;
    margin-left: 10px;
    margin-bottom: 25px;
}

.worktime-info div span {
    font-weight: bold;
    text-transform: uppercase;
}

#softnauts_userbundle_userprofile .form-row {
    height: 35px;
}

#softnauts_userbundle_userprofile .form-row input,
#softnauts_userbundle_userprofile .form-row textarea {
    width: 100%;
    padding: 0 5px;
}

#softnauts_userbundle_userprofile .form-row label {
    text-transform: uppercase;
    display: inline-block;
    padding-right: 10px;
}

#softnauts_userbundle_userpassword {
    margin-left: 10px;
}

#softnauts_userbundle_userpassword div.form-row {
    height: 35px;
}

#softnauts_userbundle_userpassword ul.form_errors,
form span.form-widget ul.form_errors {
    margin-left: 0;
}

.expander1 {
    cursor: pointer;
}

div.wiecej-urlopu {
    margin-bottom: 30px;
}

.softCalendar button {
    display: inline-block;
    cursor: pointer;
    line-height: 1.5;
    text-transform: uppercase;
    color: #631BB1;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
    padding: 5px 12px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background-color: #f3f3f3;
    background-position: 6px 3px;
    border: solid 1px #dcdcdc;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    background-repeat: no-repeat;
    margin-bottom: 10px;
}

.softCalendar button:hover {
    color: #333;
    border-color: #ccc;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.softCalendar button:active {
    background-color: #eee;
    border: 1px solid #aaa;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: #333;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#EEEEEE', EndColorStr='#E0E0E0');
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);

}

.softCalendar div.selectedMonthAndYear {
    display: inline-block;
    text-align: center;
    font-weight: bold;
    width: 150px;
    text-transform: uppercase;
    color: #444;
}

.softCalendar div.square {
    width: 15px;
    height: 15px;
    display: table-cell;
    margin-right: 5px;
}

.softCalendar div.legend-container {
    display: inline-block;
    margin-left: 20px;
    margin-top: 20px;
}

.softCalendar div.legend {
    display: inline-block;
    margin-right: 10px;
}

.softCalendar span {
    display: table-cell;
    padding-left: 5px;
    text-transform: uppercase;
    font-size: 10px;
}

.softCalendar table {
    width: 70%;
    font-size: 11px;
    color: #444;
}

.softCalendar table th {
    text-align: center;
    border: 1px solid #e2e2e2;
    background-color: #f1f1f1;
    color: #444;
    font-weight: bold;
    text-transform: uppercase;
    width: 10px;
    line-height: 2em;
}

.softCalendar table th:first-child {
    width: 19%;
}

.softCalendar table td {
    border: 1px solid #e2e2e2;
    background: #fafafa;
    line-height: 2em;
}

.softCalendar table th.today {
    border-top: 1px solid #631BB1;
    border-left: 1px solid #631BB1;
    border-right: 1px solid #631BB1;
}

.softCalendar table td.today {
    border-left: 1px solid #631BB1;
    border-right: 1px solid #631BB1;
}

.softCalendar table tr:last-child td.today {
    border-bottom: 1px solid #631BB1;
}

.softCalendar table tr td:first-child {
    text-align: right;
    font-weight: bold;
    background: #f1f1f1;
    padding-right: 15px;
}

.softCalendar table td.holiday {
    background: #f1f1f1;
}

.softCalendar table td.wypoczynkowy,
div.square.square0 {
    background: #631BB1;
}

.softCalendar table td.occasional,
div.square.square1 {
    background: #E97451;
}

.softCalendar table td.l4,
div.square.square4 {
    background: #007fff;
}

.softCalendar table td.ondemand,
div.square.square2 {
    background: #D3452A;
}

.softCalendar table td.forsatuday,
div.square.square3 {
    background: #3A2B29;
}

.softCalendar table td.overtime,
div.square.square6 {
    background: pink;
}

.softCalendar table td.part-time,
div.square.square7 {
    background: #ffff00;
}

.softCalendar table td.previous,
div.square.square8 {
    background: #407D2C;
}

.softCalendar table td.wfh,
div.square.square5 {
    background: #9CD32A;
}

.softCalendar table tr:hover td {
    border-top: 1px solid #631BB1;
    border-bottom: 1px solid #631BB1;
}

.softCalendar table tr:hover td:first-child {
    border-left: 1px solid #631BB1;
}

.softCalendar table tr:hover td:last-child {
    border-right: 1px solid #631BB1;
}

.work-time {
    display: block;
    padding-left: 10px;
    padding-bottom: 10px;
}

.work-time .notification {
    display: inline-block;
    margin: 0 5px 10px;
}

.work-time .notification.date {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #F9DAD1;
    border: #D8A091 solid 1px;
    color: #8E371F;
}

.work-time .notification.description {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #F2ECBF;
    border: #E5DA89 solid 1px;
    color: #756E3A
}

.work-time .notification a {
    text-decoration: none;
    color: inherit;
    font-weight: bold;

    height: 100%;
    display: block;
    padding: 3px 8px 3px 4px;
    cursor: pointer;

}

.dark-gray {
    background: #f1f1f1 !important;
    border: 1px solid #fff;
}

table.softnauts_table tr:hover td.dark-gray {
    background-color: #FFE3C4 !important;
}

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
    display: none !important;
}

/*
#softnauts_worktimebundle_stopertype_help{
  width: 61%;
  height: 25px;
  position: absolute;
  margin-top:-29px;
  z-index:3000;

}


#softnauts_worktimebundle_stopertype_title{
  position: absolute;
  z-index: 3001;
   margin-top:-11px;
   width: 54% !important;
   border: 0px;
   height: 20px;
   margin-left: 2px
}
#softnauts_worktimebundle_stopertype_title:focus{
  border: 0px;
  outline:  none;
}*/

.angular-table thead.active tr th {
    color: #631BB1;
}

.no-hover tbody tr:hover td {
    background-color: inherit;
}

.tr-hover:hover {
    background-color: #FFE3C4;
}

.text-alert {
    color: red;
}

.text-active {
    color: green;
}

#contracts_table tr.warning {
    background-color: #F2DEDE;
}

#contracts_table tr.warning td {
    background-color: unset;
}

.profile_column {
    min-height: 600px;
}

.form-help-header {
    background-color: #F5F5F5;
    border-radius: 4px;
    padding: 20px 40px;
}

.form-help-header .title {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.form-help-header .title img {
    margin-right: 10px;
}

.form-help-header .text {
    color: #666;
}

/*--------ADMIN DASHBOARD---------*/

.calendar {
    display: flex;
    flex-direction: column;
    margin: 20px 40px 0 10px;
}

.calendar nav {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.calendar nav .chevron-left,
.calendar nav .chevron-right {
    display: block;
    background-image: url('../../images/chevron-left.png');
    height: 15px;
    width: 9px;
    cursor: pointer;
}

.calendar-container .calendar-loader-wrapper {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.calendar-loader {
    background-image: url('../../images/layout/ajax-loader.gif');
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
}

.calendar nav .chevron-right {
    transform: rotate(180deg);
}

.extended-day-information .calendar-date {
    color: #222222;
    text-transform: uppercase;
}

.calendar nav p {
    margin: 0 20px;
    font-size: 18px;
    line-height: 0;
    color: #631BB1;
}

.calendar-and-info-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 40px;
}

.dashboard-cell:hover {
    border-color: #000;;
}

.month-name-container {
    cursor: pointer;
}

.info-container,
.day-container,
.month-container,
.content-container {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.month-container.second-data {
    margin-top: 30px;
}

.info-container {
    width: 25%;
}

.day-container h1,
.month-container h1 {
    background-color: #B0B0B0;
    color: #fff;
    width: 100%;
    padding: 20px 10px;
    font-size: 15px;
    box-sizing: border-box;
}

.day-container.expense h1,
.month-container.expense h1 {
    background-color: #EB5757;
}

.day-container.income.zero-income h1,
.day-container.expense.zero-income h1,
.month-container.income.zero-income h1,
.month-container.expense.zero-income h1 {
    background-color: #BDBDBD;
}

.day-container.income h1,
.month-container.income h1 {
    background-color: #27AE60;
}


.day-container p,
.month-container p {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 0;
    padding: 7px;
    width: 100%;
    box-sizing: border-box;
}
.month-container p.footer{
    background-color: #F0F0F0;
    color: #808080;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.month-container p.footer > span {
    font-weight: normal;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 0;
    width: 100%;
    box-sizing: border-box;
}
.month-container p.footer > span > span{
    padding-left: 1em;
}

.day-container p.analysis,
.month-container p.analysis {
    color: #808080;
    padding-top: 0;
    font-size: 0.85em;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
}
.month-container p.analysis > span,
.day-container p.analysis > span,
.month-container p.analysis > span:last-child,
.day-container p.analysis > span:last-child
{
    font-weight: normal;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.month-container p.analysis > span > span,
.day-container p.analysis > span > span {
    padding-left: 1em;
}

.day-container.income p span.value,
.month-container.income p span.value {
    color: green;
}

.day-container.income.zero-income p span.value,
.month-container.income.zero-income p span.value,
.day-container.expense.zero-income p span.value,
.month-container.expense.zero-income p span.value {
    color: #828282;
}

.day-container.expense p span.value,
.month-container.expense p span.value {
    color: red;
}

.day-container {
    margin-bottom: 40px;
}

.content-container {
    border: 1px solid #DFDFDF;
    box-sizing: border-box;
    padding: 7px;
}

.content-container p span:last-child {
    text-align: right;
}

.day-container p span:last-child,
.month-container p span:last-child {
    font-weight: bold;
}

.calendar-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 100px 100px 100px 100px 100px 100px;
    width: 70%;
    height: 100%;
    border: 1px solid #DFDFDF;
    position: relative;
    background-color: #FFFFFF;
}

.calendar-container.year-type {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 50px 50px 50px 50px 50px 50px;
    height: fit-content;
}

.calendar-container.year-type .month-name-container {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #dfdfdf;
    position: relative;
    background-color: #FFFFFF;
    text-transform: capitalize;
}

.calendar-container.year-type .month-name-container.today-income {
    background-color: #27AE60;
}


.calendar-container.year-type .month-name-container.today-income.zero-income,
.calendar-container.year-type .month-name-container.today-expense.zero-income {
    background-color: #BDBDBD;
}

.calendar-container.year-type .month-name-container.income.today-income.zero-income p,
.calendar-container.year-type .month-name-container.expense.today-expense.zero-income p {
    color: white !important;
}

.calendar-container.year-type .month-name-container.expense.zero-income p,
.calendar-container.year-type .month-name-container.income.zero-income p {
    color: #828282 !important;
}

.calendar-container.year-type .month-name-container.income.zero-income p.month-zero-income {
    position: absolute;
    right: 20px;
}

.calendar-container.year-type .month-name-container.zero-income p.month-zero-income {
    border-radius: 5px;
    padding: 2px 5px;
    position: absolute;
    right: 20px;
}

.calendar-container.year-type .month-name-container.expense p.month-expense {
    color: #EB5757 !important;
    background-color: rgba(235, 87, 87, 0.3);
    border-radius: 5px;
    padding: 2px 5px;
    position: absolute;
    right: 20px;
}

.calendar-container.year-type .month-name-container.income p.month-income {
    color: #27AE60 !important;
    background-color: rgba(39, 174, 96, 0.3);
    border-radius: 5px;
    padding: 2px 5px;
    position: absolute;
    right: 20px;
}

.calendar-container.year-type .month-name-container.this-month {
    border: 1px solid #631BB1;
}

.calendar-container.year-type .month-name-container.today-income p.month-income,
.calendar-container.year-type .month-name-container.today-expense p.month-expense {
    color: white !important;
}

.calendar-container.year-type .month-name-container.today-expense {
    background-color: #EB5757;
}

.calendar-container.year-type .month-name-container.today-expense p,
.calendar-container.year-type .month-name-container.today-income p {
    color: #fff !important;
}

.calendar-container.year-type .month-name-container p {
    margin: 0;
}

.calendar-container.year-type .month-name-container.income p {
    color: #27AE60;
}

.calendar-container.year-type .month-name-container.expense p {
    color: #EB5757;
}

.calendar-container.more-days {
    grid-template-rows: 100px 100px 100px 100px 100px 100px;
}

.calendar-container.february {
    grid-template-rows: 100px 100px 100px 100px;
    height: fit-content;
}

.calendar-container .calendar-day {
    border: 1px solid #DFDFDF;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.calendar-container .calendar-day.weekend {
    background-color: #F4F4F4;
}

.calendar-container .calendar-day.emptyDay {
    cursor: default;
    background-color: #F4F4F4;
}

.calendar-container .calendar-day.active{
    background-color: #E0E0E0;
}

.calendar-container .calendar-day.income.active{
    background-color: #E0FFE0;
}

.calendar-container .calendar-day.expense.active{
    background-color: #FFE0E0;
}

/* .calendar-container .calendar-day.weekend.today-zero-income p.day-info span:first-child,
.calendar-container .calendar-day.weekend.today-zero-income p.day-info span:last-child,
.calendar-container .calendar-day.today-zero-income p.day-info span:first-child,
.calendar-container .calendar-day.today-zero-income p.day-info span:last-child  {
    color: BDBDBD;
} */

/* .calendar-container .calendar-day.weekend.today-zero-income p.income span:first-child,
.calendar-container .calendar-day.weekend.today-zero-income p.income span:last-child,
.calendar-container .calendar-day.today-zero-income p.income span:first-child,
.calendar-container .calendar-day.today-zero-income p.income span:last-child {
    color: #fff;
    background-color: unset;
} */

.calendar-container .calendar-day.weekend.today-income,
.calendar-container .calendar-day.today-income {
    background-color: #27AE60;
}

.calendar-container .calendar-day.today-day {
    border: 1px solid #631BB1;
}

.calendar-container .calendar-day.today-zero-income.weekend {
    background-color: #BDBDBD !important;
}

.calendar-container .calendar-day.today-zero-income {
    background-color: #BDBDBD;
    color: white !important;
}

.calendar-container .calendar-day.weekend.today-zero-income p.day-info span:first-child,
.calendar-container .calendar-day.weekend.today-zero-income p.day-info span:last-child,
.calendar-container .calendar-day.today-zero-income p.day-info span:first-child,
.calendar-container .calendar-day.today-zero-income p.day-info span:last-child,
.calendar-container .calendar-day.today-zero-income p.zero {
    color: #fff;
}


.calendar-container .calendar-day.weekend.today-income p.day-info span:first-child,
.calendar-container .calendar-day.weekend.today-income p.day-info span:last-child,
.calendar-container .calendar-day.today-income p.day-info span:first-child,
.calendar-container .calendar-day.today-income p.day-info span:last-child {
    color: #fff;
}

.calendar-container .calendar-day.weekend.today-income p.income span:first-child,
.calendar-container .calendar-day.weekend.today-income p.income span:last-child,
.calendar-container .calendar-day.today-income p.income span:first-child,
.calendar-container .calendar-day.today-income p.income span:last-child {
    color: #fff;
    background-color: unset;
}

/*.calendar-container .calendar-day:nth-child(7n),*/
/*.calendar-container .calendar-day:nth-child(7n-1) {*/
/*    background-color: #F4F4F4;*/
/*}*/

.calendar-container .calendar-day.weekend.today-expense,
.calendar-container .calendar-day.today-expense {
    background-color: #EB5757;
}

.calendar-container .calendar-day.weekend.today-expense p.day-info span:first-child,
.calendar-container .calendar-day.weekend.today-expense p.day-info span:last-child,
.calendar-container .calendar-day.today-expense p.day-info span:first-child,
.calendar-container .calendar-day.today-expense p.day-info span:last-child {
    color: #fff;
}

.calendar-container .calendar-day.weekend.today-expense p.expense span:first-child,
.calendar-container .calendar-day.weekend.today-expense p.expense span:last-child,
.calendar-container .calendar-day.today-expense p.expense span:first-child,
.calendar-container .calendar-day.today-expense p.expense span:last-child {
    color: #fff;
    background-color: unset;
}

.calendar-container .calendar-day.inactive {
    background-color: #F4F4F4;
}

.calendar-container .calendar-day.inactive p:last-child {
    display: none;
}

.calendar-container .calendar-day p.day-info {
    margin-top: 5px;
    align-items: center;
}

.calendar-container .calendar-day p.day-info span:first-child {
    font-size: 18px;
    color: #BDBDBD;
}

.calendar-container .calendar-day p.day-info span:last-child {
    color: #BDBDBD;
}

.calendar-container .calendar-day p {
    width: 80%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0;
}

.calendar-container .calendar-day p.income,
.calendar-container .calendar-day p.expense,
.calendar-container .calendar-day p.zero {
    border-radius: 5px;
    padding: 2px 5px;
    margin: 5%;
    display: flex;
    justify-content: flex-end;
    width: fit-content;
    align-self: flex-end;
}

.calendar-container .calendar-day.weekend p.day-info span.income-number,
.calendar-container .calendar-day.weekend p.day-info span.expense-number,
.calendar-container .calendar-day.weekend p.day-info span.zero-number {
    color: #828282;
}

.calendar-container .calendar-day p.day-info span.zero-number {
    color: #BDBDBD;
}

.calendar-container .calendar-day p.day-info span.income-number {
    color: #27AE60;
}

.calendar-container .calendar-day p.day-info span.expense-number {
    color: #EB5757;
}

.calendar-container .calendar-day p.income {
    background-color: rgba(39, 174, 96, 0.3);
}

.calendar-container .calendar-day p.expense {
    background-color: rgba(235, 87, 87, 0.3);
}

.calendar-container .calendar-day p.zero {
    background-color: rgba(189, 189, 189, 0.3);
    color: #828282;
}

.month-employer-rate input,
.month-netto-rate input,
.month-brutto-rate input {
    width: 80% !important;
    margin-right: 5px;
}

.calendar-container .calendar-day p.income span.value {
    color: #27AE60;
}

.calendar-container .calendar-day p.expense span.value {
    color: #EB5757;
}

@media screen and (max-width: 1200px){
    .calendar-container .calendar-day p.income span.value {
        font-size: 0.8em;
    }

    .calendar-container .calendar-day p.expense span.value {
        font-size: 0.8em;
    }
}

.client-diligence-wrapper span.month-name {
    text-transform: uppercase;
}

.client-diligence-wrapper,
.client-diligence-wrapper div {
    display: flex;
    flex-direction: column;
    width: 95%;
    margin: 0 auto 0 5px;
    display: -webkit-flex;
}

.client-diligence-wrapper div.single-diligence-estimate {
    margin: 0;
}

.client-diligence-wrapper .date-wrappper {
    width: 100%;
}

.client-diligence-wrapper .date-wrappper h2 .money-sum-field{
    display: inline-block;
    width: 110px;
    text-align: right;
}
.client-diligence-wrapper .date-wrappper h2 .time-sum-field{
    display: inline-block;
    width: 60px;
    text-align: right;
}

.client-diligence-wrapper div.client div {
    margin: 6px auto 0 5px;
}

.client-diligence-wrapper div.client div:last-child {
    margin-bottom: 6px;
}

.client-diligence-wrapper div.client div:first-child {
    margin-top: 6px;
}

.client-diligence-wrapper div.client .estimate-list,
.client-diligence-wrapper div.client .estimate-list-content,
.client-diligence-wrapper div.client .content-for-single_diligence-estimate {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.client-diligence-wrapper {
    width: 96% !important;
}

.content-for-single_diligence-estimate a {
    text-decoration: none !important;
}

.client-diligence-wrapper p,
.client-diligence-wrapper span,
.client-diligence-wrapper h2 {
    cursor: pointer;
    font-size: 12px;
}

.client-diligence-wrapper h2 p {
    font-weight: bold;
    text-transform: uppercase;
}

.client-diligence-wrapper .single-diligence-estimate.diligence-header p {
    font-weight: bold !important;
}

.client-diligence-wrapper .single-diligence-estimate p {
    font-weight: normal !important;
}

.client-diligence-wrapper h2 {
    background-color: #f1f1f1;
    width: 100%;
    padding: 10px 20px;
    font-size: 20px;
    color: #363535 !important;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    display: -webkit-box;
    -webkit-box-pack: justify;
}

.client-diligence-wrapper h2.active,
.extended-day-information h2.active,
.client-diligence-wrapper h2.active p span,
.extended-day-information h1.active .calendar-date,
.extended-day-information h1.active span {
    color: #631BB1 !important;
}

.client-diligence-wrapper p {
    margin: 5px 0;
}

.client-diligence-wrapper p.error-message {
    color: red;
}

.client-diligence-wrapper h2 p {
    display: flex;
    flex-direction: row;
    margin: 0;
}

.client-diligence-wrapper h2 p span:nth-child(2) {
    margin-left: 10px;
}

.client-diligence-wrapper .estimate-list-content span {
    color: #363535;
    /* font-weight: normal; */
    font-size: 12px;
}

.client-diligence-wrapper .single-diligence-estimate p,
.extended-day-information .single-diligence-estimate p,
.client-diligence-wrapper .diligence-description,
.extended-day-information .diligence-description {
    cursor: default;
}

.client-diligence-wrapper .single-diligence-estimate,
.extended-day-information .single-diligence-estimate {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    display: -webkit-box;
}

.client-diligence-wrapper .est-container,
.extended-day-information .est-container,
.client-diligence-wrapper .content-for-single_diligence-estimate,
.extended-day-information .content-for-single_diligence-estimate {
    width: 100%;
}

.client-diligence-wrapper .est-container:nth-child(odd),
.extended-day-information .est-container:nth-child(odd) {
    background-color: #f1f1f1;
}

.client-diligence-wrapper .est-container:nth-child(even),
.extended-day-information .est-container:nth-child(even) {
    background-color: rgb(253, 253, 253);
}

.client-diligence-wrapper .est-container:first-child,
.extended-day-information .est-container:first-child {
    font-weight: bold;
}

.client-diligence-wrapper .est-container:last-child,
.extended-day-information .est-container:last-child {
    margin-bottom: 10px;
}

.client-diligence-wrapper .single-diligence-estimate p,
.extended-day-information .single-diligence-estimate p {
    font-size: 0.8em;
    width: 100px;
    padding: 5px;
    word-break: break-word;
    text-align: left;
    margin: 0;
    -webkit-box-flex: 1;
}

.client-diligence-wrapper .diligence-description,
.extended-day-information .diligence-description {
    font-size: 10px;
    color: gray;
    margin: 0 0 0 10px;
    padding-bottom: 5px;
    font-weight: normal;
}

.client-diligence-wrapper .diligence-comments,
.extended-day-information .diligence-comments {
    font-size: 10px;
    color: #D00;
    margin: 0 0 0 10px;
    padding-bottom: 5px;
}

.client-diligence-wrapper .single-diligence-estimate p.diligence-1,
.extended-day-information .single-diligence-estimate p.diligence-1 {
    background-image: url('../../images/icons/icon_invoice_2.png');
}

.client-diligence-wrapper .single-diligence-estimate p.null-description,
.extended-day-information .single-diligence-estimate p.null-description {
    background-image: url('../../images/icons/alert.png');
    width: 10px !important;
    height: 10px !important;
    background-position: center !important;
    background-size: contain !important;
    margin: 0 10px 0 5px;
}

.client-diligence-wrapper .single-diligence-estimate p.diligence-0,
.extended-day-information .single-diligence-estimate p.diligence-0 {
    background-image: url('../../images/icons/icon_invoice.png');
}

.client-diligence-wrapper .single-diligence-estimate p:first-child,
.extended-day-information .single-diligence-estimate p:first-child {
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
}

.services-list {
    display: table;
    margin-right: 2em;
    width: 100%;
}

.services-list .single-service {
    display: table-row;
    background-color: #fafafa;
}
.services-list .single-service p {
    display: table-cell;
    padding: 0.25em 0.5em;
    text-align: center;
    vertical-align: middle;
}

.services-list .single-service p .primary-value {
    font-weight: 500;
    white-space: nowrap;
}
.services-list .single-service p .secondary-value {
    color: #A0A0A0;
    font-size: 0.9em;
    white-space: nowrap;
}
.services-list .single-service p .tax-value {
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #FFFFFF;
    background-color: #8db2e3;
    font-size: 0.9em;
    line-height: 1;
    padding: 0.2em 0.5em;
    white-space: nowrap;
}
.services-list .single-service p.is-negative .primary-value {
    color: #FF0000;
}
.services-list .single-service p.is-negative .secondary-value {
    color: #FFA0A0;
}

.services-list .single-service p.header {
    font-weight: bold;
}

.services-list .single-service:nth-child(odd) {
    background-color: #f1f1f1;
}

.services-list.admin-dashboard .single-service p {
    width: 20%;
}

.services-list.admin-dashboard .single-service:nth-child(even) {
    background-color: #f1f1f1;
}

.services-list.admin-dashboard .single-service:nth-child(odd) {
    background-color: #fafafa;
}

.extended-day-information {
    width: 100%;
    margin-top: 40px;
}

.services-list-wrapper,
.services-list.admin-dashboard,
.client-list,
.client-cases-list,
.billable-or-not-billable-container {
    flex-direction: column;
    display: none;
}

.client-list,
.billable-or-not-billable-container,
.single-client,
.services-list.admin-dashboard,
.services-list .single-service {
    margin: 0 auto;
}

.client-list {
    width: 100%;
}

.services-list.admin-dashboard {
    margin-bottom: 10px;
}

.billable-or-not-billable-container,
.single-client,
.services-list.admin-dashboard,
.services-list .single-service {
    width: 95%;
}

.billable-or-not-billable-container .content {
    width: 95%;
}

.single-client {
    width: 90%;
}

.services-list.admin-dashboard {
    width: 100%;
}

.billable-or-not-billable-container,
.billable-or-not-billable-container .content,
.single-client,
.services-list.admin-dashboard {
    margin: 0 auto 0 5px;
}

.single-client {
    margin-left: 20px;
}

.services-list.admin-dashboard {
    margin-left: 0;
}

.extended-day-information h1,
.extended-day-information h2 {
    font-size: 12px;
    margin: 0 0 10px 0;
    width: 100%;
    background-color: #f1f1f1;
    color: #363535 !important;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
}

.extended-vacation-information .summary {
    background-color: #f1f1f1;
    font-size: 12px;
    margin: 0 0 10px 0;
    padding: 1em;
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    justify-content: space-between;
    gap: 1em;
}
.extended-vacation-information .summary .cost {
    color: #A06060;
}
.extended-vacation-information .summary .width5em {
    width: 5em;
}
.extended-vacation-information .spacer {
    flex: 1;
}

.extended-vacation-information .users-details {
    display: none;
    width: 90%;
    margin: 0 auto;
    transition: height 0.5s;
    overflow: hidden;
}
.extended-vacation-information .users-details.is-extended{
    display: table;
}
.extended-vacation-information .users-details .header {
    padding: 0.25em 0.5em;
    display: table-cell;
    font-size: 0.85em;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    background-color: #f1f1f1;
}
.extended-vacation-information .users-details .user-details {
    display: table-row;
}
.extended-vacation-information .users-details .user-details .cell {
    padding: 0.25em 0.5em;
    display: table-cell;
    text-align: right;
    border-bottom: solid 1px #f1f1f1;
}

/* WORKTIME */

.worktime-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.worktime-wrapper .month-data-container {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.worktime-wrapper .month-data-container h2 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    padding: 10px 20px;
    cursor: pointer;
    background-color: #f1f1f1;
}

.worktime-wrapper .month-data-container h2.active {
    color: #631BB1 !important;
}

.worktime-wrapper .month-data-container h2 .money-sum-field{
    display: inline-block;
    width: 110px;
}
.worktime-wrapper .month-data-container h2 .time-sum-field{
    display: inline-block;
    width: 60px;
}

.worktime-wrapper h2 span {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}

.month-data {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.single-raport {
    padding: 8px 0;
}

.single-raport:first-child p {
    /* text-transform: uppercase; */
}

.month-data>.single-raport:first-child p {
    text-transform: uppercase;
}

.month-data .single-raport:nth-child(odd) {
    background-color: #f1f1f1;
}

.single-raport:first-child .raport-info p:first-child {
    height: 0;
}

.raport-info {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    display: -webkit-box;
}

.raport-info.header-raport {
    font-weight: bold;
    text-transform: uppercase;
}

.raport-info p,
.raport-description,
.raport-comments {
    margin: 0;
    font-size: 10px;
    -webkit-box-flex: 1;
}

.raport-description,
.raport-comments {
    padding: 5px 10px 0;
    color: gray;
    width: calc(100% - 20px);
    word-break: break-all;
}

.raport-comments {
    color: #D00;
}

.raport-info p {
    width: 200px;
    height: fit-content;
    margin: 0 5px;
    word-break: break-all;
}

.raport-info p:first-child {
    width: 30px;
    height: 20px !important;
}

.raport-info .report-billable,
.raport-info .report-unbillable {
    background-image: url('../../images/icons/icon_invoice_2.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.raport-info .report-unbillable {
    background-image: url('../../images/icons/icon_invoice.png');
}

.raport-info .null-description {
    background-image: url('../../images/icons/alert.png');
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat;
    width: 20px !important;
    height: 20px !important;
}

.info-message {
    margin: 5px 0 5px 10px;
    font-size: 12px;
}

/* WORKERS */

.workers-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.workers-list {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.single-worker {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.single-worker .worker-info,
.workers-options {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.single-worker .worker-info {
    width: 100%;
    justify-content: space-between;
}

.single-worker p {
    box-sizing: border-box;
    word-break: break-all;
    font-size: 12px;
    margin: 0 5px;
    width: 50px;
    padding: 8px;
}

.single-worker p a {
    color: #2E447A;
    text-decoration: none;
}

.single-worker p:nth-child(1) {
    width: 100px;
}

.single-worker p:nth-child(2) {
    width: 120px;
}

.single-worker p:nth-child(3),
.single-worker p:nth-child(4) {
    width: 200px;
}

.single-worker p:nth-child(5) {
    width: 100px;
}

.single-worker p.image-container {
    height: 20px;
    width: 30px;
    margin: 0;
    padding: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.edit-worker,
.activate-worker,
.deactivate-worker,
.delete-worker {
    cursor: pointer;
}

.deactivated.deactivated {
    opacity: 0.5;
}

.single-worker p.edit-worker {
    background-image: url('../../images/icons/icon_edit.png');
}

.single-worker p.activate-worker {
    background-image: url('../../images/icons/event_icon_ok.png');
}

.single-worker p.deactivate-worker {
    background-image: url('../../images/icons/icon_delete.png');
}

.single-worker p.delete-worker {
    background-image: url('../../images/icons/icon_minus.png');
}

.single-worker:nth-child(even) {
    background-color: #f1f1f1;
}

.single-worker:nth-child(odd) {
    background-color: #fafafa;
}

.single-worker:first-child {
    font-weight: bold;
    text-transform: uppercase;
    background-color: #f1f1f1;
    border-bottom: 1px solid black;
}

.number-of-workers {
    margin: 0;
}

.filter-options {
    margin: 0 10px 10px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.active-workers,
.search-box {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.filter-options input {
    margin-left: 10px;
}

.back-button {
    color: white !important;
    border-color: #631BB1;
    background: #631BB1;
    text-shadow: 0 1px 0 #888;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
    padding: 8px 20px;
    border-radius: 2px;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
}

/* Fixed costs */

.fixed-costs-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.year-costs-container,
.mont-costs-container {
    width: 95%;
    margin: 6px 0 0 5px;
}

.mont-costs-container {
    width: 95%;
    display: flex;
    flex-direction: column;
}

.month-wraper {
    width: 100%;
}

.fixed-costs-wrapper h2 {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    text-transform: uppercase;
    font-size: 12px;
    background-color: #f1f1f1;
    padding: 10px 20px;
    font-weight: bold;
    cursor: pointer;
}

.fixed-costs-wrapper h2.active {
    color: #631BB1;
}

.single-cost {
    width: 100%;
    box-sizing: border-box;
    font-size: 12px;
    background-color: #f1f1f1;
    padding: 10px 20px;
    margin: 0 0 6px 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    display: grid;
    grid-template-columns: 110px minmax(120px, 100%)  60px 60px  80px  minmax(50px,80px) minmax(100px,300px) minmax(60px,120px) minmax(60px,120px) 30px 30px;
    grid-template-rows: 40px auto;
}

.single-cost.has-alerts {
    border-left: 4px solid #FF0000;
    border-right: 4px solid #FF0000;
}

.single-cost p a {
    color: #1479FB;
    text-decoration: none;
}

.single-cost .no-invoice {
    color: red;
}

.single-cost div {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.single-cost div:last-child {
    display: grid;
    grid-template-columns: minmax(50px,100px) minmax(50px,100px)  minmax(50px,100px) minmax(100px,220px) minmax(60px,120px) minmax(60px,120px) 30px 30px;
    grid-template-rows: 40px auto;
}

.single-cost div:first-child {
    display: grid;
    grid-template-columns: 120px minmax(120px, 100%);
    grid-template-rows: 40px auto;
}

.single-costs-header {
    font-weight: bold;
}

.single-cost p {
    margin: 0;
    word-break: break-all;
}

.single-cost p.edit-icon,
.single-cost p span.not-paid,
.single-cost p span.paid {
    height: 20px;
    width: 30px;
    margin: 0;
    padding: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../../images/icons/icon_edit.png');
    cursor: pointer;
}

.single-cost p.clone-icon {
    height: 20px;
    width: 30px;
    margin: 0;
    padding: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../../images/icons/icon_clone.png');
    cursor: pointer;
}

.single-cost p span.paid,
.single-cost p span.not-paid {
    margin-right: 5px;
    width: 20px;
    height: 15px;
}

.single-cost p span.not-paid {
    background-image: url('../../images/error.png');
}

.single-cost p span.paid {
    background-image: url('../../images/tick.png');
}

.single-cost p.info {
    align-items: center;
    display: flex;
    flex-direction: row;
}

.unsettled-settlements {
    margin-bottom: 10px;
}

/* ADDITIONAL INFO WHILE ADDING/EDITING CONTRACT IN OFFICE -> CONTRACTS */

.additional-info {
    background-color: #f1f1f1;
    border-radius: 10px;
    color: gray;
    padding: 20px;
    margin-bottom: 20px;
}

.additional-info .additional-info-header {
    display: flex;
    flex-direction: row;
}

.additional-info .additional-info-header p:first-child {
    background-image: url('../../images/icons/icon_comments.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
}

.additional-info .additional-info-header p:last-child {
    text-transform: uppercase;
    font-weight: bold;
    color: #363535;
    margin-left: 10px;
}

.additional-info ol {
    margin-left: 20px;
}

.zip-download {
    background-color: #631BB1;
    text-decoration: none;
    margin-right: 10px;
    color: white;
    padding: 5px 10px;
}

.zip-download:hover {
    color: white;
}

.year-costs-container {
    flex-direction: column;
}

#pagination_container_worktime {
    display: flex;
    flex-flow: wrap;
}

.pagination_page_worktime {
    margin-left: 5px;
}

.pagination_page_worktime a {
    color: cornflowerblue;
    text-decoration: none;
}

.pagination_active a {
    color: #363535 !important;
}

/* Settlement page */

.settlement-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.settlement-wrapper .month-data-container {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.settlement-wrapper .month-data-container h2 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 5px 20px;
    cursor: pointer;
    background-color: #f1f1f1;
}

.settlement-wrapper .month-data-container h2.active {
    color: #631BB1 !important;
}

.settlement-wrapper h2 span {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}

.month-data {
    display: flex;
    flex-direction: column;
    width: 95%;
}

.month-data .single-month-data-container {
    margin: 6px 0 0 5px;
}

.month-data .single-month-data-container h2 p {
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.month-data .single-month-data-container h2 p span:last-child {
    margin-left: 10px;
}

.month-data .single-month-data-container h2 p .download-zip-settlement {
    background-color: #631BB1;
    text-decoration: none;
    margin-right: 10px;
    color: white;
    display: flex;
    align-items: center;
    padding: 5px 10px;
}

.month-data .single-month-data {
    display: flex;
    flex-direction: column;
    width: 95%;
    margin-left: 10px;
}

.month-data .single-month-data-container:last-child {
    margin: 6px 0 6px 5px;
}

.month-data .single-month-content p:nth-child(2) {
    min-width: 150px;
}

.month-data .single-month-content {
    margin: 6px 0 0 0;
    padding: 10px 20px;
    background-color: #f1f1f1;
    display: grid;
    grid-template-columns: 100px auto 180px 120px 50px 225px 20px;
    align-items: center;
    width: 100%;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

.month-data .single-month-content p {
    padding: 0 5px;
    font-size: 12px;
}

.month-data .single-month-content.has-alerts {
    border-left: 4px solid #FF0000;
    border-right: 4px solid #FF0000;
}

.month-data .single-month-content p.delete-settlement-icon {
    background-repeat: no-repeat;
    background-size: contain;
    height: 15px;
    width: 15px;
    background-image: url('../../images/icons/icon_delete.png');
    cursor: pointer;
}

.month-data .single-month-content p:nth-child(5),
.month-data .single-month-content p:nth-child(6) {
    cursor: pointer;
    color: #631BB1;
}

.month-data .single-month-content a.add-settlement {
    width: unset !important;
    color: #631BB1;
}

.month-data .single-month-content a {
    text-decoration: none;
    color: blue;
    font-size: 12px;
}

.month-data .single-month-content a.button {
    text-decoration: none;
    color: #6e6e6e;
    font-size: 11px;
    line-height: normal;
}

.month-data .single-month-content p.integrated {
    color: #363535 !important;
    cursor: default !important;
}

.month-data .single-month-content p {
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.month-data .single-month-content p.download-settlement {
    color: #1479FB;
    cursor: pointer;
}

.month-data .single-month-content p:nth-child(6) span {
    background-image: url('../../images/tick.png');
    display: block;
    height: 15px;
    width: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-right: 10px;
}

.settlement-choice-container {
    background-color: white;
    border: 1px solid #631BB1;
    width: 70vw;
    height: 80vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.settlement-choice-container .options {
    display: flex;
    flex-direction: column;
    overflow: scroll;
}

.settlement-choice-container .options .empty-records {
    padding: 10px 20px;
}

.settlement-choice-container p {
    margin: 0;
    padding: 10px 20px;
    cursor: pointer;
    border: 1px dotted #631BB1;
    margin-top: -1px;
}

.settlement-choice-container p.selected {
    background-color: #631BB1;
    color: white;
}

.settlement-choice-container .settlement-info-container {
    display: flex;
    flex-direction: row;
    background-color: #631BB1;
    align-items: center;
    justify-content: space-between;
    padding: 5px 5px 5px 10px;
}

.settlement-choice-container .settlement-info-container .component-title {
    padding: 0;
    border: 0;
}

.settlement-choice-container .navigation-menu {
    padding: 10px 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.settlement-choice-container .component-title {
    margin: 0;
    font-size: 1em;
    padding: 5px 10px;
    background-color: #631BB1;
    color: white;
    border-bottom: 1px solid white;
}

.settlement-choice-container .navigation-menu .left-side-navigation {
    display: flex;
    flex-direction: column;
}

.settlement-choice-container .search-container {
    padding: 10px 20px;
}

.settlement-choice-container .search-container .single-search {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 5px;
}

.settlement-choice-container .search-container .single-search:last-child {
    margin-bottom: 0;
}

.settlement-choice-container .search-container .single-search input {
    padding: 2px;
}

.settlement-choice-container .search-container .single-search span {
    display: block;
    margin-right: 10px;
    width: 150px;
}

.settlement-choice-container .close-image {
    display: block;
    background-image: url('../../images/icons/icon_delete.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 20px;
    width: 20px;
    cursor: pointer;
}

.settlement-choice-container .bottom-navigation {
    padding: 10px;
    text-align: right;
    border-top: 1px solid #631BB1;
    background: #fff;
}

.settlement-choice-container .bottom-navigation span {
    padding: 5px 10px;
    background-color: #f1f1f1;
    border-radius: 3px;
    color: white;
    cursor: normal;
}

.settlement-choice-container .bottom-navigation span.active {
    background-color: #631BB1;
    cursor: pointer;
}

.settlement-choice-container p:hover {
    background-color: #631BB1;
    color: white;
}

.settlement-choice-wrapper {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.3);
    display: none;
    align-items: center;
    justify-content: center;
    overflow: scroll;
}

.user-info-container p {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 20px;
    width: 95%;
    border-radius: 3px;
    padding: 3px 8px;
}

.user-info-container p span.close-user-message {
    cursor: pointer;
}

.user-info-container p.success-user-message {
    background-color: #E0F2D0;
    border: #B1CC99 solid 1px;
    color: #58753C;
}

.user-info-container p.error-user-message {
    background-color: #F9DAD1;
    border: #D8A091 solid 1px;
    color: #8E371F;
}

.cost-settlement-merges {
    display: grid;
    grid-template-columns: 2em auto auto 2em;
    grid-template-rows: 1;
}
.cost-settlement-merges a, .cost-settlement-merges span {
    font-size: 9pt !important;
    line-height: 1 !important;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.cost-settlement-merges .cost-details-overlay {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}
.cost-settlement-merges .cost-details-overlay .when-contracted {
    line-height: 2;
}
.cost-settlement-merges .cost-details-overlay .when-expanded {
    display: none;
}
.cost-settlement-merges .cost-details-overlay:hover .when-expanded {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid lightgray;
    background-color: white;
    padding: 0.25em;
}
.cost-settlement-merges .cost-details-overlay .name {
    margin-top: 0.5em;
    font-style: italic;
}
.cost-settlement-merges .cost-details-overlay .name:first-child {
    margin-top: 0;
}
.cost-settlement-merges .cost-details-overlay .value {
    margin-left: 1em;
}

.cost-settlement-merge-controls {
    display: grid;
    grid-template-columns: 3em 3em 3em;
    grid-template-rows: 3em;
    justify-content: end;
}

.clear-fix::after {
    content: "";
    clear: both;
    display: table;
}

.row-balance-summary-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.row-balance-summary-wrapper .time {
    width: 5em;
    text-align: right;
}
.row-balance-summary {
    display: table;
    border-collapse: collapse;
}
.row-balance-summary .currency-other{
    color: #909090;
}
.row-balance-summary-row {
    display: table-row;
}
.row-balance-summary-row.income {
    color: #60A060;
}
.row-balance-summary-row.cost {
    color: #A06060;
}
.row-balance-summary-row.balance {
    border-top: 1px solid #909090;
    font-weight: bold;
}
.row-balance-summary-row > div {
    text-align: right;
    display: table-cell;
    padding-left: 0.5em;
}


.client-diligence-balance-wrapper .months-list {
    margin: 0 auto;
    width: 90%;
}

.client-diligence-balance-wrapper .months-list .drilldown-report-summary {
    display: grid;
    grid-template-columns: 1fr 8em 8em 8em 6em 2em;
    gap: 8px;
    margin-top: 0.75em;
    background-color: #f1f1f1;
    padding: 1em;
    cursor: pointer;
}

.client-diligence-balance-wrapper .months-list .drilldown-report-details {
    display: none;
    margin-top: 0.75em;
    margin-left: 2em;
    margin-bottom: 2em;
}
.client-diligence-balance-wrapper .months-list .drilldown-report-row.is-extended > .drilldown-report-details {
    display: block;
}

.client-diligence-balance-wrapper .months-list .drilldown-report-row.is-extended > .drilldown-report-summary div:not(:first-child) {
    opacity: 0.2;
}


.is-table {
    display: table;
    width: 100%;
}
.is-table > div:first-child {
    background-color: #B0B0B0;
 }
.has-stripped-rows > div:nth-child(odd) {
    background-color: #F0F0F0;
}
.is-table-row {
    display: table-row;
}
.is-table-cell {
    display: table-cell;
    padding: 0.5em;
}
.is-bold {
    font-weight: bold;
}
.is-red {
    color: #8E371F;
}
.is-green {
    color: #407D2C;
}
.is-align-right {
    text-align: right;
}
.is-right {
    text-align: right;
}
.is-center {
    text-align: center;
}

 .metadata {
     margin: 0;
 }

.metadata-div {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 10px;
}

.board-container {
    padding: 0 20px;
}

.text {
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
}


.text:hover {
    color: #631BB1;
}

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

.link-container:hover {
    background: #f1f1f1;
}


.payment-cost-wrapper {
    width: 100%;
    box-sizing: border-box;
    font-size: 12px;
    background-color: #f1f1f1;
    padding: 10px 20px;
    margin: 0 0 6px 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}