/* Styles Extended */

/* BS Equal Height Cols */
/* USAGE
<div class="row">
  <div class="row-height">
    <div class="col-xs-2 col-xs-height col-xs-middle">
      <div class="inside"></div>
    </div>
    <div class="col-xs-4 col-lg-5 col-xs-height col-xs-middle">
      <div class="inside"></div>
    </div>
  </div>
</div>
*/

/* content styles */

.inside {
  margin-top: 20px;
  margin-bottom: 20px;
  background: #ededed;
  background: -webkit-gradient(linear, left top, left bottom,color-stop(0%, #f4f4f4), color-stop(100%, #ededed));
  background: -moz-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
  background: -ms-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
}
.inside-full-height {
  /*
  // if you want to give content full height give him height: 100%;
  // with content full height you can't apply margins to the content
  // content full height does not work in ie http://stackoverflow.com/questions/27384433/ie-display-table-cell-child-ignores-height-100
  */
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

/* columns of same height styles */

.row-height {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}
.col-height {
  display: table-cell;
  float: none;
  height: 100%;
}
.col-top {
  vertical-align: top;
}
.col-middle {
  vertical-align: middle;
}
.col-bottom {
  vertical-align: bottom;
}

@media (min-width: 480px) {
  .row-xs-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-xs-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-xs-top {
    vertical-align: top;
  }
  .col-xs-middle {
    vertical-align: middle;
  }
  .col-xs-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 768px) {
  .row-sm-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-sm-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-sm-top {
    vertical-align: top;
  }
  .col-sm-middle {
    vertical-align: middle;
  }
  .col-sm-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 992px) {
  .row-md-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-md-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-md-top {
    vertical-align: top;
  }
  .col-md-middle {
    vertical-align: middle;
  }
  .col-md-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 1200px) {
  .row-lg-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-lg-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-lg-top {
    vertical-align: top;
  }
  .col-lg-middle {
    vertical-align: middle;
  }
  .col-lg-bottom {
    vertical-align: bottom;
  }
}

/* Navbar Adjustments */

.logo-tag {
    font-size: 12px;
}
header .navbar-brand img.logo-img {
    height: 45px;
}
.navbar-header .phone-default .phone-toggle.dp-phone {
    border: 1px solid #55b847;
    width: 98px;
    color: #449339;
}

.navbar-header .dp-mobile-nav .icon-button {
    width: 42px;
    height: 42px;
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: 0;
}

.navbar-header .phone-default .phoner-toggle {
    border-color: #55b847;
}

.navbar-header .phone-default .phone-toggle {
    border-color: #55b847;
}

.navbar-header .phone-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.navbar-header .phone-default .phone-toggle.dp-phone:hover, .navbar-header .phone-default .phone-toggle.dp-phone:focus {
    background-color: #449339;
    color: #fff;
    text-decoration: none;
}

.navbar-header .phone-default {
    text-align: center;
       padding-top: 0px !Important;
    padding-right: 0px !Important;
    padding-bottom: 0px !Important;
    padding-left: 0px !Important;
    margin-top: 0px !Important;
    margin-right: 15px !Important;
    margin-bottom: 0px !Important;
    margin-left: 0px !Important;
}
.navbar-header .phone-default a.dp-phone {
    padding-top: 12px !Important;
    padding-right: 6px !Important;
    padding-bottom: 12px !Important;
    padding-left: 6px !Important;
    margin-top: 0px !Important;
    margin-right: 0px !Important;
    margin-bottom: 0px !Important;
    margin-left: 0px !Important;
}

/* Cart Specific */

.cigna.secure-checkout {
    max-width: 80%;
}

@media only screen and (min-width:768px) 
{
    header .navbar-wp .navbar-brand {
	margin-top: 10px !Important;
	margin-bottom: 10px !Important;
    }
}

.brand-primary {
    color: #55b847;
}

.brand-secondary {
    color: #0882c5;
}

.cog-loader i {
    font-size: 60px;
}

.dp-logo {
    max-width: 100%;
    width: 300px;
    margin-top: 8px;
}

/* New Styles */

input.form-control {
    font-family: sans-serif !important;
}

.alert {
    background-color: #77c79b24;
    border-color: #77c79b;
    color: #000;
    padding: 10px 15px;
}

    .alert a {
        color: #2445ea;
        text-decoration: underline;
    }

#divValidationError.alert {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #E2606E;
    padding: 10px 15px;
}

.sendCartEmail {
    color: #2445EA;
    text-decoration: underline;
}

.panel-title {
    font-size: 14px
}

a.blue-link, a.theater {
    color: #2445ea;
    text-decoration: underline
}

.footer-copyright {
    display: flex;
    align-items: center
}

.sign-in-wr label {
    font-size: 14px;
}

.btn-base {
    color: #fff !important;
    background-color: #2445EA;
    border-radius: 30px;
    /*border: 2px solid #2445EA;*/
    border: none;
}

    .btn-base:hover, .btn-base:focus, .btn-base:active, .btn-base.active, .open .dropdown-toggle.btn-base {
        color: #fff;
        background: rgba(36,69,234);
        background: linear-gradient(90deg,rgba(36,69,234,1) 0%,rgba(180,70,132,1) 100%);
        border-color: #fff;
        /*border: 2px solid #B44684;*/
    }

#divRemovePlan .headerrp {
    color: #000;
    margin-top: 20px;
    font-size: 16px;
}

#divRemovePlan .yesbc {
    color: #ffffff !important;
    background-color: #2445EA !important;
    border-radius: 30px !important;
    border: 2px solid #2445EA !important;
    min-width: 100px;
    width: 46%;
}

#divRemovePlan .nooc {
    background: #fff !important;
    color: #2445EA !important;
    border-radius: 30px !important;
    padding: 11px 10px 9px;
    border: 2px solid #2445EA !important;
    width: 46%;
}

.div-login1 a {
    font-weight: bold;
}

.div-time {
    font-weight: normal;
}

.header-banner {
    font-size: 18px;
    padding: 0;
    font-family: 'area-normal', sans-serif;
    color: #000;
    /*background: #77c79b;*/
    text-align: center;
    box-shadow: inset 0 8px 6px -6px rgb(0 0 0 / 30%);
    -webkit-box-shadow: inset 0 8px 6px -6px rgb(0 0 0 / 30%);
    -moz-box-shadow: inset 0 8px 6px -6px rgb(0 0 0 / 30%);
}

    .header-banner h1, .header-banner h2, .header-banner h3, .header-banner h4 {
        font-size: 18px;
    }

@media (max-width: 768px) {
    .header-banner, .header-banner h1, .header-banner h2, .header-banner h3, .header-banner h4 {
        font-size: 15px;
    }
}