body, html {
	font-family: 'Oswald', sans-serif;
    width: 100%;
    overflow-x: hidden;
    background-color: #ffffff;
}

body {
    overflow-y: hidden;
}

#webSize {
	width: 1440px;/*75%*/
	margin: auto;
	margin-top: 120px;
	margin-bottom: 30px;
	border: 3px rgba(150, 150, 150, 0.92) solid;
}

@media only screen and (max-width: 1400px) {
    #webSize {
	    width: 100%;
	}
}

.colorSpace {
	position: absolute;
    height: 5px;
    /* box-shadow: 0px 20px 60px 0px #8a6829; */
    background-color: #3a008b;
    background-image: -webkit-linear-gradient(92deg, #d527f3 8.93%, #6937b8 93.05%);
    /* -webkit-background-clip: text; */
    -webkit-animation: hue 60s infinite linear;
}

@media only screen and (max-width: 1400px) {
    .colorSpace {
	    position: absolute;
		height: 0px;
		display: none;
	}
}

.colorRight {
    width: 150px;
    transform: rotate(135deg);
    margin-left: 200px;
    margin-top: 35px;
    -webkit-box-shadow: 0px -4px 12px 0.75px #6937b8;
    box-shadow: 0px -4px 12px 0.75px #6937b8;
    /* padding-right: 100px; */
}

.colorLeft {
    /*width: 150px;
    transform: rotate(45deg);
    margin-left: -100px;
    margin-top: -50;*/
    width: 250px;
	transform: rotate(45deg);
	margin-left: -185px;
	
    -webkit-box-shadow: 0px 4px 12px 0.75px #6937b8;
    box-shadow: 0px 4px 12px 0.75px #6937b8;
}

.colorCenter {
    /*width: 198px;
    margin-left: 26px;
    margin-top: 3;*/
    width: 198px;
	margin-left: 26px;
	margin-top: 87px;
    border-radius: 55px;
    -webkit-box-shadow: 0px 1px 2px 0.75px #6937b8;
    box-shadow: 0px 1px 2px 0.75px #6937b8;
}

.front {
    height: 100%;
    min-height: 800px;
    background-position: center;
    overflow-y: hidden;
    overflow-x: hidden;
    background-repeat: no-repeat;
    background-size: cover;
	background-color: white;
}

.frontImg {
    height: 100%;
    min-height: 800px;
    background-position: center;
    overflow-y: hidden;
    overflow-x: hidden;
    background-repeat: no-repeat;
    background-size: contain;
	background-color: white;
	background-image: url(../img/accountBG.png);
}

.frontSmall {
    /*height: 100%;
    min-height: 800px;*/
    background-position: center;
    overflow-y: hidden;
    overflow-x: hidden;
    background-repeat: no-repeat;
    background-size: cover;
	background-color: white;
}

.frontInfo {
	/* height: 500px; */
	border: 10px solid rgba(66, 83, 130, 0.94);
	margin: 12%;
	width: 75%;
	display: inline-block;
	background-color: white;
	border-radius: 10px;
	text-align: center;
	padding: 20px;
	color: rgba(66, 83, 130, 0.94);
	margin-top: 30px;
	font-size: 20px;
}

#frontVideo {
	height: 600px;
	margin: 3%;
	display: inline-block;
	width: 40%;
}

#frontLogin {
	min-height: : 500px;
	/*border: 1px solid black;*/
	display: inline-block;
	float: right;
	margin: 3%;/*50px*/
	width: 25%;/*350px*/
	text-align: center;
	background-color: rgba(170, 177, 181, 0.57);
	border-radius: 10px;
}

#frontLoginBox {
	padding: 55px;
	padding-top: 20px;
}

@media only screen and (max-width: 1400px) {
    #frontInfo, #frontVideo, #frontLogin {
	    width: 90%;
	    height: auto;
	}
}

@media only screen and (max-width: 1400px) {
    #frontLogin {
	    float: none;
	}
}

@media only screen and (max-width: 1400px) {
    .front {
	    height: auto;
	}
}

@media only screen and (max-width: 1400px) {
    #voteRibbon {
	    display: none;
	}
}

