/* header.css */
header{display: block;}
#header{height: 100px;position:relative;background-color: #282828;}

/*New Header*/
.head-top{height: 57px;}
.head-bottom{height:43px;}
.head-logo{background:url("/img/logo-1.svg") center no-repeat;background-size: contain;width:200px;height:45px;}
.head-nav{flex:1;height:100%;}
.head-nav ul{height:100%;list-style:none;padding:0;margin:0;}
.head-link{display:block;text-decoration: none;color: #bbb;font-size:20px;margin-right:2.4rem;padding-bottom:5px;font-weight:bold;cursor: pointer;white-space: nowrap;border-bottom:3px solid transparent;transition: all .3s}
.head-link.active{border-bottom:3px solid #3cefe4;color:#fff;}
.head-link:hover{color:#fff;}
.head-user-part{text-align:right;}
.header-user{padding-left:10px;}
.user-name{color:#00fdff;}
.user-balance{display:inline-block;vertical-align:middle;margin-left:10px}
.user-balance .amount{color:#fff;}
.user-balance .label{color:#ddd;}
.user-button{display:table;margin-left:auto;cursor:pointer;padding:6px;}
.user-button .table-cell{vertical-align:middle;line-height:1.2}
.user-icon{font-size:30px;color:#fff;margin-left:10px}
.head-user-part .user-menu{position: absolute;top:50px;right:0;min-width: 220px;background-color: #eee;z-index:100;border-radius: 3px;padding: 5px;box-shadow: 4px 4px 2px rgba(0,0,0,.3);max-height:0;opacity:0;visibility: hidden;transition: all .3s ease-in-out;}
.head-user-part .open .user-menu{max-height:350px;visibility: visible;opacity: 1;}
.head-user-part .user-balances{padding:5px 0; border-bottom:2px solid #003D59;}
.head-user-part .balance-row{padding:5px;}
.head-user-part .user-menu-buttons{padding:5px 0;}
.head-user-part .user-menu-buttons .btn{font-size:14px;border:2px solid transparent;color:#fff;transition: all .2s;}
.head-user-part .user-menu-buttons .btn-logout{width:100%;margin-top:5px;color:#fff;border-color:#8b1d1d;background-color: #8b1d1d;}
.head-user-part .user-menu-buttons .btn-deposit{background-color:#113c45;color:#fff;}
.head-user-part .user-menu-buttons .btn-account{background-color:#1b1d2c;color:#fff;width:100%;}
.header-no-user{padding:10px 20px;}
.header-no-user .btn{font-size:16px;border:none;}
.btn.login{background-color: #1d2030;color: #00fdff;}
.btn.login:hover{box-shadow:inset 0 0 6px rgba(0,0,0,.3)}
.btn.register{background-color: #00fdff;color:#1d2030;}
.btn.register:hover{box-shadow:inset 0 0 6px rgba(0,0,0,.3)}

.chat {cursor: pointer;color:#fff;font-size: 10px; align-items: end}
.chat img{width: 30px; height:23px;}


.account-menu-row.only-small{display:none;}
.user-dropdown-list .account-menu-row{text-decoration: none;color: #333;width:100%;padding-left:10px;font-size:15px;height:30px;line-height: 30px;border-bottom:1px solid #ddd;}
.user-dropdown-list .account-menu-row:last-child{border-bottom:none;}
.user-dropdown-list .log-out-row{height:30px;line-height:30px;color :#000;padding-left: 10px;font-size: 15px;border-top: 1px solid #ccc;}
.user-dropdown-list .account-menu-row:hover,.user-dropdown-list .log-out-row:hover{background-color: lightgrey;cursor:pointer;}
.user-dropdown-list .balances-row .label{color :#333;font-size:13px;height:19px;line-height: 19px;}
.user-dropdown-list .balances-row .amount{color: #000;font-weight: bold;font-size:13px;height:19px;line-height: 19px;}
.language-selection .button{height:40px;background-color :#ccc;padding: 0 10px;}
.language-selection .button .title{height:15px;line-height: 19px;color: #444;font-size:13px;}
.language-selection .button .selected-language{height:25px;line-height: 25px;color: #222;}
.selected-language .text{font-size:15px;text-transform: capitalize;}
.selected-language .toggle-arrow{border: solid #444;border-width: 0 1px 1px 0;display: inline-block;padding: 3px;margin-left: auto;margin-right: 8px;height:7px;}
.language-selection .selections .language-option{background-color: #bbb;height:30px;padding-left:10px;border-bottom:1px solid #aaa;border-left:3px solid transparent;}
.language-selection .selections .language-option.active,.language-selection .selections .language-option.active:hover{background-color: #999;border-left:3px solid #ffdf1b;font-weight: bold;}
.language-selection .selections .language-option:hover{background-color: lightblue;cursor:pointer;}
.language-selection .selections .language-option img{height:22px;width:25px;vertical-align: middle;}
.language-selection .selections .language-option .label{text-transform: capitalize;font-size:15px;margin-left:10px;}
.wallet {vertical-align: middle;display: table-cell;}
.head-bottom .search-container{padding-left: 5px;position: relative;width:200px;}
.head-bottom .search-container .search-icon{position:absolute;left:5px;top:5px;width:20px;margin-left:6px;}
.head-bottom .search-container .search-icon svg{fill: #00fdff;}
.head-bottom .search-container input{background-color:transparent;width:100%;font-size: 14px;padding:0 30px;border: none;outline: 0;color: #fff;height: 30px;line-height: 30px;border-radius: 3px;transition: all .3s ease-in-out;}
.head-bottom .search-container input::placeholder{color: #00fdff;}

.head-bonus-link{margin-right:8px;}
.head-bottom .general-info{padding-right: 10px;margin-left:auto;}
.head-bottom .language{position: relative;flex: 0 0 120px;}
.head-bottom .format-odds{position: relative;flex: 0 0 100px;margin-left: 8px;}
.head-bottom .lang-button,.head-bottom .format-odd-button,.head-bottom .bonus-btn{background-color:rgba(255,255,255,.08);color :#fff;text-align: center;width:140px;height:30px;line-height:30px;border-radius: 3px;cursor: pointer;}
.head-bottom .lang-button:after,.head-bottom .format-odd-button:after{display: inline-block;width: 0;height: 0;margin-left: 4px;vertical-align: middle;content: "";border-top: 4px solid;border-right: 4px solid transparent;border-left: 4px solid transparent;}
.head-bottom .lang-button img,.head-bottom .lang-dropdown .lang-option img{width:20px;height:20px;vertical-align: middle;}
.head-bottom .lang-button img{margin-bottom: 3px;}
.head-bottom .lang-button span,.head-bottom .lang-dropdown .lang-option span{margin-left: 5px;text-transform: capitalize;}
.head-bottom .lang-dropdown{position: absolute;overflow:auto;padding:5px;top:33px;right: 0;background-color: #fff;width: 250px;z-index: 120;border-radius: 3px;border: 1px solid #aaa;box-shadow: 4px 4px 2px rgba(0,0,0,.4);max-height: 0;visibility: hidden;opacity:0;transition: all .3s ease-in-out;}
.head-bottom .lang-dropdown::-webkit-scrollbar{width:0;}
.head-bottom .format-odd-dropdown{position: absolute;padding:5px;top:33px;right: 0;background-color: #fff;width: 100%;z-index: 20;border-radius: 3px;border: 1px solid #aaa;box-shadow: 4px 4px 2px rgba(0,0,0,.4);max-height: 0;visibility: hidden;opacity:0;transition: all .3s ease-in-out;}
.head-bottom .language.open .lang-dropdown{max-height: 300px;opacity:1;visibility: visible;}
.head-bottom .format-odds.open .format-odd-dropdown{max-height: 300px;opacity:1;visibility: visible;}
.head-bottom .lang-dropdown .lang-option,.head-bottom .format-odd-dropdown .format-odd-option{height:35px;width:100%;cursor:pointer;color: #000;border-radius:3px;}
.head-bottom .lang-dropdown .lang-option.active{background-color: #1A9CAD!important;color:#fff;}
.head-bottom .format-odd-dropdown .format-odd-option.active{background-color: #1A9CAD!important;color: white;}
.head-bottom .lang-dropdown .lang-option:hover,.head-bottom .format-odd-dropdown .format-odd-option:hover{background-color: lightgrey;}
/*.head-bottom .lang-dropdown .lang-option:last-child,.head-bottom .format-odd-dropdown .format-odd-option:last-child{border-bottom: none;}*/
.head-bottom .time-info-container{margin-right: 8px;background-color:rgba(255,255,255,.08);border-radius: 3px;height:30px;line-height: 30px;color: #fff;font-size:13px;}
.head-bottom .time-info-container .time{padding:0 8px;}
.head-bottom .time-info-container .date{padding: 0 10px;}

/*.head-bottom .lang-dropdown .col:first-child .lang-option:last-child{border-right: 1px solid #ccc;}*/

/*login form*/
.container-user-data .login-input{display: inline-block;width: 120px;height: 25px;font-size: 13px;outline: 0;color: #000;background-color: #fff;vertical-align: top;border-radius: 3px;box-shadow: 2px 2px 2px rgba(0,0,0,0.5);border: 1px solid #333;padding-left: 5px;margin-left: 10px;}
.container-user-data .login-input::placeholder{color: #666;}
.container-user-data .login-btn{font-size: 13px;text-align: center;background-color: #ffdf1b;margin-left: 10px;color: #000;padding: 0 10px;height: 25px;border-radius: 3px;border: 0;cursor: pointer;outline: 1px solid transparent;box-shadow: 2px 2px 2px rgba(0,0,0,.5);font-weight: bold;}
.container-user-data .errorMessage{position: absolute;right: 99px;background-color: #cd1001;margin: 4px;top: 26px;padding: 3px 7px;color: #fff;z-index: 1;border-radius: 3px;box-shadow: 2px 2px 2px rgba(0,0,0,.5);}

.title-bar{padding:10px;text-align:center;font-size:15px;color:#fff;background-color:#003D59}
.languages-container{padding:10px;}
.languages-container a{margin: 5px 0;height: 50px;text-decoration: none;border-radius:10px;color:#333;}
.languages-container a.active{background-color: #076da7;color:#fff;}
.languages-container a.active span{color: #fff;}
.languages-container a span{color: #000;font-size: 16px;}
.languages-container img{width:40px;height:40px;}


/* Media Screens */
@media (max-width:1279px) {
    .head-bottom .search-container{display:none;}
}

@media screen and (max-width: 1197px){
    .pages-navigation{flex:2!important;}
    .head-link{font-size:18px;}
}

@media (max-width: 1100px){
    .pages-navigation{flex:2!important;}
    .head-link{font-size:17px;margin-right:1.4rem;}
}
@media (max-width:999px){
    .head-logo{background-image: url("/img/logo-4.svg");height:40px;width:50px;}
}

@media (max-width:800px){
    .main-header .logo{line-height:25px;font-size:25px;flex:0;}
    .main-header .logo span{display:block;font-size:30px;}
    .pages-navigation{padding-left:5px;}
    .pages-navigation ul{-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;}
    .head-link{font-size:16px;margin-right:1rem;}
    .head-bottom .balances{flex:0;display:block;}
    .head-bottom .balance{font-size:12px;}
    .account-menu-row.only-small{display:block;}
    .general-info .language,.general-info .format-odds{display:none;}
    .head-bottom .time-info-container{margin:0;background-color:transparent;line-height: unset;display:block;text-align: right;}
    .head-bottom .time-info-container span{display:block;border:0!important;padding:0!important;font-weight:bold;color:#eee;}
    .container-user-data .user-data{
        -webkit-box-align: end!important;-webkit-align-items: flex-end!important;-ms-flex-align: end!important;align-items: flex-end!important;
        -webkit-box-orient: vertical!important;-webkit-box-direction: reverse!important;-webkit-flex-direction: column-reverse!important;-ms-flex-direction: column-reverse!important;flex-direction: column-reverse!important;
    }
    .main-header .container-user-data .user-name{margin-right:0;}
}