/* @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700); */
@import url(/v20210731/css/google-fonts.css);

/* https://stackoverflow.com/a/20590806/3643497 */
.center-block {float: none !important}

html {
  font-size: 62.5%;   /* =10px */
  width: 100%;
  height: 100%;
  margin: 0;
}
body {
  padding-bottom: 60px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.6rem;    /* =16px */
  line-height: 1.5;
}

.wrapword {
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    white-space: pre-wrap;       /* css-3 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
    word-break: break-all;
    white-space: normal;
}

.image-fit-parent {
  display: block;
  max-height: 100%;
  max-width: 100%;
  margin: auto;
}

.flex-column {
  display:flex; 
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.flex-row {
  display:flex; 
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.fontawesome-accordion-open, .fontawesome-accordion-close {
    float: right;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background-color: #EFEFEF;
    color: #bbb;
    font-size: 19.4px;
    text-align: center;
    margin: 3px 3px 4px 3px;
    padding: 0px;
    line-height: 5px;
}

.modal.modal-centered {
	width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0;
}

.modal.modal-centered .modal-dialog {
  margin: 0 auto;
}

.table-borderless,
.table-borderless > tbody > tr,
.table-borderless > tfoot > tr,
.table-borderless > thead > tr,
.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th,
.table-borderless td, 
.table-borderless th, 
.table-borderless tr {
    border: none !important;
}

/* https://stackoverflow.com/a/22780077/3643497
-------------------------------------------------- */
.ui-dialog-titlebar-close {
  background: url("../css/images/ui-icons_444444_256x240.png") repeat scroll -93px -128px rgba(0, 0, 0, 0);
  border: medium none;
}
.ui-dialog-titlebar-close:hover {
  background: url("../css/images/ui-icons_555555_256x240.png") repeat scroll -93px -128px rgba(0, 0, 0, 0);
}

/* https://findbootstrapsnippets.com/bootstrap-templates/3d-buttons-effects-fix.html */
.btn3d {
    position:relative;
    top: -6px;
    border:0;
     transition: all 40ms linear;
     margin-top:10px;
     margin-bottom:10px;
     margin-left:2px;
     margin-right:2px;
}
.btn3d:active:focus,
.btn3d:focus:hover,
.btn3d:focus {
    -moz-outline-style:none;
         outline:medium none;
}
.btn3d:hover {
    top: -4px;
}

.btn3d:active, .btn3d.active {
    top:2px;
}
.btn3d.btn-white {
    color: #666666;
    box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255,255,255,0.10) inset, 0 8px 0 0 #f5f5f5, 0 8px 8px 1px rgba(0,0,0,.2);
    background-color:#fff;
}
.btn3d.btn-white:active, .btn3d.btn-white.active {
    color: #666666;
    box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,.1);
    background-color:#fff;
}
.btn3d.btn-default {
    color: #666666;
    box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255,255,255,0.10) inset, 0 8px 0 0 #BEBEBE, 0 8px 8px 1px rgba(0,0,0,.2);
    background-color:#f9f9f9;
}
.btn3d.btn-default:active, .btn3d.btn-default.active {
    color: #666666;
    box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,.1);
    background-color:#f9f9f9;
}
.btn3d.btn-primary {
    box-shadow:0 0 0 1px #417fbd inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #4D5BBE, 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color:#4274D7;
}
.btn3d.btn-primary:active, .btn3d.btn-primary.active {
    box-shadow:0 0 0 1px #417fbd inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
    background-color:#4274D7;
}
.btn3d.btn-success {
    box-shadow:0 0 0 1px #31c300 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #5eb924, 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color:#78d739;
}
.btn3d.btn-success:active, .btn3d.btn-success.active {
    box-shadow:0 0 0 1px #30cd00 inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
    background-color: #78d739;
}
.btn3d.btn-info {
    box-shadow:0 0 0 1px #00a5c3 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #348FD2, 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color:#39B3D7;
}
.btn3d.btn-info:active, .btn3d.btn-info.active {
    box-shadow:0 0 0 1px #00a5c3 inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
    background-color: #39B3D7;
}
.btn3d.btn-warning {
    box-shadow:0 0 0 1px #d79a47 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #D79A34, 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color:#FEAF20;
}
.btn3d.btn-warning:active, .btn3d.btn-warning.active {
    box-shadow:0 0 0 1px #d79a47 inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
    background-color: #FEAF20;
}
.btn3d.btn-danger {
    box-shadow:0 0 0 1px #b93802 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #AA0000, 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color:#D73814;
}
.btn3d.btn-danger:active, .btn3d.btn-danger.active {
    box-shadow:0 0 0 1px #b93802 inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
    background-color: #D73814;
}
.btn3d.btn-magick {
    color: #fff;
    box-shadow:0 0 0 1px #9a00cd inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #9823d5, 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color:#bb39d7;
}
.btn3d.btn-magick:active, .btn3d.btn-magick.active {
    box-shadow:0 0 0 1px #9a00cd inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
    background-color: #bb39d7;
}
.btn3d.btn-paleblue {
    color: #1d5ae5;
    box-shadow:0 0 0 1px #ECF0F5 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #E3E7EB, 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color:#F6FAFF;
}
.btn3d.btn-paleblue:active, .btn3d.btn-paleblue.active {
    box-shadow:0 0 0 1px #ECF0F5 inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
    background-color: #F6FAFF;
}

/* footer styles
-------------------------------------------------- */
.footer {
  width: 96%;
  margin: 0px auto;
  padding: 0 10px 20px;
  background-color: white;
  font-size: 1.4rem;
}
#home .footer, .content-container-black + .footer {
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  border-top: 1px solid #fff;
}
#home .footer {
  width: 100%;
  padding-left: calc(2% + 10px);
  padding-right: calc(2% + 10px);
}

#home .footer .container .row > div {
  margin-top: 20px;
}

#home a {
  color: #fff;
}

#home .page-block-content a {
	color: #337ab7;
}

.footer .container {
  width: 100%;
}
.footer h5 {
  font-size: 1.6rem;
  font-weight: 600;
}
.footer a {
  color: #000;
}
#home .footer a, .content-container-black + .footer a {
  color: #fff;
}
.footer-contact-left{
  float: left;
  display: inline-block;
}
.footer-contact-right{
  float: left;
  display: inline-block;
  margin-left: 10px;
}
.footer-links {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.footer-social {
  margin-bottom: 5px;
}
/*
.footer-social a.wechat:hover,
.footer-social a.wechat.tap {
  position: relative;
}
*/
.footer-social a.wechat:hover:after,
.footer-social a.wechat.tap:after {
  content: url(../images/wechat_qrcode_gh.jpg);
  display: block;
  width: 258px;
  height: 258px;
  margin: 0 auto;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -129px;
  margin-top: -129px;
  z-index: 1999;
}
.footer-contact-wrapper a.wechat {
  text-decoration: underline;
}
.footer-contact-wrapper a.wechat:hover:after,
.footer-contact-wrapper a.wechat.tap:after {
  content: url(../images/dian_qrcode.jpeg);
  display: block;
  width: 258px;
  height: 258px;
  margin: 0 auto;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -129px;
  margin-top: -129px;
  z-index: 1999;
}
@media (min-width: 576px) {
  .footer {
    width: 94%;
  }
  #home .plans-out-container + .footer {
    padding-left: calc(3% + 10px);
    padding-right: calc(3% + 10px);
  }
}
@media (min-width: 768px) {
  .footer {
    width: 92%;
  }
  #home .plans-out-container + .footer {
    padding-left: calc(4% + 10px);
    padding-right: calc(4% + 10px);
  }
}
@media (min-width: 992px) {
  .footer {
    width: 90%;
  }
  #home .plans-out-container + .footer {
    padding-left: calc(5% + 10px);
    padding-right: calc(5% + 10px);
  }
}
@media (max-width: 575px) {
  .footer > .container > .row {
    display: flex;
    flex-wrap: wrap;
  }
  .footer > .container > .row > .col-right {
    order: 1;
    text-align: right;
  }
  .footer > .container > .row > .col-left {
    order: 2;
  }
}


