/* ReSharper disable InvalidValue */

/* ---  Colicare Current ---*/
.title { margin-top: 20px; }
#loadingMessage { position:fixed!important; }
#page_wrapper { padding-bottom:0px; background: #FFF; }
.content { background: #FFF; margin-bottom: 0px; padding-bottom:0px; }

.letterBullet { font-size: 68px; border-radius: 50px; width: 86px; height: 86px; float: left; line-height: 90px; margin-right: 10px; background-color: #E0E0E0; color: #FFF;
                font-weight: bold; display: inline-block; text-align: center;   }

.letterBulletText {
  font-size: 26px;
}

.padding ul li, ol li { padding-bottom: 10px; }

.noFloat {
    float: none;
}

a.infoBullet { text-decoration: none; }

.infoBullet {
    background: #283D6D;
    font-size: 17px;
    font-weight: bold;
    border-radius: 20px;
    width: 19px;
    height: 19px;
    display: inline-block;
    text-align: center;
    line-height: 22px;
    color: #FFF;
    margin: 5px 10px 0px 3px;
    vertical-align: top;
    cursor: pointer;
}

.frow .infoBullet,
.colicare-label .infoBullet {
  font-size: 13px;
  width: 15px;
  height: 15px;
  line-height: 15px;
  position: relative;
}


/********************************
    CC management
*********************************/

    .colicare .title { margin-top: 40px; }
    .title .letterBullet { background: #E0E0E0 url('/images/colicare/folder_bullet_icon.png') no-repeat 42%; }
    .letterBullet {
        font-size: 68px;
        border-radius: 50px;
        width: 86px;
        height: 86px;
        float: left;
        line-height: 90px;
        margin-right: 10px;
        background-color: #E0E0E0;
        color: #FFF;
        font-weight: bold;
        display: inline-block;
        text-align: center;
    }
    
    .point { margin-left: 46.5%; width: 0; height: 0; border-top: 30px solid #E0E0E0; border-left: 30px solid rgba(0, 0, 0, 0); border-right: 30px solid rgba(0, 0, 0, 0); }
    .blue .point { width: 0; height: 0; border-top: 30px solid #283D6D; border-left: 30px solid rgba(0, 0, 0, 0); border-right: 30px solid rgba(0, 0, 0, 0); margin-left: 46.5%; }
    .pointSep.blue { border-color: #283D6D; }
    .pointSep { border-top: 1px solid #E0E0E0; margin-top: 20px; }
    .colicare .title .letterBullet { background-size: 85%; background: #E0E0E0 url('/images/colicare/folder_bullet_icon.png') no-repeat 42%; }

    .returnHome { font-size: 16px; }

    .colicare h2 { font-weight: normal; font-size: 20px; }

    .horseStatus {  
        color:#333;
        margin:25px 0;
        border: 1px solid #ccc;
        border-radius: 8px;
        padding: 0px;
        box-shadow: 0 0 8px 0 rgba(0,0,0,0.15);
        overflow:hidden;
        display:flex;
        flex-direction:column;
    }
    .horseStatus.startColiCare {
        background: #EAEAEA;
        border:none;
        box-shadow:none;
    }
    .horseStatus .horseInfo {
        display:flex;
        flex-direction:row;
        flex-wrap:nowrap;
        justify-content:space-between;
        align-items:center;
        box-sizing:border-box;
        padding:15px;
    }
    .horseStatus .horseInfo .horseImage {
        box-sizing:border-box;
        position:relative;
        border-radius: 8px;
        overflow: hidden;
        width: 100px;
        height: 100px;
    }
    .horseStatus .horseInfo .horseImage img {
        border-radius:8px;
        min-width:100px;
        height:100px;
    }
    .horseStatus.unqualified .horseInfo .horseImage {
        align-self:flex-start;
        padding-top:8px;
    }
    .horseStatus.unqualified .horseInfo .horseImage img {
        height:auto;
    }
    .horseStatus .horseInfo .horse {
        width:40%;
        flex-basis:40%;
        box-sizing:border-box;
        padding-left:5px;
    }
    .horseStatus.unqualified .horseInfo .horse {
        width:88%;
        flex-basis:88%;
    }
    .horseStatus .horseInfo .horse h3 {
        color:#444;
        margin-bottom:5px;
        margin-top:0px;
    }
    .horseStatus .horseInfo .horse h2 {
        font-size:26px;
        margin:1px 0 10px 0;
        word-wrap:break-word;
        font-weight:700;
        line-height:40px;
    }
    .startColiCare h2 { color: #FBA33B; }
    .horseStatus .horseInfo .statusText {
        width:45%;
        flex-basis:45%;
        box-sizing:border-box;
        color:#555;
        font-size:15px;
    }
    .horseStatus.unqualified .horseInfo .statusText {
        width:100%;
        flex-basis:100%;
    }
    .accountWellnessContent {
        display:none;
    }
    .accountWellnessFormWrap {
        display:flex;
        flex-direction:row;
    }
    .accountWellnessFormWrap a {
        color:#0f4b95;
    }
    .accountWellnessFormWrap .edit_display {
        flex-shrink: 0;
    }
    .accountWellnessFormWrap .helpText {
        width:55%;
        flex-basis:55%;
        box-sizing:border-box;
    }
    .accountWellnessFormWrap .helpText a {
        font-size:14px;
    }
    .accountWellnessFormWrap .accountWellnessForm {
        width:65%;
        flex-basis:65%;
        box-sizing:border-box;
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        justify-content:space-between;
    }
    .accountWellnessFormWrap .accountWellnessForm .formTitle {
        width:100%;
        flex-basis:100%;
        font-size:18px;
    }
    .accountWellnessFormWrap .accountWellnessForm > div {
        width:48%;
        flex-basis:48%;
        box-sizing:border-box;
        display:flex;
        flex-direction:column;
    }
    .accountWellnessFormWrap .accountWellnessForm > div > div {
        width:100%;
        flex-basis:100%;
    }
    .accountWellnessFormWrap .accountWellnessForm .formGroup {
    }
    .accountWellnessFormWrap .accountWellnessForm .formGroup strong {
        font-size:12px;
        display:block;
    }
    .accountWellnessFormWrap .accountWellnessForm .formGroup .editLabel {
        font-size:12px;
    }
    .accountWellnessFormWrap .accountWellnessForm .input_group {
        display:flex;
        align-items:center;
        justify-content: flex-end;
        flex-wrap: wrap;
    }
    .accountWellnessFormWrap .accountWellnessForm .input_group .datepicker {
        width: 100%;
        flex-basis: 100%;
        margin: 2px 0 8px;
    }
    .accountWellnessFormWrap .accountWellnessForm .input_group .datepicker.editVax {
        width:100%;
        flex-basis:100%;
    }
    .accountWellnessFormWrap .accountWellnessForm .formGroup .value_display, .accountWellnessFormWrap .accountWellnessForm .formGroup .editValue_display {
        border-radius:4px;
        border:1px solid #ccc;
        outline:none;
        width:100%;
        display:flex;
        justify-content:space-between;
        padding:8px;
        box-sizing:border-box;
        background:#fff;
        margin: 0 0 4px;
    }
    .accountWellnessFormWrap .accountWellnessForm .formGroup .editValue_display {
        display:block;
    }
    .accountWellnessFormWrap .accountWellnessForm .formGroup .editValue_display.vaxNotes {
        margin-top:0;
    }
    .accountWellnessFormWrap .accountWellnessForm .formGroup .editValue_display.vaxNotes .formOK {
        padding:0 5px;
    }
    .accountWellnessFormWrap .accountWellnessForm .formGroup .editValue_display.vaxNotes .formX {
        padding:0 5px;
    }

    .status { float:left; width:70%; font-size:14px; }
    .status p { font-size: 14px; margin:5px 0; }
    .status li { font-size: 14px; }

    .horse .statusImage {
        width:40px;
        height:40px;
        background:url('/images/colicare/colicare-sprite.png') no-repeat bottom left;
        float:left;
        margin-right:5px;
        background-size:cover;
    }

    .underreview .horse .statusImage { background-position:-829px 0px; }
    .approved .horse .statusImage { background-position:-623px 0px; }
    .agedOut .horse .statusImage, .denied .horse .statusImage { background-position:0px 0px; }
    .enrolled .horse .statusImage { background-position:-205px 0px; }
    .notCovered .horse .statusImage, .losingCoverage .horse .statusImage { background-position:-1037px 0px; }
    .claimSubmitted .horse .statusImage { background-position:-415px 0px; }
    .coverageUtilized .horse .statusImage { background-position:-1244px 0px; width:55px; }
    .horseStatus .coverageRemaining { font-size: 110%; font-weight: normal; text-align: right; }

    .agedOut .horse h2, .denied .horse h2 {
        color:#A60C0C;
    }
    .agedOut .horseInfo .horseImage, .denied .horseInfo .horseImage {
        border:2px solid #A60C0C;
    }
    .approved .horse h2, .enrolled .horse h2 {
        color:#126717;
    }
    .approved .horseInfo .horseImage, .enrolled .horseInfo .horseImage {
        border:2px solid #126717;
    }
    .notCovered .horse h2, .losingCoverage .horse h2 {
        color:#edaa2c;
    }
    .notCovered .horseInfo .horseImage, .losingCoverage .horseInfo .horseImage {
        border:2px solid #edaa2c;
    }
    .coverageUtilized .horse h2 {
        color:#000;
    }
    .coverageUtilized .horseInfo .horseImage {
        border:2px solid #000;
    }
    .claimSubmitted .horse h2 {
        color:#4395c9;
    }
    .claimSubmitted .horseInfo .horseImage {
        border:2px solid #4395c9;
    }
    .underreview .horse h2 {
        color:#02133a;
    }
    .underreview .horseInfo .horseImage {
        border:2px solid #02133a;
    }
    .qualified .horseInfo .horseImage {
        border:2px solid #FBA33B;
    }
    .annualWellness {
        background:#f7f7f7;
        border-radius:0 0 8px 8px;
        box-shadow:inset 0 4px 5px 0 rgba(0,0,0,0.15);
        width:105%;
        position:relative;
        left:-21px;
        padding:0 25px;
        box-sizing:border-box;
    }
    .annualWellness .angleUp {
        display:none;
    }

    .getAccountWellness {
        padding:15px;
        box-sizing:border-box;;
        font-size:18px;
        color:#0f4b95;
        display:flex;
        flex-direction:row;
        width:100%;
        justify-content:space-between;
        align-items:center;
    }
    .getAccountWellness span {
        display:flex;
        align-items:center;
    }
    .getAccountWellness img {
        margin-right:5px;
    }
    .orangePillButton { font-weight: bold; font-size: 12px; background: #FBA33B; color: #283D6D; border-radius: 6px; padding: 5px 20px; cursor: pointer; text-decoration: none; }
   
    #headBanner { background: url('/images/colicare/ColiCareManage_DesktopHero.jpg'); width: 100%; height: 355px; margin-bottom: 30px; display:flex; align-items:center; background-size: cover; }
    #headBanner h1 { color:#fff; font-weight:700; width:50%; flex-basis:50%; max-width:50%; font-size:54px; padding-left:50px; line-height:58px; }
    #headBanner .letterBulletPair { margin-top: 20px; width: 897px; padding-left: 70px; padding-right: 35px; padding-top: 29px; height: 170px; }
    #headBanner .letterBulletPair img { float: right; margin-top: 92px; height: 86px; margin-right: -60px; margin-left: 113px; }
    #headBanner .imageBullet { float: left; background-repeat: no-repeat; background-size: 95%; width: 116px; height: 116px; margin-top: 12px; }
    #headBanner li { color: #FFF; text-shadow: 1px 1px 3px #333; }
    .letterBulletPair { overflow: hidden; margin: 0 0 5px; }
    .imageBulletList ol { counter-reset: li; margin-left: 0; padding-left: 0; }
    .imageBulletList ol { float: right; width: 395px; font-size: 17px; text-shadow: none; }
    .imageBulletList ol > li { position: relative; padding: 4px 8px; list-style: none; color: #000; }
    .actionsDiv.showOnMobile { padding-bottom: 5px; }
    .imageBulletList ol > li:before {
      content: counter(li);
      counter-increment: li;
      position: absolute;
      top: -5px;
      left: -2em;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 2em;
      margin-right: 8px;
      padding: 4px;
      color: #FBA43B;
      font-weight: bold;
      font-size: 24px;
      text-align: right;
    }

    #blockC { background: #E9F5FE; }
    .sectionBlock { overflow: hidden; padding: 50px 70px 20px 70px; margin: 0px -20px; }
    .colicare #blockC .letterBulletPair{ background-color: transparent; }
    .colicare #blockC .letterBullet { background: url('/images/colicare/calendar_icon.png') no-repeat 50%; }
    .colicare #blockC .letterBulletText, .title .letterBulletText { font-size: 30px; color:#0f4b95; font-weight:700; }
    #blockC ul { list-style-type: none; font-size: 16px; margin-top: 40px; margin-left: 19px; width: 320px; }
    #blockC ul.lastCol { float: right; margin-right: 78px; }
    #blockC li { font-size: 17px; background: url('/images/colicare/check_bullet.png') no-repeat; padding-left: 35px; padding-top: 15px; }
    #blockC .fluidRow { margin-bottom: 25px; }

    .rightLink { width: 100%; margin-bottom: 10px; overflow: hidden; }
    .backToTop { float: right; text-decoration: underline; font-size: 12px; }
    #fullDetailsLink { float: right;  font-size: 14px; }
    #divAccountWellnessInfoContainer { padding: 4px; }
    #divAccountWellnessInfoContainer textarea {
        resize: none;
        margin: 5px 0 0 15px;
        width: 200px;
        height: 50px;
    }
    #divAccountWellnessInfoContainer .examDate,
    #divAccountWellnessInfoContainer .edit_display {
        margin: 0 0 0 15px;
    }
    #divAccountWellnessInfoContainer .vaccine {
        margin: 0 0 0 30px;
        width: 250px;
    }
    #divAccountWellnessInfoContainer .hiddenArea {
        margin: 4px 0 10px 0;
    }
    .colicare #divAccountWellnessInfoContainer .letterBulletText {
        padding: 0;
        margin: 0 0 5px 0;
        font-size: 25px;
    }
    #divAccountWellnessInfoContainer .helpUsYou {
        margin: 0 0 30px 0;
    }
    
    .horseCta {
        font-size:18px;
        color:#0f4b95;
        display:inline-flex;
        align-items:center;
    }
    .horseCta img {
        margin-right:5px;
    }
    .accountWellnessFormWrap .formOK {
        color: #008000;
        font-weight: bold;
        font-size: 20px;
    }
    .accountWellnessFormWrap .formX {
        color: #f00;
        font-weight: bold;
        font-size: 20px;
    }
    .accountWellnessFormWrap .formOK:hover, .accountWellnessFormWrap .formX:hover {
        text-decoration:none;
    }
   
    .blockSaveCancel {
        text-align: right;
    }
   
   .inlineFormSet {
        display: inline-block;
        width: 49%;
        vertical-align: top;
    }

    .inlineEditForm {
        margin: 8px 0 12px;
        width: 80%;
    }

    .inlineFormSet strong {
        border-bottom: 1px solid #ccc;
        width: 80%;
        display: block;
    }

    .inlineFormSet .datepicker {
        width: 80px;
        padding: 4px 0px;
        text-align: center;
        margin-left: 4px;
    }

    .vaxNotes {
        margin-top: 12px;
    }
    
    .vaxNotes textarea {
        width:100%;
        border:1px solid #ccc;
        box-sizing:border-box;
    }

    .vaxNotesDisplay {
        font-style: italic;
        height:108px;
        overflow: hidden;
    }
    #vaxNoteDisplay {
        width:100%;
    }


/********************************
   MVC Colicare Registration Page
*********************************/
.colicareRegistration .horse {
    float: left;
    margin: 0 24px 0 0;
}
.colicare-label {
    display: block;
    margin: 0 0 4px;
}
.colicare-label label {
    display: inline;
    padding: 0 4px 0 0;
}

.colicare-reg-maxwidth {
    max-width: 630px;
}

#horseOwnerChecklist {
    margin: 20px 0;
    padding: 10px 20px;
    border: 1px solid #CCC;
    background: #EEE;
    background: -moz-linear-gradient(top, #fff 0, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #E5E5E5));
    background: -webkit-linear-gradient(top, #FFF 0, #E5E5E5 100%);
    background: -o-linear-gradient(top, #fff 0, #e5e5e5 100%);
    background: -ms-linear-gradient(top, #fff 0, #e5e5e5 100%);
    background: linear-gradient(to bottom, #FFF 0, #E5E5E5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#btnSubmitColiCareRegistration {
    margin: 15px 0;
}
.colicareRegistration .bulletTag {
    padding-left: 0;
}

.colicareRegistration .input-group {
    margin: 0 0 28px;
    padding: 0 0 28px;
    border-bottom: 1px dotted #6E6E6E;
}

.horseHist .radio-group:not(:last-child) {
    margin: 0 0 12px;
    padding: 0 0 8px;
    border-bottom: 1px solid #CCC;
}

.colicareRegistration .letterBulletText {
    color: #283D6E;
}

#divDoseIssueModal li,
#divDoseAndShipDateIssueModal li {
    font-weight: bold;
}
.validation-summary-errors {
    padding-right: 10%;
}
.halfWidth {
    width: 50%;
}
.colicareRegistration .confirm {
    background: #eee;
    padding: 10px 0;
    margin: 0 -15px 15px -15px;
}
.colicareRegistration .confirm .horse {
    width: 0;
}
#skipApplication {
    text-decoration: underline;
    position: relative;
    top: 15px;
    cursor: pointer;
    font-weight: bold;
}
.colicareRegistration .confirm .letterBulletText {
    width: 70%;
    font-size: 16px;
    color: #000;
    padding-left:96px;
}
.colicareRegistration .confirm .bulletTag {
    font-size: 12px;
    font-weight: bold;
}
.confirm .fieldpair .infoBullet {
    bottom: 0;
}
.confirm .horse img {
    position: relative;
    top: 10px;
    left: 10px;
}
.appBorder {
    border: 1px solid #ddd;
    padding: 0 15px;
}
.regArrow {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    float: none;
    position: relative;
    top: -15px;
    margin: 0 auto -15px;
    clear: both;
    border-top: 20px solid #eee;
}
#Markings {
    resize: none;
}

.skipAppTxt {
    float: left;
    margin: 2% 0 0 1%;
}

.agent {
    color: #A80000;
    font-style: italic;
}

.registerApp,
.confirmApp {
    margin: 1% 0 0 5px;
}

/**************** END: REG PAGE ****************/

/*-----------  ColiCare Enroll NoGo  -----------------*/
#registrationContainer { margin-top: 10px; }
#registrationContainer #headBanner { margin-top: -30px; }
#registrationContainer #blockA { padding-top: 27px; padding-right: 50px; }
#notReadyCopy { font-size: 16px; }
#registrationContainer #blockA .letterBullet { background: #E0E0E0 url('/images/colicare/paperpen_icon.png') no-repeat 55%; }
#registrationContainer .letterBulletText { font-size: 45px; margin-top: 14px; color: #283D6D; margin-left: 5px; }
#registrationContainer .returnHome { font-size: 16px; margin-left: 50px; }
#top_picks { margin-top: 15px; overflow: visible; }
.product-category { width: 23.6%; border: none; }
.rArrowDisk { display: none; }
.product-category a,  .product-category a:hover { font-size: 15px!important; text-decoration: none; }
.product-image img { width: 198px; }
.prodCopy { width: 135px; margin: 0 auto; }
.thinName { width: 100px; }
.hiddenCheck { display: none; }
#blockA .product-category .product .toppickbuybutton { position: inherit; width: 128px!important; }
.toppickbuybutton a { background: url('/images/colicare/buynow.png') no-repeat; width: 128px!important; height: 54px; }
.checkList { list-style-type: none; font-size: 16px; margin-top: 40px; }
.checkList li { background: url('/images/colicare/check_bullet.png') no-repeat; padding-left: 35px; padding-top: 15px; }
.compare { float: none; padding: 0; }
.btnDiv { text-align: center; clear: both; width: 320px; max-width:100%; margin: 0 auto; }
.bluePillButton { font-size: 15px; background: #283D6D; color: #FFF; border-radius: 10px; padding: 7px 35px 5px; cursor: pointer; text-decoration: none; display: block; }
.bluePillButton:hover { background: #2D6EA8; text-decoration: none; }
.faqSection h3, #notReadyCopy h3, #notReadyCopy p { color: #C85208; font-size: 26px; margin-bottom: 12px; }
.prodCopy .hideOnMobile { font-size: 15px; display: inline; }

/* ---------------------------------------------------------- */
.oneCol {
    list-style: disc;
}

.annualProRequire { 
    color: #283D6D;
    font-size: 20px;
    font-weight: bold;
}

/* for the colicare Buy Now box  */
.modcon.content    { margin-top:50px; }
.listWidget img    { margin-right:15px!important; }
.listWidget a span { font-weight:bold; }

#registrationContainer .listWidget ul,
#registrationContainer .listWidget li,
#registrationContainer .listWidget .review { float:none; }

/* core.css overwrites for MVC conversion */

.content {
    width:960px;
    padding:0px 17px 0px 0px;
    margin: 0 auto;
    float: none;
}

.sidebar-left{ margin-top: 28px; }
.mainContent{ padding:30px 0px; }
.listWidget ul { padding-left: 0px; }


/* Responsive stylings: */

/********************************
   Terms and Conditions 
*********************************/
.doseTable td {
    border: 1px solid #000;
    padding: 5px 10px;
}

/********************************
   New Colicare Home Page 2015
*********************************/
.tabWrapper {
    margin-bottom: 10px;
    float: left;
    width: 100%;
}
.tabWrapper .topLink a {
    color: #07529e;
    font-weight: normal;
    text-decoration: underline;
}
.ccBanner {
    width: 24%;
}
.ccCopy {
    width: 76%;
    font-size: 16px;
}
.ccCopy ol {
    margin: 30px;
    padding: 0;
    counter-reset: li;
    list-style: none;
}
.ccCopy ol > li:before {
    counter-increment: li;
    content: counter(li);
    position: relative;
    left: -10px;
    background: #283D6E;
    color: #fff;
    padding: 5px 10px;
    border-radius: 15px;
}
.ccLogo {
    width: 238px;
    position: relative;
    top: -100px;
}
.ccCurve {
    position: relative;
    left: 150px;
}
.ccDescript {
    width: 90%;
    margin-top: -80px;
}
.ccTitle {
    background: #e5e3c9;
    padding: 12px 10px;
    margin-bottom: 3px;
    cursor: pointer;
}
.ccTab {
    font-size: 16px;
    float: left;
    width: 100%;
}
.ccTab .content {
    padding: 1% 2%;
    width: 96%;
    font-size: 14px;
    font-weight: normal;
}
.testImg {
    width: 38%;
}
.testCopy {
    width: 62%;
}
.ccBtn {
    text-align: center;
    padding: 15px 0 10px 0;
}
.ccBtn a, .ccBtn button {
    width: 300px;
}

.ccClaim {
    background: #ddd;
    width: 700px;
    margin: 0 auto;
    font-weight: bold;
}
.ccClaimTitle {
    font-size: 16px;
}
.termsQ {
    color: #007DAA;
    position: relative;
    top: 5px;
}
.termsCopy {
    padding: 10px 40px 0;
}
.faqUl {
    list-style: none;
    padding: 0;
    margin: 0;
}
.qAndA {
    margin-top: 40px;
}
.ccLabel {
    color: #306DA4;
}
.topQ {
    margin-top: 10px;
}
.btTop {
    text-decoration: underline;
}
.answer {
    margin-left: 10px;
}
.obr .letterBullet {
    background: #283D6E;
}
.obr2 {
    font-weight: bold;
    position: relative;
    top: 5px;
}
.ccObr {
    padding: 0 50px;
}
.benefit {
    background: #ddd;
    margin: 20px 0;
}
.benefit img {
    position: relative;
    top: -40px;
    right: 30px;
}
.program {
    border: #007DAA 2px solid;
    margin: 20px 0;
}
.benefit ul,
.program ul,
.ulUp {
    margin-top: 0;
}
.obrTopic,
.obrTopicLast {
    padding: 2% 0;
    float: left;
    width: 100%;
}
.obrTopic {
    border-bottom: #ddd 1px solid;
}
.obrTopic div.fright,
.obrTopicLast div.fright {
    width: 87%;
}
.obrTopic ul.fright {
    list-style: none;
    padding: 0;
    margin-top: 90px;
}
.obrTopic ul.fright li {
    padding-bottom: 10px;
}
.obrCopy {
    margin: 0 0 20px 0;
}
.ccBold {
    font-size: 16px;
    font-weight: bold;
}
.obrCredits {
    font-style: italic;
    font-size: 10px;
}
.obrBubble {
    background: #ddd;
    width: 610px;
    margin: 0 auto 20px;
    font-weight: bold;
}
.ccOval {
    padding: 15px;
    border-radius: 10px;    
}
.tabDown,
.tabUp {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    float: right;
    position: relative;
    top: 3px;
    right: 15px;
}
.tabDown {
    border-top: 15px solid #999;
}
.tabUp {
    border-bottom: 15px solid #999;
}
.colicareImg {
    width: 62%;
}
.colicareImg img {
    width: 100%;
}
#ccModal .blueBg,
#ccModal .headRow .blueBg {
    width: 200px;
    text-align: left;
    background: #3a71a9;
    color: #fff;
    font-size: 14px;
}
#ccModal .headRow .blueBg {
    font-size: 26px;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    border: none;
}
#ccModal .lBlueBg {
    background: #e6edf7;
}
#ccModal .headRow td {
    vertical-align: top;
    background: #fff;
}
#ccModal td {
    width: 100px;
    text-align: center;
    padding: 10px;
    background: #d3def0;
    vertical-align: middle;
    border-bottom: 1px solid #fff;
}
#ccModal p {
    text-align: center;
}
#ccModal p a {
    color: #A80003;
    font-size: 16px;
    text-decoration: underline;
    font-weight: bold;
}

