body {
 font-family: verdana, sans-serif;
    font-size:12px;
    color:#000000;
 background-color: #fff;
}

a, a:hover {
 color: #000000; 
}

h1 {
 font-family: verdana, sans-serif;
 color: #001A7A;
 font-size: 23px;
 font-weight: bold;
 margin: 0;
 margin-bottom: 20px;
}

ul {
 margin: 0;
}

li {
 list-style-type: square;
}


.paddingb20 {
 padding-bottom:20px; 
}



img.full-width-image {
    width: 100%;
    height: auto;
}

label {
 display: inline-block;
 width: 168px;
}

.form-group {
 margin-bottom: 10px;
}

input.form-control {
 display: inline-block;
    width: 390px;
    height: 31px;
    border: 0;
    background: #ebebeb;
    border-radius: 0;
    box-shadow: none;
    font-size: 12px;
    font-family: verdana, sans-serif;
}

.form-control:focus {
 box-shadow: none;
}

.clCompulsoryMarkerast {
 color:#001A7A;
}
.clCompulsoryMarker {
 color:#001A7A;
}

.submit {
 text-align:right;
}

.footer {
 margin-bottom: 30px;
}

.mb25 {
 margin-bottom: 25px; 
}

.mb35 {
 margin-bottom: 35px; 
}

.radio input[type=radio] {
 display: inline-block;
 margin: 0;
    margin-right: 5px;
    vertical-align: middle; 
 position: relative;
 margin-top: -3px;
}

.radio {
 margin-right: 15px;
 display: inline-block;
}


.section {
 margin-bottom: 25px;
}

.title {
 display: inline-block;
    background: #ebebeb;
    padding: 7px 20px;
    font-family: verdana, sans-serif;
    font-weight: bold;
    color: #001A7A;
    border-top: 1px solid #d2d0d0;
    font-size: 13px;
}

.prefs {
 border: 1px solid #ebebeb;
    padding: 20px 20px 10px 20px;
 position: relative;
}

.prefs:before {
 content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    border-top: 1px solid #ebebeb;
    width: 65px;
    height: 65px;
    background-color: white;
    transform: rotate(-45deg) translate(0px,46px);
}

.checkbox {
    display: inline-block;
    margin: 0;
    vertical-align: top;
    width: 27px;
}
 
.checkbox input[type=checkbox] {
 position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    margin-top: 3px;
}

.check-text {
 display: inline-block;
 width: 90%;
}

.select-all {
 margin: 10px 0 0 30px;
    text-decoration: underline;
    cursor: pointer;
 display: inline-block;
}

.btn-primary {
 font-size: 12px;
    padding: 7px 20px;
    background: #001A7A;
    border: 1px solid #001A7A;
}

.btn-primary:hover {
    background: #001A7A;
    border: 1px solid #c53e00;
}

.updatepref {
 padding: 0;
    margin: 0;
    cursor: pointer;
    border: 0;
    background: #fff;
    text-decoration: underline;
}

.footer1, .footer2, .footer3, .footer4, .footer5 {
 display: inline-block;
}

.footer1 {
 vertical-align: top;
    width: 25%;
}

.footer2 {
    width: 45%;
}

.footer4 {
    font-size: 10px;
    width: 90%;
    margin-top: 40px; 
}

.grey {
 background-color: #d2d0d0;
}

@media only screen and (max-width: 568px) {

body, input.form-control {
 font-size: 14px;
}

.form-control, input.form-control, label {
 width:100%
}

.form-group {
 margin-bottom: 15px; 
}

.radio {
 margin-top: 0;
}

div.hide {
 display: none !important;
 overflow: hidden !important;
 width: 0 !important;
 height: 0 !important;
 visibility: hidden !important;
}

div.mobileshow {
 display: block !important;
 margin: 0;
 padding: 0;
 overflow : visible !important;
 width: auto !important;
 max-height: inherit !important; 
}

.btn {
 width:100% !important;
 font-size:16px !important;
 padding:10px 16px !important;
}

.footer1, .footer2, .footer3, .footer4, .footer5 {
 width: 100%;
    text-align: center;
}

.footer4 {
 margin-bottom: 20px; 
}


}