/* Custom radio button
-------------------------------------------------- */
.radio-box {
  position: relative;
  display: inline-block;
  padding-left: 0;
  margin-bottom: 0;
  margin-right: 10px;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
input[type=radio].radio-button {
  position:absolute;
  z-index:-1000;
  left:-1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height:1px;
  width:1px;
  margin:-1px;
  padding:0;
  border:0;
}
input[type=radio].radio-button + label.radio-label {
  padding-left: 21px;
  height: 14px;
  display: inline-block;
  line-height: 14px;
  background-image: url('../images/choose.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  vertical-align: middle;
  cursor: pointer;
}
input[type=radio].radio-button:checked + label.radio-label {
  background-image: url('../images/chosen.png');
  background-repeat: no-repeat;
  background-position: 0 0;
}
label.radio-label {
  font-weight: normal;
  background-image: url('../images/choose.png');
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.navbar-fixed-top {
  z-index: 1;
}

.form-control.fieldError, .btn-group .btn.fieldError, 
label.fieldError, div.fieldError {
  border: 1px solid red;
}
.datepicker .input-group-addon img {
  height: 16px;
}
.form-vertical > .form-group > .btn-group {
  display: block;
}
.form-vertical > .form-group > .btn-group:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}
.control-label {
  font-weight: 600;
  color: #333;
}
.form-control {
  font-size: 1.4rem;
}
.btn-group .btn span {
  font-size: 1.4rem;
}
@media (min-width: 576px) {
  .form-control {
    font-size: 1.6rem;
  }
  .btn-group .btn span {
    font-size: 1.6rem;
  }
}
button.btn {
  font-weight: 600;
  padding: 5px 20px;
  /* border-radius: 0; */
}
button.btn+button.btn {
  margin-left: 5px;
}
a.btn-default {
  font-weight: 600;
  padding: 5px 20px;
  border-radius: 0;
  border: 1px solid transparent;
  background-color: #ddd;
  color: #000;
}
a.btn-default:hover {
  border: 1px solid transparent;
}
a.btn-circle-help {
  width: 20px;
  height: 20px;
  text-align: center;
  padding: 0;
  margin: -3px 0 0 5px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.428571429;
  border: 1px solid #cccccc;
  border-radius: 15px;
  background-color: #ccc;
  color: #fff;
}
a.btn-green,
button.btn-green {
  background-color: #0cc716;
  color: #fff;
}
a.btn-green:hover,
button.btn-green:hover {
  background-color: #0cc716;
  color: #fff;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
a.btn-dark-green,
button.btn-dark-green {
  background-color: #669933;
  color: #fff;
}
a.btn-dark-green:hover,
button.btn-dark-green:hover {
  background-color: #669933;
  color: #fff;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
a.btn-white,
button.btn-white {
  background-color: #fff;
  color: #000;
}
a.btn-white:hover,
button.btn-white:hover {
  background-color: #fff;
  color: #000;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
a.btn-blue,
button.btn-blue {
  background-color: #3155dd;
  color: #fff;
}
a.btn-blue:hover,
button.btn-blue:hover {
  background-color: #3155dd;
  color: #fff;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
a.btn-vivid-blue,
button.btn-vivid-blue {
  background-color: #0099ff;
  color: #fff;
}
a.btn-vivid-blue:hover,
button.btn-vivid-blue:hover {
  background-color: #0099ff;
  color: #fff;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
a.btn-purple,
button.btn-purple {
  background-color: #9400D3;
  color: #fff;
}
a.btn-purple:hover,
button.btn-purple:hover {
  background-color: #9400D3;
  color: #fff;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
a.btn-yellow,
button.btn-yellow {
  background-color: #ffcd00;
  color: #fff;
}
a.btn-yellow:hover,
button.btn-yellow:hover {
  background-color: #ffcd00;
  color: #fff;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
a.btn-pink,
button.btn-pink {
  background-color: #FF1493;
  color: #fff;
}
a.btn-pink:hover,
button.btn-pink:hover {
  background-color: #FF1493;
  color: #fff;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
a.btn-red,
button.btn-red {
  background-color: #ff0030;
  color: #fff;
}
a.btn-red:hover,
button.btn-red:hover {
  background-color: #ff0030;
  color: #fff;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
a.btn-gray,
button.btn-gray {
  background-color: #ddd;
  color: #000;
}
a.btn-gray:hover,
button.btn-gray:hover {
  background-color: #ddd;
  color: #000;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.dropdown-toggle .caret {
  margin-left: 6px;
}

.form-horizontal .control-label {
  text-align: left;
  padding-top: 7px;
}

.form-inline .form-control {
  display: inline-block;
  width:auto;
}

/* issue 207 - Date picker select year/month */
/* https://github.com/dangrossman/daterangepicker/issues/1142 */ 
.daterangepicker.single.ltr .ranges {
    display : block !important;
}

/* https://stackoverflow.com/a/20096216/3643497 */
.top5 { margin-top:5px; }
.top7 { margin-top:7px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top17 { margin-top:17px; }
.top20 { margin-top:20px; }
.top30 { margin-top:30px; }
.top40 { margin-top:40px; }
.top80 { margin-top:80px; }
.top100 { margin-top:100px; }

.right10 { margin-right: 10px; }
.left10 { margin-left: 10px; }

.bottom5 { margin-bottom: 5px; }
.bottom10 { margin-bottom: 10px; }
.bottom15 { margin-bottom: 15px; }
.bottom20 { margin-bottom: 20px; }
.bottom40 { margin-bottom: 40px; }


ul.error {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}
ul.error > li {
  color: red;
  margin: 5px 0px 10px 5px;
  font-size: 1.4rem;
  font-weight: 600;
}
ul.error > li:before {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 8px;
  content: '';
  background: url('../images/icon_error.png') no-repeat 0 0;
  background-size: 100%;
}
.row > ul.error {
  padding: 0px 15px;
}

.btn-default.active,
.btn-default.active.focus {
  color: #fff;
  background-color: #3155dd;
  border-color: #3155dd;
}

.small-notes {
  display: block;
  font-size: 1.3rem;
  line-height: 1.2;
  color: #999;
}
.title-row {
  display: flex;
  align-items: flex-end;
}
@media (min-width: 576px) {
  .small-notes {
    font-size: 1.5rem;
  }
}
.form-tip-english-only {
  background-color: brown;
  color: #fff;
  display: inline-block;
  padding: 2px 30px;
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
}

.form-tip-highlight {
  color: #000;
  font-size: 1.5rem;
  font-weight: bold;
}

.plantype-color {
  border-radius: 0px;
}
.plantype-color[plan-type='White'] {
  background-color: #fff !important;
  border: 1px solid #999;
  color: #000;
}
.plantype-color[plan-type='Green'] {
  background-color: #28a428 !important;
  border: 1px solid #ccc;
  color: #fff;
}
.plantype-color[plan-type='Green+'] {
  background-color: #006938 !important;
  border: 1px solid #ccc;
  color: #fff;
}
.plantype-color[plan-type='Brown'] {
  background-color: #a52a2a !important;
  border: 1px solid #ccc;
  color: #fff;
}
.plantype-color[plan-type='Blue'] {
  background-color: #4169e1 !important;
  border: 1px solid #ccc;
  color: #fff;
}
.plantype-color[plan-type='Blue+'] {
  background-color: #2d499d !important;
  border: 1px solid #ccc;
  color: #fff;
}
.plantype-color[plan-type='Black'] {
  background-color: #000 !important;
  border: 1px solid #ccc;
  color: #fff;
}
.plantype-color[plan-type='J1 Purple'] {
  background-color: #9400D3 !important;
  border: 1px solid #ccc;
  color: #fff;
}
.plantype-color[plan-type='J1 Pink'] {
  background-color: #FF1493 !important;
  border: 1px solid #ccc;
  color: #fff;
}
.plantype-color[plan-type='J1 Yellow'] {
  background-color: #ffcd00 !important;
  border: 1px solid #ccc;
  color: #fff;
}
.plantype-color[plan-type='ISA J'],
.plantype-color[plan-type='ISA J Plus'] {
  background-color: #06559d !important;
  border: 1px solid #ccc;
  color: #fff;
}
.plantype-color[plan-subtype='Option'] {
  background-color: #ff6666 !important;
  border: 1px solid #ccc;
  color: #fff;
}
.plantype-color[plan-subtype='Highschool'],
.plantype-color[plan-subtype='Lingual'],
.plantype-color[plan-subtype='Travel'] {
  background-color: #696969 !important;
  border: 1px solid #ccc;
  color: #fff;
}
.plantype-color[plan-subtype='Special Field'] {
  background-color: #BDB76B !important;
  border: 1px solid #ccc;
  color: #fff;
}
.plantype-color[plan-subtype='Special Nature'] {
  background-color: #00FF7F !important;
  border: 1px solid #ccc;
  color: #fff;
}
.plantype-color[plan-subtype='Special Cloud'] {
  background-color: #00BFFF !important;
  border: 1px solid #ccc;
  color: #fff;
}
.cancelled {
  color: red;
}

@media (max-width: 767px) {
  .pull-xs-left {
      float: left !important;
  }
  .pull-xs-right {
      float: right !important;
  }
  .pull-xs-none {
      float: none !important;
  }
}
@media (min-width: 576px) {
  ul.error > li {
    font-size: 1.6rem;
  }
}
@media (min-width: 768px) {
  .pull-sm-left {
      float: left !important;
  }
  .pull-sm-right {
      float: right !important;
  }
  .pull-sm-none {
      float: none !important;
  }
}
@media (min-width: 992px) {
  .pull-md-left {
      float: left !important;
  }
  .pull-md-right {
      float: right !important;
  }
  .pull-md-none {
      float: none !important;
  }
}
@media (min-width: 1200px) {
  .pull-lg-left {
      float: left !important;
  }
  .pull-lg-right {
      float: right !important;
  }
  .pull-lg-none {
      float: none !important;
  }
}
.pull-none {
    float: none !important;
}

.pull-right-bottom {
  position: absolute;
  bottom: 0px;
  right: 0px;
}

/*  clearfix  */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.table th.align-right,
.table td.align-right {
  text-align: right;
}

/* body.normal */

@media (min-width: 1200px) {
  body.normal {
    /*background-position: center center;*/
    background-position-x: center;
    background-position-y: -100px;
  }
}
@media (max-width: 1199px) {
  body.normal {
    background-position: center center;
    /*
    background-position-x: center;
    background-position-y: -100px;
    */
  }
}
.content-container {
  width: 96%;
  margin-right: auto;
  margin-left: auto;
}
.content-container:after,
.content-container:before {
  display: table;
  content: " ";
}
.content-container > .page-header {
  margin: 25px 0px 5px 0px;
  border-bottom: 0px;
}

@media (min-width: 576px) {
  .content-container {
    width: 94%;
  }
}
@media (min-width: 768px) {
  .content-container {
    width: 92%;
  }
}
@media (min-width: 992px) {
  .content-container {
    width: 90%;
  }
}

.content-container-white {
  background-color: #fff;
  color: #000;
}
.content-container-white > .container {
  width: 100%;
  padding: 0px 10px 30px;
}
.content-container-white > .page-header > h1  {
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
}
.content-container-white > .page-header > h2  {
  font-size: 2.4rem;
  text-align: center;
  color: #999;
}
.content-container-white > .container h3 {
  font-size: 1.8rem;
  font-weight: 600;
}
.content-container-white > .container h4 {
  font-size: 1.6rem;
  font-weight: 600;
  margin: 20px 0px 10px;
}
.content-container-white > .container h5 {
  font-size: 1.4rem;
  font-weight: 600;
  margin: 20px 0px 5px;
}
.content-container-white > .page-header.money-back-guarantee {
  background-image: url('../images/guarantee_money_back.png');
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 60px 60px;
  min-height: 60px;
}
.content-container-white > .page-header.money-back-guarantee > h1,
.content-container-white > .page-header.money-back-guarantee > h2 {
  padding-right: 60px;
}
@media (min-width: 576px) {
  .content-container-white > .container {
    padding: 0px 20px 30px;
  }
  .content-container-white > .page-header > h1 {
    font-size: 2.6rem;
  }
  .content-container-white > .container h3 {
    font-size: 2.2rem;
  }
  .content-container-white > .container h4 {
    font-size: 2rem;
  }
  .content-container-white > .container h5 {
    font-size: 1.8rem;
  }
  .content-container-white > .page-header.money-back-guarantee {
    background-position: top 0px right 8px;
    background-size: 80px 80px;
    min-height: 80px;
  }
  .content-container-white > .page-header.money-back-guarantee > h1,
  .content-container-white > .page-header.money-back-guarantee > h2 {
    padding-right: 80px;
  }
}
@media (min-width: 768px) {
  .content-container-white > .container {
    padding: 0px 40px 30px;
  }
  .content-container-white > .page-header > h1 {
    font-size: 3rem;
  }
  .content-container-white > .container h3 {
    font-size: 2.6rem;
  }
  .content-container-white > .page-header.money-back-guarantee {
    background-position: top -6px right 20px;
    background-size: 100px 100px;
    min-height: 100px;
  }
  .content-container-white > .page-header.money-back-guarantee > h1,
  .content-container-white > .page-header.money-back-guarantee > h2 {
    padding-right: 110px;
  }
}
@media (min-width: 992px) {
  .content-container-white > .container {
    padding: 0px 60px 30px;
  }
  .content-container-white > .page-header.money-back-guarantee {
    background-position: top -6px right 50px;
    background-size: 100px 100px;
    min-height: 100px;
  }
  .content-container-white > .page-header.money-back-guarantee > h1,
  .content-container-white > .page-header.money-back-guarantee > h2 {
    padding-right: 140px;
  }
}

.content-container-black {
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding-bottom: 50px;
}
.content-container-black > .page-header > h1 {
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
}
.content-container-black > .container {
  width: 100%;
}
@media (min-width: 576px) {
  .content-container-black > .page-header > h1 {
    font-size: 3.4rem;
  }
}


.content-container-static {
  background-color: #fff;
  color: #000;
}
.content-container-static h1 {
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  margin-top: 25px;
}
.content-container-static h3 {
  font-size: 1.8rem;
  font-weight: 600;
}
.content-container-static h4 {
  font-size: 1.6rem;
  font-weight: 600;
  margin: 20px 0px 10px;
}
.content-container-static h5 {
  font-size: 1.4rem;
  font-weight: 600;
  margin: 20px 0px 5px;
}
.content-container-static hr {
  border-top: 1px solid #999;
}
.content-container-static > div {
  width: 100%;
  padding: 10px 10px 30px;
}
.content-container-static .color-blue {
  color: #0074D9;
}
.content-container-static .bold {
  font-weight: bold;
}
.content-container-static .underline {
  text-decoration: underline;
}
.content-container-static .provider-network {
  margin: 30px 20px;
}
.content-container-static .provider-network > a {
  display: block;
  text-decoration: none;
  color: #000;
  margin-bottom: 30px;
}
.content-container-static .provider-network .row {
  font-weight: bold;
}
.content-container-static .provider-network .bordered {
  border-radius: 3px;
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease-out;
  margin-bottom: 3rem;
}
.content-container-static .provider-network .bordered.height1 {
  height: 300px;
}
.content-container-static .provider-network .bordered.height2 {
  height: 210px;
}
.content-container-static .provider-network:hover .bordered {
  box-shadow:
              0 4px 4px rgba(0, 0, 0, .1),
              0 8px 8px rgba(0, 0, 0, .1),
              0 16px 16px rgba(0, 0, 0, .1),
              0 32px 32px rgba(0, 0, 0, .15);
}
.content-container-static .provider-network .clickable {
  cursor: pointer;
}
.content-container-static .provider-network .bordered .centered {
  margin: auto;
  width: 80%;
  padding: 2.4rem;
}
.content-container-static .provider-network .bordered .centered h3 {
  text-align: center;
}
.content-container-static .provider-network .plantype {
  margin-bottom: 10px;
  display: flex;
  align-items: baseline;
}
.content-container-static .claim_notes {
  color: #238f23;
  background-color: #e6f9ef;
}
.content-container-static .plantype-color {
  display: inline-block;
  width: 2.6rem;
  height: 2.8rem;
  line-height: 2.4rem;
  text-align: center;
  margin-right: 6px;
  color: #3f3f3f;
  background-color: #fff !important;
  border-width: 2px;
  border-style: solid;
}
.content-container-static .plantype-color[plan-type='White'] {
  border-color: #fff;
}
.content-container-static .plantype-color[plan-type='Green'] {
  border-color: #28a428;
}
.content-container-static .plantype-color[plan-type='Green+'] {
  border-color: #006938;
}
.content-container-static .plantype-color[plan-type='Brown'] {
  border-color: #a52a2a;
}
.content-container-static .plantype-color[plan-type='Blue'] {
  border-color: #4169e1;
}
.content-container-static .plantype-color[plan-type='Blue+'] {
  border-color: #2d499d;
}
.content-container-static .plantype-color[plan-type='J1 Purple'] {
  border-color: #9400D3;
}
.content-container-static .plantype-color[plan-type='J1 Pink'] {
  border-color: #FF1493;
}
.content-container-static .plantype-color[plan-type='J1 Yellow'] {
  border-color: #ffcd00;
}
.content-container-static .plantype-color[plan-type='ISA J'],
.content-container-static .plantype-color[plan-type='ISA J Plus'] {
  border-color: #06559d;
}
.content-container-static .plantype-color[plan-subtype='Option'] {
  border-color: #ff6666;
}
.content-container-static .plantype-color[plan-subtype='Highschool'],
.content-container-static .plantype-color[plan-subtype='Lingual'],
.content-container-static .plantype-color[plan-subtype='Travel'] {
  border-color: #696969;
}
.content-container-static .plantype-color[plan-subtype='Special Field'] {
  border-color: #BDB76B;
}
.content-container-static .plantype-color[plan-subtype='Special Nature'] {
  border-color: #00FF7F;
}
.content-container-static .plantype-color[plan-subtype='Special Cloud'] {
  border-color: #00BFFF;
}
@media (min-width: 576px) {
  .content-container-static h1 {
    font-size: 2.6rem;
  }
  .content-container-static h3 {
    font-size: 2.2rem;
  }
  .content-container-static h4 {
    font-size: 2rem;
  }
  .content-container-static h5 {
    font-size: 1.8rem;
  }
  .content-container-static > div {
    padding: 10px 20px 30px;
  }
}
@media (min-width: 768px) {
  .content-container-static h1 {
    font-size: 3rem;
  }
  .content-container-static h3 {
    font-size: 2.6rem;
  }
  .content-container-static > div {
    padding: 10px 40px 30px;
  }
  .content-container-static #accidentOrIllnessTips .nav-pills {
    display: flex;
    justify-content: space-around;
  }
  .content-container-static #accidentOrIllnessTips .nav-pills li {
    margin: 5px 10px;
  }
  .content-container-static #accidentOrIllnessTips .nav-pills li a {
    font-size: 2rem;
    font-weight: bold;
    border: 1px solid #000;
    padding: 6px 18px;
    text-align: center;
  }
  .content-container-static #accidentOrIllnessTips .nav-pills #navEmergency a {
    color: #d44950;
    background-color: #fff;
  }
  .content-container-static #accidentOrIllnessTips .nav-pills #navEmergency a:active,
  .content-container-static #accidentOrIllnessTips .nav-pills #navEmergency.active a {
    color: #fff;
    background-color: #d44950;
  }
  .content-container-static #accidentOrIllnessTips .nav-pills #navNonEmergency a {
    color: #4cae4c;
    background-color: #fff;
  }
  .content-container-static #accidentOrIllnessTips .nav-pills #navNonEmergency a:active,
  .content-container-static #accidentOrIllnessTips .nav-pills #navNonEmergency.active a {
    color: #fff;
    background-color: #4cae4c;
  }
  .content-container-static #accidentOrIllnessTips .nav-pills #navNetwork a {
    color: #337ab7;
    background-color: #fff;
  }
  .content-container-static #accidentOrIllnessTips .nav-pills #navNetwork a:active,
  .content-container-static #accidentOrIllnessTips .nav-pills #navNetwork.active a {
    color: #fff;
    background-color: #337ab7;
  }
  .content-container-static #accidentOrIllnessTips .panel-heading {
    display: none;
  }
  .content-container-static #accidentOrIllnessTips .panel {
    border: none;
    box-shadow: none;
  }
  .content-container-static #accidentOrIllnessTips .panel-collapse {
    height: auto;
  }
  .content-container-static #accidentOrIllnessTips .panel-collapse.collapse {
    display: block;
  }
}
@media (max-width:767px) {
  .content-container-static #accidentOrIllnessTips .nav-pills {
    display: none;
  }
  .content-container-static #accidentOrIllnessTips .tab-content .tab-pane {
    display: block;
  }
  .content-container-static #accidentOrIllnessTips .panel-title a {
    display: block;
    font-size: 2rem;
    font-weight: bold;
    border: 1px solid #000;
    padding: 6px 18px;
    text-decoration: none;
  }
  .content-container-static #accidentOrIllnessTips .panel-title a:hover,
  .content-container-static #accidentOrIllnessTips .panel-title a:active {
    text-decoration: none;
  }
  .content-container-static #accidentOrIllnessTips #tabEmergency .panel-title a {
    color: #d44950;
    background-color: #fff;
  }
  .content-container-static #accidentOrIllnessTips #tabEmergency .panel-title a:active,
  .content-container-static #accidentOrIllnessTips #tabEmergency .panel-heading.active .panel-title a {
    color: #fff;
    background-color: #d44950;
  }
  .content-container-static #accidentOrIllnessTips #tabNonEmergency .panel-title a {
    color: #4cae4c;
    background-color: #fff;
  }
  .content-container-static #accidentOrIllnessTips #tabNonEmergency .panel-title a:active,
  .content-container-static #accidentOrIllnessTips #tabNonEmergency .panel-heading.active .panel-title a {
    color: #fff;
    background-color: #4cae4c;
  }
  .content-container-static #accidentOrIllnessTips #tabNetwork .panel-title a {
    color: #337ab7;
    background-color: #fff;
  }
  .content-container-static #accidentOrIllnessTips #tabNetwork .panel-title a:active,
  .content-container-static #accidentOrIllnessTips #tabNetwork .panel-heading.active .panel-title a {
    color: #fff;
    background-color: #337ab7;
  }
  .content-container-static #accidentOrIllnessTips .panel {
    margin: 0;
    box-shadow: none;
    border-width: 0px;
    border-radius: 0;
    margin-top: -2px;
  }
  .content-container-static #accidentOrIllnessTips .panel .panel-heading {
    border-width: 0px;
  }
  .content-container-static #accidentOrIllnessTips .panel .panel-heading h4 {
    margin: 0px;
  }
}
@media (min-width: 992px) {
  .content-container-static > div {
    padding: 10px 60px 30px;
  }
  .content-container-static #accidentOrIllnessTips .nav-pills li {
    width: 25%;
    margin: 10px 20px;
  }
}
.content-container-static #faq .nav-pills > li > a {
  font-size: 1.9rem;
  font-weight: bold;
  padding: 6px 18px;
  color: #fff;
  background-color: #3EA055;
  border: 1px solid #38c172;
  text-align: center;
}
.content-container-static #faq .nav-pills > li > a:hover {
  background-color: #32d778;
}
.content-container-static #faq .nav-pills > li.active > a,
.content-container-static #faq .nav-pills > li.active > a:focus,
.content-container-static #faq .nav-pills > li.active > a:hover {
    color: #000;
    background-color: #fff;
    border: 1px solid #1f9d55;
}
.content-container-static #faq .tab-content > .tab-pane > .panel {
  box-shadow: none;
  border-width: 0px;
  border-radius: 0;
}
.content-container-static #faq .tab-content > .tab-pane > .panel > .panel-heading {
  padding: 10px 15px 5px 15px;
  border: none;
}
.content-container-static #faq .tab-content > .tab-pane > .panel > .panel-heading > .panel-title {
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  background-color: #3EA055;
  border: 1px solid #b8c2cc;
  margin: 0px;
  padding: 0px;
}
.content-container-static #faq .tab-content > .tab-pane > .panel > .panel-heading > .panel-title:hover {
  background-color: #32d778;
}
.content-container-static #faq .tab-content > .tab-pane > .panel > .panel-heading > .panel-title > a,
.content-container-static #faq .tab-content > .tab-pane > .panel > .panel-heading > .panel-title > a:hover,
.content-container-static #faq .tab-content > .tab-pane > .panel > .panel-heading > .panel-title > a:active {
  display: block;
  text-decoration: none;
  padding: 10px 15px;
}
.content-container-static #faq .tab-content > .tab-pane > .panel > .panel-collapse .panel {
  border-width: 0px;
  margin-bottom: 10px;
}
.content-container-static #faq .tab-content > .tab-pane > .panel > .panel-collapse .panel > a,
.content-container-static #faq .tab-content > .tab-pane > .panel > .panel-collapse .panel > a:hover,
.content-container-static #faq .tab-content > .tab-pane > .panel > .panel-collapse .panel > a:active {
  display: block;
  text-decoration: none;
}
.content-container-static #faq .tab-content > .tab-pane > .panel > .panel-collapse .panel > .panel-heading {
  padding: 0px;
  border: none;
}
.content-container-static #faq .tab-content > .tab-pane > .panel > .panel-collapse .panel > .panel-heading > .panel-title {
  color: #000;
  border: 1px solid #b8c2cc;
  display: flex;
  margin: 0px;
}
.content-container-static #faq .tab-content > .tab-pane > .panel > .panel-collapse .panel > .panel-heading > .panel-title:before {
  content: "Q.";
  padding: 10px 0px 10px 15px;
}
.content-container-static #faq .tab-content > .tab-pane > .panel > .panel-collapse .panel > .panel-heading > .panel-title:hover {
  color: #2c87f0;
}
.content-container-static #faq .tab-content > .tab-pane > .panel > .panel-collapse .panel > .panel-heading > .panel-title > a {
  display: block;
  text-decoration: none;
  padding: 10px;
  width: 100%;
}
@media (min-width: 768px) {
  .content-container-static #faq .nav-pills {
    display: flex;
    justify-content: space-around;
    align-items: baseline;
    flex-wrap: wrap;
  }
  .content-container-static #faq .nav-pills > li {
    margin: 10px 5px;
    flex-grow: 1;
    width: 20%;
  }
  .content-container-static #faq .tab-content > .tab-pane > .panel {
    border: none;
    box-shadow: none;
  }
  .content-container-static #faq .tab-content > .tab-pane > .panel > .panel-heading {
    display: none;
  }
  .content-container-static #faq .tab-content > .tab-pane > .panel > .panel-collapse {
    height: auto !important;
  }
  .content-container-static #faq .tab-content > .tab-pane > .panel > .panel-collapse.collapse {
    display: block;
  }
}
@media (max-width:767px) {
  .content-container-static #faq .nav-pills {
    display: none;
  }
  .content-container-static #faq .tab-content > .tab-pane {
    display: block;
  }
  .content-container-static #faq .panel {
    margin: 0;
    margin-top: -2px;
  }
}

