/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

:root {
  --webportalcolor: #0d6efd !important;
  --webcolor: #161616 !important;
  --web-fontcolor: #ffffff !important;
  --webtext-primarycolor: #0b62e4 !important;
  /*'Segoe UI Light', 'Helvetica Neue', Helvetica, Arial, sans-serif*/
  --web-fontfamily: "Segoe UI", Helvetica, sans-serif, "Noto Sans", "Open Sans",
    Arial !important;
  --web-bottomborder: 1px solid #0066ff !important;
  --web-borderbotomcolor: #0066ff !important;
  --web-border: 1px solid #000 !important;
  --web-bodybackcolor: #f3f2f1 !important;
  --web-blackcolor: #000000 !important;
  --web-backgroundcolorbtn: #0078d4 !important;
  --web-backgroundcolorbtnhover: #0055b0 !important;
  --bs-breadcrumb-margin-bottom: 0rem;
  --web-anchor: #0065b3 !important;
  --bs-body-font-size: 0.9rem;
}

.linkfontcolor {
  color: var(--web-blackcolor) !important;
}

.wrapper {
  display: flex;
  flex-flow: row wrap;
  font-weight: bold;
  text-align: center;
}

.wrapper > * {
  padding: 10px;
  flex: 1 100%;
}

.header {
  /*background: #002050;*/
  color: var(--web-fontcolor);
  font-family: var(--web-fontfamily);
  font-size: 40px !important;
  font-weight: 600 !important;
  text-wrap: wrap !important;
}

.footer {
  background: lightgreen;
}

.homeeventheader {
  font-family: var(--web-fontfamily);
  font-weight: 600 !important;
  color: var(--webportalcolor);
  width: 100%;
  border-bottom: 2px solid #ccc;
  background-color: var(--web-fontcolor) !important;
  display: flex !important;
  align-items: center;
}

.homeeventheader:hover {
  text-decoration: none !important;
}

.navbar-dark .navbar-nav > li > a,
.navbar-dark .navbar-nav > li.dropdown > a {
  color: var(--web-fontcolor) !important;
}

.text-primary {
  color: var(--webtext-primarycolor) !important;
}

.crmEntityFormView,
.entitylist,
.modal-content,
.popover-content {
  background-color: var(--web-fontcolor) !important;
}

.hometabpanel {
  font-family: var(--web-fontfamily);
  font-size: 18px !important;
  font-weight: 600 !important;
  color: var(--webcolor);
  line-height: 23.4px;
}

.hometabpanellist {
  font-family: var(--web-fontfamily);
  font-size: var(--bs-body-font-size); /*15px*/
  font-weight: 400;
  color: var(--web-blackcolor);
  line-height: 18.2px;
  padding-left: 0px !important;
}

.alink {
  color: var(--web-anchor) !important;
  font-weight: 400 !important;
}
.hometabpanellistlink {
  font-family: var(--web-fontfamily);
  font-size: var(--bs-body-font-size); /*15px*/
  font-weight: 400;
  color: #0065b3;
  /*#0065B3 ; var(--webportalcolor); */
  /*line-height: 18.2px;*/
  /*padding-left: 5rem !important;*/
}

.hometabpanelgethelp {
  font-family: var(--web-fontfamily);
  font-size: var(--bs-body-font-size) !important;
  font-weight: 400 !important;
  color: var(--webcolor);
  line-height: 18.2px;
}
.medium-fontsize {
  font-size: var(--bs-body-font-size);
}
.large-fontsize {
  font-size: 18px;
}

/*.homeeventcontainer a:not(.btn):hover {
  text-decoration: none ;
}*/

.main {
  color: var(--web-fontcolor);
  font-family: var(--web-fontfamily);
  font-size: 16px !important;
  text-align: left !important;
  text-wrap: wrap !important;
  line-height: 1.8rem;
  margin-left: 0.5rem;
  /*background: #002050;*/
}

.mainbackground {
  font-family: "Segoe UI";
  /*background: #002050;*/
}

.aside-1 {
  background: gold;
}

.aside-2 {
  background: hotpink;
}

