/*.available-balance{

	background: #01A46D;
	padding-top: 10px;
	padding-bottom: 10px;
}


.nav-tabs .nav-link.active {
    font-weight:bold;
    background-color: transparent;
    border-bottom:3px solid #dd0000;
    border-right: none;
    border-left: none;
    border-top: none;
}


.winner{
   background: url(../images/nyttår.gif);
	 background-repeat: no-repeat;
	 background-size: cover;
	 background-position: center;
	 height: 400px;
}*/
/*#side-bar{
	position: absolute;
	width: 230px;
	height: 700px;
	background: #1A3CE7;
	left:-300px;
  transition: .5s ease-out;
  z-index: 4;
}
.toggle-btn{
	position: absolute;
	top: 0;
	left: 310px;
  cursor: pointer;
  height: 50px;
  width: 50px;
}
.toggle-btn span{
	width: 37px;
	height: 7px;
  border-radius:5px;
	background: #ffffff;
	border: #F6155A 1px solid;
	display: block;
  margin-top:4px; 
  transition: 0.3s ease;
}
ul{
	margin-left:0;
	padding-left:5px;
}

li{
	color: #ffffff;
	list-style: none;
	font-size:18px;
	cursor: pointer;
	padding-left:5px; 
	padding-bottom: 23px;
	padding-top:24px;
}

li:hover{
	background: #292929;
	color: #FCFCFB;
}

#side-bar.active{
	left:0;
}
#side-bar.active .toggle-btn {
  top: 2.8rem;
  left: 235px;
}
#side-bar.active span {
  position: absolute;
}
#side-bar.active span:nth-child(1) {
  transform: rotate(45deg);
  top: 0px;
}
#side-bar.active span:nth-child(2) {
  opacity: 0;
}
#side-bar.active span:nth-child(3) {
  transform: rotate(-45deg);
}
#side-bar.active ~ .content {
  opacity: 0.3;
}
*/


/*.count-down h3{
	color: #707274;
}

.count-down p{
	color: #707274;
}

*/



.dashboard-new{
	background:#1A3CE7;
	position:fixed;
	top:0;
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	z-index: 8;
			
}

.profile-up{

	background-repeat:no-repeat;
	background-size:cover;

	
			
	
}

.profile{
	border-radius:50px;
	border:#ffffff 4px solid;
}
.detail h4{
	font-size:12px;
	color:#ffffff;
	
	
}
.detail p{
	color:#ffffff;
}
.photo{
	margin-top:30px;
}
.detail h4{
	font-size:22px;

}


.dashboard-info{
	margin-top:20px;
   	padding-bottom:20px;
}

.modal-header{
	background-color: #21D4FD;
background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%);

	
}
.modal-footer{
	background-color: #21D4FD;
background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%);
}
.modal-body{
	background:#DDDFE0;
}

.box{
	background:#D312A3;
	text-align:center;
	padding-top:25px;
	padding-bottom:25px;
	border:#ffffff 2px solid;
	border-radius:10px;
	-webkit-box-shadow: -4px 7px 4px -5px rgba(0,0,0,0.75);
-moz-box-shadow: -4px 7px 4px -5px rgba(0,0,0,0.75);
box-shadow: -4px 7px 4px -5px rgba(0,0,0,0.75);
	
}

.content-area p{
	font-size:11px;
	font-weight:bold;
	margin-top:4px;
	text-align:center;

}
.content-area{
/*background: #85E1FB;*/
	z-index: 2;
	padding: 20px;
	border-radius: 15px;
	/*-webkit-box-shadow: -2px 3px 11px -6px rgba(0,0,0,0.75);
-moz-box-shadow: -2px 3px 11px -6px rgba(0,0,0,0.75);
box-shadow: -2px 3px 11px -6px rgba(0,0,0,0.75);*/
}
.carousel-item img{
	border-radius: 15px;
}
.carousel-inner{
	margin-top: 80px;
}

.box-info{
	margin-bottom:15px;
}
.footer{
	background-color: #21D4FD;
background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%);

	position:fixed;
	bottom:0;
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
}
.footer img{
	height:36px; width:36px;
}
.block1{
	background:#ffffff;
	padding:15px;
	border-radius:15px;
	-webkit-box-shadow: -2px 3px 11px -6px rgb(0 0 0 / 75%);
    -moz-box-shadow: -2px 3px 11px -6px rgba(0,0,0,0.75);
    box-shadow: -2px 3px 11px -6px rgb(0 0 0 / 75%);
	margin-bottom:40px;
	margin-top:20px;
}
.heading{
	background-color: #21D4FD;
    background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%);
	padding:15px;#FC931F;
	-webkit-box-shadow: -2px 3px 11px -6px rgb(0 0 0 / 75%);
    -moz-box-shadow: -2px 3px 11px -6px rgba(0,0,0,0.75);
    box-shadow: -2px 3px 11px -6px rgb(0 0 0 / 75%);
	
}
.info p{
	color:#ffffff;
	text-decoration:none;
/*	background:#18FF32;
	border-radius:10px;
	color:#000000;*/
	
	
}
.info h4{
	color:#000000;
	text-decoration:none;
}









.imagePreview {
    width: 100%;
    height: 325px;
    background-position: center center;
  background:url(http://cliquecities.com/assets/no-image-e3699ae23f866f6cbdf8ba2443ee5c4e.jpg);
  background-color:#fff;
    background-size: cover;
  background-repeat:no-repeat;
    display: inline-block;
  box-shadow:0px -3px 6px 2px rgba(0,0,0,0.2);
}
.btn-warning
{
  display:block;
  border-radius:0px;
  box-shadow:0px 4px 6px 2px rgba(0,0,0,0.2);
  margin-top:-5px;
}


.imgUp
{
  margin-bottom:15px;
}
.del
{
  position:absolute;
  top:0px;
  right:15px;
  width:30px;
  height:30px;
  text-align:center;
  line-height:30px;
  background-color:rgba(255,255,255,0.6);
  cursor:pointer;
}
.icon img{
	background:#ffffff;
	padding:5px;
	border-radius:50%;
	box-shadow: 0px 0px 5px 0px rgba(158,153,153,0.75);
-webkit-box-shadow: 0px 0px 5px 0px rgba(158,153,153,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(158,153,153,0.75);
}

.disclaimer h3{
	font-size:20px;
	font-weight:bold;
	margin-top:15px;
	text-align:center;
	
}

.disclaimer p{
	font-size:14px;
	text-align:justify;
}

.host-game{
	margin-top:15px;
	
}

.modal-header .close {

    color: red!important;
    font-size: 45px!important;
}
<!-- HTML !-->


/* CSS */