@media screen and (orientation: landscape) and (max-width: 992px) {
html {
	/* Rotate the content container */
	transform: rotate(-90deg);
	transform-origin: left top;
	/* Set content width to viewport height */
	width: 100vh;
	/* Set content height to viewport width */
	height: 100vw;
	overflow-x: hidden;
	position: absolute;
	top: 100%;
	left: 0;
    }
}

/* PC only */
@media (min-width: 993px){
.title {
	left: 10px !important;
	top: 3px !important;
	height: 30px !important;
	right: 10px !important;
	text-align: center;
	}
}

/* default phone stylings */
.title {
left: 3px;
top: 10px;
height: 30px;
right: 3px;
text-align: center;
}

.ftr {
position: fixed; 
left: 0; 
right: 0; 
bottom: 0;
height: 60px; 
background-image: url(/images/ftr01.png);
background-color: #000000; 
color: #FFFFFF;
font-size: smaller;
font-style: italic;
}
/* alignment */
.algn-r {
text-align: right;	
}

.algn-l {
text-align: left;	
}

.align-c {
text-align: center;	
}

li.dropdown ul.miw { 
width: 95% !important;
padding-right: 15px;
white-space: nowrap;
text-align: right !important;
}
/*
li.dropdown ul.miw li{ 
display: block;
text-align: right; 
width: 100%;
}

li.dropdown ul.miw li a{ 
display: block;
text-align: right; 
width: 100%;
}
*/
@media (min-width: 933px) {
li.dropdown ul.miw { 
	width: 200px !important;
	padding-right: 15px;
	white-space: nowrap;
	text-align: right !important;
	}	
/*li.dropdown ul.miw li a{ 
	text-align: right; 
	width: 100%;
	display: inline;
	}
li.dropdown ul.miw li{ 
	display: list-item;
	text-align: right; 
	width: 100%;
	}*/
}

/* button controls */
.btn-std {
display: inline-block;
width: 160px;
padding: 6px 0 6px 0;
margin: 3px;
border-radius: 5px;	
font-weight: 700;
color: #FFFFFF;
text-align: center;
cursor: pointer;
}

.btn-event {
/*padding: 6px 0 6px 0;
margin: 3px;*/
padding: 6px 0 6px 0;
width: 100%;
border-radius: 5px;	
font-weight: 700;
color: #FFFFFF;
text-align: center;
cursor: pointer;	
}

.btn-clr-act {
border: 1px solid #3c818f;	
background-color: #3c818f;
}

.btn-clr-act:hover {
background-color: #7faeb8
}

.btn-clr-std {
border: 1px solid #0000FF;	
background-color: #0000FF;
}

.btn-clr-std:hover {
background-color: #00d5ff;
}

.wb-content {
border-style: none;
background-color: transparent;
position: absolute;
top: 34px;
left: 10px;
right: 10px;
bottom: 10px;
border: 0 none transparent;
margin-top: 0;
overflow-x: hidden;
overflow-y: auto;
}

@media (min-width: 933px) {
.wb-content {
	/*border-style: none !important;
	background-color: transparent !important;
	position: absolute !important;*/
	top: 44px !important;
	/*left: 10px !important;
	right: 10px !important;
	bottom: 10px !important;
	border: 0 none transparent !important;
	margin-top: 0;
	overflow-y: auto;*/
	}

}

.rela {
position: relative;
}

@media screen and (min-width: 993px) {
.list-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 49%;
	height: 210px;
	min-height: 210px;
	}
}

.list-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 210px;
min-height: 210px;
}

#airport {
display: none;	
}

.cursor-pointer {
cursor: pointer;	
}

.to-left {
float: left;
}

.to-right {
float: right;
}

::placeholder {
color: #C0C0C0;
opacity: 1; /* Firefox */
font-weight: bold;
}

::-ms-input-placeholder { /* Edge 12 -18 */
color: #C0C0C0;
}

.blanket {
display: flex;
top: 0;
right: 0;
bottom: 0;
left: 0;
justify-content: center;
align-items: center;
background-color: rgba(85, 85, 85, .5);
position: fixed;
}

