@import "d2l-grid.min.css" screen;

.d2l-fill { display: flex;  justify-content: center;  align-items: center;  overflow: hidden;  background-size: cover;  background-portraitosition: center center; }
.d2l-fill img {  flex-shrink: 0;  min-width: 100%;  min-height: 100%;  display:block; }

/* Quick Form ----------- */
form.d2l-quick-form [class*="col-"] { min-height: 1px; position: relative;padding-left: 10px; padding-right: 10px; float: left;}
form.d2l-quick-form .d2l-form-field.col-3 { width: 25%; }
form.d2l-quick-form .d2l-form-field.col-4{ width: 33.3333%; }
form.d2l-quick-form .d2l-form-field.col-5 { width: 41.6667%; }
form.d2l-quick-form .d2l-form-field.col-6{ width: 50%; }
form.d2l-quick-form .d2l-form-field.col-7 { width: 58.3333%; }
form.d2l-quick-form .d2l-form-field.col-8 { width: 66.6667%; }
form.d2l-quick-form .d2l-form-field.col-9 { width: 75%; }
form.d2l-quick-form .d2l-form-field.col-12 { width: 100%; }

form.d2l-quick-form .d2l-form-field.d2l-submit-wrapper{float: unset; clear: both;}

/* Google Map */
.d2l-googlemap { position: relative; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; }
.d2l-googlemap iframe { width: 100%; pointer-events: none; border: 0; }
.d2l-googlemap .d2l-googlemap-overlay { position: absolute; bottom: 24px; right: 45px; text-align: center; padding: 15px; background: rgba(255,255,255,0.8); }
.d2l-googlemap .d2l-googlemap-overlay .d2l-googlemap-infotitle { margin: 0; }

/**
VISIBILITY START
*************************************************** */
/* small displays */
@media only screen {
	.panel-grid .panel-row-style.d2l-small,
	.panel-grid .panel-row-style.d2l-medium-down {
		display: inherit !important;
	}
	.panel-grid .panel-row-style.d2l-medium-up,
	.panel-grid .panel-row-style.d2l-medium,
	.panel-grid .panel-row-style.d2l-large {
		display: none !important;
	}
}

/* medium displays */
@media only screen and (min-width: 640px) {
	.panel-grid .panel-row-style.d2l-medium-down,
	.panel-grid .panel-row-style.d2l-medium-up,
	.panel-grid .panel-row-style.d2l-medium {
		display: inherit !important;
	}
	.panel-grid .panel-row-style.d2l-small,
	.panel-grid .panel-row-style.d2l-large {
		display: none !important;
	}
}

/* large displays */
@media only screen and (min-width: 1024px) {
	.panel-grid .panel-row-style.d2l-medium-up,
	.panel-grid .panel-row-style.d2l-large {
		display: inherit !important;
	}
	.panel-grid .panel-row-style.d2l-small,
	.panel-grid .panel-row-style.d2l-medium-down,
	.panel-grid .panel-row-style.d2l-medium {
		display: none !important;
	}
}

/* Orientation targeting */
.d2l-show-landscape,
.d2l-hide-portrait {
	display: inherit !important;
}

.d2l-hide-landscape,
.d2l-show-portrait {
	display: none !important;
}

@media only screen and (orientation: landscape) {
	.d2l-show-landscape,
	.d2l-hide-portrait {
		display: inherit !important;
	}
	.d2l-hide-landscape,
	.d2l-show-portrait {
		display: none !important;
	}
}

@media only screen and (orientation: portrait) {
	.d2l-show-portrait,
	.d2l-hide-landscape {
		display: inherit !important;
	}
	.d2l-hide-portrait,
	.d2l-show-landscape {
		display: none !important;
	}
}

/**
VISIBILITY END
*************************************************** */

/* form.d2l-quick-form select {
 display: block;
 max-width: 100%;
 height: auto !important;
 background: url("https://image.ibb.co/iMeAJv/selectbox_arrow.png") right center no-repeat;
 appearance: none;
 -webkit-appearance: none;
 -moz-appearance: none;
 } */

/**
ROW BACKGROUND SKEW
*************************************************** */
.panel-grid .d2l-left-skew::before { right: 38%; -webkit-transform: rotate(-335deg); -moz-transform: rotate(-335deg); -o-transform: rotate(-335deg); -ms-transform: rotate(-335deg); transform: rotate(-335deg); }
.panel-grid .d2l-right-skew::before { left: 38%; -webkit-transform: rotate(335deg); -moz-transform: rotate(335deg); -o-transform: rotate(335deg); -ms-transform: rotate(335deg); transform: rotate(335deg); }
.panel-grid .d2l-left-skew::before,
.panel-grid .d2l-right-skew::before { content: ''; position: absolute; top: -250%; width: 100%; height: 500%; background-color: inherit; z-index: 2; display: block; }
.panel-grid .d2l-left-skew,
.panel-grid .d2l-right-skew { position: relative;  overflow: hidden; }
.panel-grid .d2l-left-skew .panel-grid-cell,
.panel-grid .d2l-right-skew .panel-grid-cell{z-index: 2;}