/*	DOCUMENT INFORMATION
		Document: 		du.forms.css
		Version:		0.0.2
		Created: 		03/02/18
		Author:			Emily Leffler Schulman
		Description:	Mark-up for the general forms of UMUC Digital University
		
	COLORS
		default text	dark gray	rgba( 60, 60, 67, 1 )
		links			teal		rgba( 0, 62, 106, 1 )
		other			red			rgba( 163, 6, 6, 1 )
		other			yellow		rgba( 253, 191, 56, 1 )
		
	FONTS
		default text	'Open Sans', Arial, sans-serif;		
		headlines		'Roboto', Tahoma, sans-serif;

	DIRECTORY	
		1. _GENERAL
		2. _LABELS
		3. _INPUTS
		4. _BUTTONS
*/

/* START _GENERAL */

.du-experience-section + .du-form {
	margin-top: 1.25rem;
}

.du-002 .du-field {
	margin-bottom: 1.25rem;
}

.du-002 .du-has-bottom-border > .du-field:last-child,
.du-002 .du-has-bottom-border .layout-column:last-child .du-field:last-child,
.du-call-out .layout-column .du-field:last-child,
.du-002 .du-du-flex-block-title .du-field,
.du-002 .du-repeated-section-has-bottom-border > .layout-row > .du-field:last-child,
.du-002 .du-header-bar > .layout-row > .du-field,
.du-002 .du-expanded-content .layout-column > .du-field.flex-100:last-child,
.du-002 .du-expanded-content > .du-field:last-child,
.du-002 .du-has-bottom-border-on-mobile > .layout-row > .du-field.flex-50:last-child,
.du-002 .du-has-bottom-border-on-mobile > .layout-row > .du-field.flex-50:nth-last-child(2),
.du-002 table td > .du-field,
.du-002 table td > span > .du-field {
	margin-bottom: 0;
}

p.du-disclaimer + .du-field {
	margin-top: 1.875rem;
}

.du-nested-field {
	margin: 0 0 1rem 2rem;
	display: block;
}

.du-nested-field.du-full-width-on-mobile {
	width: calc(100% - 2rem) !important;
}

@media screen and (min-width: 601px) {
	.du-has-bottom-border .du-field:last-child,
	.du-002 .du-repeated-section-has-bottom-border > .layout-row > .du-field.flex-gt-xs-33:last-child,
	.du-002 .du-repeated-section-has-bottom-border > .layout-row > .du-field.flex-gt-xs-33:nth-last-child(2),
	.du-002 .du-expanded-content .layout-column > .du-field.flex-gt-xs-50:nth-last-child(2),
	.du-002 .du-expanded-content .layout-column > .du-field.flex-gt-xs-50:last-child,
	.du-has-bottom-border.layout-gt-xs-row > .du-field.flex-gt-xs-33:nth-last-child(3),
	.du-has-bottom-border.layout-gt-xs-row > .du-field.flex-gt-xs-33:nth-last-child(2),
	.du-has-bottom-border.layout-gt-xs-row > .du-field.flex-gt-xs-33:last-child {
		margin-bottom: 0;
	}
	
	.du-002 .layout-row > .du-field.flex-50.flex-gt-xs-100:nth-last-child(2) {
		margin-bottom: 1.25rem;
	}

	.du-nested-field.du-full-width-on-mobile {
		width: auto !important;
	}

	.du-nested-field.du-one-third-width.du-full-width-on-mobile {
		width: 33.33% !important;
	}

}

/* END _GENERAL */


/* START _LABELS */

.du-label {
	font-size: 0.9375rem;
    line-height: 1.5em;
    font-weight: 700;
    margin: 0;
}

.du-label label {
	font-weight: 700;
}

.du-label-on-left {
	display: inline-block;
	margin-right: 0.313rem;
}

.du-label-above-input {
	display: block;
	clear: both;
	margin-bottom: 0.625rem;
}

.du md-radio-button .md-label,
.du md-checkbox .md-label {
	font-size: 0.9375rem;
	line-height: 1.5em;
    font-weight: 400;
    vertical-align: top;
}

.du md-radio-button.du-strong .md-label,
.du md-checkbox.du-strong .md-label {
	font-weight: 700;
}