@media all and (min-width: 600px) {
  .aside {
    flex: 1 0 0;
  }
  .lineheightSG {
    line-height: 1.6rem;
  }
}

@media all and (min-width: 800px) {
  .header {
    flex: 3 0px;
  }

  .main {
    flex: 3 0px;
  }

  .header {
    order: 2;
  }

  .aside-1 {
    order: 1;
  }

  .main {
    order: 3;
  }

  .aside-2 {
    order: 4;
  }

  .footer {
    order: 5;
  }
  .lineheightSG {
    line-height: 1.58rem;
  }
}

@media all and (min-width: 1200px) {
  .modalpopuphome {
    --bs-modal-width: 50% !important;
  }
  .lineheightSG {
    line-height: 1.6rem;
  }
}

@media all and (min-width: 1400px) {
  .modalpopuphome {
    --bs-modal-width: 50% !important;
  }
  .lineheightSG {
    line-height: 1.6rem;
  }
}

body {
  padding: 2em;
}

.caret {
  color: var(--web-fontcolor);
}

.caret:hover {
  color: var(--web-fontcolor);
}

.imagesize {
  /*height: 90% ;
  width: 20%;*/
  padding-top: 0.5rem;
  padding-bottom: 0.3rem;
  padding-right: 1rem;
}

.imagesizetab {
  height: 5% !important;
  width: 30% !important;
  margin-left: -10%;
}

.username {
  color: var(--web-fontcolor) !important;
  font-family: var(--web-fontfamily);
}

.username:hover {
  font-family: var(--web-fontfamily) !important;
  color: var(--web-fontcolor);
}

.modalpopuphome {
  --bs-modal-width: 50% !important;
}

.modalpopupcontent {
  border: 1px solid black;
}

.modalpopuptitle {
  color: var(--webcolor);
  font-family: var(--web-fontfamily);
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 23.4px !important;
  text-align: left !important;
  text-wrap: wrap !important;
}

.modalpopupbody {
  font-family: var(--web-fontfamily);
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 23.4px !important;
  text-align: left !important;
  text-wrap: wrap !important;
}

.imagesizepopup {
  /*height: 40% !important;
   /*width: 30% !important; */
  max-height: 150px !important;
  max-width: 150px !important;
  margin-left: -10%;
  min-height: 50px !important;
  min-width: 50px !important;
}

.tab-title {
  font-family: var(--web-fontfamily);
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 20px;
  color: var(--web-blackcolor);
  text-align: left;
  text-wrap: wrap;
}

.field-label {
  font-family: var(--web-fontfamily);
  /*Inter been used hear*/
  font-size: var(--bs-body-font-size) !important;
  font-weight: 400 !important;
  line-height: 16.94px !important;
  color: var(--web-blackcolor) !important;
  text-align: left !important;
  text-wrap: wrap !important;
  /*display: block !important;*/
}

.form-control {
  border-bottom: 1px solid !important;
  padding: 4.5px 20px !important;
  /*Trail*/
  border-top: 0px !important;
  border-left: 0px !important;
  border-right: 0px !important;
  border-radius: 0px !important;
  border-color: var(--web-borderbotomcolor) !important;
}

.input-group-addon,
.input-group-addon.active {
  /*padding: 5.6px 12px;*/
  font-size: 8.5px;
  font-weight: 400;
  line-height: 1.1;
  text-align: center;
  /* background-color: #8d1e1e; 
  background-color: var(--web-bodybackcolor) ;
  */
  border-bottom: var(--web-bottomborder) !important;
  border-radius: 0;

  border-left: 0px !important;
  border-right: 0px !important;
  border-top: 0px !important;
}

.input-group .btn {
  position: relative;
  z-index: 2;
  line-height: 2.5em;
}

.input-group-addon:hover {
  background-color: black;
  color: var(--web-bodybackcolor);
}

.btn-entitylist-filter-submit {
  border-bottom: 1px solid !important;
}

.cancel {
  border-bottom: var(--web-border) !important;
  border: 1px solid !important;
}

.input-group-text {
  border-bottom: var(--web-bottomborder) !important;
  border-left: 0px !important;
  border-right: 0px !important;
  border-top: 0px !important;
  background-color: var(--web-bodybackcolor) !important;
  /*#f3f2f1*/
  border-radius: 0;
  padding: 4.5px 20px !important;
}

