﻿body {
    background: #F7F7F7; /**/
    font-family: "Helvetica Neue",Roboto,Arial,"Droid Sans",sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.row_custom {
    display: flex;
    align-items: center;
    line-height: 40px
}

    .row_custom > div:first-child {
        /* Add your custom styles here #F7F7F7; */
        line-height: 20px; /* Example style */
    }

.row_custom2 {
    display: flex;
    align-items: center;
    line-height: 40px
}

    .row_custom2 > div:first-child {
        /* Add your custom styles here #F7F7F7; */
        line-height: 20px; /* Example style */
    }
@media (max-width: 767.98px)  {
    .row_custom > div:first-child {
        /* Add your custom styles here */
        margin-top: 20px;
    }
}

.row_custom_button {
    display: flex;
    align-items: center;
    line-height: 40px
}

.col1 {
    margin: 0;
    padding: 0 5px 0 0;
    width: 15%;
    line-height: 14px;
    float: left;
    list-style-type: none
}


.col2 {
    margin: 0;
    padding: 0 5px 0 0;
    width: 85%;
    line-height: 14px;
    float: left;
    list-style-type: none
}

.valid {
    color: green;
    font-style: italic
}

.invalid {
    color: red;
    font-style: italic
}

.rw {
    background-color: transparent !important;
    border-style: none !important;
}

.required_field {
    color: red;
    font-style: italic;
}

.ast {
    color: red;
}


.riEmpty {
    color: #B6B6B6 !important;
}

/* Default style for larger screens */
.city {
    padding-left: 20px !important;
    padding-right: 0px !important;
}

 

/* Adjust styles for small screens */
@media (max-width: 575.98px) {
.city{
    padding-left: 15px !important; /* Revert to default padding for small screens */
}
    .city > div:first-child {
   
        line-height: 20px; /* Example style */
        margin-top: 20px;
    }
}

/* makes the checkbox icon elastic in addition to the label text */
.RadButton.RadCheckBox .rbIcon,
.RadButton.RadCheckBox .rbIcon::before {
    font-size: 30px;
    width: 1.0em;
    height: 1.0em;
}

.RadButton.RadCheckBox .rbText {
    
    font-size: 25px;
}
 