.padding0 { padding: 0 !important;}
.webinar-backround {background: #f2f5fa;}
.row {margin-right: 0px !important; margin-left: 0px !important;}
.breadcrumb {background: transparent !important; margin-bottom: 0rem !important;}
.breadcrumb-item {font-size: 0.8em; font-family: 'Open Sans';}
.main-heading {margin-top: 15px;}
.main-heading h2 {font-size: 1.7rem; font-weight: revert; color: #484848; letter-spacing: 1px; text-align: center;}
.webinar-downstrip {background: url('../images/webinars/heading_down.png') top center no-repeat;}
.heading-description {margin-top: 15px; margin-bottom: 15px;}
.heading-description h1 {font-size: 1.1em; color: #484848; font-weight: revert;}
.heading-description p {color: #484848; line-height: 24px; text-align: justify; font-size: 0.9em;}
.heading-description p span {font-size: 0.9em;}
.subscription_margin {margin-top: 10px;}
.cofda-body-container {padding: 0 20px; padding-bottom:20px;}
.bodycontainer {margin: 0; padding: 0px; background-color: #fff;}
section {overflow: hidden;}
.fda_subscription {position: relative; padding-bottom: 10px; border-top: 1px dashed #484848; margin-top: 20px;}
.fda_subscription p.table-caption {margin: 15px 0px 10px 0px; padding: 0; padding-top:10px; font-size: 20px; font-weight: normal; padding-left: 20px;}
.fda_subscription h2 {font-size: 20px; color: #333333; font-weight: normal; margin: 60px 0px 50px 0px; padding: 0; text-align: left;  line-height: 26px;  text-align: center;}
.fda_subscription #access-pass-container {padding: 0px 40px; display: table;}
.fda_subscription #access-pass-container div {margin-bottom: 35px; display: table-cell;}
.fda_subscription #unlimited-access {padding-left: 60px; background: url(../images/unlimited-access.png) no-repeat 0px 5px;}
.fda_subscription .pass-left {float: left; width: 53%;}
.fda_subscription .pass-right {float: right; width: 45%;}
.fda_subscription #access-pass-container h3 {padding: 0px; margin: 0px; font-size: 15px; color: #484848; font-weight: bold;}
.fda_subscription #access-pass-container p {padding: 0px; margin: 0px; padding-top: 10px; font-size: 13px; line-height: 1.7; color: #484848;}
.fda_subscription #bonus-materials {padding-left: 60px; background: url(../images/bonus-materials.png) no-repeat 0px 5px;}
.fda_subscription #top-notch-experts {padding-left: 60px; background: url(../images/top-notch-experts.png) no-repeat 0px 5px;}
.fda_subscription #bonus-materials {padding-left: 60px; background: url(../images/bonus-materials.png) no-repeat 0px 5px;}
.fda_subscription p.terms-condition-caption {font-size: 15px; font-weight: normal; margin-top: 40px;}
.fda_subscription ol.terms-condition.-expanded {max-height: 100%;}
.fda_subscription ol.terms-condition {margin-top: 20px; position: relative;}
.fda_subscription ol.terms-condition li {margin-bottom: 10px; font-size: 13px; line-height: 22px; color: #484848;}
#expand-button-wrap {text-align: center;}
a.expand-button {color:#007bff; text-decoration: none; border-bottom: 1px solid #007bff; width: auto; display: inline; font-size: 14px; cursor:pointer;}
a.expand-button:hover {border-bottom: none; text-decoration: none; color:#007bff; cursor:pointer;}
.expand-button span {font-size: 20px;}


#purchase-option1{margin-top:20px;}
#purchase-option2{margin-top:25px;}
.individual{float:left; width:22%; border: 1px solid #c7c7c7; text-align: center;}
.individual .price-heading{padding:12px 10px; color:#118482;}
.individual .price span{font-size:10px; color:#fff; font-weight:normal;}
.individual .license-desc{padding:65px 10px;}
.individual .buy-now a{padding:5px 15px; background-color:#1ba9a7;}
.individual .buy-now a:hover{background-color:#118684;}

.license-desc a{text-decoration:none; font-weight: bold; color:#006fba;}
.license-desc a:hover{border-bottom: 2px solid #006fba; text-decoration:none; font-weight: bold;}

.pharma-subsc, .meddevices-subsc, .life-subsc, .healthcare-subsc, .clinical-subsc, .customized-subsc{float:left; width:24%; border: 1px solid #c7c7c7; text-align: center; margin-left:2%}

.pharma-subsc .price-heading, .healthcare-subsc .price-heading{padding:12px 7px; color:#1e799d;}
.meddevices-subsc .price-heading, .clinical-subsc .price-heading{padding:12px 4px; color:#e56b00;}
.life-subsc .price-heading, .customized-subsc .price-heading{padding:12px 7px; color:#689305;}

.pharma-subsc .buy-now a, .healthcare-subsc .buy-now a{padding:5px 25px; background-color:#0a92d3;}
.meddevices-subsc .buy-now a, .clinical-subsc .buy-now a{padding:5px 25px; background-color:#e18903;}
.life-subsc .buy-now a{padding:5px 25px; background-color:#71a102;}
.customized-subsc .buy-now a{color:#71a102;}

.pharma-subsc .buy-now a:hover, .healthcare-subsc .buy-now a:hover{background-color:#2e619f;}
.meddevices-subsc .buy-now a:hover, .clinical-subsc .buy-now a:hover{background-color:#a66605;}
.life-subsc .buy-now a:hover{background-color:#587d03;}
.customized-subsc .buy-now a:hover{color:#587d03;}

.price-heading{font-size:15px; font-weight:bold;  background-color:#f7f7f7;}
.price{padding:7px 10px; font-size:21px; background-color:#595959; color:#fff; font-weight: bold;}
.license-type{padding:12px 10px; font-size:14px; background-color:#f7f7f7; color:#444;}
.license-desc{padding:12px 10px; font-size:14px; background-color:#f7f7f7; border-top:1px dashed #666; color:#444; line-height: 1.9;}
.buy-now{padding:20px 10px; font-size:15px; background-color:#f7f7f7; border-top:1px dashed #666;}
.buy-now a{text-decoration:none;color:#fff; font-weight:bold; border-radius:7px;}
.customized-subsc .price{font-size:15px; padding:12px 10px;}
.customized-subsc .buy-now{padding:12px 10px; font-size:14px;}
.buy-now a:hover{text-decoration:none;color:#fff; font-weight:bold;}

.pharma-subsc .price span, .healthcare-subsc .price span, .meddevices-subsc .price span, .clinical-subsc .price span, .life-subsc .price span{font-size:12px; color:#fff; font-weight:normal;}

@media screen and (max-width: 1300px) {
  .price-heading{font-size:14px;}
}

@media screen and (max-width: 1280px) {
  .pharma-subsc .price-heading, .healthcare-subsc .price-heading{padding:12px 4px;}
}

.clear {
  clear: both;
}

.customeheight2 p, .customeheight p{
  height: 0px;
}

/*Below styles added for new UI on 2024*/

.subsc-options{display:none; margin-top: 40px}
.subsc-options ul{margin:0px; padding:0px; margin-left:15%;}
.subsc-options ul li{list-style:none; background: url('https://www.complianceonline.com/images/icons/20x20_black.png') no-repeat 0px 3px; padding-left:40px; padding-bottom:15px;}
.subsc-options ul li.subsc-price{background:none; padding:20px 0px 20px 40px;}
.subsc-price span{font-size:28px; font-weight:bold;}

a.buy-nav{
	  align-items: center;  appearance: none;  background-clip: padding-box;  background-color: initial;  background-image: none;  border-style: none;  box-sizing: border-box;  color: #fff;  cursor: pointer;  display: inline-block;  flex-direction: row;  flex-shrink: 0;  font-family: Eina01,sans-serif;  font-size: 16px;  font-weight: 800;  justify-content: center;  line-height: 24px;  outline: none;  overflow: visible;  padding: 14px 26px;  pointer-events: auto;  position: relative;  text-align: center;  text-decoration: none;  text-transform: none;  user-select: none;  -webkit-user-select: none;  touch-action: manipulation;   width: auto;  word-break: keep-all;  z-index: 0; margin-left:30px; vertical-align: super;
}

a.buy-nav:before{
	background-color: rgba(113, 161, 2, 0.32);  content: "";  display: block;  height: 100%;  left: 0;  overflow: hidden;  position: absolute;  top: 0;  width: 100%;  z-index: -2;
}
a.buy-nav:after{  background-color: initial;
	  background-image: linear-gradient(92.83deg, #96c627 0, #567904 100%);  bottom: 4px;  content: "";		  display: block; left: 4px;  overflow: hidden;  position: absolute; right: 4px; top: 4px; transition: all 100ms ease-out; z-index: -1;
}
a.buy-nav:before, a.buy-nav:after{border-radius: 80px;}

a.buy-nav:hover{
  color: #fff; text-decoration: none;
}

a.buy-nav:hover:not(:disabled)::after{
  bottom: 0; left: 0; right: 0; top: 0; transition-timing-function: ease-in;
}
.subsc-sample{display:inline; margin-left:30px; vertical-align:super; font-size:0.9rem}
.subsc-sample a{color: #006fba; text-decoration: none; border-bottom:none;}
.subsc-sample a:hover{text-decoration: none; border-bottom:2px solid #006fba;}

.bodycontainer{padding-top:30px;}
.bodycontainer h5{margin-top:7px;}

.select-hidden {display: none; visibility: hidden; padding-right: 10px;}
.select {cursor: pointer; display: inline-block; position: relative; font-size: 16px; color: #151515; width: 400px; height: 40px;}
.select-styled {position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #2c8084;  padding: 8px 15px; font-weight:bold; color:#fff;
  @include transition(all 0.2s ease-in);
  &:after {
	content:""; width: 0; height: 0; border: 7px solid transparent; border-color: #fff transparent transparent transparent; position: absolute; top: 16px; right: 10px;
  }
  &:hover {
	background-color: #32a3a8; color: #fff;
  }
  &:active, &.active {
	background-color: #2c8084; color: #fff;
	&:after {
	  top: 9px; border-color: transparent transparent #fff transparent;
	}
  }
}

.select-options {display: none; position: absolute; top: 100%; right: 0; left: 0; z-index: 999; margin: 0; padding: 0; list-style: none; background-color: #e9eef7;
  li{margin: 0; padding: 12px 0; text-indent: 15px; border-top: 1px solid #4a95a2;
	@include transition(all 0.15s ease-in);						
	&.is-selected {
	  color: #2f2f2f; background: #44bcc1; font-weight:bold;
	}
	&:hover {
	  color: #000; background: #44bcc1;
	}
	&[rel="hide"] {
	  display: none;
	}
  }
}