table.tsr-table tr
{
	/*line-height: 25px;*/
	cursor: pointer;
}

table.tsr-table tbody tr:hover
{
	background-color: #f7f7f7;
}

table.tsr-table td
{
	margin: 5px;
	padding: 0px 15px;
}

table.tsr-table th
{
	padding: 2px 15px;
}

table.tsr-table tr .checkbox
{
	margin-top:10px;
}

table.tsr-table thead a
{
	font-weight: bold;
}

table.tsr-table th
{
	text-align: left;
}

table.tsr-table th.asc , table.tsr-table th.desc 
{
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 10px;
}

table.tsr-table th.asc 
{
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgY29udGVudFNjcmlwdFR5cGU9InRleHQvZWNtYXNjcmlwdCIgY29udGVudFN0eWxlVHlwZT0idGV4dC9jc3MiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwNDggMjA0OCIgaGVpZ2h0PSIyMDQ4cHgiIGlkPSJMYXllcl8xIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAuMCAwIDEwMjQuMCAyMDQ4IiB3aWR0aD0iMTAyNC4wcHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHpvb21BbmRQYW49Im1hZ25pZnkiPjxwYXRoIGQ9Ik0xMDI0LDgzMmMwLDE3LjMzMy02LjMzMywzMi4zMzMtMTksNDVzLTI3LjY2NywxOS00NSwxOUg2NGMtMTcuMzMzLDAtMzIuMzMzLTYuMzMzLTQ1LTE5UzAsODQ5LjMzMywwLDgzMiAgczYuMzMzLTMyLjMzMywxOS00NWw0NDgtNDQ4YzEyLjY2Ny0xMi42NjcsMjcuNjY3LTE5LDQ1LTE5YzE3LjMzMywwLDMyLjMzMyw2LjMzMyw0NSwxOWw0NDgsNDQ4ICBDMTAxNy42NjcsNzk5LjY2NywxMDI0LDgxNC42NjcsMTAyNCw4MzJ6Ii8+PC9zdmc+);
}

table.tsr-table th.desc 
{
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgY29udGVudFNjcmlwdFR5cGU9InRleHQvZWNtYXNjcmlwdCIgY29udGVudFN0eWxlVHlwZT0idGV4dC9jc3MiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwNDggMjA0OCIgaGVpZ2h0PSIyMDQ4cHgiIGlkPSJMYXllcl8xIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAuMCAwIDEwMjQuMCAyMDQ4IiB3aWR0aD0iMTAyNC4wcHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHpvb21BbmRQYW49Im1hZ25pZnkiPjxwYXRoIGQ9Ik0xMDI0LDgzMmMwLDE3LjMzMy02LjMzMywzMi4zMzMtMTksNDVsLTQ0OCw0NDhjLTEyLjY2NywxMi42NjctMjcuNjY3LDE5LTQ1LDE5Yy0xNy4zMzMsMC0zMi4zMzMtNi4zMzMtNDUtMTlMMTksODc3ICBDNi4zMzMsODY0LjMzMywwLDg0OS4zMzMsMCw4MzJzNi4zMzMtMzIuMzMzLDE5LTQ1czI3LjY2Ny0xOSw0NS0xOWg4OTZjMTcuMzMzLDAsMzIuMzMzLDYuMzMzLDQ1LDE5UzEwMjQsODE0LjY2NywxMDI0LDgzMnoiLz48L3N2Zz4=);
}

a.x-ui-button.solid
{
	background-color: #ed5332;
	color: #fff;
	font-weight: bold;
}

a.x-ui-button
{
	text-transform: uppercase;
}

a.x-ui-button.solid.disabled, a.x-ui-button.solid.disabled:hover
{
	background-color: #000;
	opacity: 0.2;
}

.tsr-value-form
{
	margin: 0 auto;
	text-align: center;
	width: 50%;
}

.tsr-value-form > ul
{
	margin: auto;
	padding: 0px;
	list-style: none;
	text-align: left;
}

