.ltsp .dropdown-menu {
  margin-top:5px !important;
  border-radius: 0px !important;
  border: 0;
}

.light-blue-bg {
  background-color: #f1f8fe !important;
}

.g-bg-cover {
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center center; 
  height:600px;
}

.g-color-white {
  color: #fff !important;
}

.cartitemdisc {
  background-color: #304055 !important;
  border-radius:50%;
  padding:5px;
  color:#fff;
  width:40px;
  height:40px;
  position: relative;
  margin-top: 20px;
  margin-bottom: -20px;
}

.dark-gray-bg {
  background-color: #A7A7A7 !important;
}


.light-gray-bg {
  background-color: #cecece !important;
}


.mybsia {
  background-color:#C43B43!important;
}

.breadcrumb_main {
  margin-top: 20px;
  margin-bottom: 20px;

}

.bigblogholder{
  position: relative;
  min-height: 500px;
}

.bigblogholderBot{
  position: absolute;
  top: 190px;
  left: 0;
  background-color: rgba(0,0,0,0.8);
  width: 100%;
}

.breadcrumb_main a {
  color:#707070;
  text-decoration: none;
  text-decoration: underline;
  font-size: 14px;
  font-weight: 600;
}
.bd-bold{
  font-weight: 600;
}

.breadcrumb_main .activeLinkColor{
  font-weight: 600;
  color: #304055  !important;
}

.bg-gray {
  background-color: #EFEFEF;
}

.bg-gray-dark {
  background-color: #A7A7A7;
}

.text-white {
  color:white!important;
}

header p {
  color:#707070!important;
}

header a {
  color:#707070;
  text-decoration: none;
}

header .fa-brands {
  color: #304055!important;
  font-size:16px;
}

header .phoneno {
  font-size:16px;
  font-family: Barlow;
  font-weight: 600;
}

header .email {
  font-size:14px;
  font-family: Barlow;
  font-weight: 400;
}

.welcomeuser {
  width:200px;
  float: left;
  font-size: 14px;
  font-family: Barlow;
  font-weight: 400;
  line-height: 16px;
  padding-left: 30px;
  /* margin-bottom:20px;
  margin-top:15px;
  margin-right:-120px; */
  text-align: left !important;
}

.welcomeuser img {
  margin-right: 10px;
  margin-top:-5px;
  float: left;
}

.main-section {  
  background-color:#F4F4F4;
  padding-right:30px;

}

.main-section p {
  font-size: 12px;
  font-family: Barlow;
}

h1 {
  color: #707070 ;
  font-size: 45px;
  font-family: Barlow!important;
  font-weight: 400;
}
h2 {
  font-size: 24px;
  font-family: Barlow!important;
  font-weight: 600;
}

h3 {
  font-size: 20px;
  font-family: Barlow!important;
  font-weight: 400;
}

.h1 {
  color: #707070 ;
  font-size: 45px;
  font-family: Barlow !important;
  font-weight: 800;
}
.h2 {
  color: #707070 ;
  font-size: 24px;
  font-family: Barlow !important;
  font-weight: 800;
}

.h3 {
  color: #707070 ;
  font-size: 20px;
  font-family: Barlow !important;
  font-weight: 800;
}

.btn-bsia-blue {
  --bs-btn-color: #fff;
  --bs-btn-bg: #304055;
  --bs-btn-border-color: #304055;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb2d3b;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #a52834;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #304055;
  --bs-btn-disabled-border-color: #304055;
}


.btn-bsia-red {
  --bs-btn-color: #fff;
  --bs-btn-bg: #C43B43;
  --bs-btn-border-color: #C43B43;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb2d3b;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #a52834;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #304055;
  --bs-btn-disabled-border-color: #304055;
}



.owl-carousel .owl-nav button {
  background-color: #bb2d3b !important;
  color: #fff !important;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  font-size: 50px!important;
  z-index: 30;
  position: relative;
  line-height: 0px!important;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
    margin-left: 20px;
    margin-right: 20px;
}

.owl-carousel .owl-nav button:hover {
  background-color: #bb2d3b !important;
  color: #fff !important;
}

.owl-carousel .owl-dots .owl-dot.active span {
  background-color: #bb2d3b !important;
}

.owl-carousel .owl-dots .owl-dot span {
  background-color: #A7A7A7 !important;
}

.owl-carousel .owl-nav button.owl-next {
  float: right!important;
   font-size: 40px;
}

.owl-carousel .owl-nav {
  margin-top:-180px!important;
  margin-bottom:120px;

}


/* navigation */

#horizontal-nav ul { 
    padding: 0; list-style: none; }
#horizontal-nav > ul > li { 
      float: left; 
      position: relative; 
    }
#horizontal-nav ul ul {
  display: none;
  position: absolute;
  top: 100%; left: 0;
}
#horizontal-nav ul ul ul { top: 0; left: 100%; }
#horizontal-nav li:hover>ul { display: block; }


