#background-video {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,700;1,9..40,400;1,9..40,700&family=Work+Sans:ital,wght@0,400;0,700;1,400&display=swap');

body {
    background: #e5e5ef;
    font-family: 'Work Sans', sans-serif;
}

aside.left-panel, .left_panel_new_my {
	background: #5d34ff;
}

.navigation ul li a {
    color: #fff;
    background: none;
}

.navigation ul li:hover {
    background: none !important;
}

.navigation ul li a:hover {
    background: none !important;
}

aside.left-panel.collapsed .navigation ul li a {
    border-color: #5d34ff;
    border: 0;
}

aside.left-panel.collapsed .navigation ul li a:hover {
    background: #323042;
    border: 0;
    background: #4228d8 !important;
}

aside.left-panel.collapsed .navigation ul li ul {
    background: #4228d8;
    color: #fff;
    padding: 10px;
    padding: 10px 0 10px 0;
}

aside.left-panel.collapsed .navigation ul li ul a {
    color: #fff;
}

aside.left-panel.collapsed .navigation ul li ul a:hover {
    color: #fff;
    background: none !important;
}

aside.left-panel.collapsed .navigation ul li ul li {
    OFFborder-left: 3px solid #4228d8;
}

.navigation > ul > li:hover > a,
.navigation > ul > li.active:hover > a,
.navigation > ul > li.active > a{
    color: #fff;
    background: #4228d8 !important;
    border: 0 !important;
}

aside.left-panel.collapsed .navigation ul li ul li a {
    padding: 6px 20px;
    color: #e9e7f6 !important;

}

aside.left-panel.collapsed .navigation ul li ul li a:hover {
    color: #fff !important;
    padding-left: 25px;
    padding-right: 15px;
}

aside.left-panel.collapsed .navigation ul li ul li:hover {
    background: none !important;
}


.navigation ul li ul:hover .navigation {
    background: red !important;
}


.bg-info {
    background: #5d34ff;
    border-radius: 0;
}

.panel-title {
    color: #5d34ff;
}

.custom_big_radio .panel {
    background: #e5e5ef;
}

.custom_big_radio.active .panel {
    background: #5d34ff;
}

.custom_big_radio:hover .panel{
    border-color: #5d34ff;

}
.custom_big_radio:hover .panel .text{
    color: #5d34ff;
}

.custom_big_radio.active .panel{
    background-color: #5d34ff;
}

.btn-info, .label-info {
    background: #5d34ff;
    border: 1px solid #5d34ff;
}

.btn-info:hover, .label-info:hover {
    background: #4626e1;
    border-color: #4626e1;
}

.btn-info:hover, .label-info:hover {
    background: #4626e1 !important;
    border-color: #4626e1 !important;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open > .dropdown-toggle.btn-info, .label-info:hover, .label-info:focus, .label-info:active, .label-info.active, .label-info.focus, .label-info:active, .label-info:focus, .label-info:hover, .open > .dropdown-toggle.label-info {
    background: #4626e1 !important;
    border-color: #4626e1 !important;
}

.btn-success, .label-success {
    background: #0bbe39;
    border-color: #0bbe39;
    color: #fff;
}

.btn-success:hover {
    background: #03aa2e;
    border-color: #03aa2e;
    color: #fff;
}

.btn-default {
    background: #e5e5ef;
    background: #fff;
    border-color: #cacad8;
    color: #000000;
}

.btn-default:hover {
    background: #d9d9e4;
    border-color: #babacc;
    color: #000000;
}

.btn-custom.btn-success {
    color: #fff !important;
}

.btn-danger, .label-danger {
    background: #dc3029;
    border-color: #dc3029;
}

.btn-danger:hover {
    background: #c7160e;
    border-color: #c7160e;
}

.btn-custom.btn-danger {
    color: #fff !important;
}

.btn-warning, .label-warning {
    background: #e4ba02;
    border-color: #e4ba02;
}

.btn-warning:hover {
    background: #d6ae00;
    border-color: #d6ae00;
}

.btn-primary, .label-primary {
    background: #0069eb;
    border-color: #0069eb;
}

.btn-primary:hover {
    background: #0059c7;
    border-color: #0059c7;
}



.panel-search {
    background: #f2f2f8;
    background: rgb(244,212,68);
    background: linear-gradient(139deg, rgba(244,212,68,1) 0%, rgba(248,108,167,1) 100%);
    border-radius: 0;
    border: 0;
    box-shadow: none;
}


.panel-search label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
}

.panel-search .form-control {
    border-color: #000;
    border: none;
}

.panel-search {
    padding-bottom: 0;
}

.panel-search .btn-default {
    border: 0;
}

.panel-heading {
    border-radius: 0;
    border: 0;
}

.panel.panel-info .panel-heading {
    background: #5d34ff;
}


.panel {
    border: 0;
    box-shadow: none;
    border-radius: 0;
}

.table-clicked {
    border-bottom: 1px solid #7b7b8a;
    border-bottom: 0;
    background: red;
}

.table-clicked tr {
    background: #e5e5ef;
}

