/*

Colors:
Dark Blue - 002A4A
Light Blue - 2980B9
Red - D64700
Orange - FF9311
Gray - ECF0F1
//
light-blue-gray: c6cdce;
dark gray - 22262a
purple-dark-gray: 151618
greenish blue - 298089
teal - 1a7a8c
//
*/


a{
	color: white;
}

a:hover{
	color: white;
	text-decoration: none;
}

@font-face {
    font-family: Colfax-Light;
    src: url(fonts/Colfax-Light.otf);
}

@font-face {
    font-family: Colfax-Regular;
    src: url(fonts/Colfax-Regular.otf);
}

body{
	font-family: "Colfax-Light";
	background-color: #151618;
	letter-spacing: 1.5px;
	color: #22262a;
}

@media screen and (max-width: 705px) {
	.votemLogo{
		margin-top: 10px;
	}
}

@media screen and (max-width: 500px){
	.sectionButton{
		font-size: .3em !important;
	}
	.dashNum{
		font-size: 1.5em !important;
		
	}
	.areaLegend{
		overflow: scroll;
	}

}

@media screen and (max-width: 768px){
    .mainLogo {
        display: none !important;
    }

}
@media screen and (max-height: 400px){
    .mainLogo {
        display: none !important;
    }
}

@media screen and (max-width: 1300px) and (min-width: 768px) {
	.dashNum{
		font-size: 1.8em !important;
	}
}	


.help{
	transition: opacity .25s ease-in;
	width: 30px;
	opacity: .8;
	border-radius: 40px;
	margin-top: 10px;
	border: 1px solid #22262a;
}
.help:hover{
	opacity: .6;
}
.dashbtn{
	font-family: "Colfax-Light";
	margin-bottom: 15px;
	padding: 10px;
	box-shadow: 0px 1px 8px #151618;
	border-bottom: 3px solid #FF9311;

}

.dashNum{
	margin-top: 3px;
	bottom: 1px;
	font-size:3em;
    /*overflow: scroll;*/

}

.dashbtn-xssm{
	height: 110px;
}

.dashbtn-sm{
	height: 150px;
}

.dashbtn-lg{
	height:240px;
}

.dashbtn-auto{
	height:auto;
	min-height: 100px;
}
.dashbtn-md{
	height: 200px;
}


.menuBar,.headBar{
	background-color: #002A4A;
	color: white;
}

.headBar{
	padding-top: 10px;
	font-size: 1.3em;
	letter-spacing: 1.5px;
	box-shadow: 0px 0px 4px #151618;
	z-index: 1;

}

.menuBar{
}

.sectionButton{
	margin-top: 10px;
	padding: 5px;
	cursor: pointer;
	font-family: Colfax-Light;
	font-weight: 550;
}

.selected{
	background-color: #2980B9;
	color: white;
	box-shadow: inset 0px 0px 2px #002A4A;
}
.dashboardMain{
	font-family: Colfax-Light;
	background-color: #ECF0F1;
}

.pageTitle{
	color: #22262a;
	padding: 5px;
	margin-top: 5px;
}

#pieChartCtx{
	height: 300px;
	width: 100%;

}

.mainLogo{
	display: block;
	position: relative;
}

.logoBox{
	width: 10%;
	position: fixed;
	bottom: 10px;
}
.minBlurb{
	font-size:1.8em;
	font-family: Colfax-Regular;
}

.votemLogo{
	width: 100%;
	max-width: 40px;
}




/*Leaderboard bar*/
.voteBar{
	margin-top: 10px;
}

.barBg{
	background-color: #838687;
	height: 25px; 
	color: white;
	z-index: 2;
}


.voteCount{
	z-index: 2;
	display: block;
	color: white;
	position: absolute;
}

.right{
	top: 1px;
	right: 20px;

}


.clrBar{
	z-index: 1;
	display: block;
	position: absolute;
	top: 0px;
	height: 100%;
}



.exportButton{
	cursor: pointer;
	transition: all .2s;
	color: #2980b9;
	border: 2px solid #2980b9;
	font-family: Colfax-Regular;
	padding: 5px;
	margin-top: 4px;
	margin-bottom: 15px;
}
.exportButton:hover{
	color: white;
	background-color: #002A4A;
	border: 2px solid #002A4A;

}

#dayChartCtx{
	height: 175px;
}

/* For all zoom buttons */
    .mapael .zoomButton {
		box-shadow: 0px 1px 4px #151618;
        background-color: #ECF0F1;
        border-bottom: 2px solid #FF9311;
        color: #000;
        width: 15px;
        height: 15px;
        line-height: 15px;
        text-align: center;
        cursor: pointer;
        position: absolute;
        top: 0;
        font-weight: bold;
        left: 40px;
        -webkit-user-select: none;
        -khtml-user-select : none;
        -moz-user-select: none;
        -o-user-select : none;
        user-select: none;
    }
    /* Reset Zoom button first */
    .mapael .zoomReset {
        top: 50px;
    }
    /* Then Zoom In button */
    .mapael .zoomIn {
        top: 70px;
    }
    /* Then Zoom Out button */
    .mapael .zoomOut {
        top: 90px;
    }


/*Blockchain Explorer Page*/
.scroll{
	overflow: scroll !important;
}

.myTable{
	margin-top: 10px;
	width: 100%;
}


.table tr {
	transition: background-color .1s ease-in;
	border-top: 1px solid #c6cdce;
	width: 100%;
}

.table tr > td{
	padding: 10px;
	font-size: .8em;
}


.table tbody tr:hover{
	background-color: #8EA1AE;
	color: white;
	opacity: .4;
}

/*admin page*/
.bigHeader{
	width: 300px;
}

.removeAdmin{
	color: #ff3d3d;
	font-family: Colfax-Regular;
}

.myLoader{
	width: 60px;
	opacity: .8;
}

.loader {
  border: 16px solid #c6cdce;
  border-radius: 50%;
  border-top: 16px solid #FF9311;
  width: 60px;
  height: 60px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.login{
	margin-top: 30px;
	background-color: #ECF0F1;
	padding: 30px;
	box-shadow: 0px 1px 8px #151618;

}
.logout{
	cursor: pointer;
	transition: all .3s;
	border: 1px solid white;
	padding: 5px;
	font-size: .7em;
	font-family: Colfax-Regular;
}

.logout:hover{
	background-color: white;
	color: #002A4A !important;
	border: none;
}