@charset "utf-8";
.login-section .bootstrap-select{
    width: 295px !important;
    margin-right: 8px;
}
.login-section .bootstrap-select .btn{
    color: #ffffff !important;
    outline: none !important;
    border-radius: 0 !important;
    border: none !important;
    background: rgba(37,34,67,0.8) !important;
    font-size: 18px;
    padding-right: 44px !important;
    height: 23px;
}
.login-section .bootstrap-select .btn .bs-caret{
    width: 22px;
    height: 23px;
    background: #000000;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}
.login-section .bootstrap-select .btn .bs-caret .caret{
    right: 15px;
    border-top: 7px solid;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
}
.login-section .bootstrap-select .dropdown-menu{
    outline: none !important;
    border-radius: 0 !important;
    border: none !important;
    background: rgba(37,34,67,0.8) !important;
}
.login-section .bootstrap-select .dropdown-menu>li>a{
    color: #ffffff;
    font-size: 18px;
    outline: none;
}
.login-section .bootstrap-select .dropdown-menu>li>a:focus,
.login-section .bootstrap-select .dropdown-menu>li>a:active,
.login-section .bootstrap-select .dropdown-menu>li>a:hover{
    color: #574f82;
}


#online_battle .bootstrap-select{
    width: 118px !important;
    margin-right: -19px;
}
#online_battle .bootstrap-select .btn{
    color: #ffffff !important;
    outline: none !important;
    border-radius: 0 !important;
    border: none !important;
    background: #8d8c98;
    font-size: 12px;
    /*padding-right: 44px !important;*/
    height: 23px;
}
#online_battle .bootstrap-select .btn .bs-caret{
    width: 22px;
    height: 23px;
    /*background: #8d8c98;*/
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}
#online_battle .bootstrap-select .btn .bs-caret .caret{
    right: 5px;
    border-top: 4px solid #000000;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}
#online_battle .bootstrap-select .dropdown-menu{
    outline: none !important;
    border-radius: 0 !important;
    border: none !important;
    background: rgba(37,34,67,0.8) !important;
    font-size: 14px !important;
}
#online_battle .bootstrap-select .dropdown-menu>li>a{
    color: #ffffff;
    font-size: 18px;
    outline: none;
}
#online_battle .bootstrap-select .dropdown-menu>li>a:focus,
#online_battle .bootstrap-select .dropdown-menu>li>a:active,
#online_battle .bootstrap-select .dropdown-menu>li>a:hover{
    color: #574f82;
}
.select_area .bootstrap-select{
    width: 164px !important;
    margin-left: 8px !important;
}
.select_area .bootstrap-select .btn{
    color: #ffffff !important;
    outline: none !important;
    border-radius: 0 !important;
    border: none !important;
    background: #242242;
    font-size: 12px;
    padding-right: 44px !important;
    height: 25px;
}
.select_area .bootstrap-select .btn .bs-caret{
    width: 25px;
    height: 25px;
    background: #000000;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}
.select_area .bootstrap-select .btn .bs-caret .caret{
    right: 7px;
    border-top: 5px solid;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}
.select_area .bootstrap-select .dropdown-menu{
    outline: none !important;
    border-radius: 0 !important;
    border: none !important;
    background: #33334a !important;
    font-size: 12px !important;
    text-align: center;
}
.select_area .bootstrap-select .dropdown-menu>li>a{
    color: #ffffff;
    font-size: 12px;
    outline: none;
}
.select_area .bootstrap-select .dropdown-menu>li>a:focus,
.select_area .bootstrap-select .dropdown-menu>li>a:active,
.select_area .bootstrap-select .dropdown-menu>li>a:hover{
    /*color: #574f82;*/
    background: #5b5689;
}