/* Brian Additional Styles */


.red {background-color: red;}
.pink {background-color: pink;}
.aqua {background-color: aqua;}
.lime {background-color: lime;}

.error {color: red;}
.bold {font-weight: bold;}



/* colors  */
   .color-primary {color: #2B408E;}
   .color-secondary {color: #38bada;}
   .color-gray {color: #787878;}




   .gray-lt-bgnd {background-color: rgba(238, 238, 238, 1);}    
   .border-gray {border: 1px solid #cccccc;} 

   .border-no-top {border-top: 0 !important;} 
   .border-no-left {border-left: 0 !important;} 
   .border-no-right {border-right: 0 !important;} 
   .border-no-bottom {border-bottom: 0 !important;} 


/* layout helper styles */

   .display-inline {display: inline !important;} /* already in style.css */
   .display-block {display: block !important;}
   .display-inline-block {display: inline-block !important;}
        
   .margin-block-xs {margin-top: 1%; margin-bottom: 1%;}
   .margin-block-sm {margin-top: 2%; margin-bottom: 2%;}   
   .margin-block-md {margin-top: 4%; margin-bottom: 4%;}
   .margin-block-lg {margin-top: 6%; margin-bottom: 6%;}

   .margin-bottom-xs {margin-bottom: 1%;}
   .margin-bottom-sm {margin-bottom: 2%;}   
   .margin-bottom-md {margin-bottom: 4%;}

   .margin-top-xs {margin-top: 1%;}
   .margin-top-sm {margin-top: 2%;}   
   .margin-top-md {margin-top: 4%;}

   .margin-right-xs {margin-right: 1%;}
   .margin-right-sm {margin-right: 2%;}   
   .margin-right-md {margin-right: 4%;}


   .padding-right-lg {padding-right: 30px;}

   .btn-row-xs {margin: .5% 0;}
   .btn-row-sm {margin: 1% 0;}
   .btn-row-md {margin: 2% 0;}

   .font-size-xs {font-size: .8em;}
   .font-size-sm {font-size: .9em;}
   .font-size-md {font-size: 1.24em;}
   .font-size-lg {font-size: 1.6em;}
   .font-size-xl {font-size: 1.86em;}
   .font-size-xxl {font-size: 2.4em;}

/*  Page layout grid base on bootstrap col-md grid (has no built in gutters) */
/*  Used for solid background containers */

   .layout-padding-xs {padding: 2px;}
   .layout-padding-sm {padding: 4px;}
   .layout-padding-md {padding: 8px;} 
   .layout-padding-lg {padding: 14px;}
   .layout-padding-xl {padding: 20px;}   

   .layout-row:after, 
   .layout-row:before,
   .layout-padding-xs:after,
   .layout-padding-xs:before,
   .layout-padding-sm:after,
   .layout-padding-sm:before,
   .layout-padding-md:after,
   .layout-padding-ms:before,
   .layout-padding-lg:after,
   .layout-padding-lg:before,
   .layout-padding-xl:after,
   .layout-padding-xl:before {display: table; content: " "; }

   .layout-row:after,
   .layout-padding-xs:after,
   .layout-padding-sm:after,
   .layout-padding-md:after,
   .layout-padding-lg:after,
   .layout-padding-xl:after {clear: both;}

   .layout-1, .layout-2, .layout-3, .layout-4, .layout-5, .layout-6, .layout-7, .layout-8, .layout-9, .layout-10, .layout-11, .layout-12 {
      position: relative;
      min-height: 1px;
      padding-right: 0px;
      padding-left: 0px;
   }

   @media (min-width: 768px) {
      .layout-1, .layout-2, .layout-3, .layout-4, .layout-5, .layout-6, .layout-7, .layout-8, .layout-9, .layout-10, .layout-11, .layout-12 {float: left;}
      .layout-12 {width: 100%;}
      .layout-11 {width: 91.66666667%;}
      .layout-10 {width: 83.33333333%;}
      .layout-9 {width: 75%;}
      .layout-8 {width: 66.66666667%;}
      .layout-7 {width: 58.33333333%;}   
      .layout-6 {width: 50%;}   
      .layout-5 {width: 41.66666667%;}
      .layout-4 {width: 33.33333333%;}
      .layout-3 {width: 25%;}
      .layout-2 {width: 16.66666667%;}
      .layout-1 {width: 8.33333333%;}      
   }


/* tightly spaced grid - based on bootstrap grid (gutters are 8px instead of the default 30px) */
      .tight-row:before,
      .tight-row:after,
      .tight-horizontal-form .form-group:before,
      .tight-horizontal-form .form-group:after {
         display: table;
         content: " ";
      }
      .tight-row:after,
      .tight-horizontal-form .form-group:after {
         clear: both;
      }
      .tight-row,
      .tight-horizontal-form .form-group {
         margin-right: -4px;
         margin-left: -4px;
      }

      .tight-row .col-sm-1, .tight-row .col-sm-2, .tight-row .col-sm-3, 
      .tight-row .col-sm-4, .tight-row .col-sm-5, .tight-row .col-sm-6, 
      .tight-row .col-sm-7, .tight-row .col-sm-8, .tight-row .col-sm-9, 
      .tight-row .col-sm-10, .tight-row .col-sm-11, .tight-row .col-sm-12,
      .tight-horizontal-form .col-sm-1, .tight-horizontal-form .col-sm-2, .tight-horizontal-form .col-sm-3, 
      .tight-horizontal-form .col-sm-4, .tight-horizontal-form .col-sm-5, .tight-horizontal-form .col-sm-6, 
      .tight-horizontal-form .col-sm-7, .tight-horizontal-form .col-sm-8, .tight-horizontal-form .col-sm-9, 
      .tight-horizontal-form .col-sm-10, .tight-horizontal-form .col-sm-11, .tight-horizontal-form .col-sm-12,
      .tight-row .col-md-1, .tight-row .col-md-2, .tight-row .col-md-3, 
      .tight-row .col-md-4, .tight-row .col-md-5, .tight-row .col-md-6, 
      .tight-row .col-md-7, .tight-row .col-md-8, .tight-row .col-md-9, 
      .tight-row .col-md-10, .tight-row .col-md-11, .tight-row .col-md-12,
      .tight-horizontal-form .col-md-1, .tight-horizontal-form .col-md-2, .tight-horizontal-form .col-md-3, 
      .tight-horizontal-form .col-md-4, .tight-horizontal-form .col-md-5, .tight-horizontal-form .col-md-6, 
      .tight-horizontal-form .col-md-7, .tight-horizontal-form .col-md-8, .tight-horizontal-form .col-md-9, 
      .tight-horizontal-form .col-md-10, .tight-horizontal-form .col-md-11, .tight-horizontal-form .col-md-12,
      .tight-row .col-lg-1, .tight-row .col-lg-2, .tight-row .col-lg-3, 
      .tight-row .col-lg-4, .tight-row .col-lg-5, .tight-row .col-lg-6, 
      .tight-row .col-lg-7, .tight-row .col-lg-8, .tight-row .col-lg-9, 
      .tight-row .col-lg-10, .tight-row .col-lg-11, .tight-row .col-lg-12,
      .tight-horizontal-form .col-lg-1, .tight-horizontal-form .col-lg-2, .tight-horizontal-form .col-lg-3, 
      .tight-horizontal-form .col-lg-4, .tight-horizontal-form .col-lg-5, .tight-horizontal-form .col-lg-6, 
      .tight-horizontal-form .col-lg-7, .tight-horizontal-form .col-lg-8, .tight-horizontal-form .col-lg-9, 
      .tight-horizontal-form .col-lg-10, .tight-horizontal-form .col-lg-11, .tight-horizontal-form .col-lg-12 {
         padding-right: 4px;
         padding-left: 4px;
      }

   /* Special bottom margins for tight grid */
      .tight-row .margin-bottom-xs,
      .tight-horizontal-form .margin-bottom-xs {margin-bottom: 2px;}
      
      .tight-row .margin-bottom-sm,
      .tight-horizontal-form .margin-bottom-sm {margin-bottom: 6px;}
      
      .tight-row .margin-bottom-md,
      .tight-horizontal-form .form-group,
      .tight-horizontal-form .margin-bottom-md {margin-bottom: 12px;}



/* Special tighter spaced form layouts then bootstrap default */
      .tight-horizontal-form .control-label,
      .tight-horizontal-form .radio,
      .tight-horizontal-form .checkbox,
      .tight-horizontal-form .radio-inline,
      .tight-horizontal-form .checkbox-inline {
         padding-top: 7px;
         margin-top: 0;
         margin-bottom: 0;
      }
      .tight-horizontal-form .control-label-stack {
         /* use to stack label above the input */
         padding-top: 0px;
         display: block;
         margin-bottom: 2px;   
      }
      .tight-horizontal-form .radio,
      .tight-horizontal-form .checkbox {min-height: 24px;}
      .tight-horizontal-form .form-control-static {padding-top: 7px;}

      @media (min-width: 768px) {
        .tight-horizontal-form .control-label {
          text-align: left;
        }
      }

      .tight-horizontal-form .control-not-label {
         /* Use for non-label elements (i.e. DIVs) that need to be styled like form labels  */ 
         padding-top: 7px;
         margin-top: 0;
         margin-bottom: 0;
         display: inline-block;
         margin-bottom: 5px;
         font-weight: bold;
      }

      /* Smaller inputs in tight grid */
      .tight-horizontal-form .form-control {
         height: 32px;
         padding: 6px 6px;
         font-size: 12px;
         line-height: 1.42857143;
         border-radius: 2px;         
      }  

      /* Align checkboxes and radios in tight grid */
      .tight-horizontal-form input[type="radio"],
      .tight-horizontal-form input[type="checkbox"] {margin-top: 1px;}



/* Special Form Elements */

   /* Custom Checkboxes */
      input[type=checkbox].custom-checkbox {display:none;} 
      input[type=checkbox].custom-checkbox + label {padding-left: 30px; position: relative; font-weight: normal;}
      input[type=checkbox].custom-checkbox + label:before {
        display: none\9; /* Hide in IE8 and below */
        font-family: FontAwesome;
        border: 1px solid #ccc;
        position: absolute;
        display: inline-block;
        top: -4px;
        left: 0px;
        width: 22px;
        height: 22px;
        border-radius: 2px;
        font-size: 20px;
        line-height: 20px;
        background-color: #ffffff;
      }
      input[type=checkbox].custom-checkbox + label:before {   content: " "; } /* unchecked icon */
      input[type=checkbox].custom-checkbox:checked + label:before {
        font-family: FontAwesome; 
        content: "\2713";
        content: "\f14a";
        content: "\f00c";
        color: #38bada;
        }

      @media \0screen {
         /* show normal checkbox in IE8 and below */
         input[type=checkbox].custom-checkbox {display: inline-block;} 
         input[type=checkbox].custom-checkbox + label:before {display: none;}
         input[type=checkbox].custom-checkbox + label {padding-left: 0px;}
      }



/*  Special Styling to increase styling consistency across browsers for disabled inputs (not supported all browsers) */
      fieldset[disabled] .form-control,
      .form-control[disabled],
      html input[disabled],
      input:disabled,
      option:disabled,
      select option:disabled,
      html input[disabled],
      select[disabled='disabled'],
      input[disabled='disabled'],
      input[type="text"]:disabled  {color: #999999; background-color: #eee;}
      select[disabled='disabled']::-ms-value {color: #999999; background-color: #eee;}


/*  Special helper styles */

      .datepicker {width: 80%; display: inline-block;}
      .required:before {  content: "* "; }
      .dollar-sign {
         position: relative;
         padding-left: .46em;
         font-family: arial;
		 display: inline !important;
      }

      .dollar-sign:before {
         position: absolute;
         font-family: "FontAwesome";
         content: "\f155";
         font-size: .55em;
         left: 0px;
         top: .24em;              
      }


      hr.divider-xs,
      hr.divider-sm, 
      hr.divider-md,
      hr.divider-lg, 
      hr.divider-xl {      
         border: none;
         height: 1px;
         color: #c7c7c7;
         background-color: #c7c7c7;
      }

      hr.divider-xs {margin: 1% 0; height: 1px;}
      hr.divider-sm {margin: 2% 0; height: 1px;} 
      hr.divider-md {margin: 4% 0; height: 2px;}  
      hr.divider-lg {margin: 8% 0; height: 2px;} 
      hr.divider-xl {margin: 10% 0; height: 4px;} 


   /* Notices  */
      .notice-success {font-size: 15px; color: #ffffff; background-color: #1b9c59; padding: 8px;}




/* Styles for the Application Summary Column */
   .application-summary-title {
      background-color: #0D112E;
      padding: 20px;
      color: #fff;
      margin: 0;
      border-radius: 4px 4px 0 0;
   }
   .application-summary-body {
      background-color: #ffffff;
      padding: 8%;
   }
   .application-summary-body:before,
   .application-summary-body:after {
     display: table;
     content: " ";
   }
   .application-summary-body:after {clear: both;}
   .application-summary-body .btn-group { margin: 4% 0;}
   .application-summary .btn-primary {margin-left: auto; margin-right: auto; text-align: center;}
   
   @media (min-width: 768px) {
      .btn {white-space: normal;} 
   }


  @media (min-width: 639px) {
    .application-summary .plan-tile {
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 4%;
      overflow: hidden;
      min-width: auto;      
      max-width: 100%; 
      width: 100%; 
      float: none;
      border: 1px solid #cccccc;
    }
    .application-summary .plan-tile .plan-body {text-align: center;}
    .application-summary .premiums .family, 
    .application-summary .premiums .individual {border: 0; } 
    .application-summary .plan-tile .company-logo img {
      margin: 0;
      max-width: 100%;
      height: auto;
    }
    .application-summary .plan-tile .comparerating div {display: block; margin-left: auto; margin-right: auto;}
  }
 

/*
      
   .application-summary .platinum-plan .plan-title,
   .application-summary .platinum-plan .plan-btn-group {background-color: #959595;}

   .application-summary .gold-plan .plan-title,
   .application-summary .gold-plan .plan-btn-group {background-color: #c59c6c;}

   .application-summary .silver-plan .plan-title,
   .application-summary .silver-plan .plan-btn-group {background-color: #c59c6c;}

   .application-summary .bronze-plan .plan-title,
   .application-summary .bronze-plan .plan-btn-group {background-color: #96694a;}

   .application-summary .plan-tile {background-color: #ffffff; border: 1px solid #cccccc; padding: 8px 4px}
   .application-summary .plan-title {padding: 8px; text-align: center; font-size: 120%; font-weight: bold; border: 1px solid #000000;}

   .application-summary .plan-company-logo {margin: auto; text-align: center;}
   .application-summary .plan-company-logo img {
      margin: 2% auto; 
      text-align: center;
      display: block;
      max-width: 80%;
      height: auto;
   }
   .application-summary .plan-symbol, 
   .application-summary .plan-premium {margin: 8% auto; text-align: center;}
   .application-summary .plan-btn-group {text-align: center; padding: 2%;}
   .application-summary .plan-rating {
      display: block;
      text-align: center; 
      margin-bottom: 5%;
      overflow: hidden;
      position: relative;
   }

   .application-summary .plan-rating-label {
      display: inline-block;
      top: -8px;
      position: relative;
   }
   @media (min-width: 768px) and (max-width: 980px) {
    .application-summary .plan-rating-label {
       display: block;
            top: 0px;
      }
   }

   .application-summary .rating-0-star, 
   .application-summary .rating-1-star, 
   .application-summary .rating-2-star, 
   .application-summary .rating-3-star, 
   .application-summary .rating-4-star, 
   .application-summary .rating-5-star {
      width: 110px;       
      height: 24px;
      overflow: hidden;     
      display: inline-block;
      background: transparent url('../images/icon-plan-ratings-red-stars.png') no-repeat left top;
   }
   .application-summary .rating-1-star {background-position: 0 -24px;}
   .application-summary .rating-2-star {background-position: 0 -48px;}
   .application-summary .rating-3-star {background-position: 0 -72px;}
   .application-summary .rating-4-star {background-position: 0 -96px;}
   .application-summary .rating-5-star {background-position: 0 -120px;}

*/

/* Step/Status Bar */
      @media (max-width: 600px) {
         ol.progress-status {margin: 20px 8px; padding: 0;}
         ol.progress-status .col-xs-2 {display: block; width: 100%; padding: 6px 0 6px 18px; }
         ol.progress-status .text-center {text-align: left;}
         ol.progress-status .progress {display: none;}
         ol.progress-status .progress-status-stepnum {display: inline;}
         ol.progress-status .progress-status-info {display: inline;}
         ol.progress-status > .progress-status-step {border-left: 4px solid silver;}
         ol.progress-status > .progress-status-step.active {border-left: 4px solid #0D112E;}
         ol.progress-status > .progress-status-step.complete {border-left: 4px solid #0D112E;}
         ol.progress-status > .progress-status-step > .progress-status-dot:after {        
           position: absolute; top: 10px; left: 0px;
           margin-left: -10px;
           font-family: "FontAwesome";
           content:"\f10c";  
           font-size: 20px;
           line-height: 12px;
           color: silver;
           width: 20px;
           height: 14px;
           background-color: #ffffff;
         } 
          ol.progress-status > .progress-status-step.active > .progress-status-dot:after {
           font-family: "FontAwesome";
           content:"\f192";
           font-size: 20px;
           color: #0D112E;
         }
         ol.progress-status > .progress-status-step.complete > .progress-status-dot:after {
           font-family: "FontAwesome";
           content: "\f058";
           font-size: 20px;
           color: #0D112E;
         }
     }


      @media (min-width: 601px) {
         ol.progress-status .progress {display: block;}
         ol.progress-status {margin-top: 40px; margin-bottom: 40px; border-bottom:0 !important; 
           margin: 40px 0;
           padding: 0;
           list-style-type: none;
         }      
         ol.progress-status li {display: inline-block;}
         ol.progress-status {margin-top: 40px; margin-bottom: 40px; border-bottom:0 !important; }
         ol.progress-status {border-bottom: solid 0px #e0e0e0; padding: 0 0 10px 0;}
         ol.progress-status > .progress-status-step {padding: 0; position: relative;}
         ol.progress-status > .progress-status-step + .progress-status-step {}
         ol.progress-status > .progress-status-step .progress-status-stepnum {color: #595959; font-size: 10px; margin-bottom: 5px; }
         ol.progress-status > .progress-status-step .progress-status-info {color: #999; font-size: 12px;}
         ol.progress-status > .progress-status-step > .progress-status-dot {
            position: absolute; width: 30px; height: 30px; display: block; background: #0D112E; top: 39px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;
         } 
         ol.progress-status > .progress-status-step > .progress-status-dot:after {content: ' '; width: 14px; height: 14px; background: #0D112E; border-radius: 50px; position: absolute; 
               font-family: "FontAwesome";
                content: "\f058";  
                font-size: 20px;
                color: #ffffff;
                top: 0px;
                left: 6px;
         } 
         ol.progress-status > .progress-status-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
         ol.progress-status > .progress-status-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #0D112E;}
         ol.progress-status > .progress-status-step.complete > .progress > .progress-bar {width:100%;}
         ol.progress-status > .progress-status-step.active > .progress > .progress-bar {width:50%;}
         ol.progress-status > .progress-status-step:first-child.active > .progress > .progress-bar {width:0%;}
         ol.progress-status > .progress-status-step:last-child.active > .progress > .progress-bar {width: 100%;}
         ol.progress-status > .progress-status-step.active > .progress-status-dot:after {
               font-family: "FontAwesome";
                content:"\f10c"; 
                font-size: 20px;
                color: #ffffff;
         }
         ol.progress-status > .progress-status-step.disabled > .progress-status-dot {background-color: #f5f5f5;}
         ol.progress-status > .progress-status-step.disabled > .progress-status-dot:after {opacity: 0;}
         ol.progress-status > .progress-status-step:first-child  > .progress {left: 50%; width: 50%;}
         ol.progress-status > .progress-status-step:last-child  > .progress {width: 50%;}
         ol.progress-status > .progress-status-step.disabled a.progress-status-dot{ pointer-events: none; }
     }

     /* Chrome hack to position dot correctly in Chrome */
     @media screen and (min-width: 601px)  and (-webkit-min-device-pixel-ratio:0) { 
         ol.progress-status > .progress-status-step > .progress-status-dot:after { top: 1px;}  
     }


/* style bootstrap default modal */

   .modal-backdrop.in {
      filter: alpha(opacity=85);
      opacity: .85;
   }
   .modal-header {
      padding: 10px 15px;
      border-bottom: 0;
      background-color: #182960;
      color: #ffffff;
   }
   .modal button.close {
      color: #ffffff;
      text-shadow: 0 1px 0 #000000;
      filter: alpha(opacity=20);
      opacity: .2;
   }
   .modal button.close:focus, button.close:hover {
      color: #ffffff;
      text-decoration: none;
      cursor: pointer;
      filter: alpha(opacity=50);
      opacity: .5;
   }
   .modal-body {background-color: #e6e6e6;}
   .modal-footer {
      padding: 15px;
      text-align: right;
      border-top: 0;
      background-color: #e6e6e6;
   }


/* Special table style */


      table.table1 {}

      table.table1,
      table.table1 th,
      table.table1 td {
        border: 1px solid #c4c4c6; 
        border-collapse: collapse;         
         overflow-wrap: break-word;
         word-wrap: break-word;
      }
      table.table1 {border-right: 0; border-bottom: 0;}
      table.table1 th,
      table.table1 td {
         padding: 6px 8px;
         border-left: 0; 
         border-top: 0; 
         background-color: #ffffff;
      }

      table.table1 tr.primary td {
         background-color: #f2f2f2;
      }
      table.table1 th {
         font-weight: normal;
         color: #ffffff;
         background-color: #0d112e;   
      }

      /* Align checkboxes and radios with 12px font-size */
      table.table1 input[type="radio"],
      table.table1 input[type="checkbox"] {margin-top: 1px;}

      /* Firefox-specific hack for responsive table */
      @-moz-document url-prefix() {
        fieldset { display: table-cell; }
      }


    /* even widths for two column tables */
    .table-col-2 th, 
    .table-col-2 td  {width: 50%;}



/*  Plan Listing Section Styles  */

   /* Select Applicant Section Styles */      
      #applicant-section .applicant-section-title, 
      #applicant-section .btn, 
      #applicant-section .applicant-checkbox {float: left; margin-right: 40px; display:inline-block;}
      #applicant-section .applicant-checkbox {padding: 12px 0 4px 0;}
      @media (max-width: 767px) {
         #applicant-section {margin-bottom: 4%; border-bottom: 1px solid #ccc !important;}   
         #applicant-section .applicant-section-title, 
         #applicant-section .btn {display: block; float:none;}
         #applicant-section .btn:after, 
         #applicant-section .btn:before, 
         #applicant-section .applicant-section-title:after,
         #applicant-section .applicant-section-title:before {display: table; content: " "; }
         #applicant-section .applicant-section-title:after,
         #applicant-section .applicant-section-title:before {clear: both;}
      }

   /* Display Number of Plans Styles */
      #num-plans-section {min-height: 152px;}
      #num-plans-section .num-plans-section-body {padding: 28px 0%;}
      #num-plans-section .num-plans-row {display: table; width: auto; margin: 0 auto;}
      #num-plans-section .num-plans-col {display: table-cell; text-align: center; vertical-align: middle; overflow: hidden;}
      #num-plans-section span {display: block;}
      #num-plans-section .num-plans-display {font-size: 60px; padding: 0 .4% 0 0;}
      #num-plans-section .num-plans-total,
      #num-plans-section .num-plans-show {font-size: 18px; line-height: 18px; /*white-space: nowrap;*/}
      #num-plans-section .num-plans-total {padding: 0 10px;}
      #num-plans-section .num-plans-show {border-left: 1px solid #ccc; padding: 0 0 0 6%;}                
      #num-plans-section .num-plans-show a {color: #2b2b2b; text-decoration: none;}
      #num-plans-section .num-plans-show a:hover {color: #c5c5c5;  text-decoration: underline;}
      #num-plans-section .btn {border-top-left-radius: 0; border-top-right-radius: 0;}
      

      @media (min-width: 768px) and (max-width: 1079px) {         
         #num-plans-section .num-plans-display {padding: 0; line-height: 60px;}
         #num-plans-section .num-plans-total {padding: 0 0 8px 0; border-bottom: 1px solid #ccc;}
         #num-plans-section .num-plans-show {display: block; border-left: 0;  padding: 8px 0 0 0;}
         #num-plans-section span {display: inline;}
         #num-plans-section .num-plans-row {display: block; margin: 0 20%; /*width: auto; margin: 0 auto;*/}
         #num-plans-section .num-plans-col {display: block; /*text-align: center; vertical-align: middle;*/}
      }

      @media (max-width: 1079px) {
         #num-plans-section .num-plans-show {white-space: normal;}
      }

  

   /* Plan Filter Section Styles */
      #filter-title {
        font-size: 110%;
        display: block;
        padding: 8px 12px;
        position: relative;
        color: #ffffff;
        border-radius: 2px 2px 0 0;
        background-color: #2B408E;
      }
      #filter-title:focus {text-decoration: none;}
      #filter-title:hover {text-decoration: underline; background-color: #192A61; border-color: #192A61;}
      #filter-title .filter-toggle {
         position: relative; 
         color: #ffffff; 
         font-size: 14px; 
         position: absolute; 
         top: 7px; 
         right: 6px; 
         width: 20px;
         height: 20px;
         opacity: .5;
         padding: 1px 4px; 
         border: 2px solid transparent; 
         border-radius: 4px;
      }

      #filter-title:hover .filter-toggle {border-color: #ffffff;}
      #filter-title:hover .filter-open:before,
      #filter-title:hover .filter-close:before {color: #ffffff; opacity: 1;}
      #filter-body {background-color: #ffffff;  padding: 4% 6% 6% 6%;}      
      .filter-group-title { font-size: 110%; display: block; border-bottom: 1px solid #cccccc; padding: 4px 0 4px 0; margin: 20px 0 10px 0; position: relative;}
      .filter-group-title:focus {text-decoration: none;}
      .filter-group-title:hover {text-decoration: none; border-color: #23527c; color: #23527c;}
      .filter-group-title .filter-toggle {position: relative; font-size: 14px; position: absolute; top: 6px; right: 6px; }
      .filter-group-title .filter-open:before {content: "\f0d7";} /* down caret */
      .filter-group-title .filter-close:before {content: "\f0d9";} /* left caret */
      .filter-group-title:hover .filter-open:before,
      .filter-group-title:hover .filter-close:before {color: #23527c;}
      .filter-checkbox {padding: 4px 0; display: block;}

      @media (max-width: 767px) {
         #filter-section {padding: 0px; margin: 20px 0; border-radius: 3px 3px 0 0; border: 0px;}  

         /* Reverse the icons for smaller viewports because filter options are hidden by default */
         #filter-body {border: 1px solid #cccccc; border-top: 0; display: none;}  
         #filter-title .filter-open:before {content: "\f0d9";} /* left caret */ 
         #filter-title .filter-close:before {content: "\f0d7";} /* down caret */
      }


      @media (min-width: 768px) {
         #filter-body {display: block;}  
         #filter-title .filter-open:before {content: "\f0d7";} /* down caret */
         #filter-title .filter-close:before {content: "\f0d9";} /* left caret */
      }


   /* Plan Displayed Section Styles */
      #plans-displayed-section .choices {
        display: inline-block; float: left; height: 30px; line-height: 30px; margin-right: 6px; margin-bottom: 6px; min-width: 30px; 
        color: #000000;
        border-radius: 3px;
        padding: 0 30px 0 10px;
        background-color: #eeeeee;
        position: relative;
      }
      #plans-displayed-section .choices:hover {color: #23527c; text-decoration: none;}
      #plans-displayed-section .choices:before {
        color: #000000;
        position: absolute;
        font-family: "FontAwesome";
        content: "\f00d";
        right: 8px;
        top: 0px;
      }
      #plans-displayed-section .choices:hover:before {color: #23527c;  content: "\f057";}


   /* Compare Plans Styles */
      #compare-plans-section {border-radius: 3px; padding: 8px 0;}
      #compare-plans-section .compare-plans-title {margin: 0 0 .2em 0;}
      #compare-plans-section .compare-plans-title, 
      #compare-plans-section .btn {float: left; margin-right: 10px;}       
      #compare-plans-section .compare-plans-list {margin: 1 -.6% -1% -.6%;}
      #compare-plans-section .compare-plans-tile {                                             
         width: 100%;                  
         display: block;         
         margin-right: .6%;
         margin-bottom: .6%;
         position: relative;
         border: 1px solid #cccccc;
         background: #ffffff url('../images/medical_img.png') no-repeat 6px 6px;
         overflow: hidden;
      }
      @media (min-width: 642px) {
         #compare-plans-section .compare-plans-tile {                                    
            float: left;
            width: 32%;                  
            min-width: 180px;
            min-height: 140px;  
         }
      }

      #compare-plans-section .compare-plans-tile-body {padding: 12px 24px 46px 50px;}

      .plan-type-medical {background-image: url('../images/medical_img.png');}
      .plan-type-dental {background-image: url('../images/dental_img.png');}

      #compare-plans-section .compare-plans-tile .remove:hover {color: #23527c; text-decoration: none;}
      #compare-plans-section .compare-plans-tile .remove:before {
         color: #000000;
         position: absolute;
         font-family: "FontAwesome";
         content: "\f00d";
         right: 8px;
         top: 4px;
      }
      #compare-plans-section .compare-plans-tile .remove:hover:before {color: #23527c;  content: "\f057";}
      #compare-plans-section .compare-plans-tile .plan-title {color: #31427a; margin: 0 0 .8em 0;}
      #compare-plans-section .compare-plans-tile p {color: #7e7e7e;  margin: 0 0 .2em 0;}                
      #compare-plans-section .compare-plans-tile .company-logo img {
         display: block;                    
         max-width: 80%;
         max-height: 40px;                      
         text-align: right;
         position: absolute;
         right: 8px;
         bottom: 4px;
      }
      @media (max-width: 640px) {
         /* stack tiles at smaller viewports */
         #compare-plans-box .compare-plans-tile { 
            display: block;
            width: 100%;
            float: none;
            clear: both;                   
         }
         #compare-plans-section .compare-plans-tile { 
            margin-bottom: 10px;                 
         }
      }




   /* Plan Listing and Plan Tile */
      .plan-tile-body {padding: 10px; display: block;}
      .plan-container {margin: 0 -1%; overflow: hidden;}   
      .plan-tile {
         min-width: 220px;
         min-height: 200px;
         background-color: #ffffff;
         width: 98%;
         margin: 0 1% 15px 1%;    
         -webkit-border-radius: 3px; 
         -moz-border-radius: 3px; 
         border-radius: 3px; 
         position: relative;
         word-wrap: break-word;
         overflow-wrap: break-word;
      }
        .plan-tile:last-child {
            margin-bottom: 0;
        }
      .no-max-width {max-width: 100% !important;}
      @media (min-width: 639px) {
         .plan-tile {
            max-width: 300px;
            width: 31%;
            margin: 0 1% 2% 1%;
            float: left;
         }
         .modal-body .plan-tile {width: 100%; max-width: 100%;}         

      }
      

      .flag-platinum {background: #ffffff url('../images/flag-platinum-top.png') no-repeat left top;}
      .flag-gold {background: #ffffff url('../images/flag-gold-top.png') no-repeat left top;}
      .flag-silver {background: #ffffff url('../images/flag-silver-top.png') no-repeat left top;}
      .flag-bronze {background: #ffffff url('../images/flag-bronze-top.png') no-repeat left top;}

      .flag-supplement {background: #ffffff url('../images/flag-gold-supplement.png') no-repeat left top;}
      .flag-advantage {background: #ffffff url('../images/flag-advantage-top.png') no-repeat left top;}
      .flag-partd {background: #ffffff url('../images/flag-partd-top.png') no-repeat left top;}

      .flag-platinum-bottom {background: #ffffff url('../images/platinum.png') repeat-x left bottom;}
      .flag-gold-bottom {background: #ffffff url('../images/Gold.png') repeat-x left bottom;}
      .flag-silver-bottom {background: #ffffff url('../images/Silver.png') repeat-x left bottom;}
      

      .plan-tile .plan-title {
         color: #101010;
         font-size: 18px;
         margin: 10px 0 10px 54px;
         font-weight: bold;
      }


      .plan-tile img {
         display: block;
         max-width: 35%;
         height: auto;
      }
      .plan-tile .plan-symbol {
         display: table;
         text-align: center;
         width: 100%;
      }

      .plan-tile .company-logo img {
         margin: 2% 0 2% 50%; 
         max-width: 50%;
         height: auto;
      }
	  .plan-logo img {
		  max-width: 80%;
	  }
      /* Medicarer separate style by smriti*/
      #medicare .plan-tile .company-logo img {
         margin: 15px 0 15px 50%; 
        
      }
        #medicare .premiums .family {
            border-right: 0px;
            line-height: 9px;
        }
        #medicare .plan-title {
            min-height: 50px;
        }
        #medicare .premiums {
            margin: 2% 0;
        }
    /* Medicare style ends here */
      .plan-rating {
         display: block;
         text-align: center; 
         margin-bottom: 5%;
         overflow: hidden;
         position: relative;
      }
      .rating-0-star, 
      .rating-1-star, 
      .rating-2-star, 
      .rating-3-star, 
      .rating-4-star, 
      .rating-5-star {
         width: 110px;       
         height: 24px;
         overflow: hidden;     
         display: inline-block;
         background: transparent url('../images/icon-plan-ratings-red-stars.png') no-repeat left top;
      }
      .rating-1-star {background-position: 0 -24px;}
      .rating-2-star {background-position: 0 -48px;}
      .rating-3-star {background-position: 0 -72px;}
      .rating-4-star {background-position: 0 -96px;}
      .rating-5-star {background-position: 0 -120px;}





      /*  Plan Tile - buttons */
      .plan-tile .btn-area {
         background-color: #0d112e;
         display: table;
         width: 100%;
         padding: 8px 0;
         -webkit-border-radius: 0 0 3px 3px;
         -moz-border-radius: 0 0 3px 3px;
         border-radius: 0 0 3px 3px;
      }
      .plan-tile .btn-area div {
         display: table-cell;
         text-align: center;      
      }
      .plan-tile .btn-area .tight-row div:first-child {border-right: 1px solid #ffffff;}
      .plan-tile .btn-area .btn {
         color: #ffffff;
         padding: 4px 8px 3px 8px;
         border-color: #0d112e;
         background-color: #0d112e;
      }
      .plan-tile .btn-area .btn:hover {
         border-color: #204d74;
         background-color: #286090;      
      }
      .plan-tile .plan-symbol img {
         position: absolute;
         top: 24%;
         left: 14%;
      }


     
      .premiums .family {border-right: 1px solid #eee;}
      .premiums .cost {
         color: #0d112e; 
         font-size: 18px; 
         font-weight: bold;
         text-align: center;
      }
      .premiums {display: table; text-align: center; width: 100%; margin: 15px 0;}
      .premiums .family, 
      .premiums .individual {
         font-size: 14px; 
         line-height: 16px;   
         text-align: center;
         color: #777777;
         display: table-cell; 
         padding: 0 6%;
      }
      .premiums .family {border-right: 1px solid #eee;}
      .premiums .cost {
         color: #0d112e; 
         font-size: 20px; 
         font-weight: bold;
         text-align: center;
         padding: 15px 0 0;
      }
      .comparerating { display: table;  text-align: center; width: 100%; margin-bottom: 15px;}
      .comparerating div {
        display: table-cell; 
        text-align: center;
        padding: 0 6%;
        vertical-align: middle;  
      }
      @media (min-width: 639px) and (max-width: 1200px) {
         /*.comparerating {display: block; width: 100%;}*/
         .comparerating div {
           display: block; 
           width: 100%;
         }

      }


   /* Recommended Value Add Plans Tile */
      @media (min-width: 639px) {
         #recommended-section .plan-tile {
            max-width: 461px;
            width: 48%;
            margin: 0 1%;
            float: left;
         }
      }
      #recommended-section .plan-tile .btn-area {background-color: #313d77;}
      #recommended-section .plan-tile .btn-area .tight-row div:first-child {border-color: #0d112e;}
      #recommended-section .plan-tile .btn-area .btn {
         font-size: 15px;
         border-color: #313d77;
         background-color: #313d77;
      }
      #recommended-section  .plan-tile .btn-area .btn:hover {border-color: #0d112e; background-color: #0d112e;}
      #recommended-section  .plan-tile . {
         display: table; text-align: center; width: 100%; margin-bottom: 6%;
      }
      #recommended-section .recommended-premiums {text-align: left;}
      #recommended-section .cost {
         color: #0d112e; 
         font-size: 16px; 
         font-weight: bold;
         text-align: left;
         padding: 0;
      }
      .recommended-premiums-dental {
         padding: 10px 10px 10px 46px;
         background: transparent url('../images/dental_img.png') no-repeat 6px 10px;
      }
      .recommended-premiums-medical {
         padding: 10px 10px 10px 46px;
         background: transparent url('../images/medical_img.png') no-repeat left 10px;
      }
      .total-price {
         border-top: 1px solid #c7c7c7;
         padding: 2% 10% 1% 10%;
         font-size: 18px;
         font-weight: bold;
         text-align: center;
      }

      /* Plan Listing Table View */
      .plan-table-info,
      #plan-listing-table {
         width: 100%;
         border-top: 1px solid #cccccc;
         border-left: 1px solid #cccccc;
      }
      .plan-table-info th,
      #plan-listing-table th, 
      .plan-table-info td,
      #plan-listing-table td {
         border-right: 1px solid #cccccc;
         border-bottom: 1px solid #cccccc;
         vertical-align: middle;
         text-align: left;
         padding: 10px;
      }
      /* .plan-table-info th,
      #plan-listing-table th {padding: 16px 10px;} */
      .plan-table-info > tbody > tr:nth-child(even) > td,
      #plan-listing-table > tbody > tr:nth-child(even) > td {background-color: #f2f2f2;}
      .plan-table-info th,
      #plan-listing-table th {
         color: #ffffff;
         /* min-height: 1190px; */
         background-color: #31427a;
         font-weight: normal;
      }
      /* .plan-table-info td,
      #plan-listing-table td {min-height: 110px;} */
      .plan-table-info .flag-col,
      #plan-listing-table .flag-col {padding-left: 60px;}
      .plan-table-info .company-logo,
      #plan-listing-table .company-logo {margin-bottom: .2em;}
      .plan-table-info .company-logo img,
      #plan-listing-table .company-logo img {
         height: auto;
         max-width: 260px;
         max-height: 60px;  
      }
      .plan-table-info .plan-title,
      #plan-listing-table .plan-title {
         color: #101010;
         font-size: 18px;
         margin-bottom: 20px;
         font-weight: bold;
      }
      .plan-table-info .comparerating div,
      #plan-listing-table .comparerating div {text-align: left;}








      
   /* Customize Default Bootstrap Paging */
      #plan-paging-section .pagination {margin: 0; line-height: 30px;}
      #plan-paging-section p {line-height: 30px;}

      .pagination>.active>a, 
      .pagination>.active>a:focus, 
      .pagination>.active>a:hover, 
      .pagination>.active>span, 
      .pagination>.active>span:focus, 
      .pagination>.active>span:hover {
          background-color: #313d77;
          border-color: #337ab7;
      }
      .pagination>li>a, 
      .pagination>li>span {
          background-color: #eee;
          border: 1px solid #cccccc;
      }
      .pagination>li>a:focus, 
      .pagination>li>a:hover, 
      .pagination>li>span:focus, 
      .pagination>li>span:hover {
         color: #ffffff;
         background-color: #313d77;
         border-color: #313d77;
      }

	  .no-flag {
		      background-color: #0D112E;
    margin-left: 0px !important;
    margin-right: 0px !important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
	  }