/*!
 * Copyright 2023 business service camen Authors (https://bscit.ch/)
 */
 body {
  margin: 0;
}

html {
  scroll-behavior: smooth;
}

/* ////////////// TINYMCE ////////////// */
.table-center { display: block; margin: 0 auto; }
.text-full { text-align: justify !important; }
.content-full { display: block; margin: 0 auto; }
.tablerow1 { background-color: #D3D3D3; }
.content-center { display: block; margin-left: auto; margin-right: auto; }
/* ////////////// END TINYMCE ////////////// */

.bg-body-15 {
  background-color:rgba(211,228,224,0.15);
}
.bg-body-25 {
  background-color:rgba(211,228,224,0.25);
}
.bg-body-35 {
  background-color:rgba(211,228,224,0.35);
}
.bg-body-45 {
  background-color:rgba(211,228,224,0.45);
}
.bg-body-5 {
  background-color:rgba(211,228,224,0.5);
}

.bg-nav {
background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 2%, rgba(211,228,224,1) 25%, rgba(211,228,224,1) 75%, rgba(255,255,255,1) 98%);
}

.shadow-header {
  box-shadow: 0 0.215rem 0.5rem rgba(206, 206, 206, 125) !important;
}

.border-gold {
  border-color: #a69464 !important;
}

.modal-backdrop {
   background-color: #d3e4e0;
}

.modal-content{
  border:#a69464 3px solid;
}

.btn-close-yellow {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fc0'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
}

.bg-mint {
  background-color: #d3e4e0 !important;
}

.bg-gold {
  background-color: #a69464 !important;
}

#top {
  display: none;
  position: fixed;
  bottom: 100px;
  right: 0px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #d3e4e0;
  color: white;
  cursor: pointer;
  padding: 5px;
  border-radius: 4px;
}

#top:hover {
  background-color: #e5f7f3;
}

.text-gold {
  color: #a69464 !important;
}

@media (max-width: 991.98px) {
.mb-md-5 {
  margin-bottom: 3rem !important;
}
}

@media (min-width: 991.98px) {
.mb-md-5 {
  margin-bottom: 0.25rem !important;
}
}

/* 
.modal-dialog {
   position:fixed;
  top:auto;
   right:auto;
   left:auto;
   bottom:0;
} 
*/


.bg-line17 { 
  background-image: linear-gradient(180deg, #ffffff 47.22%, #dedede 47.22%, #dedede 50%, #ffffff 50%, #ffffff 97.22%, #dedede 97.22%, #dedede 100%);
  background-size: 36.00px 36.00px;
}






.hr-divider {
  margin: 1.5rem 0; /* Space out the Bootstrap <hr> more */
}

/* margin top */
.mt-64 {
    margin-top: 4rem !important;
}

.border-azure {
    border-color: #c2dbfe !important;
}

/* character spacing */
@media (max-width:619px){
.ls { 
  letter-spacing: 4px;
  font-family:Comfortaa;
}
}

@media (min-width:620px){
.text-ls { 
  letter-spacing: 5px;
  font-family:Comfortaa;
}
}

/*Tooltip*/
.tooltip.show {
  opacity: 1;
}

.tooltip-inner {
  background-color: #000080;
  /*box-shadow: 0px 0px 4px black;*/
  opacity: 1 !important;
}

.tooltip.bs-tooltip-right .arrow:before {
  border-right-color: #000080 !important;
}

.tooltip.bs-tooltip-left .arrow:before {
 border-left-color: #000080 !important;
}

.tooltip.bs-tooltip-bottom .arrow:before {
 border-bottom-color: #000080 !important;
}

.tooltip.bs-tooltip-top .arrow:before {
 border-top-color: #000080 !important;
}

/*carousel height*/
.carousel-inner-mh {
  min-height: 350px !important;
}

.carousel-item-mh {
  max-height: 300px !important;
}

.carousel-fade .carousel-inner .item {
  transition-duration: 4s;
  transition-timing-function:linear;
}

/* custom brand */
.bg-brand {
	background-image:url(../brand/web-logo_links-top.png);
	background-repeat:no-repeat;
	background-size: 100% 100%;
	}
.text-brand {
	line-height:1.2;
	letter-spacing: 3px;
	}
@media screen and (max-width: 599px){
.header-title {
	max-height: 50px !important;
	position: relative;top: 50%;
	}
}
@media screen and (max-width: 900px) and (min-width: 600px){
.header-title {
	height: 175px;
	position: relative;top: 50%;
	padding-left: 3rem;
	}
}
.header-title {
	height: 175px;
	position: relative;top: 50%;
	}
.header-brand {
	height: 175px;
	min-width: 318px;
	}

/* custom storage */
@media screen and (min-width: 600px) {
.storage-smart {
	display: none; 
	}
}

@media screen and (max-width: 599px) {
.storage-desk {
	display: none; 
	}
}

/* storage smartphone */
@media screen and (max-width: 599px) {
.h-uh10, .h-uh11, .h-uh12, .h-uh20, .h-uh21, .h-uh22, .h-uh23, .h-uh30, .h-uh31, .h-uh40, .h-uh41, .h-uh50, .h-uh51 {min-height: 70px;}
}

/* storage text centered */
.textcenter {position: relative;text-align: center;/*color: white;*/}
.text-centered {position: relative;top: 50%;}
.centered {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

/* storage tablets */
@media screen and (min-width: 600px) and (max-width: 991px) {
.h-uh10, .h-uh11, .h-uh12 {min-height: 200px;}
.h-uh20 {min-height: 140px;}
.h-uh21 {min-height: 96px;}
.h-uh22 {min-height: 236px;}
.h-uh23 {min-height: 280px;}
.h-uh30 {min-height: 140px;}
.h-uh31 {min-height: 377px;}
.h-uh40 {min-height: 140px;}
.h-uh41 {min-height: 96px;}
.h-uh50, .h-uh51 {min-height: 280px;}
}

/* storage desk large */
@media screen and (min-width: 992px) and (max-width: 1199px) {
.h-uh10, .h-uh11, .h-uh12 {min-height: 257px;}
.h-uh20 {min-height: 170px;}
.h-uh21 {min-height: 126px;}
.h-uh22 {min-height: 266px;}
.h-uh23 {min-height: 310px;}
.h-uh30 {min-height: 170px;}
.h-uh31 {min-height: 407px;}
.h-uh40 {min-height: 170px;}
.h-uh41 {min-height: 126px;}
.h-uh50, .h-uh51 {min-height: 376px;}
}

/* storage desk xl large */
@media screen and (min-width: 1200px) {
.h-uh10, .h-uh11, .h-uh12 {min-height: 257px;}
.h-uh20 {min-height: 170px;}
.h-uh21 {min-height: 126px;}
.h-uh22 {min-height: 266px;}
.h-uh23 {min-height: 310px;}
.h-uh30 {min-height: 170px;}
.h-uh31 {min-height: 407px;}
.h-uh40 {min-height: 170px;}
.h-uh41 {min-height: 126px;}
.h-uh50, .h-uh51 {min-height: 450px;}
}