/* ================
	MOBILE STYLING
   ================ */


/* ----- WIDTH 1888px ----- */
@media (max-width: 1888px) {
	.region-header .page-header {
		width: 76%;
	}
}


/* ----- IPAD STYLING ----- */
 @media (min-width:  1025px) and (max-width: 1080px) {

 	.navbar {
 		display: none;
 	}


 	body.navbar-is-fixed-top {
 		margin-left: 0px !important;
 	}

 	.main-container {
 		margin: 0px !important;
 	}

 	.ipad-add {
		width: 100vw;
		height: 100vh;
 	}

 	.views-exposed-form {
 		margin: 25px;
 	}

 	.ajax-progress.ajax-progress-fullscreen {
		background-color: transparent;
	    background-image: none;
	    z-index: 11000;
	    position: fixed;
	    height: 30px;
	    width: 90px;
	    overflow: visible;
	    margin: 0px;
	    top: 1.7%;
	    left: 80%;
	    right: 0;
	    bottom: 0;
	    transform: scale(0.4);
	}

	.ajax-throbber.sk-three-bounce .sk-child {
		background-color: var(--cw);
	}

	.view .table-responsive {
		padding: 20px;
	}

	.view-search-vouchers th.views-field-field-name-surname {
		width: 15%;
	}

	.view-search-vouchers th.views-field-webform-submission-value-1 {
		width: 18%;
	}
 }


/*------WIDTH 1024px------*/
@media (max-width: 1024px) {
	#sidrmm {
		display: unset;
	}

	.navbar-nav {
		display: none;
	}

	#block-logoicon,
	#block-vcntrl {
		display: none;
	}

	body.navbar-is-fixed-top {
		margin-top: 0px;
		margin-left: 0px !important;
	}


	#block-logo-light {
 		display: inline-block;
 		vertical-align: middle;
 	}

 	#block-sidrmainmenu {
 		display: inline-block;
 		vertical-align: middle;
 		margin: 14px 0px 7px;
 	}

	.webform-submission-covid-19-form {
		width: 90%;
		margin: 40px auto;
	}

	.menu--covid-menu {
		display: inline-block;
 	}

 	.navbar .container-fluid {
 		width: 90%;
 	}

 	.alert {
 		width: 40% !important;
 		animation-name: mnotify !important;
 	}

 	@keyframes mnotify {
	0% {margin-right: -42%;}
	4% {margin-right: 0px; opacity: 1;}
	95% {opacity: 1; margin-right: 0px;}
	100% {opacity: 0; margin-right: -42%; display: none;}
 }

 @keyframes mstick {
	0% {margin-right: -42%; background-color: #f1f1f1;}
	4% {margin-right: 0px; opacity: 1; background-color: #f1f1f1;}
	8% {margin-right: 0px; opacity: 1; background-color: #f1f1f1;}
	15% {margin-right: 0px; opacity: 1; background-color: #eac0c0;}
	20% {margin-right: 0px; opacity: 1; background-color: #f1f1f1;}
	25% {margin-right: 0px; opacity: 1; background-color: #eac0c0;}
	30% {margin-right: 0px; opacity: 1; background-color: #f1f1f1;}
	95% {opacity: 1; margin-right: 0px;}
	100% {opacity: 1; margin-right: 0px;}
 }
 	.modal-content {
 		width: 100% !important;
 	}

 	.modal,
 	.ui-widget.ui-widget-content {
 		width: 98% !important;
 		margin: auto;
 	}

 	.menu--add-menu {
 		display: none;
 	}

 	.menu--mobile-back-menu {
 		display: inline-block;
 	}

}

/* ----- WIDTH 500PX ----- */
@media (max-width: 600px) {
	.dashboard {
		flex-flow: row wrap;
		margin: 0px 0px 40px;
	}

	.dashboard .dash-title {
		margin-left: 0px;
		font-size: 1.5rem;
	}
}

/* ----- WIDTH 500PX ----- */
@media (max-width: 500px) {
	#block-logo-light svg {
		height: 65px;
	}

	.main-container {
		margin: 10px !important;
	}

	body.navbar-is-fixed-top {
 		margin: 10px !important;
 	}

 	body.simplelogin.navbar-is-fixed-top {
 		margin: 0px !important;
 	}

	.navbar-default .navbar-toggle {
		display: none;
	}

	.menu--covid-menu > li > a {
		padding: 26px 20px;
	}

	input[type='text'],
	input[type='number'],
	textarea {
		font-size: 16px;
	}

	input[type="color"],
	input[type="date"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="email"],
	input[type="month"],
	input[type="number"],
	input[type="password"],
	input[type="search"],
	input[type="tel"],
	input[type="text"],
	input[type="time"],
	input[type="url"],
	input[type="week"],
	select:focus,
	textarea {
		font-size: 16px;
	}

	.webform-options-display-buttons .webform-options-display-buttons-wrapper {
		display: inline-block;
	}

	.webform-options-display-buttons .form-item {
		display: inline-block;
		width: auto;
		height: auto;
	}

	.webform-options-display-buttons label.webform-options-display-buttons-label {
		display: inline-block;
	}

	.radio, .checkbox {
		margin: 0px;
	}

	.webform-submission-covid-19-form .webform-options-display-buttons label.webform-options-display-buttons-label {
		padding: 10px 15px;
	}

	.webform-options-display-buttons .webform-options-display-buttons-wrapper {
		margin: 0px;
	}

	.ui-menu .ui-menu-item-wrapper {
		font-size: 16px;
	}

	.view-display-id-page_2 {
		padding: 25px 10px;
	}
}