@media only screen and (max-width: 1200px) {
    .mobileNav {
	    visibility: hidden;
	    position: absolute;
	}
}

.frontTag {
	/*text-align: left;*/
	/*width: 49%;*/
	display: inline-block;
	/*padding-right: 20%;*/
}

.noticeText {
	text-align: left;
	/*width: 49%;
	display: inline-block;*/
}

@media only screen and (max-width: 630px) {
    .noticeText {
	    width: 100%;
	}
}

.noticeTextRight {
	text-align: left;
	width: 300px;
	display: inline-block;
}

.noticeLink {
	color: rgb(89, 0, 89)!important;
}

.noticeHead {
	width: 350px;
	display: inline-block;
}

.bigTextArea {
	width: 75%;
	background-color: rgba(170, 177, 181, 0.57);
	text-align: center;
	border-radius: 10px;
	margin: auto;
	margin-top: 50px;
	padding-top: 30px;
	min-height: 350px;
}

.bigTextAreaClean {
	width: 75%;
	/*background-color: rgba(170, 177, 181, 0.57);*/
	text-align: center;
	border-radius: 10px;
	margin: auto;
	margin-top: 50px;
	padding-top: 30px;
	min-height: 350px;
}

.downloadLinks {
	text-align: center;
}

.downloadImg {
	width: 20%;
	/* margin-left: 3%; */
	margin-top: 20px;
	margin-bottom: 50px;
	padding-left: 40px;
}

.smallIcon {
	display: inline-block;
	width: 20px;
	padding-bottom: 15px;
	margin-left: 10px;
	margin-right: 10px;
}

.login {
	padding-top: 1%;
	/*min-height: 700px;*/
}

.topLine, .mainTextIcon {
	display: inline-block;
}

.borderlessText {
	border-top-color: white;
	border-right-color: white;
	border-left-color: white;
}

.shopBody {
	text-align: center;
	display: inline-block;
	width: 100%;
}

.rankingImg {
	width: 100%;
	display: inline-block;
	text-align: center;
	margin-bottom: -25px;
}

.rankClick {
	color: white!important;
	text-decoration: none!important;
}

.btn-search {
	background-color: #212529;
	border-color: #212529;
	color: white;
}

.navmenu-fixed-left, .navmenu-fixed-right, .navbar-offcanvas {
	    /*width: 50%;*/
	    margin-top: 100px;
	    left: 0!important;
	    top: 0!important;
		/*padding-right: 10px;*/
}

#rankSearch {
	width: 100%;
	text-align: center;
	height: 80px;
	margin-bottom: 50px;
	margin-top: 30px;
	color: white;
	background-color: #212529;
	border-color: #32383e;
}

 #jobSel {
	width: 50%;
	display: inline-block;
	float: left;
	text-align: left;
	padding-top: 3%;
	padding-left: 2%;
 }
 
 #nameSel {
	width: 50%;
	display: inline-block;
	float: right;
	padding-top: 3%;
 }

.transparent {
    border: 0;
    border-radius: 0;
    width: 100%;
}

.transparent a:link,.transparent a:visited,.transparent a:hover,.transparent a:active {
    text-decoration: underline;
    color: white;
} 

a:link, a:visited, a:hover, a:active {
    /*color: rgba(0, 0, 0, 1);*/
    color: rgb(89, 0, 89);
} 

a:link, a:visited, a:hover, a:active {
    text-decoration: underline;
}

.transparent a:hover {
	text-shadow: 0 0 5px #f0f0f0;
}


.caption h1 {
    position: relative;
    top: 10px;
    left: 40px;
}

.header-b {
    color: #000;
}

.header-p {
	color: #d26569;
    /*color: #de6f5b;*/
    
}

.header-buttons {
    position: relative;
    top: 50px;
    color: white;
    left: 40px;
}

.downloadBanner {
    /*background-image: url(../img/downloadBanner.png);
    height: 100%;
    min-height: 700px;*/
    background-position: center;
    overflow-y: hidden;
    overflow-x: hidden;
    background-repeat: no-repeat;
    background-size: cover;
	background-color: white;
	padding-top: 10px;
	text-align: center;
}

