.SlideShow {
	position: fixed;
	z-index: 1050;
	overflow: hidden;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	display: none;
	width: 100%;
	height: 100%;
	background: black;
}

.slides {
	position: relative;
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.slide {
	position: relative;
	height: 100%;
	width: 100%;
}

.slide-content {
	margin: auto;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}

.gallery-mh {
	max-height: 450px !important;
}

#thumbs {
	height: 65vh;
	margin:	1.5rem;
	margin-bottom: 0px;
	margin-top: 5px;
	overscroll-behavior: none;
	padding-bottom: 20rem;
}

#thumbs2 {
	height: 50px;
	min-height: 50px;
	margin-bottom: 0px;
	overflow-y: scroll;
	margin-top: 5px;
}

.pullup {
	top: -14px;
	position: relative;
}

.comment {
	display: block;
	left: 133px;
	position: relative;
	bottom: -28px;
}

.ScoreConsole.modal {
	color: black;
}

.ScoreConsole.modal-body {
	min-height: 300px;
	max-height: 600px;
}

.modal-container {
	text-align: center;
	overflow-y: auto;
	width: 100%;
	height: 100%;

}
.modal-dialog.ui-draggable {
	margin: unset;
	left: 30vw;
	top: 5vh;
}

#ScoreConsoleLabel {
	display: inline-block;
}

.btn-score {
	margin: 0 !important;
	height: 4rem;
}

.incdec-input {
	float: none;
	height: 8rem;
	width: 8rem;
	text-align: center;
	font-size: 3.5rem;
}

.score-group {
	display: flex;
	height: 10rem;
	width: 21rem;
}

.score-btn-group {
	display: inline-block;
	width: 5rem;
}

.score-group label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 700;
	margin-right: 1rem;
}
.score-checkbox {
    margin-left: 2rem;
}
.score-ctrl-btns {
    width: 21rem;
    display: flex;
    height: 8rem;
    align-items: end;
	flex-grow: 0;
    flex-shrink: 0;
	justify-content: right;
}
.content {
	min-height: 40vh;
    white-space: pre-line;
    overflow: hidden;
    overflow-y: auto;
}

.left {
	text-align: left;
}

.modal-footer {
	text-align: left;
}

.InfoClick {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;
	z-index: 2000;
}

.InfoClick:hover {
	cursor: pointer;
}

.modal-header.ui-draggable-handle {
	cursor: move;
}

.btn-group>input[type=radio] {
	display: none;
}

.btn-group>label.btn.active {
	color: black;
}

.btn-group>button.btn.active,
label.btn.active {
	color: black;
	background-color: lightgreen;
}

.btn-group>button.btn.active.negative,
label.btn.active.negative {
	color: black;
	background-color: red;
}

.btn-group-vertical>.btn {
	text-align: left;
}

.btn-group-vertical {
	vertical-align: top;
}

.sort>.btn {
	width: 165px;
	text-align: left;
}

.i-right {
	float: right;
	margin-left: 10px;
	right: 0;
}

.info-icon {
	float: right;
	margin-right: 6px;
}

.pull-righti {
	float: right;
	margin-right: 5px;
}

.center {
	text-align: center;
}

.btn>.i-right {
	margin-right: 0;
}

.i-hidden {
	visibility: hidden;
}

.i-scoret {
	margin-right: 5px;
	text-decoration-line: underline;
	font-weight: bold;
}

.lefttext {
	text-align: left;
}

.top-right {
	position: absolute;
	top: 0;
	right: 0;
}

.scorechecks {
	max-width: 100px;
	display: inline-block;
	margin-left: 10px;
}

.spinner2 {
	width: 50px;
}

.spinner2 input {
	text-align: right;
}

.score-group {
	width: 9%;
	display: inline-block;
	margin-right: 20px;
}

.input-group-tmb {
	float: right;
	margin-right: 5px;
}

.input-group-btn-vertical {
	position: relative;
	white-space: nowrap;
	width: 1%;
	vertical-align: middle;
	display: inline-block;
	left: -5px;
}

