/*
  Сардор
  #996с46    -- светлый
  #ddc6ac(e) -- бежевый
*/

.divREd{
  border: 2px solid red;    
}

.divGreen{
  border: 5px solid green;    
}

.hide-div{
  display: none;
}

.red{
  color: red;
}

.gray{
  color: gray;
/*  opacity: 0.5;*/
}

.lock {
  overflow: hidden;
/* pointer-events: none;    */
}

.unLock {
  overflow: auto;
/*  pointer-events: auto;    */
}

.lockFull {
 pointer-events: none;    
}

.unlockFull {
  pointer-events: auto;    
}

body{
  background: #333;
/*  background: rgba(210, 191, 149, 0.5);*/
  width: auto;
/*  width: 1220px;*/
/*  width: 1020px;*/
  margin-left: auto;
  margin-right: auto;
  font-family: Arial,Helvetica,sans-serif;
  text-align: center;
  font-size: 14px;
  margin-top: 0px;
}

.asBody{
  display: inline-block;
  width: 1220px;
  z-index: 10;
}

.emptyCheck{
  color: #d4eef6;
}

a{
 text-decoration: none;
 cursor: pointer;
}

.footer{
  display: inline-block;
/*  width: 800px;*/
  width: 1000px;
  text-align: center;
  font-family: arial;
  margin-top: 15px;
  padding-top: 5px;
  border-top: 2px solid gray;    
  margin-left: auto;
  margin-right: auto;
  color: white;
}

/* main menu ========= =============*/
.globalNav{
 display: block;
 text-align: center;
}

.globalNav ul {
  list-style-type: none;
}

.globalNav li{
 display: inline;
 margin-left: 10px;
}

.globalNav li a {
 text-decoration: none;
 letter-spacing: 0.1em;
 color: #f2f3f4; /*#fff5ee; /*white;*/
/* font-size: 25px;*/
 font-size: 20px;
 font-weight: bold;
 font-family: arial;

 text-shadow: black 1px 1px 0, black -1px -1px 0,   
              black -1px 1px 0, black 1px -1px 0;
              
}

.globalNav li a:hover{
  color: #fd4444 /*#ff1b1b /*black*/;
/*
  -webkit-transition: all 0.5s cubic-bezier(0.02, 0.01, 0.47, 1);
  transition: all 0.5s cubic-bezier(0.02, 0.01, 0.47, 1);
  -webkit-transform: scale(1.1) translate3d(0, 0, 0);
          transform: scale(1.1) translate3d(0, 0, 0);
*/  
}

.circleBottom a{
 text-decoration: none;
 color: white;
 font-size: 25px;
/* font-size: 30px;*/
 font-weight: bold;
 font-family: arial;
 
 text-shadow: black 1px 1px 0, black -1px -1px 0,   
              black -1px 1px 0, black 1px -1px 0;

}

.circleBottom a:hover{
  color: black;
  text-shadow: white 1px 1px 0, white -1px -1px 0,   
               white -1px 1px 0, white 1px -1px 0;
}

.globalNav .activeLi{
  color: #e6b3b3 /*red*/;
/*  
  text-shadow: white 1px 1px 0, white -1px -1px 0,   
               white -1px 1px 0, white 1px -1px 0;
               
*/

  text-shadow: red 1px 1px 0, red -1px -1px 0,   
               red -1px 1px 0, red 1px -1px 0;
               
}

/* ========= ============= main menu*/

.ticker {
  display: inline-block;
  width: 100%;
  background: none /*#fff5ee /*white /*#d4eef6*/;
  height: 30px;
/*  margin-top: 15px;*/
  margin-bottom: 6px;
/*  opacity: 0.9;*/
}

.tickerC{
  display: inline-block;
  float: left;
  background: #fff5ee; 
  vertical-align: middle;
}

.Lider{
  display: inline-block;
  background: #fff5ee;
  float: left;
  text-align: left;
  font-size: 18px;
  font-weight: bold;
  margin-top: 5px;
  padding-left: 5px;
  padding-right: 8px;
/*  vertical-align: middle;*/
}

.chgLang{
  display: inline-block;
  float: right;
  text-align: right;
  height: 22px;
  }

.lang{
  display: inline-block;
/*  height: 30px;*/
  height: 5vh;
  /*background: #996c4b #fff5ee #E0FFFF;*/
  padding-left: 8px;
  padding-right: 8px;
  vertical-align: middle;
/*  padding-top: 1px;
  padding-bottom: 1px;*/
}

ul{
  list-style: none;
}

.allLang{
/*  width: 152px;*/
  right: 20px;
  background: #d4eef6;
  background: #996c4b;
  opacity: 1;
  text-align: left;
}

.allLang img{
  width: 30px;
  padding-right: 15px;
  vertical-align: middle;
}

.allLang ul{
  list-style: none;
  padding-left: 20px;
  padding-right: 20px;
}

.allLang li{
  display: block;
  margin-left: 5px;
}

.allLang a{
  font-size: 13px;
/*  font-weight: bold;*/
  color: black;
  color: white;
  font-family: arial;
  letter-spacing: 0.1em;              
/*  
  text-shadow: black 1px 1px 0, black -1px -1px 0,   
               black -1px 1px 0, black 1px -1px 0;
*/               
}

.allLang a:hover{
  font-weight: bolder;
/*
  color: gray;
  
  text-shadow: red 1px 1px 0, white -1px -1px 0,   
               white -1px 1px 0, white 1px -1px 0;
  text-shadow: white 1px 1px 0, white -1px -1px 0,   
               white -1px 1px 0, white 1px -1px 0;
*/               
}

.vhod{
  display: inline-block;
  height: 22px;
/*  background: #E0FFFF;*/
/*  opacity: 0.8;*/
  vertical-align: middle;
}

.vhod a{
 background: rgba(111, 155, 45, 0.6);
 margin-left: 7px;
 padding-left: 7px;
 padding-right: 7px;
 text-decoration: none;
 letter-spacing: 0.1em;
 font-size: 18px;
 color: white;
 font-family: arial;
}

.vhod a:hover{
 color: black;
 text-shadow: white 1px 1px 0, white -1px -1px 0,   
              white -1px 1px 0, white 1px -1px 0;
}

.modalStyle{
  position: absolute; /*fixed;*/
  box-shadow: 0 0 25px rgba(0,0,0,0.5);
  z-index: 50;
/*  border-radius: 8px;*/
}

/* ========= ============= =====*/

