.unavailableView {
    /*cursor: not-allowed !important;*/
	pointer-events: none;
	opacity: 0.40;
	/*text-decoration: line-through;*/
	/* cursor: not-allowed; */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.flex-container{
	display         : flex;
	flex-direction  : row;
	flex-wrap: nowrap;
	justify-content : flex-start;
	align-items     : flex-start;
	align-content   : flex-start;
	justify-content: space-between;
}
.flex-container *{
	align-self: flex-start;
}

input[disabled]{ background-color:#8d8d8d; cursor:not-allowed;}

* {
  box-sizing: border-box;
}

/* MODALS AND FADE ANIMATION KEYFRAMES */
@keyframes fadeIn {
	0% {
		opacity: 0;
		visibility       : visible;
	}

	100% {
		opacity: 1;
		visibility       : visible;
	}
}
@keyframes fadeOut {
	0% {
		opacity: 1;
		visibility       : visible;
	}

	100% {
		opacity: 0;
		visibility       : hidden;
	}
}
#entireBodyDiv{
	position         : fixed;
	top              : 0px;
	left             : 0px;
	width            : 100vw;
	height           : 100vh;
	background-color: rgba(0, 0, 0, 0.45);
	opacity          : 0;
	visibility       : hidden;
	z-index:-1;
	animation: fadeOut .25s;
}
#entireBodyDiv.active{
	z-index          : 4999;
	visibility       : visible;
	opacity          : 1;
	animation: fadeIn .25s;
}
#progressbarDiv{
	border            : 2px solid rgb(83, 94, 135);
	border-radius     : 5px;
	background-image  : url(../img/ProgressBar.gif);
	background-repeat : no-repeat;
	background-size   : 100% 100%;
	position          : fixed;
	left              : 50%;
	top               : 10px;
	bottom            : 10px;
	transform         : translate(-50%, 0%);
	width             : 90%;
	height            : 10px;

	opacity          : 0;
	visibility       : hidden;
	z-index:-1;
	animation: fadeOut .25s;

}
#progressbarDiv.active{
	z-index          : 5000;
	visibility       : visible;
	opacity          : 1;
	animation: fadeIn .25s;
}
.modals{
	position      : fixed;
	left          : 50%;
	top           : 50%;
	transform     : translate(-50%, -50%);
	border        : 2px solid rgb(83, 94, 135);
	border-radius : 5px;
	background-color: lightgray;
	min-height: 100px;
	min-width:  100px;
	padding: 10px;

	opacity          : 0;
	visibility       : hidden;
	z-index:-1;
	animation: fadeOut .25s;
}
.modals.active{
	z-index          : 5000;
	visibility       : visible;
	opacity          : 1;
	animation: fadeIn .25s;
}
#modal_changePassword{
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	height: 175px;
	width: 585px;
}
#modal_changePassword .sectionWindow{height: 150px;width: 560px;}

#modal_addNewGame .sectionWindow{height: 240px;width: 560px;}
#modal_addNewGame{
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	height: 265px;
	width: 585px;
}

#modal_addNewUser .sectionWindow{height: 240px;width: 560px;}
#modal_addNewUser{
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	height: 265px;
	width: 585px;
}

#uamModal{
	position: fixed;
	left: 50%;
	top: 10px;
	transform: translate(-50%, 0%);
	height: 180px;
	width: 320px;
}
#uamIframe{
	border: 0;
	width: 300px;
	height: 160px;
	border-radius:5px;
}

#UAM_status{
	/* background-color: #b9c6d0; */
	/* width: 330px; */
	position: absolute;
	right: 5px;
	top: 0px;
	line-height: 26px;
	font-size: 16px;
	text-align: right;
	padding-right: 5px;
}
.UAM_statuses{
	display: none;
}
.UAM_statuses.show{
	display:block;
}

#UAM_status_A{
}
#UAM_status_B{
}
#UAM_status_C{
}

/* *************** */
html {
	width: 1180px;
	margin: 0 auto;
	/*scroll-behavior: smooth;*/
	/*font-family: "Times New Roman, Helvetica, serif";*/
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 16px;
}
body {
	position: relative;
	background-color: #213a4e;
}

#bodyHeader {
	text-align: center;
	margin: 2px;
	padding: 5px;
	background-color: #b9c6d0;
	border: 1px solid black;
	border-radius: 5px;
	position: relative;
	/* overflow: hidden; */
}
#bodyContainer {
	min-height: 400px;
	margin: 2px;
	padding: 2px;
	background-color: rgb(185, 198, 208);
	background-color: hsl(206, 51%, 37%);
	border: 1px solid black;
	border-radius: 5px;
	position: relative;
}
#bodyFooter {
	text-align: left;
	margin: 2px;
	padding: 5px;
	background-color: #b9c6d0;
	border: 1px solid black;
	border-radius: 5px;
	position: relative;
}

