.bg-elements-9-0{fill:none;stroke:#E7EAF3;}
.bg-elements-9-1{fill:#377dff;}

.cbp-item {
    left: 0px;
    top: 0px;
    width: 634px;
}

.circle-process-1-0, .circle-process-2-0, .circle-process-3-0 { fill:none; }
.circle-process-1-1, .circle-process-2-1, .circle-process-3-1 { fill:#FFFFFF; }
.aqua .circle-process-2-0 { stroke:#00dffc; }
.aqua .circle-process-2-2 { fill:#00dffc; }
.green .circle-process-1-0 { stroke:#00C9A7; }
.green .circle-process-1-2 { fill:#00C9A7; }
.indigo .circle-process-2-0 { stroke:#2d1582; }
.indigo .circle-process-2-2 { fill:#2d1582; }
.orange .circle-process-3-0 {stroke:#FFC107; }
.orange .circle-process-3-2 {fill:#FFC107; }
.red .circle-process-3-0 { stroke:#DE4437; }
.red .circle-process-3-2 { fill:#DE4437; }

.customer-locations {
    background-image: url(/img/website/libraryh3lp-customers-locations.png);
    background-size: contain;
}

.dashboard-menu {
    max-width: 330px;
    left: auto !important;
    right: 0 !important;
    border-top: .1875rem solid #ffc107 !important;
}

.display-none {
    display: none;
}

.ellipse-mockup-0{fill:#377DFF;}
.ellipse-mockup-1{fill:#FF4E50;}
.ellipse-mockup-2{fill:#00C9A7;}
.ellipse-mockup-3{fill:#377DFF;}
.ellipse-mockup-4{fill:#FFC107;}

.enable-background-1 {
    enable-background: new 0 0 1921 273;
}
.enable-background-2 {
    enable-background: new 0 0 1689.8 974.4;
}
.enable-background-3 {
    enable-background: new 0 0 180 161.2;
}
.enable-background-4 {
    enable-background: new 0 0 614.8 747.7;
}

.fill-indigo {fill:#2d1582 !important;}

.font-bold {
    font-weight: bold;
}

.irregular-shape-1-bottom-0{fill:#FFFFFF;}


.mb-0 {
    margin-bottom: 0;
}
.mb-neg8 {
    margin-bottom: -8px;
}
.min-width-230 {
    min-width: 230px;
}

.overflow-visible {
    overflow: visible;
}
.pt-0-important {
    padding-top: 0 !important;
}

#SVGcircleModule1 .btn,
#SVGcircleModule2 .btn,
#SVGcircleModule3 .btn {
    height: 155px;
}
#SVGcircleModule1 .btn .fas,
#SVGcircleModule2 .btn .fas,
#SVGcircleModule3 .btn .fas {
    line-height: 175px;
}

.text-black {
    color: black;
}
.text-white {
    color: white;
}

.video iframe {
    border: 1px solid rgba(55,125,255,.3);
    border-radius: .3125rem;
    box-shadow: 0 0 35px rgba(55,125,255,.125);
    margin: 0;
    padding: 0;
    width: 100%;
}
@media (min-width: 360px) {
    .video iframe {
        height: 300px;
    }
}
@media (min-width: 992px) {
    .video iframe {
        height: 500px;
    }
}
@media (min-width: 1200px) {
    .video iframe {
        height: 700px;
    }
}

.width-180 {
    width: 180px;
}

.libraryh3lp {
	  background-color: #377dff;
	  border: 2px solid white;
	  border-radius: 50%;
	  padding: 16px 20px;
	  position: fixed;
	  bottom: 20px;
	  right: 20px;
	  z-index: 999;
}
.libraryh3lp:hover {
	  background-color: #00c9a7;
}
.libraryh3lp img {
	  margin: 0;
}
.libraryh3lp a img {
    height: 50px;
    width: 50px;
}

/* Add this attribute to the element that needs a tooltip */
[data-chat-tooltip] {
	  z-index: 2;
	  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-chat-tooltip]:before,
[data-chat-tooltip]:after {
	  visibility: hidden;
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
	  opacity: 0;
	  pointer-events: none;
}

/* Position tooltip above the element */
[data-chat-tooltip]:before {
	  position: absolute;
	  bottom: 93px;
	  left: 0;
	  margin-bottom: 0;
	  margin-left: -10px;
	  padding: 7px;
	  width: 100px;
	  -webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
	  border-radius: 3px;
	  background-color: #000;
	  background-color: hsla(0, 0%, 20%, 0.9);
	  color: #fff;
	  content: attr(data-chat-tooltip);
	  text-align: center;
	  font-size: 14px;
	  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-chat-tooltip]:after {
	  position: absolute;
	  bottom: 90px;
	  left: 45px;
	  margin-left: -5px;
	  width: 0;
	  border-top: 5px solid #000;
	  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
	  border-right: 5px solid transparent;
	  border-left: 5px solid transparent;
	  content: " ";
	  font-size: 0;
	  line-height: 0;
}

/* Show tooltip content on hover */
[data-chat-tooltip]:hover:before,
[data-chat-tooltip]:hover:after {
	  visibility: visible;
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
	  opacity: 1;
}