* {
    font-family: "Open Sans", Arial, sans-serif;
}

h1, h2, h3, h4 {
    font-family: "Montserrat", Arial, sans-serif;
}

h1 {
    color: #003ba9;
    margin-top: 0px;
}

h3 {
    color: #003ba9;
    margin-top: 0px;
}

.coverageAmnt h4 {
    line-height: 30px;
}

.reviewInfoHeader h4 {
    display: inline;
    margin-left: -5px;
    margin-right: -5px;
}

span.round-tabs > div {
    display: inline-block !important;
    text-indent: 0px;
    width: 120px;
    white-space: normal;
    line-height: 20px;
    vertical-align: middle;
}

    span.round-tabs > div.empty {
        visibility: collapse;
        width: 0px !important;
    }

span.round-tabs > i {
    margin: 0 5px 0 5px;
}

div[class*='col-'] {
    padding-left: 20px;
    padding-right: 20px;
}

div[class*='col-top'] {
    margin-top: 20px;
}

div.card {
    background: #f4f4f4;
    border-radius: 6px;
    border: 0;
    padding: 2rem;
    margin-bottom: 0.5rem;
    overflow: hidden;
}

div.card-beneficiary {
    background-color: #ffffcc;
    border: 2px solid;
    border-color: #c8c893;
}

@media(min-width: 1200px) {
    div.card-eligibility {
        margin-right: 3px;
        min-height: 292px;
    }
    div.card-beneficiary {
        margin-left: 3px;
    }
}

/*@media(max-width: 1199px) {
    fieldset.eligibility-section {
        margin-right: 0px;
        min-height: 0px;
    }
    fieldset.beneficiary-section {
        margin-left: 0px;
    }
}*/


div[class*='col-bottom'] {
    margin-bottom: 20px;
}

div.multiCol {
    padding-right: 15px;
    padding-left: 15px;
}

body {
    background: #eaeaea;
}

#header {
    padding-top: 2rem;
    padding-right: 2rem;
    padding-left: 2rem;
    padding-bottom: 1.7rem;
    background: #fff;
}

#subheader {
    padding: 2rem;
    background: #003ba9;
    padding-bottom: 4rem;
}

#instructions {
    background: #e3f2fd;
}

    #instructions > .container {
        padding: 20px 20px 20px 20px;
    }

#app {
    background: transparent;
    margin-top: -50px;
}

fieldset {
    border: 0;
    padding: 2rem;
    margin-bottom: 0.5rem;
}

label {
    color: #003ba9;
    font-weight: bold;
}

.input-group.date {
    width: 170px;
}

.pushradios {
    margin-left: 20px;
}

.reverse * {
    color: #fff;
}

.Heading1 {
    font-size: 18px;
    font-weight: bold;
    color: #aeb3b7;
    padding-bottom: 15px;
    padding-top: 15px;
}

.Heading2 {
    font-weight: bold;
    color: #464646;
}

.panel {
    padding: 20px;
}
    /*#quote { background: #ffffe3;  }*/
    .panel.review {
        background: #e3f2fd;
        padding: 20px;
    }

.table {
    background: #fff;
    border: 1px solid #eaeaea;
}