.navbar-normal,
.navbar-wizard {
  border-bottom: 0px;
  margin-bottom: 0px;
}
.navbar-normal > .container,
.navbar-wizard > .container {
  width: 96%;
  height: 80px;
  padding: 15px 0px;
}
.navbar-normal > .container > .message-box {
  clear: both;
  position: relative;
  color: red;
  font-size: 1.4rem;
  font-weight: 600;
  left: 0%;
  bottom: 20%;
}

/* .navbar-normal > .container > .navbar-header > .navbar-brand */

@media (max-width: 767px) {
  .navbar-normal > .container > .navbar-header > .navbar-brand {
    height: auto;
    padding: 0px;
  }
  .navbar-normal .nav > li > a:hover,
  .navbar-normal .nav > li > a:focus {
    background-color: transparent;
  }
  .navbar-normal .nav .open > a,
  .navbar-normal .nav .open > a:hover,
  .navbar-normal .nav .open > a:focus {
    background-color: transparent;
  }
}
@media (min-width: 576px) {
  .navbar-normal > .container,
  .navbar-wizard > .container {
    width: 94%;
  }
}
@media (min-width: 768px) {
  .navbar-normal > .container,
  .navbar-wizard > .container {
    width: 92%;
  }
  .navbar-normal > .container > .message-box {
    font-size: 1.6rem;
  }
}
@media (min-width: 992px) {
  .navbar-normal > .container,
  .navbar-wizard > .container {
    width: 90%;
  }
}

