@charset "UTF-8";
/* CSS Document */

.addBlue {
	background: rgb(127, 163, 246) !important;
}
.addYellow {
	background: yellow !important;
}
.addGreen {
	background: rgb(54, 233, 54) !important;
}
/* ==============================   VIDEO POPUP   =============================== */
#theBackground { position:absolute; position:fixed; left:0px; top:0px; background:#000000; opacity:0; width:100vw; height:100vh; z-index:10000; display:none; }

#theScreen { min-height:0 !important; position:fixed; left:0px; background:#FFFFFF; width:2px; height:2px; text-align:center; z-index:10001; display:none; padding:30px; box-sizing: border-box; }
#theScreen { display:none; justify-content:center; align-items:center; text-align:center; }
#theScreen video { max-width:100%; max-height:100%; margin:0 auto; }

#theContent { display:flex; line-height:0; max-height:100%; max-width:100%; width:100%; height:100%; align-items:center;  justify-content: center; }
#theContent iframe { width:100%; height:100%; }
#theContent img { max-width:100%; max-height:100%; height:auto; }
#closeScreen { width:60px; font-size:10px; float:right; position:absolute; top:0px; right:0px; clear:none; text-transform:uppercase; z-index:10001; padding:6px 10px; cursor:pointer; background:none; border:none; }
#closeScreen:hover { color:#000000; }

@media screen and (max-width: 500px) {
#theScreen { padding:7px; }
}
/* ============================== END VIDEO POPUP =============================== */

.image-box-selector, .remove-file { font-size: 70%; }
.image-box a { display: block; height:30px; }
.image-box a img { height:100%; width:auto; font-size: 80%; border: 1px solid; padding: .25em; }
/*.image-box a img:hover { height:100%; width:auto; font-size: 80%; border: 1px solid; padding: .25em; }*/


.ccm-user-list-express > div { overflow:scroll; margin-bottom: 1em; }
.ccm-user-list-express table { width: 100% }
.ccm-user-list-express th { font-size: 70%; white-space:nowrap; }
.ccm-user-list-express td, .ccm-user-list-express th { padding:.25em .5em; vertical-align: top; border: 1px solid #999; line-height: 1.1em; height: 3.5em; }
.ccm-user-list-express table .check-box { width: 20px; height: 20px; border:1px solid; position: relative;}
.ccm-user-list-express table.editor .check-box { border:none; }
.ccm-user-list-express .check-box i {font-size: 90%; position: absolute; width: 100%; text-align: center; padding-top: .15em;}
.ccm-user-list-express input.update-action[type="text"] { display: none; }
.ccm-page .ccm-user-list-express a { color: #000; white-space: nowrap; }

.ccm-user-list-express td.name { white-space:nowrap; }


/*.captain { background:#000; color:#fff; padding: .45em .65em; font-size: 70%; font-weight: bold; }

.member-listing { margin-bottom: 2em; margin-right:5% }

.ccm-user-list-express.public-list { display: flex; flex-wrap:wrap; }
.ccm-user-list-express.public-list > div { width: 15%; }

.image-box-public {
	width:100%;
}
.image-box-public > div {
	height: 0;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
	border-radius: 50% 50% 50% 8%;
}
.ccm-user-list-express.public-list .member-name {
	color: white;
	-webkit-text-fill-color: transparent; /* Will override color (regardless of order) * /
	-webkit-text-stroke-width: .7px;
	-webkit-text-stroke-color: black;
	font-size: 190%;
	line-height: 1em;
	font-style: italic;
	font-weight: bold;
}

.ccm-user-list-express.public-list .member-grade {
	font-weight:900;
}*/

.ccm-user-list-express table tr th:first-child {
	width:96px;
	display: block;
}
.ccm-user-list-express table tr td:first-child {
	position: absolute;
	width: 100px;
	background:#fff;
	white-space: normal;
	z-index: 1
}

.inactive-row { 
	display:none;
	background: #999;
	opacity: .5;
}
.ccm-user-list-express table tr.inactive-row td:first-child {
	background:#999;
}
.ccm-user-list-express table.new-row tr td:first-child {
	position: relative; 
	width:auto;
}
.ccm-user-list-express table.new-row tr th:first-child {
	width:auto;
}

.active-row.add-entry-row {
	
}