.tsr-value-form li
{
	position:relative;
	min-height: 26px;
	margin-bottom: 10px;
}

.tsr-value-form li ul.error-messages
{
	/*width: 500px;*/
	color: #D00;
}

.tsr-value-form li input
{
	width: 100%;
	border: 0px solid #bbb;
	background-color: #eaeaea;
	font-size: 13pt;
	padding: 7px;
	margin: 5px 0px;
	display: block;
	outline: none;
	box-sizing: border-box;
}

.tsr-value-form li input[type="checkbox"]
{
	width: auto;
	display: inline;
}

.tsr-value-form li select
{
    box-sizing: border-box;
    width: 100%;
	border: 0px solid #bbb;
	background-color: #eaeaea;
	font-size: 13pt;
	padding: 7px;
	margin: 5px 0px;
	display: block;
	outline: none;
}

.tsr-value-form li input.error, .tsr-value-form li select.error
{
	background-color: #ffdfdf;
}

.tsr-value-form .warning-box
{
	text-align: left;
}

/* The Modal (background) */
.tsr-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 100; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}

.tsr-modal.shown{
	display:block;

}

/* Modal Content/Box */
.tsr-modal-content {
    background-color: #fefefe;
    position:relative;
    margin: 5vh auto; 
    padding: 20px;
    border: 1px solid #888;
    width: 650px; /* Could be more or less, depending on screen size */
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    box-sizing: border-box;
}

@-webkit-keyframes animatetop {
    from {top: -300px; opacity: 0} 
    to {top: 0; opacity: 1}
}

@keyframes animatetop {
    from {top: -300px; opacity: 0}
    to {top: 0; opacity: 1}
}

.tsr-modal-content.inscreen
{
	display:flex;
	flex-direction: column;
	max-height: 90vh;
}

.tsr-modal-content.inscreen > *
{
	flex-grow: 0;
}

.tsr-modal-content.inscreen > .scroll-list
{
	overflow-y: auto;
    align-self: center;
}


/* The Close Button */
.tsr-close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    align-self: flex-end;
}

.tsr-close:hover,
.tsr-close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.tsr-button-panel
{
	margin-top: 40px;
	text-align: right;
}

.buttons-panel-right
{
	float:right;
	text-align: right;
}

.buttons-panel-right a
{
	margin-top: 5px;
	width:100%;
	text-align: center;
}

.according-container
{

}

.according-panel
{
	background-color: #c7c7c7;
	border-color: #c7c7c7;
	border-width: 1px;
	border-style: solid;
	margin: 2px;
	position: relative;
	overflow: hidden;
}

.according-panel label
{
	background-color: #c7c7c7;
	display: inline-block;
	width: 100%;
	font-size: 1.3em;
	line-height: 40px;
	height: 40px;
	padding: 0px 10px;
	box-sizing: border-box;
	z-index: 10;
	position:relative;
}

.according-panel section
{
	padding: 0px;
	background-color: #fff;
	-webkit-transition: top 0.3s, margin-top 0.3s, opacity 0.1s;
	-moz-transition:  top 0.3s,margin-top 0.3s, opacity 0.1s;
	-ms-transition:  top 0.3s,margin-top 0.3s, opacity 0.1s;
	-o-transition:  top 0.3s,margin-top 0.3s, opacity 0.1s;
	transition:  top 0.3s,margin-top 0.3s, opacity 0.1s;
	position:relative;
	z-index: 0;
}

.according-panel section > div
{
	padding: 10px;
}

.according-panel.collapsed > section
{
	background-color: #fff;
	visibility: collapse;
}

#category-selection-container ul
{
	width: 220px;
	min-height: 400px;
	float:left;
	display: inline-block;
	list-style: none;
	padding-left: 10px;
}

#category-selection-container > ul#category-panel
{
	width: 310px;
}

ul.selection-container
{
	list-style: none;
	padding: 0;
}

.selection-container li
{
	margin: 2px;
	box-sizing: border-box;
	display: block;
	height: 40px;
}

