@import url("nav2.css");


/* CSS Document */

/* core stuff */

* {
    box-sizing: border-box;
}

html {
	
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
	
}

body {
	
	background: #000;
	color: #fff;
	font-family: "Exo", sans-serif;
	height: 100%;
	margin: 0;
	margin-top: 0;
	padding: 0;
	width: 100%;
	
}

.row {
	margin-bottom: 10px;
}

.row::after {
	
	content: "";
	clear: both;
	display: block;
	
}

/* For mobile phones: */

[class*="col-"] {
	float: left;
	margin: 0;
	padding: 0;
    width: 100%;
}

@media screen and (max-width: 860px) {
	
[class*="col-"] {
	float: left;
	margin: 0;
	padding: 0;
    width: 100%;
}
	
}

@media only screen and (min-width: 860px) and (max-width: 1066px) {

    /* for tablets */
	
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
    .col-l-half {width: 50%;}
    .col-2thirds {width: 66.66%;}
    .col-third {width: 33.33%;}
	
	.hide {
		
		display: none;
		
	}
	
	.hide2 {
		
		display: none;
		
	}
	
	.fcsongnum {
		
		margin-right: 1em;
		float: right;
		width: 58.6% !important;
		
	}
	
}



@media only screen and (min-width: 1066px) and (max-width: 1370px) and (-webkit-min-device-pixel-ratio: 1) {
	
	/* for laptops */

    .col-l-1 {width: 8.33%;}
    .col-l-2 {width: 25%;}
    .col-l-3 {width: 25%;}
    .col-l-4 {width: 33.33%;}
    .col-l-5 {width: 66.66%;}
    .col-l-6 {width: 75%;}
    .col-l-7 {width: 58.33%;}
    .col-l-8 {width: 100%;}
    .col-l-9 {width: 75%;}
    .col-l-10 {width: 83.33%;}
    .col-l-11 {width: 91.66%;}
    .col-l-12 {width: 100%;}
    .col-l-15 {width: 15%;}
    .col-l-55 {width: 55%;}
    .col-l-half {width: 50%;}
    .col-2thirds {width: 66.66%;}
    .col-third {width: 33.33%;}
	
	.hide {
		
		display: none;
		
	}
	
	.hide2 {
		
		display: block;
		
	}
}

@media only screen and (min-width: 1371px) {
	
    /* for desktop */

    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
	
	.hide {
		
		display: block;
		
	}
	
	.fcsongnum {
	
	margin-right: 1em;
	float: right;
	width: 58.6% !important;
	
	}
	
}

img {
	
	height: auto;
	max-width: 100%;

}

.img {
	
	display: inline-block;

}

a {
	
	color: #ff6ba4;
	text-decoration: none;

}

a:hover {
	
	color: #fff;
	text-decoration: none;
	
}

h1 {
	
	line-height: 1.2em;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0.6em;
	padding-left: 1.1em;
	
}

h2 {
	
	background: url(../img/box-head-bg.png) repeat-x #a9466c;
	border-radius: 0.8em 0.8em 0.8em 0em;
	box-shadow: 1px 1px 5px #000;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.5em;
	margin: 0 0 0.6em 0;
	padding: 0.4em;
	text-align: center;
	text-shadow: 0.1em 0.1em 0.1em #000;
	
}

h3 {
	
	background: url(../img/box-head-bg.png) repeat-x #7f3451;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.3em;
	margin: 0 0 0.4em 0;
	padding: 0.4em 0 0.4em 0;
	text-align: center;
	text-shadow: 0.1em 0.1em 0.1em #000;
	width: 100%;
	
}

h4 {
	
	border-bottom: 1px solid #a9466c;
	color: #a9466c;
	display: block;
	margin: 1.1em 0em 1.1em 0em;
	width: 100%;
	
}

h5 {
	
	color: #fff;
	font-size: 0.9em;
	margin: 0.3em 0px 0.3em 0em;
	padding: 0;
	text-transform: uppercase;
	text-shadow: 0.1em 0.1em 0.1em #000;
	
}


p {
	
	line-height: 1.4em;
	margin-bottom: 0;
	margin-top: 0;
	overflow: auto;
	padding: 0.2em 0.9em 0.9em 0.9em;
	
}

p.sub {
	font-size: 0.8em;
	line-height: 1em;
	padding: 0.2em;
	padding-left: 1em;
}
/* general font styling */

