.h-10 {height: 10%;}
.h-15 {height: 15%;}
.h-20 {height: 20%;}
.h-30 {height: 30%;}
.h-33 {height: 33.333333%;}
.h-40 {height: 40%;}
.h-60 {height: 60%;}
.h-65 {height: 65%;}
.h-70 {height: 70%;}
.h-66 {height: 66.666667%;}

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

.col-number > div {
    border-collapse: collapse;
    font-size: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    /*box-shadow: 1px 0 0 0 #ddd, 0 1px 0 0 #ddd, 1px 1px 0 0 #ddd, 1px 0 0 0 #ddd inset, 0 1px 0 0 #ddd inset;*/
}
.border-none {
    border: none !important;
}
.btn-default {
    background: none;
}
.btn-number {
    font-size: 3rem;
}

.btn-number {
    line-height: 1;
}
.base-timer__label {
    top: 0;
    color: #fff;
    font-weight: bold;
    font-family: 'Roboto';
}
.base-timer__path-remaining.green {
    color: #fff;
}
.base-timer__path-elapsed {
    stroke-width: 6px;
    stroke: transparent;
}
.base-timer__path-remaining {
    stroke-width: 6px;
}
.dropdown-toggle::after {
    display: none;
}
.dropdown-item {
    font: normal normal normal 26px/30px Roboto;
    color: #555;
    padding: 20px 0;
}
input::placeholder {
    color: #e3e3e3 !important;
}
.dropdown-menu {
    position: absolute !important;
    top: 50px !important;
    left: 0 !important;
    margin-left: 0 !important;
    transform: translate3d(0, 0, 0) !important;
}
.box-shadow {
    /*box-shadow: 1px 0 0 0 #ddd, 0 1px 0 0 #ddd, 1px 1px 0 0 #ddd, 1px 0 0 0 #ddd inset, 0 1px 0 0 #ddd inset;*/
}
.box-shadow:last-child {
    /*box-shadow: 1px 0 0 0 #17a2b8, 0 1px 0 0 #17a2b8, 1px 1px 0 0 #17a2b8, 1px 0 0 0 #17a2b8 inset, 0 1px 0 0 #17a2b8 inset;*/
}
.btn-back {
    position: relative;
}
.btn-back:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f060";
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 15px);
    font-size: 30px;
    font-weight: lighter;
    pointer-events: none;
    color: #aaa;
}
.box-shadow .btn {
    border: 1px solid #d8d8d8;
    border-radius: 0;
    font: normal normal normal 35px/41px Roboto;
    letter-spacing: 0px;
    color: #000;
    height: 84px;
}
.agree_alert {
    animation-play-state: paused;
}
.ani_pulse {
    animation-play-state: running;
}