.modalLogin{
  position: fixed;
  text-align: center;
  background: #E0C6B2 /*#C89F80; /*#fff5ee; /*#ddc6ac; /*#d4eef6;*/;
  box-shadow: 0 0 25px rgba(0,0,0,0.5);

  z-index: 50;
  border-radius: 5px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
  left: 26%;
  top: 20%;
}

.bottomStyle{
  margin-right: 5px;
  margin-left: 5px;
/*  
  background-image: linear-gradient(#d4eef6 10%, 
                    #91aab2 100%);
*/                    
  background-image: linear-gradient(#DCDCDC 15%, 
                    #808080 100%);
  font-weight: bold;
  min-width: 100px;
  vertical-align: middle;
  border: 1px solid #808080 ;    
  -webkit-transition: all 0.5s cubic-bezier(0.02, 0.01, 0.47, 1);
  transition: all 0.5s cubic-bezier(0.02, 0.01, 0.47, 1);
}

.bottomStyle:hover{
/*  box-shadow: 0 0 25px rgba(0,0,0,0.5);*/
  -webkit-transform: scale(1.05) translate3d(0, 0, 0);
          transform: scale(1.05) translate3d(0, 0, 0);
}

.bottomStyle:active{
  background-image: linear-gradient(#808080 10%, 
                    #DCDCDC 100%);
}

.bottomStyleMy{
  background-image: linear-gradient(#f5dfd0 10%, 
                    #b3703f8a 100%);
  font-weight: bold;
  vertical-align: middle;
  margin-left: 0px;
  border: 1px solid #f5dfd0 ;    
  background-color: #f5dfd0;
  -webkit-transition: all 0.5s cubic-bezier(0.02, 0.01, 0.47, 1);
  transition: all 0.5s cubic-bezier(0.02, 0.01, 0.47, 1);
}

.bottomStyleMy:active{
  background-image: linear-gradient(#b3703f8a 10%, 
                    #f5dfd0 100%);
  border: 1px solid #f5dfd0 ;    
}

.bottomStyleMy:disabled{
  font-weight: lighter;
}

.bottomStyleMy:hover{
  -webkit-transform: scale(1.05) translate3d(0, 0, 0);
          transform: scale(1.05) translate3d(0, 0, 0);
}

.dopBottomStyle{
  min-width: 150px;
  margin-left: 10px;
}

.dopBottomStyleMin{
  min-width: 100px;
  margin-left: 10px;
}

.bottomStyleExt{
  margin-top: 15px;
  padding-right: 15px;
  padding-left: 15px;
}

.bottomStyleNot a{
 color: black;
 font-weight: bold;
}

.aButton{
  font-weight: bold;
  color: black;
}

.divErr{
  color: red;
  text-align: center;
  background-color: #E0C6B2; /*#b2dfee;*/
}

/* ========= ============= login*/

.entry{
  margin-left: 50px;
  margin-right: 50px;
}

.entryBase{
  background-color: #D59B6F; /*#E97C2B; /*#b2dfee;*/
  margin-top: 15px;
  margin-bottom: 15px;
  padding-left: 20px;
  text-align: left;
  line-height: 1.5;
}

/* dopMenu ========= =============*/

.dopMenu{
  width: 98.5%;
  margin-bottom: 10px;
  text-align: center;
  vertical-align: middle;
}       

.dopMenuBorder{
  border: 2px solid white;
}

.tournirLogo{
  display: inline-block;
  background-color: white;
  margin-left: 8px;
  margin-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 8%;
  vertical-align: middle;
/*  opacity: 0.9;*/
  border: 1px solid black; /*#4A90E2;*/
  box-shadow: 2px 2px 3px 0 #7e7e7e;
}

.logoMini{
/*  max-width: 35%;*/
  max-width: 25%;
  padding-top: 2px;
}

.tournirLogo img{
  height: 80%;
}

.tournirLogo img{
  width: 100%;
}

.inDopMEnu{
  display: inline-block;
  width: 88%;
  text-align: center;
  vertical-align: middle;
/*  font-size: 2vh; */
}

.menuLogo{
  margin-top: 15px;
  margin-bottom: 15px;
}

.menuSub{
  margin-top: 10px;
  margin-bottom: 10px;
}

/*.menuLogo ul{*/
.menuSub ul{
  padding: 0px;
  margin: 0px;
}

.menuSub li{
 display: inline;
 margin-left: 15px;
 margin-right: 15px;
}

.menuSub li a{
  text-align: center;
  text-decoration: none;
/*  color: blue;*/
  color: white; /*#f2f3f4;*/
  min-width: 165px;
}

.menuSub a{
  text-decoration: none;
  display: inline-block;
  border: 1px solid rgba(255,255,255,.9); /*#4A90E2;*/
  border-radius: 4px;
  padding: 6px;
  padding-left: 8px;
  padding-right: 8px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 4px;
  margin-bottom: 4px;
  opacity: 0.9;
  -webkit-transition: all 0.5s cubic-bezier(0.02, 0.01, 0.47, 1);
  transition: all 0.5s cubic-bezier(0.02, 0.01, 0.47, 1);
}

.menuSub a:hover{
  background: #f2f3f4;
/*  color: red;*/
  color: black;
  font-weight: bold;

  -webkit-transform: scale(1.1) translate3d(0, 0, 0);
          transform: scale(1.1) translate3d(0, 0, 0);
  
}

.menuSub .activedDop{
/*  background: #c8ebf6;*/
  background: #f2f3f4;
  color: black;
  opacity: 0.9;
}

.aroundSelect{
  display: inline-block;
  padding-left: 3px;   
  padding-right: 3px;  
  border: 1px solid rgba(255,255,255,.9); /*#4A90E2;*/
}

/* ========= ============= dopMenu*/

.comboDownList{
  display: inline-block;
  vertical-align: middle;
}

.box_list{
  display: inline-block;
  vertical-align: middle;
}

.preDown{
  color: black;
  font-size: 90%; 
/*  letter-spacing: 0.03em;*/ 
  margin-left: 10px;   
  margin-right: 10px;  
  min-width: 200px;
}

.dopHeihgt{
  margin-top: 5px; 
  margin-bottom: 5px;
}

.listDown{
  max-height: 200px;
  overflow: auto;
  text-align: left;
  background: white;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 20px;
  overflow-x: hidden;
}

.listDown a{
  display: block;
/*  background: white;*/
  padding-left: 10px;
  padding-right: 25px;
/*  color: blue;*/
  color: black;
  min-width: 100px;
  font-weight: normal;
  min-width: 190px;
}

.listDown a:visited{
/*  color: blue;*/
  color: black;
}

.listDown a:hover{
  background: gray /*#42AAFF/*gray; /*#b2dfee;*/;
  color: white;
}

.crumbs{
  text-align: left;
  padding-top: 5px;
  padding-bottom: 5px;
  vertical-align: middle;
/*  color: gray;*/
/*  color: blue;*/
/*  padding-top: 5px;
  padding-left: 10px;*/
/*  font-size: 0.8em;*/
}

.content{
  display: inline-block;
  width: 880px;
  text-align: center;
/*  margin-top: 10px;*/
  float: left;
/*  opacity: 0.9;*/
  
/*  background-color: rgba( 250,250,250,0.9);*/

  
/*  text-align: left;*/
/*  position: relative;*/
/*  line-height: 30px;*/
/*  color: #91aab2;*/
}

.contentIn{
  background-color: white; /*#d4eef6;*/
/*  border-radius: 8px;*/
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 10px;
  padding-left: 7px;
  padding-right: 7px;
/*  border-radius: 8px;*/
}

.infoBox{
  display: inline-block;
  float: right;
  width: 320px;
  text-align: center;
}

.infoBoxIn{
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 8px;
  padding-right: 8px;
  background-color: #E0E0E0; /*#f2f3f4; /*white; /*#fff5ee; /*#d4eef6;*/
  border-radius: 8px;
}

.infoBoxIn a{
  color: black;
}

.preList{
  display: inline-block;
  padding-left: 10px;
  color: white;
/*  opacity: 0.9;*/
  font-weight: bolder;
}

.menuPage{
 display: inline-block;
/* background: #b2dfee;*/
  background-image: linear-gradient(#DCDCDC 15%, 
                    #808080 100%);
  vertical-align: middle;
  font-weight: bolder;
}

.menuPage:active{
  background-image: linear-gradient(#808080 15%, 
                    #DCDCDC 100%);
}

.menuPageRight{
  margin-left: 5px;
}

.menuPageLeft{
  margin-right: 5px;
}

.menuPage ul{
  padding: 0px;
  margin: 0px;
}
/*
.menuPage a {
  color: black;
}
*/
.menuPage li a:hover {
/*  color: red;
  background: #d4eef6;*/
}

.menuPage li{
  list-style-type: none;
}

.menuPage a{
  color: black;
  text-decoration: none;
  display: inline-block;
  border: 1px solid rgba(255,255,255,.9);
  border-radius: 4px;
  padding-left: 10px;
  padding-right: 10px;
/*
  text-decoration: none;
  display: inline-block;
  border: 1px solid rgba(255,255,255,.9);
  border-radius: 4px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: bold;
  vertical-align: middle;
*/  
}
 
#forDopMenu{
  min-height: 30px;  
} 

.pndopList{
/*  display: inline-block;*/
/*  border-radius: 8px;*/
  background: #996c4b; /*#b2dfee;*/
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-bottom: 5px;
  margin-bottom: 10px;
/*  min-height: 27px;*/
}

.lineRazdel{
  color: white;
  font-weight: bolder;
}

.divTotalStat{
  color: black;
  text-align: center;
/*  margin-left: 5px;*/
  background-color: #E0C6B2;
  padding-bottom: 5px;
  padding-top: 5px;
}

.nameTotal{
  display: inline-block;
  margin-right: 15px;
}

.subBack{
  width: 100%;
  position: fixed;
  z-index: -1;
}

.preList a {
/*  color: black;*/
  color: white;
  font-weight: bolder;
  
}

.preList a:hover {
  color: red;
}

.lineDate{
  background-color: #E0C6B2; /*#99c6ae; /*#fff5ee; /*PaleGreen;*/
  opacity: 0.8;
  text-align: left;
  padding-left: 20px;
}

.lineDateTitle{
  background-color: #E0C6B2; /*#99c6ae; /*#fff5ee; /*PaleGreen;*/
/*  opacity: 0.8;*/
  text-align: center;
  padding-left: 20px;
  height: 20px;
  padding: 5px;
  margin-bottom: 5px;
}

.lineDateTitle h2{
  line-height: 25px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin: 0px;
/*  
  margin-bottom: 0px;
  font-size: 18px; 
  padding-left: 35px;
  padding-right: 35px;
*/  
}

.contentTable{
  background-color: #d4eef6;
  text-align: center;
/*
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 10px;
*/  
}

table {
  width: 100%;
  border-spacing: 0;
  border: 0;
  color: black;
}

.tableSched{
/*  font-size: 15px;*/
  font-size: 14px;
}

.tableSched td{
  line-height: 20px;
}

.gap{
  border-top: 10px solid #E0FFFF;
}


.firstRow{ 
  background: #fff5ee; /*#f2f3f4; /*#fafafa;*/
  border-color: #fff5ee; /*#f2f3f4; /*#fafafa;*/
}

.secondRow{ 
  background: white; /*#f0f0f0;*/
  border-color: white; /*#f0f0f0;*/
}

.tdTime{
  width: 30px;
  padding-left: 5px;
}

.tdIimg{
 width: 35px;
 vertical-align: middle; 
 padding-top: 5px;
 padding-bottom: 5px;
 padding-left: 4px;
 padding-right: 4px;
 box-shadow: 2px 2px 3px 0 #7e7e7e;
 border: 1px solid #E0C6B2 /*black*/;
 
}
.w70_more{
  width: 70px;
}

.tdTeam{
 width: 340px;
 font-weight: bolder;
}

.tdRound{
 width: 43px;
}

.tableSched a{
  color: black;
}

.obPred {
  text-align: center;
/*  width: 80px;*/
  margin-top: 3px;
  margin-bottom: 3px;
}

.numbPred{
  display: inline-block;
  height: 18px;
  width: 20px;
  background-color: Gainsboro;
  border: 1px solid black;    
  vertical-align: middle;
  margin-left: 5px;
  margin-right: 5px;
  text-align: center;
  font-weight: bolder;
}

.visGP{
  display: inline-block;
  text-align: left;
  float: right;
}

.tdLast{
  text-align: left;
  padding-left: 5px;
  font-size: 13px;
  width: 180px;
}

.tdPredDop{
  height: 30px;
}

.zeroTr{
  height: 5px;
}

.showDigit{
  font-weight: bolder;
}

.square{
  display: inline-block;
  height: 15px;
  width: 15px;
  min-width: 2px;
  vertical-align: middle; 
}

.tdScore{
  width: 60px;
  font-weight: 700; /*bolder;*/
}

.basicScore{
  display: inline-block;
  width: 25px;
  text-align: right;
  margin-right: 10px;
  padding-right: 5px;
}

.progressScore{
  display: inline-block;
  width: 20px;
  text-align: right;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 5px;
}

.scoreProgress{
  display: inline-block;
  min-width: 164px;
}

.fullScoreColor{
  background-color: #44d046e6; /*#2bab24ab;*/
}

.partScoreColor{
  background-color: #03d21a69;
}

.noScoreColor{
  background-color: #fd9e8a; /*#e68e7b;*/
}

.fixTopSubmenu{
  position: fixed;
/*  left: 30%;
  right: 30%;*/
  left: 10px;
  top: 5px;
  z-index: 60;
  background: #ba9172 /*#E0C6B2*/;
  box-shadow: 0 0 25px rgba(0,0,1,1);
}

.fixTopDopList{
  display: inline-block;
/*  float: right;*/
/*  float: left;*/
  padding-top: 1px; /*2px;*/
  padding-bottom: 1px; /*2px;*/
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  margin-left: 40px;
  margin-top: 0px;
  margin-bottom: 0px;
  
/* font-size: small;*/
/*
  position: fixed;
  right: 50px;
  top: 65px;
  z-index: 180;
  box-shadow: 0 0 25px rgba(0,0,1,1);
  padding-left: 15px;
  padding-right: 15px;
*/  
}

.tdTeamTable{
 text-align: left;
 font-weight: bolder;
 width: 50%;
}

.tdNumber{
 text-align: right;
 min-width: 18px;
 padding-right: 5px;
/* text-align: center;*/
}

.colorMap{
  text-align: center;
  font-size: small;
}

.scoreMatch{
/*  box-shadow: 0 0 5px inset rgba(0,0,1,1);*/
/*  box-shadow: 5px 5px 10px 0 rgba(0,0,1,1);*/
/*  min-width: 60px;*/
  display: inline-block;
  width: 70px;
  box-shadow: 2px 2px 3px 0 #7e7e7e;
  border-radius: 10px;
  background-color: #d59b6f30 /*#d59b6f4a /*#d59b6fa8 /*#99996654 /*#e0c6b252*/;
  padding: 5px;
}

.scoreNoMatch{
  min-width: 60px;
  box-shadow: 2px 2px 3px 0 #7e7e7e;
  border-radius: 10px;
  background-color: #d59b6f30 /*#d59b6f4a /*#d59b6fa8 /*#99996654 /*#e0c6b252*/;
  padding: 5px;
}

.pnWDL{
  width: 18px;
  height: 18px;
  border-radius: 4px;
  box-shadow: 2px 2px 3px 0 #7e7e7e;
  font-weight: bolder;
  font: 0.9em Tahoma,Arial,sans-serif;
  font-weight: bolder;
/*  color: #fff;*/
/*  text-align: center;*/
/*  line-height: 18px;*/
  display: inline-block;
  margin-left: 8px;  
}

.winColor{
  background-color: #6b8e23b0 /*#6b8e23 /*#6b8e239e*/;
}

.loserColor{
  background-color: #fd9e8a /*#e2340f94 /*#e2340fb8 /*#e2340f96*/;
}

.dravColor{
  background-color: #efca0669 /*#efca06f7 /*#efca06c9*/;
}

.cardColor{
  color: black;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
}

h4 {
  color: black;
  margin-top: 0px;
  margin-bottom: 0px;
/*  font-weight: lighter;*/
}

.tdSecondTeam{
  text-align: left;
}

.tableStat {
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-spacing: 0;
}

.tdFiller{
  width: 25%;
  text-align: left;
}

.tdFillerRat{
  width: 15%;
  text-align: left;
}

.tdStat{
  text-align: right;
  padding-right: 5px;
}

.tdCalc{
  padding-right: 3px;
/*  
  background: linear-gradient(to top, #03d21a69 ,  #fd9e8a );
  background: linear-gradient(to top right, #03d21a69 50%,  #fd9e8a 50%);
  background-image: linear-gradient(45deg, rgb(237, 162, 171), rgb(48, 50, 105));
        opacity: 0.8;
*/
}

.allMathes{
  font-size: smaller;
  text-align: right;
  padding-left: 5px;
  color: grey;
}

.pndopList ul{
  padding: 0px;
  margin: 0px;
}

.hdre{
  display: none;
}

.pageLi{
  list-style-type: none;
  display: inline;
  margin-left: 5px;
  margin-right: 5px;
}

.pageA{
  text-decoration: none;
  display: inline-block;
  border: 1px solid rgba(255,255,255,.9);
  border-radius: 4px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: bold;
  vertical-align: middle;
  color: black;
}

.sNumbPage{
  background-image: linear-gradient(#DCDCDC 15%, 
                    #808080 100%);
}

.sNumbPage:active{
  background-image: linear-gradient(#808080 15%, 
                    #DCDCDC 100%);
}

.hoverNumbPage{
  background-image: linear-gradient(#ffffff85 15%, 
                    #ffffffe3 100%);
}

.rssincl-head { 
  padding:0px; 
  margin: 0px;
  background-color: #DDDDDD;
  margin-left: 8px;
  margin-right: 8px;
  border:1px solid #808080;
  border-bottom: 0px;
/*  font-family: Arial, Helvetica, sans-serif;*/
  font-family: Helvetica,Arial,sans-serif;
  color: black;
  letter-spacing: 0.08em;
}

.rssincl-box{
  overflow-x:auto;
  border:1px solid #808080;
  border-top: 0px;
  text-align: left;
  margin-left: 8px;
  margin-right: 8px;
  background-color: #FFFFFF;
}

.rssincl-box td{
  vertical-align: top;
  width: 32%;
}

.rssincl-entry {
/*  padding: 5px;*/
  padding-left: 5px;
  padding-right: 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bolder;
  color: black;
  line-height: 25px;
/*
  display: inline-block;
  max-width: 30%;
  vertical-align: text-top;
*/
}

.rssincl-entry  p {
/*  text-align:left;*/
  
  text-indent: 0;
  padding-left: 3px;
  padding-right:3px;
  margin-bottom: 0px;
  margin-top: 10px;
/*  font-size: 16px;*/
}

.rssincl-entry h2 {
  font-size: 18px;
}

.rssincl-entryArt{
  font-size: 12px;
  text-align: right;
}

.rssincl-text {
  font-weight: lighter;
  line-height: 23px; /*18px;*/
  text-align: justify;
}
/*
.rssincl-text img{
  width: 741px;
  height: 450px;
  display: block;
  margin-left: auto;
  margin-right: auto
}
*/
.rssincl-text-art{
  padding-left: 20px;
  padding-right: 20px;
  text-align: justify;
  text-indent: 5%;
  color: black;
  overflow: auto; /* scroll;*/
  font-weight: normal;

/*  margin-top: 10px;*/
}

.rssincl-data{
  font-size: x-small;
  font-weight: bold;
  text-align: right;
}

.picArticle{
  display: block;
  text-align: center;
  text-indent: 0%;
  width: 641px;
/*  height: 400px;*/
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 2vh;
}

.picArticle1 {
    display: block;
    text-align: center;
    text-indent: 0%;
    width: 80%;
     height: 50%; 
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 3vh;
}

.picArticle img {
  width: 100%; 
  height: 100%; 
}

.picArticle1 img {
  width: 100%; 
  height: 100%; 
}

.imgArticle {
    display: block;
    text-align: center;
    text-indent: 0%;
    width: 641px;
    /* height: 400px; */
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 2vh;
}

.imgArticle img {
  width: 100%; 
/*  height: 100%; */
}

.cellar{
  text-align: left;
  padding-top: 5px;
  padding-left: 7px;
}

 .rssincl-box a 
,.rssincl-text-art a
,.cellar a
 {
  color: black;
}

.rssincl-box a:hover {
  color: black;
}

.h2-articl{
  line-height: 25px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 0px;
  font-size: 18px; 
  padding-left: 35px;
  padding-right: 35px;
}

.h2-head{
  line-height: 25px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-top: 3px;
  margin-bottom: 0px;
  font-size: 18px; 
/*  padding-left: 35px;
  padding-right: 35px;*/
}

.bannerNews{
  box-shadow: 2px 2px 3px 0 #7e7e7e;
  border: 1px solid black;
  padding-left: 10px;
  padding-right: 10px;
}

.noteBorder{
  border-left: 1px solid gray;
}

.noteBorderL{
  border-right: 1px solid gray;
}

.article-box{
  text-indent: 0;
  padding-left: 0px;
  padding-right:0px;
  margin-bottom: 0px;
  margin-top: 10px;
  font-size: 16px;
  border:1px solid #808080;
}

.article-date{
/*  text-align: left;*/
  font-size: small;
  margin-right: 20px;
  text-align: right;
}

.predictInput{
  position: fixed;
  text-align: center;
  background: #efd452fc;
  box-shadow: 0 0 25px rgba(0,0,0,0.5);
  border-top: 35px solid white;    
  border-bottom: 35px solid white;    
  border-left: 10px solid white;    
  border-right: 10px solid white;    

  z-index: 50;
  border-radius: 35px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  left: 27%;
  top: 17%;
  background-image: url("/image/3d_23_half.png");
/*  background-image: url("/image/3d_23-2148387890.jpg");*/
  width: 250px;  
  height: 410px;  
}

.backNext{
  padding-top: 10px;
  padding-bottom: 10px;
}

.screen{
  height: 350px;
  text-align: ctnter;
}

.teamPredict{
  display: inline-block;
/*  height: 80px;*/
  width: 230px;
  margin-top: 5px;
  margin-bottom: 5px;
/*  background-color: white; */
  box-shadow: 0 0 10px rgba(0,0,0,0.25);
  background-image: linear-gradient(#FFD700 40%,#FFA500 100%);
}

.prTeamName{
  margin-top: 2px;
  margin-bottom: 5px;
  font-size: large;
  font-weight: bolder;
}

.pairWinner{
/*  margin-top: 5px;*/
  text-align: left;
}

.inpGoal{
  border: 2px solid gray;
  text-align: center;
  font-size: large;
  font-weight: bolder;
  vertical-align: middle;
  width: 50px;
}

.alertPredict{
  font-size: small;
}

.tLable{
  height: 70px;  
}

.tLable img{
  height: 100%;  
}

.scrDate{
  margin-top: 5px;
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
  font-weight: bolder;
  text-align: left;
}

.butStep{
  display: inline-block;
  min-width: 50%;
}

/*-------- checkbox ---------*/

.box {
  margin-left: 5px;
}

.boxDisabled{
  color: #dcdcdc;
}

.box-label {
  display: inline-block;
  margin: 5px;
  cursor: pointer;
}

#winPair1:checked + .box::before {
/*  content: "\f14a";*/
  content: "\2714";
  color: red;
  font-weight: bolder;
  animation: checkanimate 200ms;
}

#winPair2:checked + .box::before {
/*  content: "\f14a";*/
/*  content: "\2718";*/
  content: "\2714";
  color: red;
  font-weight: bolder;
  animation: checkanimate 200ms;
}



.calcCheck:checked + .box::before {
  content: "\2714";
  color: red;
  font-weight: bolder;
  animation: checkanimate 200ms;
}

.box::before {
  display: inline-block;
  content: "\f096";
  color: black;
  width: 1em;
  font-size: 1.3em;
  line-height: 1;
/*  
  font-family: "FontAwesome";
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  margin-right: 5px;
*/  
}

@keyframes checkanimate{
    0% {transform: scale(0);}
    90% {transform: scale(1.4);}
    100% {transform: scale(1);}
}
/*-------- checkbox ---------*/

.mark{
  content: "\2714";
  color: white;
  font-weight: bolder;
}

.borderTop{
  border-top: 2px solid #f3d0b6d6 /*#dab79dfa /*#dabba4 /*#996c4b #dabba4 #996c4b*/;
}

.borderBottom{
  border-bottom: 2px solid #dabba494 /*#f3d0b6d6 /*#dab79dfa /*#dabba4 /*#996c4b #dabba4 #996c4b*/;
}

.borderLeft{
  border-left: 2px solid #f3d0b6d6 /*#dab79dfa /*#dabba4 /*#996c4b #dabba4 #996c4b*/;
}

.borderRight{
  border-right: 2px solid #f3d0b6d6 /*#dab79dfa /*#dabba4 /*#996c4b #dabba4 #996c4b*/;
}

.scorePred{
  background-color: #fff5ee; /*#ce9e7aa6; /*#dabba4;*/
}

.predNameScore{
  text-align: left;
  padding-left: 20px;
  font-weight: bolder;
}

.alertLogin{
/*  background-color: #D59B6F; /*#E97C2B; /*#b2dfee;*/
  color: red;
  width: 255px;
  padding-right: 10px;
  padding-left: 10px;
/*  padding-top: 5px;
  padding-bottom: 5px;*/
  margin-top: 20px;
  margin-bottom: 10px;
}

.predNameScore{
  text-align: left;
  padding-left: 50px;
  font-weight: bolder;
}

.hoverList{
  background-color: #dcdcdc;
}

.titlePers{
  display: inline-block;
  width: 300px;
  min-height: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  text-align: left;
  font-size: 15px;
  font-weight: bolder;
  vertical-align: middle;
}

.textPers{
  display: inline-block;
  width: 400px;
  min-height: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  font-size: 15px;
  text-align: left;
  vertical-align: middle;
}

.inputText{
  text-align: right;
  font-weight: bolder;
  font-size: 15px;
  padding-right: 5px;
}

.divInputText{
  display: inline-block;
  box-shadow: 2px 2px 3px 0 #7e7e7e;
  height: 25px;
}

.inputAera{
  width: 385px;
  max-width: 385px;
}

.btnNewCity{
  float: right;
  margin-right: 5px;
}

.lineAdm{
  display: inline-block;
  width: 428px;
  min-height: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  text-align: left;
  font-size: 15px;
  font-weight: bolder;
}

.titleAdmin{
  display: inline-block;
/*  width: 120px;*/
  margin-bottom: 10px;
}

.lineAdmFull{
  display: inline-block;
  width: 856px;
  min-height: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  font-size: 15px;
  font-weight: bolder;
}

.inputLongText{
  text-align: left;
  font-size: 15px;
}

.inputNumb{
  text-align: center;
  font-size: 15px;
  width: 40px;
}

.newTourn{
  display: inline-block; 
  margin-left: 10px;
}

.listType{
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 50px;
  border: 2px solid #ba9172; 
  text-align: left;  
}

.lableInputVertical{
  text-align: left;
  margin-top: 5px;
  margin-bottom: 2px;
}

.tdInput{
  font-size: 15px;
  line-height: 30px;
  margin-bottom: 5px;
}

.rubric{
  background-color: #E0C6B2 /*#ba9172*/;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-top: 0px;
}


.disableObject{
  pointer-events: none;
  font-weight: lighter;
  opacity:0.5;
}

.nameObject{
  padding-left: 10px;
  text-align: left;
  font-weight: bolder;
}

.rssincl-head-info { 
  background-color: #DDDDDD;
/*  margin-left: 8px;
  margin-right: 8px;*/
/*  border:1px solid #808080;
  border-bottom: 0px;*/
  font-family: Arial, Helvetica, sans-serif;
  color: black;
}

.rssinclHeadBox{
  padding:0px; 
  margin: 0px;
  font-size: 20px; 
  text-align:left; 
  padding-left: 10px;
  letter-spacing: 0.08em;
}

.rssincl-box-info{
  overflow-x:auto;
  border:1px solid #808080;
  text-align: left;
  background-color: #f6f1f1f7;
  font-size: 16px;
  padding-left: 8px; 
  padding-right: 5px;
}

.miniImg{
  width: 70px;
  height: 70px;
  float: left;
  margin: 5px 6px 5px 0;
}

.pIMg{
  margin-top: 11px;
  margin-bottom: 12px;
}

.btnTop{
  display: inline-block;
  float: right;
}

/*-----------*/
.arrow-4 {
  min-width: 0px;
    position: relative;
    cursor: pointer;
    width: 34px;
    height: 25px;
    border-radius: 20px;
}
.arrow-4-left {
    position: absolute;
    background-color: black;
    top: 10px;
    left: 6px;
    width: 13px;
    height: 3px;
    display: block;
    transform: rotate(-40deg);
    float: right;
}
.arrow-4-right {
    position: absolute;
    background-color: black;
    top: 10px;
    left: 15px;
    width: 13px;
    height: 3px;
    display: block;
    transform: rotate(+40deg);
    float: right;
}

.text_info{
/*  display: none;*/
  
  padding-left: 20px;
  padding-right: 20px;
  text-align: justify;
  font-size: 15px;
  font-weight: lighter;
/*  line-height: 23px;*/
  line-height: 1.6;
  border:1px solid #808080;
  text-indent: 5%;
}

.text_info p{
  margin-top: 0px;
  margin-bottom: 0px;
}

.imgInfo{
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

button:focus {
  outline: none;
}

.sorry{
  padding-top: 100px;
  padding-bottom: 100px;
  color: white;
  font-size: 25px;
  letter-spacing: 0.05em;
}
  
.counterLeft{
  display: inline-block;
  float: left;
  height: inherit;
  text-align: left;
  margin-left: 15px;
  margin-right: 15px;
}

.counterAlone{
  height: inherit;
  text-align: left;
}

.boxINpetBux{
  border: 2px solid #8080804a;
  padding: 5px; 
  margin-bottom: 10px;
  width: 50%;
  display: inline-block;
}

.inputID{
  font-size: 15px;
  font-weight: bolder;
  padding: 5px;
}

.inputID::-webkit-inner-spin-button { 
  display: none;
}

#saveSEO:disabled{
  color: gray;
}

.ffifa img{
  width: 90%;
}

.botomMargin{
  padding-left: 20px;
  padding-right: 20px; 
  margin-bottom: 5px;
}

.calendar{
  position: absolute;
  text-align: center;
  background: #E0C6B2 /*#C89F80; /*#fff5ee; /*#ddc6ac; /*#d4eef6;*/;
  box-shadow: 0 0 25px rgba(0,0,0,0.5);

  z-index: 50;
  border-radius: 5px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  width: auto;
  margin-top: -25px
  
/*  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
*/
  
/*  border: 3px;
  bordercolor: black;*/
/*  left: 26%;
  top: 20%;*/
}

.tableCalendar{
  font-size: 15px;
  width: 100%;
/*  border-spacing: 1px;
  border: 1px;
  color: black;*/
}

.tableCalendar a:visited{
  color: black;
}

.DisbledA{
  pointer-events: none;
  color: black;
}

.month{
  padding: 2px;
  box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.calcDay{
  min-width: 15px;
  margin-left: 2px;
  margin-right: 2px;
}

.tdWeekend{
  background-color: #FFA07A;
}

.curDay{
  background-image: linear-gradient(#b3703f8a 10%, 
                    #f5dfd0 100%);
  border: 1px solid #f5dfd0 ;    
}

.exitMobi{
  padding-top: 35px; 
  padding-bottom: 20px; 
  background-color: grey;
}

.pruningIMG img{
/*  heigh: 550px;*/
}

.author-box{
  overflow-x:auto;
  border:1px solid #808080;
  text-align: justify;
  background-color: #f6f1f1f7;
/*  font-size: 16px;*/
  font-size: 15px;
  padding-left: 8px; 
  padding-right: 5px;
  text-indent: 5%;
}

.author-box p{
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 1.3;
}

.divLeft{
  float: left;
  display: inline-block;
}
/*
:target {
    display: block;    
    position: relative;     
    top: -250px;
    visibility: hidden;
}
*/
/*
:target:before {
    content: "";
    display: inline-block;
    height: 180px;
    margin: -180px 0 0;
}
*/
/*
#to {
background: green;
    margin-top: 100px;
--    padding-top: 5px;
}
*/

.backNext input{
  min-width: -webkit-fill-available;
}

.rssincl-entry {
  max-width: 32%;
  display: inline-block;
  vertical-align: top;
}

.tdBorder{
/*  
  border-spacing: 2px;
  border: 2px;
  border-color: red;
*/  
  border: 2px solid #E0C6B2;
}

.ndTourn{
  font-size: large;  
/*  font-weight: bold;*/
}

.tdUspa{
  text-align: left;
  padding-left: 5px;
  padding-right: 5px;
}

.tdFirst{
 text-align: center;
 width: 8%;
}

.tdWinner{
  text-align: left;
  width: 30%;
  font-weight: bold;
  padding-left: 5px;
}

.tdRaing{
  text-align: center;
  width: 40%;
  padding-left: 5px;
  padding-right: 5px;
}

.sChatButt{
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 70;
  width: 50px;
}

.sChatButt img{
  width: 100%;
}
  
.dChat{
  position: fixed;
  text-align: center;
  background: #E0C6B2;
  box-shadow: 0 0 30px rgba(0,0,0,0.5);
  border-radius: 35px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  z-index: 50;
  left: 10%;
  top: 10%;
  min-width: 40%;
  max-width: 55%;
  height: 70%;
}

.chatImg{
  display: inline-block;
  margin-right: 15px;
}

.chatImg img{
  width: 25px;
  border-radius: 70% 10% 70% 10%;
}

.dChat .close{
  right: 10px;
}

.dChatExit{
  display: block;
  height: 30px;
}

.dChatBoard{
  height: 92%;
  margin-left: 1%;
  margin-right: 1%;
  border: 2px solid grey;    
  background: white;
}

.dChatOLdT{
  height: 82%;
  overflow: auto;
  overflow-x: hidden;
}

.dChatNewT{
  border-top: 2px solid gray;    
  height: 10%;
  text-align: left;
}

.insChat{
  margin-top: 1%;
  margin-left: 2%;
  margin-bottom: 5px;
  width: 95%;
  height: 93%;
}

.sendChat{
  text-align: right;
  margin-right: 1%;
  margin-top: 2%;
}

.inputChat{
  font-size: 15px;
  width: 100%;
  height: 100%;
}

.chatMess{
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 10px;
}

.chatAloneMess{
  background: #f5e5d7;
  border-radius: 10px;
  padding: 10px;
}

.chatMyMess{
  padding-left: 30%;
  text-align: right;
}  

.chatNoMyMess{
  padding-right: 30%;
  text-align: left;
}

.chatAloneMessMy{
  background: #fff5ee;
}


.whoIs{
  color: blue;
}

.img_cityw{
  width: 290px;
}

@media only screen and (max-device-width: 800px) {
/*
.rssincl-text img{
  width: 50vh; 
  height: 30vh;
  display: block;
  margin-left: auto;
  margin-right: auto
}
*/

.divErr{
  font-size: 4vh;
}

.picArticle{
  width: 50vh; /*90%;*/
/*  height: 30vh; /*600px;*/
}

.imgArticle{
  width: 50vh; /*90%;*/
}

.asBody{
  width: auto;
}

.globalNav li a{
  font-size: 2.5vh; 
  padding-left: 1vh;
}

.fixTopDopList{
  display: block;
  background: #ba9172;
}

.logoMini{
  max-width: none;
}

.ticker{
  margin-top: 1vh;
  margin-bottom: 1vh;
  height: inherit;
}   

.tickerC{
  width: 50%;
  float: none;
}

.chgLang{
  vertical-align: middle;
  height: inherit;
}

 .content
,.contentIn
{
  width: auto;
  opacity: 1;
  float: none;
  display: block;
}

.tableSched td{
  line-height: normal;
}

.w70_more{
  width: 10%;
}

.tdRound{
 font-size: 1.5vh;
}

.tdTeam{
 width: 30%;
 font-weight: normal;
 font-size: 2vh;
}

.tableSched{
 line-height: 1.5;
 font-size: 2vh;
}

.scoreMatch, 
.tdTime, 
.lineDate, 
.lineRazdel
{
 font-weight: normal;
 font-size: 1.6vh; /*2em;*/
}

.tdScore{
  width: auto;
}


.scoreMatch{
/* font-weight: bolder;*/
 padding-top: 0.5vh;    
 padding-bottom: 0.5vh;    
 padding-left: 0.5vh;    
 padding-right: 0.5vh;    
 font-size: 1.6vh;
 width: 7vh;
}

.tableTable{
 font-size: 2vh; /*3em;*/
}

.rssincl-box{
  width: 98%;
  border: 3px solid #808080;
  margin-left: 8px;
  margin-right: 8px;
}

.infoBox{
  float: none;
  width: 100%;
}

.rssincl-text-art{
  color: black;
  font-weight: normal;
  font-size: smaller;
/*    background-color: white;*/
/* font-weight: bolder;*/
}

.sNumbPage_V{
  font-size: 4em;
  margin-left: 1em;
  margin-right: 1em;
}

.sNumbPage_N{
  display: none;
}

.subBack{
  display: none;
}


.noteBorder{
  border: none;   
}

.rssincl-entry {
  max-width: 100%;
  display: block;
  padding-left: 2vh;
  padding-right: 2vh;
  border-bottom: 2px solid gray;    
  margin-top: 2vh;

}

.text_info{
  opacity: 1;
  color: black;
/*  text-decoration: none;*/
   font-weight: normal;
   font-size: 0.7vh;/*14px;*/
  font-size: smaller;
}

.menuLogo{
  font-size: 2vh; 
  line-height: 1.5;
}

.menuSub{
  font-size: 2vh; 
  line-height: 1.5;
}

/*
.subMenu{
  font-size: 2vh; 
  line-height: 1.5;
}
*/
.comboDownList{
/*    
  display: flex; 
   flex-wrap: wrap-reverse;
   width: 100%;
*/
/*
  display: flex; 
   flex-wrap: wrap;
   width: 100%;
   text-align: center;   
*/   
}

.comboDownList{
/*  display: block;
  overflow: scroll;*/
}

.box_list{
  display: block;
  margin-top: 1vh;
  margin-bottom: 1vh;
}

.listDown{
  font-size: 2.5vh; 
  line-height: 2;
/*  max-height: 20vh;*/
  max-height: 80vh;
  min-width: 80%;
  position: inherit;
  text-align: center;   
  margin-left: 2.5vh;
/*  background: #5b98ad;*/
}

.bottomStyle{
  font-size: 2vh; 
  font-weight: normal;
  color: black;
  margin-top: 0.8vh;
  margin-bottom: 0.8vh;
  margin-left: 1vh;   
  margin-right: 1vh;   
  padding-right: 1vh;   
  padding-left: 1vh;   
  padding-top: 0.5vh;   
  padding-bottom: 0.5vh;   
}

.preDown{
/*  margin-left: 1vh;   
  padding-left: 1vh;   */
}

.crumbs{
  max-width: 95%;
/*  overflow-wrap:  break-word;*/
  text-align: center;
}

.crumbs .bottomStyle{
  max-width: 100%;
/*  overflow-wrap:  break-word;*/
  white-space:  pre-wrap;
}

.menuSub a{
  margin-top: 0.8vh;
  margin-bottom: 0.8vh;
}

.preList{
  font-size: 2vh; 
}

.modalLogin {
/*    
  left: 3vh;
  top: 5vh;    
  width: 85%;
  margin: auto;
*/
  left: auto;
  top: auto;
  width: 100%;
  height: 100%;  

/*  font-size: 2.5vh; */
  font-size: 2.5vw;  /*20240128*/
  
/*
  left: 5%;
  top: 5%;    
  font-size: 2.5vh; 
  width: 85%;
*/
/*  font-size: 2.5vh; 
  left: 2%;
  top: 2%;    
  height: 90%;
  width: 90%;*/
}

.tdLogin{
  font-size: 2.5vh; 
/*  font-size: 16px; */
}

/*input[type="text"]*/
input{
  font-size: 1.5vh;
}

.modalLogin input{
  font-size: 3.4vh; 
}

.modalLogin h4{
/*  font-size: 2.5vh; */
  font-size: 4.5vw; /*20240128*/
}

.divTotalStat{
  font-size: 2vh;
}

.tableStat{
  font-size: 2vh;
}
/*
.divTotalStatDop{
  font-size: medium;
}
*/

.tdIimg{
 width: 4vh;
}

.tdFiller{
  width: 5%;
}

.tdLast{
/*  text-align: center;*/
  font-size: 1.5vh;
}

.hdad{
  display: none;
}

.hdre{
  display: inline-block;
}

.hoverNumbPage{
  margin-top: 0.5vh;
/*  padding-bottom: 1vh;*/
}

.visGP{
  display: block;
  text-align: center;
  float: none;
  font-size: 1.5vh;
  padding-top: 0.5vh;
  padding-bottom: 0.5vh;
}

.numbPred{
  height: 2.5vh;
  width: 2.5vh;    
}

.standartLink{
  font-size: 2vh;
}


.bottomStyleMy{
  padding-left: 0.8vh;
  padding-right: 0.8vh;
  padding-top: 0.5vh;
  padding-bottom: 0.5vh;
}

.alertLogin{
  width: auto;
  font-size: 2vh;
  margin-top: 3vh;
}

.titlePers, .textPers  {
  font-size: 2vh;
  width: 45%;
}

.inputAera, .inputText{
  font-size: 2vh;
}

.predictInput{
  left: 4%;
  top: 4%;
  width: 90%;  
  height: 87%;  
  background-size: cover;
  font-size: 2vh;
}

.screen{
  height: auto;
}

.tLable{
  display: block;
  height: 20vh;  
}

.teamPredict{
  height: 22vh;
  width: 53vh;
  font-size: 5vh;
}

.prTeamName{
  font-size: 3.5vh;
  height: 8vh;
  margin-bottom: 1.5vh;
}

.inpGoal{
  width: 10vh;
  font-size: 5vh;
}

.box-label{
  font-size: 3vh;
}

.scrDate{
  font-size: 3vh;
  margin-bottom: 2vh;
  margin-left: 5vh;
  margin-right: 5vh;
}

.alertPredict{
  font-size: 3vh;
  margin-top: 2vh;
  margin-bottom: 2vh;
}

.pairWinner{
  padding-left: 2vh;
}

.calendar{
  position: fixed;
  left: 16%;
  top: 25%;
}

.tableCalendar{
  font-size: 2.5vh;
}

.calendar h3{
  font-size: 2.5vh;
}

.tableCalendar td{
  padding-left: 0.5vh;
  padding-right: 0.5vh;
  padding-top: 0.5vh;
  padding-bottom: 0.5vh;
}

.tableCalendar .bottomStyle{
  white-space:  pre;
/*  
  margin-top: 0.5vh;
  margin-bottom: 0.5vh;
  padding-top: 1.5vh;
  padding-bottom: 1.5vh;
*/  
}

/*
.calcDay{
  margin-left: 0.5vh;
  margin-right: 0.5vh;
  margin-top: 0.5vh;
  margin-bottom: 0.5vh;
}
*/
.DisbledA{
  margin-top: 0.5vh;
  margin-bottom: 0.5vh;
}

.ndTourn{
  font-size: inherit;  
}

.tdFirst{
  font-size: 2vh;  
}

.dChat{
  top: 20%;
  min-width: 80%;
  max-width: 80%;
  height: 65%;
  font-size: 2vh;
}

.dChatExit{
  height: 5%;
}

.dChat .close {
/*  right: 0px; */
}

.lang{
  height: 5vh;   
}

.Lider{
  text-align: center;
}

.Lider a{
  font-size: 2vh;   
}

.allLang{
  left: 25%;
  width: 80%;
  max-height: 70%;  
  background: #5b98ad;
}

.allLang li {
  height: 6vh;
}

.allLang a {
  font-size: 3vh;
}

.allLang img {
  width: 5vh;
  padding-right: 2.5vh;
}


.modalStyle{
  position: absolute; /*fixed;*/
  box-shadow: 0 0 25px rgba(0,0,0,0.5);
  z-index: 50;
  top: 20%;
  left: 20%;

/*  border-radius: 8px;*/
}
  
#forDopMenu{
  min-height: 5vh;  
} 
  
.rssincl-box-info{
  text-align: center;
}   

.infoBoxIn a{
  font-size: 2vh;
  padding-top: 1vh;
  padding-bottom: 2vh;
}

.rssincl-head-info{
  font-size: 2.5vh;
}

.lbl_cityw{
  font-size: 1vh;
}

.img_cityw{
  width: 85%;
  padding-top: 3%;
}

} /* END @media only screen and (max-device-width: 800px)*/
/*
@media only screen and (max-device-heigh: 650px) {

.modalLogin {
  height: 90%;
}
    
}
*/