.navbar-normal {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  border-color: transparent;
}

.navbar-normal .navbar-header {
  float: left;
  margin-right: 0;
  margin-left: 0;
}
.navbar-normal .navbar-nav li > a{
  font-size: 1.6rem;
}
.navbar-normal .navbar-nav > li > a {
  padding: 15px;
  color: #fff;
}
.navbar-normal .navbar-nav > li > a,
.navbar-normal .navbar-nav > li > a:focus,
.navbar-normal .navbar-nav > li > a:hover {
  color: #fff;
}
.navbar-normal .navbar-nav > li.open > a,
.navbar-normal .navbar-nav > li.open > a:focus,
.navbar-normal .navbar-nav > li.open > a:hover {
  background-color: transparent;
  color: #fff;
}
.navbar-normal .navbar-nav > li.open > .dropdown-menu,
.navbar-normal .nav-pills > li.open > .dropdown-menu {
  background-color: #0159C3;
  color: #fff;
}
.navbar-normal .navbar-nav > li.open > .dropdown-menu > li > a,
.navbar-normal .nav-pills > li.open > .dropdown-menu > li > a {
  background-color: transparent;
  color: #fff;
}
.navbar-normal .navbar-nav > li.dian-menu-small > a,
.navbar-normal .navbar-nav > li.dian-menu-small > ul.dropdown-menu-language a {
  font-size: 1.4rem;
}
.navbar-normal .navbar-nav > li.dian-menu-small > ul.dropdown-menu-language,
.navbar-normal .nav-pills > li.dian-menu-small > ul.dropdown-menu-language {
  min-width: 80px;
}
.navbar-normal .nav-pills {
  float: right;
}
.navbar-normal .nav-pills > li+li {
  margin-left: 10px;
}
.navbar-normal .nav-pills > li > a {
  border-radius: 0px;
  padding: 0px;
  color: #fff;
}
.navbar-normal .nav-pills > li.dian-menu-small > a {
  padding-top: 10px;
}
body.normal .navbar-collapse[aria-expanded='true'] .navbar-nav {
  background-color: #0159C3;
  color: #fff;
}
body.normal .navbar-collapse[aria-expanded='true'] .navbar-nav>li>a {
  line-height: 26px;
}
.navbar-fixed-top .navbar-collapse[aria-expanded='true'] {
  max-height: none;
}

body.wizard {
  padding-top: 120px;
}
.navbar-wizard .stepwizard-row .stepwizard-step {
  text-align: center;
}
.navbar-wizard .stepwizard-row .stepwizard-step > p {
  font-size: 1.2rem;
  margin-top: 0px;
  margin-left: -10px;
  margin-right: -10px;
  color: #666;
}
.navbar-wizard .stepwizard-row .stepwizard-step-active > p {
  color: #3155dd;
}
.navbar-wizard .stepwizard-row .stepwizard-step > .btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  line-height: 1.428571429;
  border: 1px solid #cccccc;
  border-radius: 15px;
  background-color: #fff;
}
.navbar-wizard .stepwizard-row .stepwizard-step > .btn {
  opacity:1 !important;
  color: #bbb;
  font-size: 2.2rem;
  line-height: 1.5rem;
}
.navbar-wizard .stepwizard-row .stepwizard-step > .btn.disabled {
  opacity:1 !important;
  color: #bbb;
  font-size: 2.2rem;
  line-height: 1.5rem;
  background-color: #ddd;
}
.navbar-wizard .stepwizard-row .stepwizard-step-active > .btn {
  background-color: #3155dd;
  color: #fff;
}
.navbar-wizard .stepwizard-row :not(.col-last) .stepwizard-step:before {
  top: 15px;
  left: 50%;
  position: absolute;
  content: " ";
  width: 100%;
  height: 1px;
  background: repeating-linear-gradient(
    to right,
    #ccc,
    #ccc 5px,
    #fff 5px,
    #fff 10px
  );
  z-index: -1;
}

body.wizard > .content-container > .container {
  width: 100%;
}
body.wizard #buy-container > .panel-active > .panel-heading {
  display: none;
}
body.wizard #buy-container > .panel:not(.panel-active) {
  display: none;
}
body.wizard #buy-container > .panel {
  border-width: 0px;
}
body.wizard #buy-container > .panel > .panel-body h3 {
  margin-top: 40px;
}
body.wizard #buy-container > .panel > .panel-body h3:first-child {
  margin-top: 20px;
}
body.wizard #buy-container > .panel > .panel-body h4 {
  font-size: 1.6rem;
  font-weight: 600;
  color: #666;
  line-height: 2;
}
body.wizard #buy-container > .panel > .panel-body label {
  font-size: 1.4rem;
  font-weight: 600;
}
body.wizard #buy-container > .panel > .panel-body .control-value {
  font-size: 1.4rem;
  margin: 6px 0px;
  padding: 0px 12px;
}
body.wizard #buy-container > .panel > .panel-body .form-group .control-value {
  line-height: 3rem;
}
body.wizard #buy-container > .panel > .panel-body select {
  font-size: 1.4rem;
  font-weight: normal;
}
body.wizard #buy-container > .panel > .panel-body hr {
  margin: 5px 0 20px 0;
  border-top: 1px solid #ddd;
}
body.wizard #buy-container > .panel > .panel-body .title-row+hr {
  margin-top: 2px;
}
body.wizard #buy-container > .panel > .panel-body .title-row h3 {
  margin-top: 40px;
  margin-bottom: 5px;
}
body.wizard #buy-container > .panel > .panel-body .first-title-row h3 {
  margin-top: 20px;
}
body.wizard #buy-container > .panel > .panel-body .title-row .plantype-color {
  width: auto;
  min-width: 12rem;
  line-height: 1;
  padding: 3px 6px;
}
body.wizard #buy-container > .panel > .panel-body .title-row .sub-heading {
  font-size: 1.6rem;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 0px;
}
body.wizard #buy-container > .panel > .panel-body .section-title {
  font-size: 1.6rem;
  color: #666;
  margin-top: 10px;
  margin-bottom: 10px;
}
body.wizard #buy-container .agreement a[href="/"]:link {
  text-decoration: inherit;
  color: inherit;
  cursor: auto; 
}
body.wizard #buy-container .agreement a[href="/"]:visited {
  text-decoration: inherit;
  color: inherit;
  cursor: auto;
}
body.wizard #buy-container .reference-message {
  font-weight: 600;
}
body.wizard #buy-container .read-more-paragraph {
  display: -webkit-box;
  /* truncate to 5 lines */
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
body.wizard #buy-container .read-more-paragraph.expanded {
  -webkit-line-clamp: unset;
}
body.wizard #buy-container .read-more {
  border-width: 0px;
  padding-left: 0px;
  color: #3333cc;
  background-color: #fff;
}
body.wizard #buy-container .read-more:hover {
  text-decoration: underline;
}

body.wizard .table {
  font-size: 1.4rem;
}
body.wizard .table > tbody > tr > td,
body.wizard .table > tbody > tr > th,
body.wizard .table > tfoot > tr > td,
body.wizard .table > tfoot > tr > th,
body.wizard .table > thead > tr > td,
body.wizard .table > thead > tr > th {
  border-width: 0px;
}

