:root {
    --bg-status-new: #092447;
    --bg-status-refused: #1A69D1;
    --bg-status-in-progress: #952caa;
    --bg-status-action: #FF2C54;
    --bg-status-manifacturing: #616161;
    --bg-status-shipped: #00897B;
}

@font-face {
    font-family: 'Gilroy-Regular';
    font-weight: 400;
    src:url('/assets/media/fonts/Gilroy-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Gilroy-Regular';
    font-weight: 500;
    src:url('/assets/media/fonts/Gilroy-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Gilroy-Regular';
    font-weight: 600;
    src:url('/assets/media/fonts/Gilroy-Bold.woff2') format('woff2');
}


body {
    --bs-primary: #f8285a;
    /*--bs-text-primary: #f8285a;*/
    /*--bs-primary-active: #f8285a;*/
    --bs-link-color: #f8285a;
    --bs-menu-link-color-show: #f8285a;
    --bs-menu-link-color-hover: #f8285a;
    --bs-menu-link-color-active: #f8285a;
    font-family: 'Gilroy-Regular', sans-serif;
}

.form-control.form-control-solid {
    border-color: var(--bs-gray-400);
}
[data-bs-theme=light] .form-control.form-control-solid {
    background-color: var(--bs-gray-200);
}

[data-bs-theme=light] .form-control.form-control-solid:focus,
[data-bs-theme=light] .form-control.form-control-solid:active,
[data-bs-theme=light] .form-control.form-control-solid.active,
[data-bs-theme=light] .form-control.form-control-solid.focus {
    background-color: var(--bs-gray-300);
}

.form-check.form-check-solid .form-check-input {
    border:2px solid var(--bs-gray-400);
}

.dropdown.show>.form-control.form-control-solid,
.form-control.form-control-solid.active,
.form-control.form-control-solid.focus,
.form-control.form-control-solid:active,
.form-control.form-control-solid:focus {
    border-color:var(--bs-gray-600);
}


.form-check-input:checked {background-color: #ff2c54}
[data-bs-theme=light] {
    --bs-app-bg-color: #f3f5f9;
}
[data-bs-theme=dark] {
    --bs-dark: #fff;
    --bs-dark-active: #fff;
}

.badge.badge-circle.badge-danger i.ki-cross {
    color:#fff;
    cursor:pointer;
}
.btn.btn-outline.btn-outline-dark i {
    --bs-dark: #fff;
    --bs-dark-active:#fff;
}
.form-check {
    min-height: 18px;
    margin-bottom: 0;
}
.form-check.form-check-sm .form-check-input {
    height: 20px!important;
    width: 20px!important;
}



.btn.btn-danger {
    background-color: #ff2c54 !important;
}

.btn-outline-danger {
    border: 1px solid #ff2c54 !important;
    padding: calc(.775rem) calc(1.5rem) !important;
    color: #ff2c54 !important;
}

.btn-outline-danger:hover {
    background-color: #ff2c54 !important;
    color: white !important;
}
.menu-state-primary .menu-item .menu-link.active .menu-title, li a {
    color: #ff2c54 !important;
}
.app-toolbar-menu > .menu-item > .menu-link.active, .app-toolbar-menu > .menu-item > .menu-link.here,
.nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item .nav-link:hover:not(.disabled), .nav-line-tabs .nav-item.show .nav-link{
    border-bottom: 2px solid #ff2c54 !important;
}
.daterangepicker .ranges li.active {
    background-color: #ff2c54 !important;
}

.active .page-link, .page-link .active {
    background-color: #ff2c54 !important;
    color: white !important;
}

.scrolltop{
    background-color: #ff2c54 !important;
}

.error {
    color:#ff2c54;
}

.plist-title {
    font-size: 16px;
}

table th.table-title {
    font-size: 16px;
}

.input-title {
    font-size: 16px;
}

.btn-title {
    font-size: 16px;
}

.btn-sm.btn-title {
    font-size: 14px;
}

.main-text {
    font-size: 14px;
}

.prs-group {
    font-size: 16px;
    font-weight: 600;
}

.prs-title {
    font-size: 16px;
    font-weight: 500;
}

.prs-ch-title {
    font-size: 14px;
}

.prs-left {
    width: 40%;
}

.prs-right {
    width: 60%;
}

.daterangepicker{
    --bs-component-active-bg: #ff2c54;
    --bs-component-hover-color :  #ff2c54;
    --bs-primary-active : #ff2c54;
}
.daterangepicker .ranges {
    animation: menu-sub-dropdown-animation-fade-in .3s ease 1, menu-sub-dropdown-animation-move-up .3s ease 1;
    color: var(--bs-gray-700);
    border-radius: 0.65rem;

}
.daterangepicker .ranges ul {
    width: 300px;
    background-color: var(--bs-menu-dropdown-bg-color);
    box-shadow: var(--bs-menu-dropdown-box-shadow);
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}
.daterangepicker .ranges ul li {
    font-size: .95rem;
    font-weight: 400;
}
.daterangepicker .ranges ul li:hover{
    transition: color .2s ease;
    background-color: var(--bs-danger-light);
    color: var(--bs-danger);
}
.daterangepicker .ranges ul li.active:hover {
    color:#fff;
}

.status-badge {
    width: 150px;
    justify-content: center;
    font-size: 14px;
    padding: 0.75rem;
}

.status-new {
    background-color: var(--bg-status-new);
}

.status-refused {
    background-color: var(--bg-status-refused);
}

.status-in-progress {
    background-color: var(--bg-status-in-progress);
}

.status-action {
    background-color: var(--bg-status-action);
}

.status-manifacturing {
    background-color: var(--bg-status-manifacturing);
}

.status-shipped {
    background-color: var(--bg-status-shipped);
}