/* ------------------------------ */
/* New Subscriber/Open Enrollment */
/* ------------------------------ */

@font-face {
    font-family: 'HCo Gotham';
    src: url('/Styles/Global/GothamFonts/woff2/Gotham-Book_Web.woff2') format('woff2'), url('/Styles/Global/GothamFonts/woff/Gotham-Book_Web.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

    .enroll-confirm 
    {
        padding: 10px 0px 20px 0px;
    }

    .enroll-confirm #pnlSuccess .printBox {
        margin: 10px 0px 20px 0px;
        border: 1px solid #ccc;
        height: 25px;
        padding: 5px 15px;
        width: 582px;
    }

    .enroll-confirm #pnlSuccess .printBox span {
        width: 530px;
        display: block;
        float:left;
        line-height: 24px;
        vertical-align:middle;
        font-weight: bold;
    }

    .enroll-confirm #pnlSuccess .printBox input {
        padding: 0px 5px;
        float:left;
    }

    #lblTitle 
    {
       font-weight:bold;   
       font-size: 18px;
    }

    #pnlLabels {
        border: 1px solid #ccc;   
        padding: 10px 15px;
        font-size: 12px;
        margin-top: 20px;
        width: 582px;
    }

    #pnlNewOpen {
        margin-top: 20px;
    }

    .subscriber-manager fieldset{
        border: 1px solid #ccc;
        padding: 5px 15px 10px 15px;
        width: 100%;
        margin: 0px 0px 20px 0px !important;
    }

    .topConfBlock,
    #pnlSubscriberChanges fieldset,
    #pnlSubscriberCurrent fieldset,
    #pnlWarning fieldset,
    #pnlSearch fieldset,
    #pnlOptionalInfo fieldset,
    #pnlTransferConfirm fieldset,
    .subscriber-managerVerify fieldset,
    .dependent-manager fieldset {
        border: 1px solid #ccc;   
        padding: 5px 15px 10px 15px;
        width: 100%;
        margin: 20px 0px!important;
    }
    
    #pnlSpouseDependentConfirm fieldset {
        border: 1px solid #ccc;   
        padding: 5px 15px 10px 15px;
        margin: 20px 0px!important;
    }
    
    .topConfBlock {padding-top: 10px;}

    .boxed {
        padding: 25px 17px 0px 17px;
        width: 554px;
        margin: 0px;
    }
 
    .enroll-confirm fieldset legend,
    #searchOnlineReg fieldset legend {
        font-weight:bold;
        margin:0px;
        padding:0px;
    }

    .noBoldPnl fieldset legend,
    #searchOnlineReg fieldset legend {
        font-weight: normal;
        margin: 0px;
        padding: 0px;
    }
    
    .enroll-confirm table { border-collapse: collapse; }

    .enroll-confirm table td {
        padding-right: 5px !important;
        vertical-align: top;
    }

    .subscriber-details {
        margin-top:10px;
        float:left;
    }
    
    .sd-left {
        width: 400px;
    }
    .sd-right {
        width: 130px;
    }

    .spouse-dependent-confirm {
        position:relative;
        width:100%;
        height: 180px;
        padding:0px!important;
        margin:0px;
    }
    
    .advantica #pageCol2 .spouse-dependent-confirm {
        position:relative;
        width: 614px;
        height: 230px;
        padding:0px!important;
        margin:0px;
    }
    
    .spouse-dependent-confirm fieldset {
        margin:0px!important;
    }
    
    .advantica #pageCol2 .please-note {
        width: 614px;
    }

    .subscribe-buttons {
        text-align: right; 
        /*width: 612px!important;*/
        /*height: 50px!important;*/
    }

    .advantica #pageCol2 .subscribe-buttons {
        text-align: right; 
        width: 618px!important;
        padding-top: 10px;
        /*height: 50px!important;*/
    }

    #pnlSubscriber fieldset td 
    {
        padding: 5px 0px;
    }

    .flat-top {
        padding-top:0px;
        margin-top:0px;
    }

    .flat-bot {
        padding-bottom:0px;
        margin-bottom:0px;
    }
    
    .red-text {
        color:Red;
    }
    
    .red-note {
        padding: 10px 15px;
        font-size:12px;
        margin-top:20px;
        width: 582px;
    }

    .red-note p {
        color: Red;
        padding-bottom: 10px;
    }


    /* Today's Enrollment */
    #lblEnrollmentGroup {
        font-weight:bold;
        margin-bottom:10px;
    }
    
    .enrollment-block {
        margin: 10px 0px 20px 0px;
    }
    
    #pnlEnrollment fieldset {
        border: none;
        width: 600px;
        overflow:hidden;
        margin: 20px 0px 0px 0px!important;
        padding: 0px!important;
    }
    
    .advantica #pnlEnrollment fieldset {
        width: 665px;
    }
   
    #pnlEnrollment fieldset legend {
        font-weight:bold;
        margin:0px!important;
        padding: 0px!important;
    }
    
    #pnlEnrollment fieldset table {
        width: 100%;
    }
    
    #pnlEnrollment fieldset table tr td {
        text-transform: capitalize!important;
    }
    
    #pnlEnrollment fieldset table tr td span {
        text-transform: capitalize!important;
    }

    .searchSubmit {
        height: 25px;
        float:right;
    }