.bold {
    
    color: #000;
    font-weight: bold;
    text-shadow: 0.0em 0.0em 0.2em #fff;
    
}

.pinkbs {

	color: #ca5582;
	font-weight: bold;
	text-shadow: 1.5px 1.5px 2px #000;
	
}

.pinkb {

	color: #ca5582;
	font-weight: bold;
	
}

.pinks {

	color: #ca5582;
	text-shadow: 1.5px 1.5px 2px #000;
	
}

.pink {

	color: #ca5582;
		
}

.gdot {
	height: 25px;
	width: 25px;
	background-color: #316c16;
	border-radius: 50%;
	display: inline-block;
  }

  .rdot {
	height: 25px;
	width: 25px;
	background-color: #900;
	border-radius: 50%;
	display: inline-block;
  }

/* header stuff */

.header {
	
	background: url('../img/bg-02-wave2.png')  repeat-x #142d33;
	min-height: 2.25em;
	padding-left: 1em;
	text-align: left;

}

.wrapper {
	
	height: auto !important;
	height: 100%;
	padding-bottom: 1px !important;
	margin-bottom: -155px;
	min-height: 100%;
	
}



/* navigation stuff */

.left {
	
	float: left;
	
}

.right {
	
	float: right;
	
}

.center {
	text-align: center;
}

.justcenter {
	text-align: center !important;
}

/* admin navigation stuff */

.amenu {

	list-style-type: none;
	margin: 0;
	padding: 0;
	
}

.amenu li a {
	
	color: #fff;
	display: block;
	line-height: 2.1em;
	padding: 10px;
	width: 100%;	
	
}

.amenu li a:hover {
	
	background: #5c263b;
	color: #fff;
	text-decoration: none;
	
}

/* generic page stuff */

.pad {
	
	margin-top: 1em;
	padding: 0em 1em 0em 1em;
	
}

.halfish {
	
	background: #333;
	border-radius: 0.9em 0.9em 0.9em 0em;
	margin-bottom: 2em;
	padding-bottom: 0.9em;
	
}

.client_set {
	
	background: #333;
	border-radius: 0.9em 0.9em 0.9em 0em;
	padding: 0.7em;
	text-align: center;
	
}

.small {
	
	font-size: 0.9em;
	padding: 0 1em 1em 1em;

}

.small td {
	
	padding: 0;
	
}

.small th {
	
	background: #444;
	padding: 0.7em 0 0.7em 0.7em;
	text-align: left;
	
}

table {
	
	margin-top: 1em;
	width: 100%;
	
}

table td {
	
	padding: 0.4em 0.7em 0.4em 0.7em;
	
}

/* kcode table */

table.kcodes {
	
	border-radius: 0, 0, 0, 1em;
	text-align: center;
	width: 100%;
	
}

table.kcodes th {
	
	background: #a9466c;
	font-weight: normal;
	line-height: 2em;
	
}

table.kcodes tr:nth-child(odd) {
	
	background: #222;
	
}

/* copied kcodes table, for client list and statuses */

table.clist {
	
	border-collapse: collapse;
	text-align: center;
	width: 100%;
	
}

table.clist th {
	
	background: #a9466c;
	font-weight: normal;
	line-height: 3em;
	text-align: center;
	
}

table.clist td {
	line-height: 2em;
	padding: 0;
}

table.clist tr:nth-child(odd) {
	
	background: #222;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	border-collapse: collapse;
	
}

table.clist tr:nth-child(even) {
	
	background: #444;
	
}

table.clist tr:nth-child(odd):hover {
	
	background: #a9466c;
	
}

table.clist tr:nth-child(even):hover {
	
	background: #a9466c;
	
}

/* results table */

.rtable {
	
	font-size: 0.8em;
	text-align: center;
}

.rtable th {
	
	background: #993f61;
	font-weight: normal;
	font-size: 1.2em;
	line-height: 2em;	
	
}

.rtable thead th.top  {
	
	background: url(../img/box-head-bg.png) repeat-x #a9466c;
	
}

thead.subhead td {
	
	background: #993f61;
	font-weight: normal;
	font-size: 1.1em;
	line-height: 1.4em;
	text-align: center;
	
}

.rtable tr:nth-child(even) {
	
	background: #191919;
	
}
.rtable tr:nth-child(odd) {
	
	background: #222;
	
}

.rtable tr:hover {
	
	background: url(../img/box-head-bg.png) repeat-x #a9466c;
	
}