.du-error-field .du-label,
.du .du-error-field md-radio-button .md-label,
.du .du-error-field md-checkbox .md-label {
	color: rgba( 163, 6, 6, 1 );
}

@media screen and (min-width: 801px) {
	.du-label-above-input.du-side-by-side-on-desktop {
		display: inline-block;
		clear: none;
		margin-bottom: 0;
	}
}

/* END _LABELS */	


/* START _INPUTS */

.du-fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}

.du-field.du-indent-input-group > .du-input-checkbox-container,
.du-field.du-indent-input-group > .du-input-radio-group {
	margin-left: 0.9375rem;
}

.du-uneditable-input,
.du-uneditable-input.du-standard-text {
	margin-top: -0.625rem;
	margin-bottom: 0;
}

.du-standard-text span { 
	/* Break long words in input to prevent overlap */
	overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.du-input-select md-input-container {
	margin: 0;
	padding: 0;
	width: 100%;
}	

.du-input-select md-select {
	border: 0.063rem solid rgba( 173, 173, 173, 1 );
	background-color: rgba( 255, 255, 255, 1 );
}

.du-input-select .md-select-value,
.du-input-select md-select:not([disabled]):focus .md-select-value {
	border: 0;
	height: 2.375rem;
	padding: 0 0 0 0.625rem;
}

.du-input-select  md-input-container.md-input-focused:not(.md-input-has-value) md-select .md-select-value.md-select-placeholder {
    color: rgba( 51, 51, 51, 1 );
}

.du md-input-container:not(.md-input-has-value) md-select.ng-required .md-select-value span:first-child:after, 
.du md-input-container:not(.md-input-has-value) md-select[required] .md-select-value span:first-child:after {
	display: none;
}

.du-input-select .md-select-value .md-select-icon,
.du-input-typeahead .md-select-icon {
	background-color: rgba( 0, 113, 207, 1 );
    margin: 0 0 0 0.313rem;
    width: 2.375rem;
    line-height: 2.375rem;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.du-input-typeahead .md-select-icon {
	margin: 0;
	cursor: pointer;
}

.du-input-select .md-select-value .md-select-icon:after,
.du-input-typeahead .md-select-icon:after {
	content: '\25BE';
	font-family: 'Font Awesome\ 5 Pro';
	font-weight: 300;
    font-style: normal;
    font-size: 1.25rem;
    color: rgba( 255, 255, 255, 1 );
    top: 0;
    bottom: 0;
    right: 0.575rem;
    left: 0;
    text-align: center;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
}

.du-input-typeahead .md-select-icon:after {
    display: flex;
    justify-content: center;
    align-items: center;
}

.du-input-typeahead-wrapper {
    display: flex;
}

.du-input-select.du-inactive .md-select-value .md-select-icon:after {
    background-color: rgba( 245, 245, 245, 1 );
}

.du-select:after {
    content: '\25BE';
    font-family: 'Font Awesome\ 5 Pro';
    font-size: 1.275rem;
    line-height: 2.375rem;
    font-weight: 400;
	color: rgba( 255, 255, 255, 1 );
    border: 0;
    position: absolute;
    width: 2.5rem;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba( 0, 113, 207, 1 );
    text-align: center;
}

.du .md-select-menu-container {
	margin-top: 3.125rem;
    margin-left: 0.875rem;
}

.du .fancybox-overlay ~ .md-select-menu-container {
    z-index: 9000;
}

@media screen and (min-width: 801px) {
	.du-input-select.du-side-by-side-on-desktop {
		width: 50%;
	}
}

.du-label-on-left + .du-input-text,
.du-label-on-left + .du-input-select,
.du-label-on-left + .du-input-datepicker,
.du-label-on-left + .du-standard-text {
	display: inline-block;
	vertical-align: middle;
}

.du-label-on-left + .du-input-text {
	display: inline-block;
}

.du-input-text input {
    border: 0.063rem solid rgba( 173, 173, 173, 1 );
    padding: 0 0.6275rem;
    box-sizing: border-box;
	font-family: 'Open Sans', Arial, sans-serif;
    font-size: 0.9375rem;
    line-height: 38px; /* Keep px for IE */
    height: 40px; 
    width: 100%;
}

.du-small-input .du-input-text input {
	width: 2.5rem;
}

.du-combined-select-input .du-input-select {
	white-space: nowrap;
}

.du-combined-select-input .du-input-select md-input-container {
	display: inline-block;
	min-width: unset;
    width: calc(60% - 0.55rem);
	margin-top: -0.188rem;
}

.du-combined-select-input .du-input-text {
	display: inline-block;
    width: 40%;
	margin-left: 0.313rem;
}

.du-input-textarea textarea {
	font-family: 'Open Sans', Arial, sans-serif;
    border: 0.063rem solid rgba( 173, 173, 173, 1 );
    padding: 0.9375rem;
    box-sizing: border-box;
    font-size: 0.9375rem;
    line-height: 1.5em;
    width: 100%;
}

.du-input-typeahead input {
    border: 0.063rem solid rgba( 173, 173, 173, 1 );
    padding: 0 0.6275rem;
    box-sizing: border-box;
    font-size: 0.9375rem;
    line-height: 38px; /* Keep px for IE */
    height: 40px; 
    width: 100%;
}

.du-input-typeahead:after {
    top: 0.063rem;
    right: 0.063rem;
    left: auto;
    width: 2.5rem;
    background-color: rgba( 245, 245, 245, 1 );
}

.du-input-typeahead.du-typeahead-has-separate-link:after {
	content: '';
}

.du-typeahead-icon {
    top: 0.063rem;
    bottom: 0.063rem;
    right: 0.063rem;
    width: 2.5rem;
    height: 2.375rem;
    background-color: rgba( 0, 113, 207, 1 );
    position: absolute;
}

.du-inactive .du-typeahead-icon {
    background-color: rgba( 245, 245, 245, 1 );
}

.du .du-top-aligned md-checkbox .md-container {
	top: 1px;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
}

.du md-checkbox {
	margin: 0;
	border-collapse: separate; /* IE11 fix */
	border-spacing: 0; /* IE11 fix */
}

.du-input-checkbox-container + .du-input-checkbox-container {
	margin-top: 0.9375rem;
}

.du md-checkbox .md-icon {
	border: 0.0635rem solid rgba( 60, 60, 67, 1 );
	border-color: transparent;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

.du md-checkbox.md-default-theme:not([disabled]).md-primary:not(.md-checked) .md-icon, 
.du md-checkbox:not([disabled]).md-primary:not(.md-checked) .md-icon {
	border-color: rgba( 60, 60, 67, 1 );
	background-color: rgba( 255, 255, 255, 1 );
}

.du md-checkbox.md-default-theme:not([disabled]).md-primary.md-checked .md-icon, 
.du md-checkbox:not([disabled]).md-primary.md-checked .md-icon {
	background-color: rgba( 0, 113, 207, 1 );
}

.du md-radio-button {
	margin-bottom: 1.25rem;
}

.du .du-002 .du-field md-radio-button.du-side-by-side {
	margin-bottom: 0;
}

.du md-radio-button.du-stacked {
	margin-bottom: 0;
}

.du md-radio-button.du-stacked + md-radio-button.du-stacked {
	margin-top: 0.625rem;
}

.du .du-top-aligned > .du-input-radio-group md-radio-button .md-container {
	top: 1px;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
}

.du md-radio-button.md-default-theme .md-off, 
.du md-radio-button .md-off {
	border-color: rgba( 60, 60, 67, 1 );
}

.du md-radio-group.md-default-theme:not([disabled]) .md-primary .md-checked .md-off, 
.du md-radio-group:not([disabled]) .md-primary .md-checked .md-off, 
.du md-radio-group.md-default-theme:not([disabled]) .md-primary.md-checked .md-off, 
.du md-radio-group:not([disabled]) .md-primary.md-checked .md-off, 
.du md-radio-group.md-default-theme:not([disabled]).md-primary .md-checked .md-off, 
.du md-radio-group:not([disabled]).md-primary .md-checked .md-off, 
.du md-radio-group.md-default-theme:not([disabled]).md-primary.md-checked .md-off, 
.du md-radio-group:not([disabled]).md-primary.md-checked .md-off, 
.du md-radio-button.md-default-theme:not([disabled]) .md-primary .md-checked .md-off, 
.du md-radio-button:not([disabled]) .md-primary .md-checked .md-off, 
.du md-radio-button.md-default-theme:not([disabled]) .md-primary.md-checked .md-off, 
.du md-radio-button:not([disabled]) .md-primary.md-checked .md-off, 
.du md-radio-button.md-default-theme:not([disabled]).md-primary .md-checked .md-off, 
.du md-radio-button:not([disabled]).md-primary .md-checked .md-off, 
.du md-radio-button.md-default-theme:not([disabled]).md-primary.md-checked .md-off, 
.du md-radio-button:not([disabled]).md-primary.md-checked .md-off {
	border-color: rgba( 60, 60, 67, 1 );
}

.du md-radio-group.md-default-theme:not([disabled]) .md-primary .md-on, 
.du md-radio-group:not([disabled]) .md-primary .md-on, 
.du md-radio-group.md-default-theme:not([disabled]).md-primary .md-on, 
.du md-radio-group:not([disabled]).md-primary .md-on, 
.du md-radio-button.md-default-theme:not([disabled]) .md-primary .md-on, 
.du md-radio-button:not([disabled]) .md-primary .md-on, 
.du md-radio-button.md-default-theme:not([disabled]).md-primary .md-on, 
.du md-radio-button:not([disabled]).md-primary .md-on {
	background-color: rgba( 0, 113, 207, 1 );
}

.du-field:last-child md-radio-button:last-of-type,
.du-field:last-child md-radio-button.du-side-by-side {
	margin-bottom: 0;
}

.du .du-input-datepicker .md-datepicker-input-container {
	border: 0;
	padding: 0;
	margin: 0;
	width: 100%;
}

.du md-calendar table {
	width: auto;
}

.du .md-datepicker-button,
.du .md-datepicker-triangle-button .md-datepicker-expand-triangle {
	display: none;
}

.du .du-input-datepicker md-datepicker input {
	border: 0.063rem solid rgba( 173, 173, 173, 1 );
    padding: 0 0.6275rem;
    box-sizing: border-box;
    font-size: 0.9375rem;
    line-height: 38px; /* IE 11 */
    width: 100%;
    height: 40px; /* IE 11 */
}

.du .du-input-datepicker .md-datepicker-open input.md-datepicker-input {
    height: 2.375rem;
	margin-left: 0;
	border: 0;
}

.du md-datepicker .md-button.md-icon-button.md-datepicker-triangle-button {
	top: 0.063rem;
    bottom: 0.063rem;
    right: 0.063rem;
    width: 2.5rem;
    height: 2.375rem;
    padding: 0;
    margin: 0;
    background-color: rgba( 245, 245, 245, 1 );
    position: absolute;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
}

.du .du-input-timepicker .dropdown {
	position: relative;
}

.du .du-input-timepicker .input-group {
	position: relative;
    border-collapse: separate;
}

.du .du-input-timepicker .input-group-btn {
    top: 0.063rem;
    bottom: 0.063rem;
    right: 0.063rem;
    width: 2.5rem;
    height: 2.375rem;
    padding: 0;
    margin: 0;
    background-color: rgba( 245, 245, 245, 1 );
    position: absolute;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
}

.du .du-input-timepicker .input-group-btn .btn {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

.du .du-input-timepicker .dropdown-menu {
	position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    background-clip: padding-box;
}

.du .du-input-timepicker .open > .dropdown-menu {
	display: block;
}

.du .du-input-timepicker .dropdown-menu .col-xs-4 {
	position: relative;
    min-height: 1px;
    float: left;
    text-align: center;
    width: 33.33%;
}

.du .du-input-timepicker  .hours-col a, 
.du .du-input-timepicker  .minutes-col a, 
.du .du-input-timepicker  .meridian-col a {
	color: #000;
    font-size: 1.125rem;
    width: 100%;
    display: block;
}

.du .du-input-timepicker .hours-col a i:before, 
.du .du-input-timepicker .minutes-col a i:before, 
.du .du-input-timepicker .meridian-col a i:before {
	font-family: 'Font Awesome\ 5 Pro';
	font-weight: 300;
}

.du .du-input-timepicker .time-input input {
	border: 0.063rem solid rgba( 173, 173, 173, 1 );
    padding: 0 0.6275rem;
    box-sizing: border-box;
    font-size: 0.9375rem;
    line-height: 38px; /* IE 11 */
    width: 100%;
    height: 40px; /* IE 11 */
}

.du .k-picker-wrap.k-state-default>.k-select {
    background-color: rgba( 0, 113, 207, 1 );
}
.du .k-i-calendar:before {
    color: rgba( 255, 255, 255, 1 );
}
.du .du-inactive .k-picker-wrap.k-state-default > .k-select,
.du .du-inactive .du-input-select .md-select-value .md-select-icon {
    background-color: rgba( 245, 245, 245, 1 );
}

.du-inactive > .du-label:not(.du-main-font-color),
.du md-checkbox.md-default-theme[disabled] .md-label, 
.du md-checkbox[disabled] .md-label,
.du .du-inactive > .du-input-radio-group md-radio-button .md-label, 
.du .du-inactive > .du-input-checkbox md-checkbox .md-label,
.du-inactive > .du-input-typeahead .du-typeahead-icon:after,
.du .du-inactive > .du-input-timepicker .input-group-btn .btn i:before,
.du .du-inactive > .du-input-datepicker .md-datepicker-triangle-button:after,
.du-inactive > .du-input-select .md-select-value .md-select-icon:after {
	color: rgba( 173, 173, 173, 1 );
}

.du-inactive > .du-input-textarea textarea,
.du-inactive > .du-input-text input,
.du-inactive > .du-input-typeahead input,
.du-inactive > .du-input-select md-select,
.du-inactive.du-combined-select-input > .du-input-select .du-input-text input,
.du .du-inactive > .du-input-timepicker .time-input input,
.du .du-inactive > .du-input-datepicker md-datepicker input,
.du md-checkbox.md-default-theme[disabled]:not(.md-checked) .md-icon, 
.du md-checkbox[disabled]:not(.md-checked) .md-icon,
.du .du-inactive > .du-input-checkbox md-checkbox .md-icon,
.du .du-inactive > .du-input-radio-group md-radio-button.md-default-theme .md-off, 
.du .du-inactive > .du-input-radio-group md-radio-button .md-off {
	border-color: rgba( 233, 233, 233, 1 );
	pointer-events: none;
}

.du-error-field .du-input-select md-select,
.du-error-field .du-input-text input,
.du-error-field .du-input-textarea textarea,
.du-error-field .du-input-typeahead input,
.du-error-field .du-input-time-picker time-input input,
.du .du-error-field .du-input-datepicker md-datepicker input,
.du .du-error-field .du-input-datepicker .k-datepicker .k-picker-wrap,
.du .du-error-field md-checkbox.md-default-theme:not([disabled]).md-primary:not(.md-checked) .md-icon, 
.du .du-error-field md-checkbox:not([disabled]).md-primary:not(.md-checked) .md-icon,
.du .du-error-field md-radio-button.md-default-theme .md-off, 
.du .du-error-field md-radio-button .md-off,
.du .du-error-field md-checkbox.md-default-theme:not([disabled]).md-primary.md-checked .md-icon, 
.du .du-error-field md-checkbox:not([disabled]).md-primary.md-checked .md-icon,
.du .du-error-field md-radio-group.md-default-theme:not([disabled]) .md-primary .md-checked .md-off, 
.du .du-error-field md-radio-group:not([disabled]) .md-primary .md-checked .md-off, 
.du .du-error-field md-radio-group.md-default-theme:not([disabled]) .md-primary.md-checked .md-off, 
.du .du-error-field md-radio-group:not([disabled]) .md-primary.md-checked .md-off, 
.du .du-error-field md-radio-group.md-default-theme:not([disabled]).md-primary .md-checked .md-off, 
.du .du-error-field md-radio-group:not([disabled]).md-primary .md-checked .md-off, 
.du .du-error-field md-radio-group.md-default-theme:not([disabled]).md-primary.md-checked .md-off, 
.du .du-error-field md-radio-group:not([disabled]).md-primary.md-checked .md-off, 
.du .du-error-field md-radio-button.md-default-theme:not([disabled]) .md-primary .md-checked .md-off, 
.du .du-error-field md-radio-button:not([disabled]) .md-primary .md-checked .md-off, 
.du .du-error-field md-radio-button.md-default-theme:not([disabled]) .md-primary.md-checked .md-off, 
.du .du-error-field md-radio-button:not([disabled]) .md-primary.md-checked .md-off, 
.du .du-error-field md-radio-button.md-default-theme:not([disabled]).md-primary .md-checked .md-off, 
.du .du-error-field md-radio-button:not([disabled]).md-primary .md-checked .md-off, 
.du .du-error-field md-radio-button.md-default-theme:not([disabled]).md-primary.md-checked .md-off, 
.du .du-error-field md-radio-button:not([disabled]).md-primary.md-checked .md-off {
	border-color: rgba( 163, 6, 6, 1 );
}

.du-error-field .du-input-select  md-input-container.md-input-focused:not(.md-input-has-value) md-select .md-select-value.md-select-placeholder {
	color: rgba( 215, 28, 52, 1 );
}

.du-error-field .du-input-select .md-select-value .md-select-icon,
.du-error-field .du-input-typeahead:after,
.du-error-field .du-typeahead-icon,
.du .du-error-field .du-input-datepicker .k-datepicker .k-picker-wrap > .k-select,
.du .du-error-field md-radio-group.md-default-theme:not([disabled]) .md-primary .md-on, 
.du .du-error-field md-radio-group:not([disabled]) .md-primary .md-on, 
.du .du-error-field md-radio-group.md-default-theme:not([disabled]).md-primary .md-on, 
.du .du-error-field md-radio-group:not([disabled]).md-primary .md-on, 
.du .du-error-field md-radio-button.md-default-theme:not([disabled]) .md-primary .md-on, 
.du .du-error-field md-radio-button:not([disabled]) .md-primary .md-on, 
.du .du-error-field md-radio-button.md-default-theme:not([disabled]).md-primary .md-on, 
.du .du-error-field md-radio-button:not([disabled]).md-primary .md-on {
	background-color: rgba( 215, 28, 52, 1 );
}

.du-error-field .du-input-select .md-select-value .md-select-icon:after,
.du-error-field .du-input-typeahead:after,
.du-error-field .du-typeahead-icon {
	color: rgba( 255, 255, 255, 1 );
}

.du-error-field .du-input-text {
    border-bottom: 10px solid rgba(163,6,6,0.5);
}


/* Larger than phone */
@media screen and (min-width: 375px) {
	.du-input-select md-input-container {
		width: 100%;
   	}
	
	.du .du-input-datepicker .md-datepicker-input-container {
		width: 100%;
	}
	
	.du .du-input-datepicker md-datepicker input,
	.du .du-input-timepicker .input-group {
		width: 100%;
		max-width: none; /* IE 11 */
   	}
}

@media screen and (min-width: 601px) {
	.du-input-typeahead-container + .du-field[class*=flex-gt-xs-] > .du-uneditable-input,
	.du-input-select-container + .du-field[class*=flex-gt-xs-] > .du-uneditable-input {
		margin-top: 0.75rem;
	}
	
	.du-input-typeahead-container + .du-field[class*=flex-gt-xs-] > .du-uneditable-input:first-child,
	.du-input-select-container + .du-field[class*=flex-gt-xs-] > .du-uneditable-input:first-child {
		margin-top: 1.875rem;
	}

}

@media screen and (min-width: 960px) {
	.du-field[class*=flex-gt-sm] .du-match-input-height-gt-sm {
		height: 2.5rem;
	}
	
	.du-label-on-left-on-large-desktop {
		display: inline-block;
		vertical-align: middle;
		margin-right: 0.313rem;
		margin-bottom: 0;
	}
	
	.du-label-on-left-on-large-desktop + .du-input-datepicker {
		display: inline-block;
		vertical-align: middle;
	}
}

/* END _INPUTS */


/* START _BUTTONS */

.du-button,
.du-filled-button {
	width: auto;
    text-align: center;
    background-color: rgba( 253, 191, 56, 1 );
    border: 0.063rem solid rgba( 253, 191, 56, 1 );
    margin: 0.0625em 0;
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 0.9375rem;
    line-height: 1.2em;
    color: rgba( 0, 0, 0, 1 );
    padding: 0.625rem 1.25rem;
    text-decoration: none;
    display: inline-block;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.du-button.du-side-by-side {
	vertical-align: middle;
}

.du-unfilled-button {
	background-color: rgba( 255, 255, 255, 1 );
	border-color: rgba( 253, 191, 56, 1 );
}

.du-secondary-button {
	border-color: transparent;
    background-color: transparent;
    text-transform: none;
    color: rgba( 0, 62, 106, 1 );
}

.du-button.du-centered,
.du-filled-button.du-centered,
.du-unfilled-button.du-centered {
	margin-left: auto;
    margin-right: auto;
    display: block;
}

.du-button.du-full-width,
.du-filled-button.du-full-width,
.du-unfilled-button.du-full-width {
	padding-left: 0;
	padding-right: 0;
}

.du-button:hover,
.du-filled-button:hover {
	background-color: rgba( 253, 196, 71, 1 );
	border-color: rgba( 253, 196, 71, 1 );
}

.du-unfilled-button:hover {
	background-color: rgba( 255, 255, 255, 1 );
	border-color: rgba( 253, 196, 71, 1 );
}

.du-secondary-button:hover {
	border-color: transparent;
    background-color: transparent;
    text-transform: none;
    color: rgba( 0, 62, 106, 1 );
}

.du-button.du-inactive,
.du-filled-button.du-inactive,
button.du-filled-button[disabled] {
	background-color: rgba( 173, 173, 173, 1 );
	border-color: rgba( 173, 173, 173, 1 );
	color: rgba( 255, 255, 255, 1 );
	pointer-events: none;
}

.du-unfilled-button.du-inactive,
button.du-unfilled-button[disabled] {
	background-color: rgba( 255, 255, 255, 1 );
	border-color: rgba( 173, 173, 173, 1 );
	color: rgba( 173, 173, 173, 1 );
	pointer-events: none;
}

.du-filled-button.du-red-button {
	background-color: rgba( 194, 23, 45, 1 );
	border-color: rgba( 194, 23, 45, 1 );
	color: rgba( 255, 255, 255, 1 );
}

.du-filled-button.du-red-button:hover {
	background-color: rgba( 215, 28, 52, 1 );
	border-color: rgba( 215, 28, 52, 1 );
}

.du-unfilled-button.du-red-button {
	border-color: rgba( 163, 6, 6, 1 );
	color: rgba( 163, 6, 6, 1 );
}

.du-unfilled-button.du-red-button:hover {
	border-color: rgba( 189, 8, 8, 1 );
	color: rgba( 189, 8, 8, 1 );
}

.du-mini-form .du-small-input + .du-button.du-side-by-side {
	margin-left: 0.625rem;
	margin-top: 0;
}

table td .du-button {
	margin-top: 0;
	margin-bottom: 0;
}

table td:last-child .du-button + .du-button {
    margin-top: 0.9375rem;
}

table td:last-child .du-button:only-of-type {
	margin: 0.313rem 0 1.25rem;
}

table td:last-child .du-button:last-of-type {
	margin-bottom: 1.25rem;
}

.du-header-cart-wrapper button:last-of-type {
	margin-bottom: 0;
}

.du-edit-buttons .du-side-by-side {
	display: block;
	margin-left: 0;
}

.du-two-columns-pushed > .du-button {
	text-align: center;
}

md-checkbox.md-checked .md-icon:after {
    left: 5.5px;
    top: 0.32222px;
}

@media screen and (min-width: 601px) {
	.du-edit-buttons {
		text-align: right;
	}
	
	.du-two-columns-pushed > .du-button.du-float-right-on-desktop {
		float: right;
	}

	.du-two-columns-pushed > .du-button:not(.du-float-right-on-desktop) {
		float: left;
	}

	.du-edit-buttons .du-side-by-side {
		display: inline-block;
	}
	
	.du-edit-buttons .du-side-by-side + .du-side-by-side,
	.du-edit-buttons .du-side-by-side.du-float-right-on-desktop {
		margin-left: 1.25rem;
	}
	
	.du-edit-buttons .du-side-by-side {
		margin-top: 0;
	}
	.custom-radio {
		display: none;
	}
	
	.custom-radio + .custom-radio-label {
		position: relative;
		padding-left: 30px;
		cursor: pointer;
		display: inline-block;
		margin-right: 10px;
	}
	
	.custom-radio + .custom-radio-label:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 20px;
		height: 20px;
		border-radius: 50%;
		border: 2px solid rgba(60, 60, 67, 1);
		box-sizing: border-box;
	}
	
	.custom-radio:checked + .custom-radio-label:after {
		content: '';
		position: absolute;
		top: 5px;
		left: 5px;
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background: rgba(0, 113, 207, 1);
		box-sizing: border-box;
	}
	
}


/* END _BUTTONS */