.icon.icon-sm-2 {
  height: 1.5rem;
}

.alert ul {
  list-style-type: none !important;
  padding: 0 !important;
}

.custom-container-fluid {
  width: 100%;
  max-width: 1500px;
  padding-right: 3rem !important;
  padding-left: 3rem;
  margin-right: auto;
  margin-left: auto;
}

.beta-nav-element {
  display: inline-block;
  position: relative;
}

.beta-nav-element .beta-element,
.beta-nav-element .beta-element-active {
  position: absolute;
  letter-spacing: -0.025rem;
  top: 1.2rem;
  font-size: 0.55rem;
  left: 2.3rem;
}

.beta-nav-element .beta-element-post,
.beta-nav-element .beta-element-active {
  left: 1.1rem;
}

.separator {
  margin: 0 0.5rem;
}

.feedback-container {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 1020;
  max-width: 10rem;
}

.messages-loading {
    display: inline-block;
    position: absolute;
    width: 24px;
    height: 24px;
}

.messages-loading div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    margin: 4px;
    border: 2px solid #6c757d;
    border-radius: 50%;
    animation: messages-loading 1s cubic-bezier(0, 0, 1, 1) infinite;
    border-color: #6c757d transparent transparent transparent;
}

.messages-loading div:nth-child(1) {
    animation-delay: -0.45s;
}

.messages-loading div:nth-child(2) {
    animation-delay: -0.3s;
}

.messages-loading div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes messages-loading {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Responsive tags */

.mt-4\:responsive {
    margin-top: 1.5rem !important;
}

.mobile {
    display: none;
}

@media (max-width: 1600px) {
    /* Styles to be applied on phones */
    .full-width-only {
        display: none !important;
    }
}

@media (max-width: 768px) { /* Styles to be applied on phones */
    .desktop {
        display: none !important;
    }
    .mobile {
        display: block !important;
    }
    .custom-container-fluid {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .mt-4\:responsive {
        margin-top: 1rem !important;
    }
    #helpkit-launcherButton--ihorizonsupport {
        display: none !important;
    }
    #helpkit-popover--ihorizonsupport {
        display: none !important;
    }
    #djDebug {
        display: none !important;
    }
    /*
    div[data-appzi-dom="1"] {
        display: none !important;
    }
    */
}

/* End of responsive tags */

.btn-group-xs > .btn, .btn-xs {
  padding: .25rem .6rem;
  font-size: .875rem;
  line-height: 1;
  border-radius: .2rem;
}

.font-075 {
    font-size: 0.75rem;
}

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

.font-underline {
    text-decoration: underline;
}

.cursor-pointer {
    cursor: pointer;
}



.font-uppercase {
    text-transform: uppercase;
}

.font-initial {
    text-transform: initial;
}

.bold {
    font-weight: 600;
}

.black {
    color: black;
}

.bg-black {
    background-color: black;
}

.svg-black, .svg-black * {
    fill: black !important;
}

.svg-opacity-1, .svg-opacity-1 path {
    opacity: 1 !important;
}

.w-10 {
    width: 10% !important;
}

.w-95 {
    width: 95% !important;
}

.w-5 {
    width: 5% !important;
}

.w-80 {
    width: 80% !important;
}

.text-red {
    color: var(--red);
}

.outline-primary {
    outline: 1px solid var(--primary);
}

.outline-secondary {
    outline: 1px solid var(--secondary);
}

.outline-success {
    outline: 1px solid var(--success);
}

.outline-danger {
    outline: 1px solid var(--danger);
}

.outline-warning {
    outline: 1px solid var(--warning);
}

.outline-info {
    outline: 1px solid var(--info);
}

.outline-light {
    outline: 1px solid var(--light);
}

.outline-dark {
    outline: 1px solid var(--dark);
}


/* The odd ones - non structured globals - goes here */

.font-1-5-rem {
    font-size: 1.5rem;
}

.font-1-25-rem {
    font-size: 1.25rem;
}

.font-gray {
    color: #222529A8;
}

.gray-heavy-font {
    font-weight: 600;
    color: #222529A8;
}

.min-height-60-vh {
    min-height: 60vh;
}

.max-width-fill-available {
    max-width: -webkit-fill-available;
    max-width: -moz-available;
    max-width: fill-available;
}

.d-contents {
    display: contents;
}

.fit-available {
    width: fit-content;
}


/* This is something we definitely don't want global */
/*
.select2-selection.select2-selection--single, .select2-selection__rendered, .select2-selection__arrow {
    height: calc(1.5em + 0.875rem + 2px) !important;
    line-height: calc(1.5em + 0.875rem + 2px) !important;
}
*/

.border-radius-10 {
    border-radius: 10px !important;
}

.font-1-rem {
    font-size: 1rem !important;
}