* { 
padding : 0; 
margin : 0; 
} 


div.stats-wrapper {
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 30px;
}

div.stats-table {
    display: table;
    width: 100%;
}
div.stats-tr {
    display: table-row;
}
div.stats-thr {
    display: table-row;
}
div.stats-tfr {
    display: table-row;
}
div.stats-td {
    display: table-cell;

    padding-left: 4px;
    padding-right: 4px;
    padding-top: 6px;
    padding-bottom: 6px;
    vertical-align : middle;
}

div.stats-th {
    vertical-align : middle;
    display: table-cell;
    color: #acacac;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;

    /* font-weight: bold; */

    padding-left: 4px;
    padding-right: 4px;
    padding-top: 6px;
    padding-bottom: 6px;
}
div.stats-tf {
    display: table-cell;
    /* border-bottom: 1px solid #CCCCCC; */
}

div.stats-class-container {
    padding: 16px;
    border-bottom: 1px solid #e1e1e1;
}


div.stats-class-hdr {
    /* font-family: "Calibri"; */
    /* font-size: large; */
    font-weight: bold;
    margin-bottom: 8px;
}

div.stats-form-wrapper {
    border:1px solid #e1e1e1;
    padding: 24px;
    /*text-align: center;*/
}

div.stats-form-container {
    display: inline-block;
    text-align: left;
}

div.stats-form-wrapper form {
    width: fit-content;
}

td.stats-form-label {
    font-weight: bold;
    padding-right: 16px;
}

td.stats-form-td {
    padding-top: 8px;
    padding-bottom: 8px;
}

input.stats-form-input-text {
    min-width: 300px;
    outline: none !important;
    border:1px solid #e1e1e1;
    padding: 6px 10px 6px 10px;
}

select.stats-form-input-select {
    min-width: 200px;
    /* outline: none !important; */
    border:1px solid #e1e1e1;
    padding: 6px 6px 6px 6px;
}

input.stats-form-input-text:focus {
    border:1px solid rgb(24, 0, 200);
}

div.stats-d-name {
    /* width: 20%; */
}

div.stats-d-birthdate {
    /* text-align: center; */
}

div.stats-d-club {
    /* width: 15%; */
}

div.stats-d-city {
    /* width: 15%; */
}

div.stats-class {
    /* text-align: center; */
}

div.stats-class-points {
    /* border-left: 1px solid #e1e1e1; */
    /* text-align: center; */
}
div.stats-class-date {
    padding-top: 4px;
    /* text-align: center; */
}

div.stats-rating-points {
    /* border-left: 1px solid #e1e1e1; */
    /* text-align: center; */
}
div.stats-rating-date {
    padding-top: 4px;
    /* text-align: center; */
}

div.stats-class-norm-ok {
    background: rgb(225, 64, 64);
    /* color: #ffffff; */
}
div.stats-rating-norm-ok {
    background: rgb(170, 200, 250);
    /* color: #ffffff; */
}

div.res-wrapper {
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 30px;

}

@media only screen and (max-width: 576px) {
  div.reg-form-wrapper {
      margin-left: 4px;
      margin-right: 12px;
      /*margin-top: -16px;*/
      /* margin-top: 30px; */
  }
}

@media only screen and (min-width: 576px) {
  div.reg-form-wrapper {
      margin-left: 16px;
      margin-right: 16px;
      /*margin-top: -16px;*/
      /* margin-top: 30px; */
  }
}

div.res-class-container {
    padding: 16px;
    border-bottom: 1px solid #e1e1e1;
}

div.res-table {
    display: table;
    width: 100%;
	
}
div.res-tr {
    display: table-row;		
}
div.res-thr {
    display: table-row;
}
div.res-tfr {
    display: table-row;
}
div.res-td {
    display: table-cell;

    padding-left: 4px;
    padding-right: 4px;
    padding-top: 6px;
    padding-bottom: 6px;
    /* vertical-align : middle; */
}

div.res-th {
    display: table-cell;
    color: #acacac;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;

    /* font-weight: bold; */

    vertical-align: middle;

    padding-left: 4px;
    padding-right: 4px;
    padding-top: 6px;
    padding-bottom: 6px;
}
div.res-tf {
    display: table-cell;
    /* border-bottom: 1px solid #CCCCCC; */
}

