.outlined-text {
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.outlined-bold-text {
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.outlined-text-white {
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.outlined-bold-text-white {
    text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.remove-bottom {
    margin-bottom: 0 !important;
}

.half-bottom {
    margin-bottom: 12px !important;
}

.add-bottom {
    margin-bottom: 24px !important;
}

.no-border {
    border: none;
}

.text-center {
    text-align: center !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

.align-center {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

.disabled {
    cursor: not-allowed;
    color: #ccc;
    position: relative;
    cursor: not-allowed;
    pointer-events: all;
}

.disabled:hover .tooltip {
    visibility: visible;
    opacity: 1;
}

.disabled a {
    pointer-events: none;
}

.disabled a img,
.disabled div {
    opacity: 0.5;
}

.tooltip {
    visibility: hidden;
    width: 220px;
    background-color: black;
    color: white;
    border-radius: 15px;
    border-color: red;
    text-align: center;
    padding: 10px 0;
    position: absolute;
    z-index: 1;
    top: 5%;
    left: 50%;
    margin-left: -110px;
    opacity: 0;
    transition: opacity 0.5s;
}