/* default css start */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background: #f0f8ff;
}

ul {
    padding-left: 0;
    list-style: none;
}

.c_mt {
    margin-top: -5px;
}

.form-control {
    background: #ecf0fa;
    border: 1px solid #eae8f1;
}

.form-control:focus {
    background: #ecf0fa;
    box-shadow: none;
    border-color: #fe5105;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 5.5l6 6 6-6'/%3E%3C/svg%3E");
}

.form-check-input:checked {
    background-color: #fe5105;
    border-color: #fe5105;
}

.form-check-input:focus {
    box-shadow: none;
}

.form-select {
    background-color: #ecf0fa;
    border: 1px solid #eae8f1;
}

.form-select:focus {
    background-color: #ecf0fa;
    box-shadow: none;
    border-color: #fe5105;
}

.niche{
    background-color: #ecf0fa;
    border: 1px solid #eae8f1;
    padding: .375rem .75rem;
    border-radius: 0.375rem;
    outline: none;
}

.custome_primary {
    display: inline-block;
    padding: 5px 15px;
    background: #fe5105;
    border: 2px solid #fe5105;
    border-radius: 1.4rem;
    box-shadow: 0 0 0.5rem #fe5105;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    transition: 0.5s;
    text-align: center;
}

.custome_primary:hover {
    background: transparent;
    color: #fe5105;
    box-shadow: none;
}
.custome_edit {
    display: inline-block;
    padding: 5px 15px;
    background: #0d6efd;
    border: 2px solid #0d6efd;
    border-radius: 1.4rem;
    box-shadow: 0 0 0.5rem #0d6efd;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    transition: 0.5s;
    text-align: center;
}

.custome_edit:hover {
    background: transparent;
    color: #0d6efd;
    box-shadow: none;
}
.custome_delete {
    display: inline-block;
    padding: 5px 15px;
    background: #dc3545;
    border: 2px solid #dc3545;
    border-radius: 1.4rem;
    box-shadow: 0 0 0.5rem #dc3545;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    transition: 0.5s;
    text-align: center;
}

.custome_delete:hover {
    background: transparent;
    color: #dc3545;
    box-shadow: none;
}

.cover_bg {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: -8px 12px 18px 0 #dadee8;
}

.edit_icon {
    width: 35px;
    height: 35px;
    border-radius: 8px;
    border: 1px solid #0d6efd;
    color: #0d6efd;
}
.edit_icon:hover {
    background: #0d6efd;
    color: #fff;
}

.delete_icon {
    width: 35px;
    height: 35px;
    border-radius: 8px;
    border: 1px solid #dc3545;
    color: #dc3545;
}
.delete_icon:hover {
    background: #dc3545;
    color: #fff;
}

.password_icon {
    width: 35px;
    height: 35px;
    border-radius: 8px;
    border: 1px solid #198754;
    color: #198754;
}

.password_icon:hover {
    background: #198754;
    color: #fff;
}

/* default css End */

/* sidebar css start */

.sidebar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 250px;
    height: 100vh;
    overflow-y: auto;
    background: #fff;
    transition: 0.5s;
    z-index: 999;
}

.sidebar .logo_wrap img {
    width: 100%;
}

.sidebar .profile_wrap {
    padding: 10px;
    background: #ecf0fa;
    color: #000;
    margin-bottom: 10px;
    width: 100%;
}

.sidebar .navbar .navbar-nav .nav-link {
    padding: 7px 20px;
    color: #000;
    font-weight: 500;
    border-left: 3px solid transparent;
    border-radius: 0 30px 30px 0;
    outline: none;
}

.sidebar .navbar .navbar-nav .nav-link:hover,
.sidebar .navbar .navbar-nav .nav-link.active {
    color: #fe5105;
    background: #ecf0fa;
    border-color: #fe5105;
}

.sidebar .navbar .navbar-nav .nav-link i {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ecf0fa;
    border-radius: 40px;
}

.sidebar .navbar .navbar-nav .nav-link:hover i,
.sidebar .navbar .navbar-nav .nav-link.active i {
    background: #fff;
}

.sidebar .navbar .dropdown-toggle::after {
    position: absolute;
    top: 15px;
    right: 15px;
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transition: 0.5s;
}

.sidebar .navbar .dropdown-toggle[aria-expanded="true"]::after {
    transform: rotate(-180deg);
}

.sidebar .navbar .dropdown-item {
    padding-left: 25px;
    border-radius: 0 30px 30px 0;
    color: #000;
}

.sidebar .navbar .dropdown-item:active {
    background: inherit;
}

.navbar_wrapper {
    background: #fff;
}

.navbar_wrapper .sidebar-toggler {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ecf0fa;
    border-radius: 40px;
    text-decoration: none;
    color: #fe5105;
}

.content {
    margin-left: 250px;
    transition: 0.5s;
}

/* sidebar css End */

/* dashboard css start */

.dashboard_wrap ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px;
}

