/* BODY */
/*:root {
    --bs-app-sidebar-width: 300px;
    --bs-app-sidebar-width-actual: 300px;	
}/*
@media (max-width: 991.98px) {
	:root {
		--bs-app-header-height: 77px!important;
	}
}
::-webkit-scrollbar {
    width: 8px;
    background: transparent;
}
::-webkit-scrollbar-thumb {
    border: 0px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    border-radius: 0.5rem; 
}
#footer {
	position: relative;
    bottom: 0;    
}


/* === MAIN === */
.app-sidebar-header .btn.btn-custom {
    border: 0.85px solid rgba(255, 255, 255);
}
.app-header {
	height: 85px;
}
.app-header.app-header_sticky {
	backdrop-filter: blur(6px);	
}
.row.grid > [class*='col-'] {
    display: inline-grid;
}
.inner {
    margin: -1rem auto 0;
    max-width: 2000px;
}
::-webkit-scrollbar {
	border: 0px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;    
    width: 7px;
    background: transparent;
}
main, span, ol, ul, pre, div {
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
}

main:hover, span:hover, ol:hover, ul:hover, pre:hover, div:hover {
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
}
@media (min-width: 992px) {
    .inner {
        margin: -4rem auto 0;
    }
}
.titlebar {
    margin-bottom: 2rem;
}
.placeholder {
    border-radius: 0.625rem;
}
.cursor-pointer {
	cursor: pointer!important;
}
@media (min-width: 1800px) {
    .col-xxxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-xxxl-3 {
        flex: 0 0 auto;
        width: 25%;
    }
}
@media (min-width: 1400px) {
    .col-xxl-27 {
        flex: 0 0 auto;
        width: 27%;
    }
    .col-xxl-73 {
        flex: 0 0 auto;
        width: 73%;
    }
}


/* TYPO */
body, .ql-editor, span {
    font-family: 'Manrope', sans-serif;
}
.tool-tagline {
    font-family: "canada-type-gibson", Sans-serif!important;
}
h1, .h1 {
    font-size: 2.5rem;
    font-weight: 700;
    /*
    font-family: "canada-type-gibson", Sans-serif!important;
    font-weight: 600;
    */
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    color: initial;
}
.mh-50px {
    max-height: 50px!important;
}
.fa-secondary {
    opacity: 0.4;
}
i.fa-duotone.fa-download:hover {
    color: #75A744;
}


/* FORM */
.form-switch .form-check-input {
    width: 4rem;
}
.form-switch.form-check-custom .form-check-input {
    height: 2rem;
}
.select2-selection__choice__display img {
    max-height: 15px!important;
}
.select2-selection__choice__display span {
    font-size: 1rem!important;    
}
.select2-container--bootstrap5 .select2-selection--multiple.form-select-lg .select2-selection__choice {
    padding: 0.05rem 0.65rem;
}
.select2-selection--multiple button.select2-selection__clear {
    top: 45%;
}
.search-icon .fa-magnifying-glass {
    font-size: 1.25rem;
}
.was-validated .form-control:valid, .form-control.is-valid {
    background-image: url("../../assets/media/icons/check-success.svg");
    border: 2px solid #B9D898!important;
    box-shadow: none!important;
}
.was-validated .form-control:invalid, .form-control.is-invalid {
    background-image: url("../../assets/media/icons/exclamation-danger.svg");
    border: 2px solid rgba(197, 23, 40, 0.4)!important;
    box-shadow: none!important;
}
.pe-none button.select2-selection__choice__remove {
    display: none!important;
}
.pe-none .select2-selection__choice__display {
    margin-left: 0rem!important;
}
.pe-none.form-select {
    --bs-form-select-bg-img: url(none);
}
.form-check-input:checked[type=radio] { 
    height: 20px!important;
    width: 20px!important;
}
.database-channel_edit .image-input {
	width: 100%;
    max-height: 120px;
    background-size: contain;
    background-position: center;
}
.database-channel_edit .image-input-wrapper {
    width: 100%;
    max-height: 120px;
    background-size: contain;
    background-position: center;
}
.dropzone-item.dz-processing.dz-image-preview.dz-success.dz-complete {
    display: flex;
    align-items: center;
    margin-top: 0.75rem;
    border-radius: 0.475rem;
    padding: 1rem;    
    justify-content: space-between;
}
#order-detail-files .dz-complete {
    display: none;
}