/* general table */

.general {
	
	padding-bottom: 1.2em;
	width: 85%;	
	
}

.general th {
	
	background: #a9466c;
	font-weight: normal;
	line-height: 2em;
	
}
.general tr:nth-child(even) {
	
	background: #191919;
	
}
.general tr:nth-child(odd) {
	
	background: #222;
	
}

.general-dark {
	
	padding-bottom: 1.2em;
	width: 85%;	
	
}

.general-dark th {
	
	background: #a9466c;
	font-weight: normal;
	line-height: 2em;
	
}
.general-dark tr:nth-child(even) {
	
	background: #151515;
	
}
.general-dark tr:nth-child(odd) {
	
	background: #191919;
	
}

.general-sm {
	
	font-size: 0.9em;
	line-height: 1.2em;
	padding-bottom: 1.2em;
	width: 100%;	
	
}

.general-sm th {
	
	background: #a9466c;
	font-weight: normal;
	line-height: 2em;
	
}
.general-sm tr:nth-child(even) {
	
	background: #333;
	
}
.general-sm tr:nth-child(odd) {
	
	background: #444;
	
}


/* generic admin stuff */

.plans {

	background-color: #333;
	font-size: 0.9em;
	line-height: 0.36em;
	text-align: center;
	width: 100%;
	
}

.plans thead {
	
	background: #a9466c;
	
}
.plans th {
	
	background: url(../img/box-head-bg.png) repeat-x #a9466c;
	font-size: 1em;
	font-weight: normal;
	line-height: 2.2em;
}

	
.plans tr {
	
	line-height: 1.4em;
	
}

.plans td {
	
	padding: 0.3em;
	
}

.plans a.hover {
	
	background: #a9466c;

	padding: 0;
	width: 100%;
}

.plans a.hover:hover {
	
	background: #5c263b;
	
}

.plans a {
	
	color: #ff6ba4;
	display: block;
	line-height: 2.2em;
	height: 100%;
	padding: 0;
	width: 100%;
	
}

.plans a:hover {
	
	color: #fff;
	text-decoration: none;
	
}


.plans tr:nth-child(even) {
	
	background: #444;
	
}


/* generic form stuff */

input:focus, select:focus, textarea:focus, button:focus {
	
	outline: none;
	
}

input {
	
	background: #333;
	border: 0.1em solid #a9466c;
	box-sizing: border-box;
	color: #fff;
	font-family: "Exo", sans-serif;
	font-size: 1em;
	font-weight: normal;
	padding: 0.1em 0px 0.1em 0.56em;
	width: 90%;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box; 

}

textarea {

	background: #333;
	border: 0.1em solid #a9466c;
	color: #fff;
	display: block;
	font-family: "Exo", sans-serif;
	font-size: 1em;
	height: 13.13em;
	padding-left: 0.56em;
	width: 90%;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box; 

}

select {
	
	background: #333;
	border: 0.1em solid #a9466c;
	color: #fff;
	font-family: "Exo", sans-serif;
	font-size: 1em;
	padding: 0.1em 0em 0.1em 0.56em;
	width: 90%;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box; 
	
}

option {
	
	line-height: 1.56em;
	padding: 0.63em;
	
}

button {

	background: #333;
	border: 0.1em solid #a9466c;
	color: #fff;
	font-family: "Exo", sans-serif;
	font-size: 1em;
	min-width: 30%;
	padding: 0.31em;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box; 
		
}

.miniform {
	
	display: inline-block;
	width: 100%;
}

.unselectable {
	
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	
}




/* message reporting styling */

.message {
	
	margin: auto;
	margin-bottom: 1.78em;
	margin-top: 1em;
	padding: 0.49em;
	text-align: center;
	width: 100%;
	
}

.error {
	
	background: url(../img/box-head-bg2.png) repeat-x #900;
	
}

.ok {
	
	background: url(../img/box-head-bg2.png) repeat-x #060;
	
}

.warning {
	
	background: url(../img/box-head-bg2.png) repeat-x #C60;
	
}

.red_warning {
	
	background: url(../img/box-head-bg.png) repeat-x #900;
	color: #fff;
	font-size: 1.0em;
	line-height: 1.0em;
	padding: 0.4em;
	
}

/* links & buttons */


.link {
	
	background: #222;
	border: 1px solid #000;
	border-radius: 2.5em;
	line-height: 2em;
	
}

.link:hover {
	
	border: 1px solid #a9466c;
	
}