.topNotice {
	/*background-color: rgba(162, 162, 162, 0.72);
	height: 20px;	
	overflow: hidden;
	position: relative;*/
	overflow: hidden;
}
.topNotice h3 {
	 position: absolute;
	 font-size: 14px;
	 width: 100%;
	 height: 10px;
	 margin: 0;
	 color: rgba(50, 50, 50, 0.65);
	 line-height: 20px;
	 text-align: center;
	 /* Starting position */
	 -moz-transform:translateX(100%);
	 -webkit-transform:translateX(100%);	
	 transform:translateX(100%);
	 /* Apply animation to this element */	
	 -moz-animation: topNotice 18s linear infinite;
	 -webkit-animation: topNotice 18s linear infinite;
	 animation: topNotice 18s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes topNotice {
 0%   { -moz-transform: translateX(60%); }
 100% { -moz-transform: translateX(-60%); }
}
@-webkit-keyframes topNotice {
 0%   { -webkit-transform: translateX(60%); }
 100% { -webkit-transform: translateX(-60%); }
}
@keyframes topNotice {
 0%   { 
 -moz-transform: translateX(60%); /* Firefox bug fix */
 -webkit-transform: translateX(60%); /* Firefox bug fix */
 transform: translateX(60%); 		
 }
 100% { 
 -moz-transform: translateX(-60%); /* Firefox bug fix */
 -webkit-transform: translateX(-60%); /* Firefox bug fix */
 transform: translateX(-60%); 
 }
}

.btn.btn-secondary.btn-p {
    background-color: #DE6F5C;
    height: 40px;
    border-radius: 500px;
    padding-left: 50px;
    padding-right: 50px;
    margin-right: 50px;
    text-transform: uppercase;
    border: none;
    box-shadow: 0px 0px 20px 0px #DE6F5C;
    margin: 20px;
    color: #fff;
}

.btn.btn-secondary.btn-p.view-f, .join {
    background-color: #EAAF8F;
    color: #fff;
    text-transform: uppercase;
    border: none;
}


.btn.btn-secondary.btn-p.join {
    position: relative;
    top: 25px;
    padding-left: 70px;
    padding-right: 70px;
    border-radius: none;
    text-transform: uppercase;
    left: 150px;
    border: none;
}

#navbar-image {
    max-width: 264px;
    margin-top: -5px;
}

#user-image {
    max-width: 136px;
    /*max-height: 42px;*/
}

#discord-image {
    max-height: 32px;
    max-width: 32px;
}

.header-content {
    color: #616161;
    /*max-width: 900px;*/
    position: relative;
    left: 124px;
    font-size: 25px;
    padding-top: 7px;
}

.headerPos {
	height: 300px;
	margin-top: 300px;
}

/*.caption {
    min-height: 570px;
    background-position: center;
    overflow-y: hidden;
    overflow-x: hidden;
    background-repeat: no-repeat;
}*/

.navbar-nav {
	width: 100%;
}

ul.navbar-nav li {
    text-align: center;
    margin: 0 auto;
}

.online-count {
    padding-left: 20px;
    padding-right: 20px;
}

.navbar-toggler {
    background-color: white;
}

.custom-toggler .icon-bar {
    background-color: black; !important;
    border-color: black;
    color: black;
}

.navbar-brand {
    font-size: 25px;
    text-decoration: none;
}
@media only screen and (max-width: 1400px) {
    .navbar-brand2 {
	    display: none;
	}
}
@media only screen and (min-width: 1400px) {
    .navbar-brand {
	    display: none;
	}
}
@media only screen and (max-width: 1400px) {
    .navbarSize {
	    width: 50%;
	}
}
.nav-item {
	text-transform: uppercase;
    opacity: 1.0;
}

.nav-link {
    font-size: 20px;
    margin: 20px 30px 20px 0px;
}

.custom.nav-link {
    opacity: 1.0;
}

.btn-success {
    height: 50px;
    margin-left: 50px;
    border-radius: 500px;
    background-color: #83d887;
	border-color: #83d887;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {
    color: #fff;
    background-color: #83d887;
	border-color: #83d887;
}

