:root {
    --section-padding:  1rem;
    --border-radius: .75rem;
}

:focus {
    outline: none;
    box-shadow: 0 0 0 0.2rem rgb(var(--menu-color-values), 25%) !important;
}

html {
    background: white;
    transition: .2s cubic-bezier(0.8, 0, 0.2, 1);
}

body {
    /*background: linear-gradient(to bottom, #C1EBE1, #93B4AC);*/
    /*background: -webkit-radial-gradient(top left, ellipse, #FDE152 0%, transparent), linear-gradient(to bottom, #FA715F, #FA715F 60%, #DB1174, #9B4CA7); */
    /*background: linear-gradient(135deg, #85C9C8, #D4FEE6, #E5FDC9);*/
    /*background: radial-gradient( circle farthest-corner at 51.4% 32.8%,  rgba(247,247,247,1) 20%, rgba(230,235,248,1) 100.2% );*/
    background: rgb(var(--menu-color-values), .1);

    height: auto;
    min-height: 100vh;
    font-family: 'Comfortaa', cursive;
    color: var(--dark);
}


.dark-mode {
    filter: invert(0.85);
}

.dark-mode .iti__selected-flag, .dark-mode .iti__country-list, .dark-mode .btn, .dark-mode input[type="color"], .dark-mode .badge, .dark-mode #info-map, .dark-mode canvas, .dark-mode img, .dark-mode .modal-backdrop, .dark-mode .dark-mode-ignore {
    filter: invert(1);
}

/*.dark-mode .bg-gd-dark-blue {
    background-image: linear-gradient(
            299deg, rgb(106 98 90) 21.9%, rgb(173 166 153) 92.2%);
}
.dark-mode .bg-gd-dark-blue-r {
    background-image: linear-gradient(
            145deg, rgb(173 166 153) 21.9%, rgb(106 98 90) 92.2%);
}*/

.dark-mode .fl_menu {
    --menu-color: rgb(120 115 107);
    --menu-color-values: 120, 115, 107;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

.modal-content {
    border: 0;
}

.rounded-xl {
    border-radius:var(--border-radius);
}

.container-custom {
    padding: 15px;
    padding-left: calc(var(--menu-mi-size) + 3rem / var(--menu-size) + 15px);
}

.bg-image {
    background: rgb(var(--menu-color-values), .1) url(/static/images/bg2.jpg) center / cover no-repeat;
}

.bg-image .container-custom {
    background: rgb(238 238 238 / 80%);
}

.section {
    background: var(--white);
    padding: 15px;
    border-radius:var(--border-radius);
    height: 100%;
}

.section-spaced {
    padding: var(--section-padding);
    padding-bottom: calc(var(--section-padding) * 2);
}
.section-spaced .section-spaced-inner {
    padding: calc(var(--section-padding) / 2);
}

.ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.staggered {
    animation-name: staggeredIn;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    animation-delay: calc(var(--staggered-order) * 250ms);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
}

@keyframes staggeredIn {
  0% {
    opacity: 0;
    /*transform: scale(0.6) translateY(-8px);*/
  }

  100% {
    opacity: 1;
  }
}


.iti-w-100 .iti { width: 100%; }

.bg-gd-dark-blue {
    background: transparent;
    background-image: linear-gradient(299deg, rgb(175 175 175 / 60%) 21.9%, rgb(39 69 155) 110% );
    /*background-image: linear-gradient( 299deg,  rgb(121 134 152 / 71%) 21.9%, rgb(62 73 91) 92.2% );*/
}

.bg-gd-dark-blue-r {
    background: transparent;
    background-image: linear-gradient(145deg, rgb(175 175 175 / 60%) 21.9%, rgb(39 69 155) 110% );
    /*background-image: linear-gradient( 145deg,  rgb(121 134 152 / 71%) 21.9%, rgb(62 73 91) 92.2% );*/
}

.bg-icon {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 4rem;
    opacity: .1;
}

.scroll-ghost {
    overflow: auto;
}
.scroll-ghost::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    background-color: transparent;
}


.scroll-light {
    overflow: auto;
    padding-right: 8px !important;
}

.scroll-light::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: transparent;
}

.scroll-light::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff45;
}

.scroll-light::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: white;
}


.scroll-dark {
    overflow: auto;
    padding-right: 8px !important;
}

.scroll-dark::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: transparent;
}

.scroll-dark::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #c0c0c0;
}

.scroll-dark::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #d9d9d945;
}

body.scroll-light,
body.scroll-dark {
    padding-right: 0 !important;
}
body.scroll-light::-webkit-scrollbar,
body.scroll-dark::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.shadow {
    -webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-sm {
    -webkit-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow-lg {
    -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-0, .shadow-none {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.shadow-1 {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .07) !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .07) !important
}

.shadow-2 {
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .07), 0 1px 2px 0 rgba(0, 0, 0, .05) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .07), 0 1px 2px 0 rgba(0, 0, 0, .05) !important
}