.text-button {
	
	background: none;
	border: 0;
	color: #ff6ba4;
	display: inline-block;
	width: 100%;
	
}

.inline-text-button {
	
	background: none;
	border: 0;
	color: #ca5582;
	display: inline-block;
	max-width: 5em;
	min-width: 3.5em;
	padding: 0.0em;
	
}

.text-button:hover {
	
	color: #fff;
	
}

.text-button-2 {
	
	border: 1px solid #a9466c;

	float: left;
	margin: 0.6em 0em 0.6em 0.9em;
	text-align: center;
	width: 45%;
	
}

.text-button-2:hover {
	
	background: #a9466c;
	
}

.text-button-sm {
    
	background: none;
	border: 0;
	color: #ca5582;
	display: inline-block;
	font-size: 0.9em;
	padding: 0.3em 0.7em;
	text-align: left;
	width: 100%;
    
}

.text-button-sm:hover {
    
    background: #222;
    color: #fff;
    
}

.tbson {
	background: #222;
	padding: 0.5em !important;
}

.tbrounds {
	margin: 0 !important;
}

.on {
	background: #222;
	margin-bottom: 1em;
	margin-top: 1em;
}

.minih {
	
	color: #ca5582;
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 0em;
	text-shadow: 0.7px 0.7px 1px #000;
	
}

/* 

 * page specific sections

*/

/* scores page */

.stable {
	
	text-align: center;
	width: 100%;
	
}

.stable thead th {
	
	background: url(../img/box-head-bg.png) repeat-x #a9466c;
	font-weight: normal;
	line-height: 2em;
	
}

.stable thead th.top {
	
	background: url(../img/box-head-bg.png) repeat-x #8f3b5b;

}

.stable tr:nth-child(odd) {
	
	background: #222;
	
}

.stable tr:nth-child(even) {
	
	background: #222;
	
}

.stable tr:hover {
	
	background: url(../img/box-head-bg.png) repeat-x #a9466c;
	
}

p.small {
	
	font-size: 0.9em;
	padding: 0em 0.9em 0.7em 0.9em;
	
}

/* judges pages */

.select {
	
	margin: auto;
	padding: 0.7em;
	width: 80%;
	
}

.select a {
	
	display: inline-block;
	line-height: 2.4em;
	text-align: center;
	width: 100%;
	
}

.select a:hover {
	
	background: #a9466c;
	color: #fff;
	text-decoration: none;
	
}

.sheetdata {
	
	background: #252525;
	float: left;
	line-height: 1.6em;
	margin-bottom: 0.2em;
	min-height: 2.8em;
	padding: 0.5em;
	text-align: center;
	width: 50%;
	
}


.judgesNew{
	border-radius: 0.7em;
	padding:10px;
	border:1px solid;
	margin:10px;
	margin-bottom: 2em;
	
	box-shadow: 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff;
  
  }
  .judgesNew>label{

	  padding: 0em 0.3em;
	position:relative;
	top:-45px;
	left:0px;
	background-color:#333;
  }

  .slider {
	-webkit-appearance: none;
	width: 99%;
	border: 2px solid #000;
	border-radius: 0.8em;
	height: 15px;
	background: #ccc;
	outline: none;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;
	margin-top: 0.1em;
  }
  
  .slider:hover {
	opacity: 1;
  }
  
  .slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	border-radius: 1em;
	width: 25px;
	height: 25px;
	border: 2px solid #000;
	background: #ff6ba4;
	cursor: pointer;
  }
  
  .slider::-moz-range-thumb {
	width: 25px;
	border-radius: 1em;
	height: 25px;
	border: 2px solid #000;
	background: #ff6ba4;
	cursor: pointer;
  }

.judge_song_voted {
	
	background: url(../img/check.png) center right 0.5em no-repeat #316c16 !important;
	box-shadow: inset 0px 0px 12px rgba(0,0,0,0.6) !important;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0.2em;
	margin-top: 0.2em;
	padding: 0em;
	
}

.judge_song_voted:hover {
	
	background: url(../img/check.png) center right 0.5em no-repeat #357418 !important;
	box-shadow: inset 0px 0px 8px rgba(0,0,0,0.6) !important;
	color: #fff !important;
	margin-bottom: 0.2em;
	margin-top: 0.2em;
	padding: 0em;
	
}

