.site-container{
	width: 100%; height: auto;
	overflow: hidden; margin: 0; padding: 0;
	background: #eee;
}
.site-container div{
	overflow: hidden; margin: 0; padding: 0;
}

.inner-site-container{
	width: 100%;
	height: auto;
}

.footer-container{
	width: 81%;
	margin-left: 19% !important; 
	font-family: var(--CABIN);
	position: relative;
}

.site-sidebar{
	width: 19%; min-height: 100vh; height: inherit;
	padding: 15px 1% 0 3.2% !important; position: fixed;
	font-style: normal;
	background: #eee; font-family: var(--NUNITO);
}
.site-sidebar a:first-child{
	margin-top: 12px;
}
.site-sidebar a{
	color: #555; font-size: 15px;
	display: block; margin-bottom: 32px;
	letter-spacing: .6px;
	vertical-align: baseline;
	font-weight: bold;
}

.site-sidebar a:hover{
	color: #061B33; font-weight: bold;
	letter-spacing: .8px;
}

.site-sidebar a i{
	margin-right: 13px; font-size: 21px;
}

.site-sidebar #logout i{
	font-size: 14px; margin-right: 5px;
}
.site-sidebar #logout{
	background: #061B33; padding: 10px;
	color: white; text-align: center;
	border-radius: 50px; font-weight: normal;
	margin-left: -30px !important;
	text-transform: uppercase;
	font-size: 13px;
	
}

.site-content-container{
	width: 81%;
	margin-left: 19% !important; 
	position: relative;
	background: white; min-height: 82.5vh; height: auto;
	font-family: var(--NUNITO);
}


/* --- DISABLED MSG --- */
.site-content-container #disabled-msg{
	text-align: center; color: #555;
	letter-spacing: 1px; font-weight: bold;
	font-size: 16px; margin-top: 15px;
}
.site-content-container p{
	letter-spacing: 1px;
}

.site-content-container #change-password h2{
	text-align: center; display: block;
}

.site-content-container .loading-ajax-result{
	width: 100%; margin-top: 40px; text-align: center;
	overflow: hidden; display: none; height: auto; 
	min-height: 300px; box-sizing: border-box;
}

.site-content-container .loading-ajax-result p{
	display: block; text-align: center; margin-bottom: 10px;
	font-size: 20px;
}

.site-content-container .fetched-ajax-result{
	width: 100%; margin-top: 20px; 
	overflow: hidden; display: none; height: auto; min-height: 100px;
	box-sizing: border-box;
}

.error-msgs-ajax{
	width: 100%; height: 50px; position: absolute;
	bottom: -100%; text-align: center; line-height: 50px;
	background: #e67e22; color: white; font-size: 15px;
	letter-spacing: 1px; font-weight: bold;z-index: 90;
	transition: .2s linear; color: black; 
}

.error-gif-div{
	width: 100%; height: auto; text-align: center; overflow: hidden;
	font-size: 20px; margin-top: 2% !important;
}

.error-gif-div img{
	width: 200px; height: 200px;
}
.error-gif-div p{
	display: block; margin-top: 10px; font-weight: bold;
	letter-spacing: .5px;
}

.site-content-container #pybot-msg{ 
	display: block; font-size: 17px; text-align: center;
	letter-spacing: .5px; 
}

.site-content-container #pybot-notice{
	display: block; font-size: 15px; text-align: center;
	letter-spacing: 1px; margin-top: 10px; font-weight: bold;
	color: #555; 
}

.site-content-container #pybot-notice b{
	font-size: 18px;
}

.site-content-container .ajax-notice-box{
	width: 100%; height: auto; background: #eee;
	padding: 10px 20px; border-radius: 10px;
	margin-bottom: 10px;
	font-size: 13px; letter-spacing: 1px; 
	font-style: italic;
}
.site-content-container .ajax-notice-box #top-msg{
	font-size: 13px; margin-bottom: 10px !important; font-style: normal;
}

.site-content-container .confirmation-box{
	display: none; width: 100%; height: 100% !important;
	position: absolute; z-index: 50; margin: 0; padding: 0;
	background: rgba(0, 0, 0, .7);
}
/** ----------------------- TABLE CSS -------------------------- */
.table{
	width: 100%; height: auto; margin-top: 2% !important;
	border: none !important;  text-transform: uppercase;
	font-family: var(--OPEN-SANS);
	border-collapse: collapse;
	box-sizing: border-box;
}
.table td, .table th{ text-align: center;	 
border-bottom: .2px solid #cccccc !important;

 }

 .table #align-left{
 	text-align: left; padding-left: 20px;
 }

 .table #width-15{
 	width: 15% !important;
 }

.table th{
	background: #061C34; padding: 9px;
	color: white; letter-spacing: 2px;
	border: none; font-size: 10px;
	word-wrap: break-word; overflow: hidden;
	box-sizing: border-box;

}	
.table th:nth-child(2n){
	background: #09243F;
}

.table #empty-value{
	background: #ff6b6b;
}

.table td{
	padding: 7px; 
	 color: black; letter-spacing: 2px;
	border: none; font-size: 11px; font-weight: bold;
	background: #f3f6f8; word-wrap: break-word;
	overflow: hidden;
	box-sizing: border-box;

}
.table td:nth-child(2n){
	background: #FAFAFA;
}

.table td button{
	background: var(--HOME-GRADIENT); padding: 8px 20px;
	color: white; border-radius:3px; letter-spacing: 3px;
	font-weight: bold; font-size: 10px;
	text-transform: uppercase; overflow: hidden;
	cursor: pointer; display: inline-block;
	width: auto; height: auto;
}

.registrations table td:nth-child(2){
	width: 45%;
}
.registrations table td:last-child{
	width: 15%;
}