:root {
	--stickyBackground: #f5f5f5;
	--borderColor: #C9D1DC;
  }
  
  @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap");
  @import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");
  @import url("https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700");
  *{
	  margin: 0px;
	  padding: 0px;
	  box-sizing: border-box;
  }
  
  /*#endregion Alert*/
  html{
	  color: #222;
	  font-family: 'Poppins';
  }
  body{
	  background: #e3e5e6;
  }
  main{
	  width: 80%;
	  float: right;
	  padding: 10px;
  }
  caption{
      font-size:19px;
      font-weight:900;
  }
  span{
	  color: #142833;
	  font-size: 15px;
  }
  h3{
	  font-size: 14px;
	  font-weight: 700;
  
	  text-transform: uppercase;
  }
  h2{
	  font-size: 15px;
	  font-weight: 900;
  
	  text-transform: uppercase;
  }
  h1{
	  font-weight: 300;
	  color: #000;
	  text-transform: uppercase;
  }
  h1{
	color:#000;
  }
  a{
	  color: #222;
	  text-transform: capitalize;
	  text-decoration: none;
	  font-size: 13px;
  }
	  a:hover{
		  text-decoration: underline;
	  }
  small{
	  color: #999999;
	  text-transform: uppercase;
	  letter-spacing: 1px;
		  line-height: 30px;
		  font-size: 75%;
  }
  .overlay {
  position: fixed;
  width: 100%;
  height:100%;
  background:#000;
  opacity: .5;
  z-index: 2;
  display:none;
  }
  .overlay.open {
  display:block
  }
  /* ---------------Animation---------------- */
  
  .slit-in-vertical {
	  -webkit-animation: slit-in-vertical 0.45s ease-out both;
			  animation: slit-in-vertical 0.45s ease-out both;
  }
  
  @-webkit-keyframes slit-in-vertical {
	0% {
	  -webkit-transform: translateZ(-800px) rotateY(90deg);
			  transform: translateZ(-800px) rotateY(90deg);
	  opacity: 0;
	}
	54% {
	  -webkit-transform: translateZ(-160px) rotateY(87deg);
			  transform: translateZ(-160px) rotateY(87deg);
	  opacity: 1;
	}
	100% {
	  -webkit-transform: translateZ(0) rotateY(0);
			  transform: translateZ(0) rotateY(0);
	}
  }
  @keyframes slit-in-vertical {
	0% {
	  -webkit-transform: translateZ(-800px) rotateY(90deg);
			  transform: translateZ(-800px) rotateY(90deg);
	  opacity: 0;
	}
	54% {
	  -webkit-transform: translateZ(-160px) rotateY(87deg);
			  transform: translateZ(-160px) rotateY(87deg);
	  opacity: 1;
	}
	100% {
	  -webkit-transform: translateZ(0) rotateY(0);
			  transform: translateZ(0) rotateY(0);
	}
  }
  
  .btn-search{
      width: 10%;
    height: 40px;
    outline: 0;
    border: 1px solid transparent;
    border-radius: 0;
    touch-action: manipulation;
    cursor: pointer;
    background: #000;
    color: #fff;
    transition: background .2s,border-color,.2s,color .2s;
  } .btn-search:hover{
      background: rgb(78, 78, 78);
  }
  /*---------------#region Alert--------------- */
  
  #dialogoverlay{
	display: none;
	opacity: .8;
	position: fixed;
	top: 0px;
	left: 0px;
	background: #707070;
	width: 100%;
	z-index: 10;
  }
  
  #dialogbox{
	display: none;
	position: absolute;
	background: #1c609d;
	border-radius:7px; 
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.575);
	transition: 0.3s;
	width: 40%;
	z-index: 10;
	top:0;
	left: 0;
	right: 0;
	margin: auto;
  }
  
  #dialogbox:hover {
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.911);
  }
  
  .container {
	padding: 2px 16px;
  }
  
  .pure-material-button-contained {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	border: none;
	border-radius: 4px;
	padding: 0 16px;
	min-width: 64px;
	height: 36px;
	vertical-align: middle;
	text-align: center;
	text-overflow: ellipsis;
	text-transform: uppercase;
	color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
	background-color: rgb(var(--pure-material-primary-rgb, 0, 77, 70));
	/* background-color: rgb(1, 47, 61) */
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
   font-family: 'Poppins';
	font-size: 14px;
	font-weight: 500;
	line-height: 36px;
	overflow: hidden;
	outline: none;
	cursor: pointer;
	transition: box-shadow 0.2s;
  }
  
  .pure-material-button-contained::-moz-focus-inner {
	border: none;
  }
  
  /* ---------------Overlay--------------- */
  
  .pure-material-button-contained::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
	opacity: 0;
	transition: opacity 0.2s;
  }
  
  /* Ripple */
  .pure-material-button-contained::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	border-radius: 50%;
	padding: 50%;
	width: 32px; /* Safari */
	height: 32px; /* Safari */
	background-color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
	opacity: 0;
	transform: translate(-50%, -50%) scale(1);
	transition: opacity 1s, transform 0.5s;
  }
  
  /* Hover, Focus */
  .pure-material-button-contained:hover,
  .pure-material-button-contained:focus {
	box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  
  .pure-material-button-contained:hover::before {
	opacity: 0.08;
  }
  
  .pure-material-button-contained:focus::before {
	opacity: 0.24;
  }
  
  .pure-material-button-contained:hover:focus::before {
	opacity: 0.3;
  }
  
  /* Active */
  .pure-material-button-contained:active {
	box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  }
  
  .pure-material-button-contained:active::after {
	opacity: 0.32;
	transform: translate(-50%, -50%) scale(0);
	transition: transform 0s;
  }
  .img-content-hedmen{
      display: flex;
justify-content: center;
align-items: center;
  }
  /* Disabled */
  .pure-material-button-contained:disabled {
	color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
	background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.12);
	box-shadow: none;
	cursor: initial;
  }
  
  .pure-material-button-contained:disabled::before {
	opacity: 0;
  }
  
  .pure-material-button-contained:disabled::after {
	opacity: 0;
  }
  
  #dialogbox > div{ 
	background:#FFF; 
	margin:8px; 
  }
  
  #dialogbox > div > #dialogboxhead{ 
	background: #1c609d; 
	font-size:19px; 
	padding:10px; 
	color:rgb(255, 255, 255); 
	font-family: 'Poppins';
  }
  
  #dialogbox > div > #dialogboxbody{ 
	background:#1c609d; 
	padding:20px; 
	color:#FFF; 
	font-family: 'Poppins';
  }
  
  #dialogbox > div > #dialogboxfoot{ 
	background:#1c609d; 
	padding:10px; 
	text-align:right; 
  }
  .title{
	  padding: 8px;
	  margin: 5px 0px;
	  width: 100%;
	  cursor: pointer;
	  transition: .3s;
	  display: block;
  }
	  .title:hover{
		  background: #fff;
	  }
  .clear{
	  clear: both	;
  }
  .title-type{
	  padding: 20px	;
  }
  .guide-menu{
	  width: 100%;
	  height: auto;
	  padding: 20px;
	  text-align: center;
	  display: flex;
	  flex-wrap: wrap;
	  padding: 50px;
  }
	  .guide-menu a{
		  width: 20%;
		  height: 60px;
		  margin-right: 30px;
		  background: #079483;
		  border: #079483 1px solid;
		  border-radius: 15px;
		  display: flex;
	  align-items: center;
	  justify-content: center;
	  flex-direction: column;
	  color: #fff;
	  margin: auto;
	  box-shadow: 0 1px 15px 1px rgb(69 65 78 / 8%);
	  }
		  .guide-menu a h2{
			  color: #fff;
		  }
  
  .div-head-lg{
	  width: 100%;
	  height: 150px;
	  margin: auto;
	  padding: 20px;
	  text-align: center;
  }
  .div-head-lg img{
	  max-height: 70%;
	   margin-left: 0em;
		  margin-top: 0em;
		  margin-right: 0em;
		  margin-bottom: 0em;
  }
  .screen__background {
	  position: absolute;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  z-index: 0;
	  -webkit-clip-path: inset(0 0 0 0);
	  clip-path: inset(0 0 0 0);
  }
  .form-stroke{
	  width: 60%;
	  margin: auto;
  }
  .result-num{
		  display: flex;
	  margin-bottom: 5px;
  
  }
  .main{
		  padding: 10px 20px;
  
  }
  .content-onebox{
	  width: 100%;
	  padding: 5px;
	  border-bottom: 1px solid #6c6b6b;
	  display: flex;
	  flex-wrap: wrap;
	  text-align: left;
  }
  .game-view{
	  margin: 30px 0px;
	  flex-wrap: wrap;
  }
  .btn-content{
	  width: 150px;
	  height: auto;
	  min-height: 35px;
	  text-align: center;
	  color: #222;
	  font-weight: 200;
	  outline: none;
	  border: none;
	  text-transform: uppercase;
	  font-family: 'Poppins';
	  font-size: 13px;
	  padding: 10px;
	  cursor: pointer;
	  transition: .3s;
  }
	  .btn-content:hover{
	  -webkit-box-shadow: 0px 0px 22px -1px rgba(0,0,0,0.3); 
	  box-shadow: 0px 0px 22px -1px rgba(0,0,0,0.3);
	  }
  .content-aposta{
	  width: 100%;
	  text-align: left;
	  padding: 30px;
  }
	  .result-num span.numero{
		  cursor: pointer;
	  }	
	  .result-num span{
		display: flex;
	  justify-content: center;
	  align-items: center;
	  width: 35px;
	  height: 35px;
	  border-radius: 50%;
	  border: 1px solid #1c609d;
	  margin-right: 5px;
	  color: #1c609d;
	  font-family: 'Poppins';
	  margin: 10px 5px 0px 0px;
	  }
	  span.active {
	  color: #FFF;
	  background-color: #1c609d;
	  }
	  .result-num span.numero25{
		  display: none;
	  }
  .content-fetch_aps{
      display:flex;
      flex-wrap:wrap;
  }
  .myaccount-river{
	  width: 100%;
	  height: auto;
	  padding: 15px;
	  display: flex;
	  flex-wrap: wrap;
  }
	  .infos-river{
		  width: 50%;
		  text-align: left;
		  padding: 10px;
	  }
	  .infos-river span{
		  text-transform: uppercase;letter-spacing: 1px;
	  }
	  .contente-widgets{
		  width: 50%;
		  padding: 10px 0px;
	  }
		  .contente-widgets button{
			  width: 30%;
			  height: auto;
				  font-size: 13px;
				  border: none;
				  outline: none;
				  padding: 7px 0px;
				  background: #164700;
				  font-family: 'Poppins';
				  color: #fff;
				  cursor: pointer;
				  transition: .3s;
		  }
		  #ref{
			  background: #042B47;
		  }
		  #ref:hover{
			  background:#076066;
		  }
		  .contente-widgets button:hover{
				  background: #2E9400;
			  }
	  .content-form{
		  width: 50%;
		  float: right;
		  padding: 20px;
	  }
		  .cad-roew{
			  width: 100%;
			  padding: 15px;
			  height: auto;
			  background: #fff;
		  }
			  .cad-roew form input{
				  width: 70%;
				  border: 1px solid #9999;
			  }
			  .cad-roew form button{
				  width: 50%;
				  height: auto;
				  font-size: 13px;
				  border: none;
				  outline: none;
				  padding: 7px 0px;
				  background: #000;
				  font-family: 'Poppins';
				  color: #fff;
				  cursor: pointer;
				  transition: .3s;
			  }
			  .cad-roew form button:hover{
				  background: #222;
			  }
  
	  .content-estatic{
		  width: 100%;
		  display:flex;
		  justify-content: center;
              align-items: center;
		  padding: 20px;
	  }		
		  .active-users{
			  width: 50%;
			  height: 220px;
			  padding: 10px;
			  margin-bottom: 20px;
			  background: #fff;
  
		  }
			  .active-users .user-display{
				  width: 100%;
				  height: 100%;
				  display: -webkit-box;
			  display: -moz-box;
			  display: -ms-flexbox;
			  display: -webkit-flex;
			  display: flex;
			  align-items: center;
			  justify-content: center;
			  }
				  .info-box{
					  width: 33.3333%;
					  height: 60px;
					  text-align: center;
				  }
		  .chart-container {
			position: relative;
			margin: auto;
			height: 300px;
			padding:10px;
			width: 50%;
		  }
	  .infos-river{
		  font-size: 12px;
	  }
		  .content-infos-input{
			  width: 100%;
			  padding: 20px 0px;
			  text-align: left;
		  }
			  .content-infos-input label{
				  margin: 10px 0px;
			  }
			  .input-river-img button,.content-infos-input button{
				  width: 50%;
				  height: auto;
				  font-size: 13px;
				  border: none;
				  outline: none;
				  padding: 7px 0px;
				  background: #000;
				  font-family: 'Poppins';
				  color: #fff;
				  cursor: pointer;
				  transition: .3s;
			  }
			  .content-infos-input button:hover{
				  background: #70236c;
			  }
			  input{
				  width: 100%;
				  outline: none;
				  padding: 10px;
				  border: none;
				  height: 30px;
				  color: #766f6f;
				  margin-bottom: 10px;
			  }
			  input:focus{
					  box-shadow: 0 1px 15px 1px rgb(69 65 78 / 8%);
  
			  }
	  .image-river{
		  width: 50%;
	  }
		  .image-river img{
			  max-width: 50%;
			  margin: auto;
			  border: 1px solid transparent;
			  border-radius: 50%;
		  }
		  .input-river-img{
			  padding: 20px;
			  text-align: left;
		  }
		  .input-river-img label{
			  font-size: 14px;
			  text-transform: capitalize;
			  padding: 5px 0px;
		  }
		  .input-river-img input{
			  cursor: pointer;
		  }
  .verify-aps_conteiner{
      width:100%;
      height:auto;
      
  }
    .verify-app_form{
        display:flex;
        flex-direction:row;
        margin:10px 0px;
        justify-content: flex-start;
	    align-items: first baseline;
	    flex-wrap:wrap;
    }
    .verify-app_form input{
        width:7%;
        height:40px;
        margin-right:10px;
        border-radius:5px;
    }
  .header-lev{
	  width: 20%;
	  height: 100%;
	  position: fixed;
	  background: #000;
	  border: 1px solid #e7e0e0;
	  border-left-color: #000;
	  border-top-color: #000;
	  border-bottom-color: #000;
	  border-radius: 0px 35px 35px 0px;
  }
	  .select-menu{
		  background: #e7e0e0;
		  border: 1px solid #e7e0e0;
		  border-radius: 30px 0px 0px 30px;
		  color: #222;
	  box-shadow: 0px 2px 2px #e7e0e0;
	  }
	  .select-menu a{
		  color: #222!important;
	  }
	  .div-head{
		  width: 70%;
		  height: 40px;
		  text-align: center;
		  padding: 10px;
		  margin: 20px 0px 0px 0px;
		  float: right;
		  display: flex;
		  color: #ffff;
	  }
	  .p-head{
		  color: #fff;
		  text-transform: uppercase;
		  text-align: center;
		  font-size: 15.8px;
		  letter-spacing: 0.6px;
		  font-weight: 200;
		  text-decoration: none;
		  transition: 0.3s;
	  }
	  .p-head:hover{
		  color: #d7d2d2;
	  }
  .head-main{
	  width: 100%;
	  height: auto;
	  display: flex;
	  background: #fff;
	  padding: 10px;
	  box-shadow: 0 1px 15px 1px rgb(69 65 78 / 8%);
  }
  .content-page{
	  width: 50%;
	  text-align: center;
  }
  .content-name{
	  width: 50%;
	  text-align: center;
  }
  .content-page h2{
	  font-size: 14px;
	  font-weight: 200;
  
	  text-transform: uppercase;
  }
  .content-main{
	  width: 100%;
	  min-height: 50px;
	  display: flex;
  }
	  .content-dash{
		  width: 70%;
	  }
	  .content-river-log{
		  width: 40%;
		  text-align: center;
		  height: auto;
	  }
		  .person-menIcon{
			  width: 255px;
			  background: #fff;
			  height: 450px;
			  margin: auto;
			  -webkit-box-shadow: -13px -13px 0px -2px #6695D9; 
			  box-shadow: -13px -13px 0px -2px #6695D9;
		  }
		  .person-menIcon .imgIcon{
			  width: 100%;
			  height: 170px;
			  max-width: 100%;
			  padding: 10px;
			  text-align: center;
  
		  }
		  .imgIcon img{
			  max-width: 100%;
			  max-height: 100%;
			  border: 1px solid transparent;
			  border-radius: 50%;
		  }
		  .person-menIcon span{
			  line-height: 12px;
		  }
		  .chart-person{
			  padding: 10px 0px;
		  }
	  .content-river-result{
		  width: 60%;
		  text-align: center;
		  height: auto;
	  }
	  .bloc-result{
		  width: 100%;
		  height: auto;
		  display: flex;
		  flex-wrap: wrap;
	  }
	  .indv-result{
		  	width: auto;
		  	min-width: 265px;
		  	height: 100px;
		  	padding: 10px;
		  	background: #fff;
		  	margin: auto;
		  	margin-right: 10px;
		  	margin-top: 15px;
			box-shadow: 0 1px 15px 1px rgb(69 65 78 / 8%);
	  } 
	  a.indv-result{ 
		  text-decoration: none; 
	  } 
  
	  .graphic-result{ width: 100%;
	  padding: 20px; }
  
	  .graphic-unic{
		  margin-top: 20px;
		  width: 100%;
		  height: 350px;
		  background: #fff;
	  }
	  
  
  
  .container{
	width:80%;
	height:100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: "Poppins", sans-serif;
	position: relative;
	left:6vmin;
	text-align: center;
	float: right;
  }
  
  .cog-wheel1, .cog-wheel2{
	transform:scale(0.7);
  }
  
  .cog1, .cog2{
	width:40vmin;
	height:40vmin;
	border-radius:50%;
	border:6vmin solid #776BCC;
	position: relative;
  }
  
  
  .cog2{
	border:6vmin solid #776BCC;
  }
  
  .top, .down, .left, .right, .left-top, .left-down, .right-top, .right-down{
	width:10vmin;
	height:10vmin;
	background-color: #776BCC;
	position: absolute;
  }
  
  .cog2 .top,.cog2  .down,.cog2  .left,.cog2  .right,.cog2  .left-top,.cog2  .left-down,.cog2  .right-top,.cog2  .right-down{
	background-color: #776BCC;
  }
  
  .top{
	top:-14vmin;
	left:9vmin;
  }
  
  .down{
	bottom:-14vmin;
	left:9vmin;
  }
  
  .left{
	left:-14vmin;
	top:9vmin;
  }
  
  .right{
	right:-14vmin;
	top:9vmin;
  }
  
  .left-top{
	transform:rotateZ(-45deg);
	left:-8vmin;
	top:-8vmin;
  }
  
  .left-down{
	transform:rotateZ(45deg);
	left:-8vmin;
	top:25vmin;
  }
  
  .right-top{
	transform:rotateZ(45deg);
	right:-8vmin;
	top:-8vmin;
  }
  
  .right-down{
	transform:rotateZ(-45deg);
	right:-8vmin;
	top:25vmin;
  }
  
  .cog2{
	position: relative;
	left:-10.2vmin;
	bottom:10vmin;
  }
  .content-tutorial-indv{
	  width: 100%;
	  padding: 10px 0px;
		  margin: 60px 0px;
  
	  text-align: left;
  }
  .hs-responsive-embed-youtube {
  position: relative;
	  height: 400px;
  
  padding-top: 25px;
  }
  .hs-responsive-embed-youtube iframe {
  position: absolute;
  width: 70%!important;
  height: 100%!important;
  }
  
  .content-filter{
			  padding: 20px;
			  width: 100%;
  
  
		  }
  .first-four{
	position: relative;
	left:6vmin;
	font-size:40vmin;
  }
  
  .second-four{
	position: relative;
	right:18vmin;
	z-index: -1;
	font-size:40vmin;
  }
  
  .wrong-para{
	font-family: "Montserrat", sans-serif;
	position: absolute;
	bottom:15vmin;
	padding:3vmin 12vmin 3vmin 3vmin;
	font-weight:600;
	color:#092532;
  }
  .content-numbers{
	  width: 100%;
	  height: auto;
	  padding: 20px;
	  display: flex;
	  flex-wrap: wrap;
  }
	  .content-numbers .numbersli{
		  width: 50px;
		  margin: auto;
	  }
	  .numbersli div:first-child{
		  width: 40px;
		  height: 40px;
		  text-align: center;
		  background: #ff5c00;
		  vertical-align: middle;
		  padding: 10px;
		  border: 1px solid #ff5c00;
		  border-radius: 50%;
		  margin: auto;
		  color: #fff;
		  font-size: 14px;
	  }
	  .numbersli div:nth-child(2){
		  text-align: center;
		  margin: 20px 0px;
		  color: #5c5959;
		  font-size: 12px;
	  }
	  .numbersli:nth-child(2) div:first-child{
		  opacity: 0.9;
	  }
	  .numbersli:nth-child(3) div:first-child{
		  opacity: 0.85;
	  }
	  .numbersli:nth-child(4) div:first-child{
		  opacity: 0.8;
	  }
	  .numbersli:nth-child(5) div:first-child{
		  opacity: 0.75;
	  }
	  .numbersli:nth-child(6) div:first-child{
		  opacity: 0.7;
	  }
	  .numbersli:nth-child(5) div:first-child{
		  opacity: 0.65;
	  }
	  .numbersli:nth-child(6) div:first-child{
		  opacity: 0.6;
	  }
	  .numbersli:nth-child(7) div:first-child{
		  opacity: 0.55;
	  }
	  .numbersli:nth-child(8) div:first-child{
		  opacity: 0.5;
	  }
	  .numbersli:nth-child(9) div:first-child{
		  opacity: 0.45;
	  }
	  .numbersli:nth-child(10) div:first-child{
		  opacity: 0.4;
	  }
	  .numbersli:nth-child(11) div:first-child{
		  opacity: 0.35;
	  }
	  .numbersli:nth-child(12) div:first-child{
		  opacity: 0.3;
	  }
	  /*Neutro*/
	  .numbersli:nth-child(13) div:first-child{
		  background: #fff;
		  border: #222;
		  color: #222;
	  }
	  /* Cold */
	  .numbersli:nth-child(14) div:first-child{
		  opacity: 0.45;
		  background: #4aa0fb;
		  border: #4aa0fb;
	  }
	  .numbersli:nth-child(15) div:first-child{
		  opacity: 0.5;
		  background: #4aa0fb;
		  border: #4aa0fb;
	  }
	  .numbersli:nth-child(16) div:first-child{
		  opacity: 0.55;
		  background: #4aa0fb;
		  border: #4aa0fb;
	  }
	  .numbersli:nth-child(17) div:first-child{
		  opacity: 0.6;
		  background: #4aa0fb;
		  border: #4aa0fb;
	  }
	  .numbersli:nth-child(18) div:first-child{
		  opacity: 0.65;
		  background: #4aa0fb;
		  border: #4aa0fb;
	  }
	  .numbersli:nth-child(19) div:first-child{
		  opacity: 0.7;
		  background: #4aa0fb;
		  border: #4aa0fb;
	  }
	  .numbersli:nth-child(20) div:first-child{
		  opacity: 0.75;
		  background: #4aa0fb;
		  border: #4aa0fb;
	  }
	  .numbersli:nth-child(21) div:first-child{
		  opacity: 0.8;
		  background: #4aa0fb;
		  border: #4aa0fb;
	  }
	  .numbersli:nth-child(22) div:first-child{
		  opacity: 0.85;
		  background: #4aa0fb;
		  border: #4aa0fb;
	  }
	  .numbersli:nth-child(23) div:first-child{
		  opacity: 0.9;
		  background: #4aa0fb;
		  border: #4aa0fb;
	  }
	  .numbersli:nth-child(24) div:first-child{
		  opacity: 0.95;
		  background: #4aa0fb;
		  border: #4aa0fb;
	  }
	  .numbersli:nth-child(25) div:first-child{
		  opacity: 1;
		  background: #4aa0fb;
		  border: #4aa0fb;
	  }
	  .tb-roew{
		  width: 100%;
		  height: auto;
		  max-height: 400px;
		  padding: 20px 0px;
	  }
	  .table-wrapper {
		height: 320px;
		border: 1px solid var(--borderColor);
		overflow: auto;
	  }
  
	  table {
		border-spacing: 0;
		width: 100%;
	  }
  
	  thead {
		font-size: 12px;
		line-height: 16px;
		letter-spacing: 0.05em;
		text-transform: uppercase;
	  }
  
	  tbody {
		font-size: 14px;
	  }
  
	  th, td {
		padding: 18px 24px;
		white-space: nowrap;
		border-bottom: 1px solid var(--borderColor);
	  }
  
	  tr:last-child td {
		border: none;
	  }
  
  
	  /*
	  STICKY HEADER
	  Normal css box-shadow works for the header as it is a single html element
	  */
  
	  .sticky-header thead {
		position: sticky;
		top: 0;
		z-index: 1;
		background: var(--stickyBackground);
		box-shadow: 0 0 6px rgba(0,0,0,0.25);
	  }
  
  
	  /*
	  STICKY FIRST COLUMN
	  Avoid undesirable overlapping shadows by creating a faux shadow on the ::after psudo-element instead of using the css box-shadow property.
	  */
  
	  .sticky-column th:first-child,
	  .sticky-column td:first-child {
		position: sticky;
		left: 0;
		background: var(--stickyBackground);
		border-right: 1px solid var(--borderColor);
	  }
  
	  .sticky-column th:first-child::after,
	  .sticky-column td:first-child::after {
		content: "";
		position: absolute;
		right: -6px;
		top: 0;
		bottom: -1px;
		width: 5px;
		background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
		opacity: 0.08;
	  }
	  .indv-row{
		  width: 450px;
		  height: 60px;
		  padding: 10px;
		  display: flex;
	  }
		  .conc-number{
			  width: 25%;
			  text-align: center;
			  border: 1px solid #222;
			  border-radius: 7px;
			  height: 100%;
			  padding: 8px;
			  background: #f9f5f5;
		  }
		  .colec-number{
			  width: 75%;
			  height: 100%;
			  padding: 0px 10px;
			  display: flex;
		  }
			  .indv-numberBox{
				  width: 40px;
				  margin: 0px 6px;
				  height: 100%;
				  text-align: center;
				  border: 1px solid #1c609d;
				  border-radius: 200px;
				  padding: 8px;
				  background: #1c609d;
			  }
			  .act-rast{
				  background: #1c609d;
				  color: #fff;
			  }
	    .guide-back_menu{
	        padding:20px;
	    }
	  .content-title{
		  width: 100%;
		  padding: 10px 20px;
	  }
		  .btn-contentBox{
			  width: 100%;
			  height: auto;
			  padding: 10px 0px;
			  display: flex;
		  }
			  .btn-contentBox a{
				  width: 90px;
				  height: 40px;
				  padding: 7px;
				  margin: 0px 5px;
				  text-align: center;
				  background: #fff;
				  border: 2px solid #4aa0fb;
				  border-radius: 7px;
				  color: #222;
				  cursor: pointer;
				  font-size: 16px;
				  transition: 0.3s;
			  }
			  .btn-contentBox a:hover{
				  text-decoration: none;
				  -webkit-box-shadow: 0px 0px 22px -1px rgba(0,0,0,0.3); 
				  box-shadow: 0px 0px 22px -1px rgba(0,0,0,0.3);
			  }
			  .btn-contentBox .act{
				  background: #4aa0fb;
				  color: #fff;
			  }
  
	  .hamburger-menu{
		  width: 20%;
	  }
	  #menu__toggle {
		opacity: 0;
	  left: 20px;
	  width: 26px;
	  height: 26px;
	  display: none;
	  }
	  #menu__toggle:checked ~ .menu__btn{
		  position: fixed;
		  z-index: 99999;
	  }
	  #menu__toggle:checked .overlay{
		  display: block;
	  }
	  #menu__toggle:checked ~ .menu__btn > span {
		transform: rotate(45deg);
		background: #fff;
	  }
	  #menu__toggle:checked ~ .menu__btn > span::before {
		top: 0;
		transform: rotate(0);
		background: #fff;
	  }
	  #menu__toggle:checked ~ .menu__btn > span::after {
		top: 0;
		transform: rotate(90deg);
		background: #fff;
	  }
	  #menu__toggle:checked ~ .menu__box {
		visibility: visible;
		left: 0;
	  }
  
	  .menu__btn {
		display: flex;
		align-items: center;
		left: 20px;
		position: relative;
		width: 26px;
		height: 26px;
		display: none;
		cursor: pointer;
		z-index: 99;
	  }
  
	  .menu__btn > span,
	  .menu__btn > span::before,
	  .menu__btn > span::after {
		display: block;
		position: absolute;
  
		width: 100%;
		height: 2px;
  
		background-color: #000;
  
		transition-duration: .25s;
	  }	
	  #menu__toggle:checked main{
	  width: 100%;
	  }
	  .menu__btn > span::before {
		content: '';
		top: -8px;
	  }
	  .menu__btn > span::after {
		content: '';
		top: 8px;
	  }
  
	  .menu__box {
		display: block;
		text-align: left;
		position: fixed;
		visibility: hidden;
		top: 0;
		left: -100%;
		z-index: 999;
		width: 20%;
		height: 100%;
		margin: 0;
		padding: 80px 0;
		list-style: none;
		background-color: #000;
		box-shadow: 1px 0px 6px rgba(0, 0, 0, .2);
		transition-duration: .25s;
	  }
		  .menu__box li{
			  width: 70%;
			  float: right;
		  height: 40px;
		  margin: 20px 0px 0px 0px;
		  transition: 0.3s;
		  padding: 10px;
			  border: 1px solid transparent;
		  border-radius: 30px 0px 0px 30px
  
		  }
  
	  .menu__item {
		display: block;
		color: #fff;
		font-family: 'Poppins';
	  text-transform: uppercase;
	  font-size: 15.8px;
	  letter-spacing: 0.6px;
	  font-weight: 200;
	  text-decoration: none;
	  transition: 0.3s;
	  }
  
	  @media (max-width: 1534px) {
  
		  main{
			  width: 75%;
		  }
		  .menu__box{
			  width: 25%;
		  }
  
		  .content-main{
			  flex-wrap: wrap;
		  }
			  .content-river-result{
				  width: 100%;
			  }
			  .person-menIcon{
				 
			  }
		  .content-river-log{
			  width: 40%;
			  padding: 20px;
		  }
				  .imgIcon{
					  width: 50% ;
					  height: 150px ;
				  }
				  .chart-person{
					  padding: 10px ;
				  width: 100%;
				  }
		  .numbersli:nth-child(13){
			  width: 100%;
		  }
		  .menu__box li{
			  height: 30px;
			  padding: 7px;
		  }
			  .menu__item{
				  font-size: 13.5px;
			  }
			  .div-head-lg{
			  height: 130px;
		  }
		  .indv-row{
			  height: auto;
		  }
	  }
	  @media (max-width: 1295px) {
	      span{
	          font-size:13px;
	      }
	      .guide-menu a{
	          width:24%;
	      }
		  .content-river-log{
		      width:100%;
		  }
		  .content-main{
			  display: block;
		  }
		  .colec-number{
			flex-wrap: wrap;
		}
		.indv-numberBox {
		  width: 6%;
		  margin: 0px 2px;
		  margin-bottom: 5px;
		}
  
		  .content-river-result{
			  width: 100%;
		  }
		  
		  .content-dash{
			  width: 100%;
		  }
		  .image-river{
			  width: 50%;
			  text-align: center;
		  }
		  .person-menIcon{
			  flex-wrap: wrap;
		  }
		  
	  }
	  @media (max-width: 992px) {
		  .content-estatic{
			  width: 100%;
			  flex-wrap:wrap;
			  float: none;
			  padding: 0px;
			    

		  }		
		  .content-form{
			  width: 100%;
			  float: none;
			  padding: 0px;
		  }
		  .person-menIcon {
			  height: 500px;
		  }
		  .menu__box{
			  padding: 30px 0px;
		  }
		  .contente-widgets{
			  width: 100%;
		  }
		  #menu__toggle {
			opacity: 0;
			z-index: 99;
		  }
		  .menu__btn{
			  display: flex;
		  }
		  .bloc-result{
			  flex-wrap: wrap;
		  }
		  #dialogbox {
			  width: 90%;
		  }
		  .content-filter{
			  width: 100%;
			  padding: 20px 0px; 
		  }
		  .content-title{
			  padding: 10px;
		  }
		  .main{
			  padding: 0px;
		  }
			  .hs-responsive-embed-youtube{
				  height: 200px;
			  }
			  .hs-responsive-embed-youtube iframe{
				  width: 100%!important;
			  }
		  .content-dash{
			  width: 100%;
		  }
		  .image-river{
			  width: 100%;
		  }
		  .infos-river{
			  width: 100%;
		  }
		  .chart-person{
			  padding: 10px ;
			  width: 100%;
		  }
		  .imgIcon{
			  width: 100% ;
			  height: 150px ;
		  }
		  .guide-menu{
			  padding: 20px 0px;
  
		  }
		  .content-aposta{
			  padding: 15px;
		  }
		  .contente-widgets{
			  text-align: center;
		  }
		  .contente-widgets button{
			  width: 40%;
		  }
		  .bloc-result{
			  padding: 10px 30px;
		  }
		  .guide-menu a h2 {
		  font-size: 12px;
		  }
  
		  .indv-result{
			  margin: 10px auto;
			  width: 100%;
			  height: auto;
			  padding: 10px;
			  box-shadow: 0 1px 15px 1px rgb(69 65 78 / 8%);
	  background-color: #fff;
		  }
			  .result-num{
			  margin: auto;
			  flex-wrap: wrap;
			  align-items: center;
			  justify-content: flex-start;
			  }
		  .menu__box li {
			  width: 90%;
		  }
		  .conc-number {
		  width: 15%;
		}
        .verify-app_form{
            flex-wrap:wrap;
            justify-content:center;
        }
        .verify-app_form input{
            width:20%;
        }
        .btn-search{
            width:100%;
        }
		  .content-numbers{
			  flex-wrap: wrap;
		  }
		  #menu__toggle {
			opacity: 0;
			z-index: 99;
		  }
		  .menu__box{
			  width: 65%;
		  }
		  .menu__btn{
			  display: flex;
		  }
		  main{
			  width: 100%;
		  }
		  .indv-row{
			  height: auto;
		  }
  
		  .indv-numberBox {
		  width: 45px;
		  height: 45px;
		  margin: 5px 2px;
		}
		.colec-number{
			flex-wrap: wrap;
			width:85%;
		}
	  }