html,
body {
	margin:0;
	padding:0;
	height:100%;
}

.rtwNavbar {
    box-shadow: 0 0 8px 0 #000000; 
    min-height: 2em; 
    margin-bottom: 8px;
    z-index: 1;
    background-color: white;
}

.rtwNavButton {
    
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	/*border:1px solid #a7a7a7;*/
	color:#777777;
	text-shadow:1px 1px 0 #ffffff;
	cursor: pointer;

}

.rtwNavButton-disabled {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cdcdcd), color-stop(1, #cfcfcf) );
	background:-moz-linear-gradient( center top, #cdcdcd 5%, #cfcfcf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cdcdcd', endColorstr='#cfcfcf');
	background-color:#cdcdcd;
	/*border:1px solid #dcdcdc;*/
	color:#979797;
	text-shadow:1px 1px 0 #dfdfdf;
}

.rtwNavButton, .rtwNavButton-disabled {
	-moz-box-shadow:inset 0 1px 0 0 #ffffff;
	-webkit-box-shadow:inset 0 1px 0 0 #ffffff;
	box-shadow:inset 0 1px 0 0 #ffffff;
	text-indent:0;
	display:inline-block;
	font-family:arial;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	text-align:center;
	min-height: 2em;
	line-height: 2em;
	padding-left: 1em;
    padding-right: 1em;
    position: relative;
}

.rtwNavButton::after {
    position: absolute;
    content: "";
    width: 1px;
    top: 5%;
    bottom: 5%;
    right: 0;
    background: linear-gradient(to bottom,rgba(120,120,120,0) 0%,rgba(120,120,120,1) 50%,rgba(120,120,120,0) 100%);
}

.rtwNavButton:hover {
    
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dddddd), color-stop(1, #cfcfcf) );
	background:-moz-linear-gradient( center top, #dddddd 5%, #cfcfcf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#cfcfcf');
	background-color:#dddddd;
    color:#373737;
}
	
.formBox {
    margin-left: auto;
    margin-right: auto; 
    position: relative;
    width: 33%;
    min-width: 320px;
    box-shadow: 0 0 8px 0 #000000; 
    padding: 20px; 
}

.formBox p {
    text-align: center;
}

.navTextInput {
    display: block;
    float: left;
    margin-top: 7px;
    margin-bottom: 7px;
}

.border-box {
	box-sizing: border-box;
	border:1px solid #a7a7a7;
}

/* Responsive columns*/
[class*="col-"] {
    width: 100%;
    float: left;
}

.row::after {
    content: "";
    clear: both;
    display: block;
}

.lso-element {
    display: none;
}

.ssg-icon {
   height: 1.25em; 
}

.header-icon {
    vertical-align: middle;
}

@media only screen and (min-width: 768px) {
    /* For desktop: */
    
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
    
    .lso-element{ display: initial; }
    .ssg-icon { height: 1em; }
    .header-icon { vertical-align: text-bottom; }
    
    .large-nofloat-cell {
        display: table-cell;
        float: none;
    }
}

.wrapper {
	min-height:100%;
	position:relative;
}

.content {
    max-width: 48em; 
    margin-left: auto; 
    margin-right: auto;
}

.contentSection {
    margin-left: auto; 
    margin-right: auto;
    position: relative;
}

.footer {
	width:100%;
	position:absolute;
	bottom:0;
	box-shadow: 0 -8px 8px -8px #000000;
}

.footer::before {
    content: "";
    clear: both;
}

.rtwFooterContainer {
    line-height: 2em; 
	text-align: center;
    width: 100%;
}

.ts3ServerException {
    text-align: center; 
    color: red;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    z-index: 1;
}

.dropdown:hover .dropdown-content {
    display: block;
}