div.res-class-hdr {
    /* display: table-caption; */
    /* white-space: nowrap; */
    /* font-family: "Calibri"; */
    /* font-size: large; */
    font-weight: bold;
    margin-bottom: 8px;
}

div.res-h-separator {
    border-bottom: 1px solid #CCCCCC;
    margin-top: 0px;
    margin-bottom: 18px;
}

div.res-dancer {
    /* font-family: "Calibri"; */
    font-size: x-large;
    font-weight: bold;
    margin-bottom: 8px;
}

div.res-dancer-info-prop {
    display: block;
}

div.res-dancer-info {
    margin-top: 4px;
    margin-bottom: 4px;
    display: inline-block;
}

div.res-dancer-info-label {
    margin-top: 4px;
    margin-bottom: 4px;
    font-weight: bold;
    display: inline-block;
    margin-right: 6px;
}
div.res-dancer-info-label-transparent {
    margin-top: 4px;
    margin-bottom: 4px;
    font-weight: bold;
    display: inline-block;
    margin-right: 6px;
    color: transparent;
}

div.res-date {
    /* text-align: center; */
    white-space: nowrap;
}

div.res-category {
    white-space: nowrap;
}
div.res-points {
    text-align: right;
}
div.res-place {
    text-align: right;
}
div.res-pair-count {
    text-align: right;
}
div.res-ratio {
    text-align: right;
}

div.res-dancer-info-table {
    display: table;
    margin-bottom: 8px;
    width: 100%;
}

div.res-dancer-info-tr {
    display: table-row;
    margin-bottom: 8px;
    width: 100%;
}

div.res-dancer-text-block {
    display: table-cell;
    /* display: inline-block; */
    vertical-align: top;
    margin-right: 16px;
}
div.res-dancer-qrcode-block {
    display: table-cell;
    margin-top: 8px;
    text-align: right;
    /* display: inline-block; */
}


div.dancers-wrapper {
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 30px;
}

div.dancers-form-wrapper {
    border:1px solid #e1e1e1;
    padding: 24px;
    text-align: center;
}

div.dancers-form-container {
    display: inline-block;
    text-align: left;
}

div.dancers-form-wrapper form {
    width: fit-content;
}

td.dancers-form-label {
    font-weight: bold;
    padding-right: 16px;
}

td.dancers-form-td {
    padding-top: 8px;
    padding-bottom: 8px;
}

input.dancers-form-input-text {
    min-width: 300px;
    outline: none !important;
    border:1px solid #e1e1e1;
    padding: 6px 10px 6px 10px;
}

select.dancers-form-input-select {
    min-width: 200px;
    /* outline: none !important; */
    border:1px solid #e1e1e1;
    padding: 6px 6px 6px 6px;
}


input.dancers-form-input-text:focus {
    border:1px solid rgb(24, 0, 200);
}

div.dancers-table-container {
    margin-top: 6px;
    /* display: none; */
    /* padding: 16px 16px; */
    padding: 16px;
    border: 1px solid #e1e1e1;
    /* border-top: none; */
}


div.dancers-table {
    display: table;
    width: 100%;
}
div.dancers-tr {
    display: table-row;
}
div.dancers-thr {
    display: table-row;
}
div.dancers-tfr {
    display: table-row;
}
div.dancers-td {
    display: table-cell;

    padding-left: 4px;
    padding-right: 4px;
    padding-top: 6px;
    padding-bottom: 6px;
    vertical-align : middle;
}

div.dancers-th {
    display: table-cell;
    color: #acacac;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;

    /* font-weight: bold; */

    vertical-align: middle;

    padding-left: 4px;
    padding-right: 4px;
    padding-top: 6px;
    padding-bottom: 6px;
}
div.dancers-tf {
    display: table-cell;
    /* border-bottom: 1px solid #CCCCCC; */
}

div.dancers-d-idd {
}

div.dancers-d-name {
    /* width: 20%; */
}

