| Linux server27.hostingraja.org 2.6.32-954.3.5.lve1.4.93.el6.x86_64 #1 SMP Wed Oct 4 17:04:29 UTC 2023 x86_64 Path : /home/udaipurk/public_html/websites/form/css/ |
| Current File : //home/udaipurk/public_html/websites/form/css/custom.css_20120826 |
* {
margin: 0;
padding: 0
}
html {
height: 100%;
font-family: "san-serif";
font-size: 14px;
}
.display-flex{
display: flex !important;
}
/*#grad1 {
background-color: : #9C27B0;
background-image: linear-gradient(120deg, #FF4081, #81D4FA)
}*/
#msform {
text-align: center;
position: relative;
margin-top: 20px
}
#msform fieldset .form-card {
background: white;
border: 0 none;
border-radius: 0px;
/*box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);*/
/*padding: 20px 40px 30px 40px;*/
padding: 10px;
box-sizing: border-box;
/*width: 94%;*/
margin: 0 3% 20px 3%;
position: relative
}
#msform fieldset {
background: white;
border: 0 none;
border-radius: 0.5rem;
box-sizing: border-box;
width: 100%;
margin: 0;
padding-bottom: 20px;
position: relative
}
#msform fieldset:not(:first-of-type) {
display: none
}
#msform fieldset .form-card {
text-align: left;
color: #9E9E9E
}
#msform input,
#msform textarea {
padding: 0px 8px 4px 8px;
border: none;
border-bottom: 1px solid #ccc;
border-radius: 0px;
margin-bottom: 25px;
margin-top: 2px;
width: 100%;
box-sizing: border-box;
/* font-family: montserrat;*/
color: #2C3E50;
font-size: 16px;
letter-spacing: 1px
}
#msform select {
padding: 0px 8px 4px 0px;
border: none;
border-bottom: 1px solid #ccc;
margin-bottom: 25px;
margin-top: 2px;
width: 100%;
box-sizing: border-box;
/* font-family: montserrat;*/
color: #2C3E50;
/*font-size: 16px;*/
letter-spacing: 1px
}
.patient_dob::placeholder{
color: #9E9E9E;
}
#msform input:focus,
#msform textarea:focus {
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border: none;
font-weight: bold;
border-bottom: 2px solid skyblue;
outline-width: 0
}
#msform .action-button {
width: 110px;
background: #4a90e2;
font-weight: bold;
color: white;
border: 0 none;
border-radius: 0px;
cursor: pointer;
padding: 10px 5px;
margin: 10px 5px
}
#msform .action-button:hover,
#msform .action-button:focus {
box-shadow: 0 0 0 2px white, 0 0 0 3px #4a90e2
}
#msform .action-button-previous {
width: 100px;
background: #616161;
font-weight: bold;
color: white;
border: 0 none;
border-radius: 0px;
cursor: pointer;
padding: 10px 5px;
margin: 10px 5px
}
#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
box-shadow: 0 0 0 2px white, 0 0 0 3px #616161
}
select.list-dt {
border: none;
outline: 0;
border-bottom: 1px solid #ccc;
padding: 2px 5px 3px 5px;
margin: 2px
}
select.list-dt:focus {
/*border-bottom: 2px solid skyblue*/
box-shadow:none;
}
.card {
z-index: 0;
border: none;
position: relative
}
.fs-title {
font-size: 25px;
color: #2C3E50;
margin-bottom: 10px;
font-weight: bold;
text-align: left;
border-bottom: 1px solid #4a90e2;
margin: 0 12px 20px 12px;
}
#progressbar {
margin-bottom: 30px;
overflow: hidden;
color: lightgrey
}
#progressbar .active {
color: #000000
}
#progressbar li {
list-style-type: none;
font-size: 12px;
width: 25%;
float: left;
position: relative
}
#progressbar #account:before {
font-family: FontAwesome;
content: "\f023"
}
#progressbar #personal:before {
font-family: FontAwesome;
content: "\f007"
}
#progressbar #payment:before {
font-family: FontAwesome;
content: "\f09d"
}
#progressbar #confirm:before {
font-family: FontAwesome;
content: "\f00c"
}
#progressbar li:before {
width: 50px;
height: 50px;
line-height: 45px;
display: block;
font-size: 18px;
color: #ffffff;
background: lightgray;
border-radius: 50%;
margin: 0 auto 10px auto;
padding: 2px
}
#progressbar li:after {
content: '';
width: 100%;
height: 2px;
background: lightgray;
position: absolute;
left: 0;
top: 25px;
z-index: -1
}
#progressbar li.active:before,
#progressbar li.active:after {
background: skyblue
}
/*.radio-group {
position: relative;
margin-bottom: 25px
}*/
.radio {
display: inline-block;
margin-right: 5%;
}
/*.radio:hover {
box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3)
}*/
.radio.selected {
box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1)
}
.fit-image {
width: 100%;
object-fit: cover
}
.search_bar{padding-top: 15px;}
.search_bar .form-group{width: 65%;}
.search_bar .btn{height: 38px;margin-left: 40px;}
.header{
border-bottom: 1px solid #000;
}
.form-card.card{
border: 1px solid #BFBFBF;
background-color: white;
box-shadow: 5px 5px 5px #aaaaaa;
width: 80%;
margin: 0 auto;
margin-top: 30px;
border-radius: 0;
}
.form-header{
background: #4a90e2;
color: #fff;
}
.radio label{
display: inline-flex;
}
.radio input{
float: left;
padding: 0;
margin: 0;
margin-right: 0px;
margin-right: 10px;
min-width: 20px;
}
body #msform .allow_sms_label {
align-items: baseline;
/*font-family: montserrat;*/
color: #2C3E50;
font-size: 14px;
letter-spacing: 1px;
}
body #msform .allow_sms_label .allow_sms{
width: 18%;
margin: 0;
}
body #msform .time_to_reach {
align-items: center;
}
body #msform .time_to_reach input{
width: 20px;
margin: 0;
}
body #msform .insurance_info {
font-size: 14px;
font-weight: 400;
align-items: center;
}
body #msform .insurance_info input{
width: 10%;
margin: 0;
}
.insurance_info_title{
justify-content: space-between;
}
.insurance_info_title span{
justify-content: end;
}
.primary_insurance_box{
border: 1px solid #ccc;
padding: 20px 0;
padding-top: 0;
margin-bottom: 15px;
}
.primary_insurance_box .box-header{
padding: 5px 20px;
background: #4a90e2;
margin-bottom: 20px;
color: #fff;
}
.healthcare_header{
justify-content: space-between;
margin-bottom: 30px;
}
.search_form{
justify-content: end;
align-items: baseline;
}
.search_form .search_field{
max-width: 48%;
}
body .search_form .search_field input{
height: 29px;
margin: 0 !important;
border: 1px solid #ccc !important;
font-size: 12px;
line-height: 1.5;
padding-top: 4px !important;
}
.search_form .search_field button{
border-radius: 0;
}
#msform .clinical_box input{
margin-bottom: 5px;
}
#msform .clinical_box p{
margin-bottom: 0;
}
.text-label {
letter-spacing: 1px;
color: #2C3E50;
font-size: 14px;
}
.healthcare_header .search_form label{
font-size: 12px;
}
.prescription_box .allow_sms_label{
font-size: 14px;
padding: 0;
align-items: center;
}
.prescription_box .p{
margin-bottom: 0;
}
.floating-label {
position: absolute;
pointer-events: none;
left: 20px;
top: 10px;
transition: 0.2s ease all;
}
input:focus ~ .floating-label{
/*input:not(:focus):valid ~ .floating-label{*/
top: -8px;
bottom: 10px;
left: 20px;
font-size: 11px;
opacity: 1;
color: #2C3E50;
}
select:focus ~ .floating-label{
top: -8px;
bottom: 10px;
left: 20px;
font-size: 11px;
opacity: 1;
}
.form-control {
font-size: 14px;
width: 200px;
height: 35px;
}
@media only screen and (max-width: 600px) {
.display-flex{
display: block !important;
}
/* .radio label {
display: block;
}*/
.search_bar .btn {
margin-left: 10px;
height: 33.5px;
}
.search_bar {
display: flex !important;
}
.form-card.card{
width: 100%;
}
.form-header{
padding-left: 15px;
padding-right: 15px;
}
.form-header h2{
font-size: 1.8rem;
}
p{
font-size: 12px;
}
#msform input, #msform textarea, #msform select{
font-size: 14px;
}
.search_form .search_field{
max-width: 100%;
display: flex !important;
margin-bottom: 30px;
margin-left: 0 !important;
}
.insurance_info_title span {
margin-top: 15px;
}
.search_form {
padding: 0 15px !important;
}
body #msform .allow_sms_label{
padding-left: 0;
}
}