.twitter-timeline {
    width: 100% !important;
	height: 447px;
}

#footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 35px;
    background-color: #550000;
	border-radius: 0px;
}

.operationstatus {
	color:#ffffff;
	font-size: 1.25em;
	background-color: #00739a;
	border-radius: 50px;
}

.operationmode {
	color: #ffffff;
	font-size: 1.25em;
    background-color: #9b007c;
	border-radius: 50px;
}

.beamstatus {
	color: #ffffff;
	font-size: 1.25em;
    background-color: #fff;
	border-radius: 50px;
}

.accessible {
	color: #ffffff;
	font-size: 1.25em;
    background-color: #fff;
	border-radius: 50px;
}

.beamcurrent, .lifetime, .beamenergy{
			color:#46a7ff;
			font-size: 37px;
			font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		}

		.lifetime{
			color:#ffe879;
		}

		.beamenergy{
			color:#83d26f;
		}

		.big_number {
			font-size: 1.3em;
			font-weight: bold;
			text-align:right;
			vertical-align:bottom;
		}

		.status_title{
			color:#b0b0b0;
			font-size: 25px;
		}

		.BL_status{
			color:#b0b0b0;
			font-size: 21.5px;
		}

		.CRM_messages{
			color:#b0b0b0;
			font-size: 21.5px;
		}

		.small_number{
			color:#ccb95c;
			font-size: 1.1em;
			font-weight: 200;
			text-align:right;
			vertical-align:center;
		}

#servertime {
	color: white;
	font-size: 1.2em;
	font-weight: normal;
}

#contact {
	color: white;
	font-size: 0.8em;
	font-weight: normal;
}

#marqueetext {
	color: white;
	font-size: 1.5em;
	font-weight: bold;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#element_to_pop_up{
    background-color: #fff;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 25px 5px #999;
    /*color: #2B91AF;*/
	color:#111;
    display: none;
    min-width: 450px;
    padding: 25px;
}

#statuspanel {
	display: none !important;
}

#dialog { 
	font-size: 25px;
	display: none;
	border: solid 15px white;
}
#dialog p { 
	font-size: 100px;
	font-weight: bold; 
	color: white; 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	text-align: center; 
	vertical-align: center;
}

#crm_messages{
	display: block;
	height: 414px;
	overflow-y: auto;
	padding-top: 10px;
	padding-right: 10px;
}

/* https://codingartistweb.com/2021/07/toast-notifications-ui-design-html-css/ */
.toast{
    min-width: 100%;
    height: auto;
    padding: 10px;
    background-color: #303235;
    border-radius: 7px;
    display: grid;
    grid-template-columns: 70px auto 20px;
    box-shadow: 0 15px 30px rgba(0,0,0,0.08);
}
.info{
    border-left: 8px solid #b0b0b0;
}
.info i{
    color: #b0b0b0;
}
.toast:not(:last-child){
    margin-bottom: 10px;
}
.container-1,.container-2{
    align-self: center;
} 
.container-1 i{
    font-size: 35px;
}
.container-2 p:first-child{
    color: #b0b0b0;
    font-size: 20px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.container-2 p:last-child{
    color: #656565;
    font-size: 16px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}