.crmEntityFormView {
  background-color: var(--web-bodybackcolor) !important;
}

.entitylist-filter-option-group-label {
  font-family: var(--web-fontfamily);
  /*Inter been used hear*/
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 19.36px !important;
  color: var(--web-blackcolor) !important;
}

/*.entitylist{
  border: 1px solid var(--webcolor) ;
}*/

.static-top.navbar .menu-bar > .navbar-nav > .divider-vertical {
  border-right: 0px solid var(--web-fontcolor) !important;
  border-left: 0px solid #666 !important;
}

.btn {
  background-color: var(--web-bodybackcolor);
  border-radius: 2px;
  padding: 6px 20px;
  /* 
  padding: 6.5px 20px !important;
  border-bottom: var(--web-bottomborder) !important;
  border-left: 0px !important;
  border-right: 0px !important;
  border-top: 0px !important;*/
}

/*
.btn:hover {
  color: var(--web-blackcolor) !important;
  background-color:
  
    var(--web-bodybackcolor) !important;
  border-color: var(--bs-btn-hover-border-color);
}*/

.breakpointhome {
  line-height: 2.25rem;
}

.centeralign {
  text-align: center;
}

.btn-danger {
  background-color: #dc3545;
}

.btn-danger:hover {
  background-color: #af1c2b !important;
}

.btn.btn-default.clearlookupfield,
.btn.btn-default.launchentitylookup {
  line-height: 1.5rem;
  border-bottom: var(--web-bottomborder) !important;
  border-left: 0px !important;
  border-right: 0px !important;
  border-top: 0px !important;
  background-color: #f3f2f1;
  border-radius: 0em;
  padding-bottom: 5.5px !important;
}

.launchentitylookup:hover {
  border-radius: 0em;
}

#mssh_additionalinformation,
#participants-list,
#mssh_additionalinformation_textarea {
  border: 1px solid var(--web-blackcolor) !important;
}

#mssh_emailaddress {
  border-bottom: var(--web-bottomborder) !important;
  border-left: 0px !important;
  border-right: 0px !important;
  border-top: 0px !important;
}

#mssh_companylogourl,
#mssh_companyprivacystatementurl,
#mssh_companywebsiteurl {
  border-bottom: 1px solid !important;
  padding: 4.5px 20px !important;
  /*Trail*/
  border-top: 0px !important;
  border-left: 0px !important;
  border-right: 0px !important;
  border-radius: 0px !important;
  border-color: var(--web-borderbotomcolor) !important;
}

.btn-primary {
  background-color: var(--web-backgroundcolorbtn) !important;
  border: 0px !important;
  padding: 4.5px 20px;
}

.btn-primary:hover {
  background-color: var(--web-backgroundcolorbtnhover) !important;
  border: 0px solid black !important;
  color: var(--web-fontcolor) !important;
}

.entity-list-search-button {
  padding: 5px 20px !important;
}

.header-link {
  font-size: 40px;
  color: var(--web-fontcolor);
  line-height: 1;
}

.form-group .lock-icon {
  top: 75% !important;
}

.popuptextbox {
  display: block;
  margin-top: 0.2rem;
}

.headerdecoration {
  font-family: var(--web-fontfamily);
  font-size: var(--bs-body-font-size); /*15px*/
  font-weight: 600;
}

/*Changes for Header offertype alignment*/
.header-align {
    display: inline-block;
    vertical-align: middle;
}

.imagefloater {
  padding-right: 2rem;
}

.headerclear {
  clear: both;
  margin-bottom: 10px;
}

.lineheight {
  line-height: 2rem;
}

.entity-list-search-textbox {
  line-height: 1.6rem;
}

.breadcrumb {
  margin-bottom: 0px;
}

.pagination > li > a,
.pagination > li > span {
  width: 3.4em !important;
}

.eventdashboardHeaderNR {
  align-items: center;
  display: flex;
  justify-content: center;
}

.marginradiobtn {
  margin-left: 2em !important;
  line-height: 0rem;
}