.btn-danger {
    height: 50px;
    margin-left: 50px;
    border-radius: 500px;
    background-color: #d87074;
	border-color: #d87074;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active {
    color: #fff;
    background-color: #d87074;
	border-color: #d87074;
}

.dropdown-toggle::after {
    display: none;
}

.header-feature h1 {
    color: #fff;
    position: relative;
    top: 10px;
    left: 52px;
}

.header-feature h1 {
    margin-top: 30px;
}

.header-img {
    max-height: 64px;
    max-width: 64px;
    margin: 30px;
}

.feature-list {
	padding-bottom: 100px;
}

.feature-list img {
    max-height: 32px;
    max-width: 32px;
}

.features {
    background-color: #F0F0F0;
    min-height: 700px;
    width: 100%;
    height: 100%;
}

.footer {
    background-color: #212c49;
    color: white;
    width: 100%;
    min-height: 100px;
    text-align: center;
}

.footer-text {
    position: relative;
    top: 30px;
    font-size: 15px;
}

.footer-links {
    position: relative;
    top: 25px;
    font-size: 15px;
    max-width: 75%;
}

.footer-spacing {
    height: 5px;
    border: 0;
    box-shadow: 0px 20px 60px 0px #8a6829;
    background-color: darkcyan;
    width: 100%;
    background-image: -webkit-linear-gradient(92deg,#f35626,#feab3a);
    //-webkit-background-clip: text;
    -webkit-animation: hue 60s infinite linear;
}

.footer a {
    color: white;
}

.downloadBox {
	width: 50%;
}

.mobileNav {
	/*width: 230px;*/
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media only screen and (max-width: 888px) {
    #mobileColor {
	    color: black;
	}
}

@media only screen and (max-width: 888px) {
    .downloadBox {
	    width: 100%!important;
	}
}

@media only screen and (max-width: 1200px) {
    .imgHide {
	    visibility: hidden;
	    position: absolute;
	}
}

@media only screen and (min-width: 1200px) {
    .mobileNav {
	    visibility: hidden;
	    position: absolute;
	}
}

@media only screen and (max-width: 1200px) {
    .caption {
	        min-height: 500px!important;
	}
}

@media only screen and (max-width: 1200px) {
    .header-content {
	        left: 1%;
	        font-size: 20px;
			padding-top: 4px;
	}
}

@media only screen and (max-width: 1200px) {
    .elluel-client, .maplestory {
	    width: 275px!important;
	    margin-bottom: 10px!important;
	    margin-left: 20%!important;
	}
}

@media only screen and (max-width: 1200px) {
    .elluel-bg {
	    height: 300px;
		width: 300px!important; 
	}
}

@media only screen and (max-width: 1200px) {
    .rankingBody {
		width: 150%!important; 
	}
}

@media only screen and (max-width: 1200px) {
    .nav-link {
		margin-top: 3%!important;
	}
}

@media only screen and (max-width: 1200px) and (orientation:landscape) {
    .nav-link {
		margin-top: 0%!important;
		margin: 0px!important;
	}
}

@media only screen and (max-width: 1200px) {
    ul.navbar-nav li {
		width: 100%!important;
	}
}

@media only screen and (max-width: 1200px) {
    .voteBody {
    	width: 90%!important;
	}
}

@media only screen and (max-width: 1200px) {
    .reg-form {
		width: 90%!important;
	    margin-left: 5%!important;
	    text-align: center!important;
	}
}

@media only screen and (max-width: 1200px) {
    .btn-success {
    	margin-left: 0px!important;
	}
}

@media only screen and (max-width: 980px) {
    .footer-links {
    	    max-width: 100%!important;
	}
}

@media only screen and (max-width: 1200px) {
    .text-line{
    	margin-left: 1%!important;
	}
}

@media only screen and (max-width: 1200px) {
    .headerPos {
    	margin-top: 160px!important;
	}
}

@media only screen and (max-width: 1200px) {
    .table td, .table th {
    	padding: .35rem!important;
	}
}

@media only screen and (max-width: 1200px) {
    .ranking {
    	min-height: 1000px!important;
	}
}

@media only screen and (max-width: 600px) {
    .vote-history-custom {
    	width: 100%!important;
	}
}

.offset-footer {
	margin-left: 33.333333%;
}

@media only screen and (max-width: 970px) {
	.offset-footer {
		margin-left: 0%!important;
	}
}

@media only screen and (max-width: 650px) {
    .caption h1 {
    	 left: 0px;
		 text-align: center;
	}
}

@media only screen and (max-width: 1200px) {
    .int-buttons {
    	width: 100%!important;
    	margin-left: 10%!important;
		margin-right: 10%!important;
	}
}

@media only screen and (max-width: 800px) {
    .aboutImg {
    	width: 100%!important;
	}
}

@media only screen and (max-width: 450px) {
    .int-buttons {
    	width: 100%!important;
    	margin-left: 1%!important;
		margin-right: 1%!important;
	}
}

@media only screen and (max-width: 1200px) {
    .user-information {
    	width: 90%!important;
	}
}

@media only screen and (min-width: 1200px) {
    .rowSpecial {
    	    display: inline-block!important;
	}
}


@media only screen and (max-width: 1025px) {
    .g-recaptcha {
    	margin: 0 auto;
		width: 304px;
	}
}

@media only screen and (max-width: 1400px) {
    .registerImg {
	    top: 505px!important;
	}
}

@media only screen and (max-width: 1200px) {
    .specialNav, .join, .header-buttons, .bam-image, .registerImg, .registerImg2, .zero-image, .kinesis-image, #elluel-img, .voteImg, .voteImg2, .loginImg, .loginImg2, .dot, .dot1, .dot2 {
	    visibility: hidden!important;
	    position: absolute!important;
	    height: 0px!important;
	    width: 0px!important;
	}
}

