/* ---------------------------------------------------
	MQ
	GOSALON SAAS DATA-CRM-CMS SYSTEM CSS
	BUILD 2025 AND BEYOND
	BUILD BY STELLAR
----------------------------------------------------- */


/* ---------------------------------------------------
    STATS
----------------------------------------------------- */

@media screen and (min-width: 375px) and (max-width: 767px) {


	.x-scroll {
		overflow-x: auto;
		padding: 0;
	}

	.counterbox h4 {
		font-size: 25px !important;
		white-space: nowrap;
	}

	.counterbox h3 {
		font-size: .85rem !important;
		padding: .2rem .4rem .15rem .4rem;
		white-space: nowrap;
	}

	.counterbox p {
		font-size: 13px !important;
		white-space: nowrap;
	}

	.statsbar ul li div.counterbox {
		padding: 20px !important;
	}

	.statsbar ul li i {
		font-size: 25px !important;
		padding-left: 5px !important;
	}

	.counterbox.detail h4 {
		font-size: 25px !important;
		white-space: nowrap;
	}

	.counterbox.detail h3 {
		font-size: 15px !important;
		white-space: nowrap;
	}

	.counterbox.detail p {
		font-size: 13px !important;
		white-space: nowrap;
	}

	.chartbox .graphbox {
		padding: 50px 70px;
	}

	figure.gallery-item-box img {
		height: 250px;
	}

	.checkbox span.indication,
	.radio span.indication {
		font-size: 1rem;
		white-space: wrap;
	}

	.mailtemplateimg {
		max-height: 210px !important;
		object-fit: cover;
		width: 100%;
	}

	.productimg {
		max-height: 210px !important;
		object-fit: cover;
		width: 100%;
	}

	.companylogo {
		max-height: 65px !important;
		object-fit: cover;
		width: 100%;
	}

	/* calendar */
	.calendar__day {
		border-left: 1px solid #E0E2E6;
		border-right: 1px solid #E0E2E6;
		width: 100%;
	}

	.amount {
		font-size: 1rem;
	}

	.subtotal {
		font-size: 1rem;
	}

	.totaldiscount {
		font-size: 1rem;
	}

	.loyaltypoints {
		font-size: 1rem;
	}

	.totaltax {
		font-size: 1rem;
	}

	.totalsum {
		font-size: 1.45rem;
	}

	.modal .amount {
		font-size: 1rem;
	}

	.modal .subtotal {
		font-size: 1rem;
	}

	.modal .totaldiscount {
		font-size: 1rem;
	}

	.modal .loyaltypoints {
		font-size: 1rem;
	}

	.modal .totaltax {
		font-size: 1rem;
	}

	.modal .totalsum {
		font-size: 1.45rem;
	}

	#mediaselect__modal {
		padding: 5px !important;
	}

	/* mediacloud */
	.widget-folderwrapper ul.folder--list li {
		padding-bottom: 10px;
		padding-top: 10px;
	}


}


@media screen and (min-width: 992px) and (max-width: 1199px) {

	/* calendar */
	.calendar__days li {
		width: 100%;
	}

}

@media screen and (min-width: 1200px) {

	.calendar__days li {
		width: calc(100% / 7);
	}

	/* Geen rechter border voor de eerste 6 dagen binnen de day--column */
	.day--column:nth-child(1) .calendar__day,
	.day--column:nth-child(2) .calendar__day,
	.day--column:nth-child(3) .calendar__day,
	.day--column:nth-child(4) .calendar__day,
	.day--column:nth-child(5) .calendar__day,
	.day--column:nth-child(6) .calendar__day {
		border-right: none;
	}

	/* Zorg voor een rechter border voor de 7e day--column */
	.day--column:nth-child(7) .calendar__day {
		border-right: 1px solid #E0E2E6;
	}

}


@media screen and (min-width: 992px) and (max-width: 1800px) {

	/*body h1, h2, h3, h4, p, span, button, a {
		font-size: 95% !important;
	}*/

	.counterbox h4 {
		font-size: 27px !important;
		white-space: nowrap;
	}

	.counterbox h3 {
		font-size: 17px !important;
		white-space: nowrap;
	}

	.counterbox p {
		font-size: 15px !important;
		white-space: nowrap;
	}

	.statsbar ul li div.counterbox {
		padding: 20px !important;
	}

	.statsbar ul li i {
		font-size: 25px !important;
		padding-left: 5px !important;
	}

	.counterbox.detail h4 {
		font-size: 27px !important;
		white-space: nowrap;
	}

	.counterbox.detail h3 {
		font-size: 17px !important;
		white-space: nowrap;
	}

	.counterbox.detail p {
		font-size: 15px !important;
		white-space: nowrap;
	}

}



/* ---------------------------------------------------
    IMAGE MODAL
----------------------------------------------------- */

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


	figure.gallery-item-box img {
		height: 200px;
	}

}

@media screen and (min-width: 992px) and (max-width: 1199px) {


	figure.gallery-item-box img {
		height: 210px;
	}

}

@media screen and (min-width: 1200px) and (max-width: 1399px) {


	figure.gallery-item-box img {
		height: 220px;
	}

}

@media screen and (min-width: 1400px) and (max-width: 1599px) {


	figure.gallery-item-box img {
		height: 200px;
	}

}

@media screen and (min-width: 1600px) and (max-width: 1799px) {


	figure.gallery-item-box img {
		height: 210px;
	}

}

@media screen and (min-width: 1800px) and (max-width: 1999px) {


	figure.gallery-item-box img {
		height: 220px;
	}

}

@media screen and (min-width: 2000px) and (max-width: 2199px) {


	figure.gallery-item-box img {
		height: 230px;
	}

}

@media screen and (min-width: 2200px) {


	figure.gallery-item-box img {
		height: 300px;
	}

}



/* ---------------------------------------------------
    LAYOUT
----------------------------------------------------- */

@media screen and (min-width: 1200px) and (max-width: 1599px) {

	li.folder_wrapper {
		flex: 0 0 auto;
		width: 33.33333333%;
	}

}

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

	.functionline_wrapper .x-scroll {
		overflow-x: auto;
	}

}


/* ---------------------------------------------------
    FORMS
----------------------------------------------------- */

@media screen and (min-width: 1400px) and (max-width: 1599px) {

	.functionline_wrapper .x-scroll {
		overflow-x: auto;
	}

	.functionline_wrapper select {
		width: 150px;
	}

	.functionline_wrapper .functionline .filter-input {
		width: 200px;
	}

}

@media screen and (min-width: 1600px) and (max-width: 1799px) {

	.functionline_wrapper .x-scroll {
		overflow-x: auto;
	}

	.functionline_wrapper select {
		width: 200px;
	}

	.functionline_wrapper .functionline .filter-input {
		width: 225px;
	}

}