:root {
	  --theme-color: #00529B;
	  --category-label: #F05F7B;
	  --input-bg: #F1EFF0;
	  --socials-color: #00529B;
	  --socials-hover: #F05F7B;
}

body {
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	  color: #000;
	  font-family: "Poppins", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
	  font-size: 16px;
	  line-height: 1.3888888889;
	  font-weight: 400;
}

h1 { font-size: 43px; font-weight: 600; }
h2 { font-size: 36px; font-weight: 600; ; margin-bottom: 1rem}
h3 { font-size: 27px; font-weight: 600; }
body { font-size: 16px; font-weight: 400; }

a { color: #00529B; }
a:hover { color: #003D72; }

/* input[type=text], */
/* input[type=search], */
/* select, */
/* textarea { */
/*     background-color: var(--input-bg); */
/*   /\* border: 0; *\/ */
/* } */


/* Limit app to iframe size */
.container-fluid {
    max-width: 904px;
}

.main-nav-title {
    font-size: 20px;
    font-weight: 600;
}

.selectize-dropdown-content{
    max-height: 400px !important;
    /* max-height: 100% !important; */
    /* height: 100% !important; */
}

.bslib-nav-spacer {
    margin-left: auto;
}

.treejs-node {
	font-size: 15px;
}

#settings {
  overflow: visible;
}

.popover-btn,
.popover-btn:focus-visible,
.popover-btn:hover,
.popover-btn:active,
.popover-btn:target {
	position: relative;
	background: var(--bs-body-bg);
	border-color: unset;
	text-align: left;
	--bs-btn-padding-x: 0.9em;
	--bs-btn-line-height: 1;
	border: var(--bs-border-width) solid #8D959E;
	color: RGBA(var(--bs-emphasis-color-rgb, 0, 0, 0), 0.83);
    font-size: 15px;
	font-weight: 400;
	height: var(--bslib-grid-height);
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.popover-btn[aria-expanded = "true"] {
	border-color: #80a9cd;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(0, 82, 155, 0.25);

}


.popover-btn[aria-expanded = "false"]::after {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    right: calc(0.75rem + 5px);
    margin-top: -3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: RGBA(var(--bs-emphasis-color-rgb, 0, 0, 0), 0.83) transparent transparent transparent;
}

.popover-btn[aria-expanded = "true"]::after {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    right: calc(0.75rem + 5px);
    margin-top: -3px;
    width: 0;
    height: 0;
    border-style: solid;
	margin-top: -4px;
	border-width: 0 5px 5px 5px;
	border-color: transparent transparent RGBA(var(--bs-emphasis-color-rgb, 0, 0, 0), 0.83) transparent;
}

#settings-goods-popover, #settings-geo-popover {

	font-family: "Poppins", "Helvetica Neue", Arial, "Noto Sans", sans-serif;

	.tippy-tooltip {
				max-height: clamp(250px, 100vw, 800px);
	background: var(--bs-body-bg);
		border: 1px solid var(--bs-border-color-translucent);
  border-radius: 3px;
		overflow-y: auto;
		box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.175);

	}

	.tippy-tooltip::-webkit-scrollbar {
  width: 5px; /* Mostly for vertical scrollbars */
}
.tippy-tooltip::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.35);
border-radius: 3px;
}
.tippy-tooltip::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.175);
}



	.tippy-content .form-group {
	 padding: 15px 0px 0px 0px;
	}

  .treejs {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
}
.treejs *:after,
.treejs *:before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.treejs > .treejs-node {
  padding-left: 0;
}
.treejs .treejs-nodes {
  list-style: none;
  padding-left: 20px;
  overflow: hidden;
  -webkit-transition: height 150ms ease-out, opacity 150ms ease-out;
  -o-transition: height 150ms ease-out, opacity 150ms ease-out;
  transition: height 150ms ease-out, opacity 150ms ease-out;
}
.treejs .treejs-node {
  cursor: default;
  overflow: hidden;
}
.treejs .treejs-node.treejs-placeholder {
  padding-left: 20px;
}
.treejs .treejs-switcher {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  cursor: default;
  position: relative;
  -webkit-transition: -webkit-transform 150ms ease-out;
  transition: -webkit-transform 150ms ease-out;
  -o-transition: transform 150ms ease-out;
  transition: transform 150ms ease-out;
  transition: transform 150ms ease-out, -webkit-transform 150ms ease-out;
}
.treejs .treejs-switcher:before {
  position: absolute;
  top: 8px;
  left: 6px;
  display: block;
  content: ' ';
  border: 4px solid transparent;
  border-top: 4px solid rgba(0, 0, 0, 0.4);
  -webkit-transition: border-color 150ms;
  -o-transition: border-color 150ms;
  transition: border-color 150ms;
}
.treejs .treejs-switcher:hover:before {
  border-top: 4px solid rgba(0, 0, 0, 0.65);
}
.treejs .treejs-node__close > .treejs-switcher {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.treejs .treejs-node__close > .treejs-nodes {
  height: 0;
}
.treejs .treejs-checkbox {
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 25px;
  cursor: default;
  position: relative;
}
.treejs .treejs-checkbox:before {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  cursor: default;
  position: absolute;
  top: 2px;
  content: ' ';
  display: block;
  width: 22px;
  height: 22px;
  border: 1px solid #d9d9d9;
  border-radius: 50%;
}
.treejs .treejs-checkbox:hover:before {
  -webkit-box-shadow: 0 0 2px 1px var(--theme-color);
          box-shadow: 0 0 2px 1px var(--theme-color);
}
.treejs .treejs-node__checked > .treejs-checkbox:before {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
.treejs .treejs-node__checked > .treejs-checkbox:after {
  position: absolute;
  content: ' ';
  display: block;
  top: 6px;
  left: 9px;
  width: 5px;
  height: 9px;
  border: 2px solid #fff;
  border-top: none;
  border-left: none;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.treejs .treejs-node__halfchecked > .treejs-checkbox:before {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
.treejs .treejs-node__halfchecked > .treejs-checkbox:after {
  position: absolute;
  content: ' ';
  display: block;
  top: 12px;
  left: 6px;
  width: 10px;
  height: 2px;
  background-color: #fff;
}
.treejs .treejs-node__disabled {
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
}
.treejs .treejs-node__disabled .treejs-checkbox {
  cursor: not-allowed;
}
.treejs .treejs-node__disabled .treejs-checkbox:before {
  cursor: not-allowed;
  border-color: #d9d9d9 !important;
  background-color: #f5f5f5 !important;
}
.treejs .treejs-node__disabled .treejs-checkbox:hover:before {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.treejs .treejs-node__disabled .treejs-node__checked > .treejs-checkbox:after {
  border-color: #d9d9d9;
}
.treejs .treejs-node__disabled .treejs-node__halfchecked > .treejs-checkbox:after {
  background-color: #d9d9d9;
}
.treejs .treejs-node__disabled.treejs-node__checked > .treejs-checkbox:after {
  border-color: #d9d9d9;
}
.treejs .treejs-node__disabled.treejs-node__halfchecked > .treejs-checkbox:after {
  background-color: #d9d9d9;
}
.treejs .treejs-label {
  vertical-align: middle;
  padding-left: 5px;
}

}

#settings-ts-compare {
	display: flex;
	position: relative;
	height: 36.4px;
	align-self: flex-end;

 /*
	display:flex;
    padding-left: 33px;
    background: var(--bs-body-bg);
	border: var(--bs-border-width) solid transparent;
	margin: auto;
	width: 20%;
	box-sizing: border-box;
	font-weight: 400;
	color: RGBA(var(--bs-emphasis-color-rgb, 0, 0, 0), 0.83);
	text-align: left;
	*/
}

#settings-time {
	margin-bottom: 0;
}


/*
#settings-ts-compare.ts-toggled {
	position: relative;
	border: var(--bs-border-width) solid #8D959E;
	color: RGBA(var(--bs-emphasis-color-rgb, 0, 0, 0), 0.83);
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


#settings-ts-compare {
      position: relative;
      padding-left: 33px;
      background-color: white;
      border: none;
	font-weight: 400;
	color: RGBA(var(--bs-emphasis-color-rgb, 0, 0, 0), 0.83);
    font-size: 15px;
	text-align: left;
    }
    #settings-ts-compare:focus {
    outline: none;
    box-shadow: none;
    }
    #settings-ts-compare::before {
    position: absolute;
      -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  cursor: default;
  top: 10px;
  left: 3px;
  content: ' ';
  display: block;
  width: 22px;
  height: 22px;
  border: 1px solid #d9d9d9;
  border-radius: 50%;
    }
    #settings-ts-compare.ts-toggled::before {
    background-color: var(--theme-color);
  border-color: var(--theme-color);
    }
#settings-ts-compare:hover::before {
-webkit-box-shadow: 0 0 2px 1px var(--theme-color);
          box-shadow: 0 0 2px 1px var(--theme-color);
}

*/

