.container {
  max-width: 1170px; }

/******
   * Headings & Paragraphs
   ******/
h2, h3, h4, h5, h6 {
  font-family: "montserratmedium";
  color: #666666; }

h2 {font-size: 3.6rem; }
h3 {font-size: 2.4rem; }
h4 {font-size: 2.0rem ; }
h5 {font-size: 1.8rem ; }
h6 {font-size: 14px; }

/******
   * Text Colors Classes
   ******/
.brand-color {
  color: #503795; }

.black-text {
  color: #000000; }

.secondary-color {
  color: #f37021; }

.grey-text {
  color: #666666; }

.white-text {
  color: #ffffff; }

.dark-text {
  color: #333333; }

/******
   * Background Classes
   ******/
.grey-bg {
  background: rgba(229, 229, 229, 0.4);
  padding: 20px 0; }
  .grey-bg:before {
    display: none; }

.white-bg {
  background: #ffffff; }

/******
   * Font size  Classes
   ******/
.font10 {
  font-size: 1rem; }

.font12 {
  font-size: 12px; }

.font14 {
  font-size: 1.4rem; }

.font16 {
  font-size: 1.6rem; }

.font18 {
  font-size: 1.8rem; }

.font20 {
  font-size: 2rem; }

.font24 {
  font-size: 2.4rem; }

.font28 {
  font-size: 2.8rem; }

.font36 {
  font-size: 3.6rem; }

/******
   * Font Family  Classes
   ******/
.font-bold {
  font-family: "montserratbold"; }

.font-medium {
  font-family: "montserratmedium"; }

.font-regular {
  font-family: "montserratregular"; }

.font-light {
  font-family: "montserratlight"; }

.font-black {
  font-family: "montserratblack"; }

.pt-100 {
  padding-top: 100px !important; }

/******
   * Bread Crumbs
   ******/
.breadcrumb {
  background: none;
  padding: 0;
   }
  .breadcrumb li {
    padding: 0 10px;
    position: relative; }
    .breadcrumb li a {
      color: #aaa; }
    .breadcrumb li:first-child {
      padding-left: 0; }
    .breadcrumb li:after {
      content: '';
      position: absolute;
      top: 6px;
      right: -8px;
      background: url(../images/breadcrumbs.png) no-repeat 0 0;
      width: 10px;
      height: 10px; }
    .breadcrumb li:last-child:after {
      display: none; }
    .breadcrumb li a {
      font-size: 12px; }
    .breadcrumb li.active a {
      color: #503795; }

/* Text Decorations */
.line-through {
  text-decoration: line-through; }

/* Badge*/
.badge {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #f37021;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 3px;
  right: 10px; }

/**
   * _fonts.scss
   *
   * Font Family variants for the font(montserrat & Verdana) being used
   *
   *
   * INDEX
   *  - montserrat Regular
   *  - montserrat Black
   *  - montserrat Bold
   *  - montserrat Light
   *  - montserrat Medium
   *
   */
/* ----------------------------------------------------------------------------------------*/
/******
   * Montserrat
    ******/
@font-face {
  font-family: 'montserratblack';
  src: url("../fonts/montserrat-black-webfont.woff2") format("woff2"), url("../fonts/montserrat-black-webfont.woff") format("woff"), url("../fonts/montserrat-black-webfont.svg#montserratblack") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'montserratbold';
  src: url("../fonts/montserrat-bold-webfont.woff2") format("woff2"), url("../fonts/montserrat-bold-webfont.woff") format("woff"), url("../fonts/montserrat-bold-webfont.svg#montserratbold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'montserratextrabold';
  src: url("../fonts/montserrat-extrabold-webfont.woff2") format("woff2"), url("../fonts/montserrat-extrabold-webfont.woff") format("woff"), url("../fonts/montserrat-extrabold-webfont.svg#montserratextrabold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'montserratextralight';
  src: url("../fonts/montserrat-extralight-webfont.woff2") format("woff2"), url("../fonts/montserrat-extralight-webfont.woff") format("woff"), url("../fonts/montserrat-extralight-webfont.svg#montserratextralight") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'montserratlight';
  src: url("../fonts/montserrat-light-webfont.woff2") format("woff2"), url("../fonts/montserrat-light-webfont.woff") format("woff"), url("../fonts/montserrat-light-webfont.svg#montserratlight") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'montserratmedium';
  src: url("../fonts/montserrat-medium-webfont.woff2") format("woff2"), url("../fonts/montserrat-medium-webfont.woff") format("woff"), url("../fonts/montserrat-medium-webfont.svg#montserratmedium") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'montserratregular';
  src: url("../fonts/montserrat-regular-webfont.woff2") format("woff2"), url("../fonts/montserrat-regular-webfont.woff") format("woff"), url("../fonts/montserrat-regular-webfont.svg#montserratregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'montserratsemibold';
  src: url("../fonts/montserrat-semibold-webfont.woff2") format("woff2"), url("../fonts/montserrat-semibold-webfont.woff") format("woff"), url("../fonts/montserrat-semibold-webfont.svg#montserratsemibold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'montserratthin';
  src: url("../fonts/montserrat-thin-webfont.woff2") format("woff2"), url("../fonts/montserrat-thin-webfont.woff") format("woff"), url("../fonts/montserrat-thin-webfont.svg#montserratthin") format("svg");
  font-weight: normal;
  font-style: normal; }

.icon, .icon16, .pdf-icon, .excel-icon, .details-icon, .logout-icon, .icon24, .home-icon, .my_performance-icon, .estatements-icon, .rewards_and_recognition-icon, .our_products-icon, .policy_pulse-icon, .marketing-icon, .eStmts-icon, .raise_request-icon, .renewal-icon, .useful_links-icon, .icon36, .reports-icon, .download-icon, .tds_certificate-icon, .renewal_and_persistency-icon, .renewal_and_persistency_dft-icon, .mis_reports-icon, .training-icon, .more-icon, .edt-icon {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0; }

.icon16, .pdf-icon, .excel-icon, .details-icon, .logout-icon {
  width: 16px;
  height: 16px; }

.icon24, .home-icon, .my_performance-icon, .estatements-icon, .rewards_and_recognition-icon, .our_products-icon, .policy_pulse-icon, .marketing-icon, .eStmts-icon, .raise_request-icon, .renewal-icon, .useful_links-icon, .download-icon, .tds_certificate-icon, .renewal_and_persistency-icon,  .renewal_and_persistency_dst-icon, .renewal_and_persistency_banca-icon, .renewal_and_persistency_agency-icon, .mis_reports-icon, .training-icon, .more-icon, .edt-icon {
  width: 24px;
  height: 24px; float:left; }

.icon36, .reports-icon {
  width: 36px;
  height: 36px; }

.pdf-icon {
  background: url(../images/ic-pdf.png) no-repeat 0 0; }

.excel-icon {
  background: url(../images/ic-excel.png) no-repeat 0 0; }

.home-icon {
  background: url(../images/home.png) no-repeat 0 0; }

.my_performance-icon, .estatements-icon {
  background: url(../images/performance.png) no-repeat 0 0; }

.rewards_and_recognition-icon {
  background: url(../images/ic-rewards.png) no-repeat 0 0; }

.our_products-icon {
  background: url(../images/ic-products.png) no-repeat 0 0; }

.policy_pulse-icon {
  background: url(../images/ic-enquiry.png) no-repeat 0 0; }

.marketing-icon {
  background: url(../images/ic-marketing.png) no-repeat 0 0; }

.eStmts-icon {
  background: url(../images/ic-statements.png) no-repeat 0 0; }

.raise_request-icon {
  background: url(../images/ic-raise-req.png) no-repeat 0 0; }

.renewal-icon {
  background: url(../images/renewal.png) no-repeat 0 0; }

.useful_links-icon{
  background: url(../images/ic-links.png) no-repeat 0 0; }

.edt-icon{
  background: url(../images/ic-links.png) no-repeat 0 0; }

.reports-icon {
  background: url(../images/ic-report.png) no-repeat 0 0; }

.details-icon {
  background: url(../images/ic-details.png) no-repeat 0 0; }

.logout-icon {
  background: url(../images/logout.png) no-repeat 0 0; }
.download-icon {
  background: url(../images/ic-download.png) no-repeat 0 0; }
 .more-icon {
  background: url(../images/ic-more.png) no-repeat 0 0; }
.tds_certificate-icon {
  background: url(../images/tds-icon.png) no-repeat 0 0; }
.renewal_and_persistency-icon {
  background: url(../images/renewal-icon.png) no-repeat 0 0; }
   .renewal_and_persistency_dst-icon {
  background: url(../images/renewal-icon.png) no-repeat 0 0; }
  .renewal_and_persistency_banca-icon {
  background: url(../images/renewal-icon.png) no-repeat 0 0; }
 .renewal_and_persistency_agency-icon {
  background: url(../images/renewal-icon.png) no-repeat 0 0; }
 .mis_reports-icon {
  background: url(../images/mis-report.png) no-repeat 0 0; }
 .training-icon {
  background: url(../images/training-ico.png) no-repeat 0 0; }
  
   
.content-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 3px solid #dddddd;
  position: relative;
  color: #dddddd;
  font-size: 18px;
  display: block;
  text-align: center;
  padding: 5px 0;
  margin: 0 20px 0 0;
  font-family: "montserratsemibold"; }
  .content-icon:after {
    content: '';
    position: absolute;
    left: -9px;
    top: -4px; }

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

html {
  height: 100%; }

a, a:hover, a:focus, a:Active {
  display: block;
  text-decoration: none;
  color: #666666; }

ul {
  list-style-type: none;
  padding: 0;
  margin: 0; }
  ul > li {
    position: relative; }
    ul > li:after {
      content: '';
      position: absolute;
      bottom: 0;
      right: 0;
      left:0;
      border-bottom: 1px solid #dddddd; }
    ul > li:last-child:after {
      border: none; }

body {
  height: 100%;
  font-size: 14px;
  font-family: 'montserratregular';
  background: #f5f5f5; }

h6 {
  font-size: 14px;
  font-family: "montserratsemibold";
  margin: 0; }

.card {
  border: none;
  border-radius: 0; box-shadow: 0 1px 1px rgba(0,0,0,0.1); }
  .card .card-header, .card .card-footer {
    background: transparent;
    padding: 15px; }
    .card .card-header a, .card .card-footer a {
      color: #f37021;
      font-family: "montserratsemibold"; }
	  .card .card-header a:hover, .card .card-footer a:hover { text-decoration:underline}
  .card .card-body {
   /* padding: 0; */}

/* Header */
header .navbar {
  padding: 10px 20px;
  background: #ffffff; }

header .search-form .search-close {
  display: none;
  position: absolute;
  right: 20px;
  top: 20px;
  display: none;
  z-index: 999; }
  header .search-form .search-close img {
    width: 18px;
    height: 18px; }
  @media only screen and (max-width: 767px) {
    header .search-form .search-close {
      display: block; } }

header .search-input {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #666666;
  font-size: 14px;
  padding: 10px 0; }
  @media only screen and (max-width: 767px) {
    header .search-input {
      position: absolute;
      top: 6px;
      left: 0;
      right: 0;
      width: 100% !important;
      bottom: 0;
      padding: 30px;
      z-index: 999; } }
  header .search-input:focus {
    box-shadow: none;
    border-color: #503795;
    color: #503795; }

header .navbar-nav li.nav-item a {
  padding: 10px 15px !important;
  position: relative;
  color: #999999 !important; }

header .navbar-nav li.nav-item:after {
  display: none; }

header .dropdown.show .dropdown-toggle:after {
  transform: rotate(180deg); }

a.dropdown-item {
  font-size: 14px; }
  a.dropdown-item:active {
    background-color: #f8f9fa; }

.nav-link.dropdown-toggle::after {
  background: url(../images/arrow.png) no-repeat 0 3px;
  width: 15px;
  height: 15px;
  border: none;
  transition: 0.5s ease; }

.navbar-menu-icon {
  display: none;
  margin: 0 15px 0 0; }
  @media only screen and (max-width: 1023px) {
    .navbar-menu-icon {
      display: block; } }

/* Menu Section*/
 @media only screen and (max-width: 1023px) {											 
.menu-section {
  background: #eeeeee;
  height: auto;
  width: 250px;
  position: fixed;
  left: 0;
  top: 68px;
  z-index: 99;
  bottom: 0; }
 }
  @media only screen and (max-width: 1023px) {
    .menu-section {
      top: 0;
      bottom: 0;
      z-index: 1999;
      left: -100%;
      transition: 0.5s ease;
      width: 100%; }
      .menu-section.active {
        left: 0; } }
  .menu-section .close-icon {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 10px;
    left: 10px; cursor:pointer; }
  .menu-section .login-section {
    padding: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    border-top: 1px solid #ddd; }
    @media only screen and (max-width: 767px) {
      .menu-section .login-section {
        display: block; } }
  .menu-section .mobile-section {
    padding: 40px 20px 20px;
    display: none;
    border-bottom: 1px solid #dddddd;
    position: relative; }
    @media only screen and (max-width:1023px) {
      .menu-section .mobile-section {
        display: block; } }
    .menu-section .mobile-section .user {
      position: relative; }
      .menu-section .mobile-section .user img {
        width: 50px;
        height: 50px;
        border: 1px solid #777777;
        margin: 0 10px 0 0; }
      .menu-section .mobile-section .user:before {
        content: '';
        position: absolute;
        right: 0px;
        top: 18px;
        width: 12px;
        height: 10px;
        transform: rotate(-90deg);
        background: url(../images/down-arrow.png) no-repeat 0 0; }

/* Menu List */
.menu-list {
  position: relative;
  z-index: 99;
  overflow: auto; }
  @media only screen and (max-width: 1600px) {
    .menu-list {
      height: 100%; } }
  @media only screen and (max-width: 767px) {
    .menu-list {
      height: calc(100% - 110px); } }
  .menu-list > li:first-child:before {
    display: none; }
  .menu-list  li.subMenu:before {
    content: '';
    position: absolute;
    right: 20px;
    top: 18px;
    width: 12px;
    height: 10px;
    background: url(../images/down-arrow.png) no-repeat 0 0; transition: 0.5s ease; }
  .menu-list > li a {
    padding:10px 20px;
    position: relative; }
    .menu-list > li a:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      border-bottom: 1px solid transparent; }
  .menu-list > li.active, .menu-list > li:hover {
    background: #503795; }
 .menu-list > li.subMenu.active:before, .menu-list  > li.subMenu:hover:before {
      background: url(../images/arrow-white.png) no-repeat 0 0; }
	 .menu-list  > li.subMenu ul li:hover:before {
      background: url(../images/down-arrow.png) no-repeat 0 0;
	 }
	  .menu-list  > li.subMenu ul li:hover:before {
      background: url(../images/down-arrow.png) no-repeat 0 0;
	 }
	 /*.menu-list  > li.subMenu ul li.active{ background:#503795; }
	  .menu-list  > li.subMenu ul > li.active > a {color:#ffffff;}*/
	 .menu-list  > li.subMenu ul li.active:before{ background: url(../images/down-arrow.png) no-repeat 0 0;}							
    .menu-list > li.active a, .menu-list > li:hover a {
      color: #ffffff; }
      .menu-list > li.active a:after, .menu-list > li:hover a:after {
        border-bottom-color: #eee;
        left: 0;
        width: 100%; }
      .menu-list > li.active a .home-icon, .menu-list > li:hover a .home-icon {
        background: url(../images/home-hover.png) no-repeat 0 0; }
      .menu-list > li.active a .my_performance-icon, .menu-list > li:hover a .my_performance-icon {
        background: url(../images/ic-performance-hover.png) no-repeat 0 0; }
		.menu-list > li.active a .estatements-icon, .menu-list > li:hover a .estatements-icon {
        background: url(../images/ic-performance-hover.png) no-repeat 0 0; }
      .menu-list > li.active a .rewards_and_recognition-icon, .menu-list > li:hover a .rewards_and_recognition-icon {
        background: url(../images/ic-rewards-hover.png) no-repeat 0 0; }
      .menu-list > li.active a .our_products-icon, .menu-list > li:hover a .our_products-icon {
        background: url(../images/ic-products-hover.png) no-repeat 0 0; }
      .menu-list > li.active a .policy_pulse-icon, .menu-list > li:hover a .policy_pulse-icon {
        background: url(../images/ic-enquiry-hover.png) no-repeat 0 0; }
      .menu-list > li.active a .marketing-icon, .menu-list > li:hover a .marketing-icon {
        background: url(../images/ic-marketing-hover.png) no-repeat 0 0; }
      .menu-list > li.active a .eStmts-icon, .menu-list > li:hover a .eStmts-icon {
        background: url(../images/ic-statements-hover.png) no-repeat 0 0; }
      .menu-list > li.active a .raise_request-icon, .menu-list > li:hover a .raise_request-icon {
        background: url(../images/ic-raise-req-hover.png) no-repeat 0 0; }
      .menu-list > li.active a .renewal-icon, .menu-list > li:hover a .renewal-icon {
        background: url(../images/renewal-hover.png) no-repeat 0 0; }
      .menu-list > li.active a .useful_links-icon, .menu-list > li:hover a .useful_links-icon{
        background: url(../images/ic-links-hover.png) no-repeat 0 0; }
		.menu-list > li.active a .download-icon, .menu-list > li:hover a .download-icon {
        background: url(../images/ic-download-hover.png) no-repeat 0 0; }

		.menu-list > li.active a .tds_certificate-icon, .menu-list > li:hover a .tds_certificate-icon {
        background: url(../images/tds-icon-hover.png) no-repeat 0 0; }

		.menu-list > li.active a .renewal_and_persistency-icon, .menu-list > li:hover a .renewal_and_persistency-icon {
        background: url(../images/renewal-icon-hover.png) no-repeat 0 0; }
		
		.menu-list > li.active a .renewal_and_persistency_dst-icon, .menu-list > li:hover a .renewal_and_persistency-icon {
        background: url(../images/renewal-icon-hover.png) no-repeat 0 0; }
		
		.menu-list > li.active a .renewal_and_persistency_banca-icon, .menu-list > li:hover a .renewal_and_persistency-icon {
        background: url(../images/renewal-icon-hover.png) no-repeat 0 0; }

		
		.menu-list > li.active a .renewal_and_persistency_agency-icon, .menu-list > li:hover a .renewal_and_persistency-icon {
        background: url(../images/renewal-icon-hover.png) no-repeat 0 0; }
		
		.menu-list > li.active a .mis_reports-icon, .menu-list > li:hover a .mis_reports-icon {
        background: url(../images/mis-report-hover.png) no-repeat 0 0; }

		

		.menu-list > li.active a .more-icon, .menu-list > li:hover a .more-icon {
        background: url(../images/ic-more-hover.png) no-repeat 0 0; }

		.menu-list > li.active a .training-icon, .menu-list > li:hover a .training-icon{
        background: url(../images/training-ico-hover.png) no-repeat 0 0; }
  .menu-list > li .sub-list {
    margin: 0 0  0 0px; background:#fff; }
	.menu-list > li .sub-list a{ color:#212529;}
	.menu-list > li .sub-list a:hover{ /*background:#503795; */color:#503795;}
    .menu-list > li .sub-list li a:after {
      display: none; }
    .menu-list > li .sub-list li:after {
      border-color: #45c0ca;
      left:0px; }
 .menu-list  li.active:before {
    transition: 0.5s ease;
    transform: rotate(180deg);
	top:13px; }
  .menu-list > li .notification span {
    position: relative; }
    .menu-list > li .notification span:after {
      content: '';
      position: absolute;
      width: 8px;
      height: 8px;
      background: #f37021;
      right: 0px;
      top: -3px;
      border-radius: 50%; }

.menu-list > li .sub-list ul {background:#eeeeee; padding: 0;}

.menu-list > li .sub-list ul li:after {border:none;}
.menu-list > li .sub-list ul li a {font-size: 12px; padding: 5px 5px 5px 30px;}

/* Content Section */
.right-section {
  padding: 68px 0 0 250px; }
  .menu-list > li .sub-list ul li a {
    padding: 12px 10px 12px 31px;
    border-top: 1px solid rgba(0, 0, 0, 0.09);
}
  @media only screen and (max-width: 1023px) {
    .right-section {
      padding: 68px 0 0; } }

.content-section {
  /*padding: 20px 30px;*/
	padding: 0px 20px 20px 10px;
  }
  .content-section .biReport-section .card {
    padding: 20px;
    width: 100%;
    height: 200px;
    margin: 20px 0 20px; }
	.content-section .biReport-section .card .cardimg {
		height:100%;
		width:100%
	}

@media only screen and (max-width: 767px) {
  .common-card {
    margin: 0 0 30px; } }

.report-list li {
  padding:5px; }
  .report-list li:after {
    left: 4%;
    border-color: #eeeeee; }
  .report-list li .reports-icon {
    margin: 0 20px 0 0;
    flex: 1 0 auto; }
  .report-list li p {
    margin: 0 0 5px; }
  .report-list li a {
    font-size: 12px;
    color: #f37021; }

.contest-list li .content-icon {
  flex: 1 0 auto; }

.contest-list li.active .content-icon {
  border-color: #503795;
  color: #503795; }
  .contest-list li.active .content-icon:after {
    background: #ffffff;
    width: 20px;
    height: 20px; }

/* Footer */
footer {background: #dddddd;padding: 30px 30px 0;font-size: 10px;color: #666666; clear:both;}
footer .footer-links {margin: 0  -10px 20px;padding: 0 0 20px;border-bottom: 1px solid #cccccc; }
footer .footer-links li {padding: 0 10px;position: relative; margin:2px 0; }
footer .footer-links li:after {content: '';position: absolute;top:50%; left:auto; right:0px; background:#cccccc; height:100%; width:1px; transform:translateY(-50%); }

footer .footer-links li a {font-size: 10px; }
.copyright {padding: 20px 0;border-top: 1px solid #cccccc; }


/* Login */
.login-box{width: 100%;max-width:70%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);min-width: 290px;}
.login-logo{text-align: center;margin-bottom: 25px;}
.login-box-body{background: #fff; border-top: 0; color: #666;}
h3.login-box-title{margin: 0; padding: 0; font-size:18px !important; padding-bottom:15px; position:relative; margin-bottom:20px;}
h3.login-box-title:after {content:''; height:2px; width:50px; position:absolute; left:0; bottom:0; display:block; background:#f37021; }
.login-box-body .form-holder {padding:15px;}
.has-feedback {position: relative;}
.form-control-feedback {position: absolute;top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none;}
.form-control-feedback.user{background:url(../images/ic-user.png) no-repeat center center;}
.form-control-feedback.password{background:url(../images/ic-lock.png) no-repeat center center;}
.login-box .form-control {border-radius: 0;box-shadow: none;border-color: #d2d6de; padding-right:40px; font-size:14px;}
.login-box .form-control:focus {border-color:#503795;box-shadow: none;}
/*.login-box .btn.btn-primary{ border-radius:0; background:#f37021; border-color:#f37021; width:100%;}
.login-box .btn.btn-primary:hover {background:#503795;border-color:#503795;}*/
a.forgot-pass {display:inline-block; padding-top:10px;}
a.forgot-pass:hover {text-decoration:underline;}
.login-box-body figure {margin:0;}
.login-box-body img {display:block; max-width:100%; height:auto;}
.login-box-body .description {padding-top:10px; font-size:12px;}

@media (max-width:1024px){
	.hidden-sm {display:none;}
}

@media screen and (max-width:959px) {
	.login-box {position:relative; left:auto; top:auto; transform:translate(0,0); margin:0 auto; margin-top:100px;}	
}

@media screen and (max-width: 719px) {
	
}



.m-b-20 {margin-bottom:20px;}
.m-t-20 {margin-top:20px;}
.card-inner {padding:20px;}

.card-header > .box-tools {position: absolute; right: 10px; top: 5px;}

/* form */
.control-mandatory {color:#f37021;}
.form-control {border-radius: 0;box-shadow: none;border-color: #d2d6de; padding-right:40px; font-size:14px;}
select.form-control  {background-image:url(../images/arrow-dropdown.png); background-repeat:no-repeat; background-position:right 10px center; -webkit-appearance: none; -moz-appearance:none;  appearance:none;}
.form-control:focus {border-color:#503795;box-shadow: none;}
label {display:block;}
/*input[type=checkbox]:not(old),*/
input[type=radio   ]:not(old){width: 28px; margin  : 0; padding : 0;opacity : 0;}
input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label{display: inline-block;margin-left  : -28px;padding-left : 28px;background   : url('../images/checks.png') no-repeat 0 0; line-height  : 24px; font-size:13px; color:#212529 !important;}
input[type=checkbox]:not(old) + label { background-position:0 -48px;}
input[type=radio   ]:not(old) + label { background-position:0 0;}
input[type=checkbox]:not(old):checked + label{background-position : 0 -72px;}
input[type=radio]:not(old):checked + label{background-position : 0 -24px;}

.help-block {margin-top: 5px;margin-bottom: 10px;color: #737373; display:inline-block; font-size:12px;}
.form-group.has-error > label {color: #ff0000;}
.form-group.has-error .form-control, .form-group.has-error .input-group-addon {border-color: #ff0000;box-shadow: none;}
.form-group.has-error .help-block {color: #ff0000;}


.btn {-moz-transition: all linear 0.5s;-o-transition: all linear 0.5s; -webkit-transition: all linear 0.5s;-ms-transition: all linear 0.5s; transition: all linear 0.5s;  border-radius:0;  box-shadow:none !important; border:none !important; padding: .5rem .8rem;}
.btn.btn-default{background:#503795; color:#ffffff; }
.btn.btn-default:hover {background-color:#f37021;}
.btn.btn-primary{background:#503795;  }
.btn.btn-primary:hover {background-color:#f37021;}


.btn.arrow{ padding-right:50px; background-image:url(../images/arrow-right-white.png); background-position:right 20px center; background-repeat:no-repeat;}
.btn.arrow:hover {background-position:right 10px center;}
.checkbox, .radio {position: relative;display:block; padding:0 10px;}
.checkbox label, .radio label {font-size:0.775rem;}
.btn.border {border: 1px solid #f37021 !important; color:#f37021}


.input-group-addon .fa { position:absolute; top:40px; right:30px; font-size:18px; color:#999999}

/* Tab */
.nav-tabs > li > a {margin-right: 2px;  border: 1px solid transparent;  border-radius: 4px 4px 0 0; position: relative;
display: block; padding: 15px 15px; font-weight:600; color:#999999;}
.nav-tabs > li.active > a, .nav-tabs > li > a:hover  {color:#212529;}
.nav-tabs > li.active > a:after {content:''; height:2px; width:50%; background:#f37021; position:absolute; left:15px; bottom:0; display:block;}
.nav-tabs > li {float: left; margin-bottom: -1px; position: relative;  display: block;}



/* Table */
/*.table {border:1px solid #503795; border-collapse: separate;border-spacing: 1px;}*/
.table th { background:#503795; color:#ffffff;}
/*.table td, .table th { border:none;}
.table td {background:#ffffff; color: #666666;}*/
.table td a {color:#f37021;}
.table td a:hover {text-decoration:underline;}
.table td, .table th {
    padding: 8px 10px !important;
    font-size: 12px !important;
	  vertical-align: top !important;
	
}

/* Hide */
.swip-info {display: none;}
@media screen and (max-width:1023px) {
	.swip-info {display: block;}
}
@media screen and (max-width: 767px) {
.hidden-sm-down {display:none;}

}

/* ====== Product Page ===== */
h2.page-title{ font-size: 24px; padding: 30px 0 20px;}
h2.page-title span {display: inline-block; border-bottom: 2px solid #ffaa0a; padding-bottom: 5px;}

.product-item {background: #ffffff; border: 1px solid #dddddd; margin: 0 0 30px 0; transition: 0.5s;}
.product-item:hover { /*border-color:#ffaa0a;*/ box-shadow: 0 0 10px rgba(0,0,0,0.1); }
.product-item figure {position: relative;}
.product-item figure img {display: block; width: 100%; height: auto; margin: 0 auto;}
.product-item figure figcaption {background: rgba(255, 255, 255, 0.8);position: absolute;width: 100%;bottom: 0;left: 0;right: 0; padding: 15px 24px 15px 30px;}
.product-item figure figcaption p 
{
	margin: 0px 0px 7px;
	padding-top: 10px;
	/*color: #008f89;*/
	display: inline-block;
	/*border-top: 2px solid #ffaa0a;*/
	line-height: normal;
	/*font-size: 12px;*/
	
	

	color: #f1592b !important;/*Added on 05022021*/

	line-height: normal;
	font-size: 13px;
	font-weight:bold;
	font-family: "montserratlight";
}
.product-item figure figcaption h3 
{
	display: table;
	margin: 0px;
	/*color: #f37021;
	border-bottom: 2px solid #ffaa0a;
	padding-bottom: 10px;
	font-size: 16px;  
	font-family: 'montserratsemibold';*/
	
	
/*display: block;*/

color: #084f95 !important;
border-bottom: 3px solid;
padding-bottom: 2px;
font-size: 15px;
font-family: "montserratmedium";
border-image: linear-gradient(to right, #6acbd9 30%, #ffac05 30%, #ffac05 70%, #8ac12f 70%, #8ac12f 80%) 5;
}
.prod-benefit-list { padding:15px 30px; min-height:250px;}
@media only screen and (max-width: 1440px) {
	.prod-benefit-list { min-height:300px;}	
}
@media only screen and (max-width: 767px) {
	.prod-benefit-list { min-height:1px;}	
}
.prod-benefit-list ul {padding-bottom: 30px;}
.prod-benefit-list ul  li {margin-bottom: 15px; color: #666666; position: relative; padding-left: 20px; font-family: "montserratlight";}
.prod-benefit-list ul  li:last-child {margin-bottom: 0;} 
.prod-benefit-list ul  li::before {content: ""; background: url(../images/chevron-right.png) no-repeat; display: inline-block; height: 24px; width: 24px; vertical-align: middle;
  position: absolute;left: 0; top: 5px;}
  .prod-benefit-list ul  li::after {display: none;}

  .prod-details-top {position: relative;}
  .prod-detail-pic {position: relative; margin: 0; overflow: hidden; background-repeat: no-repeat; background-position:  bottom left;}
  .prod-detail-pic  img {height: auto; width: 30%; margin: 0 auto; position: relative; z-index: 2;;}
  .prod-detail-pic figcaption 
  {
	  position: absolute;
	  width:95%; 
	  top:50%;left:50%;  
	  transform:translate(-50%, -50%); 
	  border: 4px solid #ffaa0a; 
	  padding:15px;
	  padding-left: 30%; 
	  z-index: 1;
  }
  .prod-detail-pic figcaption p 
  {
	  margin: 0px 0px 7px;
	  padding-top: 10px;
	  /*color: #008f89;*/
	  display: inline-block;
	  /*border-top: 2px solid #ffaa0a;*/
	  line-height: normal;
	  /*font-size: 14px;*/
	  

	color: #f1592b !important;/*Added on 05022021*/

	line-height: normal;
	font-size: 13px;
	font-weight:bold;
	font-family: "montserratlight";
	  
  }
  .prod-detail-pic figcaption h3 
  {
	  display: table;
	  margin: 0px;
	 /* color: #f37021;
	  border-bottom: 2px solid #ffaa0a;
	  padding-bottom: 10px;
	  font-size:18px;  
	  font-family: 'montserratsemibold';*/
	  
	

color: #084f95 !important;
border-bottom: 3px solid;
padding-bottom: 2px;
font-size: 15px;
font-family: "montserratmedium";
border-image: linear-gradient(to right, #6acbd9 30%, #ffac05 30%, #ffac05 70%, #8ac12f 70%, #8ac12f 80%) 5;
	  
  }


  .prod-detail-pic figcaption ul {
    margin-bottom: 1px;
    color: #666666;
	font-family: "montserratlight";
    /*position: relative;
    padding-left: 20px;*/
}
  .prod-detail-pic figcaption ul li {
    margin-bottom: 1px;
    color: #666666;
    /*position: relative;*/
    padding-left: 20px;
	font-family: "montserratlight";
}

.prod-detail-pic figcaption ul li::before {
    content: "";
    background: url(../images/chevron-right.png) no-repeat;
    display: inline-block;
    height: 24px;
    width: 24px;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 5px;
	border-bottom: 0px !important;
	
}

.prod-detail-pic figcaption ul li::after {

	border-bottom: 0px !important;
}




  
    .prod-detail-pic figcaption h4 {font-size:1em; padding:0.8em 0 0.1em 0; color:#000000; font-family: 'montserratsemibold';}
	.prod-detail-pic figcaption h4 + span {display:block; padding:0.5em;} 
	.bannerplan--list li {position: relative;padding: 5px 0 5px 20px;}

	
.bannerplan--list li::before {
    content: "";
    background: url(../images/chevron-right.png) no-repeat;
    display: inline-block;
    height: 24px;
    width: 24px;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 9px;
}
.bannerplan--list li:after {display:none;}
.product-pdf-link {position: absolute; top: 10px; right: 10px; z-index: 2;}
.product-pdf-link  a {display: inline-block; padding: 5px 5px 5px 28px; border: 1px solid #f37636; border-radius: 2px; transition: 0.5s;  font-family: 'montserratbold'; font-size: 10px;}
.product-pdf-link  a.brochure {background:#f37636 url(../images/icon-pdf-white.png) no-repeat 5px 50%; color: #fff;}
.product-pdf-link  a.bi {background: #fff url(../images/icon-pdf-orange.png) no-repeat 5px 50%;; color: #f37636;}
@media only screen and (max-width: 1440px) {
	.product-pdf-link {top: 30px;right: 40px;}
}

@media only screen and (max-width: 1024px) {
	.product-pdf-link {right: 30px;}
}

	
@media only screen and (max-width: 1280px) {	
	.prod-detail-pic figcaption h4 + span {display:none;}
	.bannerplan--list {display:none;}
}

@media only screen and (max-width: 1023px) {
	.product-pdf-link {top: 10px;right: 10px;}
	.prod-detail-pic figcaption {position:relative; left:auto; top:auto; bottom:auto; right:auto; transform:translateY(0); padding:20px; background:#ffffff; width:100%; border: none;}
}

@media only screen and (max-width: 767px) {
  .prod-detail-pic  img  { height: 200px; width: auto; transform: translateX(-10%);}
  .product-pdf-link {top: 15px; right: 15px;}
  /*.prod-detail-pic figcaption {padding: 0 0 15px 15px;}*/
  .prod-detail-pic figcaption p {font-size: 12px;}
  .prod-detail-pic figcaption h3 {font-size: 16px;}
}


/* Tab */
.product-tab { padding-bottom: 30px;}
.resp-tabs-list {background: #503795; float: left; width: 100%;}
.resp-tabs-list li {font-family: 'montserratsemibold';font-size: 14px;padding: 18px 20px; margin:  0;list-style: none;cursor: pointer; float:left; border: none !important; color: #fff;}
.resp-tabs-list li:after {display:none;}
.resp-tabs-container {padding: 0px;background-color: #fff;clear: left;}
h2.resp-accordion {cursor: pointer;padding: 5px;display: none;}
.resp-tab-content {display: none;padding:30px;}
.resp-tab-active { color: #f37636 !important;}
.resp-tab-active {border-bottom: none;background-color: #fff;}
.resp-content-active, .resp-accordion-active {display: block;}
.resp-tab-content {}
h2.resp-accordion {font-size: 14px;border: 1px solid #dddddd;margin: 0px;padding: 10px 15px;}
h2.resp-tab-active {border-bottom: 0px solid #c1c1c1 !important;margin-bottom: 0px !important;padding: 10px 15px !important;}
h2.resp-tab-title:last-child {border-bottom: 12px solid #c1c1c1 !important;background: blue;}

/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {float: left;width: 30%;}
.resp-vtabs .resp-tabs-list li {display: block;padding: 15px 15px !important;margin: 0 0 4px;cursor: pointer;float: none;}
.resp-vtabs .resp-tabs-container {padding: 0px;background-color: #fff;border: 1px solid #c1c1c1;float: left;width: 68%;min-height: 250px;border-radius: 4px;clear: none;}

.resp-vtabs .resp-tab-content {border: none;word-wrap: break-word;}
.resp-vtabs li.resp-tab-active {position: relative;z-index: 1;margin-right: -1px !important;padding: 14px 15px 15px 14px !important;border-top: 1px solid;border: 1px solid #5AB1D0 !important;
border-left: 4px solid #5AB1D0 !important;margin-bottom: 4px !important;border-right: 1px #FFF solid !important;}
.resp-arrow {width: 13px;height: 8px;float: right;margin-top: 3px; background: url(../images/arroow-down-tab.png) no-repeat 0 0;}
h2.resp-tab-active span.resp-arrow { background: url(../images/arroow-up-tab.png) no-repeat 0 0;}

/*-----------Accordion styles-----------*/
h2.resp-tab-active {background: #ffffff; border: none !important;/* !important;*/}
.resp-easy-accordion h2.resp-accordion {display: block; }
.resp-easy-accordion .resp-tab-content {border: 1px solid #c1c1c1;}
.resp-easy-accordion .resp-tab-content:last-child {border-bottom: 1px solid #c1c1c1;/* !important;*/}
.resp-jfit {width: 100%; margin: 0px;}
.resp-tab-content-active {display: block;}
h2.resp-accordion:first-child {border-top: 1px solid #c1c1c1;/* !important;*/}

ul.review-list li {border-bottom: 1px solid #e0e0e0; margin-bottom: 15px; padding-bottom: 15px; display: block;}
ul.review-list li:after {display: none;}
ul.review-list li:first-child {padding-top: 0;}
ul.review-list li h4 {font-size: 14px; color: #000000; font-family: 'montserratsemibold'; padding-bottom: 5px;}
ul.review-list li  .article-info {font-size: 12px; color: #918c8c;}
.review-form {display: none;}

ul.pdf-list li {display:inline-block; width: 33.33%; vertical-align: middle; text-align: center; box-sizing: border-box; padding: 10px; margin: 0 -4px 0 0;}
ul.pdf-list li h3 {font-size: 16px;}
ul.pdf-list li:after{display: none;}

@media only screen and (max-width: 767px) {
  ul.pdf-list li {width: 50%;}
}
@media only screen and (max-width: 640px) {
  ul.pdf-list li {width: 100%;}
}



ul.pdf-list2 li {display:inline-block; width: 25%; vertical-align: middle; text-align: center; box-sizing: border-box; padding: 10px; margin: 0 -4px 0 0;}
ul.pdf-list2 li h3 {font-size: 16px;}
ul.pdf-list2 li:after{display: none;}

@media only screen and (max-width: 767px) {
  ul.pdf-list2 li {width: 50%;}
}
@media only screen and (max-width: 640px) {
  ul.pdf-list2 li {width: 100%;}
}


@media only screen and (max-width: 1279px) {
  .resp-tabs-list li {font-size: 12px; padding: 11px 9px;}
}


@media only screen and (max-width: 1023px) {
  ul.resp-tabs-list {display: none;}
  h2.resp-accordion {display: block; background: #f5f5f5 !important; margin-bottom: 5px;}
  h2.resp-tab-active {background: #ffffff !important; border: none !important; font-family: 'montserratsemibold';}
  .resp-tab-content {margin-bottom: 5px; background: #fff;}
  .resp-vtabs .resp-tab-content {border: 1px solid #C1C1C1;}
  .resp-vtabs .resp-tabs-container {border: none;float: none; width: 100%;min-height: 100px;clear: none;}
  .resp-accordion-closed {display: none !important;}
  .resp-vtabs .resp-tab-content:last-child {border-bottom: 1px solid #c1c1c1 !important;}
  .product-tab {padding-top: 15px; padding-bottom: 15px;}
  .resp-tabs-container { background: none;}

}
.product-video figure {position: relative;}
.product-video figure:before {content:''; height:40px; width:40px; background: url(../images/btn-play.png) no-repeat center center; border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);display:block;}
.product-video figure img {display: block; height: auto; width: 100%;}
.product-video figure figcaption {position: absolute; left: 0; bottom: 0; padding: 10px; width: 100%; box-sizing: border-box; width: 100%; background: rgba(255,255,255, 0.5); color:#f37021; font-family: 'montserratsemibold';}
/* Button */
.btn-line {display: inline-block; border: 1px solid #f37636; border-radius: 2px; color: #f37636; padding:10px 20px;  font-family: 'montserratbold';  transition: 0.5s;} 
.btn-line:hover, .btn-line:active,.btn-line:focus {display: inline-block; background:#f37636; color: #ffffff; }

.btn-solid {display: inline-block; border: 1px solid #f37636; background:#f37636; border-radius: 2px; color: #ffffff; padding:10px 20px;  font-family: 'montserratbold';  transition: 0.5s;} 
.btn-solid:hover, .btn-solid:active, .btn-solid:focus {display: inline-block; background:#ffffff; color: #f37636; }

.videoWrapper {position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0;background:#000;}
.videoWrapper video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.modal-header h3 {font-size:14px; color:#f37021;}

/* Contest */
.contest-name {display:block; padding:10px; background:#503795; text-align:center; color:#ffffff; min-height:150px; position:relative; margin-bottom:30px; transition:0.5s;}
.contest-name:hover {background:#ffaa0a;}
.contest-name strong { display:block; position:absolute; width:100%; left:0; top:50%; transform:translateY(-50%);}

.contest-banner {position:relative;} 
.contest-banner img {display:block; height:auto; width:100%; margin:0 auto;}
.card-header h3 {font-size:18px;}
.contest-banner .product-pdf-link {top:10px; right:10px;}

.event-page h3 {font-size:16px; color:#f37021; padding-bottom:5px;}
.event-list li {display:block; background:#fff; padding:10px; margin-bottom:15px; overflow:hidden; box-shadow: 0 1px 1px rgba(0,0,0,0.1);}
.event-list li:after {display:none;}
.event-list li figure {float:left; width:150px; margin:0 15px 0 0; border:1px solid #e2e2e2;}
.event-list li figure img {display:block; height:auto; width:100%;}
.event-list li .event-content {overflow:hidden}
.event-list li .event-content h3 {font-size:14px; color:#503795; transition:0.5s; font-family: "montserratbold"; }
.event-list li .event-content h3 a {color:#503795;}
.event-list li .event-content h3 a:hover {color:#f37021;}
.event-list li .event-content a.more {color:#f37021; font-size:14px; display:inline-block;}
.event-list li .event-content a.more:hover {text-decoration:underline;}

@media only screen and (max-width: 500px) {
	.event-list li figure {width:100%; clear:both; margin-bottom:15px;}
	.event-list li .event-content {overflow:visible;}
}

/* Useful Links */
ul.useful-link li {padding:5px 0 5px 25px; background:url(../images/icon-link.png) no-repeat 0 8px; margin-bottom:5px; }
ul.useful-link li:after {display:none;}
ul.useful-link li ul {padding-left:15px;}
ul.useful-link li ul li {background:none; padding-left:15px; position:relative;}
ul.useful-link li ul li:before {content:''; height:6px; width:6px; background:#ffaa0a; position:absolute; left:0; top:10px; border-radius:50%;}
ul.useful-link li a {color:#000; display:inline-block;}
ul.useful-link li a:hover {  color:#503795;}
/* Adjust ment */
.mar-bot-30 {margin-bottom:30px;}



/***********************************************
			notification-sec
***********************************************/
.notification-sec{ margin:0; padding:0;}
.notification-sec .notification-listing-box{ margin:10px 0 0px; padding:10px 0 0px; border-top:1px solid #eeeeee; float:left; width:100%;}
.notification-sec .notification-listing-box:first-child{ margin:0 0 0px; padding:0 0 0px; border-top:0;}
.notification-sec .notification-listing-box h3{ margin:0 0 5px 0; padding:0; font-size:20px;}
.notification-sec .notification-listing-box h4{ margin:0 0 10px 0; padding:0; font-size:16px; font-weight:700; color:#503795;}
.notification-sec .notification-listing-box .date-time{ margin:0; padding:0; float:left; color:#999; clear:both; font-size:12px;}
.notification-sec .notification-listing-box .view-more-btn{ margin:5px 0 0 0; padding:0; float:left; clear:both;}
.notification-sec .notification-listing-box .view-more-btn a{ color: #f37021; font-family: "montserratsemibold";}
.notification-sec .notification-listing-box .view-more-btn a:hover{ text-decoration:underline;}

@media only screen and (max-width: 500px) {
.notification-sec .notification-listing-box .date-time{ font-size:12px;}
.notification-sec .notification-listing-box .view-more-btn{ font-size:12px;}
}


#accordionBox{ margin-bottom:30px;}
#accordionBox .card-header{ margin:0 0 5px; padding:0; width:100%; text-align:left; border:0; cursor:pointer; color:#000;}
#accordionBox .card-header .btn-link,#accordionBox .card-header .btn-link.collapsed:hover{ width:100%; text-align:left; padding:10px 1.25rem; background:#503795; text-decoration:none; color:#fff;}
#accordionBox .card-header .btn-link.collapsed{ background:#f2f2f2; width:100%; text-align:left; border:0; cursor:pointer; color:#212529;}
#accordionBox .card-header .btn-link.collapsed:hover:after{ color:#fff;}

#accordionBox .card-header .btn-link.collapsed:after { content:'\002B'; color:#777; font-weight:bold;}
#accordionBox .card-header .btn-link:after { content:"\2212"; color:#fff; float:right; margin-left:5px;}

.panel.accordion-content{ padding-top:1rem;}
.panel { padding:0 18px; display:none; background-color:white; overflow:hidden;}

/* Maruee*/
.marquee-wrapper {padding:7px; background:#ffffff; margin-bottom:15px; position:relative; height:33px; }
.marquee-wrapper  h2 { background:#503795; color:#ffffff; font-size:14px; line-height:24px; text-transform:uppercase; padding:5px; position:absolute; left:0; top:0; z-index:2; padding:5px 10px;  height:33px;}
.marquee-wrapper  h2:after{content:''; position:absolute; top:50%; right:-8px; transform:translateY(-50%);width: 0; height: 0;  border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 8px solid #503795;}
.jctkr-wrapper,
.jctkr-wrapper *{ box-sizing: border-box;}
.jctkr-wrapper{display: inline-block;position: relative; width: 100%;  height:28px;vertical-align: top;overflow: hidden;}
.jctkr-wrapper ul{position: absolute;left: 0;top: 0;height: 100%;margin: 0;padding: 0;list-style: none;white-space: nowrap;font-size: 0;opacity: 0;-webkit-transition: opacity 1s;
  transition: opacity 1s;}
.jctkr-wrapper.jctkr-initialized ul{ opacity: 1;}
.jctkr-wrapper ul li{display: inline-block;font-size:12px; padding:0 15px; position:relative;}
.jctkr-wrapper ul li:before {content:''; height:16px; width:1px; background:#f37021; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.jctkr-wrapper ul li:after {display:none; }
.jctkr-wrapper ul li a:hover {text-decoration:underline;}
.jctkr-label{display: inline-block;}

/*Notification */
.navbar-nav .dropdown-menu {position:absolute;}
.dropdown-menu.notification {width: 280px; border-radius:0; left:auto; right:0; padding:0; margin:0; position:absolute;    word-break: break-all;}
.dropdown-menu.notification li {border-bottom:1px solid rgba(0,0,0,.15); transition:0.5s;}
.dropdown-menu.notification li:after {display:none;}
.dropdown-menu.notification li:hover {background:#503795;}
.dropdown-menu.notification li a strogn{ font-size:14px; display:block; color:#000000;}
.dropdown-menu.notification li span.date-time {display:block; font-size:12px; color:#999999;}
.dropdown-menu.notification li:hover a strogn {color:#ffffff;}
.dropdown-menu.notification li:hover span.date-time {color:#ffffff;}
header .navbar-nav li.nav-item .dropdown-menu.notification a {padding:5px 10px !important;}
.dropdown-menu.notification li.footer {text-align:center;}
.dropdown-menu.notification li.footer a {color:#000000 !important; font-size:14px;}
.dropdown-menu.notification li.footer a:hover {text-decoration:underline; color:#ffffff !important;}


@media only screen and (min-width: 1023px) {
	header .navbar {height:54px;}
	.main-content {padding-top:54px; background:url(../images/bg-body.jpg) repeat-y  0 0;}
	.menu-section {position: relative;left: auto;top:auto;bottom: auto;float: left; background:#eeeeee; width:250px;}
	.right-section {padding: 0 0 0 15px;overflow: hidden;}
}


/***************************** CSS Modified By Gopal ********************************/
.product-link-section{border-top:1px solid #dee2e6;}
.product-link-section label{font-weight:bold;margin:20px 0 10px 0;}
/* preloader */
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999999;
	background: rgba(255, 255, 255, 0.9);
}
#status {
	width: 30px;
	height: 30px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -15px 0 0 -15px;
	font-size: 2.000em;
}

.link {
    display: inline-block;text-decoration:underline;color: #f37021;
}
.link:hover,  .link:focus {
    display: inline-block;text-decoration:underline;color: #503795;
}
.btnLink {display: inline-block; border: 1px solid #f37636; border-radius: 2px; color: #f37636; padding:5px 10px;  font-family: 'montserratbold';  transition: 0.5s;text-decoration: none;} 
.btnLink:hover, .btn-line:active,.btn-line:focus {display: inline-block; background:#f37636; color: #ffffff !important;text-decoration: none !important; }
.error {color: #ff0000;}
.success {color: #1aa91a;}
.btn:hover, .btn:focus { display: inline-block; }
.btn-review, .btn-review:hover, .btn-review:focus {cursor:pointer;outline-style: none;}
.custom-scroll {height:165px; overflow:auto;}

.ui-autocomplete {width: 300px; border: 1px solid rgba(0,0,0,.05);z-index:9999 !important;}
.ui-autocomplete li {padding:5px !important}
.ui-autocomplete li a { color:#999999} 
.ui-autocomplete li:hover {background-color: #f8f9fa; font-weight:normal!important; }
.ui-autocomplete li a:hover {font-weight:normal!important}
.ui-autocomplete li:hover a {font-weight:normal!important; }
/* Search */
ul.search-result li {padding:15px 0;}
ul.search-result li a span.search-title{ display:block; font-family: 'montserratbold'; color:#503795; padding-bottom:5px;}
ul.search-result li a:hover span.search-title {text-decoration:underline;}

.pa-40 {height: 100px}
.vt{vertical-align: top !important}

/* === DataTables v2.1.5 - Final Styling for Custom Design === */

/* === Table Wrapper === */
.table-responsive {
  overflow-x: auto;
  max-width: 100%;
  padding: 10px;
}

/* === Entries Dropdown (Show X entries) === */
.dt-length {
  float: left;
  margin-top: 10px;
}
.dt-length label {
  font-weight: normal;
  font-size: 13px;
  margin-bottom: 0;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
}
.dt-length select {
  margin: 0 5px 0 0;
  padding: 4px 6px;
  font-size: 13px;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: #495057;
  background-color: #fff;
  vertical-align: middle;
}

/* === Search Box (Right Aligned) === */
.dt-search {
  float: right;
  margin-top: 10px;
}
.dt-search label {
  font-weight: normal;
  font-size: 13px;
  margin-bottom: 0;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
}
.dt-search input {
  padding: 4px 8px;
  font-size: 13px;
  border: 1px solid #ced4da;
  border-radius: 4px;
  color: #495057;
  background-color: #fff;
  vertical-align: middle;
}

/* === Info Line (Bottom Left) === */
.dt-info {
  float: left;
  font-size: 13px;
  color: #555;
  margin-top: 10px;
}

/* === Pagination Buttons (Bottom Right) === */
.dt-paging {
  float: right;
  display: flex;
  margin-top: 10px;
}
div.dt-container .dt-paging button.dt-paging-button {
  padding: 6px 10px;
  background-color: #ff7300 !important;
  color: #fff !important;
  border: 1px solid #ddd !important;
  border-radius: 4px !important;
  font-weight: bold !important;
  cursor: pointer;
  text-decoration: none;
  outline: none !important;
  box-shadow: none !important;
  transition: background-color 0.2s ease;
}

/* Current (Active) Page */
div.dt-container .dt-paging button.dt-paging-button.current,
div.dt-container .dt-paging button.dt-paging-button[aria-current="true"] {
  background-color: #503795 !important;
  color: #fff !important;
}

/* Disabled Buttons */
div.dt-container .dt-paging button.dt-paging-button.disabled,
div.dt-container .dt-paging button.dt-paging-button[aria-disabled="true"] {
  background-color: #ddd !important;
  color: #999 !important;
  cursor: not-allowed !important;
}

/* Hover + Focus */
div.dt-container .dt-paging button.dt-paging-button:not(.disabled):not(.current):hover,
div.dt-container .dt-paging button.dt-paging-button:not(.disabled):not(.current):focus,
div.dt-container .dt-paging button.dt-paging-button:not(.disabled):not(.current):focus-visible,
div.dt-container .dt-paging button.dt-paging-button:not(.disabled):not(.current):active {
  background-color: #e86600 !important;
  color: #fff !important;
  border-color: #ddd !important;
  outline: none !important;
  box-shadow: none !important;
}

/* === Spacing Control === */
.dt-container .dt-layout-row:first-child {
  margin-bottom: 8px;
}
.dt-container .dt-layout-row:last-child::after {
  content: "";
  display: table;
  clear: both;
}

/* === Responsive Layout === */
@media screen and (max-width: 768px) {
  .dt-search,
  .dt-length,
  .dt-info,
  .dt-paging {
    float: none !important;
    text-align: center;
    margin: 10px 0;
  }

  .dt-length label,
  .dt-search label {
    display: block;
    margin-bottom: 5px;
  }
}

table.dataTable th.dt-type-numeric,
table.dataTable th.dt-type-date,
table.dataTable td.dt-type-numeric,
table.dataTable td.dt-type-date {
    text-align: left !important;
}

.radio-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #eee;
  border-radius: 50%;
}
.radio-container:hover input ~ .checkmark {
  background-color: #ccc;
}
.radio-container input:checked ~ .checkmark {
  background-color: #503795;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.radio-container input:checked ~ .checkmark:after {
  display: block;
}
.radio-container .checkmark:after {
 	top: 4px;
	left: 4px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: white;
}

.slimScrollBar, .resp-tab-item{
  background-color: #503795 !important;
}
.table-responsive table.dataTable thead th, table.dataTable thead td {
    padding: 8px 10px !important;
    font-size: 12px !important
}
.table-responsive table.dataTable tbody th, table.dataTable tbody td {
    padding: 8px 10px !important;
    font-size: 12px !important;
}
#ajaxResponse table td {
    padding: 4px 10px !important;
}
/* 05-03-2019 */
/* 25-04-2019 */
@media (min-width: 992px){
	.logoutDropdown .dropdown-menu {
		right: 0;
		width: 214px;
		left: auto!important;
	}
}
@media (max-width: 767px){
	.logoutDropdown.d-none{
		display:block!important;
	}
	.logoutDropdown .helloText, .logoutDropdown .dark-text{display:none;}
	header .navbar-nav li.nav-item a{padding: 10px 0 10px 15px !important;}
	.logoutDropdown .dropdown-menu {
		width: 215px;
		left: auto;
		right: 0;
		padding: 0;
		margin: 0;
	}
	.mobile-section .user{display:none!important;}
	.menu-section .mobile-section {padding: 20px 20px 20px;}
	.content-section .biReport-section .card, .content-section .biReport-section .card .cardimg{height:auto;}
	.content-section .biReport-section .card{padding:8px;}
}

a.dloadtds {
color:#2ca6a4; 
font-weight:bold;
}

a.dloadtds:hover {
text-decoration:underline !important;
}
.list-attachment  ul.pdf-list li {
    max-width: 20%;
    float: none;
    width: auto;
    flex: 0 0 20%;
}

.list-attachment ul.pdf-list {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.list-attachment  ul.pdf-list li > div {
  border: 1px solid #ededed;
  padding: 10px;
}

.list-attachment ul.pdf-list li p {
    font-size: 13px;
    line-height: 19px;
    font-weight: normal;
    margin: 0;
    height: 36px;
    overflow: hidden;
    width: 100%;
    text-align: center;
} 

.banner-subCont-1 figure figcaption p {
margin: 0px 0px 7px;
padding-top: 10px;
color: #f1592b !important;/*Added on 05022021*/
display: inline-block;
  /*border-top: 2px solid #ffaa0a; Added on 05022021*/
line-height: normal;
font-size: 13px;
font-weight:bold;
font-family: "montserratlight";
}

.banner-subCont-1 figure figcaption h3 {
display: block;
margin: 0px;
color: #084f95 !important;
border-bottom: 3px solid;
padding-bottom: 2px;
font-size: 15px;
font-family: "montserratmedium";
border-image: linear-gradient(to right, #6acbd9 30%, #ffac05 30%, #ffac05 70%, #8ac12f 70%, #8ac12f 80%) 5;
}