.sheet {
display: block;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(255, 255, 255, .5);
position: fixed;
z-index: 999 !important;
}

.sheet > .invitation {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #FFFFFF;
font-size: 30px;
color: #000000;
display: block;
padding: 30px;
font-size: 16px;
border: 1px solid #000000;
line-height: 1.1;
}

.sheet > .register-result {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #FFFFFF;
font-size: 30px;
color: #000000;
display: block;
padding: 30px;
font-size: 16px;
border: 1px solid #000000;
line-height: 1.1;
}

.blanket > .mask0-msg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #FFFFFF;
font-size: 30px;
color: rgba(117,120,120,0.75);
display: block;
padding: 30px;
}

.btn-pop {
border: 1px solid #f0f0f0;
background-color: #f0f0f0;
border-radius: 7px;
color: #000000;
padding: 7px;
width: 100px;
font-size: 18px;	
font-weight: 800;
}

.btn-pop:hover{
background-color: #666666;
color: #FFFFFF;	
}



.blanket > .mask0-ppp {
position: absolute;
background-image: url(../images/blue-sky.png);
background-repeat: repeat-x;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-size: auto 100px;
background-color: #FFFFFF !important;
font-size: 16px;
color: #000000;
display: block;
padding: 30px;
border-radius: 25px;
}

.sheet2 > .mask0-ppp {
position: absolute;
background-image: url(../images/blue-sky.png);
background-repeat: repeat-x;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-size: auto 100px;
background-color: #FFFFFF !important;
font-size: 16px;
color: #000000;
display: block;
padding: 30px;
border-radius: 25px;
}

.ppp-page, .ppp-category, .ppp-title { text-align: center; }

.ppp-top, .ppp-category { font-weight: bold; }