/* non-essential stuff, just prettifying */
#horizontal-nav {
  font: 1em/1.4 Arial,Verdana,sans-serif;
}
#horizontal-nav ul ul {
  min-width: 13em;
  box-shadow: inset 0 0 2px;
}
#horizontal-nav li {
  min-width: 10em;
  text-decoration: none;
}
#horizontal-nav a {
  display: block;
  padding: .5em;
  text-decoration: none;
}
#horizontal-nav>ul>li {
  margin: 0 1px;
  background: linear-gradient(#006CBC, #004184);
}
#horizontal-nav>ul>li:hover {
  background: linear-gradient(#60ACCE, #0A6CB2);
}
#horizontal-nav>ul>li>a {
  color: white;
  text-align: center;
  text-transform: uppercase;
}
#horizontal-nav ul ul a {
  font-weight: 700;
}
#horizontal-nav ul ul a:hover {
  background: navy;
  color: white;
}

/* My Profile CSS */
.brd-around{
  border: solid 1px transparent !important;
}
.brd-gray-light-v7{
  border-color: #e1eaea !important;
}
.badge-v2-lg{
  width: 32px !important;
  height: 32px !important;
  padding: 5px !important;
  background-color: #c83b44 !important;
  border-radius: 50% !important;
  color:#fff !important;
}
.u-badge--bottom-right {
  bottom: 0;
  right: 0;
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}
.g-pos-rel {
  position: relative !important;
}
.fontSize16{
  font-size: 16px !important;
}
.g-absolute-centered {
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.hovClass:hover{
  background-color: #006CBC;
  border-radius: 50% !important;
  color: white !important;
}
.specialbox{
  border-left: 4px solid #5E7BD7;
  /* background-color: #fff !important; */
  /* background-color: #D3D3D3 !important; */
  background-color: #f7f8fa !important;
  height: 55px;
  padding: 5px;
  font-size: 20px;
  line-height: 45px;
  vertical-align: middle;
  color: #666666 !important;
}
.bg-colorLightClass{
  background-color: #D3D3D3 !important;
}
.bg-colorLightMeetingClass{
  background-color: #f7f8fa !important;
}
.limitH {
  height: 350px !Important;
  overflow: scroll;
  overflow-y: scroll;
  overflow-x: hidden;
}
.attendees {
  overflow-y: scroll;
  overflow-x: hidden;
}
.shiftLeft {
  padding-right: 17px;
}
.border-darkgray {
  border-color: var(--darkgray) !important;
}
.bg1-white {
  background-color: var(--white) !important;
}
.text1-primary {
  color: var(--primary) !important;
}

table .sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 10 !important;
}
.branch-cell{
  width: 200px;
}
.accserv_table table th{
  min-width:200px !important;
  box-shadow: 0px 2px 2px 0.5px lightgray;
}
.accserv_table table th:nth-child(1){
  min-width:300px !important;
}
.accserv_table table th:nth-child(2){
  min-width:85px !important;
}
.accserv_table table th:nth-child(3){
  min-width:100px !important;
}
.accserv_table table th:nth-child(4){
  min-width:100px !important;
}
.applyVerticalScroll{
  height: 500px;
  overflow-y: scroll;
  /* overflow-x: auto; */
}
.applyHorizontalScroll{
  overflow-x: auto;
}

@media only screen and (max-width: 1400px) { 
  .menu > ul > li a {
    text-decoration: none;
    padding: 10px 17px;
    display: block;
    font-family: Barlow;
    font-weight:200;
    text-transform: uppercase;
    color:#fff;
    font-size:12px;
  }
}

@media only screen and (max-width: 995px) { 
  .menu > ul > li a {
    text-decoration: none;
    padding: 10px 10px;
    display: block;
    font-family: Barlow;
    font-weight:200;
    text-transform: uppercase;
    color:#fff;
    font-size:11px;
  }
}

@media only screen and (max-width: 995px) { 
  .menu > ul > li a {
    text-decoration: none;
    padding: 10px 10px;
    display: block;
    font-family: Barlow;
    font-weight:200;
    text-transform: uppercase;
    color:#fff;
    font-size:11px;
  }









  .owl-carousel .owl-nav button {
        background-color: #bb2d3b !important;
        color: #fff !important;
        border-radius: 50%;
        width: 60px;
        height: 60px;
        font-size: 50px!important;
        z-index: 30;
        position: relative;
        line-height: 0px!important;
      }

      .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
          background: 0 0;
          color: inherit;
          border: none;
          padding: 0 !important;
          font: inherit;
          margin-left: 20px;
          margin-right: 20px;
      }

      .owl-carousel .owl-nav button:hover {
        background-color: #bb2d3b !important;
        color: #fff !important;
      }

      .owl-carousel .owl-dots .owl-dot.active span {
        background-color: #bb2d3b !important;
      }

      .owl-carousel .owl-dots .owl-dot span {
        background-color: #A7A7A7 !important;
      }

      .owl-carousel .owl-nav button.owl-next {
        float: right!important;
        font-size: 40px;
      }

      .owl-carousel .owl-nav {
        margin-top:0!important;
        margin-bottom:0!important;

      }

    }