/* ADMIN LOGIN */
.wb360-admin .login100-form-title { text-align: center; font-size: 20px; padding-bottom: 24px; }
.wb360-admin .login100-form-title img { max-height: 24px; position: relative; top: -2px; padding-right: 10px; }
.wb360-admin .container-login100-form-btn { width: auto; justify-content: left; }
.wb360-admin .login100-form-btn { width: auto; }
.wb360-admin .login-link-action { text-align: right; padding-top: 12px; }
.wb360-admin .login-link-action a { display: inline-block; }
.wb360-admin .error { color: var(--wb360-error-red); font-style: italic; }
@media screen and (min-width: 768px) {
    .wb360-admin .login100-form-title { font-size: 22px; }
}
@media screen and (min-width: 992px) {
    .login100-form { width: 360px; }
    .wb360-admin .login100-form-title { font-size: 24px; }
}

/* HEADER ACTIONS */
.theme-layout.layout-setting { visibility: hidden; }

/* MENU */
@media screen and (min-width: 992px) {
    .app.sidebar-mini .app-sidebar__toggle:before { content: "\e90f"; transition: transform .2s ease-in-out; }
    .app.sidebar-mini.sidenav-toggled .app-sidebar__toggle:before { transform:rotate(180deg); }
}
.app-sidebar__toggle { position: absolute; bottom: 30px; left: 15px; align-items: flex-start; justify-content: left; width: fit-content; }

/* MAIN */
@media screen and (min-width: 768px) {
    .main-content { padding-bottom: 150px; }
}

/* BREADCRUMBS */
.breadcrumb { padding: 0.25rem 0rem 0rem 1rem; }

/* BUTTON LIST */
.btn-list { margin-bottom: 1rem; text-align: left; }
.btn-list.text-right a { display: inline-block; margin-right: 15px; }

/* FORM */
.btn-icon .fe,
.btn-list .fe { position: relative; top: 2px; margin-right: 3px; }
.ckbox,
.rdiobox { margin-top: 9px; }
.ckbox span,
.rdiobox span { display: inline-block; padding-top: 2px; cursor: pointer; }
.wb360-form-select { padding-top: 2px; }
.element-hidden { display: none; }
.element-visible { display: block; }
.model-title-bold { font-weight: bold; }
.form-control,
.select2,
.input-group.date { max-width: 400px; }
.checkbox-label-large { line-height: 24px; padding-left: 18px; margin-top: -22px; }

/* PAGINATION */
.page-item.active .page-link { border-color: var(--wb360-pagination-active-border);}

/* TABLE LIST */
.btn-list.text-right .btn { margin-bottom: 15px; }
.table thead th { border-bottom-width: 2px; }
.table-striped tbody tr:nth-of-type(odd) { background-color: var(--wb360-table-row-odd); }

/* FORM */
.radio-inline-wrapper label { margin-right: 25px; }
.radio-inline-wrapper label:last-of-type { margin-right: 0px; }
.datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.active { color: #ffffff !important; }
.datepicker > .datepicker_header > .icon-home > svg > g > path { fill: var(--primary-bg-color) !important; }

/* TOOLTIP */
/*
.tooltip-completed .tooltip-inner { background-color: var(--wb360-action-completed) !important; color: #ffffff !important; }
.tooltip-completed.tooltip.bs-tooltip-top .tooltip-arrow::before { border-top-color: var(--wb360-action-completed); }
.tooltip-completed.tooltip.bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: var(--wb360-action-completed); }
.tooltip-completed.tooltip.bs-tooltip-start .tooltip-arrow::before { border-left-color: var(--wb360-action-completed); }
.tooltip-completed.tooltip.bs-tooltip-end .tooltip-arrow::before { border-right-color: var(--wb360-action-completed); }
*/