
.modern-forms fieldset legend {
	color: #42145f;
	border-bottom-color: #42145f;
}

.modern-forms .form-row {
	margin: 10px -10px;
}
.modern-forms fieldset legend {
	margin: 10px 0px;
}
.modern-forms label.error {
	color: #F44336;
}

@media (max-width: 860px) {
	.modern-forms .mdn-label-pos .mdn-label {
		position: static;
	}
}

.modern-forms .mdn-checkbox, .modern-forms .mdn-radio {
	min-width: 21px;
}

.modern-forms .mdn-group.mdn-bottom-border label.error {
	display:block;
	clear:both;
	padding-top: 20px;
}
.modern-forms .mdn-option-indent .mdn-option {
	display: flex;
	flex-direction: row;
	align-items: center;
	min-height: 30px;
	line-height: 20px;
}

.modern-forms .mdn-option-indent .mdn-radio,
.modern-forms .mdn-option-indent .mdn-checkbox {
	margin-top: -10px;
	margin-right: 15px;
	display: block;
}

.modern-forms .mdn-bar:before, 
.modern-forms .mdn-bar:after { background:#42145f; }

.modern-forms .mdn-input:focus + .mdn-label,
.modern-forms .mdn-textarea:focus + .mdn-label,
.modern-forms .mdn-select > select:focus + .mdn-label,
.modern-forms .mdn-select-multiple select:focus + .mdn-label,
.modern-forms .mdn-upload .mdn-file:focus ~ .mdn-label{ color:#42145f; }

/* checkbox radio 
--------------------------------------------------- */
.modern-forms input + .mdn-radio:before,
.modern-forms input:checked + .mdn-checkbox,
.modern-forms input:focus + .mdn-radio:before{ background: #42145f; }

/* @radio and checkbox checked | hover | focus
------------------------------------------------------ */
.modern-forms input:hover + .mdn-radio, 
.modern-forms input:focus + .mdn-radio,
.modern-forms input:hover + .mdn-checkbox,
.modern-forms input:focus + .mdn-checkbox,
.modern-forms input:checked + .mdn-radio,
.modern-forms input:checked + .mdn-checkbox{
	border-color: #42145f;
}

.modern-forms input:focus + .mdn-checkbox:before{ border-color: #fff; }
.modern-forms .option-tick .mdn-checkbox:before,
.modern-forms .option-tick input:checked + .mdn-checkbox:before{ border-color:#42145f; }

.modern-forms input:checked + .mdn-radio:active:after, 
.modern-forms input:checked + .mdn-checkbox:active:after,
.modern-forms input:checked + .mdn-option:active .mdn-radio:after,
.modern-forms input:checked + .mdn-option:active .mdn-checkbox:after{
	-webkit-box-shadow: 0 2px 8px rgba(0,0,0,0), 0 0 0 24px rgba(156,39,176,0.2);
	-moz-box-shadow: 0 2px 8px rgba(0,0,0,0), 0 0 0 24px rgba(156,39,176,0.2); 
	-o-box-shadow: 0 2px 8px rgba(0,0,0,0), 0 0 0 24px rgba(156,39,176,0.2); 
	box-shadow: 0 2px 8px rgba(0,0,0,0), 0 0 0 24px rgba(156,39,176,0.2);
}


.modern-forms input:disabled + .mdn-radio,
.modern-forms input:disabled + .mdn-checkbox,
.modern-forms .option-tick input:checked:disabled + .mdn-checkbox:before{ border-color: #D5D5D5; }
.modern-forms input:checked:disabled + .mdn-checkbox,
.modern-forms input:checked:disabled + .mdn-radio:before{ background: #D5D5D5; }
.modern-forms input:disabled + .mdn-radio + .option-label,
.modern-forms input:disabled + .mdn-checkbox + .option-label { color: #D5D5D5; }
.modern-forms .option-tick input:checked:disabled + .mdn-checkbox{ background: none; border:0; }


/* Toggle Switch 
----------------------------------------------------------------- */
.modern-forms .mdn-switch input:checked + .switch-toggle { background:#CD92D7; }
.modern-forms .mdn-switch input:checked + .switch-toggle::before { left: 20px; background: #42145f; }
.modern-forms .mdn-switch input:disabled + .switch-toggle { background: #d5d5d5; pointer-events: none; }
.modern-forms .mdn-switch input:disabled + .switch-toggle::before { background: #bcbdbc; }
.modern-forms .mdn-switch input:disabled + .switch-toggle + .switch-label { color:#D5D5D5; }
.modern-forms .modern-switch input:checked + .switch-toggle::before { left: 17px; background: #fff; }
.modern-forms .modern-switch input:disabled + .switch-toggle::before { background: #f5f5f5; }


/* switch ripple 
------------------------------------------------------- */
.modern-forms .mdn-switch:active input:checked + .switch-toggle::before,
.modern-forms .mdn-switch input:checked + .switch-toggle:active::before { 
	-webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(156,39,176,0.2);
	-moz-box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(156,39,176,0.2);
	-o-box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(156,39,176,0.2);
	box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(156,39,176,0.2); 
}


/* @flat button 
------------------------------------------------ */
.modern-forms .btn-flat{ color:#42145f; }
.modern-forms .btn-flat:hover,
.modern-forms .btn-flat:active { 
	color:#651A73;
	background:#EBEBEB;
}

/* @flat button disabled 
------------------------------------------------ */
.modern-forms .btn-flat[disabled],
.modern-forms .btn-flat[disabled]:hover,
.modern-forms .btn-flat[disabled]:active,
.modern-forms .mdn-upload .mdn-file[disabled] ~ .btn-flat,
.modern-forms .mdn-upload .mdn-file[disabled]:hover ~ .btn-flat { 
	color:#CD92D7;
	background: none;
}

/* @primary button 
------------------------------------------------ */
.modern-forms .btn-primary { 
	color: #fff;
	background-color:#42145f;
	text-shadow: 0 1px rgba(0, 0, 0, 0.08);
}

.modern-forms .btn-primary:hover,
.modern-forms .btn-primary:focus,
.modern-forms .btn-primary:active,
.modern-forms .mdn-upload .mdn-file:hover ~ .btn-primary{
	background-color:#651A73;
	color:#fff; 
}

/* @ primary button disabled
---------------------------------------------------------------- */
.modern-forms .btn-primary[disabled],
.modern-forms .btn-primary[disabled]:hover,
.modern-forms .btn-primary[disabled]:focus,
.modern-forms .btn-primary[disabled]:active,
.modern-forms .mdn-upload .mdn-file[disabled] ~ .btn-primary,
.modern-forms .mdn-upload .mdn-file[disabled]:hover ~ .btn-primary{
	background-color:#CD92D7;
	color:#fff; 
}


.modern-forms .mdn-input:focus ~ .mdn-msg,
.modern-forms .mdn-textarea:focus ~ .mdn-msg,
.modern-forms .mdn-select > select:focus ~ .mdn-msg,
.modern-forms .mdn-upload .mdn-file:focus ~ .mdn-msg{ color:#42145f; }

/* @rating widget
-------------------------------------------------------------------- */
.modern-forms .mdn-rating:hover .star-l:hover,
.modern-forms .mdn-rating:hover .star-l:hover ~ .star-l,
.modern-forms .star-i:checked ~ .star-l { color:#42145f; }
.modern-forms .star-l, 
.modern-forms .mdn-rating:hover .star-l {	
	color: #BBBBBB;	
}

/* Icons
----------------------------------------------------------------------*/
.modern-forms .mdn-input:focus ~ .mdn-icon i,
.modern-forms .mdn-textarea:focus ~ .mdn-icon i,
.modern-forms .mdn-select > select:focus ~ .mdn-icon i,
.modern-forms .mdn-upload .mdn-file:focus ~ .mdn-icon i{ color:#42145f; }