@media (min-width: 576px) {
  body.wizard {
    padding-top: 100px;
  }
  .navbar-wizard .stepwizard-row .stepwizard-step > p {
    font-size: 1.4rem;
  }
  body.wizard #buy-container > .panel > .panel-body label {
    font-size: 1.6rem;
  }
  body.wizard #buy-container > .panel > .panel-body .control-value {
    font-size: 1.6rem;
  }
  body.wizard #buy-container > .panel > .panel-body select {
    font-size: 1.6rem;
  }
  body.wizard .col-sm-2 .btn-group .btn {
    padding: 6px;
  }
  body.wizard #buy-container > .panel > .panel-body .title-row .plantype-color {
    min-width: 15rem;
    padding-left: 10px;
    padding-right: 10px;
  }
  body.wizard .table {
    font-size: 1.6rem;
  }
}
@media (min-width: 768px) {
  body.wizard {
    padding-top: 90px;
  }
  .navbar-wizard .stepwizard-row .stepwizard-step > p {
    font-size: 1.6rem;
  }
  body.wizard #buy-container > .panel > .panel-body .title-row .sub-heading {
    font-size: 2rem;
  }
  body.wizard #buy-container > .panel > .panel-body h4 {
    font-size: 1.8rem;
  }
  body.wizard #buy-container > .panel > .panel-body .title-row .plantype-color {
    min-width: 17rem;
  }
}

/* #home */

#login .page-header {
  margin-top: 100px;
  border-bottom: 0px;
}
#login .page-header > h1 {
  color: #fff;
  font-size: 4rem;
  font-weight: bold;
  text-align: center;
}
#login #login-container {
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.7);
  border-width: 0px;
}
#login #login-container .alert {
  color: red;
  font-size: 1.4rem;
  font-weight: 600;
  margin: 0px;
  padding: 0px;
}
#login #login-container a {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 600;
}
#login #login-container .form-control {
  background-color: rgba(0, 0, 0, 0.1);
  color: #fff;
  border-color: #fff;
  border-radius: 0px;
  border-width: 1.5px;
  height: 36px;
}
#login #login-container input[type=submit] {
  width: 100%;
  height: 36px;
  border-radius: 0px;
  background-color: #3155dd;
  color: #fff;
  border-width: 1.5px;
  border-color: #fff;
}
@media (min-width: 768px) {
  #login #login-container {
    width: 350px;
  }
}


#resetPassword .page-header {
  margin-top: 100px;
  border-bottom: 0px;
}
#resetPassword .page-header > h1 {
  color: #fff;
  font-size: 4rem;
  font-weight: bold;
  text-align: center;
}
#resetPassword #resetPassword-container {
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.7);
  border-width: 0px;
}
#resetPassword #resetPassword-container .form-control {
  background-color: rgba(0, 0, 0, 0.1);
  color: #fff;
  border-color: #bbb;
  border-radius: 0px;
  border-width: 1.5px;
  height: 36px;
  margin-bottom: 10px;
}
#resetPassword #resetPassword-container ul.error,
#resetPassword #resetPassword-container ul.error > li {
  margin: 0px;
  padding: 0px;
}
#resetPassword #resetPassword-container ul.error > li:before {
  content: '';
  background: none;
}
@media (min-width: 768px) {
  #resetPassword #resetPassword-container {
    width: 350px;
  }
}

#plansByVisitType #plan-container {
  display: flex;
  flex-wrap: wrap;
  padding: 0px 15px;
  justify-content: center;
}
#plansByVisitType #plan-container > .col-sm-4 {
  width: 100%;
  padding: 0px 10px;
}
#plansByVisitType #plan-container > .col-sm-4 > .panel {
  background-color: transparent;
  border-color: #fff;
  border-radius: 0px;
  border-width: 1.5px;
}
#plansByVisitType #plan-container > .col-sm-4 > .panel > .panel-heading {
  width: 175px;
  margin: 20px auto 0px auto;
  padding: 0px;
  border-width: 0px;
  border-radius: 0px;
  text-align: center;
}
#plansByVisitType #plan-container > .col-sm-4 > .panel > .panel-heading > a.btn-plan-type {
  display: block;
  width: 100%;
  margin: 0px;
  padding: 10px 15px;
  border-width: 0px;
  border-radius: 0px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 0.8;
}
#plansByVisitType #plan-container > .plan-green > .panel > .panel-heading > a.btn-plan-type {
  background-color: #28a428;
  color: #fff;
}
#plansByVisitType #plan-container > .plan-white > .panel > .panel-heading > a.btn-plan-type {
  background-color: #fff;
  color: #000;
}
#plansByVisitType #plan-container > .plan-blue > .panel > .panel-heading > a.btn-plan-type {
  background-color: #4169e1;
  color: #fff;
}
#plansByVisitType #plan-container > .plan-j1purple > .panel > .panel-heading > a.btn-plan-type,
#plansByVisitType #plan-container > .plan-option > .panel > .panel-heading > a.btn-plan-type,
#plansByVisitType #plan-container > .plan-highschool > .panel > .panel-heading > a.btn-plan-type
{
  background-color: #9400D3;
  color: #fff;
}
#plansByVisitType #plan-container > .plan-j1yellow > .panel > .panel-heading > a.btn-plan-type, 
#plansByVisitType #plan-container > .plan-option-plus > .panel > .panel-heading > a.btn-plan-type,
#plansByVisitType #plan-container > .plan-highschool-plus > .panel > .panel-heading > a.btn-plan-type
{
  background-color: #ffcd00;
  color: #fff;
}
#plansByVisitType #plan-container > .plan-j1pink > .panel > .panel-heading > a.btn-plan-type {
  background-color: #FF1493;
  color: #fff;
}
#plansByVisitType #plan-container > .plan-isaj > .panel > .panel-heading > a.btn-plan-type {
  background-color: #1B3F95;
  color: #fff;
}
#plansByVisitType #plan-container > .plan-sky100 > .panel > .panel-heading > a.btn-plan-type {
  background-color: #fff;
  color: #000;
}
#plansByVisitType #plan-container > .plan-oceanplus > .panel > .panel-heading > a.btn-plan-type {
  background-color: #fff;
  color: #000;
}
#plansByVisitType #plan-container > .plan-skyplus > .panel > .panel-heading > a.btn-plan-type {
  background-color: #fff;
  color: #000;
}
#plansByVisitType #plan-container .panel > .panel-body {
  padding: 10% 10px 0px 10%;
}
#plansByVisitType #plan-container .panel > .panel-body > ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  text-align: left;
}
#plansByVisitType #plan-container .panel > .panel-body > ul > li {
  font-size: 1.4rem;
  line-height: 2;
}
#plansByVisitType #plan-container .panel > .panel-body > ul > li .radio-box {
  margin-left: 5px;
}
#plansByVisitType #plan-container .panel > .panel-body > ul > li .radio-box .radio-label {
  padding-left: 16px;
}
#plansByVisitType #plan-container .panel > .panel-body > ul > li:first-child {
  padding-bottom: 5px;
}
#jVisaScholarPlans #plan-container .panel > .panel-body > ul > li:last-child {
  padding: 5px 0px 0px;
}
#plansByVisitType #plan-container .panel > .panel-body > ul > li.important {
  color: #ffcd00;
  font-weight: bold;
}
#plansByVisitType #plan-container .panel > .panel-body > .button-bar {
  text-align: center;
  margin: 10px 0px;
}
#plansByVisitType #plan-container .panel > .panel-body > .button-bar > a.btn-link {
  margin: 0px 10px;
}
#plansByVisitType #plan-container .panel > .panel-body > .button-bar > a.btn-link > .svg-details,
#plansByVisitType #plan-container .panel > .panel-body > .button-bar > a.btn-link > .svg-buy {
  fill: #fff;
  width: 42px;
  height: 42px;
}
#plansByVisitType #plan-container .panel > .panel-body > .button-bar > a.btn-link > .svg-details:hover,
#plansByVisitType #plan-container .panel > .panel-body > .button-bar > a.btn-link > .svg-buy:hover {
  fill: #ffcd00;
}
@media (min-width: 576px) {
  #plansByVisitType #plan-container {
    padding: 0px 45px;
  }
}
@media (min-width: 768px) {
  #plansByVisitType #plan-container > .col-sm-4 {
    width: 33%;
  }
  #plansByVisitType #plan-container.row.equal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
  }
  #plansByVisitType #plan-container.row.equal > [class*='col-'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #plansByVisitType #plan-container.row.equal > [class*='col-'] > .panel {
    flex: 1 1 auto;
  }
}

#schoolInternationalStudentPlans #school-container {
  border: 1px solid rgb(221, 221, 221);
  width: 100%;
  margin: 0px auto;
  padding: 18px 5px;
}
#schoolInternationalStudentPlans #school-container > .col-left+.col-right {
  margin-top: 18px;
}
#schoolInternationalStudentPlans #school-container > .col-left > ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}
#schoolInternationalStudentPlans #school-container > .col-left > ul li {
  list-style-type: none;
  display: block;
  border: 1px solid rgb(221, 221, 221);
  padding: 6px 10px;
  margin-bottom: 8px;
  font-size: 1.3rem;
}
#schoolInternationalStudentPlans #school-container > .col-left > ul > li > a,
#schoolInternationalStudentPlans #school-container > .col-left > ul > li > a:focus,
#schoolInternationalStudentPlans #school-container > .col-left > ul > li > a:hover {
  color: #000000;
  text-decoration: none;
}
#schoolInternationalStudentPlans #school-container > .col-left > ul > li img {
  margin-right: 10px;
}
#schoolInternationalStudentPlans #school-container > .col-right {
  font-size: 1.3rem;
}
#schoolInternationalStudentPlans #plan-container {
  margin-top: 30px;
}
#schoolInternationalStudentPlans #plan-container,
#noSchoolInternationalStudentPlans #plan-container {
  padding-left: 15px;
  padding-right: 15px;
  font-size: 1.3rem;
}
#schoolInternationalStudentPlans #plan-container .table-bordered > thead > tr > th,
#noSchoolInternationalStudentPlans #plan-container .table-bordered > thead > tr > th {
  border-bottom-width: 1px;
  text-align: center;
  font-weight: 600;
}
#schoolInternationalStudentPlans #plan-container .table-bordered > tbody > tr > td,
#noSchoolInternationalStudentPlans #plan-container .table-bordered > tbody > tr > td {
  border-bottom-width: 1px;
  text-align: center;
}
#schoolInternationalStudentPlans #plan-container .table-bordered > tbody > tr > td:first-child,
#noSchoolInternationalStudentPlans #plan-container .table-bordered > tbody > tr > td:first-child {
  text-align: left;
}
#schoolInternationalStudentPlans #plan-container .table-bordered a.btn-detail,
#noSchoolInternationalStudentPlans #plan-container .table-bordered a.btn-detail {
  font-size: 1.3rem;
  border-radius: 0px;
  width: 14vw;
  padding: 3px 0px;
}
#schoolInternationalStudentPlans #plan-container .table-bordered a.btn-buy,
#noSchoolInternationalStudentPlans #plan-container .table-bordered a.btn-buy {
  font-size: 1.3rem;
  border-radius: 0px;
  width: 14vw;
  padding: 3px 0px;
}
@media (min-width: 576px) {
  #schoolInternationalStudentPlans #school-container > .col-left > ul li {
    font-size: 1.6rem;
  }
  #schoolInternationalStudentPlans #school-container > .col-right {
    font-size: 1.5rem;
  }
  #schoolInternationalStudentPlans #plan-container,
  #noSchoolInternationalStudentPlans #plan-container {
    font-size: 1.6rem;
  }
  #schoolInternationalStudentPlans #plan-container .table-bordered a.btn-detail,
  #schoolInternationalStudentPlans #plan-container .table-bordered a.btn-buy,
  #noSchoolInternationalStudentPlans #plan-container .table-bordered a.btn-detail,
  #noSchoolInternationalStudentPlans #plan-container .table-bordered a.btn-buy {
    width: 12vw;
  }
}
@media (min-width: 768px) {
  #schoolInternationalStudentPlans #school-container > .col-left+.col-right {
    margin-top: 0px;
  }
  #schoolInternationalStudentPlans #plan-container .table-bordered a.btn-detail,
  #schoolInternationalStudentPlans #plan-container .table-bordered a.btn-buy,
  #noSchoolInternationalStudentPlans #plan-container .table-bordered a.btn-detail,
  #noSchoolInternationalStudentPlans #plan-container .table-bordered a.btn-buy {
    width: 10vw;
    font-size: 1.6rem;
  }
}
@media (min-width: 992px) {
  #schoolInternationalStudentPlans #plan-container .table-bordered a.btn-detail,
  #schoolInternationalStudentPlans #plan-container .table-bordered a.btn-buy,
  #noSchoolInternationalStudentPlans #plan-container .table-bordered a.btn-detail,
  #noSchoolInternationalStudentPlans #plan-container .table-bordered a.btn-buy {
    width: 8vw;
  }
	#noSchoolInternationalStudentPlans .aca-plan-container {
	  width: 80%;
	}  
}
@media (min-width: 1200px) {
  #noSchoolInternationalStudentPlans .aca-plan-container {
    width: 55%;
  }
}
	