input[type=text] {
    color: #555;
    height: 30px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

textarea {
    resize: none;
    width: 250px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


input[type=text], textarea {
    padding: 6px 12px;
}

.ucheightInput {
    padding: 0px !important;
    text-align: center;
}

/* BACKGROUNDS */

.bg-ltblue {
    background: #e3f2fd;
}


/* FIRST PAGE CONDITIONAL FIELDSET STUFF */

fieldset {
    background: #f4f4f4;
    border-radius: 6px;
}

.contentWrapper {
    background: #fff;
}

.menuWrapper .nav-tabs {
    background: #efefef;
    position: relative;
    margin-bottom: 0;
    box-sizing: border-box;
}

p.err {
    color: #FF0000;
    margin-top: 0px;
    margin-bottom: 0px;
}

p.narrow {
    width: 60%;
    margin: 10px auto;
}

.liner {
    height: 2px;
    background: #ddd;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.nav-tabs {
    width: 100%;
}

    .nav-tabs > ul {
        width: 100% !important;
        background-color: white;
    }


        .nav-tabs > ul li {
            display: inline-block;
            margin: 1px 1px 0 0;
            /*text-indent: 20px;*/
            position: relative;
        }

            .nav-tabs > ul li span {
                height: 60px;
                line-height: 60px;
                width: 13%;
            }

                .nav-tabs > ul li span.empty {
                    height: 60px;
                    line-height: 60px;
                    /*width: 13%;     */
                }


            .nav-tabs > ul li a.selected {
                background: rgb(60,83,169);
            }


            .nav-tabs > ul li a {
                color: #FFFFFF !important;
                background: rgb(5,64,166);
                display: block;
            }

                .nav-tabs > ul li a.aspNetDisabled {
                    background: rgb(234,234,234);
                    color: rgb(152,152,152) !important;
                }

            .nav-tabs > ul li.active a {
                background: rgb(5,64,166);
                z-index: 100;
            }


            .nav-tabs > ul li a:hover {
                background: pink;
            }

li {
    margin-bottom: 6px;
}

span.roundy {
    color: #fff;
    border: 2px solid green;
}

span.roundy {
    width: 160px;
    height: 160px;
    line-height: 160px;
    display: inline-block;
    border-radius: 160px;
    background: green;
    z-index: 2;
    position: relative;
    text-align: center;
    font-size: 80px;
    color: #fff;
}



.tab-content {
}

@media( max-width : 585px ) {
    .tab-pane {
        position: relative;
        padding: 30px 0px 30px 0px;
    }
}

@media( min-width : 320px ) {
    .questionitem {
        padding-bottom: 10px;
    }

    .question .answers {
        padding-bottom: 0px !important;
    }
}

@media( min-width : 586px ) {
    .tab-pane {
        position: relative;
        padding: 0px;
    }

    .questionitem {
        padding-bottom: 10px;
    }
}

.tab-content .head {
    font-family: 'Montserrat', sans-serif;
    font-size: 25px;
    text-transform: uppercase;
    padding-bottom: 10px;
}

.btn-outline-rounded {
    padding: 10px 40px;
    margin: 20px 0;
    border: 2px solid transparent;
    border-radius: 25px;
}

.btn.green {
    background-color: #5cb85c;
    color: #ffffff;
}



@media( max-width : 585px ) {

    .contentWrapper {
        height: auto !important;
    }

    span.round-tabs {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }


    .tab-content .head {
        font-size: 20px;
    }

    .btn-outline-rounded {
        padding: 12px 20px;
    }
}

/*.tblCalcPremiumBootstrap { padding: 2px; font-weight: bold; }
.tblCalcPremiumBootstrap td { padding: 5px; }*/
.divCalc {
    padding-bottom: 5px;
}

.custom-nav-total {
    background: #ffffe3 !important;
    padding: 10px;
    font-size:12px;
}

.glyphicon.text-muted {
    opacity: 0.25;
}

.nav-tab-menu {
    position: relative;
    z-index: 1;
}

    .nav-tab-menu ul:before {
        border-top: 3px solid #ddd;
        content: "";
        margin: 0 auto; /* this centers the line to the full width specified */
        position: absolute; /* positioning must be absolute here, and relative positioning must be applied to the parent */
        top: 50%;
        left: 0;
        right: 0;
        bottom: 0;
        width: 95%;
        z-index: -1;
    }

.policyName {
    font-family: "Montserrat", Arial, sans-serif;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 19px;
    font-weight: 500;
    line-height: 1.3;
}

div {
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    padding: 0px;
    margin: 0;
    outline-style: none;
    outline-color: invert;
    outline-width: 0px;
    background: none transparent scroll repeat 0% 0%;
}

.btn-calculate {
    background-color: #ff9d11;
    border-color: #ef9301;
    color: #ffffff;
    margin: 2px 0px;
}

.btn-success {
    margin: 2px 0px;
}

a.resetlnkbtn:link {
    color: #005596;
    text-decoration: underline;
    font-size: 10px;
    font-weight: bold;
}
/* unvisited link */
a.resetlnkbtn:visited {
    color: #005596;
    text-decoration: underline;
    font-size: 10px;
    font-weight: bold;
}
/* visited link */
a.resetlnkbtn:hover {
    color: #005596;
    text-decoration: underline;
    font-size: 10px;
    font-weight: bold;
}
/* mouse over link */
a.resetlnkbtn:active {
    color: #005596;
    text-decoration: underline;
    font-size: 10px;
    font-weight: bold;
}
/* selected link */

@media only screen and (min-width : 768px) {
    .is-table-row {
        height: 320px;
    }

    .btn-calculate {
        font-size: 120%;
    }

    .btn-success {
        font-size: 120%;
    }

    a.resetlnkbtn:link {
        font-size: 12px;
    }
    /* unvisited link */
    a.resetlnkbtn:visited {
        font-size: 12px;
    }
    /* visited link */
    a.resetlnkbtn:hover {
        font-size: 12px;
    }
    /* mouse over link */
    a.resetlnkbtn:active {
        font-size: 12px;
    }
    
}

span.radio {
    padding-left: 5px;
    position: relative;
    display: inline-block;
}

    span.radio > input[type="radio"] {
        margin: 5px 0px 0px -4px;
    }

    span.radio > label {
        padding: 0px 5px 0px 10px;
        font-weight: bold;
        margin-right: 7px;
    }


span.checkboxAgreement {
    padding-left: 5px;
    position: relative;
    display: inline-block;
    width: 100%;
}

    span.checkboxAgreement > input[type="checkbox"] {
        margin: 5px 0px 5px -4px;
        vertical-align: top;
    }

    span.checkboxAgreement > label {
        max-width: 90% !important;
        padding: 0px 5px 0px 10px;
        font-weight: bold;
        margin-right: 7px;
        vertical-align: top;
    }

.reviewDetail {
    overflow-wrap: break-word;
    padding: 10px;
}

    .reviewDetail > .row {
        border: 1px solid #eaeaea;
        background-color: #FFFFFF;
        padding: 8px;
    }

    .reviewDetail > .rowBreak {
        border: 1px solid #eaeaea;
        background-color: transparent !important;
        padding: 8px;
    }

    .reviewDetail > .reviewDetailRow {
        border: 1px solid #eaeaea;
        background-color: #FFFFFF;
        padding: 8px;
    }

    .reviewDetailWrapper {
    overflow-wrap: break-word;   
}

    .reviewDetailWrapper > .row {
        border: 1px solid #eaeaea;
        background-color: #FFFFFF;
        padding: 8px;
    }

    .reviewDetailWrapper > .rowBreak {
        border: 1px solid #eaeaea;
        background-color: transparent !important;
        padding: 8px;
    }

    .reviewDetailWrapper > .reviewDetailRow {
        border: 1px solid #eaeaea;
        background-color: #FFFFFF;
        padding: 8px;
    }

.fieldCaption {
    font-weight: bold;
}

.sectionCaption {
    font-weight: bold;
}

.rowOdd {
    background-color: #eeeee;
}

.rowEven {
    background-color: rgb(255, 255, 204);
}

.listparagraph {
    list-style-type: none;
    padding: 0px;
}

    .listparagraph > li {
        margin-bottom: 10px;
    }

.listparagraph > li > span ~ ol {
  margin-top: 8px;
}

.footer {
    color: #7c878e;
    font-weight: bold;
    font-size: 1.5em;
}

#footer {
    border-top: 50px solid #003da5;
    padding-top: 25px;
    padding-bottom: 175px;
}

.footersmall {
    padding-bottom: 20px !important;
}

    #footer a {
        color: #777;
        text-decoration: none;
        font-weight: bold;
    }

