@import url("https://fonts.googleapis.com/css?family=Zilla+Slab:300,300i,700");
@import url("fonts.css");

body  {padding: 40px; background: #61d1d3; color: #3b3b3b; font-family: 'Monty-Regular', sans-serif;  font-size: 19px; width: calc(100% -80px); }

a {color: #391b61}

#divMain {max-width: 90%; margin: 50px auto;}

#divFields {width: calc(100% - 420px)}
body .Intro {font-family: 'Monty-Regular', sans-serif ; font-size: 19px;}
body .Caption {font-family: 'Monty-Bold', sans-serif ; font-size: 55px; line-height: 1.2; color: #391b61; text-transform: uppercase;}
body .CaptionSmall {font-family: 'Monty-Bold', sans-serif ; font-size: 26px; color: #391b61;}

body .divLabel {font-size: 15px; font-family: 'Monty-Bold'; width: 30%;}
body .divField {font-size: 15px; font-family: 'Monty-Bold'; width: 60%;}
 
.Required {color: #FFF} 
input::-webkit-input-placeholder, #optieform textarea::-webkit-input-placeholder { color:#b6afae; }
input::-moz-placeholder , #optieform textarea::-moz-placeholder { color:#b6afae; } /* firefox 19+ */
input:-ms-input-placeholder, #optieform textarea:-ms-input-placeholder { color:#b6afae; } /* ie */
input:-moz-placeholder, #optieform textarea:-moz-placeholder { color:#b6afae; }

input[type=text], textarea { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 0; height: 50px; padding-left: 1em; border-color: #FFF !important;}
html body .RadInput_Default .riTextBox, html body .RadInputMgr_Default { padding: 15px 20px 10px 20px;  font-family: 'Monty-Regular', sans-serif;  font-size: 19px;}


.cmdCodeSelected, .cmdGenderSelected, .cmdBoolSelected, .cmdComboSelected {background-color: #ffa4d0 !important;}
#treCodes .rtSelected .rtIn, #treCodes .rtHover .rtIn, .RadButton_Default.rbLinkButton:active, .RadButton_Default.rbLinkButton:focus, .RadButton_Default.rbLinkButtonChecked, .RadButton_Default.rbLinkButtonChecked:hover {background: #391b61 !important;}

#treCodes .rtIn.tree_parent {color: #FFF !important; font-size: 19px !important;}
#treCodes .rtIn { font-family: 'Monty-Bold' !important; color: #3b3b3b !important; font-size: 15px;}

#cmdSubscribe.RadButton {display: inline-block;  background: #ff3c4e !important; color: #FFF !important;  font-size: 15px; padding: 0 1em 0 1rem !important;  height: 48px; line-height: 48px; text-transform: uppercase; font-family: 'Monty-Light';}
#cmdSubscribe.RadButton:hover {background: #3b3b3b !important; color: #FFF !important;}

#divCaption {border-bottom: 1px #FFF solid;}

@media (max-width:1023px) {
    #divFields {width: 100%; float: none;}
    #divUpload {width: 100%; float: none; margin: 50px 0; padding: 30px 0; border-top: 2px solid #391b61; border-bottom: 2px solid #391b61;}
}

@media (max-width:768px) {
    body  {padding: 20px;  width: calc(100% - 40px); }
}
 
@media (max-width:550px) {
    body .Caption {font-size: 35px;}
    body  {padding: 20px 0;  width: calc(100% - 10px); }
    #divMain {max-width: 90%; margin: 20px auto;}
    body .divLabel {width: 100% !important;}
    body .divField {width: 100% !important;}
}