#schoolJVisaScholarPlans #school-container {
  border: 1px solid rgb(221, 221, 221);
  width: 100%;
  margin: 0px auto;
  padding: 18px 5px;
}
#schoolJVisaScholarPlans #school-container > .col-left+.col-right {
  margin-top: 18px;
}
#schoolJVisaScholarPlans #school-container > .col-left > a {
  display: block;
  border: 1px solid rgb(221, 221, 221);
  padding: 6px 10px;
  margin-bottom: 8px;
  font-size: 1.3rem;
}
#schoolJVisaScholarPlans #school-container > .col-left > a,
#schoolJVisaScholarPlans #school-container > .col-left > a:focus,
#schoolJVisaScholarPlans #school-container > .col-left > a:hover {
  color: #000000;
  text-decoration: none;
}
#schoolJVisaScholarPlans #school-container > .col-left > a > img {
  margin-right: 10px;
}
#schoolJVisaScholarPlans #school-container > .col-right {
  font-size: 1.3rem;
}
#schoolJVisaScholarPlans #plan-container {
  margin-top: 20px;
}
#schoolJVisaScholarPlans #plan-container,
#noSchoolJVisaScholarPlans #plan-container {
  padding-left: 15px;
  padding-right: 15px;
  font-size: 1.3rem;
}
#schoolJVisaScholarPlans #plan-container .table-bordered > thead > tr > th,
#noSchoolJVisaScholarPlans #plan-container .table-bordered > thead > tr > th {
  border-bottom-width: 1px;
  text-align: center;
  font-weight: 600;
}
#schoolJVisaScholarPlans #plan-container .table-bordered > tbody > tr > td,
#noSchoolJVisaScholarPlans #plan-container .table-bordered > tbody > tr > td {
  border-bottom-width: 1px;
  text-align: center;
}
#schoolJVisaScholarPlans #plan-container .table-bordered > tbody > tr > td:first-child,
#noSchoolJVisaScholarPlans #plan-container .table-bordered > tbody > tr > td:first-child {
  text-align: left;
}
#schoolJVisaScholarPlans #plan-container .table-bordered td ul,
#noSchoolJVisaScholarPlans #plan-container .table-bordered td ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
#schoolJVisaScholarPlans #plan-container .table-bordered td ul li,
#noSchoolJVisaScholarPlans #plan-container .table-bordered td ul li {
  padding-left: 2rem;
  text-indent: -1.8rem;
}
#schoolJVisaScholarPlans #plan-container .table-bordered td ul li:before,
#noSchoolJVisaScholarPlans #plan-container .table-bordered td ul li:before {
  content: '*';
  font-size: 2rem;
  line-height: 2.2rem;
  vertical-align: bottom;
  padding-right: 1rem;
}
#schoolJVisaScholarPlans #plan-container .table-bordered a.btn-detail,
#noSchoolJVisaScholarPlans #plan-container .table-bordered a.btn-detail {
  font-size: 1.3rem;
  border-radius: 0px;
  width: 14vw;
  padding: 3px 0px;
}
#schoolJVisaScholarPlans #plan-container .table-bordered a.btn-buy,
#noSchoolJVisaScholarPlans #plan-container .table-bordered a.btn-buy {
  font-size: 1.3rem;
  border-radius: 0px;
  width: 14vw;
  padding: 3px 0px;
}
@media (min-width: 576px) {
  #schoolJVisaScholarPlans #school-container > .col-left > a {
    font-size: 1.6rem;
  }
  #schoolJVisaScholarPlans #school-container > .col-right {
    font-size: 1.5rem;
  }
  #schoolJVisaScholarPlans #plan-container,
  #noSchoolJVisaScholarPlans #plan-container {
    font-size: 1.6rem;
  }
  #schoolJVisaScholarPlans #plan-container .table-bordered a.btn-detail,
  #schoolJVisaScholarPlans #plan-container .table-bordered a.btn-buy,
  #noSchoolJVisaScholarPlans #plan-container .table-bordered a.btn-detail,
  #noSchoolJVisaScholarPlans #plan-container .table-bordered a.btn-buy {
    width: 12vw;
  }
}
@media (min-width: 768px) {
  #schoolJVisaScholarPlans #school-container > .col-left+.col-right {
    margin-top: 0px;
  }
  #schoolJVisaScholarPlans #plan-container .table-bordered a.btn-detail,
  #schoolJVisaScholarPlans #plan-container .table-bordered a.btn-buy,
  #noSchoolJVisaScholarPlans #plan-container .table-bordered a.btn-detail,
  #noSchoolJVisaScholarPlans #plan-container .table-bordered a.btn-buy {
    width: 10vw;
    font-size: 1.6rem;
  }
}
@media (min-width: 992px) {
  #schoolJVisaScholarPlans #plan-container .table-bordered a.btn-detail,
  #schoolJVisaScholarPlans #plan-container .table-bordered a.btn-buy,
  #noSchoolJVisaScholarPlans #plan-container .table-bordered a.btn-detail,
  #noSchoolJVisaScholarPlans #plan-container .table-bordered a.btn-buy {
    width: 8vw;
  }
}


#schoolTravelPlans #plan-container {
  margin-top: 20px;
}
#schoolTravelPlans #plan-container {
  padding-left: 15px;
  padding-right: 15px;
  font-size: 1.3rem;
}
#schoolTravelPlans #plan-container .table-bordered > thead > tr > th {
  border-bottom-width: 1px;
  text-align: center;
  font-weight: 600;
}
#schoolTravelPlans #plan-container .table-bordered > tbody > tr > td {
  border-bottom-width: 1px;
  text-align: center;
}
#schoolTravelPlans #plan-container .table-bordered > tbody > tr > td:first-child {
  text-align: left;
}
#schoolTravelPlans #plan-container .table-bordered a.btn-detail {
  font-size: 1.3rem;
  border-radius: 0px;
  width: 14vw;
  padding: 3px 0px;
}
#schoolTravelPlans #plan-container .table-bordered a.btn-buy {
  font-size: 1.3rem;
  border-radius: 0px;
  width: 14vw;
  padding: 3px 0px;
}
@media (min-width: 576px) {
  #schoolTravelPlans #plan-container {
    font-size: 1.6rem;
  }
  #schoolTravelPlans #plan-container .table-bordered a.btn-detail,
  #schoolTravelPlans #plan-container .table-bordered a.btn-buy {
    width: 12vw;
  }
}
@media (min-width: 768px) {
  #schoolTravelPlans #plan-container .table-bordered a.btn-detail,
  #schoolTravelPlans #plan-container .table-bordered a.btn-buy {
    width: 10vw;
    font-size: 1.6rem;
  }
}
@media (min-width: 992px) {
  #schoolTravelPlans #plan-container .table-bordered a.btn-detail,
  #schoolTravelPlans #plan-container .table-bordered a.btn-buy {
    width: 8vw;
  }
}


#insurancePlanTypeDetails #page-header.row,
#schoolSpecialPlanDetails #page-header.row {
  margin: 0px -15px;
  border-bottom: 0px;
}
#insurancePlanTypeDetails #page-header > .col-left,
#insurancePlanTypeDetails #page-header > .col-right,
#schoolSpecialPlanDetails #page-header > .col-left,
#schoolSpecialPlanDetails #page-header > .col-right {
  margin-top: 25px;
  margin-bottom: 15px;
}
#insurancePlanTypeDetails #page-header > .col-left h1,
#schoolSpecialPlanDetails #page-header > .col-left h1 {
  font-size: 2.2rem;
  font-weight: bold;
  display: inline-block;
  margin: 0px;
  padding: 5px 10px;
}
#insurancePlanTypeDetails #page-header > .col-right .btn {
  font-size: 2rem;
  font-weight: bold;
  display: inline-block;
  min-width: 40px;
  margin: 0px 2px;
  padding: 2px 10px;
}