.dashboard_wrap ul li {
    padding: 20px 20px 55px 20px;
    border-radius: 8px;
    color: #000;
    position: relative;
    box-shadow: -8px 12px 18px 0 #dadee8;
}

.dashboard_wrap ul li h6 {
    font-size: 22px;
    font-weight: 700;
}

.dashboard_wrap ul li p {
    color: rgb(0 0 0 / 60%);
    font-weight: 600;
}

.dashboard_wrap ul li img {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 45px;
    border-radius: 8px;
}
.dashboard_wrap ul li input {
    background: transparent;
    color: #000;
    font-weight: 600;
    padding: 0;
    border: none;
    margin-top: 5px;
}
.dashboard_wrap ul li input:focus {
    background: transparent;
    color: #000;
}
.dashboard_wrap ul li input::placeholder {
    color: #000;
    font-weight: 600;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
    border-color: #fe5105;
    background: #fe5105;
}

.first_card {
    background: linear-gradient(
        45deg,
        rgb(249 58 90 / 80%),
        rgb(247 119 140 / 50%)
    );
}

.second_card {
    background: linear-gradient(
        to left,
        rgb(72 214 168 / 50%) 0,
        rgb(2 150 102 / 80%) 100%
    );
}

.third_card {
    background: linear-gradient(
        to left,
        rgb(239 166 95 / 50%),
        rgb(247 106 45 / 80%)
    );
}

/* dashboard css End */

/* dataTable css start */

table.dataTable thead {
    background-color: #fe5105;
    color: #fff;
}

.dataTables_length,
.dataTables_filter {
    margin-bottom: 20px;
}

.dataTables_filter input {
    background: #ecf0fa !important;

    border-color: #eae8f1 !important;
    outline: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background-color: #ecf0fa !important;
    border-radius: 8px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #fe5105 !important;
    border-color: #fff !important;
    border-radius: 8px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    background: none !important;
}

table.dataTable tbody tr:nth-child(odd) {
    background-color: #fff;
}

table.dataTable tbody tr:nth-child(even) {
    background-color: #ecf0fa;
}

table.dataTable tbody tr:hover {
    background-color: #ffe3d1;
}

table.dataTable tbody tr td {
    padding: 15px;
}

.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 5px;
}

.custome_dtatable_wrap .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    margin: -20px -20px 20px -20px;
    padding: 20px;
    border-radius: 8px 8px 0 0;
    border-bottom: 1px solid #eae8f1;
}

/* dataTable css End */

/* modal css start */

.modal-header {
    background: #fe5105;
    color: #fff;
}

.modal-header .btn-close {
    filter: brightness(0) invert(1);
    opacity: 1;
    border: 2px solid #fff;
}

/* modal css End */

/* login css start */

.login_wrap {
    min-height: 100vh;
    overflow: hidden;
}

.login-aside-left {
    min-height: 100vh;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.login-aside-left {
    background-image: url("../image/Pattern.jpg");
    background-size: cover;
    background-repeat: repeat;
    background-position: center;
    min-height: 100vh;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #fff;
}

.login-aside-left h2 {
    font-weight: 800;
}

.login-aside-left p {
    font-size: 16px;
}

.social-icons a {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 40px;
    text-decoration: none;
    color: #fe5105;
}

.login_logo img {
    width: 75%;
}

.login-aside-right {
    background: #fbfbfb;
    min-height: 100vh;
    color: #000;
    display: flex;
}

.login-aside-right .title h2 {
    color: #fe5105;
    font-weight: 800;
}

.login-aside-right .forget_password {
    color: #fe5105;
    text-decoration: none;
    font-weight: 800;
}

.login-aside-right .back_login {
    color: #fe5105;
    text-decoration: none;
    font-weight: 800;
}

.login-aside-right .input-group-text {
    background: #fe5105;
    color: #fff;
    border: none;
    cursor: pointer;
}

/* login css End */

.btn-add {
    background: #fe5105;
    color: #fff;
    padding: 0 15px;
    border: none;
    border-radius: 0 0.375rem 0.375rem 0;
}

.select2-dropdown {
    z-index: 2222 !important;
}

.select2-container--open {
    z-index: 1056 !important;
}


.select2-container--default .select2-selection--single {
    background: #ecf0fa !important;
    border: 1px solid #eae8f1 !important;
    border-radius: 0.375rem !important;
    height: 38px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 35px !important;
}

.select2-dropdown {
    border: 1px solid #eae8f1 !important;
    background-color: rgb(236 240 250) !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background: #fe5105 !important;
}

.select2-search__field:focus {
    outline: none !important;
}

.select2-container--default .select2-results__option--selected {
    background-color: rgb(236 240 250) !important;
}

.select2-container--default .select2-selection--multiple {
    background: #ecf0fa !important;
    border: 1px solid #eae8f1 !important;
    border-radius: 0.375rem !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #ffffff !important;
    border: 1px solid #fe5105 !important;
    border-radius: 15px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #ffffff !important;
    background-color: #fe5105 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 10px !important;
    padding-right: 10px !important;
}