div.dancers-d-birthdate {
    /* text-align: center; */
}

div.dancers-d-club {
    /* width: 15%; */
}

div.dancers-d-city {
    /* width: 15%; */
}

div.dancer-inactive {
    color: #acacac !important;
}
div.dancer-inactive a {
    color: #acacac !important;
}

div.fests-caption {
    font-size: x-large;
    font-weight: bold;
    margin-bottom: 8px;
}

div.fests-table-container {
    padding: 16px;
    /*border-bottom: 1px solid #e1e1e1;*/
}

div.fests-wrapper {
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 30px;
}

div.fests-table {
    display: table;
    width: 100%;
}
div.fests-tr {
    display: table-row;
}
div.fests-thr {
    display: table-row;
}
div.fests-tfr {
    display: table-row;
}
div.fests-td {
    display: table-cell;

    padding-left: 4px;
    padding-right: 4px;
    padding-top: 6px;
    padding-bottom: 6px;
    vertical-align : middle;
}

div.fests-th {
    vertical-align : middle;
    display: table-cell;
    color: #acacac;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;

    /* font-weight: bold; */

    padding-left: 4px;
    padding-right: 4px;
    padding-top: 6px;
    padding-bottom: 6px;
}
div.fests-tf {
    display: table-cell;
    /* border-bottom: 1px solid #CCCCCC; */
}

div.fests-form-wrapper {
    border:1px solid #e1e1e1;
    padding: 24px;
    /*text-align: center;*/
}

div.fests-form-container {
    display: inline-block;
    text-align: left;
}

div.fests-form-wrapper form {
    width: fit-content;
}

td.fests-form-label {
    font-weight: bold;
    padding-right: 16px;
}

td.fests-form-td {
    padding-top: 8px;
    padding-bottom: 8px;
}

input.fests-form-input-text {
    min-width: 300px;
    outline: none !important;
    border:1px solid #e1e1e1;
    padding: 6px 10px 6px 10px;
}

select.fests-form-input-select {
    min-width: 200px;
    /* outline: none !important; */
    border:1px solid #e1e1e1;
    padding: 6px 6px 6px 6px;
}

input.fests-form-input-text:focus {
    border:1px solid rgb(24, 0, 200);
}

div.reg-fest-hdr {
    /* font-size: x-large;
    font-weight: bold; */
    font-size: medium;
    font-weight: bold;
    background-color: #CA0000;
    color: white;
    width: 100%;
    padding: 4px;
    text-align: center;
}

div.reg-fest-ftr {
    /* font-size: x-large;
    font-weight: bold; */
    font-size: smaller;
    /* font-weight: bold; */
    background-color: #e1e1e1;
    /* color: white; */
    width: 100%;
    padding: 4px;
    text-align: center;
}

div.reg-fest-horz-container {
    display: inline-block;
}

div.reg-fest-vert-separator {
    display: inline-block;
    border-left: 1px solid lightgrey;
    margin: 0 6px 0 10px;
}

div.reg-fest-date-day {
    font-size: xx-large;
    font-weight: bold;
    margin-right: 8px;
    vertical-align: middle;
}
div.reg-fest-date-month {
}
div.reg-fest-date-year {
    font-size: x-small;
}

input.w-0 {
    width: 0px;
}

div.reg-form-hdr {
    font-size: medium;
    font-weight: bold;
    background-color: #1800C8;
    color: white;
    width: 100%;
    padding: 4px;
    text-align: center;
    vertical-align: middle;
}

div.reg-list-hdr {
    /* font-size: x-large;
    font-weight: bold; */

    font-size: medium;
    font-weight: bold;
    background-color: gray;
    color: white;
    width: 100%;
    padding: 6px;
    text-align: center;
}
div.reg-category-hdr {
    font-size: large;
    font-weight: bold;
}
div.reg-fest-sub-hdr {
    font-size: medium;
    /* font-weight: bold; */
}

tr.reg-row-even {
}

tr.reg-row-odd {
    background-color: #f6f6f6;
}