.judge_song_novote {
	
	background: url(../img/warning.png) center right 0.5em no-repeat #af5230 !important;
	box-shadow: inset 0px 0px 12px rgba(0,0,0,0.6) !important;
	color: #fff !important;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0.2em;
	margin-top: 0.2em;
	padding: 0em;
	
}

.judge_song_novote:hover {
	
	background: url(../img/warning.png) center right 0.5em no-repeat #a54d2d !important;
	box-shadow: inset 0px 0px 8px rgba(0,0,0,0.6) !important;
	color: #fff !important;
	margin-bottom: 0.2em;
	margin-top: 0.2em;
	padding: 0em;
	
}


.example_novote {
	
	background: url(../img/warning.png) center right 0.5em no-repeat #af5230 !important;
	box-shadow: inset 0px 0px 12px rgba(0,0,0,0.6) !important;
	color: #fff !important;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0.2em;
	margin-top: 0.2em;
	padding: 0em;
	
}

.example_voted {
	
	background: url(../img/check.png) center right 0.5em no-repeat #316c16 !important;
	box-shadow: inset 0px 0px 12px rgba(0,0,0,0.6) !important;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0.2em;
	margin-top: 0.2em;
	padding: 0em;
	
}

/* rounds page */

.rounds { 
	
	background: url(../img/box-head-bg.png) repeat-x #a9466c;
	line-height: 2.6em;
	margin: auto;
	margin-bottom: 0em;	
	padding: 0em 0em 0em 1em;
	position: relative;
	width: 100%;

}

.rounds-sm {
	
	background: url(../img/box-head-bg.png) repeat-x #a9466c;
	font-size: 1em;
	line-height: 1.9em;
	margin: auto;
	margin-bottom: 0em;	
	padding: 0em 0em 0em 1em;
	position: relative;
	width: 100%;
	
}

.subrounds {
	
	background: #444;
	box-shadow: 0.16em 0.16em 0.5em #000;
	line-height: 0.7em;
	margin: 0.0em 0em 1.1em 0em;
	padding: 0.7em;
	
}

.subrounds-sm {
	
	background: #444;
	box-shadow: 0.16em 0.16em 0.5em #000;
	font-size: 0.9em;
	line-height: 0.7em;
	margin: 0em 0em 1.1em 0em;
	padding: 0.7em 0.7em 0.7em 1.5em;
	
}

.rounds-sm2 {
	background: #444;
	color: #fff !important;
	padding: 0px !important;
	margin: 0;
}

.rounds a {
	
	color: #fff;

	height: 2.6em;
	float: right;
	min-width: 12%;
	text-align: center;
	
}

.rounds a:hover {
	
	background: #522234;
	text-decoration: none;
	
}

.fcsongnum {

	float: right;	
	line-height: 1.5em;
	margin-right: 1em;
	width: 40% !important;
	
}

.fcinput {
	
	float: right;
	line-height: 1.5em;
	margin-right: 1em;
	padding: 0;
	text-align: center;
	width: 10%;
	
}

.fcplaces {
	
	width: 10%;
	float: right;
	margin-right: 1em;
	text-align: center;
	
}

.bold-background {
	
	background: #222;

	margin-bottom: 1em;
}

.bold-button {
	
	border-radius: 0.7em 0.7em 0.7em 0em;
	box-shadow: 0px -1px 7px #000, 0px 1px 7px #000;
	margin: 0.8em 0em 0.8em 0em;
	padding: 0.4em 1em 0.4em 1em;
}

.bold-button-sm {

	border-radius: 0.7em 0.7em 0.7em 0em;
	box-shadow: 0px -1px 7px #000, 0px 1px 7px #000;
	margin: 0.1em;
	padding: 0.2em;
	width: 75%;

}

.bold-button-sm2 {

	border-radius: 0.7em 0.7em 0.7em 0em;
	
	margin: 0.1em;
	padding: 0.2em;
	width: 75%;

}

.bold-button-sm2,
.bold-button-sm:hover {
	cursor: pointer;
}

.bold-button-sm2:hover {

	background: #a9466c;
	border-radius: 0.7em 0.7em 0.7em 0em;
	cursor: pointer;
}

/* login page */

.login-table {
	
	margin-top: 0.7em;
	width: 100%;
}

.login-table td {
	
	padding: 0.4em;
	
}

.login {
	
	font-size: 1.2em;
	margin-left: 0.7em;
	margin-right: 0.7em;
	width: 75%;
	
}

/* add page stuff */

