@import 'https://fonts.googleapis.com/css?family=Alegreya+Sans+SC:900';
 body{
     font-size:14px;
    font-family:Arial,Helvetica,sans-serif;
     color:#000;
     background:#ddd;
     background-blend-mode:lighten;
     background-image:url(/CSS/bg.jpg);
     height:100%;
     background-position:center;
     background-repeat:no-repeat;
     background-size:cover;
     background-color:#596169;
     background-repeat:no-repeat;
     background-position:center;
     background-attachment:fixed;
     -webkit-background-size:cover;
     -moz-background-size:cover;
     -o-background-size:cover;
     background-size:cover
     overflow-y: scroll;
}
 .container{
     padding-top:10px;
     max-width:1170px
}
 .gaps>[class^=' col-'],.gaps>[class^=col-]{
     padding-right:3px;
     padding-top:6px;
     padding-bottom:3px;
     padding-left:3px
}
 .row{
     margin-left:-3px;
     margin-right:-3px
}
 .alert-warning{
     border-color:#b38d4d
}
 .float-right{
     float:right
}
 .px-0{
     padding-left:0!important;
     padding-right:0!important
}
 .px-1{
     padding-left:3px!important;
     padding-right:3px!important
}
 .t-shadow{
     text-shadow:0 0 5px #fff
}
 .skill-tree-skill{
     max-width:70px;
     display:inline-block;
     position:relative;
     padding:8px;
     box-shadow:inset 0 0 5px #000
}
 .relative{
     position:relative
}
 .absolute-center{
     position:absolute;
     top:50%;
     left:50%;
     transform:translate(-50%,-50%)
}
 .modal{
     overflow-y:auto
}
 .modal-open{
     overflow-y:hidden
}
 a{
     color:#454545;
     text-decoration:none
}
 a:hover{
     text-decoration:underline
}
 img{
     vertical-align:middle
}
 .head{
     background-color:#333A56;
     ///background-color:#34a853;
     background-image:-webkit-gradient(linear,left top,left bottom,from(#3fbc60),to(#2a9346));
     background-image:-webkit-linear-gradient(top,#3fbc60,#2a9346);
     background-image:-moz-linear-gradient(top,#3fbc60,#2a9346);
     background-image:-o-linear-gradient(top,#3fbc60,#2a9346);
     background-image:linear-gradient(to bottom,#3fbc60,#2a9346);
     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3fbc60',endColorstr='#2a9346');
     padding:4px;
     border:1px solid #309c4d;
     border-radius:2px 2px 0 0
}
 .head img{
     max-width:100%;
     max-height: 8rem;
}
 .head h1{
     padding:0;
     margin:0;
     text-shadow:1px 1px 2px #123b1d;
     text-align:center;
    color:#fff;
     font-size:32px
}
 .links{
     display:block;
     border-bottom:1px solid #e3e3e3;
     padding:6px 0;
     text-decoration:none;
     color:#223e4d;
     text-shadow:0 0 2px #d0d0d0
}
 .links:hover{
     background:#f4f4f4;
     text-decoration:none
}
 .link{
     background:#fff;
     font-size:14px
}
 .menu{
     background:#34a853;
     padding:10px;
     font-size:15px;
     color:#fff
}
 .menu_h_bg{
     background-color:#59626a;
     background-image:-webkit-gradient(linear,left top,left bottom,from(#626a71),to(#515a63));
     background-image:-webkit-linear-gradient(top,#626a71,#515a63);
     background-image:-moz-linear-gradient(top,#626a71,#515a63);
     background-image:-o-linear-gradient(top,#626a71,#515a63);
     background-image:linear-gradient(to bottom,#626a71,#515a63);
     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#626a71',endColorstr='#515a63');
     font-weight:700;
    color:#fff;
    border-radius:0;
    cursor:pointer
}
 .foot{
     background-color:#000;
     background-image:-webkit-gradient(linear,left top,left bottom,from(#3fbc60),to(#2a9346));
     background-image:-webkit-linear-gradient(top,#3fbc60,#2a9346);
     background-image:-moz-linear-gradient(top,#3fbc60,#2a9346);
     background-image:-o-linear-gradient(top,#3fbc60,#2a9346);
     background-image:linear-gradient(to bottom,#3fbc60,#2a9346);
     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3fbc60',endColorstr='#2a9346');
     color:#fff;
     border:1px solid #309c4d;
     border-radius:0 0 2px 2px;
     margin-top:3px;
     height:40px;
     line-height:38px;
     padding:0 10px;
     padding-right:4px
}
 .foot-online{
     margin-top:4px;
     padding:4px 6px;
     font-weight:700;
     background:#3abb5c;
     border:1px solid #4fc970;
     color:#fff;
     text-shadow:none
}
 .foot-online:hover,.foot-online:focus{
     background:#37b358;
     color:#f7f7f7
}
 .label-online{
     background:#fff;
     color:#3abb5c;
     font-weight:700;
     text-shadow:none;
     border:0
}
 .foot-online:hover .label-online{
     background:#f7f7f7
}
 .block{
     background:#fff;
     padding:10px;
     color:#000;
     font-size:14px;
     display:block;
     border:1px solid #ccc
}
 .left{
     text-align:left
}
 .clear{
     clear:both
}
 .main-aprasymas{
     text-align:justify
}
 .form-control{
     box-shadow:none;
     outline:none;
     border-radius:0
}
 .form-control:focus{
     border-color:#ccc;
     box-shadow:none
}
 .form-control:focus{
     border-color:#999
}
 .form-horizontal .form-group{
     margin-right:-7px;
     margin-left:-7px
}

.btn {
border-radius: 2;
outline: none;
     text-shadow:0 1px 3px rgba(0,0,0,.3);
///text-shadow: 0 1px 3px rgb(0 0 0 / 30%);
box-shadow: none;
/* -webkit-transition: all .15s ease-in; */
/* -moz-transition: all .15s ease-in; */
/* -o-transition: all .15s ease-in; */
/* transition: all .15s ease-in; */
}

 .btn6{
     border-radius:2px;
     outline:none;
     text-shadow:0 1px 3px rgba(0,0,0,.3);
     box-shadow:none;
    /* -webkit-transition:all .15s ease-in; */
    /* -moz-transition:all .15s ease-in;*/
    /* -o-transition:all .15s ease-in;*/
    /* transition:all .15s ease-in */
}
 .btn:focus{
     box-shadow:none;
     outline:none!important
}
 .form-group{
     margin-bottom:7px
}
 .panel{
     margin-bottom:0;
     box-shadow:none;
     border-radius:0;
     border: none!important;
}
 .index-stats>.panel-heading{
     border-radius:0;
     font-weight:700;
     border:1px solid #ccc;
     padding:.5em 1em;
     background:#d2eac8
}
 .index-stats>.panel-body{
     font-size:18px;
     padding:6px;
     border:1px solid #ccc;
     border-top:0;
    color:gray
}
 .zaidimas_panel_body{
     padding:5px;
     color:#333;
     padding:0;
     border:1px solid #ccc;
     border-top:0;
     border-bottom:0
}
 .btn-success{
     background:#34a853;
    color:#fff;
    border:1px solid #309c4d
}
.btn-success:hover{
    background:#2e9449;
    border-color:#2a8943
}
.alert{
    border-radius:0;
    margin-bottom:0;
    padding:5px
}
.help-block{
    padding-bottom:0!important
}
.main-image{
    margin:auto;
    max-width:73.5%
}
.field-icon{
    float:right;
    margin-right:10px;
    margin-top:-25px;
    position:relative;
    z-index:2;
    color:#ababab;
    cursor:pointer
}
.field-icon:hover{
    color:#8c8c8c
}
.zero-padding-bot{
    padding-bottom:0!important
}
@media(max-width:940px){
    .panel {
        border: 1px solid #ccc;
    }
    .container{
        padding:0;
        margin:auto
    }
    .row{
        margin-left:0;
        margin-right:0
    }
    .block{
        padding:5px
    }
    .gaps>[class^=' col-'],.gaps>[class^=col-]{
        padding-bottom:0;
        padding-top:3px
    }
    .panel-success>.panel-heading{
        padding:5px
    }
    .panel-success>.panel-body{
        font-size:17px;
        padding:5px
    }
    .gaps-0>[class^=' col-'],.gaps-0>[class^=col-]{
        padding-right:0;
        padding-top:3px;
        padding-bottom:3px;
        padding-left:0
    }
    .form-group{
        margin-bottom:5px
    }
}
#login_ats,#reg_ats{
    display:none;
    margin-bottom:10px
}
.mail-icon,.mail-icon:focus{
    color:#fff;
    cursor:pointer;
    font-size:22px;
    vertical-align:middle;
    position:absolute;
    top:50%;
    right:10px;
    transform:translateY(-50%)
}
.mail-icon:hover,.mail-icon:active{
    color:#f4f4f4
}
.nav-tabs{
    border:none
}
.index-log-reg>.panel-heading{
    background:#e6e6e6;
    padding:.2em .2em 0;
    border-radius:0;
    border:1px solid #ddd;
    margin:1px
}
.index-log-reg>.panel-body{
    padding:10px;
    font-size:100%;
    color:#333
}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{
    background:#34a853;
    border:1px solid #309c4d;
    border-radius:0;
    color:#fff;
    padding:.5em 1em
}
.nav>li>a{
    padding:.5em 1em;
    border:1px solid #c5c5c5;
    background:#f6f6f6;
    color:#454545;
    border-radius:0;
    border-bottom:0
}
.nav>li>a:hover{
    background:#ebebeb;
    border:1px solid #c5c5c5;
    border-bottom:0
}
.meniu_linkas{
    padding:5px;
    border-bottom:1px solid #cecece;
    background:#f3f3f3;
    display:block;
    text-align:left;
    -webkit-transition:.1s all;
    -moz-transition:.1s all;
    -ms-transition:.1s all;
    -o-transition:.1s all;
    transition:.1s all
}
.meniu_linkas:hover,.meniu_linkas:focus,.meniu_linkas_aktyvus{
    text-decoration:none;
    background:#fff;
    color:#000
}
.meniu_linkas:focus{
    color:#000;
    text-decoration:none
}
.meniu_linkas{
    padding:5px;
    border-bottom:1px solid #cecece;
    background:#f3f3f3;
    display:block;
    text-align:left;
    -webkit-transition:.1s all;
    -moz-transition:.1s all;
    -ms-transition:.1s all;
    -o-transition:.1s all;
    transition:.1s all
}
.meniu_linkas:hover,.meniu_linkas:focus,.meniu_linkas_aktyvus{
    text-decoration:none;
    background:#fff;
    color:#000
}
.meniu_linkas:focus{
    color:#000;
    text-decoration:none
}
.meniu_linkas .menu_link_icon{
    display:inline-block;
    background:#fff;
    border-right:1px solid #ccc;
    width:36px;
    padding:6px;
    margin:-5px;
    margin-right:4px;
    text-align:center
}
.meniu_linkas:hover .menu_link_icon{
    border-right:0;
    padding-right:7px
}
@media(max-width:576px){
    .meniu_linkas{
        padding:8px;
        font-size:15px
    }
    .meniu_linkas .menu_link_icon{
        width:38px;
        padding:8px;
        margin:-8px;
        margin-right:4px;
        font-size:16px
    }
    .meniu_linkas:hover .menu_link_icon{
        border-right:0;
        padding-right:9px
    }
}
.description{
    box-shadow:0 0 1px #000;
    padding:5px
}
.meniu_linkas_aktyvus .menu_link_icon,.meniu_linkas:focus .menu_link_icon{
    border-right:0;
    padding-right:7px
}
.progress{
    border-radius:0
}
.mano-statistika-inner{
    padding:5px;
    color:#333;
    border:1px solid #ccc;
    border-top:0
}
.mano-statistika-row{
    padding:3px;
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc
}
.mano-statistika-row:last-child{
    border-bottom:0
}
.mano-statistika-row i{
    background:#fafafa;
    border-right:1px solid #ccc;
    width:28px;
    padding:7px;
    margin:-3px;
    margin-right:4px;
    text-align:center
}
.mano-statistika-row-eurai:hover{
    color:#000;
    background:#fafafa;
    text-decoration:none
}
.panel-mano-meniu{
    margin-top:7px
}
.chat-log-block{
    margin-top:0;
    padding:0;
    word-wrap:break-word;
    max-height:397px;
    overflow-y:auto
}
.chat-log-block::-webkit-scrollbar{
    width:10px;
    height:12px
}
.chat-log-block::-webkit-scrollbar-track{
    background:rgba(0,0,0,.1)
}
.chat-log-block::-webkit-scrollbar-thumb{
    background:#309c4d
}
.separator{
    margin:1px;
    border:3px solid #309c4d
}
.centrinis-blokas{
    margin-top:7px
}
.admin-panel-header{
    margin-top:-11px;
    margin-left:-11px;
    margin-right:-11px
}
legend{
    margin-top:-10px;
    margin-left:-10px;
    margin-right:-10px;
    background:#59626a;
    color:#fff;
    border-bottom:0;
    margin-bottom:8px;
    width:auto;
    padding:2px
}
.chat-zinute{
    border-bottom:1px solid #ccc;
    padding:5px 7px
}
.chat-zinute:last-child{
    border-bottom:0
}
.alert-info{
    border-color:#337ab7;
    background:#ccecff;
    color:#0c59a6;
    border-left:8px solid #337ab7;
    padding:8px
}
.block-statai{
    margin-bottom:7px;
    padding:5px 10px
}
@media(max-width:940px){
    .panel-mano-meniu{
        margin-top:3px
    }
    .centrinis-blokas,.chat-log-block,.alert-info{
        margin-top:0
    }
    .block-statai{
        margin-bottom:3px;
        padding:4px 5px
    }
    .admin-panel-header{
        margin-top:-6px;
        margin-left:-6px;
        margin-right:-6px
    }
    legend{
        margin-top:-5px;
        margin-left:-5px;
        margin-right:-5px;
        color:#fff;
        border-bottom:0;
        margin-bottom:5px;
        width:auto
    }
}
legend{
    font-size:19px
}
.wap-navigacija{
    margin-top:3px
}
.breadcrumb{
    margin-bottom:0;
    border-radius:0;
    border:1px solid #ccc;
    padding:6px;
    padding-left:10px
}
.breadcrumb>li+li:before{
    padding:0 2px;
    color:gray;
    content:"â‍§"!important
}
.label{
    margin-top:3px;
    margin-right:3px;
    border-radius:2px
}
.label-success{
    background-color:#28a745
}
.label-default{
    background-color:#343a40
}
.alert-info{
    color:#004085;
    background-color:#cce5ff
}
.label-danger{
    background-color:#dc3545
}
.btn-success{
    background-color:#28a745;
    border-color:#28a745
}
.label-primary{
    background-color:#007bff
}
.progress-bar-primary{
    background-color:#007bff
}
.progress-bar-danger{
    background-color:#dc3545
}
.badge{
    margin-top:2px;
    margin-right:2px
}
.btn{
    text-shadow:none
}
label:focus{
    outline:none!important;
    box-shadow:none!important
}
.btn-default.btn-on.active{
    background-color:#5bb75b;
    color:#fff
}
.btn-default.btn-off.active{
    background-color:#da4f49;
    color:#fff
}
.transformaciju_skaicius{
    position:absolute;
    top:0;
    right:0;
    padding:3px 6px
}
.kiek_pasirinko_veikeja{
    position:absolute;
    top:0;
    left:0;
    padding:3px 6px;
    margin-left:3px
}
.panel-footer-link{
    padding:10px 15px;
    background-color:#f5f5f5;
    border-top:1px solid #ddd;
    border-bottom-right-radius:3px;
    border-bottom-left-radius:3px;
    display:block;
    border-radius:0 0 1px 1px
}
.panel-footer-link:hover{
    text-decoration:none;
    background:#ebebeb;
    color:#000
}
.panel-footer-link:focus{
    text-decoration:none;
    color:#000
}
.text-justify{
    text-align:justify
}
.text-left{
    text-align:left
}
.text-right{
    text-align:right
}
.rases-block{
    overflow:hidden;
    position:relative;
    border:1px solid #000;
    display:block
}
.rases-title{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    background:rgba(0,0,0,.8);
    padding:5px;
    color:#fff;
    font-size:16px;
    display:block;
    text-align:center
}
.rases-block:hover .rases-title{
    background:rgba(0,0,0,.9);
    color:#fafafa;
    text-decoration:none
}
.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus{
    outline:none!important
}
.atnaujinimai_panel_body{
    padding:8px;
    text-align:left
}
hr{
    margin:5px 0
}
legend{
    text-align:center
}
.modal-header,.modal-body,.modal-footer{
    padding:10px
}
.modal-content{
    border-radius:0
}
.modal-header{
    text-align:center
}
#snackbar{
    min-width:250px;
    margin-left:-125px;
    background-color:#333;
    color:#fff;
    text-align:center;
    border-radius:2px;
    padding:16px;
    position:fixed;
    z-index:1;
    left:50%;
    top:30px;
    font-size:17px
}
#snackbar.show{
    visibility:visible;
    -webkit-animation:fadein .5s,fadeout .5s 2.5s;
    animation:fadein .5s,fadeout .5s 2.5s
}
@-webkit-keyframes fadein{
    from{
        top:0;
        opacity:0
    }
    to{
        top:30px;
        opacity:1
    }
}
@keyframes fadein{
    from{
        top:0;
        opacity:0
    }
    to{
        top:30px;
        opacity:1
    }
}
@-webkit-keyframes fadeout{
    from{
        top:30px;
        opacity:1
    }
    to{
        top:0;
        opacity:0
    }
}
@keyframes fadeout{
    from{
        top:30px;
        opacity:1
    }
    to{
        top:0;
        opacity:0
    }
}
.speech-bubble{
    position:relative;
    background:#caefd3;
    border:1px solid #81d899;
    border-radius:3px;
    padding:5px 8px;
    margin-top:3px;
    color:#06140a
}
.speech-bubble:after{
    content:'';
    position:absolute;
    top:0;
    left:50px;
    width:0;
    height:0;
    border:6px solid transparent;
    border-bottom-color:#81d899;
    border-top:0;
    margin-left:-29px;
    margin-top:-6px
}
.speech-bubble-r{
    position:relative;
    background:#e5e4d7;
    border:1px solid #d3d1bb;
    border-radius:3px;
    padding:5px 8px;
    margin-top:3px;
    color:#0d0d0d
}
.speech-bubble-r:after{
    content:'';
    position:absolute;
    top:0;
    right:50px;
    width:0;
    height:0;
    border:6px solid transparent;
    border-bottom-color:#d3d1bb;
    border-top:0;
    margin-right:-29px;
    margin-top:-6px
}
.speech-bubble img,.speech-bubble-r img{
    vertical-align:middle
}
.speech-bubble_kreipinys{
    position:relative;
    background:#ccecff;
    border:1px solid #337ab7;
    border-radius:3px;
    padding:5px 8px;
    margin-top:3px;
    color:#0c59a6
}
.speech-bubble_kreipinys:after{
    content:'';
    position:absolute;
    top:0;
    left:50px;
    width:0;
    height:0;
    border:6px solid transparent;
    border-bottom-color:#337ab7;
    border-top:0;
    margin-left:-29px;
    margin-top:-6px
}
.text-right{
    text-align:right
}
.success_linkas{
    color:#155724;
    background-color:#d4edda;
    border:1px solid #d6e9c6;
    margin:2px 0
}
.success_linkas:hover{
    background:#d2eac8;
    color:#2b552b;
    border-color:#cae2b6
}
.danger_linkas{
    color:#a94442;
    background-color:#f2dede;
    border:1px solid #ebccd1;
    margin:2px 0
}
.danger_linkas:hover{
    background:#eed3d3;
    color:#8c3836;
    border-color:#e5bdc4
}
.alert-success{
    background-color:#dfd;
    border:1px solid #4caf50;
    border-left:6px solid #4caf50;
    color:#19391a
}
#pulti_button{
    transition:all .5s ease;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease
}
.pagination{
    text-align:center;
    margin:auto;
    display:block;
    border-top:1px solid #ddd;
    padding-top:10px;
    border-radius:0
}
.pagination a,.pagination span{
    color:#000;
    display:inline-block;
    padding:6px 12px;
    text-decoration:none;
    transition:background-color .3s
}
.pagination .active{
    background-color:#34a853;
    color:#fff
}
.pagination a:hover:not(.active){
    background-color:#ddd
}
.black_n_white{
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%)
}
.atsakyti_arr{
    cursor:pointer;
    color:#bfbfbf;
    padding:2px 3px
}
.atsakyti_arr:hover{
    color:#404040
}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{
    padding:4px
}
.linkas{
    padding:7px;
    border:1px solid #e7e7e7;
    background:#f7f8fa;
    display:block;
    margin:2px 0
}
.linkas:last-child{
    margin-bottom:0
}
.linkas:hover{
    background:#eceff3;
    border-color:#e3e3e3;
    text-decoration:none;
    color:#1a1a1a
}
.list-item{
    padding:7px;
    border-bottom:1px solid #e7e7e7;
    background:#f7f8fa;
    display:block;
    margin:2px 0
}
.info_blokas{
    background:#ecf0f1;
    border:1px solid #d3dcde;
    padding:8px;
    box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)
}
.info_blokas_text{
    padding:0;
    margin:0;
    padding-left:8px;
    text-align:justify
}
.tf-block{
    padding:8px;
    box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
    padding:8px
}
.upvote,.votes,.downvote{
    width:100%;
    padding:5px 0;
    transition:.1s all
}
.upvote:hover,.votes:hover,.downvote:hover{
    background-color:rgba(0,0,0,.05)
}
.laikrodis{
    display:inline-block;
    background-image:-webkit-linear-gradient(left,transparent,#fff,transparent);
    background-image:-moz-linear-gradient(left,transparent,#fff,transparent);
    background-image:-ms-linear-gradient(left,transparent,#fff,transparent);
    background-image:-o-linear-gradient(left,transparent,#fff,transparent);
    padding:3px 40px;
    margin-top:5px
}
.zero-padding-margin{
    padding:0;
    margin:0
}
.success_linkas:hover .fighter_img,.danger_linkas:hover .fighter_img{
    -ms-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2)
}
.fighter_img{
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.mene_fix{
    background-color:#f5f5f5;
    border-radius:0 0 50px 50px;
    -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
    padding:10px 20px
}
.char_block{
    background-size:120% 100%;
    background-repeat:no-repeat;
    background-position:center;
    height:300px;
    margin:-10px;
    margin-bottom:-5px;
    position:relative
}
.profile_char{
    max-height:250px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.profile_pet{
    height:50px;
    position:absolute;
    top:80%;
    left:60%;
    transform:translate(-50%,-50%)
}
.raide{
    font-family:Verdana;
    display:inline-block;
    width:24px;
    height:24px;
    text-align:center;
    border-radius:1px;
    line-height:24px;
    margin-right:1px;
    font-weight:700;
    font-size:14px;
    color:#383d41;
    background-color:#e2e3e5;
    background-color:#ecedee;
    background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#c9cdd4));
    background-image:-webkit-linear-gradient(top,#ffffff,#c9cdd4);
    background-image:-moz-linear-gradient(top,#ffffff,#c9cdd4);
    background-image:-o-linear-gradient(top,#ffffff,#c9cdd4);
    background-image:linear-gradient(to bottom,#ffffff,#c9cdd4);
    border:1px solid #d6d8db
}
.raide_first{
    color:#155724;
    background-color:#d4edda;
    background-color:#6fc383;
    background-image:-webkit-gradient(linear,left top,left bottom,from(#87c997),to(#56bd6e));
    background-image:-webkit-linear-gradient(top,#87c997,#56bd6e);
    background-image:-moz-linear-gradient(top,#87c997,#56bd6e);
    background-image:-o-linear-gradient(top,#87c997,#56bd6e);
    background-image:linear-gradient(to bottom,#87c997,#56bd6e);
    color:#fff;
    border:1px solid #5dbb73
}
.margin-top-hamburger{
    margin-top:-10px
}
.margin-left-hamburger{
    margin-left:-10px
}
@media(max-width:940px){
    .margin-top-hamburger{
        margin-top:-5px
    }
    .margin-left-hamburger{
        margin-left:-5px
    }
    body{
        background:#f6f5ef
    }
}
.button-hop{
    -webkit-animation:buttonHop .8s infinite;
    animation:buttonHop .8s infinite
}
@-webkit-keyframes buttonHop{
    from{
        transform:translate(0,0)
    }
    to{
        transform:translate(0,-3px)
    }
}
@keyframes buttonHop{
    from{
        transform:translate(0,0)
    }
    to{
        transform:translate(0,-3px)
    }
}
.opacity{
    opacity:.4
}
.teamTitle{
    font-family:alegreya sans sc,sans-serif
}
.break-word{
    word-wrap:break-word
}
.rarity-common{
    border-bottom:4px solid #2cd765
}
.rarity-rare{
    border-bottom:4px solid #f77c43
}
.rarity-epic{
    border-bottom:4px solid #1e94a9
}
.rarity-legendary{
    border-bottom:4px solid #c32532
}
.rarity-mystic{
    border-bottom:4px solid #1e3ca9
}
.rarity-common:hover{
    box-shadow:0 0 2px #2cd765
}
.rarity-rare:hover{
    box-shadow:0 0 2px #f77c43
}
.rarity-epic:hover{
    box-shadow:0 0 2px #1e94a9
}
.rarity-legendary:hover{
    box-shadow:0 0 2px #c32532
}
.rarity-mystic:hover{
    box-shadow:0 0 2px #1e3ca9
}
.item-kiek-common,.item-kiek-rare,.item-kiek-epic,.item-kiek-legendary,.item-kiek-mystic{
    color:#fff;
    font-weight:700;
    position:absolute;
    bottom:0%;
    left:50%;
    transform:translate(-50%,-50%);
    padding:0 10px;
    border-radius:50px 50px 0 0;
    margin-bottom:-2px
}
 .item-kiek-common{
    background-color:#2cd765
}
 .item-kiek-rare{
    background-color:#f77c43
}
 .item-kiek-epic{
    background-color:#1e94a9
}
 .item-kiek-legendary{
    background-color:#c32532
}
 .item-kiek-mystic{
    background-color:#1e3ca9
}
 .teamLogo{
    height:45px;
    margin:5px 0
}
.tActive{
    box-shadow:0 5px 0 #799423,inset 0 0 20px rgba(0,0,0,.4);
    background-color:#d9d933;
    padding:3px 10px
}
 .mine{
    transition:.2s all;
    height:150px;
    user-drag:none;
    user-select:none;
    -moz-user-select:none;
    -webkit-user-drag:none;
    -webkit-user-select:none;
    -ms-user-select:none
}
 .fight_arena_title{
    padding:8px;
    background:#b3b3b3;
    margin:5px -1px;
    font-weight:700;
    text-align:left
}
 .jst-hours,.jst-minutes,.jst-seconds{
    display:inline-block
}
 .progress{
    position:relative
}
 .progress span{
    position:absolute;
    display:block;
    width:100%;
    text-shadow:0 0 2px #000
}
 .jconfirm-holder .container{
     background:0 0!important
}
 .team-header{
     background-size:cover!important;
     background-position:center!important
}
 .team-header-left{
     background-color:rgba(255,255,255,.9)
}
 .team-header-right{
     background-color:rgba(255,255,255,.8)
}
 .float-left{
     float:left!important
}
.float-right{
    float:right!important
}
.float-none{
    float:none!important
}
 .m-0{
    margin:0!important
}
.mt-0{
    margin-top:0!important
}
 .mr-0{
    margin-right:0!important
}
.mb-0{
    margin-bottom:0!important
}
.ml-0{
    margin-left:0!important
}
 .mx-0{
    margin-right:0!important;
    margin-left:0!important
}
 .my-0{
    margin-top:0!important;
    margin-bottom:0!important
}
 .m-1{
    margin:.25rem!important
}
 .mt-1{
    margin-top:.25rem!important
}
 .mr-1{
    margin-right:.25rem!important
}
 .mb-1{
    margin-bottom:.25rem!important
}
 .ml-1{
    margin-left:.25rem!important
}
 .mx-1{
    margin-right:.25rem!important;
    margin-left:.25rem!important
}
 .my-1{
    margin-top:.25rem!important;
    margin-bottom:.25rem!important
}
 .m-2{
    margin:.5rem!important
}
 .mt-2{
    margin-top:.5rem!important
}
 .mr-2{
    margin-right:.5rem!important
}
 .mb-2{
    margin-bottom:.5rem!important
}
 .ml-2{
     margin-left:.5rem!important
}
 .mx-2{
     margin-right:.5rem!important;
     margin-left:.5rem!important
}
.my-2{
    margin-top:.5rem!important;
    margin-bottom:.5rem!important
}
.m-3{
    margin:1rem!important
}
.mt-3{
    margin-top:1rem!important
}
.mr-3{
    margin-right:1rem!important
}
.mb-3{
    margin-bottom:1rem!important
}
.ml-3{
    margin-left:1rem!important
}
.mx-3{
    margin-right:1rem!important;
    margin-left:1rem!important
}
.my-3{
    margin-top:1rem!important;
    margin-bottom:1rem!important
}
.m-4{
    margin:1.5rem!important
}
.mt-4{
    margin-top:1.5rem!important
}
.mr-4{
    margin-right:1.5rem!important
}
.mb-4{
    margin-bottom:1.5rem!important
}
.ml-4{
    margin-left:1.5rem!important
}
.mx-4{
    margin-right:1.5rem!important;
    margin-left:1.5rem!important
}
.my-4{
    margin-top:1.5rem!important;
    margin-bottom:1.5rem!important
}
.m-5{
    margin:3rem!important
}
.mt-5{
    margin-top:3rem!important
}
.mr-5{
    margin-right:3rem!important
}
.mb-5{
    margin-bottom:3rem!important
}
.ml-5{
    margin-left:3rem!important
}
.mx-5{
    margin-right:3rem!important;
    margin-left:3rem!important
}
.my-5{
    margin-top:3rem!important;
    margin-bottom:3rem!important
}
.p-0{
    padding:0!important
}
.pt-0{
    padding-top:0!important
}
.pr-0{
    padding-right:0!important
}
.pb-0{
    padding-bottom:0!important
}
.pl-0{
    padding-left:0!important
}
.px-0{
    padding-right:0!important;
    padding-left:0!important
}
.py-0{
    padding-top:0!important;
    padding-bottom:0!important
}
.p-1{
    padding:.25rem!important
}
.pt-1{
    padding-top:.25rem!important
}
.pr-1{
    padding-right:.25rem!important
}
.pb-1{
    padding-bottom:.25rem!important
}
.pl-1{
    padding-left:.25rem!important
}
.px-1{
    padding-right:.25rem!important;
    padding-left:.25rem!important
}
.py-1{
    padding-top:.25rem!important;
    padding-bottom:.25rem!important
}
.p-2{
    padding:.5rem!important
}
.pt-2{
    padding-top:.5rem!important
}
.pr-2{
    padding-right:.5rem!important
}
.pb-2{
    padding-bottom:.5rem!important
}
.pl-2{
    padding-left:.5rem!important
}
.px-2{
    padding-right:.5rem!important;
    padding-left:.5rem!important
}
.py-2{
    padding-top:.5rem!important;
    padding-bottom:.5rem!important
}
.p-3{
    padding:1rem!important
}
.pt-3{
    padding-top:1rem!important
}
.pr-3{
    padding-right:1rem!important
}
.pb-3{
    padding-bottom:1rem!important
}
.pl-3{
    padding-left:1rem!important
}
.px-3{
    padding-right:1rem!important;
    padding-left:1rem!important
}
.py-3{
    padding-top:1rem!important;
    padding-bottom:1rem!important
}
.p-4{
    padding:1.5rem!important
}
.pt-4{
    padding-top:1.5rem!important
}
.pr-4{
    padding-right:1.5rem!important
}
.pb-4{
    padding-bottom:1.5rem!important
}
.pl-4{
    padding-left:1.5rem!important
}
.px-4{
    padding-right:1.5rem!important;
    padding-left:1.5rem!important
}
.py-4{
    padding-top:1.5rem!important;
    padding-bottom:1.5rem!important
}
.p-5{
    padding:3rem!important
}
.pt-5{
    padding-top:3rem!important
}
.pr-5{
    padding-right:3rem!important
}
.pb-5{
    padding-bottom:3rem!important
}
.pl-5{
    padding-left:3rem!important
}
.px-5{
    padding-right:3rem!important;
    padding-left:3rem!important
}
.py-5{
    padding-top:3rem!important;
    padding-bottom:3rem!important
}
.rounded-0{
    border-radius:0!important
}
.border{
    border:1px solid #dee2e6!important
}
.border-top{
    border-top:1px solid #dee2e6!important
}
.border-right{
    border-right:1px solid #dee2e6!important
}
.border-bottom{
    border-bottom:1px solid #dee2e6!important
}
.border-left{
    border-left:1px solid #dee2e6!important
}
.border-0{
    border:0!important
}
.border-top-0{
    border-top:0!important
}
.border-right-0{
    border-right:0!important
}
.border-bottom-0{
    border-bottom:0!important
}
.border-left-0{
    border-left:0!important
}
.border-primary{
    border-color:#007bff!important
}
.border-secondary{
    border-color:#6c757d!important
}
.border-success{
    border-color:#28a745!important
}
.border-info{
    border-color:#17a2b8!important
}
.border-warning{
    border-color:#ffc107!important
}
.border-danger{
    border-color:#dc3545!important
}
.border-light{
    border-color:#f8f9fa!important
}
.border-dark{
    border-color:#343a40!important
}
.border-white{
    border-color:#fff!important
}
.rounded{
    border-radius:.25rem!important
}
.rounded-top{
    border-top-left-radius:.25rem!important;
    border-top-right-radius:.25rem!important
}
.rounded-right{
    border-top-right-radius:.25rem!important;
    border-bottom-right-radius:.25rem!important
}
.rounded-bottom{
    border-bottom-right-radius:.25rem!important;
    border-bottom-left-radius:.25rem!important
}
.rounded-left{
    border-top-left-radius:.25rem!important;
    border-bottom-left-radius:.25rem!important
}
.rounded-circle{
    border-radius:50%!important
}
.rounded-pill{
    border-radius:50rem!important
}
.d-none{
    display:none!important
}
.d-inline{
    display:inline!important
}
.d-inline-block{
    display:inline-block!important
}
.d-block{
    display:block!important
}
.d-table{
    display:table!important
}
.d-table-row{
    display:table-row!important
}
.d-table-cell{
    display:table-cell!important
}
.d-flex{
    display:flex!important
}
.d-inline-flex{
    display:inline-flex!important
}
.trending{
    border-left:2px solid #28a745!important
}
@media(min-width:576px){
    .d-sm-none{
        display:none!important
    }
    .d-sm-inline{
        display:inline!important
    }
    .d-sm-inline-block{
        display:inline-block!important
    }
    .d-sm-block{
        display:block!important
    }
    .d-sm-table{
        display:table!important
    }
    .d-sm-table-row{
        display:table-row!important
    }
    .d-sm-table-cell{
        display:table-cell!important
    }
    .d-sm-flex{
        display:-ms-flexbox!important;
        display:flex!important
    }
    .d-sm-inline-flex{
        display:-ms-inline-flexbox!important;
        display:inline-flex!important
    }
}
@media(min-width:768px){
    .d-md-none{
        display:none!important
    }
    .d-md-inline{
        display:inline!important
    }
    .d-md-inline-block{
        display:inline-block!important
    }
    .d-md-block{
        display:block!important
    }
    .d-md-table{
        display:table!important
    }
    .d-md-table-row{
        display:table-row!important
    }
    .d-md-table-cell{
        display:table-cell!important
    }
    .d-md-flex{
        display:-ms-flexbox!important;
        display:flex!important
    }
    .d-md-inline-flex{
        display:-ms-inline-flexbox!important;
        display:inline-flex!important
    }
}
.bg-primary{
    background-color:#007bff!important
}
a.bg-primary:hover,a.bg-primary:focus,button.bg-primary:hover,button.bg-primary:focus{
    background-color:#0062cc!important
}
.bg-secondary{
    background-color:#6c757d!important
}
a.bg-secondary:hover,a.bg-secondary:focus,button.bg-secondary:hover,button.bg-secondary:focus{
    background-color:#545b62!important
}
.bg-success{
    background-color:#28a745!important
}
a.bg-success:hover,a.bg-success:focus,button.bg-success:hover,button.bg-success:focus{
    background-color:#1e7e34!important
}
.bg-info{
    background-color:#17a2b8!important
}
a.bg-info:hover,a.bg-info:focus,button.bg-info:hover,button.bg-info:focus{
    background-color:#117a8b!important
}
.bg-warning{
    background-color:#ffc107!important
}
a.bg-warning:hover,a.bg-warning:focus,button.bg-warning:hover,button.bg-warning:focus{
    background-color:#d39e00!important
}
.bg-danger{
    background-color:#dc3545!important
}
a.bg-danger:hover,a.bg-danger:focus,button.bg-danger:hover,button.bg-danger:focus{
    background-color:#bd2130!important
}
.bg-light{
    background-color:#f8f9fa!important
}
a.bg-light:hover,a.bg-light:focus,button.bg-light:hover,button.bg-light:focus{
    background-color:#dae0e5!important
}
.bg-dark{
    background-color:#343a40!important
}
a.bg-dark:hover,a.bg-dark:focus,button.bg-dark:hover,button.bg-dark:focus{
    background-color:#1d2124!important
}
.bg-white{
    background-color:#fff!important
}
.bg-transparent{
    background-color:transparent!important
}
.align-baseline{
    vertical-align:baseline!important
}
.align-top{
    vertical-align:top!important
}
.align-middle{
    vertical-align:middle!important
}
.align-bottom{
    vertical-align:bottom!important
}
.align-text-bottom{
    vertical-align:text-bottom!important
}
.align-text-top{
    vertical-align:text-top!important
}
.text-lowercase{
    text-transform:lowercase!important
}
.text-uppercase{
    text-transform:uppercase!important
}
.text-capitalize{
    text-transform:capitalize!important
}
.font-weight-light{
    font-weight:300!important
}
.font-weight-lighter{
    font-weight:lighter!important
}
.font-weight-normal{
    font-weight:400!important
}
.font-weight-bold{
    font-weight:700!important
}
.font-weight-bolder{
    font-weight:bolder!important
}
.font-italic{
    font-style:italic!important
}
.text-white{
    color:#fff!important
}
.text-primary{
    color:#007bff!important
}
a.text-primary:hover,a.text-primary:focus{
    color:#0056b3!important
}
.text-secondary{
    color:#6c757d!important
}
a.text-secondary:hover,a.text-secondary:focus{
    color:#494f54!important
}
.text-success{
    color:#28a745!important
}
a.text-success:hover,a.text-success:focus{
    color:#19692c!important
}
.text-info{
    color:#17a2b8!important
}
a.text-info:hover,a.text-info:focus{
    color:#0f6674!important
}
.text-warning{
    color:#ffc107!important
}
a.text-warning:hover,a.text-warning:focus{
    color:#ba8b00!important
}
.text-danger{
    color:#dc3545!important
}
a.text-danger:hover,a.text-danger:focus{
    color:#a71d2a!important
}
.text-light{
    color:#f8f9fa!important
}
a.text-light:hover,a.text-light:focus{
    color:#cbd3da!important
}
.text-dark{
    color:#343a40!important
}
a.text-dark:hover,a.text-dark:focus{
    color:#121416!important
}
.text-body{
    color:#212529!important
}
.text-muted{
    color:#6c757d!important
}
.text-black-50{
    color:rgba(0,0,0,.5)!important
}
.text-white-50{
    color:rgba(255,255,255,.5)!important
}
.text-hide{
    font:0/0 a;
    color:transparent;
    text-shadow:none;
     background-color:transparent;
    border:0
}
.text-decoration-none{
    text-decoration:none!important
}
 .text-break{
     word-break:break-word!important;
     overflow-wrap:break-word!important
}
 .text-reset{
     color:inherit!important
}
 .visible{
     visibility:visible!important
}
 .invisible{
     visibility:hidden!important
}

@media screen and (max-width: 768px) {
  .preload {
    display:none;
  }
}


/*battle.php*/

.flex-center {
    align-items: center;
    display: flex;
}
.opponent-img {
    position: relative;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-outline-dark {
    border: 1px solid #1c1919;
}


.btn-outline-dark:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #212529;
}

.linkas.disabled {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}


.flex-center {display: flex; justify-content: center; gap: 12px;}