/* Update 09 2021 */ 
.share-class-options label::after {left: 90% !important;}
.modal-content {-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.8); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.8);}
.login-container form.p-4 {padding: 1.5rem 0rem !important;}

/* Tablet */
@media (max-width: 768px) {
	body > .row {height: 100%;}
	.sidebar .lead {font-size: 1.0rem;}	
	.sidebar .margintop {font-size: 0.875rem;}
	.dashboard .navbar .navbar-toggler {border: 0px solid transparent !important; background: transparent !important; color: #FFF !important; border-radius: 0px; width: 100% !important; text-align: left !important; padding: 1rem !important;}
	.dashboard .navbar .navbar-toggler:focus, .dashboard .navbar .navbar-toggler:hover {outline: none !important;}
	
	.dashboard .navbar .collapse .nav-item {margin: 1rem; border-top: solid 1px #555;}
	
	/* bootstrap glitch fix - begin */
	.dashboard .navbar .collapsing .nav-item {margin: 1rem; border-top: solid 1px #555;}
	.collapsing .nav-item span.fa-stack {display: inline-block;}
	.collapsing .nav-item span {display: block !important;}
	.collapsing .nav-item span.fa-stack {display: inline-block !important;}
	/*  bootstrap glitch fix - end */
	
	.dashboard .user-info .nav-item span {color: #FFF !important; padding-top: 1.5rem !important; padding-left: 0rem !important; padding-right: 0rem !important; padding-bottom: 0rem !important; margin-top: 0rem !important; margin-left: 0rem !important; margin-right: 0rem !important;}
	.dashboard .user-info .nav-item span.logout {padding-bottom: 1rem !important;}
		
	.dashboard .user-info .nav-item span.fa-stack {padding: 0rem !important; margin-left: 0rem !important;}
	.dashboard .user-info .nav-item span.logout a {color: #FFF !important; font-weight: bold;}

	.user-info {padding: 0px !important; margin-top: 0px !important; border-top: solid 0px transparent !important;}
	.dashboard .navbar {padding: 0rem !important; background: #303030 !important;}
	.navbar-collapse {padding-top: 0rem !important; -webkit-box-shadow: 0px 15px 25px -10px #000000; box-shadow: 0px 15px 25px -10px #000000; border-bottom: solid 3px #555;}
	.wrapper h1 {font-size: 1.5rem;}
	.cast-splitvote .row {flex-wrap: wrap !important;}
	
	.vertical-center .login-container .login-sidebar .login-info a {word-break: break-all;}
	body {background-image: none !important;}
}

/* Phone */
@media (max-width: 767px) {
	header .wrapper, section .wrapper {padding: 1.5rem 1rem;}
	.vertical-center .login-container .login-brand figure, .vertical-center .login-container .login-sidebar section {margin: 1rem !important;}
}