.form {
	
	line-height: 1.7em;
	padding: 1em 1.5em 0em 1.5em;
	
}

.add a {
	
	background: #222;
	color: #fff;
	display: inline-block;
	line-height: 2.8em;
	margin: 0.2em;
	text-align: center;
	width: 48%;
	
}

.add a:hover {
	
	background: #a9466c;
	text-decoration: none;
	
}

.add2 a {
	
	background: #222;
	color: #fff;
	display: inline-block;
	line-height: 2.8em;
	margin: 0.2em;
	text-align: center;
	width: 32%;
	
}

.add2 a:hover {
	
	background: #a9466c;
	text-decoration: none;
	
}

/* singers page */

.small-container {
	
	background: #333;
	border: 1px solid #a9466c;
	margin: auto;
	margin-bottom: 0.5em;
	margin-top: 0.6em;
	
	position: relative;
	width: 98%;
	z-index: 1;
	
}

.singer_details {
	
	overflow-x: scroll !important;
	
}

/* kontets.ca page stuff */

a.subtitle {

	line-height: 2em;
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;

}

a.subtitle:hover {
	
	color: #fff;
	text-decoration: none;
	
}

/* random divs */


div.center {
	
	margin: auto;
	text-align: center;
	width: 100%;
	
}

div.round_list_sm {
	
	width: 100%;
	
}

div.round_list_sm a {
	
	color: #fff;
	display: block;
	font-size: 0.9em;
	padding: 0.2em 0.2em 0.2em 0.6em;
	width: 100%;
	
}

div.round_list_sm a:hover {
	
	background: #222;
	
}

/* grid */




/* footer */

.footer {
	
	background: #111;
	padding-top: 1em;
	min-height: 155px;
	position: relative;
	text-shadow: 0.1em 0.1em 0.1em #000;
}

.push {
	
	clear: both;
	height: 155px;
	
}

.foot {
	
	color: #888;
	font-size: 0.9em;
	padding-left: 0;
	
}

.footer a {
	
	color: #888;
	font-size: 0.9em;
	line-height: 2em;
	transition: .5s;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;

}

.footer a:hover {
	
	color: #ddd;
	text-decoration: none;
	
}


/* custom form */

.mod {
	text-align: center;
	width: 2.5em;
}

/* */


div label input {
   margin-right:100px;
}

#ck-button {
    margin:4px;
    background-color:#111;

    border:1px solid #a9466c;
	color: #fff;
    overflow:auto;
    float:left;
	width: 33%;
}

#ck-button label {
    float:left;
    width:33.33%;
}

#ck-button label span {
    text-align:center;
    padding:3px 0px;
    display:block;
	width: 100%;
}

#ck-button label input {
    position:absolute;
    top:-20px;
	float: left;
	display: none;
}

#ck-button input:checked + span {
    background-color:#a9466c;
    color:#fff;
}

/* effect css */

#songs_tr {
	
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	-o-transition: all 2s ease;
	transition: all 2s ease;
	
}

/*
video and image formatting for news items
*/

.responsive {
	overflow:hidden;
	padding-bottom:56.25%;
	position:relative;
	height:0;
}

.responsive iframe {
	height: 100%;
	width: 100%;
	left: 0;
	top: 0; 
	position: absolute;
}

/* on/off switch */

/* v1 */

.onoffswitch {
	position: relative; width: 90px;
	user-select: none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
	display: none;
}
.onoffswitch-label {
	display: block; overflow: hidden; cursor: pointer;
	border: 2px solid #999999; border-radius: 20px;
}
.onoffswitch-inner {
	display: block; width: 200%; margin-left: -100%;
	transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
	display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
	font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
	box-sizing: border-box;
}
.onoffswitch-inner:before {
	content: "ON";
	padding-left: 25px;
	background-color: #39C234; color: #FFFFFF;
}
.onoffswitch-inner:after {
	content: "OFF";
	padding-right: 20px;
	background-color: #DB1F1F; color: #FFFFFF;
	text-align: right;
}
.onoffswitch-switch {
	display: block; width: 18px; margin: 6px;
	background: #FFFFFF;
	position: absolute; top: 0; bottom: 0;
	right: 56px;
	border: 2px solid #999999; border-radius: 20px;
	transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
	margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
	right: 0px; 
}

/* v2 */


