/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
.login-img {
	padding: 25px 65px;
}
.main-menu .navbar-header .navbar-brand .brand-logo img {
	max-width: 160px;
    padding-top: 14px;
}
.main-menu .navbar-header .navbar-brand {
	margin-top: 0px;
}
.header-navbar .navbar-container .nav .nav-item .nav-link-auto-toggle.active svg {
	color: green;
}
.header-navbar .navbar-container .nav .nav-item .nav-link-auto-toggle.inactive svg {
	color: red;
}
.navbar-light .navbar-nav .active.nav-link {
	background: none;
}
.main-menu.expanded .navbar-header .navbar-brand .brand-logo.small-icon {
	display: none;
}
.main-menu.expanded .navbar-header .navbar-brand .brand-logo.main-icon {
	display: block;
}
.main-menu .navbar-header .navbar-brand .brand-logo.main-icon {
	display: none;
	transition: all ease 0.5s;
}
.main-menu .navbar-header .navbar-brand .brand-logo.small-icon {
	display: block;
	transition: all ease 0.5s;
}
.main-menu .navbar-header .navbar-brand .brand-logo.small-icon img {
	max-width: 36px;
    margin-left: 0px;
    padding-top: 15px;
}
.menu-expanded .main-menu .navbar-header .navbar-brand .brand-logo.small-icon {
	display: none;
}
.menu-expanded .main-menu .navbar-header .navbar-brand .brand-logo.main-icon {
	display: block;
}
.dataTables_wrapper {
	padding-bottom: 20px;
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
	right: 0.5em !important;
	content: '' !important;
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
	content: '' !important;
}
.badge-pill {
	padding: 8px 13px;
}
.dataTables_wrapper .dataTables_processing {
	position: absolute !important;
    z-index: 400 !important;
    top: 0px !important;
    height: 100% !important;
    left: 0% !important;
    width: 100% !important;
    margin-left: 0px !important;
    margin-top: 0px !important;
    text-align: center !important;
    border-radius: 0px !important;
    padding: 1em 0 !important;
    background: rgb(255, 255, 255, 0.7) !important;
	transition: all ease 0.5s !important;
}

.dataTables_wrapper {
    position: relative !important;
	min-height: 250px !important;
}
.dataTables_processing .spinner-border {
	margin-top: 135px;
    /* color: #666666; */
}
.dtr-modal-display .dtr-modal-content .table.dtr-details td {
	padding: 8px 3px;
}
.list-group-item {
	padding: 0px;
	border: none;
}
.list-group-item .list-group-link {
	display: block;
	color: #4e4e4e;
	padding: 6px 0px 6px 15px;
}
.list-group-item:hover .list-group-link {
	color: #f97c25;
}
.list-group-item .list-group-link.active {
	color: #ffffff;
	background: #f97c25;
}
.cat-level-1 .list-group-item .list-group-link.active {
	margin: 0px 0px 0px -15px;
    padding: 6px 0px 6px 30px;
}
.cat-level-2 .list-group-item .list-group-link.active {
	margin: 0px 0px 0px -30px;
    padding: 6px 0px 6px 45px;
}
.cat-level-3 .list-group-item .list-group-link.active {
	margin: 0px 0px 0px -45px;
    padding: 6px 0px 6px 60px;
}
.list-group .list-group-item:hover {
	background-color: #f1f1f1;
}
.cat-level-1, .cat-level-2, .cat-level-3, .cat-level-4, .cat-level-5 {
	padding: 0px 0px 0px 15px;
}
#page-catalog-categories ul.list-group {
	display: none;
}
#page-catalog-categories ul.list-group.show {
	display: block;
}