.input-group-btn-vertical>.btn {
	display: block;
	float: none;
	padding: 8px;
	margin-left: 0;
	position: relative;
	border-radius: 0;
}

.input-group-btn-vertical>.btn:first-child {
	border-top-right-radius: 4px;
}

.input-group-btn-vertical>.btn:last-child {
	margin-top: -2px;
	border-bottom-right-radius: 4px;
	margin-left: 0;
}

.input-group-btn-vertical i {
	position: absolute;
	top: 0;
	left: 0px;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
}

input[type="number"] {
	-moz-appearance: textfield;
	appearance: textfield;
}

.spin2 {
	height: 24px !important;
	width: 40px;
	text-align: center;
}

.thumbtitle {
	cursor: move;
	padding-left: 5px;
	position: relative;
}

.btn-critique {
	width: 300px;
	text-align: left;
}

.btn-group>.cat {
	width: 140px;
	text-align: left;
}

.btn-group>.media {
	width: 120px;
	text-align: left;
}

.btn-group>.levels {
	width: 160px;
	text-align: left;
}

.btn-group.sort>.btn {
	width: 160px;
	text-align: left;
}

.btn-group.btn-prog>.btn {
	width: 200px;
	text-align: left;
}

.btn-state {
	width: 80px;
	margin-right: 10px;
}

.btn-square {
	margin-top: 8px;

	text-align: center;

}

.indicator {
	margin-top: 3px;
	width: 16px;
	height: 16px;
	border-radius: 10px;
	background-color: #222;
	display: inline-block;
}

input[type="checkbox"].checkbox {
	margin-right: 10px;
}

.tab-pane {
	position: relative;
}

.closer {
	float: right;
	padding: 2px;
	z-index: 3000;
	cursor: pointer;
}

.n {
	width: 26px;
	display: inline-block;
	text-align: right;
}

#go {
	width: 60px;
	text-align: left;
}

/*
.navbar-fixed-top {
	z-index: 0 !important;
}*/
group>.btn:hover,
.btn-group>.btn:focus,
.btn-group>.btn:active,
.btn-group>.btn.active {
	z-index: 0;
}

.list-label {
	float: left;
	margin-right: 10px;
	font-weight: bold;
	width: 60px;
	text-align: right;
}

.filts {
	list-style: none;
	margin-left: 0px;
}

.bold {
	text-align: left;
	font-weight: bold;
}

.edit:hover,
.trash:hover

/*, .place:hover */
	{
	cursor: pointer;
}

.judge-info {
	width: 80%;
	display: inline-block;
	padding: 10px;
}

#commentReq {
	color: red;
	display: none;
}

#comments {
	width: 350px;
}

.popover {
	overflow: visible;
	z-index: 2000;
}

.popover-content {
	overflow: visible;
}

#action {
	display: none;
	position: absolute;
	background-color: rgba(250, 250, 250, 0.7);
	width: 30%;
	left: 35%;
	top: 15%;
	border-radius: 15px;
	padding: 10px;
	z-index: 5;
}

.infobtn {
	position: absolute;
	top: 5px;
	right: 20px;
}

.review {
	height: 500px;
	border: 1px solid white;
	text-align: center;
}

.reviewerImage {
	max-height: 100%;
	max-width: 100%;
}

#reviewerImageContainer {
	height: 42vw !important;
	max-height: 90vh;
}

#reviewerInfo {
	height: 75vh;
	color: black;
	background-color: white;
	padding: 20px;
	overflow-y: scroll;
}

#reviewer {
	display: none;
}

.margin-left {
	margin-left: 20px !important;
}

ul.nav {
	color: black;
}

.critiq {
	height: 600px;
	overflow-y: scroll;
}

#t-critique {
	overflow: hidden;
	padding-bottom: 20px;
}

.slider-horizontal {
	margin-left: 20px;
}

.rating {
	height: 75px;
	margin-top: 5px;
	box-shadow: 1px 3px;
	background-color: #e0e0e0;
	width: 300px;
	padding: 4px 12px;
	display: inline-block;
}