.table-clicked tr:hover th {
    background: #e5e5ef;
}


.table-clicked tr:hover {
    background: cyan;
}


.panel-no-round-top-popup {
    background: #e5e5ef;
}

.panel-no-round-top-popup .panel {
    background: #fff;
}

.app-search .form-control {
    border-radius: 0;
    border: 0;
}

.app-search .form-control, .app-search .form-control:focus {
    border-radius: 0;
    background: #f9f9f9;
    border: 0;
}

.btn-rounded {
    border-radius: 0;
}

.form-control {
    border-radius: 0;
}

button, .btn, .btn-xs {
    border-radius: 0;
}

.nav.nav-tabs li.active a {
    border-color: #5d34ff;
    padding-bottom: 9px;
}

.nav.nav-tabs li a {
    background: #e5e5ef;
}

.floating-row .panel {
    background: rgb(244,212,68);
    background: linear-gradient(139deg, rgba(244,212,68,1) 0%, rgba(248,108,167,1) 100%);
}

.floating-row .panel .btn-info {
    background: #fff;
    border-color: #fff;
    color: #000000;
}

.floating-row .btn-info {
    color: #000000 !important;
    font-weight: bold;
}

.floating-row .btn-info:hover {
    color: #fff !important;
}

.floating-row .btn-info:hover {
    color: #fff;
    background: #fff;
}

.login_form, .login_form a {
    color: #fff;
}


.login_form input {
    padding: 25px 20px;
    border: 0 !important;
}

.login_form .cr-styled input + i {
    border-color: #fff !important;
    color: #fff !important;
}

.cr-styled input + i {
    border-color: #5d34ff !important;
    color: #5d34ff !important;
}

.cr-styled i {
    padding-top: 1px !important;
}

.cr-styled {
    margin-top: 0px !important;
    padding: 0 !important;
    line-height: 160%;
}


.panel-search .cr-styled input + i {
    border-color: #fff !important;
    color: #fff !important;
}

.panel-search .cr-styled input: + i {
    border-color: #fff !important;
    color: #fff !important;
}

.panel-search .dropdown-menu .cr-styled input + i {
    border-color: #5d34ff !important;
    color: #5d34ff !important;
}

.panel-search .dropdown-menu .cr-styled input:checked + i {
    border-color: #5d34ff !important;
    color: #5d34ff !important;
}

.list-group {
    background: none;
    box-shadow: none;
}

.list-group-item {
    border: 0;
}

.list-group .list-group-item {
    border-bottom: 5px solid #e5e5ef;
}

.modal-dialog {
    border-radius: 0;
    border: 0;
}

.modal .modal-dialog .modal-content {
    border-radius: 0;
    border: 0;
    background: #fff;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-radius: 0 !important;
}

.select2-dropdown {
    border-radius: 0 !important;
}

.select2-container--default .select2-selection--single {
    border-radius: 0 !important;
}

.panel-darker {
    background: #e5e5ef;
}

.ajaxProductCategory .product_category_list {
    padding-left: 0 !important;
}

.bg-info input, .bg-info select, .bg-info .input-group span {
    border: 0;
}

.filter_active {
    background: #dd5c7e !important;
    color: #fff !important;
}

.tab-pane, .tab-white, .tab-content {
    box-shadow: none !important;
}

.tab-content, .tab-white {
    background: #e5e5ef;
}

.modal-footer {
    border: 0 !important;
}

.modal-header {
    border: 0 !important;
    padding-bottom: 5px;
}

.alert {
    border-radius: 0;
}

.alert-danger {
    background: #f0bead;
    color: #74250a;
}

.input-group-addon {
    border: 0;
}

.input-daterange input {
    border-radius: 0 !important;
}

.panel-search .form-group {
    height: auto;
    height: 72px;
    padding: 0;
    margin: 0;
    margin-left: 10px;
    box-sizing: border-box;
}

.panel-search .form-group-submit {
    padding: 0;
    margin: 0;
    padding-left: 10px;
    width: 150px;
    box-sizing: border-box;
    padding-bottom: 0;
    margin-bottom: 0;
    height: 72px;
}

.panel-search .form-group-submit .btn-group {
    width: 100%;
    box-sizing: border-box;
}

.panel-search .btn {
    margin: 0;
    height: 34px;
    margin-top: 26px;
    line-height: 160%;
    width: 100% !important;
    box-sizing: border-box;
}

.panel-search .form-group-submit .btn-default {
    background: #e5e5ee;
}

.panel-search .form-group-medium {
    width: 290px !important;
    max-width: 290px !important;
    margin-right: 0;
}

.hover-info:hover{
    color: #5d34ff;
}
.hover-bg-info:hover{
    background: #5d34ff;
}

.input-group-addon {
    background: none !important;
}

#db_product .btn-info {
    background: #5d34ff !important;
    color: #fff !important;
}

@media (max-width: 450px) {
    .dropdown .extended i {
        display: block !important;
    }
}

.sweet-alert.showSweetAlert .confirm{
    background: #5d34ff !important;
}