input[type="checkbox"].toggle-button, .tsr-value-form li input[type="checkbox"].toggle-button
{
    display:none;
}

input[type="checkbox"].toggle-button + label
{
	background-color: #ed5332;
    cursor:pointer;
    -webkit-user-select: none;  
	-moz-user-select: none; 
	-ms-user-select: none; 
	-o-user-select: none;
	user-select: none;
	color: #fff;
	overflow: hidden;
	font-size: 10pt;
}

input[type="checkbox"].toggle-button + label span 
{
	background-size: 80%;
    display:inline-block;
    width: 16px;
    height: 16px;
    margin: -2px 6px 0 -2px;
    vertical-align:middle;
	/*
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB3aWR0aD0iMTc5MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTMxMiAyNTZoLTgzMnEtNjYgMC0xMTMgNDd0LTQ3IDExM3Y4MzJxMCA2NiA0NyAxMTN0MTEzIDQ3aDgzMnE2NiAwIDExMy00N3Q0Ny0xMTN2LTgzMnEwLTY2LTQ3LTExM3QtMTEzLTQ3em0yODggMTYwdjgzMnEwIDExOS04NC41IDIwMy41dC0yMDMuNSA4NC41aC04MzJxLTExOSAwLTIwMy41LTg0LjV0LTg0LjUtMjAzLjV2LTgzMnEwLTExOSA4NC41LTIwMy41dDIwMy41LTg0LjVoODMycTExOSAwIDIwMy41IDg0LjV0ODQuNSAyMDMuNXoiLz48L3N2Zz4=);
	*/
    background-repeat: no-repeat;
    background-position: center center;
    cursor:pointer;
    border: 1px solid #fff;
    border-radius: 3px;
}

input[type="checkbox"].toggle-button:checked + label span 
{
	background-size: 90%;
	color: #fff;
	background-color: #38a3ff;
    background-repeat: no-repeat;
    background-position: center center;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB3aWR0aD0iMTc5MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTY3MSA1NjZxMCA0MC0yOCA2OGwtNzI0IDcyNC0xMzYgMTM2cS0yOCAyOC02OCAyOHQtNjgtMjhsLTEzNi0xMzYtMzYyLTM2MnEtMjgtMjgtMjgtNjh0MjgtNjhsMTM2LTEzNnEyOC0yOCA2OC0yOHQ2OCAyOGwyOTQgMjk1IDY1Ni02NTdxMjgtMjggNjgtMjh0NjggMjhsMTM2IDEzNnEyOCAyOCAyOCA2OHoiIHN0eWxlPSJmaWxsOiNGRkZGRkY7Ii8+PC9zdmc+);
}

input[type="checkbox"].toggle-button:checked + label
{
	color: #fff;
	background-color: #38a3ff;
}

input[type="checkbox"].toggle-button.disabled + label
{
    color: #a5a5a5;
	background-color: #eee;
	cursor:default;
}

input[type="checkbox"].toggle-button.disabled + label span 
{
	border: 1px solid #a5a5a5;
	cursor:default;
}

/*
.tsr-form-panel > ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: left;
}

.tsr-form-panel li input
{
	width: 300px;
	border: 0px solid #bbb;
	background-color: #eaeaea;
	font-size: 13pt;
	padding: 7px;
	margin: 5px 0px;
	display: block;
	outline: none;
}*/

#contestant-panel
{
	position: relative;
}

#contestant-panel-selection
{
	width: 300px;
}

#contestant-panel-selection li
{
	padding-right: 33px;
	position: relative;
	text-align: left;
}

#contestant-panel-selection li > span
{
	position: absolute;
	right: 0;
	top: 7px;
}

#contestant-panel-selection li label
{
	display: inline-block;
    width: 100%;
    line-height: 40px;
    height: 40px;
    padding: 0px 10px;
    box-sizing: border-box;
    z-index: 10;
    position: relative;
}

#choreography-contestant-info
{
	text-align: left;
}

#choreography-contestant-info ul
{
	list-style: none;
	font-size: 1em;
	padding: 0;
}