.ppp-page, .ppp-title { color: #7c7c7c; }

.ppp-category, .ppp-title { font-size: 15px; }

.ppp-top {
text-align: center;
}

.ppp-top > span {
padding-left: 25px;
}

.ppp-page {

}

.ppp-category {
	
}

.ppp-title {}

.ppp-message {
font-size: 16;
color: #692323;
max-height: 150px;
overflow: auto;
border: 1px solid #000000;
padding: 7px;
text-align: justify;
}
 
.bad-required-input {
border: 1px solid #FF0000 !important;
background-color: #FFF7F7 !important;
}

.good-required-input {
border: 1px solid #0000FF !important;
background-color: #E8F0FD !important;
}

.login-opt{
font-size: 12px;
line-height: 1.5;	
margin-bottom: 15px;
}



.standby{
font-size: 20px;
color: 	#019188;
}

.standby-details{
font-size: 12px;
color: #757878;
font-style: italic;
}

.standby-link{
font-size: 12px;	
font-style: normal;	
cursor: pointer;
font-weight: 700;
color: #757878;
}

.standby-lnk:hover{
color: #757878;	
}

div[id$="check_results"] {
margin-top: -15px;
color: #FF0000;
font-size: 11px;
text-align: center;
}

.ss-pane{
width: 100%;
height: 155px;
overflow-x: auto;
border-width: 1px;
border-style: solid;
border-color: #0000FF;
}

.ss-img{
height: 130px;	
}

.ss-data{
font-size: 11px;	
}
 
.t1{
font-size: 17px;
color: #0000FF; 
font-weight: 600;	
}

.t2{
font-weight: 700;
color: #303b63;	
}

.ss-date {
color: #4260cf;
}

.ss-place {
color: #42cdcf; 	
}

.ss-desc {
color: #4260cf;
}

.ss-btn {
margin-bottom: 5px;	
}

.ss-rel {
color: #60089c;
font-weight: 700;
}

.manage-list .tmb-container {
height: 175px;
max-height: 175px;	
}

@media (min-width: 993px){	
.manage-list {
	width: 100%;
	height: 210px;
	min-height: 210px;
	border: 1px solid #0000FF;
	background-color: #FFFFFF;
	margin: 15px 15px 25px 0;
	padding:15px;
	overflow-x: auto;
	overflow-y: hidden;
	}
.tmb-image-container {
	width: 100%;
	max-width: 100%;
	height: 80px;
	max-height: 80px;
	text-align: center;
	overflow: hidden;
	}

.tmb-image {
	height: 80px;
	}
	
.tmb-label {
	height: 36px;
	font-size: 10px;
	text-align: center;
	word-wrap: break-word;
	}
	
.tmb-relationship {
	height: 18px;
	font-size: 10px;
	text-align: center;
	}
	
.tmb-indicator {
	height: 15px;
	max-height: 15px;
	}
	
.tmb-event {
	height: 10px;
	font-size: 10px;
	text-align: center;
	}
.tmb-radio {
	
	}
}

.manage-list {
width: 97%;
height: 210px;
min-height: 210px;
border: 1px solid #0000FF;
background-color: #FFFFFF;
margin: 5px 20px 5px 5px;
padding:15px;
overflow-x: auto;
overflow-y: hidden;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.tmb-container {
width: 148px;
max-width: 148px;
height: 153px;
max-height: 153px;
padding: 0;
overflow: hidden;
display: inline-block;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
flex-shrink: 0;
flex-grow: 0;
text-align: center;
}

.individual .thc .tmb-container{
margin-left: -25px;	
}

.tmb-image-container {
width: 100%;
max-width: 100%;
height: 60px;
max-height: 60px;
text-align: center;
overflow: hidden;
}

.tmb-radio-container {
display: flex;
align-items: center;
justify-content: center;
}

.tmb-image {
height: 60px;
}
 
.tmb-label {
height: 30px;
font-size: 10px;
text-align: center;
word-wrap: break-word;
overflow: hidden; /* hide any excess text */
text-overflow: ellipsis; /* add an ellipsis to the end of the description */
width: 100%;/* make the description take up the full width of the container */
display: -webkit-box; 
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}

.tmb-relationship {
height: 15px;
font-size: 10px;
text-align: center;
}

.tmb-indicator {
height: 15px;
max-height: 15px;
}

.tmb-event {
height: 10px;
font-size: 10px;
text-align: center;
}

.tmb-radio { }

.flex-plist {
display: flex;	
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
}

.f-wrap {
flex-wrap: wrap;
}

.f-nowrap{
flex-wrap: nowrap;	
}

#bus_station, #workbench_form_container, #airport{
display: none;
}

.policy-content {
text-align: justify;	
text-justify: auto;
}

.menu-item{
display:block;
padding:.5rem 1rem;
color:#0d6efd;
text-decoration:none;
transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out
}

.console-indicator{
height: 10px;
margin-top: -3px;
}

.console-text{
font-size: 10px;
line-height: 1.1;
}

.nobr{
white-space: nowrap;	
}

.team-image{
height: 200px;
}

.team-title{
font-size: 20px;
font-weight: 500;	
}

.team-role{
font-size: 11pt;
}

.half-width{
width: 50%;
}

.text-justify{
text-align: justify;
}

.brdr-blk-mo-red{
border: 3px solid transparent;
}

.brdr-blk-mo-red:hover{
border: 3px solid #FF0000;	
}


.invisible-text{
color: transparent;
}

.red-text{
color: #FF0000;	
}
/* flex stuff */
.flex-element{
position: fixed; 
top: 5px; 
bottom: 5px; 
width: 100%; 
display: flex;
flex-direction: column;
}

.flx-ele-static{
flex-grow: 0; 
width: 98.5%;
}

.flx-ele-shrink{
flex-shrink: 1; 
overflow-y: scroll; 
overflow-x: hidden; 
width: 98.5%;
}

.white-on-black{
background-image: url("../eimages/black-5000.png");
color: #FFFFFF;
}

.black-on-gray{
background-image: url("../eimages/gray-5000.png");
color: #000000;
}

.flx-wrp-ctr{
display: flex; 
flex-wrap: wrap; 
justify-content: center; 
align-items: center;
} 

.hm-img{
width: 90%;
}

.hm-img-cont{
text-align: center;	
}

.hm-intro{
font-family: "Trebuchet MS", Tahoma, sans-serif;
font-size: 15pt;
line-height: 115%;
}