#insurancePlanTypeDetails #plan-header-1 > .col-left,
#insurancePlanTypeDetails #plan-header-1 > .col-right,
#schoolSpecialPlanDetails #plan-header-1 > .col-left,
#schoolSpecialPlanDetails #plan-header-1 > .col-right {
  margin-bottom: 10px;
}
#insurancePlanTypeDetails #plan-header-1 > .col-left button:first-child,
#schoolSpecialPlanDetails #plan-header-1 > .col-left button:first-child {
  padding-left: 0px;
}
#insurancePlanTypeDetails #plan-header-1 > .col-right a.btn,
#schoolSpecialPlanDetails #plan-header-1 > .col-right a.btn {
  padding: 0px;
}
#insurancePlanTypeDetails #plan-header-1 > .col-right .premium,
#schoolSpecialPlanDetails #plan-header-1 > .col-right .premium {
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 2.4rem;
  display: inline-block;
  margin: 15px 0 0;
  padding: 0px;
}
#insurancePlanTypeDetails #plan-header-1 > .col-right .premium .amount,
#schoolSpecialPlanDetails #plan-header-1 > .col-right .premium .amount {
  color: #fd3d3a;
  font-size: 2.2rem;
  padding-right: 3px;
}
#insurancePlanTypeDetails #plan-header-2 > .col-left,
#insurancePlanTypeDetails #plan-header-2 > .col-right,
#schoolSpecialPlanDetails #plan-header-2 > .col-left,
#schoolSpecialPlanDetails #plan-header-2 > .col-right {
  margin-bottom: 10px;
}
#insurancePlanTypeDetails #plan-header-2 .btn-group,
#schoolSpecialPlanDetails #plan-header-2 .btn-group {
  line-height: 2.4rem;
  width: 100%;
}
#insurancePlanTypeDetails #plan-header-2 .btn-group label,
#schoolSpecialPlanDetails #plan-header-2 .btn-group label {
  font-size: 1.5rem;
  padding-right: 4px;
}
#insurancePlanTypeDetails #plan-container,
#schoolSpecialPlanDetails #plan-container {
  font-size: 1.4rem;
}
#insurancePlanTypeDetails #plan-container .panel-heading,
#schoolSpecialPlanDetails #plan-container .panel-heading {
  font-size: 1.6rem;
  font-weight: bold;
  border-bottom-width: 0px;
}
#insurancePlanTypeDetails #plan-container .panel-body,
#schoolSpecialPlanDetails #plan-container .panel-body {
  padding-top: 0px;
}
#insurancePlanTypeDetails #plan-container .panel-body ul,
#schoolSpecialPlanDetails #plan-container .panel-body ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
#insurancePlanTypeDetails #plan-container .panel-body ul li,
#schoolSpecialPlanDetails #plan-container .panel-body ul li {
  padding-left: 2rem;
  text-indent: -1.8rem;
}
#insurancePlanTypeDetails #plan-container .panel-body ul li:before,
#schoolSpecialPlanDetails #plan-container .panel-body ul li:before {
  content: '\2022';
  font-size: 2rem;
  line-height: 2.2rem;
  vertical-align: bottom;
  color: #ffcc01;
  padding-right: 1rem;
}
@media (max-width: 991px) {
  #insurancePlanTypeDetails #plan-container,
  #schoolSpecialPlanDetails #plan-container {
    display: flex;
    flex-wrap: wrap;
  }
  #insurancePlanTypeDetails #plan-container > .col-right,
  #schoolSpecialPlanDetails #plan-container > .col-right {
    width: 100%;
    order: 1;
  }
  #insurancePlanTypeDetails #plan-container > .col-left,
  #schoolSpecialPlanDetails #plan-container > .col-left {
    width: 100%;
    order: 2;
  }
}

@media (min-width: 1200px) {
  #myaccount .info-row {
    display: flex;
  }
}

#myaccount .info-col {
  display: flex;
  flex-direction: column; 
}

#myaccount .info-title {
  flex-grow: 0;
}

#myaccount .info-block {
  background-color: #E8E8E8;
  padding: 10px;
  border-radius: 5px;
  margin-left: 5px;
  margin-right: 5px;
  flex-grow: 1;
  display: flex;
  flex-direction: column; 
}

#myaccount .info-block .info-content {
  flex-grow: 1;
}

#myaccount .info-block .info-content .row p{
  overflow-wrap: break-word;
}

#myaccount .info-block .info-content .plan-links {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}


#myaccount .info-block .info-buttons {
  flex-grow: 0;
}

#myaccount .fee-block {
  background-color: #E8E8E8;
  padding: 5px;
  margin: 0 5px;
  border-radius: 3px;
}

#myaccount .share-block .share-box {
  display: flex;
  height: 6vh;
  width: 90%;
  border-radius: 10px;
  border: 1px solid #000;
  overflow: hidden;
}

#myaccount .share-block .share-box span {
  flex-grow: 1;
  display: inline-flex;
  align-items: center;
  margin-left: 10px;
  font-size: 16px;
}

#myaccount .share-block .share-box a {
  flex-grow: 0;
  width: 9vh;
}

#myaccount .share-block .share-box a img {
  max-height: 100%;
  max-width: 100%; 
}

#myaccount .share-block .share-or {
  display: flex;
  justify-content: center;
}

#myaccount .share-block .share-box .share-copy-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 9vh;
  background-color: #337ab7;
  color: white;
  font-size: 20px;
  border-width: 0;
  padding: 0;
}

#myaccount .how-it-works-col {
  display:flex; 
  flex-direction: column;
  margin-bottom: 10px;
}

#myaccount .how-it-works-image {
  flex: 0 0 30%;
}

#myaccount .how-it-works-content {
  flex: 1 1 70%;
  text-align: center;
}

#myaccount .how-it-works-title {
  font-weight: bold;
}

#myaccount #requestReferralFeeModal .modal-content {
  background-color: #fbe5d6;
  text-align: center;
}

#myaccount #achInfoModal .modal-content .modal-body .message-box {
  clear: both;
  position: relative;
  color: red;
  font-size: 1.4rem;
  font-weight: 600;
  left: 0%;
  bottom: 20%;
}

#myaccount .container {
  font-size: 1.4rem;
}
#myaccount #account-container,
#myaccount #plan-container  {
  width: 100%;
  margin: 20px auto;
  padding-left: 15px;
  padding-right: 15px;
}
#myaccount hr {
  margin: 0 0 20px;
  border-top: 1px solid #ddd;
}
#myaccount #plan-container .table > thead > tr > th,
#myaccount #plan-container .table > tbody > tr > td {
  border-bottom-width: 1px;
}
#myaccount .panel-heading > a {
  display: block;
  font-weight: 700;
}
#myaccount .panel-heading > a.collapsed > .fontawesome-accordion-open {
  display: block;
}
#myaccount .panel-heading > a.collapsed > .fontawesome-accordion-close {
  display: none;
}
#myaccount .panel-heading > a > .fontawesome-accordion-open {
  display: none;
}
#myaccount .panel-heading > a > .fontawesome-accordion-close {
  display: block;
}

@media (min-width: 576px) {
  #myaccount .container {
    font-size: 1.6rem;
  }
}
@media (max-width: 767px) {
  /* Force table to not be like tables anymore */
  #myaccount #plan-container table,
  #myaccount #plan-container thead,
  #myaccount #plan-container tbody,
  #myaccount #plan-container th,
  #myaccount #plan-container td,
  #myaccount #plan-container tr {
    display: block;
  }
  /* Hide table headers (but not display: none;, for accessibility) */
  #myaccount #plan-container table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  #myaccount #plan-container tr {
    border: 1px solid #ccc;
  }
  #myaccount #plan-container td {
    /* Behave  like a "row" */
    border: none;
    position: relative;
    padding-left: 40%;
  }
  #myaccount #plan-container td:nth-of-type(5) {
    padding-left: 6px;
  }
  #myaccount #plan-container td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 35%;
    padding-right: 10px;
    white-space: nowrap;
  }
  /* Label the data */
  #myaccount #plan-container td:nth-of-type(1):before { content: "Insurance Plan"; }
  #myaccount #plan-container td:nth-of-type(2):before { content: "Coverage Start"; }
  #myaccount #plan-container td:nth-of-type(3):before { content: "Coverage End"; }
  #myaccount #plan-container td:nth-of-type(4):before { content: "Issued Person"; }
}

#myaccount .claim-forms-block {
  margin: 0 0;
}


#myaccount .modal-backdrop {
  background-color: yellow;
  opacity: 0.3;
}
#myaccount #specialEventModal .modal-content {
  background-color: black;
  background-image: url('../images/special_event_bg.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  color: white;
  height: 636px;
}
#myaccount #specialEventModal .modal-body {
	height: 100%;
}
#myaccount #specialEventModal button.close {
  color: white;
}
#myaccount #specialEventModal .modal-body form {
	height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#myaccount #specialEventModal .special-event-input {
  padding-right: 5px;
  padding-left: 5px;
}
#myaccount #specialEventModal .bottom-note {
  text-align: center;
  color: #ffd966;
}
#myaccount #specialEventModal .highlight {
	color: #ffff00;
}

#myaccount #specialEventModal ul.error > li {
  color: #ffd966;
}

#myaccount #specialEventModal .no-group-referral-fee .group-referral-fee {
	display: none;
}
#myaccount .link-button {
  border-width: 0px;
  background-color: transparent;
  color: #337ab7;
}
#myaccount .link-button:hover {
  text-decoration: underline;
}


#viewinsurance .container {
  font-size: 1.4rem;
}
@media (min-width: 576px) {
  #viewinsurance .container {
    font-size: 1.6rem;
  }
}


#register .container {
  font-size: 1.4rem;
}
#register .container hr {
  margin: 0 0 20px;
  border-top: 1px solid #ddd;
}
@media (min-width: 576px) {
  #register .container {
    font-size: 1.6rem;
  }
}


#editProfile .container {
  font-size: 1.4rem;
}
#editProfile .container hr {
  margin: 0 0 20px;
  border-top: 1px solid #ddd;
}
@media (min-width: 576px) {
  #editProfile .container {
    font-size: 1.6rem;
  }
}


#updatePassword .container {
  font-size: 1.3rem;
}
@media (min-width: 576px) {
  #updatePassword .container {
    font-size: 1.6rem;
  }
}



/******************* Individual Buy Insurance wizard *******************/
#individualBuyInsuranceStep2 .deductible-amount {
  font-size: 1.4rem;
  font-weight:600;
  display: inline-block;
  padding: 6px 12px;
  color: #fff;
  background-color: #3155dd;
  border: 1px solid #3155dd;
  border-radius: 4px;
}
#individualBuyInsuranceStep2 .table {
  margin-bottom: 5px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  color: #666;
}
#individualBuyInsuranceStep2 .total-premium {
  text-align: right;
  padding-bottom: 15px;
}
#individualBuyInsuranceStep2 .total-premium .label {
  color: #000;
  font-size: 1.4rem;
  font-weight: 600;
}
#individualBuyInsuranceStep2 .total-premium .value {
  color: #fd3d3a;
  font-size: 1.8rem;
  font-weight: bold;
}
#individualBuyInsuranceStep2 .table thead tr,
#individualBuyInsuranceStep2 .table tbody tr:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
}
#individualBuyInsuranceStep2 .table tbody {
  margin: 0px -15px;
}
#individualBuyInsuranceStep2 .table tbody th {
  font-weight: 600;
}
@media (min-width: 576px) {
  #individualBuyInsuranceStep2 .deductible-amount {
    font-size: 1.6rem;
  }
  #individualBuyInsuranceStep2 .total-premium .label {
    font-size: 1.6rem;
  }
  #individualBuyInsuranceStep2 .total-premium .value {
    font-size: 2rem;
  }
}

#individualBuyInsuranceStep4 .table {
  margin-top: 10px;
  margin-bottom: 60px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
#individualBuyInsuranceStep4 .table thead tr,
#individualBuyInsuranceStep4 .table tbody tr:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
}
#individualBuyInsuranceStep4 .table tr > th:last-child,
#individualBuyInsuranceStep4 .table tr > td:last-child {
  text-align: right;
}
#individualBuyInsuranceStep4 #plan-table .amount {
  color: #fd6d6a;
  font-weight: bold;
}

#individualBuyInsuranceStep5 .table {
  margin-top: 10px;
  margin-bottom: 30px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