/* TABLE */
th, td {
    padding: 1rem 2.25rem!important;
}
div#divMediaGrid tbody td:first-child, div#divCompanyGrid tbody td:first-child {
    width: 30px;	
}
/*div#divMediaGrid tbody td:first-child img, div#divCompanyGrid tbody td:first-child img {
	display: block;
    margin: auto;
}*/
div#divMediaGrid tbody td, div#divCompanyGrid tbody td {
    height: 80px;
	max-height: 80px;
}
.table-responsive .mvc-grid-pager {
	padding: 1rem 1.5rem;
}
.table-responsive .mvc-grid-pager, .table-responsive .mvc-grid-empty-row {
    text-align: end!important;
}
#divOrderGridAdmin td:last-child {
    text-align: end;
}
#divCompanyGrid img {
    border-radius: 5px;
}
#divUserGrid img {
    border-radius: 50px;
	object-fit: cover;
}
#divMediaGrid img {
    border-radius: 5px;
}


/* BORDER */
.rounded-25 {
    border-radius: 25px;
}
.no-radius {
    border-radius: 0px!important;
}
.separator.separator-dashed {
    border-bottom-style: dashed;
}


/* WIDTH */
.w-inherit {
    width: inherit;
}
.w-48p {
    width: 48%;
}
.mw-1500px {
    max-width: 1500px;
}


/* MARGINS */
.me-4p {
    margin-right: 4%;
}


/* HEIGHTS */
.mnh-150px {
    min-height: 150px!important;
}


/* BUTTON */
.btn {
    transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out;
}
.btn:hover {
    transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out;
}
.btn .fa-primary {
    fill: white;
    opacity: 1;
}


/* SWITCH */
.form-check-input, label.form-check-image {
    cursor: pointer;
}
label.order-tool_channel {
	cursor: auto!important;
}
label.form-check-image.order-tool_channel.order-tool_channel-extra {
    cursor: pointer!important;
}


/* MODALS */
.modal-fullscreen .modal-body {
    overflow-y: auto;
    overflow-x: hidden;
}
.modal-body {
    margin-top: 0px!important;
}
.modal-rounded {
	border-radius: 0.425rem!important;
}
.modal-body .current .row {
	width: 100%;
    margin: 0;
}
/*
.modal-buttons {
	position: absolute;
    bottom: 1rem;
    right: 1rem;
}
*/


/* BADGE */
.badge-xl {
    font-size: 1.125rem;
    padding: 10px;
    border-radius: 0.725em!important;
}


/* AUTH */
@media (max-width: 1199px) {
    #auth-brand_column {
        justify-content: center;
    }
}
@media (max-width: 991px) {
    #auth-brand_column {
        height: 25vh;
    }
}
@media (max-width: 767px) {
    #auth-brand_column {
        height: 40vh;
    }
}
#auth-header .d-flex {
    overflow: hidden;
}


/* MENU */
#top-nav .app-container {
    max-width: 2120px;
}
.app-sidebar-navs .menu {
    padding: 0 2rem;
}
.app-sidebar-navs .menu .menu-item {
    border-radius: 0.475rem;
}
.app-sidebar-navs .menu .menu-item .menu-link .menu-title {
    font-weight: 600;
}
.app-sidebar-navs .menu .menu-item .menu-link .menu-icon {
    margin-right: 1.75rem;
    font-size: 1.75rem;
}
#kt_app_sidebar {
    overflow: auto;
}
.app-sidebar-navs .menu > .menu-item > .menu-link {
    padding: 1.125rem 1.75rem;
}
img.user {
    border-radius: 50%;
	object-fit: cover;
}
@media (max-width: 991px) {
    #user-button .btn {
        border-radius: 50%;
    }
}
#side-nav_10 img#forceflow-icon {
    width: 22px;
}


/* SELECT */


/* MESSAGES */


/* WIZARD */
.order-tool_channel {
    width: 100%;
}
.order-tool_channel .check-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 8rem;
    border-radius: 0.475rem;
    margin-bottom: 0.35rem;
	cursor: auto;
}
.order-tool_channel.form-check-image img {
    max-height: 65%;
    max-width: 75%;
}
.order-tool_channel .form-check-input {
    display: none;
}
.order-tool_channel-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 8rem;
    border-radius: 0.475rem;
    margin-bottom: 1rem;
}
#divAddChannels .image-input {	
	padding: 10px;	
	align-items: center;
	justify-content: center;
	display: flex;
}
.fv-plugins-message-container.invalid-feedback {
    position: absolute;
	margin-top: 0px;
}

.password-eye {
    position: absolute;
    top: 5px;
    right: 5px;
}


/* NIEUWE FONT */
body, html, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .h7, p, span, li, label, tspan, button, .btn, td, .tooltip {
    font-family: "canada-type-gibson", Sans-serif!important;
}
h1, .h1, h2, .h2 { 
    font-weight: 600!important;
}
h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-weight: 500!important;
}
p, span, li, label, tspan, button, .btn, td {
    font-weight: 400!important;
}
.fw-bold {
    font-weight: 500 !important;
}
.fw-semibold {
    font-weight: 400 !important;
}