/* USED AS THE CONTAINER FOR THE MAIN SECTIONS OF THIS APPLICATION */
.sectionDivs {
	position: relative;
	min-height: 600px;
	border: 2px solid black;
	border-radius: 5px;
	background-color: #aec4e0;
	background-color: #6b7a8c;
	display:none;
}
.sectionDivs.active{
	display:block;
}
.sectionDivs.hidden{
	display:none;
}

.sectionWindow_title, .sectionDivs_title {
	background-color: #85a3e0;
	padding: 5px;
	text-align: center;
	border-bottom: 1px solid steelblue;
	border-radius: 4px 4px 0px 0px;
	height: 36px;
	font-size: 16px;
}

.sectionDivs_content {
	padding: 5px;
	border-radius: 0px 0px 4px 4px;
	border: 5px solid blue;
}

.sectionDivs_title_text {
	position: absolute;
	left: 5px;
	top: 5px;
	font-size: 26px;
	vertical-align: top;
}

/* USED AS CONTAINERS WITHING EACH MAIN SECTION OF THIS APPLICATION */
.sectionWindow {
	width: 250px;
	height: 100px;
	border: 2px solid black;
	border-radius: 5px 5px 5px 5px;
	position: absolute;
	box-shadow: 0px 0px 10px 0px black;
	background-color: #85a3e0;
}

.sectionWindow_title {
	height: 24px;
	background-color: hsla(220, 69%, 53%, 1);
	line-height: 16px;
}

.sectionWindow_content {
	padding: 5px;
	position:relative;
}

/* VIEWS */
#uam_welcome{height: 500px;}
/*SUB-VIEWS*/
#uam_info{
	left: 5px;
	top: 45px;
	width: 1135px;
	height: 150px;
}
#uam_applist{
	left: 5px;
	top: 200px;
	width: 1135px;
	/* height: 230px; */
	height: auto;
}

/* */
.table1 {width:100%;}
.table1 th{
	text-decoration:underline;
}
.table1 td{
    height: 2em;
    padding: 5px;
    vertical-align: top;
}
.table1 td:nth-child(1){background-color: rgba(90, 120, 181, 0.8);width: 15%;font-weight: bold;/* font-size: 16px; */}
.table1 td:nth-child(2){width: 85%;background-color: rgba(72, 134, 173, 0.5);}

/* */
.table2 {width:100%;}
.table2 td{
    padding: 5px;
    vertical-align: top;
    text-align:left;
}
.table2 td:nth-child(1){background-color: rgba(90, 120, 181, 0.8);width: 30%;font-weight: bold;/* font-size: 16px; */}
.table2 td:nth-child(2){width: 70%;background-color: rgba(72, 134, 173, 0.5);}
.table2 {width:100%;}

/* */
.table3 { width: 100%; }
.table3 td{
    padding: 2px;
    vertical-align: top;
    text-align:left;
}
.table3 td:nth-child(1){width: 20%;background-color: rgba(90, 120, 181, 0.8);font-weight: bold;/* font-size: 16px; */text-align: center;}
.table3 td:nth-child(2){width: 80%;background-color: rgba(72, 134, 173, 0.5);}

.table4 {width:100%;}
.table4 td{
    padding: 2px;
    vertical-align: top;
    text-align:left;
}
.table4 td:nth-child(1){width: 35%;background-color: rgba(90, 120, 181, 0.8);font-weight: bold;/* font-size: 16px; */height: 2em;}
.table4 td:nth-child(2){width: 65%;background-color: rgba(72, 134, 173, 0.5); text-align:center;}
.table4 input { width: 100%;}
.table4 button {width: 100%;}

.table5 {width:100%;}
.table5 td{
    padding: 2px;
    vertical-align: top;
    text-align:left;
    font-size: 12px;
}
.table5 td:nth-child(1){width: 35%;background-color: rgba(90, 120, 181, 0.8);font-weight: bold;/* font-size: 12px; */height: 2em;}
.table5 td:nth-child(2){width: 65%;background-color: rgba(72, 134, 173, 0.5); text-align:center;}
.table5 input { width: 100%;}
.table5S button { width: 90%;}

.table6 {width:100%;}
.table6 td{
    padding: 2px;
    vertical-align: top;
    text-align:left;
    height:1em;
}
.table6 td:nth-child(1){width: 35%;background-color: rgba(90, 120, 181, 0.8);font-weight: bold; }
.table6 td:nth-child(2){width: 65%;background-color: rgba(72, 134, 173, 0.5); text-align:center;}
.table6 input { width: 100%; }
.table6 button { width: 90%; }

#UAM_appmenu_container{
	 background-color: rgba(90, 120, 181, 0.4);
	 position: absolute;
	 left: 0px;
	 top: 0px;
	 line-height: 26px;
	 font-size: 16px;
	 text-align: center;
	 /*padding-left: 5px;*/
	 padding-right: 15px;
	 /* padding: 0px; */
	 width: 120px;
	 height: 28px;
	 margin: 0px;
	 /* overflow: hidden; */
	 /* border: 1px solid black; */
	 border-radius: 5px 20px 20px 5px;
}
#UAM_appmenu_container.selected{
	/* background-color:yellow; */
	background-color: #c6c68b;
	z-index: 5000;
}
#UAM_appmenu_container.hidden{
	display:none;
}
#UAM_appmenu_container:hover{
	background-color: #c6c68b;
}

