/*================================================== General Styles ==================================================*/ html{ height: 100%; } body{ position: relative; padding-bottom: 120px; min-height: 100%; font-family: 'Open Sans', sans-serif; color: #46412d; background-color: #eb621a; } /* margins & paddings*/ img {margin: 0px auto;} .modal-content{ font-family: 'Source Sans Pro', sans-serif; border-radius: 0px; -webkit-box-shadow: 3px 3px 10px 2px rgba(0,0,0,0.3); -moz-box-shadow: 3px 3px 10px 2px rgba(0,0,0,0.3); box-shadow: 3px 3px 10px 2px rgba(0,0,0,0.3); } .modal-header, .modal-body{ padding: 15px 20px; } .modal-body { font-size: 12px; } /*================================================== Form Styles ==================================================*/ #success_message, .help-block{ display: none !important; } .mar-0{margin-bottom: 0px;} .mar-10{margin-bottom: 10px;} .mar-15 {margin-bottom: 15px;} .form-horizontal .form-group { margin-left: 0 !important; margin-right: 0 !important; } .form-group{ margin-bottom: 15px; } input[type='number'] { -moz-appearance:textfield; } /* Webkit browsers like Safari and Chrome */ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .radio label, .checkbox label { text-align: left; font-size: 14px; } div.checkbox label { line-height: normal; /* height: 50px;*/ width: 90%; float: left; } input[type="radio"] { margin: 4px 5px 0; margin-top: 1px; line-height: normal; transform: scale(1.1); } .has-feedback .form-control { padding-right: 10px !important; } i.form-control-feedback.glyphicon.glyphicon-remove, i.form-control-feedback.glyphicon.glyphicon-ok { /* right: 5px !important;*/ left: 10px; top: 8px !important; } label i.form-control-feedback.glyphicon.glyphicon-remove, label i.form-control-feedback.glyphicon.glyphicon-ok { /* right: 40px !important;*/ } .form-horizontal .radio, .form-horizontal .checkbox { left: 10px !important; } .form-control{ height: 48px; padding: 10px 12px 8px 40px; font-size: 16px; color: #69594c; border: none; border-radius: 5px; } .form-control.fl_input { padding: 20px 12px 4px 40px; } .FlowupLabels .fl_label { top: 14px; /* left: 40px;*/ left: 42px; font-size: 16px; color: #69594c; } .FlowupLabels .fl_wrap.focused .fl_label, .FlowupLabels .fl_wrap.populated .fl_label, .no-js .FlowupLabels .fl_label { top: 8px; font-size: 11px !important; color: #bbb; } .FlowupLabels .fl_wrap.focused .fl_label{ top: 6px; font-size: 12px !important; color: #aaa; } select { box-shadow: none; border: medium none; outline: medium none; display: inline-block; cursor: pointer; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } select::-ms-expand { display: none; } label { display: block; margin-bottom: 0px; font-weight: normal; } label.selectlabel::after { font-family: "Font Awesome 5 Pro"; /* content: "\f065";*/ content: "\f107"; font-size: 24px; color: #95c11f; font-weight: 900; position: absolute; top: 10px; right: 30px; pointer-events: none; } h1.toegevoegd{ color: #fff; font-size: 30px; } /* #Button */ .form-btn{ position: relative; margin: 0 auto; width: 100%; padding: 14px 10px; font-size: 20px; color: #fff; font-weight: 800; text-align: center; background-color: #0e2e4c ; border-radius: 5px; border: none; } .form-btn:hover{ background-color: #0D5063; } /*================================================== Campaign styles ==================================================*/ /*================================================== Pagina 1 ==================================================*/ /*================================================== Footer ==================================================*/ .footer{ position: absolute; right: 0; bottom: 0; left: 0; } .footer p{ margin: 20px auto 15px; } .footer p:last-child{ margin: 0px auto 20px; font-size: 12px; } .footer a, .footer a:hover{ color: #000; text-decoration: underline; } /*================================================== Media Queries ==================================================*/ @media only screen and (max-width: 1199px){ } @media only screen and (max-width: 991px) { } @media only screen and (max-width: 767px) { } @media only screen and (max-width: 479px) { }