.SLB_caption{
    width:100%;
    height:40px;
    line-height:40px;
    color:white;
    font-weight:bold;
    background-color:steelblue;
    cursor:move;
    font-size:20px;
    padding-left:10px;
}

.SLB_close{
    position:absolute;
    top:5px;
    right:5px;
    width:20px;
    height:20px;
    cursor:pointer;
    background:url(/images/common/icon-close.png) no-repeat;
    background-size:20px;
}

#SLB_iframe{
    background-color:#1B2430;
    overflow-y:scroll;
    overflow-x:hidden;
}

#debug {
    width:80%;
    text-align:left;
    white-space:pre-wrap;
    margin-left:250px;padding:10px;
    font-size:10pt;font-family:consolas;color:#5b5b5b;
    border:1px solid black;
}
label.error{margin:0px 0px 0 10px;color:orangered;display:inline-block}
/*input.error, textarea.error {
    background-image: url(/images/icon-invalid.png);
    background-position: right center;
    background-repeat: no-repeat;
}
input.valid {
    background-image: url(/images/icon-valid.png);
    background-position: right center;
    background-repeat: no-repeat;
}*/

input.error, textarea.error {
    border: 1px solid #E0B4B4;
}

.pagination_box{clear:both; display:block; text-align:center; width:100%; margin-top:10px;   }
._pagination {
    padding-left: 0;
    border-radius: 4px;
    display:inline-block;
    margin:20px 0;
    text-align:center;
}
._pagination > li {
    display: inline;
    font-size:0.9em;
    font-weight:bold;
}
._pagination > li > a,
._pagination > li > span {
    position: relative;
    float: left;
    padding: 2px 6px;
    line-height: 1.4;
    text-decoration: none;
    color: #5a5c6b;
    margin:0 1px;
    /*border:1px solid darkgray;*/
}
._pagination > li:first-child > a,
._pagination > li:last-child > a {
    margin-left: 0;
    border-radius: 4px;
    border:1px solid #a8a9b3;
}
._pagination > li.active a {
    background-color:cornflowerblue;
    color:#fff;
    border:#f9f9f9 1px solid;
}

.user_level_icon {
    width:25px;
}

/* @keyframes blink-flash { 0%, 20%, 40%, to { opacity: 1; } 10%, 30% { opacity: 0.5; } } */
@keyframes blink-flash { 
    0% { opacity: 0.5; /*transform: scale(0.5);*/ } 
    20%{ opacity: 0.6; /*transform: scale(0.8);*/ }
    40%{ opacity: 0.7; /*transform: scale(1);*/ }  
    60%{ opacity: 0.8; /*transform: scale(0.6);*/ }
    80%{ opacity: 0.9; /*transform: scale(0.8);*/ } 
    100%{ opacity: 1; /*transform: scale(1);*/ } 
}

.app_icon {
    width:90px;
    /* animation: blink-flash 1s infinite ease normal; */
}
.user_money_icon {
    width:20px;
}


.uk-modal-header .uk-modal-title{
    color:#cccccc;
    text-align: center;
    font-size: 1.8rem;
}

.ui.form .inline.field > label{
    color:white;
}

#request_exchange .ui.form .inline.field .input,
#change_account .ui.form .inline.field .input{
    width:calc(100% - 90px);
}


.js-register-open.flicker {
    animation: flicker 1s linear infinite;
    font-weight: bold;
}

@keyframes flicker {
    0% {
        background-color:#c600c3;
        /* opacity: 0; */
    }

    30% {
        background-color:#00c631;
        /* opacity: 0.7; */
    }

    60% {
        background-color:#a5c600;
        /* opacity: 0.7; */
    }

    100% {
        background-color:#c60021;
        /* opacity: 0; */
    }
}