@media screen and (max-width: 1124px) and (orientation:landscape) {
	.offset-sm-4 {
    	margin-left: 0%!important;
	}
}

@media (min-width: 1560px) and (max-width: 1920px){
    .navbar-expand-custom {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-custom .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-custom .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem;
    }
    .navbar-expand-custom .navbar-collapse {
        display: flex!important;
    }
    .navbar-expand-custom .navbar-toggler {
        display: none;
    }
}
/*1550 min*/

.specialNav {
	width: 10%;
}

.text-line {
	margin-left: 3%;
}
@-webkit-keyframes hue {
    from {
      -webkit-filter: hue-rotate(0deg);
    }
    
    to {
      -webkit-filter: hue-rotate(360deg);
    }
}

.content {
	/*min-height: 800px;*/
	background-color: white;
}

ul {
    list-style-type: none;
}

.rankings-custom {
    text-align: center;
    background-color: rgba(255, 255, 255, 0.4);
}

td {
    height: 120px;
}

.zero-image {
    width: 25%;
    margin-top: 8%;
    float: left;
}

.kinesis-image {
    width: 23%;
    margin-top: 4%;
    float: right;
}

/*.table-bordered td, th {
    border-top: solid 1px #ccc !important; 
    border-right: none !important;
    border-left: none !important;
    border-bottom: solid 1px #ccc !important;
}*/

.table td, .table th {
	vertical-align: middle !important;
}

.rank-functions {
    padding-bottom: 1%;
    padding-top: 1%;
	float: right;
}

.rank-functions button {
    background-color: orange;
    border: none;
    padding-left: 20px;
    padding-right: 20px;
    
}

.ranking, .register, .vote {
    /*background-color: #f0f0f0;*/
	min-height: 500px;
}

.ranking {
	min-height: 800px;
}

.rank-functions button:hover {
    text-decoration: none;
    background-color: darkorange;
    
}

.shop, .ranking {
	padding-top: 1%;
}

.voteSize {
	width: 25%;
}

.loginSize {
	width: 45%;
	display: inline-block;
}

.regSize {
	width: 50%;
	display: inline-block;
}

@media only screen and (max-width: 700px) {
    .regSize, .loginBody, .loginSize, .voteSize {
	    width: 100%!important;
	}
}

@media only screen and (max-width: 1200px) {
    .loginBody {
	    width: 100%!important;
	}
}

