/* fixing smart select top margin */
.smart-select-page .list {
    margin-top: 0px !important;
}

/* Show container as a card */
.container_card {
    border-radius: 15px !important;
    overflow: hidden;
    background: var(--f7-card-bg-color);
    box-shadow: var(--f7-card-box-shadow);
}

.contact_action_button {
    border-radius: 15px !important;
    overflow: hidden;
}

.contact_action_button {
    background-color: #f9fafb !important;
}
@media (prefers-color-scheme: dark) {
    .contact_action_button {
        background-color: rgb(52, 52, 52) !important;
    }
}

#left-panel-page-content {
    box-shadow: var(--f7-card-box-shadow);
    overflow-y: auto;
}

@media (prefers-color-scheme: light) {
    #left-panel-page-content {
        background-color: #fff !important;
    }
}

/* Fixing From checkbox padding and label color */
.item-inner-switch {
    padding-left: 0px !important;
}
.item-label-switch {
    color: var(--f7-label-text-color) !important;
}

/* Delete white background from item-group */
.form .item-group {
    /*background-color: var(--f7-page-bg-color);*/
    outline: none !important;
    border-bottom: solid 2px var(--f7-page-bg-color);
}
.form .item-group * {
    outline: none !important;
}

/* Styling task list and new task input */
.task_list_content_width_fixer {
    width: calc(100% - 48px);
}

.repeater_todos_content_text {
    width: calc(100% - 32px);
}

#form_new_todo_container {
    display: none;
}

#form_new_todo_loader {
    display: none;
}

#form_new_todo {
    display: none;
    width: calc(100% - 20px);
}

/*#form_new_todo-li-1 {
    margin: 0px !important;
    padding: 0px !important;
}*/

#form_new_todo-li-1-item-title {
    display: none;
}

.repeater-noresult {
    display: none !important;
}

.info_button {
    font-size: 24px;
}

.info_button_hover_only {
    display: none;
}

/* fixing new req select left padding */
/*#form_new_project_5 li:nth-child(1) {
    padding-left: 0px !important;
}*/
/* fixing new contract select left padding 
#form_contract li:nth-child(1) {
    padding-left: 0px !important;
}*/

/* fixing new product taker select left padding */
#form_product_taker li:nth-child(1) {
    padding-left: 0px !important;
}
#more_settings li:last-child {
    color: red;
}

.disabled-link {
    pointer-events: none;
}

.text-small {
    font-size: smaller;
}

:root {
    --statusid-badge-color: #bbb;
}

.statusid_badge::before {
    display: block;
    float: left;
    margin: 0;
    margin-right: 8px;
    font-family: "FontAwesome"; 
    font-weight: 900; 
    content: "\f02e";
    color: var(--statusid-badge-color);
}

/* repeater row separator line */
.repeater_row_separator {
    border-bottom: solid 1px rgb(236, 236, 236) !important;
}
@media (prefers-color-scheme: dark) {
    .repeater_row_separator {
        border-bottom: solid 1px rgb(52, 52, 52) !important;
    }
    .text-muted, .md .text-muted {
        color: var(--f7-label-text-color) !important;
    }
}
li:last-child .repeater_row_separator {
    /*border-bottom: none !important;*/
    border-bottom-color: var(--f7-card-bg-color) !important;
}

/* fixing #input-form_new_todo-Comment input text color */
@media (prefers-color-scheme: dark) {
    #input-form_new_todo-Comment {
        color: #fff !important;
    }
}

#minutes_minus {
    border-radius: 0 0 0 var(--f7-popover-border-radius) !important;
}

#minutes_plus {
    border-radius: 0 0 var(--f7-popover-border-radius) 0 !important;
}

/* fixing material design navbar right icon margin */
.md .navbar .right {
    margin-right: 12px !important;
}

.md #timerdisplay {
    margin-right: 12px !important;
}

@media (prefers-color-scheme: light) {
    .md .page {
        background-color: #f1f2f4;
    }
}

/* Shimer load effect for any object */
.shimmer-load {
    animation-duration: 2.2s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: shimmer;
    animation-timing-function: linear;
    background: #ddd;
    background: linear-gradient(to right, #F6F6F6 8%, #F0F0F0 18%, #F6F6F6 33%);
    background-size: 1200px 100%;
    color: rgba(0, 0, 0, 0) !important;
    border-radius: 15px !important;
}

@media (prefers-color-scheme: dark) {
    .shimmer-load {
        background: #343434;
        background: linear-gradient(to right, #343434 8%, #343434 18%, #343434 33%);
    }
}

.shimmer-load p {
    color: rgba(0, 0, 0, 0) !important;
}

@-webkit-keyframes shimmer {
    0% {
        background-position: -100% 0;
    }
    100% {
        background-position: 100% 0;
    }
}

@keyframes shimmer {
    0% {
        background-position: -1200px 0;
    }
    100% {
        background-position: 1200px 0;
    }
}

#openstatssettings, #opencalendarsettings, #opencalendarfilter {
    cursor: pointer !important;
}

#daterange-selector {
    width: 100%;
}

/* Full calendar customizations */
.fc-button-primary {
    height: var(--f7-button-height) !important;
    color: var(--f7-button-fill-text-color, #fff) !important;
    background-color: var(--f7-button-fill-bg-color, var(--f7-theme-color)) !important;
    border-radius: var(--f7-button-border-radius) !important;
    border: var(--f7-button-border-width,0px) solid var(--f7-button-border-color,var(--f7-theme-color)) !important;
    box-shadow: var(--f7-button-box-shadow) !important;
    cursor: pointer !important;
    outline: 0 !important;
    margin-right: 4px !important;
    padding-top: 4px !important;
}

.fc-button-primary * {
    font-weight: var(--f7-button-font-weight) !important;
    font-size: var(--f7-button-font-size) !important;
}

.fc-day-today {
    background-color: var(--f7-bars-bg-color) !important;
}

.fc-toolbar-title {
    font-weight: var(--f7-navbar-title-font-weight) !important;
    font-size: 1.2em !important;
}

.fc-calendar-filter-color {
    min-width: 26px !important;
}

#users_time_table .treeview-item-opened, #customers_time_table .treeview-item-opened {
    width: calc(100vw - 250px)!important;
}

/*.treeview-item-label {
    width: calc(100vw - 250px)!important;
}*/

.timer-grid, .balance-grid {
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: 10px;
    grid-auto-columns: minmax(0, 1fr);
    cursor: pointer !important;
}

#product_serials_box, #product_serials_label {
    display: none;
}

.taker_checkbox_content_load, .hidden_element {
    display: none !important;
}

#req_tools_mobile_only {
    display: none !important;
}   
.req_tools_mobile {
    display: block !important;
}

@media (max-width: 480px) {
    #req_tools_mobile_only {
        display: block !important;
    }
    .req_tools_mobile {
        display: none !important;
    }
}

#left-panel-page-content {
    margin-right: 0px !important;
    background-color: #00569a !important;
    color: #fff !important;
    -webkit-box-shadow: 5px 0px 15px -7px rgba(0,0,0,0.74); 
    box-shadow: 5px 0px 15px -7px rgba(0,0,0,0.74);
}

#left-panel-page-content div::before {
    color: #fff !important;
}

.repeater_products_taker_row_right {
    width: calc(100% - 60px) !important;
}