@import url('theme-fonts.css');
@import url('theme-vars.css');

@import url('bootstrap/css/bootstrap.min.css');
@import url('fontawesome/css/all.min.css');
@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');
@import url('scrollbar-syles.css');

@import url('notify-Component.css');
@import url('list-component.css');
@import url('spinner.css');
@import url('slider.css');
@import url('animated-progress-bar.css');
@import url('jquery.scrolling-tabs.css');
@import url('input-file.css');
@import url('divider-lines.css');
@import url('search-box.css');
@import url('verticalDivider-Component.css');

@import url('app-loading.css');
@import url('app-container.css');
@import url('cursors.css');
@import url('overflow.css');
@import url('size.css');
@import url('size-viewport.css');
@import url('misc.css');
@import url('variables.css');
@import url('bs-colors.css');
@import url('check-switch-color.css');
@import url('container-hsc.css');
@import url('container-grid-hbf.css');

/*@import url('modal.css');*/
/*@import url('login-menu.css');*/
/*@import url('tooltip.css');*/

/*@import url('material-input-box.css');*/

/* ===== Pages ===== */
/*@import url('login.css');*/
/*@import url('reset-password.css');
*/

body {
    overflow: hidden !important;
    margin: 0 !important;
    min-height: 100vh;
}

.app-background-color {
    background-color: var(--app-bg-color) !important;
}

.app-fore-color {
    color: var(--app-color) !important;
}

.app-back-fore-color {
    background-color: var(--app-bg-color) !important;
    color: var(--app-color) !important;
}

.app-border-color {
    border-color: rgba(var(--app-border-color-rgb), var(--app-border-opacity)) !important;
}

.app-note-color {
    color: var(--app-note-color) !important;
}

.tooltip {
    --bs-tooltip-bg: gold;
    --bs-tooltip-color: black;
    --bs-tooltip-font-size: 1rem;
    --bs-tooltip-arrow-width: 1.2rem;
    --bs-tooltip-arrow-height: 0.6rem;
    border-top-color: var(--bs-tooltip-color) !important;
    border-right-color: var(--bs-tooltip-color) !important;
    border-left-color: var(--bs-tooltip-color) !important;
    border-bottom-color: var(--bs-tooltip-color) !important;
}
/*
.btn-outline-success {
    --bs-btn-color: var(--bs-);
    --bs-btn-border-color: var(--bs-pink);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-pink);
    --bs-btn-hover-border-color: var(--bs-pink);
    --bs-btn-focus-shadow-rgb: 25, 135, 84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-pink);
    --bs-btn-active-border-color: var(--bs-pink);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-pink);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-pink);
    --bs-gradient: none;
}
*/

div .hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
    text-align: center;
    height: 0px;
    line-height: 0px;
}

.hr-title {
    /*background-color: #fff;*/
}

.container-divider {
    text-align: center;
    height: 4px !important;
    margin: 0.5rem 0 !important;
}

    .container-divider:before {
        content: "";
        position: fixed;
        /*left: 45%;*/
        width: 10%;
        border-radius: 10%;
        border: 2px dashed silver;
    }

.remove-focus-effect:focus {
    outline: none;
    box-shadow: none;
}

.modal-backdrop {
    /*
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    */
    z-index: -8888;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    border-color: orange orange darkorange;
    border-width: 1px;
    isolation: isolate;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    border-color: orange orange darkorange;
    border-width: 1px;
    isolation: isolate;
}