/**** buttons ****/
.menu-jumbotron .material-icons,
.modal-footer .material-icons {
    margin-right: 0.5rem;
}

.modal-footer .btn {
    display: flex;
    align-items: center;
}

.btn {
    display: flex;
    margin-right: 0.5rem;
}

.btn.delete-item,
.btn.activate-item {
    padding: 0;
    background-color: transparent!important;
    color: red;
    box-shadow: none;
    border: none;
    margin-bottom: 0;
    float: right;
}
.btn.delete-item:hover {
    color: red;
    box-shadow: none;
    border: none;
}

/**** footer ****/
#footer #right-footer-content,
#footer #left-footer-content {
    height: 1rem;
    position: absolute;
    top: 1rem;
}

#footer #right-footer-content {
    right: 1rem;
}

#footer #left-footer-content{
    left: 1rem;
}

#footer #right-footer-content img,
#footer #left-footer-content img {
    height: 1rem;
}

/**** error elements ****/
.failed-rows h1,
.missing-attribute {
    color: red;
}
.error-description {
    font-weight: 400;
}
.missing-attribute {
    font-weight: bold;
}

/**** table generic ****/
table.clickable-rows tbody tr {
    cursor: pointer;
}
.lfs-timetracker-container tr.odd {
    background-color: #fff;
}

.lfs-timetracker-container .table td, .table th {
    border: none;
}

.lfs-timetracker-container .table thead th {
    border-bottom: 0;
    width: auto!important;
}

.lfsDesign-skin table.table,
.lfsDesign-skin table.table border-bottom {
    border: 1px solid #ffd500;
}

.table-message {
    padding-top: 1rem;
    padding-bottom: 4rem;
    display: inline-block;
}

/**** error page ****/

#error-page div img {
    width: 100%;
}

/**** master ****/
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1650px;
    }
}

h1 {
    display: flex;
    align-items: center;
}

h1 .material-icons {
    margin-right: 0.5rem;
}

ul.dropdown-content {
    overflow-x: hidden;
}

.skz-select {
    width: 25rem;
}

.menu-jumbotron .alert {
    text-align: center;
}
.search-wrap .md-form  {
    margin-bottom: 0!important;
}
.collapse-icon {
    display: none!important;
}
.failed, .succeeded {
    font-weight: bold;
}
.failed {
    color: red;
}
.succeeded {
    color: green;
}

.select-dropdown li.disabled > span  {
    color: grey!important;
}


.jumbotron.menu-jumbotron .jumbotron-select ul.up-select {
    bottom: 0!important;
    top: auto ! important;
}

.lfs-content table {
    border: none!important;
    background-color: #fff;
}

textarea {
    border: none;
    border-radius: 5px;
}

p.info {
    margin-top: -5px;
    font-weight: 400;
    font-size: 0.8rem;
}

.select-wrapper:not(.md-outline) .select-dropdown:focus {
    border-bottom: none!important;
    box-shadow: none!important;
}

#register-login a:last-of-type {
    display: none!important;
}

.datepicker {
    cursor: pointer;
}

p.form-help-text {
    text-align: left!important;
}
p.form-help-text svg {
    margin: 0 1rem;
}

ul.dropdown-content.select-dropdown {
    max-height: 30rem!important
}

.modal iframe {
    width: 100%;
    height: 100%;
    border: none;
}

#select-options-year li:first-of-type,
#select-options-month li:first-of-type {
    display: none!important;
}

/**** jumbotron elements ****/
.menu-jumbotron .col-6 {
    padding-left: 0;
}

.jumbotron-select span.caret {
    cursor: pointer;
}

.skz-select div.select-wrapper.jumbotron-select.mdb-select {
    width: 100%;
}

.form-check-input[type="checkbox"] + label,
label.btn input[type="checkbox"] + label {
    transform: translateY(14px) scale(1)!important;
    -webkit-transform: translateY(10px) scale(1)!important;
}

.modal-content div.select-wrapper.jumbotron-select.mdb-select {
    width: 100%;
}

select#month .search-wrap,
select#year .search-wrap {
    display:none!important;
}

/**** timetracking includelet ****/
#timetracking_form [name="billable_time_1"] {
    margin-bottom: 0.5rem;
}
/*
table th[data-attribute="multiplier"] {
    max-width: 3rem;
}
table th[data-attribute="sum_billable_time"] {
    max-width: 4rem;
}
table th[data-attribute="short_name"],
table th[data-attribute="billing_date"] {
    max-width: 5rem;
}
table th[data-attribute="publish_status"] {
    max-width: 6rem;
}
table th[data-attribute="billable_time_1"],
table th[data-attribute="billable_time_2"] {
    max-width: 9rem;
}
table th[data-attribute="timetracking_period"] {
    max-width: 8rem;
}
*/
table .alert {
    padding: 0.1rem;
    margin-left: 0.1rem;
    margin-bottom: 0;
}