.fileClaim h2 {
    font-weight:700;
    font-size:30px;
    color:#283D6D;
}
.fileClaim .stepsContainer {
    display:flex;
    flex-direction:row;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.fileClaim .claimStep {
    box-sizing:border-box;
    text-align:center;
}
.fileClaim .claimStep .stepNumber {
    width:80px;
    height:80px;
    border-radius:80px;
    background-color:#283D6D;
    color:#FBA33B;
    line-height:78px;
    font-size:45px;
    font-weight:700;
    display:block;
    margin:0 auto;
}
.fileClaim .claimStep .stepTitle {
    font-size:18px;
    font-weight:700;
    display:block;
}
.fileClaim .claimStep p {
    font-size:14px;
    line-height:22px;
}
.fileClaim .claimStep .claimsLine {
    color:#283D6D;
    font-size:16px;
    display:block;
}
.fileClaim .claimStep .claimsLine span {
    display: block;
    color:#FBA33B;
    font-size:20px;
}
.searchResultsWrap {
    position:relative;
}
.searchResultsWrap .searchResults {
    position:absolute;
    background:#ffffff;
    left:0;
    top:100%;
    width:100%;
    padding: 4px 8px;
    z-index:100;
    border:1px solid #ccc;
    max-height:400px;
    overflow-y:scroll;
    box-sizing:border-box;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
}
.searchResultsWrap .searchResults a {
    width:100%;
    display:block;
    box-sizing:border-box;
    color:#333;
    padding: 2px 4px 2px 8px;
    transition: all .2s ease;
}
.searchResultsWrap .searchResults a:hover {
    background:#0071cf;
    color:#ffffff;
    text-decoration:none;
}
.colicareRegistration li.fieldpair.vetSearchInput input[type="text"] {
    width:100%;
    box-sizing:border-box;
}
.colicareRegistration li.fieldpair.vetSearchInput {
    width:60%;
}
.faqSection {
    background:#F2F2F2;
    text-align:center;
}
.faqSection h2 {
    font-size: 35px;
    line-height: 44px;
    font-weight: bold;
    color: #002b50;
}
.faqSection .faqSwitcher {
    display:flex;
    justify-content:center;
}
.faqSection .faqSwitcher > div {
    border-radius: 4px;
    background:#ffffff;
    font-weight:bold;
    font-size:18px;
    text-align:center;
    padding:20px;
    box-shadow:0px 0px 5px 1px rgba(189, 189, 189, 1);
    width:50%;
    flex-basis:50%;
}
.moreInfo {
    background:#004ea1;
    display:flex;
    flex-direction:row;
    justify-content:center;
    padding-top:40px;
    padding-bottom:50px;
}
.moreInfo > div {
    width:40%;
    flex-basis:40%;
    box-sizing:border-box;
}
.moreInfo > div > span {
    color:#ffffff;
    font-size:18px;
    display:block;
    text-align:center;
}
.moreInfo > div > .ghost.button:not(.plain) {
   width: 100%;
}
.editableImgIcon {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    background: url('/images/myaccount/mobile_account_sprite.png') no-repeat 0 0;
    background-color: #fff;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-radius: 0 0 8px 0;
}

[data-showhide] > .content{
    width: auto;
}

@media screen and (min-width: 480px) {
    .fileClaim .claimStep{
        width: 50%;
    }
}

@media screen and (min-width: 1000px) {
    .fileClaim .claimStep{
        width: 25%;
    }
}

@media screen and (max-width: 480px) {
    /*  CC 2.0 Mobile: 4/2014  */
    /*  Home Page */

    .faqSection .faqSwitcher > div {
        width:80%;
        flex-basis:80%;
    }
    .moreInfo {
        flex-wrap:wrap;
        padding:30px 0;
    }
    .moreInfo > div {
        flex-basis:90%;
        margin:0 !important;
        padding-bottom:20px;
    }

    


    .colicare { padding: 0 1.8%; width: 100%; }
    #page_container { min-width: 100%!important; }
    .point { margin-left: 41%!important; }
    .pointSep { margin: 20px 7px 0px; }

    .quoteBanner, .menuBar, .goldBlock .imageBullet, .infoBullet, .backToTop, .headerBanner .imageBullet, #blockB .sectionContainer, .forms, .cash, .callUs, .midBlue, .actionDrop { display:none; }
    #introBlock { font-size: 0px; padding: 0px; margin: 0px; line-height: 0px; background: #F6F6F6 url('/images/colicare/ccHomeBanner.jpg') no-repeat 70% 0%; background-size: 150%; height: auto; }
    .headerBanner { height: auto; }
    #headerHeadline { display:none; }
    .headerBanner .letterBulletPair { background: rgba(255, 255, 255, 0.9); margin: 0px!important; padding: 0px; height: auto; width:auto; }
    .headerBanner img { height: 74px; margin: 10px auto; display: block; float:none; }
    .imageBulletList ol { font-size: 12px; width: 93%; margin-bottom: 10px; margin-top: 5px; padding-left: 7%; } 
    .imageBulletList ol > li:before { font-size:20px; left:-.8em; width:auto; }
    .imageBulletList ol > li { padding:4px 10px; }
    .letterBulletText { padding-left:0px; }

    #blockA.sectionBlock { padding: 10px 0 0 0; }
    #blockA .letterBulletPair { padding:0px 7px; }
    #blockA .letterBulletText { font-size:20px; line-height:21px; }

    .product-category .box { min-height: 105px; position:relative; }
    .product-category { width:100%; float:none; }
    .product-category .box { padding: 5px 0; border-bottom: 1px solid #CCC; } 
    .product-category span { display: inherit; }
    .product-category .topPickPrice {  font-size:14px; display: block; padding-bottom: 0px; } 
    #top_picks .tp_content { padding: 0px 7px 5px; text-align:left; }
    .product-image img { width: 70px; background: #FFF; border: 1px solid #DEDEDE; padding: 3px; margin-bottom: 11px; margin-top: 6px; } 
    .prodCopy { width: 65%; display: inline-block; font-size: 14px; vertical-align: top; text-align: left; margin-top: 15px; margin-left: 10px; } 
    .thinName { width: 65% }
    .product-category .box { padding:0px; background: -webkit-linear-gradient(top,  #ffffff 2%,#f4f4f4 70%,#e3e3e3 100%); }
    .checkList { font-size: 10px; width: 61%; margin-left: 60px; margin-top: -40px; padding-bottom: 0px; }
    /* ReSharper disable CssNotResolved */
    .checkList li { display: inline; background: url('/images/colicare/tinyCheckBullet.png') no-repeat; padding-left: 12px; padding-right: 5px; background-position-y: 16px; }
    /* ReSharper restore CssNotResolved */
    .toppickbuybutton { display:none; }
    .product-category a, .product-category a:hover { text-decoration:none; }
    .product-category a > .topPickPrice, .product-category a:hover > .topPickPrice { text-decoration:none; }

    .rArrowDisk { display:block; position: absolute; width: 20px; height: 20px; right: 2%; top: 40%; background-color: #8C8282; color: #FFF; font-weight: bold; font-family: "Trebuchet MS"; text-align: center; border-radius: 20px; font-size: 19px; line-height: 1em;  }

    .mobileBar { display:block; background: #FBA33B; text-align: center; font-size: 22px; color: #283D6D; padding: 4px; }
    .mobileBar a { width: 100%; display: block; text-decoration: none; }
    .mobileBarBlue { background: #283D6D; color: #FFF; font-size: 16px; text-align: center; display: block; height: 45px; width: 100%; }
    .barText { display: inline-flex; margin-top: -2px; }
    .heavyOrange { color: #FBA33B; font-size: 34px; }
    .whiteLight { display: inline-block; margin-top: 16px; margin-left: 6px; font-size: 14px; }

    .mobileCheckList { list-style-image: url('/images/colicare/check_bullet.png'); font-size: 14px; }
    .mobileCheckList li { padding-left: 5px; }

    .goldBlock { width:100%; margin:0px; padding: 10px 0px; }
    .goldBlock .letterBulletText { font-size: 16px; text-align: center; margin:0px; }
    .goldBlock .sectionBlock { padding:0px; }
    .bulletTag { font-size: 13px!important; padding: 0px 15px; }

    .sectionBlock { overflow: hidden; margin:0px; padding: 10px 7px; }

    .letterBullet { font-size: 40px; border-radius: 50px; width: 45px; height: 45px; float: left; line-height: 45px; margin-right: 10px; background-color: #E0E0E0; color: #FFF; font-weight: bold; display: inline-block; text-align: center; }
    .letterBulletText { margin:0px; font-size:21px; }

    #blockC ul { font-size: 16px; width: 90%; margin:0px; }
    #blockC ul.lastCol { margin-right:20px; float:none; }
    #blockC li { font-size: 14px; margin-top: 5px!important; }


    .midBlue { width: 100%; margin: 0px; padding: 0px 0px 15px 0px; background: none; font-size: 12px;  }

    #blockB .orangePillButton { display: none; }

    #blockLearnMore { padding-bottom: 0px; border-bottom:none; }
    #blockLearnMore .letterBullet { background: #8596B8 url('/images/colicare/magGlass.png') no-repeat 37%; background-size: 60%; }
    #blockLearnMore .lastCol { display: none; }
    #blockLearnMore .learnMore, 
    #blockLearnMore .faq { width: 49%; border-right: none; }
    #blockLearnMore .learnMore { background: url('/images/colicare/colic101.png') no-repeat 50% 60px; background-size: 50%; }
    .detailText { font-size: 14px; }

    #fullDetailsLink { display:none; }

    .sectionContainerMobile { display: block; }
    .mobileCheckList { list-style-image: url('/images/colicare/check_bullet.png'); font-size: 14px; }  
    .mobileCheckList li { padding-left: 5px; }

    .mobileLink { display: block; text-align: center; font-size: 17px; }
    .mobileCallUs { display:block; width: 100%; height:auto; padding-top: 200px; background: url('/images/colicare/mobileCallBox.jpg') no-repeat 50% top; }   

    #collect .fluidRow { margin-bottom: 0px; }

    /*  INTERIOR PG HEADER BANNER STYLES  */
    /* ReSharper disable CssNotResolved */
    #headBanner { background: url('/images/colicare/ColiCareManage_MobileHero.jpg'); height: 276px; }
    #headBanner h1 { font-size:28px !important; padding-left:20px; line-height:33px; margin:0; text-align:left; }
    #registrationContainer #headBanner { background-size: 220%; background-position-x: -359px; height: 162px; width: 104.5%; margin: 0 0 0 -5px; }
    .faqContent #headBanner { background-size: 220%; background-position-x: -359px; height: 162px; width: 103%; margin: 0 0 0 -5px; }

    .cc101Content #headBanner { background-size: 220%; background-position-x: -359px; height: 162px; width: 101%; margin: 0 0 0 -5px; }
    /* ReSharper restore CssNotResolved */
    .faqContent #headBanner .letterBulletPair img,
    #registrationContainer #headBanner .letterBulletPair img,
    .colicare #headBanner .letterBulletPair img,
    .cc101Content #headBanner .letterBulletPair img { display:block; height:60px; margin:0 auto; float:none; }
    .faqContent .letterBulletPair,
    .colicare .letterBulletPair,
    #registrationContainer .letterBulletPair,
    .colicare #headBanner .letterBulletPair,
    .cc101Content  #headBanner .letterBulletPair { background-color: rgba(255, 255, 255, 0.75); margin-top: 0; padding-top: 0; width: 100%; }
    .faqContent .imageBullet,
    .colicare .imageBullet,
    #registrationContainer .imageBullet,
    .colicare #headBanner .imageBullet,
    .cc101Content  #headBanner .imageBullet { background-size: 65%; height: 70%; }
    .faqContent #headBanner .letterBulletPair,
    .colicare #headBanner .letterBulletPair,
    #registrationContainer #headBanner .letterBulletPair,
    .cc101Content #headBanner .letterBulletPair { padding:0; margin:0; width:100%; height:162px; background-color: rgba(255, 255, 255, .7);  }
    .faqContent #headBanner ol,
    .colicare #headBanner ol,
    #registrationContainer #headBanner ol,
    .cc101Content #headBanner ol { font-size:12px; }
    .faqContent #headBanner li,
    .colicare #headBanner li,
    #registrationContainer #headBanner li,
    .cc101Content #headBanner li { color:#000; text-shadow: 1px 1px 3px #fff; }
    .faqContent #headBanner .imageBullet,
    .colicare #headBanner .imageBullet,
    #registrationContainer #headBanner .imageBullet,
    .cc101Content #headBanner .imageBullet { display:none; }


    /*  CC Enroll: No Go  */

    #registrationContainer { margin:0; width: 100%; }
    #registrationContainer #blockA { padding: 27px 0 0 0; }
    #registrationContainer .returnHome { font-size: 16px; margin-left: 10px; }
    #registrationContainer #blockA .letterBullet { background: #E0E0E0 url('/images/colicare/paperpen_icon.png') no-repeat 55%; background-color: #E0E0E0; background-image: url('/images/colicare/paperpen_icon.png'); background-size: 76%; }
    #registrationContainer #blockA .letterBulletText { font-size: 21px; margin-left: 60px; margin-top: 8px; }
    #notReadyCopy h3 { font-size: 21px; }
    #notReadyCopy { font-size: 16px; padding: 0 10px; }

    /*  CC management  */

    .colicare .title { margin: 10px 0 0 10px; }
    .colicare .returnHome { margin-left: 10px; }
    .colicare .title .letterBullet { background-size: 85%; background: #E0E0E0 url('/images/colicare/folder_bullet_icon.png') no-repeat 42%; }
    .colicare .title .letterBullet { background-size: 85%; }
    .colicare .title .letterBulletText { font-size: 22px; margin-top: 5px; margin-left: 0px; margin-bottom:0px !important; }
    .colicare #blockC { margin: 10px 0 0 0; }
    /* .colicare #blockC .sectionBlock { margin-top:10px; } */
    .colicare #blockC .letterBulletPair{ background-color: transparent; }
    .colicare #blockC .letterBullet { background: #283D6D url('/images/colicare/calendar_icon.png') no-repeat 45%; background-size: 120%; }
    .colicare #blockC .letterBulletText { font-size: 17px; margin-top: 12px; }
    #blockC ul { font-size: 16px; width: 80%; margin: 0px; }
    .colicare .productRow { box-shadow: none; margin-bottom:30px; }
    .letterBulletPair { margin-bottom:0px !important; }

    .actionsDiv.showOnMobile { padding-bottom: 5px; }

/*  MGMT PAGE UPDATES 3/17  ------------------------*/

    .horseStatus .horseInfo {
        padding:15px;
        flex-wrap:wrap;
    }
    .horseStatus .horseInfo .horseImage {
        width:65px;
        height:65px;
    }
    .horseStatus .horseInfo .horseImage img {
        min-width:65px;
        height:65px;
    }
    .horseStatus.unqualified .horseInfo .horseImage {
        padding-top:5px;
    }
    .horseStatus.unqualified .horseInfo .horseImage img {
        height:auto;
    }
    .horseStatus .horseInfo .horse {
        flex-grow:1;
        padding-left:10px;
    }
    .horseStatus.unqualified .horseInfo .horse {
        width:75%;
        flex-basis:75%;
    }
    .horseStatus .horseInfo .horse h2 {
        text-align:left;
        line-height:25px;
        font-size:18px !important;
    }
    .horseStatus .horseInfo .horse h3 {
        font-size:14px;
        margin-bottom:0;
    }
    .horseStatus .horseInfo .statusText {
        width:100%;
        flex-basis:100%;
        padding-top:10px;
    }
    .colicare div.productRow {
        background:#ffffff !important;
        padding-bottom:0px !important;
        margin-bottom:30px;
        border:0px;
    }
    .annualWellness {
        left:-8px;
        padding:0 20px;
    }
    .getAccountWellness {
        padding:15px 5px;
        font-size:16px;
    }
    .horse .statusImage {
        width:25px;
        height:25px;
    }

    .underreview .horse .statusImage { background-position:-518px 0px; }
    .approved .horse .statusImage { background-position:-389px 0px; }
    .agedOut .horse .statusImage, .denied .horse .statusImage { background-position:0px 0px; }
    .enrolled .horse .statusImage { background-position:-127px 0px; }
    .notCovered .horse .statusImage, .losingCoverage .horse .statusImage { background-position:-648px 0px; }
    .claimSubmitted .horse .statusImage { background-position:-337px 0px; }
    .coverageUtilized .horse .statusImage { background-position:-777px 0px; width:35px; }

    .accountWellnessFormWrap {
        flex-wrap:wrap;
    }
    .accountWellnessFormWrap .helpText {
        width:100%;
        flex-basis:100%;
        padding:0px !important;
    }
    .accountWellnessFormWrap .accountWellnessForm {
        width:100%;
        flex-basis:100%;
        padding-right:0px !important;
        padding-top:15px;
    }
    .accountWellnessFormWrap .accountWellnessForm > div {
        width:100%;
        flex-basis:100%;
    }
    
    .horseCta {
        padding-left:0px;
        padding-top:10px;
        font-size:16px;
    }

    .colicare .returnHome {
        margin-left: 10px;
        margin-top: 8px;
    }
    
    div#inlineFormWrapper {
        padding-left: 10px;
    }

    .inlineFormSet {
        display: block;
        width: auto;
    }

    .inlineFormSet strong {
        display: block;
        border-bottom: 1px solid #ccc;
        widows: 100%;
    }

    .inlineFormSet .datepicker {
        width: 80px;
        padding: 4px 0px;
        text-align: center;
        margin-left: 4px;
    }

    .inlineEditForm {
        width: 100%;
    }

    .editValue_display {
        margin-bottom: 8px;
    }

    .value_display {
        margin-top: 8px;
        margin-bottom: 12px;
    }
    
    a.edit_display {
        float: right;
    }

    .blockSaveCancel {
        text-align: right;
    }
    


    /*  end cc 2.0  ---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

    .content>img, #ccBanner { width: 100%; height: auto !important; }
    .mainContent {float:none; width:100%; padding:0px; }
    .c515 iframe, .recoveryFooter { display:none!important; }

    .listWidget ul li { clear:both; display:block; }
    .listWidget a img  { margin-right:30px!important; margin-left:20px!important; margin-bottom:20px!important; }
    .listWidget a span { font-size:14px; }

    .actionMod { margin:0px; }
    .actionMod .RedButton { font-size: 18px; }
    .actionMod .smallBlueButton { font-size: 16px; padding: 5px 15px; }

    #respDrop   { display:block!important; font-size:17px; width:98%; margin:20px auto; }

    .spe_breadcrumb { display:none; }

    /* product pages */

    .ingredientsContainer { width:100%!important; }
    .ingredientsdivTable { border-spacing:0px; }
    .ingredientsdivCell { float: left; text-align: right; display: inline; width: 55%; border-top: 2px solid #DDD; padding-right: 10px; padding-top: 3px; padding-bottom: 3px; }
    .ingredientsAmount  { text-align: left; padding-left: 10px; padding-right: 0px; background: #DDD; border-top: 1px solid #FFF; width: 35%; }
    .bodyImage { width:100%; height:100%; }

    /* Reg form */

    .frow .label, .formRow .label { text-align: left; }
    .formRow .label, 
    .formRow .zipCode, 
    .formRow .fieldpair, 
    .formRow .zipCode { float:none; }
    .formRow .label.zipCode { margin-top:15px!important; }

    .widthMedium .BlueButton { margin-bottom: 20px!important; }

    /********************************
       MVC Colicare Registration Page
    *********************************/
    #dlgRegistrationIssues {
        display: block;
        padding: 5% 10%;
        overflow: scroll;
        height: 65%;
    }
    #ttNoHorseAge {
        margin: 0 15% 0 0;
    }
    .colicareRegistration h2 {
        text-align: left;
    }
    .colicareRegistration .confirm .letterBulletText {
        width: 92%;
        padding: 0 4%;
    }
    #skipApplication {
        float: right;
        margin: 0 4% 5% 0;
    }
    #confirmIntroBlock {
        padding: 4% 4% 0;
    }
    #confirmIntroBlock h1.title {
        text-align: left;
    }
    .halfWidth {
        width: 100%;
        font-size: 10px;
        margin-bottom: 5%;
    }
    .colicareRegistration .confirm {
        margin: 0 -14px 15px -14px;
    }
    #dlgSkipApplication,
    #dlgApplicationSubmitted,
    #dlgRegistrationDenied {
        padding: 0 5%;
    }
    .bulletTxt {
        width: 100%;
        font-size: 16px;
    }
    .bannerStyle {
        padding: 1% 4%;
        margin: 0 -4%;
    }
    .skipAppTxt {
        margin: 0 0 5% 1%;
        width: 50%;
        float: right;
    }
    .colicareRegistration .infoBullet {
        display: inline-block;
        bottom: 4px;
    }
    #dlgPCColiCareHelp {
        height: 84%;
        overflow: scroll;
        padding: 0 5%;
    }
    #productclassColiCareHelpContent {
        margin-bottom: 5%;
    }

    /********************************
       New Colicare Home Page
    *********************************/
    .ccBanner,
    .ccCurve,
    .simpleSteps,
    .benefit img {
        display: none;
    }
    .ccCopy,
    .testImg,
    .testImg img,
    .testImg iframe,
    .obrTopic img,
    .colicareImg,
    .obrTopic div.fright,
    .obrTopicLast div.fright {
        width: 100%;
    }
    .ccDescript {
        margin: 0;
        width: 92%;
        padding: 2% 4% 0 4%;
    }
    .ccObr {
        padding: 0 2%;
        width: 96%;
    }
    .termsQ {
        float: left;
        font-size: 12px;
    }
    .obr2 {
        top: 10px;
    }
    .obrTopic ul.fright {
        margin: 2% 0;
        float: left;
    }
    .ccBtn {
        padding: 2% 0 0 0;
    }
    .ccObr .ccBtn a {
        width: 74%;
    }
    .ccBtn a {
        width: 85%;
        margin-bottom: 4%;
    }
    .ccBtn button {
      width: 100%!important;
      padding: 8px 25px!important;
    }

    .obrTopic,
    .obrTopicLast {
        padding: 8% 0 4% 0;
    }
    .obrBubble {
        width: 88%;
    }
    .termsCopy {
        padding: 2% 4%;
    }
    .ccClaim {
        width: 86%;
        margin: 0 auto 2%;
    }
    .testCopy {
        width: 100%;
        padding: 5% 0 0 0;
    }
    .ccQuestions {
        margin: 0 0 4% 0;
    }
    .btTop {
        position: relative;
        top: -20px;
    }
    .ccCopy,
    .ccTab .content {
        font-size: 14px;
    }
    .ccCopy ol {
        margin: 30px 2% 30px auto;
        width: 82%;
    }
    .ccCopy ol > li:before {
        margin-left: -31px;
    }
    .obr .letterBullet {
        width: 14%;
        height: 14%;
        margin-right: 2%;
    }
    .obrTopic h2,
    .obrTopicLast h2 {
        text-align: left;
    }
    .obrTopic span,
    .obrTopicLast span {
        display: initial !important;
    }
    .ccLogo {
        width: 200px;
        top: 0;
    }

    .tabDown,
    .tabUp {
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        float: right;
        position: relative;
        top: 3px;
        right: 10px;
    }
    .tabDown {
        border-top: 10px solid #999;
    }
    .tabUp {
        border-bottom: 10px solid #999;
    }

    .ccChartLaunch {
      margin-bottom: 15px;
    }

    .btn {
        font-size: 14px;
        line-height: normal;
        border: 0;
        color: #333;
        background: #E6E6E6;
        cursor: pointer;
        padding: .57142857142857em 1.5em .5em;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        border: 0;
        text-shadow: none;
        text-decoration: none;
        filter: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        /* ReSharper disable once CssNotResolved */
        appearance: none;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
        height: 32px;
        display:inline-block;
    }

    .tooltipMark { font-size: 18px; line-height: 21px; }

    .registerApp {
        margin: 1% 0 0 0;
    }

    .confirmApp {
        margin: 1% 0 0 4%;
    }
}

/* MOBILE CHART  */

#chartWrapper { width:100%; min-width: 100%;  margin:0 auto; background: #3A71A9; }

#tableWrapper { margin: 0 auto; overflow:hidden; font-size: 14px; }

#staticLeftColumn { width: 45%; float: left; border-right: 1px solid #AAA; background: #3a71a9; z-index: 100; color: white; } 

#sliderWrap { width: 54.6%; float: right; z-index: 90; overflow: hidden; }
            .columnHeadCell{ font-weight: bold; min-height: 28px; min-width: 100%; text-align: center; border-bottom: 1px solid #FFF; position:relative; } 
            .vertCell { position: relative; min-height: 55px; max-height: 55px; padding: 0px 0px 0px; text-align: center; border-bottom: 1px solid #FFF; font-weight: bold; }
            .vertCellInner {  }
            .colStrip .vertCell { font-size: 20px; }
            .cellSubText { font-size:12px; margin-top: 3px; font-style:italic; font-weight: normal; }
            .colStrip { background: #d9e1ee; }
            .colStrip:nth-child(even) { background: #e7eef8; }

.prodHeadContent { position: absolute; width: 100%; bottom: 10px; }
.prodHeadImage { width: 55%; display: block; margin: 0 auto; padding: 10px 0 5px; }

.prodHeadLink { font-size:14px; color: #4a5bad; text-decoration: none; line-height: 16px; display: block; }
.chartCheck { padding-top: 7%; font-size:18px; }

#chartTitle {
    font-size: 30px;
    font-weight: normal;
    line-height: 22px;
    padding-top: 80px;
    position: absolute;
    bottom: 10px;
    margin: 0 auto;
    width: 100%;
}

.larger { font-weight: bold; margin-top: -7px; }

.prodHeadCell { display: table-cell; vertical-align: middle; text-align: center; line-height: 16px; }

#landscapeWarning {
    background-color: rgba(0, 0, 0, 0.95);
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 5%;
    font-size: 20px;
    color: #DDD;
    position: fixed;
    z-index: 120;
    top: 0;
}
#rotateIcon { display: block; margin: 0 auto; width: 15%; padding-top: 20px; }

.sp-modal .swipe {
  /* overflow: hidden; */
  visibility: hidden;
  position: relative;
  width: 145px;
}

.swipe-wrap {
  overflow: hidden;
  position: relative;
}

.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
}

.colicare-section {
    margin-bottom: 20px;
}

.more-details {
    color: #FFF;
    text-align: center;
    padding: 0 0 1.2rem;
}

.more-details .group {
    margin: 0 0 1.2rem;
    padding: 2.4rem;
    border-radius: 4px;
    background: #014195;
}

@media only screen and (min-width: 768px) {
    .colicare-section {
        margin-bottom: 24px;
    }

    .more-details {
        padding: 20px 0;
    }

    .more-details .group {
        margin: 0;
        padding: 20px;
    }
}

@media only screen and (min-width: 1024px) {
    .more-details {
        font-size: 2rem;
        line-height: 1.4;
    }

    .more-details .group {
        padding: 4rem;
    }
}