div.bg-p-st {
    background-color: #e4f0df;
}
td.bg-p-st {
    background-color: #e4f0df;
}
td.bg-p-st-dark {
    background-color: #d0dfca;
}
div.bg-p-la {
    background-color: #f7ecda;
}
td.bg-p-la {
    background-color: #f7ecda;
}
td.bg-p-la-dark {
    background-color: #ecdabd;
}

div.bg-p-10 {
    background-color: #e3e8f2;
}
td.bg-p-10 {
    background-color: #e3e8f2;
}
td.bg-p-10-dark {
    background-color: #cad1df;
}


/* Style the tab */
.tab {
    overflow: hidden;
    /* border: 1px solid #ccc; */
    /* background-color: #f1f1f1; */
    /* background-color: #e1e1e1; */
}

/* Style the buttons that are used to open the tab content */
.tab button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;

    font-weight: bold;
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    margin-right: 2px;
    transition: 0.3s;
    background-color: #e1e1e1;
}

/* Change background color of buttons on hover */
.tab button:hover {
//    background-color: #ddd;
background: #8fffd6;

box-shadow: 0 1px 2px rgba(0, 0, 0, 1), -23px 0 20px -27px rgba(0, 0, 0, .8), 23px 0 20px -27px rgba(0, 0, 0, .8),0 0 40px rgba(0, 0, 0, .1) inset; transition: all 0.3s ease;
}

/* Create an active/current tablink class */
.tab button.active {
    /* background-color: #ccc; */
    background-color: #1abc9c;
    color: #ffffff;

}

/* Style the tab content */
.tabcontent {
    margin-top: 6px;
    display: none;
    /* padding: 16px 16px; */
    border: 1px solid #e1e1e1;
    /* border-top: none; */
}

body.no-bg {
    background-image: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    Font-weight: normal;	
}

.hidden {
    display: none;
}

.highlight-event-exam {
    background-color: #FFE0E0;
}
.highlight-event-congress {
    background-color: #E0FFE0;
}
.highlight-event-assign-category {
    background-color: #FFE0E0;
}
.highlight-event-fest {
}
.highlight-event-payment {
}

.paid-description {
    text-align: start;
    /* display: inline-block; */
    padding-left: 24px;
    padding-right: 24px;
}
/*
.paid-description a:link {
  color: #DA0000;
}
.paid-description a:visited {
  color: #CA0000;
}
.paid-description a:hover {
  color: #EA0000;
}
*/

.btn-print-results {
    position: relative;
    float: right;
    padding: 4px;
}

div.cup_result_container {
    font-family: 'Arial';
    /*width: 100%;*/
    /*padding-left: 4px;*/
    /*padding-right: 4px;*/
}
div.cup_result_card {
	/* display: inline-block; */
	
	/* width: 8.5cm; */
	/* margin-bottom: 3px; */
    /* margin-left: 3px; */
    margin-bottom: 3px;
}

table.cup-result-card-table {
    width: 100%;
    border-collapse: collapse !important;
}

table.cup-result-card-table td {
    border: 1px solid black;
    padding: 4px;
}

table.cup-result-card-table td.cell_pair {
  width: 100%;
  font-size: 14px;
  font-weight: bold;
}

table.cup-result-card-table td.cell_points {
  width: 0.1cm;
  min-width: 60px;
  font-size: 14px;
  font-weight: bold;
  text-align: right;
}

table.cup-result-card-table td.cell_rank {
  width: 0.1cm;
  font-size: 20px;
  font-weight: bold;
  min-width: 30px;
  text-align: right;
}

table.cup-result-card-table td.cell_club_info {
  width: 0.1cm;
  font-size: 10px;
  font-style: italic;
}

table.cup-result-card-table td.cell_coaches {
  width: 0.1cm;
  font-size: 10px;
  font-style: italic;
}

.cup-result-rank {
    font-size: 120%;
    font-weight: bold;
}

.cup-result-dancers {
    font-size: 130%;
    font-weight: 500;
}

.cup-result-points {
    font-size: larger;
    font-weight: bold;
}

.cup-result-club {
    font-size: x-small;
    font-style: italic;
}

.cup-result-coaches {
    font-size: x-small;
    font-style: italic;
}

.cool-form {
    width: 100%;
}