body{
    font-family:"Varela Round",tahoma,arial;
    font-size:14px;
    margin:0px;
    padding:0px;
}
label{
    font-size:16px;
}
h1,h2,h3,h4,h5,.card-header{
    font-family:"Zorque W05 Regular",Tahoma;
    letter-spacing:2px;
}
.curtain-left{
    background:#eee;
    position:absolute;
    top:0px;
    left:0px;
    height:100%;
    width:50%;
    background: linear-gradient(to bottom right, #756342 25%,#c7b17a 75%);
    background: -webkit-linear-gradient(to bottom right, #756342 50%,#c7b17a 50%);
    background: -moz-linear-gradient(to bottom right, #756342 50%,#c7b17a 50%);
    border-right:5px solid #0002;
    z-index:9999;
}
.curtain-right{
    background:#eee;
    position:absolute;
    top:0px;
    right:0px;
    height:100%;
    width:50%;
    background: linear-gradient(to bottom left, #756342 25%,#c7b17a 75%);
    background: -webkit-linear-gradient(to bottom left, #756342 50%,#c7b17a 50%);
    background: -moz-linear-gradient(to bottom left, #756342 50%,#c7b17a 50%);
    border-left:5px solid #0002;
    z-index:9999;
}
.roll-out .curtain-left,.roll-out .curtain-right{
    transition:all .5s ease-out;
    width:0px;
    opacity:.5;
}
.roll-in .curtain-left,.roll-in .curtain-right{
    transition:all .25s ease-in;
    width:50%;
    opacity:1;
}
.btn-spin{
    padding:.5rem 2rem;
    font-size:18px;
    font-weight:bold;
    font-family:tahoma;
    color:#eee;
    background:#05373e;
    background:linear-gradient(to bottom,#1da2b3,#05373e);
    background:-webkit-linear-gradient(to bottom,#1da2b3,#05373e);
    border:0px;
    border-radius:6px;
    text-transform:uppercase;
    letter-spacing:4px;
    transition:all .2s linear;
}
.btn-spin:hover,.btn-spin:focus{
    text-shadow: 0px 0px 6px rgba(255, 255, 255, 1);
    box-shadow:none;
    outline:none;
    background:#05373e;
    background:linear-gradient(to bottom,#1da2b3,#05373e);
    background:-webkit-linear-gradient(to bottom,#1da2b3,#05373e);
}
.btn-spin:active{
    background:#05373e!important;
    background:linear-gradient(to bottom,#1da2b3,#05373e)!important;
    background:-webkit-linear-gradient(to bottom,#1da2b3,#05373e)!important;
    transform:scale(0.8);
    box-shadow:none;
    outline:none;
}
.btn-spin:active:focus{
    outline:none;
    box-shadow:none;
}
.btn-spin:disabled{
    color:#aaa;
    border-color:#555;
    outline:none;
    box-shadow:none;
    background:#888;
    background:linear-gradient(to bottom,#888,#333);
    background:-webkit-linear-gradient(to bottom,#888,#333);
    opacity:1;
    cursor:not-allowed;
    text-shadow:none;
}
.wheel-standard{
    margin-top:35px;
}
.superWheel .sWheel>.sWheel-txt-wrap>.sWheel-txt>div{
    padding-left:100px;
    text-align:center;
    font-size:20px;
    font-family:tahoma;
    letter-spacing:1px;
}
.superWheel .sWheel-marker{
    margin-top:13%;
}
.alert{
    position:fixed;
    top:100px;
    width:400px;
    min-height:100px;
    left:calc(50% - 200px);
    z-index:9999;
}
.alert{
    border-width:5px;
    border-radius:0px;
    box-shadow:5px 5px #333;
}
.alert.alert-danger{
    border-color:#800;
}
.alert.alert-success{
    border-color:#080;
}
.superWheel .sWheel-center{
    background:#2b2b2b url(../img/favourites.svg) center center no-repeat;
    background-size:50px 50px;
    margin-top:10px;
    margin-left:10px;
    width:calc(100% - 20px);
    height:calc(100% - 20px);
}
.sWheel-title{
    padding-right:25px!important;
}
.sWheel-title .sWheel-text{
    transform:rotateX(180deg) rotateY(180deg);
    text-align:left;
    font-size:16px;
}