.navigate {
    padding-bottom: 1%;
    padding-top: 1%;
    width: 100%;
}

.rank-navigate {
    background-color: #f0f0f0;
}

.rank-navigate {
    padding: 0;
    margin: 0;
}

.rank-navigate li {
    background-color: black;
    border: none;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 20px;
}

.navi-left {
    float: left;
}

.navi-right {
    float: right;
}

.mainBttnColor {
	color: white;
	background-color: black;
	border-color: black;
}

.mainBttnColor a {
	color: white;
	background-color: black;
	border-color: black;
}

mainBttnColor.focus, .mainBttnColor:focus {
    outline: 0;
    box-shadow: 0px 0px 0px 0.0rem rgba(0, 0, 0, 0);
}

a.mainBttnColor:link,
a.mainBttnColor:visited,
a.mainBttnColor:focus,
a.mainBttnColor:hover,
a.mainBttnColor:active {
	color: white;
	background-color: black;
	border-color: black;
	text-decoration: none;
}

.mainBttnColor:focus, .mainBttnColor:hover, .mainBttnColor:active {
    color: white;
	background-color: black;
	border-color: black;
}

.reg-form {
    /*width: 25%;*/
	display: inline-block;
}

.form-control {
    text-align: center;
}

.reg-submit {
	width: 100%;
    /*padding-left: 60px;
    padding-right: 60px;*/
    margin-top: 10px;
    margin-bottom: 50px;
    background-color: orange;
    border: none;
}

.reg-submit:hover, .vote-submit:hover {
    text-decoration: none;
    background-color: darkorange;
}

.xenon-image {
    margin-top: 20%;
    width: 25%;
}

.bam-image {
    margin-top: 5%;
    width: 25%;
    padding-left: 5%;
}

.registerImg {
	width: 20%;
	display: inline-block;
}

.registerImg2 {
	width: 20%;
	display: inline-block;
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}

.DOBmonth {
    width: 35%;
    display: inline-block;
}

.DOBday {
    width: 29%;
    display: inline-block;
}

.DOByear {
    width: 35%;
    display: inline-block;
}
.DOBmonth {
    width: 35%;
    display: inline-block;
}

.DOBday {
    width: 29%;
    display: inline-block;
}

.DOByear {
    width: 35%;
    display: inline-block;
}

.vote a {
    text-decoration: underline;
}

.vote-text {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 20px;
    text-align: center;
}

#vusername {
    margin-bottom: 30px;
}

.vote-text-top {
    /*margin-top: 10%;*/
}

.vote-form {
    width: 49%;
}

.vote-submit {
    padding-left: 60px;
    padding-right: 60px;
    margin-top: 10px;
    margin-bottom: 200px;
    background-color: orange;
    border: none;
}

.register, .vote {
    padding-top: 1%;
	min-height: 630px;
}

.register {
	/* height: 866px; */
	text-align: center;
}

.toscheck a {
    text-decoration: underline;
}

.rankingBody {
	width: 1000px;
	min-height: 650px;
}

.login-content {
    background-color: #f0f0f0;
    height: 720px;
}

.login-btn {
    padding-left: 60px;
    padding-right: 60px;
    background-color: orange;
    border: none;
}

.login-buttons {
    text-align: center;
}

.login-row {
    margin-left: 35%;
    margin-bottom: 40px;
}

.download-tips {
    width: 100%;
    background-color: #f0f0f0;
    text-align: center;
}

.download-tips a {
    color: black;
    text-decoration: underline;
}

.download-links {
    width: 100%;
    color: white;
    background-image: url(../assets/NightSky.png);
    text-align: center;
    overflow-x: hidden;
    overflow-y: hidden;
    background-repeat: no-repeat;
    background-size: cover;
}

.elluel-bg {
	height: 300px;
	min-width: 600px;
}

.elluel-client {
    border-style: solid;
    margin-top: 100px;
    margin-bottom: 100px;
    height: 300px;
}

.maplestory {
    border-style: solid;
    margin-top: 100px;
    margin-bottom: 100px;
    height: 300px;
}

.elluel-client, .maplestory {
    border-radius: 50px;
    width: 600px;
	margin-left: 25%;
}