.pagination {
  --bs-pagination-padding-y: 0.55rem;
  --bs-pagination-font-size: 0.9rem;
}

.view-pagination .pagination {
  margin: 0 0 0 0;
  padding-bottom: 10px;
}

.inputlineheight {
  padding: 0.48rem 0.5rem;
  font-size: 1rem;
}
.entitylist-filter-option-group-box-overflow {
  width: 180px;
}
/*.control{
  display: block !important;
}*/
.calender-input {
  padding: 0.48rem 0.5rem;
  font-size: 1rem;
  outline: none;
  margin-left: 0px !important;
}
.calender-input > .calendar-icon {
  padding: 0;
  line-height: 0;
}
.calendartextboxwidth {
  width: 9.5rem;
  line-height: 1.31rem;
}

.invisible {
  visibility: hidden;
}

.visible {
  visibility: visible;
}

.marginradiobtnGC {
  margin-left: 0.3em !important;
  line-height: 0rem;
  margin-top: 0.3rem;
}

.tdtextbox {
  margin-top: 1rem;
}

.trborder {
  border-bottom: 1px solid var(--web-blackcolor);
}

.tdmultitextbox {
  border: 1px solid var(--web-blackcolor) !important;
  margin-top: 0.3rem;
}

.headerstyle {
  background-color: lightgray;
  font-size: var(--bs-body-font-size);
}

.requestnewevent {
  display: flex !important;
  width: 39%;
}

.semibold {
  color: black;
  font-size: 14px; /*15px*/
  font-weight: 400;
}

.requestnewcenteralign {
  display: inherit;
  text-align: start;
}

.marginleft {
  margin-left: 0.5rem;
}

.tableresize {
  min-width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
}
.maxtablewidth {
  width: 200%;
}
.lineheightSB {
  line-height: 1.6rem;
}
.calenderdatepicker {
  max-width: 151px;
}

table a {
  color: inherit;
}
table a:hover,
table a:focus,
table .a:hover,
table .a:focus {
  color: inherit;
}
.entitysearch-border-bottom {
  border-bottom: 1px solid !important;
  border-top: 0px !important;
  border-left: 0px !important;
  border-right: 0px !important;
  border-radius: 0px !important;
  border-color: var(--web-borderbotomcolor) !important;
}
.entitysearch-zeroboder {
  border-bottom: 0px none !important;
  border: 0px !important;
  line-height: 1.5rem !important;
  background-color: #f3f2f1 !important;
}

.entity-list-search-editgrid {
  padding: 5px 20px !important;
}

.border-buttonbottom-editgrid {
  line-height: 1.5rem;
  border-bottom: var(--web-bottomborder) !important;
  border-left: 0px !important;
  border-right: 0px !important;
  border-top: 0px !important;
  background-color: #f3f2f1;
  border-radius: 0em !important;
  padding-bottom: 5.5px !important;
}

.btn:hover {
  background-color: #323130 !important;
}
.entitygrid-borderline {
  border-bottom: 1px solid lightgray;
}
.display-none {
  display: none;
}
.header-myevent {
  font-weight: 400;
}
.body {
  font-size: var(--bs-body-font-size);
}
.form-calender {
  border-bottom: var(--web-bottomborder) !important;
}
.form-bordernone {
  border-bottom: 0px !important;
}
.certificateheader {
  color: var(--web-fontcolor);
  font-family: var(--web-fontfamily);
  font-size: 16px !important;
  text-align: justify;
  text-wrap: wrap !important;
  line-height: 1.8rem;
  /* background: #002050; */
}
.anchortag-unclickable {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}
.logo-header {
  width: 10rem;
  margin-left: -1.5rem;
}
.freezing_firstcolumn {
  table-layout: fixed;
  width: 200%;
}

.freezing_firstcolumn th:nth-child(1),
.freezing_firstcolumn th:nth-child(2),
.freezing_firstcolumn th:nth-child(3),
.freezing_firstcolumn th:nth-child(4),
.freezing_firstcolumn td:nth-child(1),
.freezing_firstcolumn td:nth-child(2),
.freezing_firstcolumn td:nth-child(3),
.freezing_firstcolumn td:nth-child(4) {
  position: sticky;
  left: 0px;
  opacity: 1;
  z-index: 10;
  background-color: #ffffff;
}