[data-toggle="collapse"].collapsed .closea {
	display: none;
}

[data-toggle="collapse"]:not(.collapsed) .opena {
	display: none;
}

.opena,
.closea {
	font-size: 20px;
}

.slider-tick {
	margin-left: 0px !important;
	position: absolute;
	width: 1px;
	height: 20px;
	background-image: linear-gradient(to bottom, #000000 0, #000000 100%) !important;
	background-image: -webkit-linear-gradient(top, #000000 0, #000000 100%) !important;
	background-image: -o-linear-gradient(top, #000000 0, #000000 100%) !important;
	background-repeat: repeat-x;
	opacity: 1;
}

.slider-tick {
	border-radius: 0;
}

.slider-tick.in-selection {
	background-image: linear-gradient(to bottom, #000000 0, #000000 100%) !important;
	background-image: -webkit-linear-gradient(top, #000000 0, #000000 100%) !important;
	background-image: -o-linear-gradient(top, #000000 0, #000000 100%) !important;
	background-repeat: repeat-x;
	opacity: 1;
}

.slider-handle {
	position: absolute;
	top: 0;
	width: 8px;
	height: 20px;
	background-color: #337ab7;
	margin-left: -8px !important;
}

.Status {
	background-color: #dddddd;
	font-size: 20px;
	border-radius: 5px;
	text-align: center;
	width: 300px;
	display: inline-block;
}

.State {
	position: absolute;
	top: 60px;
	left: 38%;
	background-color: #dddddd;
	font-size: 20px;
	padding: 5px;
	border-radius: 5px;
	width: 190px;
	height: 20px;
}

.judge-controls {
	top: 0;
	left: 0;
	position: absolute;
	height: 100%;
	width: 600px;
	background-color: #eeeeee;
	padding: 30px;
	padding-top: 60px;
	margin-left: 0px;
}

.judge-controls-inner {
	overflow-y: scroll;
	height: 55vh;
	position: relative;
	display: block;
	border: 1px solid #d5dadc;
	border-radius: 4px;

}

.drawer-handle {
	width: 14px;
	height: 40px;
	position: absolute;
	right: 0;
	top: 50%;
	background-color: black;
	border-radius: 5px 0px 0px 5px;
	cursor: pointer;
	display: flex;
	align-items: center;
}

.drawer-close {
	right: 0;
	border-radius: 5px 0px 0px 5px;
}

.drawer-open {
	border-radius: 0px 5px 5px 0px;
	right: -20px;
}

.ctl-column {
	width: 20%;
	float: left;
	height: 65vh;
	padding-bottom: 10px;
	padding-top: 15px;
	border: 2px solid;
	border-radius: 5px;
	margin-bottom: 0px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
	min-height: 600px;
	transition: width 0.25s;
	-webkit-transition: width 0.25s;
	-moz-transition: width 0.25s;

}

.ctl-column-ctl {
	top: 50%;
	position: relative;
	float: left;
	left: -13px;
	cursor: pointer;
}

.ctl-column-ctl-left {
	top: 50%;
    position: relative;
    float: right;
    left: 8px;
    cursor: pointer;
    width: 18px;
    border-radius: 5px;
}

.ctl-column-ctl-right {
	top: 50%;
	position: relative;
	float: left;
	left: -8px;
    cursor: pointer;
    width: 18px;
	border-radius: 5px;
}

.ctl-column-inner {
	overflow: hidden;
	overflow-y: scroll;
	padding: 0px 8px 0px 8px;
	height: 93%;
	border: 1px solid white;
	border-radius: 5px;
	margin-left: 5px;
	margin-right: 5px;
}

.column-move {
	top: -27px;
	left: 50%;
	position: relative;
	background-color: black;
	width: 40px;
	padding: 0px 5px 0px 5px;
	text-align: center;
	border-radius: 5px;
}

#col-move {
	cursor: pointer;
}

.ctl-title {
	text-align: center;
	margin-top: -30px;
}

.block {
	display: block;
	position: relative;
}

.jc-heading {
	height: 40px;
	display: block;
	position: relative;
	padding: 3px;
	border: 1px solid #d5dadc;
	border-radius: 4px;
	margin-top: 5px;
	cursor: pointer;
}

.jc {
	border: 1px solid gray;
	border-radius: 5px;
	margin-bottom: 10px;

}

.jc.in {
	padding-top: 10px;
	padding-bottom: 10px;

}

#closeDate {
	font-weight: bold;
}

.inline {
	display: inline-block;
	text-align: center;
}

#TotScore {
	margin-left: 10px;
}

.jc>.accordion-inner {
	padding: 2px;
}

.slide-ctl {
	height: 125px;
	width: 250px;
	top: 0px;
	position: relative;
	display: inline-block;
	border: 2px solid black;
	border-radius: 5px;
	display: none;
}

.Scores {
	position: relative;
	vertical-align: top;
	display: inline-block;
	text-align: center;
}

.output-p {
	max-height: 65vh;
	margin-bottom: 70px;
	margin-top: 15px;
	padding-bottom: 10px;
	padding-top: 15px;
	padding-left: 15px;
	border: 2px solid;
	border-radius: 5px;
	min-height: 10vh;
	overflow-y: scroll;
	text-align: left;
}

#clearSelection {
	position: relative;
	float: right;
	top: 125px;
}

#info_console {
	position: absolute;
	height: 200px;
	width: 40%;
	display: block;
	top: 30%;
	left: 30%;
	background-color: white;
	border-radius: 10px;
	padding: 10px;
	cursor: move;
	display: none;
}

.ssoptions {
	position: relative;
	margin-bottom: 2px;
	margin-left: 5px;
	display: inline-block;
}

.ssoptions>select {
	margin-bottom: 1px;
	display: block;
}

.ssoptions>.control-label {
	display: inline-block;
}

.form-control.input-mini {
	width: 50px !important;
}

.ssoptions>.input-mini {
	width: 15px;
}

.comptitle {
	text-align: left;
	padding-left: 50px;
	margin-top: 5px;
}

.editable,
.editable2 {
	min-height: 175px !important;
}

.title-block {
	display: table-cell;
}

.compheading {
	display: inline;
	vertical-align: middle;
}

.tiebreaks {
	display: inline-block;
	width: 60%;
}

.h-inline {
	display: inline;
}

.tb-buttons {
	display: inline-block;
	width: 90%;
	min-height: 25px;
	vertical-align: middle;
}

.tb-block {
	width: 55%;
	float: left;
	border: 1px solid #222222;
	border-radius: 4px;
	height: 70px;
	padding: 5px;
}

.tb-block-r {
	width: 40%;
	float: left;
	border: 1px solid #222222;
	border-radius: 4px;
	height: 70px;
	padding: 5px;
	margin-left: 5px;
}

.jcc .tab-pane {
	padding-top: 5px;
}

#saverank {

	margin: 10px;
	margin-left: 15px;
}

#assignAwards {
	position: absolute;
	min-height: 50px;
	min-width: 100px;
	display: block;
	top: 30%;
	left: 30%;
	background-color: #989898;
	border: 5px solid #c5c5c5;
	border-radius: 10px;
	padding: 10px;
	cursor: move;
	display: none;
	text-align: center;
	box-shadow: 3px 3px black;
}

.jprog {
	position: absolute;
	right: 0;
	top: 0;
}

.jprogouter {
	position: relative;
}


.spreadJ {
	background-color: yellow !important;
}

.relative {
	position: relative;
}

.w15 {
	width: 15% !important;
}

.w50 {
	width: 50% !important;
}
.btn-score {
	margin: 0 !important;
	height: 4rem;
}

.incdec-input {
	float: none;
	height: 8rem;
	width: 8rem;
	text-align: center;
	font-size: 3.5rem;
}

.score-group {
	display: flex;
	height: 10rem;
	width: 21rem;
}

.score-btn-group {
	display: inline-block;
	width: 5rem;
}

.score-group label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 700;
	margin-right: 1rem;
}

.content {
	min-height: 40vh;
	white-space: pre-line;
}