.list-group-item .list-group-link .open-arrow {
	z-index: 9999;
	padding: 8px;
}
#cat-loader {
	position: absolute;
    z-index: 400;
    background: rgba(255,255,255,0.7);
    top: 15%;
    bottom: 0%;
    right: 3%;
    left: 3%;
    text-align: center;
	display: none;
	transition: all ease 0.3s;
}
#cat-loader .spinner-border {
	margin-top: 40px;
}
#page-catalog-categories .open-arrow:hover {
	background-color: #d4d4d4;
}
#full-quill .ql-editor {
	min-height: 280px
}
.no-margin-card {
	margin-bottom: 0px;
}
.scroll-top {
	bottom: 2%;
}
.card .collapse-trigger {
	cursor: pointer;
}
.dt-checkboxes-cell input {
	width: 15px;
	height: 15px;
}
#form-submit-btn .spinner-border {
	width: 20px;
    height: 20px;
	margin: -3px 7px;
}
table.dt-row-grouping tr.selected td {
	background-color: #efeefd;
}
.dataTables_length {
	display: inline-block;
}
.dataTables_length {
	display: inline-block;
}
.dataTables_info {
	display: inline-block;
	padding-left: 20px;
}
.action-section .form-group {
	margin-bottom: -2px;
    margin-top: 20px;
	width: 250px;
}
.action-section {
	min-height: 35px;
}
.form-group .invalid-feedback {
	display: block;
}
.is-invalid .select2 .select2-selection{
	border-color: #EA5455;
}
.form-control[readonly] {
    background-color: #FFFFFF;
    opacity: 1;
}
.form-group label .required-field {
	color: red;
    position: absolute;
    right: 0;
}
.from-dialog-modal {
    background: #fff;
    padding-top: 0;
    text-align: left;
    max-width: 800px;
    margin: 0px auto;
    position: relative;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}
.mfp-preloader .spinner-border {
	width: 50px;
    height: 50px;
}
.login-img {
	padding: 25px 65px;
}
.main-menu .navbar-header .navbar-brand .brand-logo img {
	max-width: 160px;
    padding-top: 12px;
}
.main-menu .navbar-header .navbar-brand {
	margin-top: 0px;
}
.header-navbar .navbar-container .nav .nav-item .nav-link-auto-toggle.active svg {
	color: green;
}
.header-navbar .navbar-container .nav .nav-item .nav-link-auto-toggle.inactive svg {
	color: red;
}
.navbar-light .navbar-nav .active.nav-link {
	background: none;
}
.main-menu.expanded .navbar-header .navbar-brand .brand-logo.small-icon {
	display: none;
}
.main-menu.expanded .navbar-header .navbar-brand .brand-logo.main-icon {
	display: block;
}
.main-menu .navbar-header .navbar-brand .brand-logo.main-icon {
	display: none;
	transition: all ease 0.5s;
}
.main-menu .navbar-header .navbar-brand .brand-logo.small-icon {
	display: block;
	transition: all ease 0.5s;
}
.main-menu .navbar-header .navbar-brand .brand-logo.small-icon img {
	max-width: 36px;
    margin-left: 0px;
    padding-top: 15px;
}
.menu-expanded .main-menu .navbar-header .navbar-brand .brand-logo.small-icon {
	display: none;
}
.menu-expanded .main-menu .navbar-header .navbar-brand .brand-logo.main-icon {
	display: block;
}
#DataTables_Table_0_wrapper {
	padding-bottom: 20px;
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
	right: 0.5em !important;
	content: '' !important;
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
	content: '' !important;
}
.badge-pill {
	padding: 8px 13px;
}
#DataTables_Table_0_processing {
	position: absolute;
    z-index: 400;
    top: 0px;
    height: 100%;
    left: 0%;
    width: 100%;
    margin-left: 0px;
    margin-top: 0px;
    text-align: center;
    border-radius: 0px;
    padding: 1em 0;
    /* background: rgb(255, 255, 255, 0.7); */
	transition: all ease 0.5s;
}

#DataTables_Table_0_wrapper {
    position: relative;
	min-height: 250px;
}
#DataTables_Table_0_processing .spinner-border {
	margin-top: 135px;
    /* color: #666666; */
}
.select2-container--default .select2-results>.select2-results__options {
	max-height: 300px;
}
/* #dpz-single-file {
	min-height: 200px;
}
#dpz-single-file .dz-message:before {
	font-size: 40px;
    width: 40px;
    height: 40px;
	top: 9rem;
}
*/
#dpz-single-file .dz-message {
	font-size: 1.5rem;
} 
.dropzone .dz-preview {
	width: 93%;
}
.dropzone .dz-preview .dz-image {
	width: 100% !important;
}
.dataTables_wrapper .no-stock {
	background-color: #ff3333;
}
.dataTables_wrapper .no-stock td, .dataTables_wrapper .no-stock td a {
	color: #ffffff;
}
.dataTables_wrapper .request-stock td:last-child {
	background-color: #0b6917;
}

.dataTables_wrapper .request-stock td:last-child a {
	color: #ffffff;
}
.dataTables_wrapper .dt-buttons {
	float: right;
    margin-top: -60px;
}
.dataTables_wrapper .dt-buttons .dt-button {
	background: #2899d4;
    color: #fff;
    border: none;
    padding: 9px 20px;
    border-radius: 5px;
}
.dataTables_wrapper .dt-buttons .dt-button:hover {
	background-color: #1c6186;
}