.freezing_firstcolumn th:nth-child(2),
.freezing_firstcolumn td:nth-child(2) {
  left: 6%;
}
.freezing_firstcolumn th:nth-child(3),
.freezing_firstcolumn td:nth-child(3) {
  left: 12%;
}
.freezing_firstcolumn th:nth-child(4),
.freezing_firstcolumn td:nth-child(4) {
  left: 20%;
}
.freezing_firstcolumn th:nth-child(1),
.freezing_firstcolumn th:nth-child(2),
.freezing_firstcolumn th:nth-child(3),
.freezing_firstcolumn th:nth-child(4) {
  background-color: #d3d3d3;
}

.text-underline {
  text-decoration: underline !important;
}

*/ .pin-icon {
  color: #000000;
  cursor: pointer;
  /* Optional: change cursor to pointer for better UX */
}

/* FAQ Pages stype Start */
.clear-icon {
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 28px;
  font-weight: normal;
  color: #7a7a7a;
  cursor: pointer;
}

.clear-icon:hover {
  color: #000000;
}

/* Smooth transition for the accordion collapse */
.accordion-collapse {
  transition: height 0.3s ease-out, opacity 0.3s ease-in-out;
}

/* Smooth transition for the button hover */
.accordion-button {
  transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

/* Smooth hover effect for the button */
.accordion-button:hover {
  background-color: #f2f2f2;
}

/* Remove background color for accordion buttons */
.accordion-button {
  background-color: transparent !important;
  color: #000;
  border: none;
  box-shadow: none;
  border-bottom: 1px solid #F8F9FA;
}

/* On hover, change the background color */
.accordion-button:hover {
  background-color: #f2f2f2 !important;
}

/* Remove border and focus outline for a cleaner look */
.accordion-button:focus {
  box-shadow: none;
}

/* Ensure consistent padding for items */
.accordion-item {
  border: none;
  padding: 0 !important;
  margin: 0 !important;
}

/* Align the accordion-header properly */
.accordion-header {
  margin: 0 !important;
  padding: 0 !important;
}

/* Add slight spacing between accordion items */
.accordion-item+.accordion-item {
  margin-top: 5px;
}

.accordion-body div {
  font-family: var(--web-fontfamily) !important;
  font-size: var(--bs-body-font-size) !important;
  background-color: rgb(255, 255, 255,0);

}
.accordion-body div span {
  font-family: var(--web-fontfamily) !important;
  font-size: var(--bs-body-font-size) !important;
  background-color: rgb(255, 255, 255,0);
}

.accordion-collapse {
  border-bottom: 3px solid #F8F9FA;
  margin: 0 !important;
  padding: 0 !important;
}

/* Search bar container */
.search-container {
  position: relative;
  width: 100%;
  margin: 20px auto;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #d9d9d9;
  /* Light gray as in the example */
  padding: 4px;
  display: flex;
  align-items: center;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}

/* Search bar input */
.search-bar {
  flex-grow: 1;
  border: none;
  padding: 8px;
  outline: none;
  background-color: transparent;
  color: #000000;
  /* Text color */
  font-family: var(--web-fontfamily);
  font-size: var(--bs-body-font-size);
}

/* Search icon */
.search-icon {
  padding: 8px;
  font-size: var(--bs-body-font-size);
  color: #000000;
  /* Icon color */
  cursor: pointer;
}

/* Search bar focus styling */
.search-bar:focus {
  background-color: #e6e6e6;
  /* Slightly lighter gray on focus */
}

/* FAQ Pages stype End */
/*
.footer{
display: none;
}
.wrapper-body {
  min-height: 100px !important}
.control{
  border-bottom: 2px solid !important;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-radius: 0px;
  border-color: #0066FF !important;
}
.text{
  border-bottom: 2px solid;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-radius: 0px;
  border-color: #0066FF;
}*/

/*High contrast */
@media (forced-colors: active) {
    .form-control.has-tooltip:focus {
        border: 1px solid !important;
        margin-left:1px !important;
    }
}