hr {
    border-color: #ddd;
}

.bg-white {
    background: #fff;
}

.largeBoldBlue {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    color: #005596;
}
.boldBlue {
    display: inline-block;    
    font-weight: bold;
    color: #005596;
}


.normal {
    font-size: 12px;
}

.nopadding {
    padding: 0 !important;
}

@media only screen and (min-width : 768px) {
    .normal {
        font-size: initial;
    }

    .largeBoldBlue {
        display: inline-block;
        font-size: 28px;
    }
}


.questionaire {
    font-size: 10pt;
    /*margin:5px;
    padding:10px;*/
}

.answerdetail {
    margin-left: -10px;
    margin-bottom: 10px;
}

.answerdetailreviewlabel {
    font-size: small;
    font-weight: bold;
}

.answerdetailreview {
    background-color: #eaeaea;
    padding: 15px 10px;
    margin-bottom: 10px;
    margin-right: 5px;
    margin-left: 5px;
}

.UWQsSeparator {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
    color: lightgrey;
    opacity: 0.5;
}

.question {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

    .question.col-xs-1,
    .question.col-xm-1,
    .question.col-md-1 {
        width: 1%;
        padding-right: 5px;
        padding-left: 30px;
    }

    .question.col-xs-1 {
        font-weight: bold;
    }

div.auth > div.row{
    margin-bottom: 8px;
}

div.auth > div.row > div.col-xs-11,
ol.listparagraph > li > div.col-xs-11{
    padding-left: 5px;
}

ol.listparagraph > li {
   display: inline-block;
}

div.auth > div.row > div.col-xs-1,
ol.listparagraph > li > div.col-xs-1 {
    width: 47px;
}

div.auth > div.row > div.col-xs-1,
ol.listparagraph > li > div.col-xs-1,
.questionreview.col-xs-1,
.questionreview.col-sm-1,
.questionreview.col-md-1 {    
    padding-left: 30px;
    padding-right: 0px;          
}

.questionreview.col-xs-1,
.questionreview.col-sm-1,
.questionreview.col-md-1 { 
    width: 55px;  
    padding-right: 0px;    
    font-weight: bold;
    padding-top: 10px;
}



.answers {
    /*padding-top:10px;*/
    padding-bottom: 10px;
}

    .answers.col-xs-1 {
        margin-left: 10px;
    }

div.answerdetail > .col-xs-9 {
    padding-left: 55px;
}

div.answerdetailreview > .col-xs-9 {
    padding-left: 50px;
}

.collapsed > span.glyphicon {
    transform: rotate(-90deg);
}

.description {
    font-size: small;
}

.tooltip-inner {
    font-size: 10pt;
    padding: 12px;
}

.dropdownlist {
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

@media( max-width : 768px ) {
    .makeChgsButtonRow {
        text-align: center;
        margin-top: 10px;
    }
}

@media( min-width : 768px ) {
    .makeChgsButtonRow {
        text-align: right;
        margin-top: -10px;
    }
}

@media( max-width : 768px ) {
    .makeChgsButton {
        margin-right: -10px;
    }
}

@media( min-width : 768px ) {
    .makeChgsButton {
        margin-right: -10px;
    }
}


.valsummary ul {
    display: none;
}

.valsummary {
    padding-left: 10px;
    padding-top: 10px;
}

.depName {
    width: 175px;
    display: inline-block;
    overflow: hidden;
}

.btnAddDep {
    margin-left: -15px;
}

.heightWeightLabel {
    line-height: 30px;
}

.expDate {
    display: inline;
}

/* div.valsummary > img + span: select a span preceded by and img which is a child of a div with class valsummary 
   + followed by, element.class is element of a class, div > p element div contains a child which is a p */
div.valsummary > img + span,
div.input-group + span > img.validator + span,
select.form-control + span > img.validator + span,
div.form-group > span > img.validator + span,
div > span > img.validator + span,
div > img.Validation + span {
    vertical-align: middle;
    margin-left: 5px;
}

.divBottomMargin {
    margin-bottom: 40px;
}

.topNotediv {
    margin-top: 15px;
    margin-left: 5px;
}

td > input[type="radio"] + label,
span.radio > label {
    margin-left: 4px;
    vertical-align: middle;
}

div.form-group > select.form-control,
div > select.dropdownlist {
    width: auto !important;
}

.siteImg, .optionalImg {
    width: auto;
    height: auto;
    padding-left: 1px;
}

.siteImg {
    /* margin-top: 23px;    */
}

.notificationDiv {
    margin-top: -10px;
}

/* Dependent */
@media (min-width: 1765px) and (max-width: 1920px) {
    .modal.modal-dependent .modal-dialog {
        width: 28%;
    }
    .notificationDiv {
        margin-bottom : 35px;
    }
}

@media (min-width: 1649px) and (max-width: 1764px) {
    .modal.modal-dependent .modal-dialog {
        width: 30%;
    }
    .notificationDiv {
        margin-bottom : 35px;
    }    
}

@media (min-width: 1420px) and (max-width: 1650px) {
    .modal.modal-dependent .modal-dialog {
        width: 35%;
    }
    .notificationDiv {
        margin-bottom : 30px;
    }
}

@media (min-width: 1305px) and (max-width: 1419px) {
    .modal.modal-dependent .modal-dialog {
        width: 38%;
    }
    .notificationDiv {
        margin-bottom : 30px;
    }
}

@media (min-width: 1261px) and (max-width: 1304px) {
    .modal.modal-dependent .modal-dialog {
        width: 40%;
    }
    .notificationDiv {
        margin-bottom : 30px;
    }
}

@media (min-width: 1171px) and (max-width: 1260px) {
    .modal.modal-dependent .modal-dialog {
        width: 45%;
    }
    .notificationDiv {
        margin-bottom : 55px;
    }
}

@media (min-width: 1025px) and (max-width: 1170px) {
    .modal.modal-dependent .modal-dialog {
        width: 50%;
    }
    .notificationDiv {
        margin-bottom : 50px;
    }
}

@media (min-width: 979px) and (max-width: 1024px) {
    .modal.modal-dependent .modal-dialog {
        width: 55%;
    }
    .notificationDiv {
        margin-bottom : 45px;
    }
}

@media (min-width: 801px) and (max-width: 978px) {
    .modal.modal-dependent .modal-dialog {
        width: 60%;
        left: auto;
    }
    .notificationDiv {
        margin-bottom : 50px;
    }
}

@media (min-width: 768px) and (max-width: 800px) {
    .modal.modal-dependent .modal-dialog {
        width: 65%;
        left: auto;
    }
    .notificationDiv {
        margin-bottom : 45px;
    }
}

@media (min-width: 732px) and (max-width: 767px) {
    .modal.modal-dependent .modal-dialog {
        width: 68%;
        left: 15%;
    }
    .notificationDiv {
        margin-bottom : -5px;
    }
}

@media (min-width: 639px) and (max-width: 731px) {
    .modal.modal-dependent .modal-dialog {
        width: 78%;
        left: 10%;
    }

    .notificationDiv {
        margin-bottom : -10px;
    }
}

@media (min-width: 591px) and (max-width: 639px) {
    .siteImg, .optionalImg {
        padding-left: 1px;
    }

    .notificationDiv {
        margin-bottom : -10px;
    }
}

@media (min-width: 479px) and (max-width: 590px) {
    .modal.modal-dependent .modal-dialog {
        width: 90%;
        left: 2%;
    }

    .siteImg, .optionalImg {
        width: 50%;
        height: auto;
        padding-left: 1px;
    }

    .notificationDiv {
        margin-bottom : -10px;
    }

    div.auth > div.row > div.col-xs-11 {
        width: 83%;
    }

}

@media (min-width: 319px) and (max-width: 478px) {

    nav#navQuoteTotal input.btn {
    }
    .QuoteResults {
        padding-left:5px !important;
        padding-right:5px !important;
    }
    .custom-nav-total
    {
        padding-left:0px !important;
        padding-right:0px !important;
    }
    .siteImg, .optionalImg {
        width: 50%;
        height: auto;
        padding-left: 1px;
    }

    .notificationDiv {
        margin-bottom : -10px;
    }

    div.auth > div.row > div.col-xs-11 {
        width: 73%;
    }
}

.optionalDate {
    cursor: pointer;
    color: #337ab7;
    text-decoration: underline;
}

    .optionalDate:hover {
        text-decoration: none;
        color: #23527c;
    }

.elegibleRd {
    margin-bottom: 5px !important;
}

span.EsyToApply > ul {
    margin-top: 12px;
    margin-bottom: 12px;
}

.medicalQuestionSubheader {
    display: none;
}

div.declaration > div.col-lg-offset-1,
div.declaration > div.col-md-offset-1,
div.declaration > div.col-sm-offset-1 {
    margin-left: 25px;
    margin-top: 10px;
}


@media (min-width: 320px) and (max-width: 1199px) {

    div[id*='noticePrivacyDiv'] > input.btn-success,
    div[id*='disclousureNoticeDiv'] > input.btn-success {
        font-size: 15px;
    }
}

@media only screen and (min-width: 1200px) {

    div[id*='noticePrivacyDiv'] > input.btn-success,
    div[id*='disclousureNoticeDiv'] > input.btn-success {
        font-size: 18px;
    }

    .notificationDiv {
        margin-bottom : 55px;
    }
}

.processingPopup {
    border-style: solid;
    border-width: 1px;
    border-color: #ddd;     
    border-radius: 15px;
    padding: 10px;    
}

.processing {
    color: #003ba9;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 36px;
    font-weight: 500;
    line-height: 1.1;	
}

.addressLine2 {
    margin-top: 10px;
}

div.declarationLst > div.col-lg-offset-1,
div.declarationLst > div.col-md-offset-1,
div.declarationLst > div.col-sm-offset-1 {
    margin-left: 10px;
    margin-top: 10px;
}

.authlist {        
    padding: 0px;
    margin-top: 8px;	
    margin-bottom: 10px;
}

ol.authlist > li{
    padding-left: 7px;    
}

@media (min-width: 731px) and (max-width: 700px) {

    .quote-icons {
        font-size: 2vmin !important; 
    }
}

@media (min-width: 701px) and (max-width: 738px) {

    .quote-icons {
        font-size: 3.5vmin !important; 
    }
}

@media (min-width: 739px) and (max-width:1024px) {

    .quote-icons {
        font-size: 3vmin !important; 
    }
}

@media (min-width: 1025px){

    .quote-icons {
        font-size: 2vmin !important; 
    }
}

 .employeeRdlBtn {
     margin-top: 35px;
     margin-left: -100px;
 }  

/* SMALL SCREEN */
@media ( max-width : 585px )  {

    span.round-tabs > div {
        visibility: collapse;
        width: 0px;
        height: 0px;
    }
    span.round-tabs > i {
        font-size: 1.6em;
    }

    .employeeRdlBtn {
        margin-top: 0px;
        margin-left: 0px;
    }  
}
/* MEDIUM SCREEN */
@media (min-width: 586px) and ( max-width :767px )  {

    span.round-tabs > i {
        visibility: collapse;
        width: 0px;
        height: 0px;
    }

    .employeeRdlBtn {
        margin-top: 0px;
        margin-left: 0px;
    } 
}

@media (min-width: 768px) and ( max-width :2800px )  {
   
    .employeeRdlBtn {
        margin-top: 40px;
        margin-left: 0px;
    } 
}

/* LARGE SCREEN */
@media (min-width: 801px)  {
    

}

.optionalField {
    padding-left: 0px !important;
}

.dropdownlist.form-control {
    height: 31px !important;
    padding: 3px 12px;
} 

.radioRdlLeft {
    margin-top: 2px;
    margin-left: 8px;
}

.radioLeft {
    margin-left: 14px;
}

span.radioRdlLeft > input + label {
    margin-bottom: 6px;
}

div.col-sm-12 > div[style*="margin-top:-12px"] ~ span[style*="color:Red"]{
    position:relative;
    top: -15px;    
}

div.row > div.form-group > div > input[id$="txtEmployeeNum"]{
    max-width: 235px;
}