.shadow-3 {
    -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -1px rgba(0, 0, 0, .05) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -1px rgba(0, 0, 0, .05) !important
}

.shadow-4 {
    -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .07), 0 4px 6px -2px rgba(0, 0, 0, .05) !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .07), 0 4px 6px -2px rgba(0, 0, 0, .05) !important
}

.shadow-5 {
    -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .07), 0 10px 10px -5px rgba(0, 0, 0, .05) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .07), 0 10px 10px -5px rgba(0, 0, 0, .05) !important
}

.shadow-6 {
    -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .21) !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .21) !important
}

.shadow-1-soft {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .05) !important;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .05) !important
}

.shadow-2-soft {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .05) !important;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .05) !important
}

.shadow-3-soft {
    -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .05) !important;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .05) !important
}

.shadow-4-soft {
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05) !important;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05) !important
}

.shadow-5-soft {
    -webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .05) !important;
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .05) !important
}

.shadow-6-soft {
    -webkit-box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .05) !important;
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .05) !important
}

.shadow-1-strong {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .21) !important;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .21) !important
}

.shadow-2-strong {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .21) !important;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .21) !important
}

.shadow-3-strong {
    -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .21) !important;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .21) !important
}

.shadow-4-strong {
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .21) !important;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .21) !important
}

.shadow-5-strong {
    -webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .21) !important;
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .21) !important
}

.shadow-6-strong {
    -webkit-box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .21) !important;
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .21) !important
}

.shadow-inner {
    -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06) !important;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06) !important
}


.btn-outline-unique:not(:disabled):not(.disabled).active:focus, .btn-outline-unique:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-unique.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(var(--menu-color-values), 50%);
}
.btn-outline-unique:not(:disabled):not(.disabled).active, .btn-outline-unique:not(:disabled):not(.disabled):active, .show>.btn-outline-unique.dropdown-toggle {
    color: #fff;
    background-color: var(--menu-color);
    border-color: var(--menu-color);
}
.btn-outline-unique.focus, .btn-outline-unique:focus {
    box-shadow: 0 0 0 0.2rem rgb(var(--menu-color-values), 50%);
}
.btn-outline-unique:hover {
    color: #fff;
    background-color: var(--menu-color);
    border-color: var(--menu-color);
}
.btn-outline-unique {
    color: var(--menu-color);
    border-color: var(--menu-color);
}

.btn-unique:not(:disabled):not(.disabled).active:focus, .btn-unique:not(:disabled):not(.disabled):active:focus, .show>.btn-unique.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgb(var(--menu-color-values),50%);
}
.btn-unique:not(:disabled):not(.disabled).active, .btn-unique:not(:disabled):not(.disabled):active, .show>.btn-unique.dropdown-toggle {
    color: #fff;
    background-color: var(--menu-color);
    border-color: var(--menu-color);
}
.btn-unique.focus, .btn-unique:focus {
  color: #fff;
  background-color: var(--menu-color);
  border-color: var(--menu-color);
  box-shadow: 0 0 0 0.2rem rgb(var(--menu-color-values),50%);
}
.btn-unique:hover {
  color: #fff;
  background-color: var(--menu-color);
  border-color: var(--menu-color);
}
.btn-unique {
  color: #fff;
  background-color: rgb(var(--menu-color-values),80%);
  border-color: rgb(var(--menu-color-values),80%);
}

.focus-0:focus {
    outline: none;
    box-shadow: none !important;
}

@media (max-width: 1200px) {
  legend {
    font-size: calc(1.275rem + 0.3vw) ;
  }
  h1, .h1 {
    font-size: calc(1.375rem + 1.5vw) ;
  }
  h2, .h2 {
    font-size: calc(1.325rem + 0.9vw) ;
  }
  h3, .h3 {
    font-size: calc(1.3rem + 0.6vw) ;
  }
  h4, .h4 {
    font-size: calc(1.275rem + 0.3vw) ;
  }
  .display-1 {
    font-size: calc(1.725rem + 5.7vw) ;
  }
  .display-2 {
    font-size: calc(1.675rem + 5.1vw) ;
  }
  .display-3 {
    font-size: calc(1.575rem + 3.9vw) ;
  }
  .display-4 {
    font-size: calc(1.475rem + 2.7vw) ;
  }
  .close {
    font-size: calc(1.275rem + 0.3vw) ;
  }
}

@media (max-width: 775.98px) {
/*    .h1, h1 {
        font-size: 1.5rem;
    }
*/
    .container-custom {
        padding: .25rem;
        padding-left: 0;
        padding-bottom: calc(var(--menu-mi-size) + 3rem / var(--menu-size));
    }

    .section-spaced .section-spaced-inner {
        padding-right: 0;
        padding-left: 0;
    }
}