.onoffswitch-2 {
	position: relative; width: 143px;
	user-select: none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox-2 {
	display: none;
}
.onoffswitch-label-2 {
	display: block; overflow: hidden; cursor: pointer;
	border: 2px solid #999999; border-radius: 20px;
}
.onoffswitch-inner-2 {
	display: block; width: 200%; margin-left: -100%;
	transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner-2:before, .onoffswitch-inner-2:after {
	display: block; float: left; width: 50%; height: 31px; padding: 0; line-height: 31px;
	font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
	box-sizing: border-box;
}
.onoffswitch-inner-2:before {
	content: "Confirmed";
	padding-left: -5px;
	background-color: #21A321; color: #FFFFFF;
}
.onoffswitch-inner-2:after {
	content: "Unconfirmed";
	padding-right: 16px;
	background-color: #F01D1D; color: #FFFFFF;
	text-align: right;
}
.onoffswitch-switch-2 {
	display: block; width: 20px; margin: 5.5px;
	background: #FFFFFF;
	position: absolute; top: 0; bottom: 0;
	right: 108px;
	border: 2px solid #999999; border-radius: 20px;
	transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox-2:checked + .onoffswitch-label-2 .onoffswitch-inner-2 {
	margin-left: 0;
}
.onoffswitch-checkbox-2:checked + .onoffswitch-label-2 .onoffswitch-switch-2 {
	right: 0px; 
}


/* v3 */

.onoffswitch-3 {
	position: relative; width: 125px;
	user-select: none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox-3 {
	display: none;
}
.onoffswitch-label-3 {
	display: block; overflow: hidden; cursor: pointer;
	border: 1px solid #000; border-radius: 20px;
}
.onoffswitch-inner-3 {
	display: block; width: 200%; margin-left: -100%;
	transition: margin 0.2s ease-in 0s;
}
.onoffswitch-inner-3:before, .onoffswitch-inner-3:after {
	display: block; float: left; width: 50%; height: 19px; padding: 0; line-height: 19px;
	font-size: 13px; color: #000; font-family: Exo; font-weight: 600; letter-spacing: 0.05em;
	box-sizing: border-box;
}
.onoffswitch-inner-3:before {
	content: "Enabled";
	padding-left: -1px;
	background-color: #39C234; color: #000;
}
.onoffswitch-inner-3:after {
	content: "Disabled";
	padding-right: 25px;
	background-color: #DB1F1F; color: #fff;
	text-align: right;
}
.onoffswitch-switch-3 {
	display: block; width: 15px; margin: 3px;
	background: #fff;
	position: absolute; top: 0; bottom: 0;
	right: 103px; /* left side, or disabled in this case, position on the left side */
	border: 1px solid #000; border-radius: 10px;
	transition: all 0.2s ease-in 0s; 
}
.onoffswitch-checkbox-3:checked + .onoffswitch-label-3 .onoffswitch-inner-3 {
	margin-left: 0;
}
.onoffswitch-checkbox-3:checked + .onoffswitch-label-3 .onoffswitch-switch-3 {
	right: 1px; 
}

/* NEW custom report view */

.score-container {
	background: #333;
	border: 1px solid #a9466c;
	border-top: 0;
	margin: auto;
	padding: 0;
	position: relative;
	width: 98%;
	z-index: 1;
}

.score_details {
	background:#111;
	border-top: 1px solid #a9466c;
	/* display: none; */
	overflow: hidden;
	padding: 0; 
}

.score-numbers {
	margin: 0;
	padding: 0;
}

.score-numbers li {
	border-right: 1px solid #a9466c;
	display: inline-block;
	list-style-type: none;
	padding: 3px 15px;
	margin: 0px;
}

.score-header {
	background: #a9466c;
	margin: auto;
	padding: 5px 5px 5px 20px;
	width: 98%;
}


.details-header {
	background: #a9466c;
	list-style-type: none;
	margin: 0;
	padding: 5px 15px;
	clear: both;
	width: 30%;
}

.scores {
	padding: 3px;
}

.score-data-container {
	border-top: 1px solid #a9466c;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

.score-data {
	display: inline-block;
	padding: 3px;
	width: 25%;
}

.score-item {
	overflow: hidden;
}

/* filtered page */

.clickable-header {
	cursor: pointer;
}

.filtered-box {
	padding-bottom: 0px;
}

.filtered-box div p {
	padding: 10px 15px;
}

.score-box {
	overflow-x: auto;
	padding: 5px 12px;
	/* white-space: nowrap; */  /* sos */
}

.content {
	/* display: none; */
	/* padding: 10px; */
}

.score-table {
	box-sizing: border-box;
	border-collapse: collapse;
	font-size: 0.89rem !important;
	margin-bottom: 30px;
	margin-right: 50px !important;
}

.score-table th {
	font-weight: normal !important;
	max-width: 75px;
	padding: 5px 10px;
	word-wrap: break-word;
}

/* .score-table th ~ th {
	border-left: 1px solid #126071;
} */

.score-table thead {
	background: #333;
	border-bottom: 1px solid #ccc;
	color: #fff;
	padding-right: 50px;
}

.score-table th {
	height: 100px;
	white-space: nowrap;
}

.score-table th.skipped {
	/* border-right: 1px solid #ccc; */
	vertical-align: bottom;
}

.score-table th.skipped::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 1px;
	height: 25px;
	background-color: #ccc;
}

.score-table th > div {
	transform: 
		translate(30px, 27px)
		rotate(315deg);
	width: 35px;
	max-width: 50px;
	/* height: 78px; */
}

.score-table th > div > span {
	border-bottom: 1px solid #ccc;
	padding: 5px 10px;
}

.score-table td {
	/* max-width: 35px; */
	padding: 10px 6px;
}

.song-separator {
	border-left: 1px solid #ccc;
}

.grand-total-td,
.total-col {
	border-left: 1px solid #ccc;
	width: 35px;
}

.score-table tr td.grand-total-td {
	width: 120px !important;
}

.total-td {
	border-right: 1px solid #ccc;
}

.song-row {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.line_1 {
	background: #333;
}

.line_0:hover,
.line_1:hover, 
.line_1:hover > td,
.line_0:hover > td {
	background: #78324d;
	cursor: pointer;
}

.line_0 {
	background: #444;
}

.score-table th:nth-child(1),
.score-table td:nth-child(1),
.score-table th:nth-child(2),
.score-table td:nth-child(2) {
	position: sticky;
}

.score-table th:nth-child(1),
.score-table td:nth-child(1) {
	left: 0;
}

.score-table th:nth-child(2),
.score-table td:nth-child(2) {
	left: 0px;
}

/* multi select */

.mymulti div button {
	min-height: 25px;
}

.vsb-menu {
	background-color: #333333 !important;
}


.vsb-main {
	width: 60%;
}

.vsb-main button {
	background-color: #333333 !important;
	color: #fff !important;
	min-height: 35px;
}


.vsb-menu ul {

}

.vsb-menu ul li {
	background-color: #333 !important;
	color: #fff !important;
}

.vsb-menu ul li:hover {
	background: none !important;
	background-color: #222 !important;
	color: #fff !important;
}

.vsb-menu ul li::before {

	/* margin-left: -10px !important;
	margin-right: 5px !important; */
	/* padding-left: 5px !important;
	padding-right: 5px !important; */

}

.filter-label {
	display: inline-block;
	max-width: 110px !important;
	padding-right: 5px;
	text-align: right;
	width: 30% !important;
}

.scoring-style {

}

.scoring-style select {
	width: 50% !important;
}

.scoring-labels {
	display: inline-block;
	padding-right: 5px;
	text-align: right;
	width: 40% !important;
}

.filter-cols {
	border-bottom: 1px solid #222;
	min-height: 250px;
	padding: 10px;
}

.filter-cols ~ .filter-cols {
	border-left: 1px solid #222;
	height: 100% !important;

}

.filter-cols h3 {
	background: none;
	border-bottom: 1px solid #222;
	margin-bottom: 10px;
	text-shadow: none;
}

.filter-cols select,
.filter-cols input {
	min-height: 35px !important
}

.vsb-js-search-zone input {
	min-height: 25px !important;
}

.song-selection {

}

.song-selection label {
	display: inline-block;
	width: 40%;
}

.song-selection input {
	display: inline-block;
	width: 50%;
}

.button-below {
	margin-top: 20px;
	text-align: center;
}

.button-below button {
	cursor: pointer;
	padding: 10px 20px;
	transition: all 0.2s ease-in-out;
}

.button-below button:hover {
	background: #a9466c;
}

.list-row {
	margin: auto;
	text-align: center;
	width: 50%;
}

.list-row div {
	display: inline-block;
	padding: 10px;
	text-align: center !important;

}

/* .list-row div ~ div {
	text-align: left;
	width: 50% !important;
} */