th[data-attribute="active"],
td[data-attribute="active"],
#admin-tables td[data-attribute="deleted"],
#user-table tr td:last-of-type,
#user-table tr th:last-of-type,
#timetracking_form .collapse-icon {
    display: none!important;
}

#lfs-timetracking-includelet #timetracking-period.md-form label.active {
    margin-left: 0;
}

#lfs-timetracking-includelet #timetracking-date input {
    width: 5rem;
}
#lfs-timetracking-includelet #timetracking-date input:last-of-type,
#lfs-timetracking-includelet #main-activity-member-number input {
    width: 4rem;
}

#lfs-timetracking-includelet #timetracking-times input {
    width: 5rem;
}

#lfs-timetracking-includelet #billable-time div input:not(.select-dropdown) {
    width: 4rem;
    margin-right: 1rem;
}

#lfs-timetracking-includelet #director_comment,
#lfs-timetracking-includelet #timetracking_description {
    width: 100%;
}

#lfs-timetracking-includelet .jumbotron.menu-jumbotron #billable-time .select-wrapper.mdb-select {
    margin-right: 2rem;
}

#lfs-timetracking-includelet .md-form label.active {
    transform: none;
    -webkit-transform: none;
    position: relative;
    font-weight: 400;
    margin-left: 1rem;
    display: block;
}

#lfs-timetracking-includelet #timetracking-date,
#lfs-timetracking-includelet #timetracking-times,
#lfs-timetracking-includelet #timetracking-times div,
#lfs-timetracking-includelet #billable-time div,
#lfs-timetracking-includelet #billable-time.md-form label.active  {
    display: inline-block;
}

#lfs-timetracking-includelet #main-activity-member-number label.active {
    margin-left: 0;
}

#lfs-timetracking-includelet #billable-time .form-check-label {
    margin-left: 0.5rem;
}


#lfs-timetracking-includelet #main-activity-wrapper [role=group] {
    display: inline-block;
}
#contingent-left-info {
    display: inline-block;
    margin-left: 1rem;
}

#lfs-timetracking-includelet #activity-wrapper .select-wrapper,
#lfs-timetracking-includelet #main-activity-wrapper .select-wrapper,
#lfs-timetracking-includelet #main-activity-member-number,
#lfs-timetracking-includelet #timetracking-date [name=timetracking_date_day],
#lfs-timetracking-includelet [name='billable_time'],
#lfs-timetracking-includelet [name='billable_time_tax_advantaged'] {
    margin-left: 1rem;
}

#lfs-timetracking-includelet [name='billable_time'],
#lfs-timetracking-includelet [name='billable_time_tax_advantaged'] {
    margin-right: 1rem;
}

#lfs-timetracking-includelet #submit_import_user_form {
    margin-top: 1.75rem;
}

#lfs-timetracking-includelet #director-comment-wrapper,
#lfs-timetracking-includelet  #billable-time,
#lfs-timetracking-includelet #main-activity-wrapper,
#lfs-timetracking-includelet #activity-wrapper,
#lfs-timetracking-includelet #main-activity-member-number {
    margin-top: 0;
}

#lfs-timetracking-includelet .form-row .md-form,
#lfs-timetracking-includelet #sub-activities,
#lfs-timetracking-includelet #main-activity-wrapper .form-item-wrapper {
    margin-top: 1rem;
}

#lfs-timetracking-includelet #director-comment-wrapper,
#lfs-timetracking-includelet .form-row .md-form,
#lfs-timetracking-includelet #timetracking_form .row,
#lfs-timetracking-includelet #main-activity-wrapper .form-item-wrapper,
#lfs-timetracking-includelet #activity-wrapper.form-item-wrapper,
#lfs-timetracking-includelet #billable-time {
    margin-bottom: 0;
}

#lfs-timetracking-includelet #main-activity-member-number {
    margin-bottom: 0.5rem;
}

#lfs-timetracking-includelet .jumbotron ul.section {
    background-color: #c0f2c8;
    border-radius: 5px;
    padding: 1rem;
    margin-bottom: 1rem;
}

