.page-title {
	font-size: 1.55rem;
	color: #333;
}

.sidebar .nav .nav-item.nav-profile {
	padding: 0 20px;
}

.auth .row {
	margin: 0;
}

.brand-logo {
	padding: 0 60px;
}

.top-margin {margin-top:40px;}

.badge-lg {
	font-size: 0.875rem;
	padding: 0.875rem 2.5rem;
	font-weight: 400;
}

.form-control.form-select, .form-control.form-select option, select {
	color: #333 !important;
}

.ui-sortable-helper {
	background: #f2f2f2;
}

.open-category {
    cursor: pointer;
}

.table.upload-table img {
	width: auto;
	height: auto;
	border-radius: 0;
}

.no-margin-top {
	margin-top: 0;
}

.collapse .form-check .form-check-label {
	line-height: 0.7 !important;
}

.relative {
	position:relative;
}

.table th img, .jsgrid .jsgrid-table th img, .table td img, .jsgrid .jsgrid-table td img {
    border-radius: 0;
    width: 60px;
    height: auto;
}

.dd-delete {
	position:absolute;
	z-index:10;
	top: 10px; right: 10px;
}

.dataTables_paginate {}

	.paginate_button.current {
		color: #b66dff;
	}

	.paginate_button {
		margin: 0 3px;
		cursor:pointer;
		color: #333;
	}

	.paginate_button.previous {
		margin-right:30px;
	}

	.paginate_button.previous.disabled,
	.paginate_button.next.disabled {
		color: #ced4da;
		cursor: default;
		text-decoration: none;
	}

	.paginate_button.next {
		margin-left: 30px;
	}

	.ellipsis {
		margin: 0 10px;
	}

.btn, .card, .dropdown-menu {
	border-radius: 0 !important;
}

.btn.btn-gradient-primary,
.btn.btn-outline-primary,
.btn.btn-primary {
    background: #333 !important;
	color: #fff;
	border: none;
}

.btn-primary:not(.btn-light):focus {
    border-color: initial;
}


.form-check-primary.form-check label input[type="checkbox"]:checked + .input-helper:before, .form-check-primary.form-check label input[type="radio"]:checked + .input-helper:before {
	background: #333;
}

.form-check-primary.form-check label input[type="checkbox"] + .input-helper:before, .form-check-primary.form-check label input[type="radio"] + .input-helper:before {
	border: 2px solid #333;
}

.table.table-padding-fix tr {
	border: 0;
}

.table.table-padding-fix tr td {
	padding: 8px 0;
	border-top: 0 !important;
}

.card .card-body {
	padding: 1.5rem;	
}

	.card-title {
		border-bottom: 1px solid #ebedf2;
		margin: -1.5rem;
		padding: 1.5rem;
	}

.group-caption {

}

	.group-caption h4 {
		background: #f1f1f1;
		font-weight: 800;
		padding: 10px;
	}

	.group-caption .group-items {
		
	}

		.group-caption .group-items .group-item {
			padding: 5px 20px;
		}

.shipped-control {
	width: 75px;
	text-align:center;
	float: right;
}

.fully-shipped input {
	background: #29c7a3;
}

.timeline::before {
	left: 100%;
}

	.timeline .timeline-wrapper {
		padding-right: 30px;
	}

	.timeline .timeline-wrapper .timeline-badge {
		left: calc(100% - 7px);
		top: calc(50% - 5px);
	}

	.timeline .timeline-wrapper .timeline-panel::after {
		top: calc(50% - 11px);
	}

	.timeline .timeline-wrapper .timeline-panel {
		width: 100%;
		margin-left: 0;
	}

	.timeline .toggle-btn {
		position: absolute;
		right: 20px;
		top: 45px;
		
		font-size:30px;
		color: #333;
	}

	.timeline .toggle {
		display: none;
	}

.theme {

}

	.theme .row > div {
		margin: 0; padding: 0;
	}

	.theme div {
		padding: 20px;
	}

.content-wrapper.auth {
	padding: 0;
}


/* table tr td:last-child a {
	display: block;
	padding: 5px;
	background: #333;
	color: #fff;
} */

.fully-shipped .mdi.mdi-check {
	font-size: 20px;
	color: #2ecc71;
}

.sortable-col {

}

.group-items .group-item {
	padding: 0 0 15px 0;
}

    .modal-content {
        border-radius: 0;
        border: none;
    }

    .modal-shipment .modal-body {
        padding: 0 !important;
    }

    .modal-shipment.modal-dialog {
        /*max-width: 800px;*/
    }

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

.backorder-note {
    padding: 0 15px;
}

.backorder-line {
    margin-bottom: 15px;
}

    .dataTables_length {
        float:left;
    }

.track-trace, .track-trace:hover {
    color: #9c9fa6;
}

.opening-hours {
    border-top: 1px solid #ebedf2;
}

    .opening-hours:first-of-type {
        border-top: 0;
    }

    .opening-hours .form-group {
        padding-top: 20px;
    }

    .opening-hours .start,
    .opening-hours .end {
        width: 100px;
        float: left;
        margin-right: 10px;
    }

.color-tiles {
    padding: 10px;
}

body.dragging, body.dragging * {
    cursor: move !important;
}

    .dragged {
        position: absolute;
        opacity: 0.5;
        z-index: 2000;
    }

    ul li.placeholder {
        position: relative;
        background: #ecf0f1;
    }

    ul li.placeholder:before {
        position: absolute;
        /** Define arrowhead **/
    }

.image-holder {
    border-right: 1px solid #f1f1f1;
    margin: -12px 0 0 0;
    padding: 15px;
}

    .image-holder.empty {
        position: relative;
    }

        .image-holder.empty a {
            font-size: 40px;
            color: #000;
            padding: 0 50px;
            margin-top: 40px;
            display: block;
        }

        .image-holder .image-actions a {
            font-size: 24px;
        }

tfoot {
    border-top:  4px solid #f1f1f1;
    font-weight: 800;
}

.fixed-save {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px 0;
    text-align: right;
    background: #f1f1f1;
}

.locales {
    list-style: none;
    margin: 0; padding: 0;
    width: 100%;
    margin: 0 auto;
    display: block;
    margin-left: 15px;
}

    .locales .locale {
        float: left;
        padding: 5px;
        opacity: 0.3;
    }

    .locales .locale.active {
        opacity: 1;
    }

select.form-control, .form-control, .asColorPicker-input, .dataTables_wrapper select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-search__field, .typeahead, .tt-query, .tt-hint{
    border: 1px solid #7f8c8d;
}

.col-default {color: red;}
.col-active {color: green;}
.target {display:none;}

.btn-circle {
    width: 35px;
    height: 35px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 30px !important;
    margin: 0 auto;
}

.f-white {color: #fff;}

@media screen and (max-width: 1140px) {

}

@media screen and (max-width: 768px) {

}

.select2-selection.select2-selection--single {
	padding-top: 0 !important;
}

.form-small {
	max-width: 80px;
}