#choreography-contestant-info li
{
	margin: 3px;
	min-height: auto;
}

#choreography-contestant-info li > span
{
	font-weight: bold;
}


.uploading_box
{
	display: block;
	margin: auto;
	width: 400px;
	height: 200px;
	background-color: #eee;
	outline: 2px dashed #ababab;
	outline-offset: -10px;
	padding:30px;
	position: relative;
}

.box__dragndrop,
.box__uploading,
.box__success,
.box__error {
  display: none;
}

.uploading_box.is-uploading .box__input,
.uploading_box.is-success .box__input,
.uploading_box.is-error .box__input
{
	visibility: hidden;
}

.uploading_box.is-uploading .box__uploading,
.uploading_box.is-success .box__success,
.uploading_box.is-error .box__error
{
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	text-align: center;
	font-size: 1.3em;

	-webkit-transform: translateY( -50% );
	transform: translateY( -50% );
}

.box__success
{
	-webkit-animation: appear-from-inside .25s ease-in-out;
	animation: appear-from-inside .25s ease-in-out;
}
	@-webkit-keyframes appear-from-inside
	{
		from	{ -webkit-transform: translateY( -50% ) scale( 0 ); }
		75%		{ -webkit-transform: translateY( -50% ) scale( 1.1 ); }
		to		{ -webkit-transform: translateY( -50% ) scale( 1 ); }
	}
	@keyframes appear-from-inside
	{
		from	{ transform: translateY( -50% ) scale( 0 ); }
		75%		{ transform: translateY( -50% ) scale( 1.1 ); }
		to		{ transform: translateY( -50% ) scale( 1 ); }
	}

.box__icon
{
	margin-top: 20px;
	fill:#ababab;
}

.uploading_box label
{
	font-size: 1.2em;
	margin-bottom: 20px;
    display: inline-block;
    padding: 20px;
}

.uploading_box label:hover
{
	cursor: pointer
}

.uploading_box label:hover strong
{
	color: #ed5332;
}

.box.has-advanced-upload {
  background-color: white;
  outline: 2px dashed #ababab;
  outline-offset: -10px;
}

.uploading_box.has-advanced-upload .box__dragndrop {
  display: inline;
}

.uploading_box.is-uploading .box__input {
  visibility: none;
}
.uploading_box.is-uploading .box__uploading {
  display: block;
}
.uploading_box.is-error .box__error {
	display: block;
	padding: 20px;
	line-height: 1.3em;
}

.uploading_box.is-error .box__input {
  display: none;
}

.uploading_box.is-dragover {
  background-color: #c5c5c5;
}

.box__uploading > .progress
{
	margin: auto;
	width: 250px;
	height: 40px;
	line-height: 40px;
	position: relative;
	text-align: center;
	background-color: #ababab;
	margin-top: 10px;
	box-sizing: content-box;
}

.box__uploading .value, .box__uploading .bar > .value
{
	top: 0;
	left: 0;
	position: absolute;
	display: block;	
	width: 250px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
}

.box__uploading .bar
{
	top: 0;
	left: 0;
	height: 40px;
	line-height: 40px;
	position: absolute;
	display: block;
	text-align: center;
	overflow: hidden;
	background-color: #ed5332;
}

.box__uploading .bar > .value
{
	color: #fff;
}

.box__input
{
	text-align: center;
}