#lfs-timetracking-includelet #main-activity-member-number,
#lfs-timetracking-includelet #sub-activities,
#lfs-timetracking-includelet #sub-activities .sub-activity-wrapper {
    display: none;
}

#lfs-timetracking-includelet input[type=time],
#lfs-timetracking-includelet input[type=text]:not(.select-dropdown) {
    background: #fff;
    border-bottom: none;
    padding: 0.5rem;
    border-radius: 5px;
}

#lfs-timetracking-includelet .sub-activity-warpper .select-wrapper.mdb-select,
#lfs-timetracking-includelet #main-activity-wrapper .select-wrapper.mdb-select,
#lfs-timetracking-includelet #billable-time  .select-wrapper.mdb-select  {
    width: 35rem;
}

#lfs-timetracking-includelet #user-select-warapper,
#lfs-timetracking-includelet .skz-select {
    margin: 1rem 0;
}

table {
    min-width: 100%;
    table-layout: fixed;
}

#timetracking-table tr td:last-of-type {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table-filter {
    padding-left: 0;
    margin-bottom: 1rem;
    margin-top: 2rem;
    font-weight: 400;
}
.table-filter div {
    display: inline-block;
    margin-bottom: 1rem;
}

/**** timetracking-entry-details ****/
#timetracking-entry-details #contingent-exceeded-info {
    margin-top: 0;
    text-align: center;
}

#timetracking-entry-details .card .card-header {
    margin-bottom: 0;
    margin-top: -1rem;
}
#timetracking-entry-details .card .card-body {
    margin-top: 1rem;
}

#timetracking-entry-details .card.info-card {
    padding-bottom: 1rem!important;
}

/**** buttons ****/
.action-button,
.action-button .btn {
    display: flex;
    align-items: center;
}
.action-button .material-icons {
    margin-right: 0.5rem;
}
.action-button .btn {
    min-width: 10rem;
    padding-right: 0;
    padding-left: 0;
    justify-content: center;
    display: flex!important;
}
.btn-secondary {
    color: #000!important;
}

/**** Admin Tables ****/
#admin-tables .section .btn,
#admin-cockpit.section .btn,
#director-menu .btn {
    display: inline-flex;
    align-items: center;
}
#admin-tables .section .material-icons,
#admin-cockpit.section .material-icons {
    margin-right: 0.5rem;
}

#special-contingents-table th[data-attribute="main_activity_id"],
#special-contingents-table td[data-attribute="skz"],
#contingents-table td[data-attribute="main_activity_id"],
#contingents-table td[data-attribute="skz"] {
    display: none!important;
}

#contingents #contingents-table tbody tr {
    cursor: initial;
}

#main-activities-table th[data-attribute="salary_scheme"],
#main-activities-table td[data-attribute="salary_scheme"],
#main-activities-table th[data-attribute="is_special"],
#main-activities-table td[data-attribute="is_special"] {
    display:none!important;
}

#admin-tables #special_activity-filter .main-activity-filter,
#admin-tables #special_activity-filter .skz-filter,
#admin-tables #contingent-filter .main-activity-filter,
#admin-tables #contingent-filter .skz-filter {
    margin-bottom: 0.5rem;
    margin-left: 1rem;
    margin-top: 1rem;
}
#admin-tables #special_activity-filter .skz-filter,
#admin-tables #contingent-filter .skz-filter  {
    margin-right: 1rem;
}

#admin-tables  #special_activity-filter div.select-wrapper.jumbotron-select.mdb-select,
#admin-tables #contingent-filter div.select-wrapper.jumbotron-select.mdb-select  {
    width: max-content;
}

/**** mdb-select ****/
div.select-wrapper .search-wrap .md-form {
    margin-bottom: 0;
}

/**** table-administration ****/
#activity_type {
    margin-top: 1rem;
}

#activity_type label span {
    font-weight: 400;
}
#admin-tables div#activities-section {
    display: block;
}
#admin-tables #activities-section > div {
    display: flex;
}


#edit-contingent-modal .modal-footer {
    position: relative;
    padding-top: 2.5rem;
}
#edit-contingent-modal #copy-contingent-wrapper {
    position: absolute;
    top: 0;
    left: 0;
}

#copy-contingent-wrapper label {
    line-height: 1.25rem!important;
}

#edit_special_contingent_skz {
    display: none!important;
}

/**** monthly-closing ****/
#next-button-warapper {
    margin-bottom: 1rem;
    margin-top: -0.5rem;
}