#individualBuyInsuranceStep5 .table thead tr,
#individualBuyInsuranceStep5 .table tbody tr:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
}
#individualBuyInsuranceStep5 .table tr > th:last-child,
#individualBuyInsuranceStep5 .table tr > td:last-child {
  text-align: right;
}
#individualBuyInsuranceStep5 #plan-table .amount {
  color: #fd6d6a;
  font-weight: bold;
}
#individualBuyInsuranceStep5 .creditcard-container {
  display: flex;
  justify-content: space-between;
  width: 280px;
  margin-bottom: 15px;
}
#individualBuyInsuranceStep5 .pay-now-amount {
  color: #fd3d3a;
  font-size: 2.2rem;
  font-weight: bold;
}
#individualBuyInsuranceStep5 .paynow-row .pull-right .pay-now-amount {
  display: inline-block;
  padding-right: 20px;
  vertical-align: bottom;
}
@media (min-width: 768px) {
  #individualBuyInsuranceStep5 .creditcard-row {
    display: table;
    width: calc(100% + 30px);
  }
  #individualBuyInsuranceStep5 .creditcard-row [class*='col-'] {
    float: none;
    display: table-cell;
    width: 50%;
    vertical-align: bottom;
  }
}


#individualBuyInsuranceEasyTransfer .table {
  margin-top: 10px;
  margin-bottom: 30px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
#individualBuyInsuranceEasyTransfer .table thead tr,
#individualBuyInsuranceEasyTransfer .table tbody tr:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
}
#individualBuyInsuranceEasyTransfer .table tr > th:last-child,
#individualBuyInsuranceEasyTransfer .table tr > td:last-child {
  text-align: right;
}
#individualBuyInsuranceEasyTransfer #plan-table .amount {
  color: #fd6d6a;
  font-weight: bold;
}
#individualBuyInsuranceEasyTransfer .pay-now-amount {
  color: #fd3d3a;
  font-size: 2.2rem;
  font-weight: bold;
}
#individualBuyInsuranceEasyTransfer .paynow-row .pull-right .pay-now-amount {
  display: inline-block;
  padding-right: 20px;
  vertical-align: bottom;
}

/******************* Group Buy Insurance wizard *******************/
@media (min-width: 768px) {
  #groupBuyInsuranceStep1 #families hr {
    margin-top: 20px;
  }
}

#groupBuyInsuranceStep2 .deductible-amount {
  font-size: 1.4rem;
  font-weight:600;
  display: inline-block;
  padding: 6px 12px;
  color: #fff;
  background-color: #3155dd;
  border: 1px solid #3155dd;
  border-radius: 4px;
}
#groupBuyInsuranceStep2 .total-premium-row {
  text-align: right;
  padding-top: 10px;
  padding-bottom: 15px;
}
#groupBuyInsuranceStep2 .total-premium-row .label {
  color: #000;
  font-size: 1.4rem;
  font-weight: 600;
}
#groupBuyInsuranceStep2 .total-premium-row .value {
  color: #fd3d3a;
  font-size: 1.8rem;
  font-weight: bold;
}
#groupBuyInsuranceStep2 .coverage-period-row {
  margin-top: 30px;
  margin-bottom: 10px;
}
#groupBuyInsuranceStep2 .coverage-period-row .label {
  color: #000;
  font-size: 1.4rem;
  font-weight: 600;
  padding: .2em .6em .3em;
}
#groupBuyInsuranceStep2 .coverage-period-row .value {
  color: #666;
  font-size: 1.4rem;
  font-weight: 600;
  padding: .2em 0 .3em;
}
#groupBuyInsuranceStep2 .table {
  margin-bottom: 5px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  color: #666;
}
#groupBuyInsuranceStep2 .table thead tr,
#groupBuyInsuranceStep2 .table tbody tr:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
}
#groupBuyInsuranceStep2 .table tbody {
  margin: 0px -15px;
}
#groupBuyInsuranceStep2 .table tbody th {
  font-weight: 600;
}
#groupBuyInsuranceStep2 .table .subtotal-row td {
  text-align: right;
  padding-top: 10px;
  padding-bottom: 10px;
}
#groupBuyInsuranceStep2 .table .subtotal-row .label {
  color: #666;
  font-size: 1.4rem;
  font-weight: 600;
}
#groupBuyInsuranceStep2 .table .subtotal-row .value {
  color: #fd3d3a;
  font-size: 1.4rem;
  font-weight: 600;
}
@media (min-width: 576px) {
  #groupBuyInsuranceStep2 .deductible-amount {
    font-size: 1.6rem;
  }
  #groupBuyInsuranceStep2 .total-premium-row .label {
    font-size: 1.6rem;
  }
  #groupBuyInsuranceStep2 .total-premium-row .value {
    font-size: 2rem;
  }
  #groupBuyInsuranceStep2 .coverage-period-row .label,
  #groupBuyInsuranceStep2 .coverage-period-row .value {
    font-size: 1.6rem;
  }
  #groupBuyInsuranceStep2 .table .subtotal-row .label,
  #groupBuyInsuranceStep2 .table .subtotal-row .value {
    font-size: 1.6rem;
  }
}

#groupBuyInsuranceStep4 .member {
  margin-top: 10px;
  margin-bottom: 10px;
}
#groupBuyInsuranceStep4 .coverage-period {
  font-size: 1.2rem;
  font-weight: bold;
  color: #999;
}
#groupBuyInsuranceStep4 .col-title-left {
  padding-right: 0px;
}
#groupBuyInsuranceStep4 .col-title-right {
  padding-left: 5px;
  text-align: right;
}
@media (min-width: 576px) {
  #groupBuyInsuranceStep4 .coverage-period {
    font-size: 1.6rem;
  }
}

#groupBuyInsuranceStep5 .coverage-period-row {
  margin-top: 30px;
  margin-bottom: 10px;
}
#groupBuyInsuranceStep5 .coverage-period-row .label {
  color: #000;
  font-size: 1.4rem;
  font-weight: 600;
  padding: .2em .6em .3em;
}
#groupBuyInsuranceStep5 .coverage-period-row .value {
  color: #666;
  font-size: 1.4rem;
  font-weight: 600;
  padding: .2em 0 .3em;
}
#groupBuyInsuranceStep5 .table {
  margin-top: 10px;
  margin-bottom: 60px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
#groupBuyInsuranceStep5 .table thead tr,
#groupBuyInsuranceStep5 .table tbody tr:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
}
#groupBuyInsuranceStep5 .table tr > th:last-child,
#groupBuyInsuranceStep5 .table tr > td:last-child {
  text-align: right;
}
#groupBuyInsuranceStep5 #plan-table .amount {
  color: #fd6d6a;
  font-weight: bold;
}
@media (min-width: 576px) {
  #groupBuyInsuranceStep5 .coverage-period-row .label,
  #groupBuyInsuranceStep5 .coverage-period-row .value {
    font-size: 1.6rem;
  }
}

#groupBuyInsuranceStep6 .table {
  margin-top: 10px;
  margin-bottom: 60px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
#groupBuyInsuranceStep6 .each-family .paynow-row {
  margin-top: 10px !important;
}
#groupBuyInsuranceStep6 .table thead tr,
#groupBuyInsuranceStep6 .table tbody tr:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
}
#groupBuyInsuranceStep6 .table tr > th:last-child,
#groupBuyInsuranceStep6 .table tr > td:last-child {
  text-align: right;
}
#groupBuyInsuranceStep6 #plan-table .amount {
  color: #fd6d6a;
  font-weight: bold;
}
#groupBuyInsuranceStep6 .creditcard-container {
  display: flex;
  justify-content: space-between;
  width: 300px;
  margin-bottom: 15px;
}
#groupBuyInsuranceStep6 .paynow-row .pull-right .pay-now-amount {
  display: inline-block;
  color: #fd3d3a;
  font-size: 2.2rem;
  font-weight: bold;
  padding-right: 20px;
  vertical-align: bottom;
}
@media (min-width: 768px) {
  #groupBuyInsuranceStep6 .creditcard-row {
    display: table;
    width: calc(100% + 30px);
  }
  #groupBuyInsuranceStep6 .creditcard-row [class*='col-'] {
    float: none;
    display: table-cell;
    width: 50%;
    vertical-align: bottom;
  }
}

/******************* Student Group Buy Insurance wizard *******************/
.reference-message {
  color: #3155dd;
}

input.payment-amount {
  color: #fd3d3a;
  background-color:rgba(253,15,9,0.2);
  font-size: 2.2rem;
  font-weight: bold;
}
input.payment-amount::-webkit-input-placeholder {
  color: #aaa;
  font-size: 16px;
  font-weight: normal;
}

/******************* Agent/Affiliate Registration *******************/
#agentAppFormStep1 .radio-box {
  display: block;
}

#affiliateAppFormStep3 .agreement-box,
#agentAppFormStep2 .agreement-box {
  border: 1px solid #e5e5e5; 
  height: 500px; 
  overflow: auto; 
  padding: 10px;
}

.flex-row {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  align-content: center;
}

.flex-col {
  
}

#agent-compensation-table .form-group {
  text-align: center;
  font-size: 1.3rem;
}

#agent-compensation-table hr {
  border-top-color: #000;
  margin-top: 5px;
  margin-bottom: 5px;
}

.page-header hr.header-bottom-separator {
  width: 70px;
  height: 5px;
  margin-left: auto;
  margin-right: auto;
  background-color:#669933;
  color:#669933;
  border: 0 none;
  margin-top: 16px;
  margin-bottom:20px;
}

.affiliate-app-step1-box {
  border: 1px solid rgb(221, 221, 221);
  width: 100%;
  margin: 0px auto;
  padding: 18px 5px;
}

.affiliate-app-step1-box .btn-join {
  padding: 5px 25px;
}

.affiliate-app-step2-box {
  border: 1px solid rgb(221, 221, 221);
  width: 100%;
  margin: 0px auto;
  padding: 18px 10px;
}

#agentAppFormStep2 hr,
#affiliateAppFormStep3 hr {
  margin: 0 0 20px;
  border-top: 1px solid #ddd;
}

.form-group .control-label,
.form-group .col-form-label {
  font-weight: 400;
}

.form-group.required .control-label:after,
.form-group.required .col-form-label:after,
.btn-group.required .control-label:after,
h3.required:after {
  content:"*";
  color:red;
}

input[type='file'] {
  border-width: 0px;
}

.center-block {
  float:none;
}

/* Move addthis recommending button */
#at-expanding-share-button {
  bottom: auto;
  top: 80px;
}

.producer-logo {
  max-width: 120px;
  max-height: 60px;
  margin-right: 15px;
}

.btn-group .btn span.button-note {
  font-weight: normal;
  font-size: small;
}

.select-payment-method button {
  width: 100%;
  height: 12vh;
}

.select-payment-method .button-title {
  height: 40%;
  font-size: 24px;
}

.select-payment-method .button-note {
  text-align: left;
  font-weight: normal;
  font-size: small; 
  height: 60%;
  margin-top: 5px;
}

.select-payment-method .button-easytransfer {
  height: 60%;
  margin-top: 8px;
  margin-bottom: 2px;
}

#individualTravelBuyInsuranceStep1 .travel-pre-semester {
  background-color: #ffd966;
  color: #000;
  display: inline-block;
  padding: 2px 30px;
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
}
@media (min-width: 992px) {
	#individualTravelBuyInsuranceStep1 .vertical-line-right {
		border-right: 2px solid #4574c4;
	}
}
#individualTravelBuyInsuranceStep1 .bottom-row {
  display:flex; 
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
#individualTravelBuyInsuranceStep1 .calculation-result {
	font-size: 3rem !important;
}