/* Update theme color */
.page-header.navbar {
    background-color: #452a49 !important;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
    background-color: #452a49 !important;
    color: #fff;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,
.page-sidebar {
    background-color: #452a49 !important;
}
.page-content-wrapper {
    background-color: #452a49 !important;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a, .page-sidebar .page-sidebar-menu > li > a {
    color: #fff !important;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i, .page-sidebar .page-sidebar-menu > li > a > i {
    color: #ffffff !important;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a, .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li.open > a {
    background: #69406f !important;
}
.page-sidebar-menu-hover-submenu li:hover > .sub-menu {
    background: #452a49 !important;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle .username {
    color: #ffffff !important;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > i {
    color: #ffffff !important;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a, .page-sidebar .page-sidebar-menu .sub-menu > li > a {
    color: #ffffff !important;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a,
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a,
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
    background: #69406f !important;
}
/* File input */
.input_block {
    width: 100%;
    max-width: 300px;
    position: relative;
    border: 1px dashed;
    background-repeat: no-repeat;
    background-size: cover;
}

.input_block::before {
	content: "";
    padding-top:90%;
    display: block;
}
.input_has_image .input_remove_img{
    display: block;
}
.input_has_image .input_click_input{
    color: #ffffff;
}
.input_click_input {
    cursor: pointer;
	display: block;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #555555;
    z-index: 9999;
}
.input_click_input i{
    font-size: 30px;
}
.input_remove_img {
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;
    color: #ffffff;
    display: none
}

.input_remove_img i{
    font-size: 20px;
}
.display-order {
    border: unset;
    background: unset;
}
.display-order:focus, .display-order:hover {
    background-color: white;
    border: 1px solid #e5e5e5;
}

.table-responsive-auto {
    overflow-x: auto;
    width: 100%;
    display: block;
}