#closing-data-wrapper .date-select .select-wrapper.mdb-select.jumbotron-select:first-of-type {
    width: 8rem;
    margin-right: 1rem;
}
#closing-data-wrapper .date-select .select-wrapper.mdb-select.jumbotron-select:last-of-type {
    width: 4rem;
}

div#closing-data-wrapper .md-form {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

#monthly-closing .section.require-skz .btn {
    display: inline-flex;
}

/**** report ****/
div#report-form-wrapper {
    margin-top: 2rem;
    margin-bottom: 1rem;
}

div#report-form-wrapper .md-form {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

div#report-form-wrapper .md-form.radio-margin-bottom {
    margin-bottom: 2rem;
}
div#report-form-wrapper #date_type.md-form.radio-margin-bottom {
    margin-bottom: 1rem;
}

div#report-form-wrapper .sub-activity {
    margin-left: 2rem;
}

div#report-form-wrapper #special_activities {
    margin-bottom: 1rem;
    margin-top: 2rem;
}


#report_form #year,
#report_form #month {
    margin-bottom: 0;
}

#admin-cockpit.section .btn

.formtemplate-wrapper {
    margin: 2rem 0;
}

.formtemplate-wrapper form label span {
    font-weight: bold;
}

.formtemplate-wrapper form .select-wrapper > label {
    transform: translateY(-25px) scale(0.95)!important;
    font-weight: bold;
}

.formtemplate-wrapper form input.datepicker {
    width: 6rem;
}

.formtemplate-wrapper form #start_date,
.formtemplate-wrapper form #end_date,
.formtemplate-wrapper form #month,
.formtemplate-wrapper form #year {
    display: inline-block;
}

.formtemplate-wrapper form #start_date {
    margin-right: 0.5rem;
}

.formtemplate-wrapper form #month {
    width: 8rem;
}
.formtemplate-wrapper form #year {
    width: 5rem;
}

/**** mdb ****/
.md-form input:not([type]):focus:not([readonly]), .md-form input[type="text"]:not(.browser-default):focus:not([readonly]), .md-form input[type="password"]:not(.browser-default):focus:not([readonly]), .md-form input[type="email"]:not(.browser-default):focus:not([readonly]), .md-form input[type="url"]:not(.browser-default):focus:not([readonly]), .md-form input[type="time"]:not(.browser-default):focus:not([readonly]), .md-form input[type="date"]:not(.browser-default):focus:not([readonly]), .md-form input[type="datetime"]:not(.browser-default):focus:not([readonly]), .md-form input[type="datetime-local"]:not(.browser-default):focus:not([readonly]), .md-form input[type="tel"]:not(.browser-default):focus:not([readonly]), .md-form input[type="number"]:not(.browser-default):focus:not([readonly]), .md-form input[type="search"]:not(.browser-default):focus:not([readonly]), .md-form input[type="search-md"]:focus:not([readonly]), .md-form textarea.md-textarea:focus:not([readonly]) {
    border-bottom: 0!important;
    box-shadow: none;
}

#right-menu-items {
    float: right;
}
@media (max-width: 770px) {
    #right-menu-items {
        float: none;
        display: inline-block;
    }
}

/**** mobile ****/
@media (max-width: 1200px) {
    #admin-cockpit {
        display: block!important;
    }
    #billable-time [role="group"] {
        display: block;
        margin: 1rem 0;
        margin-bottom: 0;
    }
    #billable-time label {
         margin-left: 0!important;
     }
    #billable-time [name="billable_time_2"] {
        margin-top: 1.5rem;
    }
    #timetracking_form .col-md-3 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    #lfs-timetracking-includelet .sub-activity-warpper .select-wrapper.mdb-select, #lfs-timetracking-includelet #main-activity-wrapper .select-wrapper.mdb-select, #lfs-timetracking-includelet #billable-time .select-wrapper.mdb-select {
        max-width: max-content;
    }
}

.hidden {
    display: none!important;
}

#my-menu-switch {
    margin-right: 0.5rem;
    cursor: pointer;
    font-weight: normal;
    display: inline;
}
#admin-menu-switch {
    margin-left: 0.5rem;
    cursor: pointer;
    font-weight: normal;
    display: inline;
}
#my-menu-switch.active,
#admin-menu-switch.active {
    font-weight: bold;
    text-decoration: underline;
    color: #166823;
}

div#contingents .select-wrapper {
    width: fit-content;
}

.modal .select-wrapper .md-form label {
    transform: translateY(-14px) scale(0.95);
    z-index: 200;
    font-size: 1rem;
}