table {
    margin-bottom:0px!important;

}

legend {
    margin-bottom:0px!important;
}

table td {
    padding-top:1px!important;
    padding-bottom:1px!important;
}


.subscriber-details {
    width: 48%;
    margin-top: 10px;
    float: left;
}

.sd-left {
}

.sd-right {
    float: right;
}

    .spouse-dependent-confirm fieldset {
        margin: 0px !important;
    }


#pnlWarning {
    display: block;
}

.small {
    font-size: 10pt!important;
}

/*responsive design test*/
.divHalf
{
    width: 330px!important;
    float:left;
    padding:2px;
    display:block;
}

.divFull{
    width: 100%!important;
    float:left;
    padding:2px;
}

.labelStyleWider {
    width: 200px !important;
    float: left;
    padding-right: 0px !important;
    display: inline-block;
    font-size: 10pt;
}

.labelStyle {
    width: 120px !important;
    float: left;
    padding-right: 0px !important;
    display: inline-block;
    font-size: 10pt;
}
.labelStyleProvider {
    width: 170px !important;
    float: left;
    padding-right: 0px !important;
    display: inline-block;
    font-size: 10pt;
}
.labelSearchStyle {
    width: 175px !important;
    float: left;
    padding-right: 0px !important;
    display: inline-block
}

.longLabelStyle {
    float: left;
    padding-right: 10px !important;
    display: inline-block;
    font-size: 10pt;
}

.midLabelStyle {
    float: left;
    width: 130px !important;
    padding-right: 10px !important;
    display: inline-block;
    font-size: 10pt;
}

.resizeLabelStyle {
    width: 170px !important;
    float: left;
    padding-right: 0px !important;
    display: inline-block;
    font-size: 10pt;
}

.divHalf input[type=text]{
    /*width:160px;*/
    float:left;
}

@media screen and (max-width: 1023px){
    .RadioButtonWidth {
        float:left;
        display:block;
    }

    .longLabelStyle {
        width:400px;
        float:left;
        display:block;
    }

    #txtEmpName, #txtAddress1, #txtAddress2 {
        width:250px;
    }

    .resizeLabelStyle
    {
        width:400px!important;
        float:left;
        padding-right:0px!important;
        display:inline-block
   }
}

@media screen and (max-width: 767px) {
    #pnlSubscriber fieldset, .subscriber-manager fieldset, #pnlOptionalInfo fieldset, #pnlSearch fieldset, .dependent-manager fieldset{
        width:434px!important;
    }

    #txtEmpName, #txtAddress1, #txtAddress2 {
        width:160px;
    }

    .RadioButtonWidth {
        float:left;
        display:block;
    }

    .searchSubmit{
        float:left;
    }
}

/*dependent manager*/
.divLeft{
    width: 350px;
    float:left;
    padding:2px;
}

.divRight {
    width: 350px;
    float:left;
    padding:2px;
}

.divMid{
    width:170px!important;
    float:left;
    padding:2px;
}

.divLeft label, .divRight label{
    width:85px;
    float:left;
    padding-right:2px;
    display:inline-block;
}

.divMid label{
    width:55px;
    float:left;
    padding-right:2px;
    display:inline-block;
}

#pnlSpouseDependentConfirm{
    width:100%;
    display:inline-block;
    float:left;
}

.spouse-current {
    width: 300px;
    display: inline-block;
    float:left;
}

.spouse-change {
    width: 300px;
    display: inline-block;
    float:left;
}

@media screen and (max-width: 1152px){
    .dependent-manager label{
        width:80px;
        float:left;
        padding-right:2px;
        display:inline-block;
    }
    .dependent-manager .divMid{
        width: 240px!important;
        float:left;
        padding:2px;
    }
}

@media screen and (max-width: 767px) {
        .dependent-manager label{
        width:80px;
        float:left;
        padding-right:2px;
        display:inline-block;
    }
    .dependent-manager .divMid{
        width: 240px!important;
        float:left;
        padding:2px;
    }

}