.download-btn {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.download-btn:hover{
    color: darkgrey;
}

a.download-btn:link,
a.download-btn:visited,
a.download-btn:active {
	color: white;
}

.transparent a:link,.transparent a:visited,.transparent a:hover,.transparent a:active {
    text-decoration: none;
}

.voteBody {
	width: 50%;
	margin-top: 70px;
	min-height: 300px;
}

.voteImg {
	width: 25%;
	padding-left: 5%;
	position: absolute;
}

.voteImg2 {
	width: 25%;
	padding-left: 85%;
	position: absolute;
}

.loginBody {
	width: 50%;
	display: inline-block;
	text-align: center;
}

.loginImg {
	width: 25%;
	padding-left: 5%;
	display: inline-block;
}

.loginImg2 {
	display: inline-block;
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}

a.dropdown-toggle.navDrop {
	background-color: rgba(0, 0, 0, 0.01);
}
a.dropdown-toggle.navDrop:hover, a.dropdown-toggle.navDrop:focus {
	background-color: rgba(0, 0, 0, 0);
}

ul.scroll-menu {
    position: relative;
    display: inherit !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
    -o-overflow-scrolling: touch;
    overflow-scrolling: touch;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    height: auto;
    max-height: 400px;
    margin: 0;
    border-left: none;
    border-right: none;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    text-align: center;
    font-size: 14px;
}

.dropdown-menu {
	border: 1px solid rgba(0,0,0,0);
}

.has-error .help-block, .has-error .control-label, .has-error .radio,
.has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
    color: #a94442;
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede;
}

.has-error .form-control-feedback {
    color: #a94442;
}

.has-success .help-block, .has-success .control-label, .has-success .radio,
.has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline {
    color: #3c763d;
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8;
}

.has-success .form-control-feedback {
    color: #3c763d;
}

.about-us {
    text-align: center;
    font-weight: bolder;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #f0f0f0;
}

.about-content {
    margin-top: 100px;
}

.about-content-header {
    margin-top: 50px;
}

.purchase {
	background-color: #f0f0f0;
}

.purchase-tip-link {
    text-transform: underline;
    color: black;
}

.purchase-confirm {
    margin-top: 10px;
    margin-bottom: 130px;
    background-color: orange;
    border: none;
    width: 150px;
}

.purchase-confirm:hover {
    background-color: darkorange;
    color: black;
}

.purchase-text {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 20px;
    text-align: center;
}

.purchase-text-top {
    margin-top: 5%;
}

.inputPurchaseChoice {
    margin-bottom: 10px;
}

.read-check a {
    color: black;
    text-transform: underline;
}

.purchaseBody {
	width: 50%;
	margin-top: 70px;
	min-height: 600px;
}

ul.dropdown-menu {
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	background-clip: padding-box;
}

ul.customDrop li a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
}

ul.customDrop li a:hover, ul.customDrop li a:focus {
	text-decoration: none;
	color: #262626;
	background-color: #f5f5f5;
}

ul.navbar-nav li .divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5;
	width: 100%;
}

ul.dropdown-menu li {
	width: 100%;
}

.user-interface {
    background-image: url(../assets/accBG.jpg);
    text-align: center;
}

.int-buttons {
    background-color: rgba(242, 242, 242, 0.1);
    color: #fff;
    border: none;
    padding-bottom: 30px;
    margin-bottom: 60px;
    margin-left: 71px;
    margin-right: 71px;
    width: 25%;
    white-space: normal!important;
}

.int-buttons h3 {
    color: white;
}

a.int-buttons,
a.int-buttons:link,
a.int-buttons:visited,
a.int-buttons:active {
	color: white!important;
}

a.int-buttons:hover {
	color: black!important;
}

.int-buttons a {
    color: white!important;
}

.int-buttons:hover {
    background-color: #f0f0f0;
    color: black!important;
}

.first-row {
    padding-top: 30px;
}

.user-information {
    padding-top: 20px;
	padding-bottom: 30px;
	width: 50%;
	text-align: center;
	background-color: rgba(242, 242, 242, 0.1);
	color: white;
}