/*@keyframes growIn {*/
/*	0% {*/
/*		width:0px;*/
/*		height:0px;*/
/*	}*/

/*	100% {*/
/*		width:500px;*/
/*		height:300px;*/
/*	}*/
/*}*/
/*@keyframes shrinkOut {*/
/*	0% {*/
/*		width:500px;*/
/*		height:300px;*/
/*	}*/

/*	100% {*/
/*		width:0px;*/
/*		height:0px;*/
/*	}*/
/*}*/

#UAM_appmenu{
	/*animation: shrinkOut .5s;*/
	transition: width .25s linear, height .25s linear;
	height: 0px;
	width: 0px;
	position: relative;
	overflow: hidden;
	z-index: 200;
	background-color: #c6c68b;
}
#UAM_appmenu.show{
	transition: width .25s linear, height .25s linear;
	/*animation: growIn .25s;*/
	width: 900px;
	height: 155px;
	z-index: 200;
	box-shadow: 10px 10px 15px 5px rgba(17, 17, 17, 0.75);
	/* z-index: 5000; */
}
.mainMenuOption{
	cursor:pointer;
	display:block;
	background-color: rgba(255, 255, 255, 0.2);
	padding: 0px 0px 0px 5px;
}
.mainMenuOption:hover{
	background-color: rgba(255, 255, 255, 0.5);
}

div#uam_um_uamGames {
	top: 340px;
	left: 10px;
	width: 830px;
	height: 440px;
}

div#uam_um_permissions {
	top: 40px;
	left: 730px;
	width: 410px;
	height: 290px;
	/*overflow-y: hidden;*/
	overflow-y: auto;
}
/*div#uam_um_permissions .sectionWindow_content {*/
/*}*/

div#uam_um_usageAudit {
	top: 340px;
	left: 850px;
	width: 290px;
	height: 440px;
	overflow-y: auto;
}

div#uam_um_userDetails {
	top: 40px;
	left: 10px;
	width: 710px;
	height: 290px;
}

div#uam_usermanager {
	height: 800px;
	overflow-y: auto;
}

#umUserDetails_left{
	display: inline-block;
	width: 0px;
	vertical-align: top;
	background-color: teal;
	display: none;
}
#umUserDetails_right{
	display: inline-block;
	width: 695px;
	height: 215px;
	vertical-align: top;
	background-color: darkslategrey;
}

.checkbox{
	border: 1px solid dimgray;
	width: 3em;
	display: inline-block;
	text-align: center;
	padding: 2px;
	background-color: rgba(255, 255, 255, 0.45);
	border-radius: 5px;
	background-color: red;
	font-size: 12px;
	width: 90%;
}
.checkbox:hover{
	background-color: rgba(255, 242, 106, 0.65);
}
.checkbox::before{content:"NO";}
.checkbox.active::before{content:"YES";font-style: italic;}
.checkbox.active{background-color: green;}

#uam_um_gameChooser{
	width: 420px;
	height: 350px;
}
#uam_um_gameChooser option{font-family: monospace;font-size: 16px;}


#uam_um_gameChooser_div1{
	background-color: #7194db;
	/* width: 310px; */
	/* height: 170px; */
	/* height: 190px; */
}
#uam_um_gameChooser_div2{
	background-color: #7194db;
	width: 380px;
	height: 380px;
}

input#um_gamedir {
	font-size: 12px;
}

input#um_uamdir {
	font-size: 12px;
}

.umPermissions_chks {
	cursor:pointer;
}

select#um_defaultgame {
    width: 100%;
}

div#um_enabled {
    width: 30%;
    height: 2em;
    display: inline-table;
    cursor: pointer;
    font-weight: bold;
}

/*.hidden{*/
	/*display:none;*/
/*}*/

span#um_ownaccount {
    background-color: rgba(255, 255, 0, 0.5);
    color: brown;
    padding: 5px 15px 5px 14px;
    margin-left: 5px;
    border-radius: 10px;
    /* margin-bottom: 5px; */
    /*display:none;*/
    position: relative;
    top: 10px;
    visibility: hidden;
}
span#um_ownaccount.show{
	/*display: block !important;*/
    visibility:visible;
}

button#umUserDetails_saveChanges {
    position: relative;
    top: 5px;
    right: 5px;
}

#um_chooseAUser{
    background-color: rgba(255, 255, 0, 0.5);
    width: 505px;
    height: 35px;
    position: absolute;
    top: 0px;
    right: 0px;
    text-align: right;
    display:none;
}
#um_chooseAUser.show{
	display: block !important;
}
#um_chooseAUser select{height: 32px;width: 200px;font-size: 16px;margin-right: 5px;}
#um_chooseAUser button{
    height: 32px;
    font-size: 15px;
    padding-right: 5px;
    padding-left: 5px;
    margin-right: 5px;
}

button#um_getUamUserData {
    position: relative;
    top: 5px;
    right: 5px;
}