.box__file {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.uploading_box .button-box
{
	display: block;
	margin: auto;
}

.uploading_box:not(.file-selected) .button-box .upload-button, .uploading_box.file-selected .button-box .choose-button
{
	display: none;
}

ul.overview-list
{
	list-style: none;
	padding: 0;
	margin: 0 100px;
}

ul.overview-list > li
{
	padding: 10px 0;
    position: relative;
    border-top: 1px solid #ddd;
    line-height: 30px;
   	display: flex;
}

ul.overview-list > li:first-child
{
    border-top: none;
}

ul.overview-list > li div
{
	align-items: center;
	justify-content: space-between;
}

ul.overview-list > li div.music-box 
{
	display: flex;
	width: 400px;
	text-align: center;
	flex-direction: column;
}

ul.overview-list > li div.music-box.no-value 
{
	flex-direction: row;
}

ul.overview-list > li div.music-box .no-music, div.music-box.no-value audio, div.music-box > .x-ui-button, div.music-box.no-value > .music, div.music-box.no-value .x-ui-button.delete
{
	display: none;
}

ul.overview-list > li div.music-box.no-value .no-music, div.music-box audio, div.music-box.no-value > .x-ui-button
{
	display: initial;
}

div.music-box.no-value > .x-ui-button, div.music-box .x-ui-button.delete
{
	display: inline-block;
}


.overview-list ol
{
	padding-left: 220px; 
	display: none;   
}

.overview-list.create-chor ol
{
	padding-left: 0px; 
}

.overview-list ol.shown, .overview-list.create-chor ol
{
	display: block;    
}

.overview-list ol li
{
    position: relative;
    height: 25px;
    line-height: 25px;
    font-weight: bold;
}

.overview-list ul
{
	list-style: none;
	padding: 0;
}

.overview-list ul li
{
    position: relative;
    height: 25px;
    line-height: 25px;
    font-weight: bold;
    font-size: 1.2em;
    clear: both;
}

.overview-list li > span, .overview-list li div.music-box .music
{
	font-size: 1.2em;
    font-weight: bold;
    line-height: 50px;
}

.overview-list li .no-value, .overview-list li .no-music
{
	font-style: italic;
	font-weight: normal;
}

.overview-list li .no-value .x-ui-button
{
	font-style: initial;
}

.overview-list li > span.title
{
	font-size: 1.1em;
    font-weight: normal;
    line-height: 50px;
}

ul.overview-list > li > *
{
	flex-grow: 0;
}

ul.overview-list > li > :nth-child(2)
{
	flex-grow: 1;
}

ul.overview-list li ul#contestants{
	margin-top: 15px;
}

ul.overview-list > li > .title
{
	width: 200px;
}


.overview-list.attendance > li div
{
 	align-items: flex-start;
}

.overview-list.attendance ol
{
 	padding-left: 20px;
}

.overview-list.attendance > li > *:first-child
{
	width: 250px;
}

.overview-list.video-mode .no-video
{
	display: none;
}

.overview-list:not(.video-mode) .video
{
	display: none;
}

.choreography-file-panel
{
	text-align: left;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    overflow: hidden;
    position: relative;
    line-height: 50px;
    display: flex;
}

.choreography-file-panel.hidden
{
	display: none;
}

.choreography-file-panel >
{
	flex-grow: 0;
}

.choreography-file-panel > span:nth-child(2), .choreography-file-panel .video-link
{
	flex-grow: 1;
	font-size: 1.3em;
    line-height: 50px;
    display: inline-block;
    height: 50px;
    vertical-align: middle;
    text-align: right;
    font-weight: bold;
}

/*
#choreography-file-panel > a.x-ui-button
{
	position: absolute;
	right: 0;
}*/

p.centered 
{
	text-align: center;
}

p.message
{
	line-height: 50px;
	font-size: 1.4em;
}

div.centered
{
    border-top: 1px solid #d6d6d6;
    margin: auto;
    padding: 30px 0;
    text-align: center;
    margin-top: 30px;
    width: 60%;
}

.choreography-list ul
{
	list-style: none;
	padding: 0;
	margin: 50px 30px;

}

.choreography-list li
{
	padding: 10px 0;
    position: relative;
    border-bottom: 1px solid #ddd;
    line-height: 30px;
}

.choreography-list li.excluded
{
	color: #c5c5c5;
}

.choreography-list li.excluded > span.icon-item.icon-green-check
{
	display: none;
}

.choreography-list li > span.icon-item
{
	position: absolute;
	left:0;
	top:25px;
}

.choreography-list li strong
{
	font-size: 1.2em;
}    

.choreography-list li:first-child
{
    border-top: 1px solid #ddd;
}

.invalid-message
{
	display: none;
}