.welcome-text {
    background-color: rgba(242, 242, 242, 0.1);
    padding-top: 60px;
    color: #fff;
}

.account-information {
    background-color: rgba(242, 242, 242, 0.1);
    padding-bottom: 60px;
    color: #fff;
}

.settings a {
    text-decoration: underline;
}

.user-information a {
    text-decoration: underline;
    color: white!important;
}

.settings-text {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 20px;
    text-align: center;
}

.settings-text-top {
    margin-top: 100px;
}

.settings-form {
    width: 49%;
}

.settings-submit {
    margin-top: 10px;
    margin-bottom: 200px;
    background-color: orange;
    border: none;
    width: 300px;
}

.change-email a {
    text-decoration: underline;
}

.change-email-text {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 20px;
    text-align: center;
}

.change-email-text-top {
    margin-top: 100px;
}

.change-email-form {
    width: 49%;
}

.change-email-submit {
    padding-left: 50px;
    padding-right: 80px;
    margin-top: 10px;
    margin-bottom: 200px;
    background-color: orange;
    border: none;
}

.DOBcemonth {
    width: 20%;
    display: inline-block;
}

.DOBceday {
    width: 20%;
    display: inline-block;
}

.DOBceyear {
    width: 20%;
    display: inline-block;
}

.charfix a {
    text-decoration: underline;
}

.charfix-text {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 20px;
    text-align: center;
}

.charfix-text-top {
    margin-top: 100px;
}

.charfix-submit {
    padding-left: 50px;
    padding-right: 50px;
    margin-top: 10px;
    margin-bottom: 200px;
    background-color: orange;
    border: none;
}

.charfix-submit:hover {
    background-color: darkorange;
    
}

.reset-pic a {
    text-decoration: underline;
}

.reset-pic-text {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 20px;
    text-align: center;
}

.reset-pic-text-top {
    margin-top: 100px;
}

.reset-pic-submit {
    padding-left: 50px;
    padding-right: 50px;
    margin-top: 10px;
    margin-bottom: 200px;
    background-color: orange;
    border: none;
}

.reset-pic-submit:hover {
    background-color: darkorange;
}

.alert-danger {
    width: 100%;
    text-align: center;
    height: 100%;
    margin-top: 10px;
}

.vote-history, .charfix, .change-email {
    background-color: #f0f0f0;
    min-height: 500px;
}

.settings, .reset-pic {
    background-color: #f0f0f0;
    min-height: 600px;
}

.vote-history-custom {
    width: 100%;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.4);
}

.vote-history td {
    height: 30px;
}

.vote-history-text {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
}

.rowSpecial {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

.accountBanner {
	width: 997px;
	height: 329px;
	text-align: center;
	margin: auto;
	padding-top: 100px;
	color: white;
	background-image: url(../img/account-banner.png);
}

.accountTabs {
	width: 967px;
	height: auto;
	text-align: center;
	margin: auto;
	margin-bottom: 50px;
	margin-top: 50px;
	background-color: rgba(128, 128, 128, 0.3);
	border-radius: 40px;
	border: 5px solid rgb(123, 91, 231);
}

.accountTab {
	width: 196px;
	height: 244px;
	text-align: center;
	margin: 30px;
	display: inline-block;
}

.accountLogout {
	/*display: inline-block;
	float: right;
	padding-right: 5%;*/
	position: absolute;
	margin-left: 300px;
	margin-top: -30px;
}

.accountNotif {
	/*width: 300px;
	height: 100px;
	display: inline-block;*/
}

.goBack {
	padding-left: 30px;
	font-size: 18px;
}

.backImg {
	width: 50px;
	margin-right: 10px;
	/*margin-top: -17px;*/
}

.submitButton {
	width: 170px;
}

.biggerText {
	font-size: 35px;
}

.aboutImg {
	max-height: 252.99px
}

.waiting {
	color: rgb(0, 0, 0)!important;
}

.confirmed {
	color: rgb(32, 147, 83)!important;
}

.denied {
	color: rgb(196, 25, 23)!important;
}

/*.buyButtons form {
	display: inline-block;
	margin-bottom: 100px;
}*/

.pad {
	 padding-top: 30px;
}