.disabled {
  cursor: not-allowed;
}

h1,h2,h3,h4,h5,h6,p{line-height: 1.8;font-family: 'Open sans', sans-serif;}
p,ul li{font-weight: 300; color: #414142;font-size: 13px;font-family: 'Open sans', sans-serif; margin-bottom: 10px;}

input:-webkit-autofill, textarea:-webkit-autofill,
 select:-webkit-autofill{ -webkit-box-shadow: 0 0 0 30px white inset;}

a{color:#14365C}
a:hover{color:#14365C}

.navbar-toggle{    margin-top: 0px;}
.navbar-toggle .icon-bar{    height: 3px;background: #002B49;}

.vertical-align-wrap {  position: relative;  width: 100%;  height: 100%;  display: table;}
.vertical-align {  display: table-cell;}
.vertical-align--middle {vertical-align: middle;}

.header-modal{position: relative; padding: 10px;}
.header-modal .close{position: absolute; top: 10px; right: 10px;}

.btn{border-radius: 0;  -webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.btn-primary{background: #002B49; border:1px solid #002B49;}
.btn-primary:hover,.btn-primary:active{background: #002B49; border:1px solid #002B49}

.btn-outline-primary{border:1px solid #002B49; color:#002B49}
.btn-outline-primary:hover,.btn-outline-primary:active{background: #14365C; border:1px solid #002B49; color:#fff}

.btn-outline-secondary{border:1px solid #fff; color:#fff}
.btn-outline-secondary:hover,.btn-outline-secondary:active{background: #fff; border:1px solid #fff; color:#002B49}

.btn-yellow{background:#f2ab47; border:none ;color:#444}
.btn-yellow:hover{background:#e49c36; border:none;color:#444 }

.shadow{
  -webkit-box-shadow: 0px 3px 11px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 3px 11px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 3px 11px 0px rgba(0,0,0,0.75);}

.link-primary{color: #214a78}

.text-white{color:#fff}
.text-primary{color:#214a78}
.text-secondary{color:#706F6F}

.bg-blue{background: #14365C}
.bg-white{background: #fff}

.d-flex{display: flex}
.input-group-addon{border: 1px solid #14365C; background: #14365C; border-radius: 0; color:#fff}
.datetimepicker .active.active {  background-color: #14365C;background-image: none}
.datetimepicker .table td, .datetimepicker .table th{      border-radius: 0!important;}
select.form-control,select {
    -webkit-appearance: none;
    -moz-appearance: none;border-radius: 0!important;padding-right: 25px!important;background-color: #fff;    border: 1px solid #14365C;
background-position: right 9px center;
background-image: url('../img/select-artwork.svg');
background-repeat: no-repeat;
}
.d-block{display: block}
input.form-control{border:1px solid #14365C; border-radius: 0;}

/* margins */


.m-0{margin: 0}
.mt-0{margin-top: 0;}
.mb-0{margin-bottom: 0;}
.mt-1{margin-top: 5px;}
.mb-2{margin-bottom: 8px;}
.mt-2{margin-top: 8px;}
.my-2{margin:8px 0}
.mb-3{margin-bottom: 12px;}
.mb-4{margin-bottom: 20px;}
.mb-5{margin-bottom: 50px;}
.ml-0{margin-left: 0}
.mr-0{margin-right: 0}
.mr-1{margin-right: 8px}
.mr-2{margin-right: 16px}
.vs-md{margin-bottom: 30px;}

/* paddings */
.p-sm{padding: 20px;}
.vp-lg{padding: 70px 0}
.vp-md{padding: 30px 0}
.wrapper-sm{padding: 15px;}
.p-0{padding: 0}
.p-2{padding: 8px;}
.p-3{padding: 12px}
.pr-0{padding-right: 0}
.pr-1{padding-right: 8px}
.pr-2{padding-right: 16px}
.pl-0{padding-left: 0}
.pl-15{padding-left: 15px}

.header{margin:10px 0}
.header ul.not-logged{ text-align: right; margin-top: 10px;}
.nav > li > a:hover, .nav > li > a:focus{background: transparent;}
.nav > li.active a{font-weight: bold}

.member-area{margin-bottom: 60px; }
.member-area h2{margin:0}

.date-picker-wrapper{border:none!important;    position: absolute;bottom: 35px;top: auto;}
.date-picker-wrapper .table-responsive{border:0}

.btn-app-store,.btn-play-store{background: black;color: white;position: relative;}
.btn-app-store:hover,.btn-play-store:hover{background: #444;color: white;}
.btn-app-store .mg,.btn-play-store .mg{  float: left; margin-right: 5px;}
.btn-app-store .mg i,.btn-play-store .mg i{ font-size: 40px;}
.btn-app-store .mt,.btn-play-store .mt{display: inline-block; text-align: left}
.btn-app-store .small,.btn-play-store .small{display: block}
.btn-app-store .big,.btn-play-store .big{  font-size: 22px}

.member-benefits{height: 500px; overflow: hidden; margin-bottom: 30px;}
.member-benefits .info-box{height: 500px}
.member-benefits h2,.member-benefits p{margin:0}
.member-benefits h2{font-size: 50px; font-weight: bold}
.member-benefits p{font-size: 20px; font-weight: bold}
@media screen and (max-width: 1199px){
  .member-benefits .info-box{    height: 420px;}
  .member-benefits{height: auto;}
}
@media screen and (max-width: 992px){
  .member-benefits .info-box{  height: 318px;}
}
@media screen and (max-width: 767px){
  .member-benefits{height: auto}
  .member-benefits .pl-0{padding: 0!important}
  .member-benefits img{width: 100%}
}

h3.hd{font-size: 30px; margin: 10px 0; }

/* navbar   */
.navbar{margin-bottom: 0}
.navbar-brand{height: auto;padding: 0 15px;}
.navbar-brand li{position: relative;}

.breadcrumb a{color:#fff}
.breadcrumb a:hover{color:#fff}

.notification-dropdown{    position: absolute; right: 0;   top: 45px; z-index: 60}
.notification-item-wrapper{width: 300px; border:1px solid #DDDDDD; background: #fff}
/* HOME */
.vp-main-module{padding-top: 50px; padding-bottom: 70px;}
.push-up-main{margin-top: -70px}
a.item{min-height: 300px;
  background-position: center center;
   margin-bottom: 30px; display: block; position: relative;
  -webkit-box-shadow: 0px 3px 11px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 3px 11px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 3px 11px 0px rgba(0,0,0,0.75);
  -webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
a.item.find-pharmacy{    background-position: 67% 61%;}
a.item:hover {
  -webkit-box-shadow: 0px 3px 14px 3px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 14px 3px rgba(0,0,0,0.75);
box-shadow: 0px 3px 14px 3px rgba(0,0,0,0.75);
}
a.item.full-cover{background: #14365C}
a.item .overlay{text-align: center;position: absolute; left: 0; top: 0; right: 0; bottom:0; background: #FFFFFF}
a.item h4{color:#14365C; margin-bottom: 10px; font-weight: bold}
a.item i{color:#14365C; font-size: 40px;}


.outline-card{border:1px solid #3C3C3B; min-height: 280px; margin-bottom: 20px; margin-top:10px;}
.outline-card h4{font-size: 14px;}
.outline-card h5{font-size: 11px}
.outline-card hr{margin-top: 2px; margin-bottom: 2px;}
@media screen and (max-width: 575px){
  .outline-card{ min-height: none;}
  .card-2{margin-bottom: 20px}
}
.only-1-card{    margin-left: 29%!important}
@media screen and (max-width:1199px){
    .only-1-card{  margin-right: 29%;}
}
@media screen and (max-width:992px){
    .only-1-card{  margin-right: 20%;margin-left: 20%!important;}
}
@media screen and (max-width:797px){
    .only-1-card{  margin-right: 10%;margin-left: 10%!important;}
}
@media screen and (max-width:575px){
    .only-1-card{  margin-right: 0%;margin-left: 0%!important;}
}

.footer{background: #3C3C3B; margin-top: 20px; padding: 25px 0; }
.footer a{color:#fff}
.footer a:hover{color:#fff}

/*Loader*/
 .loader{position: absolute;    z-index: 50; top:0; left: 0; right:0; bottom:0; background:rgba(0,0,0,.7)}
 .loader .spinner { border: 16px solid #f3f3f3; border-top: 16px solid #3498db;border-radius: 50%; width: 120px; height: 120px; animation: spin 2s linear infinite;top: 50%; position: absolute; margin-top: -60px; margin-left: -60px; left: 50%;}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.item-highlight{background: #fafafa; border-top:1px solid #ccc}
.item-highlight:hover{background: #f4f4f4; text-decoration: none}

.my-account-datepicker .datetimepicker{pointer-events:none;}


.outline-card__header{border-bottom:1px solid #f4f4f4; margin-bottom: 10px;}
.outline-card__header__description{margin-top: 14px; margin-bottom: 0; font-size: 17px}
.outline-card__bd{padding: 5px;}
.outline-card__ft{padding: 10px}


.outline-card__rotated-element{
  /* -webkit-transform: rotate(90deg);
    -webkit-transform-origin: left top;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: left top;
    -ms-transform: rotate(90deg);
    -ms-transform-origin: left top;
    -o-transform: rotate(90deg);
    -o-transform-origin: left top;
    transform: rotate(90deg);
    transform-origin: left top;

    position: absolute;
    top: 0;
    left: 100%;
    /* white-space: nowrap; */
    /* font-size: 48px; */

  }

.col-rotated{position: absolute; background: #f00; width:25%;right: 20px; top:15px; padding:10px; bottom:0;}
.col-rotated-element {position: relative; height: 100%; background: #f0f}

.col-rotated-content{

  display: block;
  transform-origin: top left;
  /* Note: for a CLOCKWISE rotation, use the commented-out
     transform instead of this one. */
  transform: rotate(-90deg) translate(-100%);
  /* transform: rotate(90deg) translate(0, -100%); */
  margin-top: -50%;

  /* Not vital, but possibly a good idea if the element you're rotating contains
     text and you want a single long vertical line of text and the pre-rotation
     width of your element is small enough that the text wraps: */
  white-space: nowrap;
}


._mobile{
  border-top: 2px solid #14365c;
}

._mobile h3.hd {
    font-size: 24px;
    margin: 10px 0;
}

._mobile p{
  font-size: 14px;
  line-height: 1.6;
  color: #666666;
}

._mobile h4, ._mobile .h4 {
    font-size: 18px;
    color: #14365c !important;
    line-height: auto;
    line-height: 1.4;
    /* font-weight: 600; */
}

._mobile h5 {
    font-size: 16px;
    color: #14365c;
    line-height: auto;
    line-height: 1.6;
    margin-top: 20px;
    /* font-weight: 600; */
    /* text-transform: uppercase; */
}

._mobile .bg-blue.mb-4.hidden-print {
    /* position: fixed;
    width: 100%;
    box-shadow: 0px -5px 17px 3px black;
      z-index: 999; */
}

._mobile .container {
    padding-right: 25px;
    padding-left: 25px;
    margin-right: auto;
    margin-left: auto;
}

._mobile h3.hd {
    font-size: 21px;
    margin: 20px 0;
    color: #14365c;
    line-height: 1.2;
    /* font-weight: 100; */
    /* text-transform: uppercase; */
}

._mobile .mb-4 {
    margin-bottom: 20px;
}

._mobile .dash {
    background-color: #14365c;
    width: 30px;
    height: 2px;
    margin-top: 0px;
}

._mobile ul li {
    font-weight: 300;
    color: #666666;
    font-size: 14px;
    font-family: 'Open sans', sans-serif;
    margin-bottom: 10px;
    list-style-type: none;
}

._mobile ul li:before {
    content: "\25BA \0020";
    font-size: 6px;
    margin-left: -20px;
    margin-right: 13px;
    color: #14365c;
}

._mobile ul {
    margin-bottom: 10px;
    padding-left: 20px;
    margin-top: 10px;
}



/* ._mobile ul li ol {
  list-style: none; counter-reset: li;
}
._mobile ul li ol li {
  counter-reset: li;

}

._mobile ul li ol li:before {content: counter(li); color: red;
  display: inline-block;;
  color: #14365c;
  font-size: 11px;
}
 */

._mobile p.caption {
    font-size: 11px !important;
}

._mobile .btn-primary {
    background: #002B49;
    border: 2px solid #002B49;
    padding: 10px 20px;
    border-radius: 100px;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0px;
    margin-top: 20px;
    margin-bottom: 10px;
}


._mobile ul li ol {
  list-style: none;
  counter-reset: my-awesome-counter;
  padding: 15px 0px 0px 18px;
}
._mobile ul li ol li {
  counter-increment: my-awesome-counter;
}
._mobile ul li ol li::before {
  content: counter(my-awesome-counter) ". ";
  color: #14365c;
  font-size: 10px;
  font-weight: bold;
}

.loader_mobile .spinner {
    border: 2px solid #f3f3f3;
    border-top: 2px solid #002B49;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    top: 50%;
    position: absolute;
    margin-top: -60px;
    margin-left: -60px;
    left: 50%;
}

.loader_mobile  {
    position: absolute;
    z-index: 50;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,.7);
}






/* NEW CARD */

.card-new{
  border-top-left-radius:4px;
    border-top-right-radius:4px;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    background: white;
    /* box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); */
    padding: 5px 10px 0px;
    border: 1px solid gray !important;
    border-bottom: 12px solid #009ec4 !important;
    border-top: 12px solid #009ec4 !important;
}

.card-new .outline-card{
  border:0px; min-height: 280px; margin-bottom: 10px; margin-top:10px;
}
.card-new .outline-card h4{font-size: 14px;}
.card-new .outline-card h5{font-size: 11px}
.card-new .outline-card hr{margin-top: 2px; margin-bottom: 2px;}

.card-new .outline-card__header {
  border-bottom: none;
  margin-bottom: -10px;
  padding: 5px 20px 15px 10px;
}

.company-brand{
  min-height: 68px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.card-blue-bk{
  background-color: #14365C;
  padding: 0px;
  color: white;
  padding-left: 4px;
}

.card-phone{
  font-weight: bold;
  font-size: 22px;
  line-height: 45px;
}

.card-blue-text{
  color: #14365C;
  font-size: 21px;
  padding: 10px 25px;
}

.card-blue-text-small{
  font-size: 18px;
}

.card-yellow-bk{
  background-color: #ebb768;
  color: white;
  padding: 5px 20px;
  border-top-right-radius:4px;
  border-bottom-right-radius:4px;
}

.card-new .outline-card__ft{
  padding: 0px;
}

.card-new .outline-card__ft p {
    margin-bottom: 0px;
}

.show-print{
  display: none;
}

.access-header{display:block;}

.card__user__name {
    color: #333;
    font-size: 21px;
}

.card-info {
    font-size: 19px;
    color: #002B49;
    font-weight: bold;
}
.col-sm-6.text {
    padding-top: 2px;
}




/* ////////////////   QUINN  CARD    ///////////////////// */

.card-quinn {
  border-top-left-radius:4px;
    border-top-right-radius:4px;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    background: white;
    /* box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); */
    padding: 5px 10px 0px;
    border: 1px solid gray !important;
    border-bottom: 1px solid gray !important;
    border-top: 1px solid gray !important;
    border-radius: 20px;
}


.card-quinn .card-blue-bk{
  background-color: #d7821a;
  min-height: 6px;
}

.card-quinn .card-phone{
  font-weight: bold;
  font-size: 20px;
  line-height: 32px;
  text-align: center;
}


.card-quinn .card-blue-text { 
  font-size: 16px;
  color: grey;
  padding-left: 0;
}

.card-quinn .card-blue-text b{ 
  color: #d7821a;
  font-size: 16px;
  padding: 10px 25px;
  padding-right: 10px;
  line-height: 1.2;
}

.card-quinn .col-4.card-blue-text b{ 
  color: #002B49;
  font-size: 16px;
  padding: 0;
}


.card-quinn .col-4.card-blue-text{ 
  color: #002B49;
}
.card-quinn .card-yellow-bk{
  background-color: transparent;
  color: white;
  padding: 5px 20px;
  border-top-right-radius:4px;
  border-bottom-right-radius:4px;
}

.card-quinn .card-yellow-bk p{
    font-size: 12px;
    line-height: 1.45em;
}

.card-quinn .outline-card {
    margin-bottom: 0px;
}

.card-quinn  .col-8 {
  width: 66.66666667% !important;
  float: left;
}
.card-quinn  .col-4 {
  width: 33.33333333%!important;
  float: right;
}


.separetor {
  display: none;
  height: 120px;
}
.card-new.card-quinn {
    min-height: 366px;
    width: 556px;
}

.text-card-back {
    font-size: 12px;
    line-height: 1.15em;
    color: #7c7c7c;
}


.card-blue-bk.col-xs-7 {
    min-height: 60px;
    padding-left: 14px;
    padding-top: 20px;
    padding-bottom: 10px;
}

.card-blue-bk.col-xs-7 p {
    color: white;
    font-size: 18px;
    font-weight: 600;
}

.rotated-card-back .card-quinn .card-blue-text b {
    padding-left: 0px;
}

.rotated-card-back .card-blue-text {
    padding: 5px 25px;
    padding-left: 20px !important;
}

.card-grey-bk {
    background-color: grey !important;
    min-height: 22px !important;
}

img.card-back-logo {
    padding-top: 28px;
    padding-left: 16px;
}


.rotated-card-back .company-brand .card-blue-text b {
    font-size: 14px;
}
.rotated-card-back .company-brand .card-blue-text {
    font-size: 14px;
    padding: 0;
    padding-top: 24px;
}

.rotated-card-back .company-brand {
    padding-left: 0;
}








/*

.csslider {
  width: 100%;
  height: 500px;
  display: block;
  text-align: left;
  position: relative;



}
.csslider > input {
  display: none;
}

.csslider > input:nth-of-type(2):checked ~ ul li:first-of-type {
  margin-left: -100%;
}
.csslider > input:nth-of-type(1):checked ~ ul li:first-of-type {
  margin-left: 0%;
}
.csslider > ul {
  position: relative; 
  width:100%;
  height: 500px;
  z-index: 1;
  font-size: 0;
  line-height: 0;
  margin:0 auto;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.csslider > ul > li { 
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-size: 15px;
  font-size: initial;
  line-height: normal;
  -moz-transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
  transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
  vertical-align: top;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: normal;
}
.csslider > ul > li.scrollable { 
  overflow-y: scroll;
}
.csslider > .navigation {

  position: absolute;
  bottom: -8px;
  left: 50%;
  z-index: 10;
  margin-bottom: -10px;
  font-size: 0;
  line-height: 0;
  text-align: left;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.csslider > .navigation > div { 
  border: 1px solid #fbc531;
  margin-left: -100%;
  width: 100px;
  height: 20px;
}
.csslider > .navigation label { 
border: 1px solid #4cd137; float:left;
  position: relative;
  display: inline-block;
  cursor: pointer;
  border-radius: 50%;
  margin: 0 4px;
  padding: 4px;
  background: #3a3a3a; float left;
}
.csslider > .navigation label:hover:after {
  opacity: 1;
}
.csslider > .navigation label:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -6px;
  margin-top: -6px;
  background: #71ad37;
  border-radius: 50%;
  padding: 6px;
  opacity: 0;
}
.csslider > .arrows {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.csslider.inside .navigation {
  bottom: 10px;
  margin-bottom: 10px;
}
.csslider.inside .navigation label {
  border: 1px solid #7e7e7e;
}
.csslider > input:nth-of-type(1):checked ~ .navigation label:nth-of-type(1):after,
.csslider > input:nth-of-type(2):checked ~ .navigation label:nth-of-type(2):after {
  opacity: 1;
}
.csslider > .arrows {
  position: absolute;
  left: -31px;
  top: 50%;
  width: 100%;
  height: 26px;
  padding: 0 31px;
  z-index: 0;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.csslider > .arrows label {
  display: none;
  position: absolute;
  top: -50%;
  padding: 13px;
  box-shadow: inset 2px -2px 0 1px #3a3a3a;
  cursor: pointer;
  -moz-transition: box-shadow 0.15s, margin 0.15s;
  -o-transition: box-shadow 0.15s, margin 0.15s;
  -webkit-transition: box-shadow 0.15s, margin 0.15s;
  transition: box-shadow 0.15s, margin 0.15s;
}
.csslider > .arrows label:hover {
  box-shadow: inset 3px -3px 0 2px #71ad37;
  margin: 0 0px;
}
.csslider > .arrows label:before {
  content: '';
  position: absolute;
  top: -100%;
  left: -100%;
  height: 300%;
  width: 300%;
}
.csslider.infinity > input:first-of-type:checked ~ .arrows label.goto-last,
.csslider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(0),
.csslider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(1) {
  display: block;
  left: 0;
  right: auto;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.csslider.infinity > input:last-of-type:checked ~ .arrows label.goto-first,
.csslider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(2) {
  display: block;
  right: 0;
  left: auto;
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}

#my-slider .arrows label {
   border-left-color: red;
   border-right-color: red;
}
#my-slider.inside .navigation label {
    border: 1px solid red;
}




*/
.caption{line-height:20px;margin:0 0 -150%;position:absolute;padding:320px 12px;opacity:0;color:#fff;text-transform:none;font-family:'Open Sans',Arial,Helvetica,sans-serif;text-align:left;font-size:18px;
opacity:1;-webkit-transition:all 1s ease-out 0.6s;-moz-transition:all 1s ease-out 0.6s;-o-transition:all 1s ease-out 0.6s;transition:all 1s ease-out 0.6s; 
}

.w-25 {width: 25% !important; } .w-50 {width: 50% !important; } .w-75 {width: 75% !important; } .w-100 {width: 100% !important; } .w-auto {width: auto !important; } .h-25 {height: 25% !important; } .h-50 {height: 50% !important; } .h-75 {height: 75% !important; } .h-100 {height: 100% !important; } .h-auto {height: auto !important; } .mw-100 {max-width: 100% !important; } .mh-100 {max-height: 100% !important; } .min-vw-100 {min-width: 100vw !important; } .min-vh-100 {min-height: 100vh !important; } .vw-100 {width: 100vw !important; } .vh-100 {height: 100vh !important; }
.p-0 {padding: 0 !important; } .pt-0, .card-revenue-table .revenue-item:first-child, .py-0 {padding-top: 0 !important; } .pr-0, .px-0 {padding-right: 0 !important; } .pb-0, .card-revenue-table .revenue-item:last-child, .py-0 {padding-bottom: 0 !important; } .pl-0, .px-0 {padding-left: 0 !important; } .p-1 {padding: 0.25rem !important; } .pt-1, .py-1 {padding-top: 0.25rem !important; } .pr-1, .px-1 {padding-right: 0.25rem !important; } .pb-1, .py-1 {padding-bottom: 0.25rem !important; } .pl-1, .px-1 {padding-left: 0.25rem !important; } .p-2 {padding: 0.5rem !important; } .pt-2, .py-2 {padding-top: 0.5rem !important; } .pr-2, .px-2, .template-demo .circle-progress-block {padding-right: 0.5rem !important; } .pb-2, .py-2 {padding-bottom: 0.5rem !important; } .pl-2, .px-2, .template-demo .circle-progress-block {padding-left: 0.5rem !important; } .p-3 {padding: 1rem !important; } .pt-3, .py-3, .card-revenue-table .revenue-item {padding-top: 1rem !important; } .pr-3, .px-3 {padding-right: 1rem !important; } .pb-3, .py-3, .card-revenue-table .revenue-item {padding-bottom: 1rem !important; } .pl-3, .px-3 {padding-left: 1rem !important; } .p-4 {padding: 1.5rem !important; } .pt-4, .py-4 {padding-top: 1.5rem !important; } .pr-4, .px-4 {padding-right: 1.5rem !important; } .pb-4, .py-4 {padding-bottom: 1.5rem !important; } .pl-4, .px-4 {padding-left: 1.5rem !important; } .p-5 {padding: 3rem !important; } .pt-5, .py-5 {padding-top: 3rem !important; } .pr-5, .px-5 {padding-right: 3rem !important; } .pb-5, .py-5 {padding-bottom: 3rem !important; } .pl-5, .px-5 {padding-left: 3rem !important; }
.m-0 {margin: 0 !important; } .mt-0, .my-0 {margin-top: 0 !important; } .mr-0, .mx-0 {margin-right: 0 !important; } .mb-0, .my-0 {margin-bottom: 0 !important; } .ml-0, .mx-0 {margin-left: 0 !important; } .m-1 {margin: 0.25rem !important; } .mt-1, .my-1 {margin-top: 0.25rem !important; } .mr-1, .mx-1 {margin-right: 0.25rem !important; } .mb-1, .my-1 {margin-bottom: 0.25rem !important; } .ml-1, .mx-1 {margin-left: 0.25rem !important; } .m-2 {margin: 0.5rem !important; } .mt-2, .template-demo > .btn, .template-demo > .btn-toolbar, .template-demo > .btn-group, .template-demo .circle-progress, .my-2 {margin-top: 0.5rem !important; } .mr-2, .template-demo > .btn, .template-demo > .btn-toolbar, .template-demo > .btn-group, .template-demo .dropdown, .mx-2 {margin-right: 0.5rem !important; } .mb-2, .my-2 {margin-bottom: 0.5rem !important; } .ml-2, .btn-toolbar .btn-group + .btn-group, .mx-2 {margin-left: 0.5rem !important; } .m-3 {margin: 1rem !important; } .mt-3, .my-3 {margin-top: 1rem !important; } .mr-3, .mx-3 {margin-right: 1rem !important; } .mb-3, .template-demo .circle-progress-block, .my-3 {margin-bottom: 1rem !important; } .ml-3, .mx-3 {margin-left: 1rem !important; } .m-4 {margin: 1.5rem !important; } .mt-4, .my-4 {margin-top: 1.5rem !important; } .mr-4, .mx-4 {margin-right: 1.5rem !important; } .mb-4, .my-4 {margin-bottom: 1.5rem !important; } .ml-4, .mx-4 {margin-left: 1.5rem !important; } .m-5 {margin: 3rem !important; } .mt-5, .my-5 {margin-top: 3rem !important; } .mr-5, .mx-5 {margin-right: 3rem !important; } .mb-5, .my-5 {margin-bottom: 3rem !important; } .ml-5, .mx-5 {margin-left: 3rem !important; }

.welcome_kits .col-xs-1, .welcome_kits .col-sm-1, .welcome_kits .col-md-1, .welcome_kits .col-lg-1, .welcome_kits .col-xs-2, .welcome_kits .col-sm-2, .welcome_kits .col-md-2, .welcome_kits .col-lg-2, .welcome_kits .col-xs-3, .welcome_kits .col-sm-3, .welcome_kits .col-md-3, .welcome_kits .col-lg-3, .welcome_kits .col-xs-4, .welcome_kits .col-sm-4, .welcome_kits .col-md-4, .welcome_kits .col-lg-4, .welcome_kits .col-xs-5, .welcome_kits .col-sm-5, .welcome_kits .col-md-5, .welcome_kits .col-lg-5, .welcome_kits .col-xs-6, .welcome_kits .col-sm-6, .welcome_kits .col-md-6, .welcome_kits .col-lg-6, .welcome_kits .col-xs-7, .welcome_kits .col-sm-7, .welcome_kits .col-md-7, .welcome_kits .col-lg-7, .welcome_kits .col-xs-8, .welcome_kits .col-sm-8, .welcome_kits .col-md-8, .welcome_kits .col-lg-8, .welcome_kits .col-xs-9, .welcome_kits .col-sm-9, .welcome_kits .col-md-9, .welcome_kits .col-lg-9, .welcome_kits .col-xs-10, .welcome_kits .col-sm-10, .welcome_kits .col-md-10, .welcome_kits .col-lg-10, .welcome_kits .col-xs-11, .welcome_kits .col-sm-11, .welcome_kits .col-md-11, .welcome_kits .col-lg-11, .welcome_kits .col-xs-12, .welcome_kits .col-sm-12, .welcome_kits .col-md-12, .welcome_kits .col-lg-12 {
    padding-right: 0px;
    padding-left: 0px;
}


.bg-light {
  background-color: #e9e9e9;
}
.bg-orange {
    background-color: #f2b252;
}
.bg-blue {
    background-color: #14365b;  
}
.welcome_kits h3 {
    line-height: 1.25em;
    margin-top: 0;
    margin-bottom: 0;
}
.welcome_kits h3,  .welcome_kits h4{
    color: #14365b;
}

.welcome_kits h4 {
    margin-bottom: 2px !important;
    margin-top: 6px !important;
    line-height: 1em;
}
.welcome_kits h5 {
font-size: 18px;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 0;
}
.bg-orange h4 {
    color: white;
    line-height: 1.25em;
}
.welcome_kits .bg-blue h3{
    color: white; 
        font-style: italic;
        text-align: center;
}
.row-3 .bg-orange h4 {
    line-height: 1;
    margin: 0;
    padding: 6px 0;
    vertical-align: middle;
    display: inline-flex;
}
.row-3 p {
    font-size: 15px;
    line-height: 1.5em;
}
.row-3 .bg-light p {
    font-size: 18px;
    line-height: 1.5em;
}
.row-3 .bg-blue h4 {
    color: white;
}
.row-3 .bg-light.p-4 {
    height: 140px;
}
.bg-light2 {
    background-color: #e9e9e9;
    position: relative;
    display: inline-block;
}
.row-3 .bg-light h3 {
    font-size: 22px;
    font-weight: 700;
}
.row-3 img {
    width: 90px;

}


    .row_card_helpcare {
      padding-top: 2em !important;
    }

.dependants {
    font-size: 11px !important;
    display: inline;
    margin-right: 4px;
    padding-right: 4px;
    line-height: 0px;
    color: #333;
    border-right: 1px solid #f8c166;
}

.dependants:nth-last-child(2) {
      border-right: none;
}




























/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/


























@media print{
    ul {
        display: contents;
    }
    .csslider > input:nth-of-type(2):checked ~ ul li:first-of-type {
      margin-left: 0%;
      margin-top: 30px;
    }   
    .container {
      height: 800px;
      display: contents;
    }  
    .card-new {
      display: contents !important;
    }
}















@media screen and (max-width: 767px){
      .card-new{
    width: 620px !important;
      }

      .outline-card {
        width: 600px !important;
    }
    .rotated-card{
      transform-origin: center;
      transform: rotate(90deg) scale(0.8);
      margin-top: 100px !important;
    }
    .rotated-card-back {
        margin-top: 200px !important;  
    }    
    .access-header{display:none;}
    .imprimir {
        margin-top: 200px;
    }
    button.btn.btn-primary.my-2.imprimir {
      display: none;
    }
    .separetor {
      display: block
    }

    .card-helpcare {
      width: 554px !important;
    }
    .row_card_helpcare {
      padding-top: 0px !important;
    }
}

@media screen and (max-width: 767px) and (orientation: landscape){
  .card-new{
    width: 100% !important;
  }

  .outline-card {
    width: 100% !important;
}
.rotated-card{
  transform-origin: center;
  transform: rotate(0deg) scale(0.8);
    margin-top: -50px !important;
}
/* .access-header{display:none;} */
}

@media screen and (min-width: 320px) and (orientation: landscape){
  .rotated-card{
    transform: rotate(0deg) scale(.9);
    margin-top: 0px !important;
  }
  /* .access-header{display:none;} */
}

@media print {

  .card-new {
      border: 1px dotted black !important;
      min-width: 600px;
      margin: 0px !important;
      -webkit-print-color-adjust: exact;
  }



}


.help-content{
  display: block;
  width: 100%;
  padding: 14px 28px;
  cursor: pointer;
  text-align: center;
}


@media screen and (max-width: 414px){   
    .rotated-card{
      margin-top: 0px !important;
    }
    .rotated-card-back {
        margin-top: 200px !important;  
    }  
    .separetor {
      height: 190px;
    }     

    .footer {
      display: none;
    }    
    .vp-main-module {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}