.excluded > .invalid-message
{
	display: inline-block;
}

.choreography-list li .x-ui-button
{
	display: none;
	margin-left: 5px;
}

.choreography-list li div.button-box
{
	float:right;
	margin-top: 5px;
	display: flex;
}

.choreography-list li.valid.excluded .dropdown-button
{
	display: none;
}

.choreography-list li.valid:not(.excluded) .x-ui-button.role-minus, .choreography-list li.valid.excluded .x-ui-button.role-plus, .choreography-list li.error-missing-music .x-ui-button.role-upload, .choreography-list li .dropdown-button
/*.choreography-list li:hover .x-ui-button.icon-edit, .choreography-list li.valid:not(.excluded):hover .x-ui-button.icon-minus, .choreography-list li.valid.excluded:hover .x-ui-button.icon-plus*/
{
	display: inline-block;
}

.choreography-list li .x-ui-button.role-edit, .choreography-list li .x-ui-button.role-upload-change
{
	display: block;
}

.choreography-list li .contestants
{
	margin-left: 20px;
}

.choreography-list li .status-box
{
	float:left;
	text-align: center;
	margin-right: 30px;
	margin-top: 5px;
}

.choreography-list li.excluded .status-box .icon-item
{
	opacity: 0.4;
}

.choreography-list li.invalid .error-message
{
	display: block;
	color: #f00;
}

ul.center
{
	margin: auto;
}

.tsr-value-form .separator
{
	display: inline-block;
	margin: 20px -20px;
	border-bottom: 1px solid #d6d6d6;
	width: 110%;
    box-sizing: border-box;
}

p.question-message
{
    margin: auto;
    width: 80%;
    text-align: center;
    font-size: 1.2em;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 1.5em;
}

.confirmation-list 
{
	width: 100%;
	margin-bottom: 50px;
}

.confirmation-list > div
{
	position: relative;
	width: 100%;
	border-bottom: 1px solid #d6d6d6;
	padding: 5px 0;
    min-height: 62px;
    box-sizing: border-box;
    height: 50px;
    line-height: 50px;   
}

.confirmation-list > div > strong
{
	font-size: 1.4em;
}

.confirmation-list > div:first-child
{
	border-top: 1px solid #d6d6d6;
}

.confirmation-list > div a
{
	position: absolute;
	right: 0;
	top: 5px;
	float:right;
}

.title-block, .chor-block, .invoice-date-block, .invoice-number-block, .invoice-comp-block, .invoice-proforma-block, .invoice-paid-block
{
	display: inline-block;
}

.title-block, .chor-block
{
	height: 1.6em;
}

.title-block
{
	width: 500px;
}

.chor-block
{
	width: 130px;
	min-width: 130px;
	text-align: center;
}

.invoice-date-block, .invoice-number-block
{
	width: 110px;
	min-width: 110px;
}

.invoice-comp-block
{
	width: 240px;
}

.invoice-proforma-block, .invoice-paid-block
{
	width: 170px;
	min-width: 170px;
	text-align: center;
}

.invoice-list
{
	list-style: none;
	padding: 0;
}

.invoice-list li
{
	height: 50px;
	display:flex;
	border-bottom: 1px solid #d6d6d6;
	align-items: center;
}

.invoice-list li > *
{
	flex-grow: 0;
}

.invoice-list li > *:nth-child(3)
{
	flex-grow: 1;
}

.invoice-list li:first-child
{
	border-top: 1px solid #d6d6d6;
}

.half-width
{
	width: 340px;
    float: left;
    margin: 0 35px;
}

.half-width > h3
{
	text-transform: uppercase;
}

.half-width > div
{
	border: 1px solid #b3b3b3;
	text-align: center;
	margin-bottom: 20px;
}

.half-width > div.unconfirmed
{
	border: 1px solid #cc3636;
}

.half-width > div.confirmed
{
	border: 1px solid #207b20;
}

.half-width h4
{
	background: #b3b3b3;
    color: #fff;
    padding: 10px;
    margin: 0;
}

