.bigexplainer_appointment .form-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .bigexplainer_appointment .form-row > .col, .bigexplainer_appointment .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .bigexplainer_appointment .form-group { margin-bottom: 1rem; } .bigexplainer_appointment .col-md-1, .bigexplainer_appointment .col-md-2, .bigexplainer_appointment .col-md-3, .bigexplainer_appointment .col-md-4, .bigexplainer_appointment .col-md-5, .bigexplainer_appointment .col-md-6, .bigexplainer_appointment .col-md-7, .bigexplainer_appointment .col-md-8, .bigexplainer_appointment .col-md-9, .bigexplainer_appointment .col-md-10, .bigexplainer_appointment .col-md-11, .bigexplainer_appointment .col-md-12, .bigexplainer_appointment .col-md, .bigexplainer_appointment .col-md-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .bigexplainer_appointment .form-control { display: block !important; width: 100% !important; padding: 0.375rem 0.75rem !important; font-weight: 400 !important; line-height: 1.5 !important; background-color: #fff !important; background-clip: padding-box !important; border: 1px solid #E3EAF3 !important; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important; max-width: 100% !important; } @media (prefers-reduced-motion: reduce) { .bigexplainer_appointment .form-control { transition: none; } } .bigexplainer_appointment .form-control::-ms-expand { background-color: transparent; border: 0; } .bigexplainer_appointment .form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } .bigexplainer_appointment .form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .bigexplainer_appointment .form-control::-webkit-input-placeholder { color: #6c757d; opacity: 1; } .bigexplainer_appointment .form-control::-moz-placeholder { color: #6c757d; opacity: 1; } .bigexplainer_appointment .form-control:-ms-input-placeholder { color: #6c757d; opacity: 1; } .bigexplainer_appointment .form-control::-ms-input-placeholder { color: #6c757d; opacity: 1; } .bigexplainer_appointment .form-control::placeholder { color: #B4BDC4; opacity: 1; } .bigexplainer_appointment .form-control:disabled, .form-control[readonly] { background-color: #e9ecef !important; opacity: 1 !important; } .bigexplainer_appointment select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } .bigexplainer_appointment .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; font-size: 1rem; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } .bigexplainer_appointment select.form-control[size], .bigexplainer_appointment select.form-control[multiple] { height: auto; } .bigexplainer_appointment textarea.form-control { height: auto; } .bigexplainer_appointment label { display: inline-block; margin-bottom: .5rem; } @media (min-width: 768px) { .bigexplainer_appointment .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .bigexplainer_appointment .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .bigexplainer_appointment .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .bigexplainer_appointment .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .bigexplainer_appointment .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .bigexplainer_appointment .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .bigexplainer_appointment .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .bigexplainer_appointment .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .bigexplainer_appointment .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .bigexplainer_appointment .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .bigexplainer_appointment .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .bigexplainer_appointment .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }