.create-post .bootstrap-select.btn-group .dropdown-toggle .filter-option{
    padding-right: 17px;
}
.create-post .bootstrap-select.btn-group .dropdown-toggle .caret {
    right: 20px;
    left:unset;
}
ul.uk-tab li {
    float: left;
    padding: 0 15px;
    font-size: 18px;
    color: #000;
}
.header_search .bootstrap-select.btn-group button{
    -webkit-box-shadow: 0 1px 4px 0px rgb(0 0 0 / 25%);
    box-shadow: 0 1px 4px 0px rgb(0 0 0 / 25%);
}
.uk-notification.uk-notification-top-center {
    z-index: 9999999;
}
form#applicationForm fieldset:not(:first-of-type), #plotTable {
    display: none;
}

#create-score-modal button#prev {
    left: 20%;
    top: 4%;
}

#create-score-modal .modal-header-group-btn button {
    position: absolute;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
}
ul.first-tab.tab-primary {
    display: flex;
    flex-direction: row;
}
ul.first-tab.tab-primary li.uk-active {
    background: #FFF !important;
    border: 1px solid #0076BB;
}
ul.uk-switcher.uk-margin {
    margin-top: 0 !important;
}
.uk-tab::before{
    border-bottom: unset !important;
}
ul.first-tab.tab-primary li.uk-active a {
    border-bottom: 0;
    color: #0076bb;
}
ul.first-tab.tab-primary li {
    padding: 10px;
    flex: 1;
    background: #0076BB;
    margin: 5px;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #FFF;
}
ul.tab-sub-primary{
    display: flex;
}
ul.tab-sub-primary li{
    flex: 1;
}

ul.first-tab.tab-primary li  a{
    color: #fff;
}
#create-score-modal button i {
    font-size: 2.5em;
}

#create-score-modal button#next {
    top: 4%;
    right: 20%;
}
.show-button{
    display: block;
}
.hidden-button{
    display: none;
}
ul.uk-switcher.uk-margin li ul.uk-tab-bottom.uk-tab{
    width: 100%;
    float: left;
}
ul.uk-switcher.uk-margin li ul.uk-switcher.uk-margin li.uk-active {
    float: left;
    width: 100%;
}
.primary-color{
    background-color: #2a41e8;
}

.uk-link{
    color: #2a41e8;
}
a.create:hover, a.primary-color:hover  {
    color: #fff !important;
}
ul.uk-tab {
    float: left;
}
nav.customer-tab {
    width: 100%;
    display: flex;
    flex-direction: column;
}
ul.uk-tab li.uk-active a {
    color: #2a41e8;
    font-weight: bold;
}
ul.first-tab.uk-tab {
    display: flex;
    justify-content: center;
    margin-left: 0;
}
.quantity {
    display: flex;
    width: 160px;
}
ul.uk-switcher.uk-margin {
    margin-left: 10px;
}
ul.uk-switcher.uk-margin.sub-ul-tab li {
    padding-top: 15px !important;
}
/* it will support chrome and firefox */
.quantity input[type=number]::-webkit-inner-spin-button,
.quantity input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}
div#create-game-modal .bootstrap-select.btn-group button, .create-post .bootstrap-select.btn-group button{
    max-width: unset  !important;
    width: 100% !important;

}
.bs-searchbox:after {
    font-family: 'Feather-Icons' !important;
    content: "\e966";
}

/* start create game */
.file-upload-name {
    display: none;
}
.uk-offcanvas-flip .uk-open > .uk-offcanvas-bar {
    box-shadow: 1px 20px 19px 1px #888888;
    overflow-x: hidden;
}
#reate-game-modal .js-upload.uk-placeholder.uk-text-center {
    width: 50%;
}

#reate-game-modal span.uk-text-meta.uk-text-break.file-upload-name {
    display: none;
}

#reate-game-modal .alert {
    border-left: 1px solid;
}

#reate-game-modal .uk-upload-box {
    width: 100%;
}

#reate-game-modal .js-upload.uk-placeholder.uk-text-center:hover {
    cursor: pointer;
}
/* end create game */
.quantity input,
.quantity button {
    width: 40px;
    height: 40px;
    padding: .5em;
    font-size: 15px;
    text-align: center;
    background: white;
    border: 1px solid #aaa;
    border-radius: unset;
    border-radius: unset;
    color: #000;
}

.login-modal input:-webkit-autofill{
    -webkit-box-shadow: unset !important;
}
.login-modal input{
 background-color: rgba(243, 244, 246) !important;
}
.login-modal.v2 input{
    background-color: transparent !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.42);
    border-radius: unset;
    transition: border-bottom-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.bg-form-cancel{
   background-color: transparent !important;
   border: 1px solid #0076bb;
   color: #0076bb;
}
.bg-form{
    background-color: #0076bb;
}
.bg-form:hover {
    color: #FFF;
}
.login-modal  .login {
    border: 2px solid;height: 44px;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
}
.login-modal .login.zalo{
    border-color:#0fa8e1;
    color: #0fa8e1;
}
.login-modal .login.zalo:hover {
    background:#0fa8e1;
    color: #fff;
}
.login-modal .login.google{
    color: #dc3545;
    border-color: #dc3545;
}
.login-modal .login.google:hover{
    background:  #dc3545;
    color: #fff;
}

.login-modal .login.kakao{
    border-color:#ffc107;
    color:#ffc107;
}
.login-modal .login.kakao:hover{
    background:  #ffc107;
    color: #000;
}

.login-modal  .login.facebook {
 color: #007bff;
 border-color: #007bff
}
.login-modal  .login.facebook:hover {
 background:  #007bff;
 color: #fff;
}
.quantity input {
    border-left: none;
    border-right: none;
}

.flex-1.pt-2 p {
    text-align: center;
    line-height: 40px;
    font-weight: bold;
    color: #000;
}

table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;

}



th.intial {
    background: #fff;
}

th.intial p {
    writing-mode: vertical-rl;
    text-orientation: upright;
}

td,
th {
    border: 1px solid #000;
    text-align: left;
    padding: 10px;
    font-size: 13px;
    color: #000;
    font-weight: normal;
}
tr.head, .title-bg {
    background: #5b6169;
    color: #fff;
}
tr.head th, .title-bg th{
    color: #fff;
}
tr.row-color td{color: white;text-align: center;}
.par.row-color td,.white.row-color td{color: black}

.row_user .title-bg,.par.row-color .title-bg{background-color: white;color: black}
.par.row-color td{font-weight: 700}
.total{font-weight: 700;text-align: center;}
.black{
    background-color: #000;
}

.blue{
    background-color: #0082ec;
}

.white td {
    color: #000;
}
tr.white td.title-bg {
    color: #FFF;
}

.men td {
    background: #E8C9AD;
    color: #000;
    ;
}

.gold{

    background-color: #cd9000;
}

.red {
    background-color: #b30000;
}

.women td {
    background: #F4EAD4;
    color: #000;
}
.group-game ul.uk-subnav.uk-subnav-pill.flex.justify-center.mt-5 li.uk-active a {
    background: blue;
    color: #FFF;
}
.group-game ul.uk-subnav.uk-subnav-pill.flex.justify-center.mt-5 li {
 padding:0 10 px;
}
.slider-game a.uk-icon polyline {
    color: #000 !important;
}