.half-width > div.unconfirmed h4
{
	background: #cc3636;
}

.half-width > div.confirmed h4
{
	background: #207b20;
}

.half-width .x-ui-button, .half-width > div > span
{
	margin: 10px;
}

.half-width > div > span
{
	display: inline-block;
	padding: 10px;
	color: #207b20;
	font-size: 1.2em;
	font-weight: bold;
}

.half-width > div > span::before
{
	font-size: 1.2em;
}


.half-width .deadline
{
    height: 37px;
    display: inline-block;
    float: right;
    margin: -10px;
    line-height: 37px;
    padding: 0 20px;
    min-width: 90px;
    text-align: center;
    color: #ffffff;
}

.half-width ul
{
	margin-bottom: 30px;
	min-height: 40px;
}

#step-1 a
{
   margin: 0 2px;
}

#step-1 p
{
	display: flex;
	flex-wrap: wrap;
}

#step-1 p > a
{
  margin: 5px;
  display: flex;
    flex-direction: column;
    line-height: normal;
    justify-content: center;
    align-items: center;
}

#step-1 p > a > span
{
    font-weight: normal;
}

#step-1 p > .break
{
 	width: 100%;
}

.tsr-modal-content .waiting-spinner
{
	display: none;
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #fff;
}

.tsr-modal-content .waiting-spinner.shown
{
	display: block;
}

@keyframes spinner {
  to {transform: rotate(360deg);}
}

.waiting-spinner::before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin-top: -40px;
  margin-left: -40px;
  border-radius: 50%;
  border: 5px solid transparent;
  border-top-color: #ed5332;
  border-bottom-color: #ed5332;
  animation: spinner .8s ease infinite;
}

.x-ui-button.waitable
{
	position:relative;
}

.x-ui-button.waitable > .waiting-spinner
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.x-ui-button.waitable > .waiting-spinner::before
{
	display: none;
}

.x-ui-button.waitable.waiting > .waiting-spinner::before
{
    display: block;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    border: 3px solid transparent;
    border-top-color: #ed5332;
    border-bottom-color: #ed5332;
}

.x-ui-button.small
{
	text-align: center;
}

.contestants-stats
{
	margin-top: 10px;
	align-self: center;
    display: inline-block;
}

#dialog-contestants .tsr-button-panel
{
	margin-top: 20px;
}

/*
.ie-disable .content > *:not(.ie-warning):not(h1), .ie-warning
{
	display: none;
}*/

.ie-warning
{
	display: block;
	font-size: 1.2em;
	text-align: center;
	padding: 10px 40px;
	line-height: 1.1em;
}

.ie-warning h2{
	color:red;
	text-align: center;
}

.half-width > div.chor-list
{
	text-align: left;
}

.chor-list ul
{
	list-style: none;
	padding: 0;
	margin:5px 0;
}

.chor-list li
{
	padding: 0;
	margin: 1px 0;	
}

.chor-list a
{
	font-weight: bold;
	display: flex;
    justify-content: space-between;
    line-height: 32px;
	cursor: pointer;
	padding: 0 10px;
}

.chor-list a:hover
{
	text-decoration: none;
	background: #eee;
}

#choreography-detail-panel > p{
	display:none;
}

#choreography-detail-panel.videoMode > p{
	display:initial;
}

#choreography-detail-panel.videoMode > ul{
	display:none;
}

#video1{
    max-width: 300px;
    max-height: 150px;
}


.ele-center
{
	display: flex;
	justify-content: space-around;
}

.ele-center label
{
	width: auto;
	padding: 0px 5em;
}

.confirmation-legal-notice
{
	margin: 4em;
    font-size: 1.2em;
    line-height: 1.3em;
}

a.x-ui-button.solid.custom-croatia
{
	    padding-left: 56px;
    /* background-position: -42px center; */
    background-position-x: left;
    background-color: #ffd400;
    background-size: 50px 25px;
    color: #000;
    /* border: 1px solid #cda100; */
    /* border-radius: 7px;
}