* {
  font-family: "Source Sans Pro", -apple-system, sans-serif;
}
/*PERFORMANCE BOOST*/
.lazy-loading {
  display: none !important;
}
.lazy-loading:after {
  content: "lol";
}
div.sidebar span.select2-selection.select2-selection--single{
  background-color: rgba(0, 0, 0, 0) !important;
}
div.sidebar span.select2-selection.select2-selection--single *{
  color:white !important;
}

/*LOADINGN JQUERY*/
.proccess-going{
  display:none;
  position: fixed;
  top:0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.5);
  z-index: 1000;
  font-size: 50px;
}
.proccess-going i{
  width: 50px;
  height: 50px;
  /* Center vertically and horizontally */
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  -webkit-animation:spin 1s linear infinite;
  -moz-animation:spin 1s linear infinite;
  animation:spin 1s linear infinite;
}
@-moz-keyframes spin { 
  100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
  100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
  100% { 
      -webkit-transform: rotate(360deg); 
      transform:rotate(360deg); 
  } 
}
/* HEADER SETTINGS */
nav.main-header .nav-item {
  line-height: 10px;
}
nav.main-header .nav-item .nav-link {
  height: 20px;
  padding: 0.25rem 1rem;
}
footer {
  font-size: 0.7em;
}
.note-editor.note-frame {
  border: none !important;
}
input.lectureName,
input.courseName,
input.questionTitle,
input.sessionTitle {
  font-size: 1.75rem;
  border: none;
  background: none !important;
}
input.questionOption {
  font-size: 1rem;
  border: none !important;
  background: none !important;
  border-bottom: 1px solid black;
}
input.lectureName:focus {
  outline: none;
}
div.lectureItem i {
  padding-top: 10px;
  padding-bottom: 10px;
}
input[type="number"] {
  text-align: center !important;
  font-size: 0.75rem;
}
div.card-footer {
  border-radius: 0 0 1.3rem 1.3rem !important;
}
div.RaceHolder,
div.categoryHolder {
  position: fixed !important;
  z-index: 10000;
  width: 90%;
  top: 10%;
  left: 5%;
}
div.RaceHolder div.sessionItem:hover,
div.categoryHolder div.card-body div.card {
  cursor: pointer;
  background: rgba(240, 240, 240, 0.5);
}
div.sessionItem div.card-body,
div.sessionItem div.card-footer {
  display: none;
}
div.sessionItem div.card-body.active,
div.sessionItem div.card-footer.active {
  display: block;
}
div.dark-overlay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9998;
}
div.doneHolder {
  position: fixed;
  width: 50px;
  height: 50px;
  right: 20px;
  bottom: 20px;
  cursor: pointer;
}
div.doneHolder span.doneTitle {
  display: none;
  position: absolute;
  right: 50px;
  padding: 10px;
  font-weight: bold;
  background: #17a2b8;
  border-radius: 20px;
  color: white;
}
div.doneHolder:hover span.doneTitle {
  display: block;
}
div.done {
  width: 50px;
  height: 50px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  background: white;
  border: 2px solid #28a745;
  border-radius: 30px;
  z-index: 998;
  -webkit-box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.22);
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.22);
}
i.saveData {
  font-size: 30px;
  margin: 8px 0px 0px 7px;
  color: green;
  box-shadow: 1px grey;
}
span.counterData {
  max-width: 80px;
  min-width: 40px;
  height: 30px;
  position: fixed;
  right: 15px;
  bottom: 60px;
  background: #007bff;
  border: 2px solid #28a745;
  border-radius: 30px;
  z-index: 999;
  color: white;
  font-size: 20px;
  text-align: center;
  -webkit-box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.22);
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.22);
}
#raceTable .dataTable,
#data-table-basic_wrapper .dataTables_scrollHeadInner {
  width: 100% !important;
}
/*#raceTableSummary > tbody > tr:hover >td {
    background-color: cornsilk;
    cursor: pointer;
}*/
#raceTableSummary > tbody > tr.odd:hover > td,
#raceTableSummary > tbody > tr.even:hover {
  background-color: cornsilk;
  cursor: pointer;
}
input.raceCheck.raceWD {
  width: 35px;
  height: 35px;
  accent-color: red;
}
input.raceCheck,
input.selectAll {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  transform: scale(2);
  margin: 10px;
  background-color: white;

  width:17px;
  height: 17px;
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 12%);
  box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 12%);
}
.table-header th:before{
  content: "";
  position: absolute;
  top: 25%;
  width: 1px;
  height: 50%;
  border-left:1px solid red;
}
tr input.raceCheck:checked{
  background-color: #28a745;
}
tr input.raceCheck.scratchCheck:checked{
	background-color: red;
}
tr[data-waitlist="true"] input.raceCheck{
  background-color: #007bff;
}
input.raceCheck:hover,
input.selectAll:hover {
  cursor: pointer;
  -webkit-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.12);
  box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.12);
}
#raceTable th {
  font-size: 15px;
  vertical-align: middle;
}
#raceTable td {
  vertical-align: middle;
}
.tabbed-application .active {
  background: white !important;
}
.tabbed-application .active * {
  color: #007bff !important;
}
.tabbed-application div * {
  font-size: 2em;
  color: white !important;
  font-weight: bolder !important;
  text-align: center;
}
table#raceTable thead .sorting,
table#raceTable thead .sorting_asc,
table#raceTable thead .sorting_desc,
table#raceTable thead .sorting_asc_disabled,
table#raceTable thead .sorting_desc_disabled {
  cursor: pointer;
  background-repeat: no-repeat !important;
  background-position: center left !important;
}
#raceTableSummary_filter label,
#raceTableSummary_filter label input {
  min-width: 200px;
  float: left;
}
#raceTableSummary_wrapper .dt-buttons {
  float:right;
}
@media screen and (max-width: 550px) {
  #raceTableSummary_wrapper .dt-buttons button {
    border-radius: 0;
  }
  #raceTableSummary_filter label,
  #raceTableSummary_filter label input {
    width: 100% !important;
    float: left;
  }
}
#raceTableSummary tr.shown td:first-child {
  font-family: "Font Awesome 5 Free";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
#raceTableSummary tr.shown td:first-child i {
  transform: rotate(90deg);
}
#raceTableSummary .btn-warning {
  color: #1f2d3d;
  background-color: #ffc10775;
  border-color: #ffc10775;
  box-shadow: none;
}
#byRaceTable_filter label,
#byRaceTable_filter label input,#raceTable_filter label input,#raceTable_filter label{
  width: 100% !important;
}
#byRaceTable span.select2{
  margin:auto !important;
}
/* PROGRAM */
div.card.session div.card-body {
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}
div.card.session div.card-body div.row {
  padding: 0;
  text-transform: uppercase;
  font-weight: 300;
}
/* LIVE ADAT MEGJELENÍTÉSHEZ CSS*/
div.live-menu {
}
@media only screen and (max-width: 990px) {
  div.timing-menu.desktop {
    display: none;
  }
  div.timing-menu.mobile {
    padding: 0px 0px 9px 0px !important;
    margin: 0px;
  }
  div.changer {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  div.timing-menu.mobile .menu-header {
    background-color: #005fc4;
    color: white;
    text-transform: uppercase;
    margin-bottom: 0px -5px -5px -5px;
  }
  div.timing-menu.mobile .menu-header a {
    padding: 5px;
    color: white;
    font-weight: 300 !important;
    letter-spacing: 1px;
    font-size: 2em;
    text-transform: uppercase;
  }
  div.timing-menu.mobile .menu-header i {
    padding: 5px 10px 5px 5px;
    font-size: 2em;
  }
  div.timing-menu.mobile.collapsed .menu-body {
    display: none;
  }
  div.timing-menu.mobile.expanded .menu-header i {
    transform: rotate(180deg);
  }
  div.timing-menu.mobile .menu-body {
    background-color: #007bff !important;
  }
  div.timing-menu.mobile .menu-body .nav-item * {
    color: white;
    padding: 5px;
    font-weight: 300 !important;
    letter-spacing: 1px;
    font-size: 2em;
    text-transform: uppercase;
  }
}
@media only screen and (min-width: 991px) {
  div.timing-menu.mobile {
    display: none;
  }
  div.timing-menu.desktop {
    margin: 0 !important;
    padding: 0px 0px 9px 0px !important;
  }
  div.timing-menu.desktop .menu-body {
    background-color: #007bff !important;
    padding-top: 0;
    padding-bottom: 0;
  }
  div.timing-menu-desktop .col-lg-12 {
    padding: 0 !important;
  }
  div.timing-menu.desktop .menu-body .nav-item:hover,
  div.timing-menu.desktop .menu-body .nav-item.active {
    background-color: white !important;
  }
  div.timing-menu.desktop .menu-body .nav-item {
    height: 100%;
    padding: 10px;
  }
  div.timing-menu.desktop .menu-body .nav-item * {
    color: white;
    padding: 5px;
    font-weight: 300 !important;
    letter-spacing: 1px;
    font-size: 1.5em;
    text-transform: uppercase;
  }
  div.timing-menu.desktop .menu-body .nav-item:hover *,
  div.timing-menu.desktop .menu-body .nav-item.active * {
    color: #007bff;
  }
}
table * {
  border-left: 0px !important;
  border-right: 0px !important;
}
div.row.live-menu * {
  /*margin:0px 4px 0px -2px;*/
  font-weight: 300 !important;
  letter-spacing: 1px;
}
div.row.live-menu div {
  display: block;
}
div.row.live-menu div.shown {
  display: block;
}
/*live-table*/
table.live-table {
  border: none;
  font-size: 10px;
  left: 0;
}
/*LIVE EVENT HEADER */
div.CompetitionHeader {
  margin-bottom: 10px;
}
div.CompetitionHeader h5 {
  margin: 0;
  font-weight: 200;
  font-size: 15px;
  color: rgba(116, 116, 116, 1);
}
div.row.eventHeader,
div.row.heatHeader {
  margin-left: 0px;
  margin-top: 10px;
  margin-bottom: 10px;
}
div.row.eventHeader div.col-2,
div.row.heatHeader div.col-2 {
  padding: 0px;
}
div.row.eventHeader div.col-8,
div.row.heatHeader div.col-8 {
  min-width: 230px;
  padding: 0px;
}
div.row.eventHeader {
  text-transform: uppercase;
}
div.row.eventHeader i {
  color: white;
  background: #f2b705;
  padding: 5px;
  width: 38px;
  height: 38px;
  border-radius: 3px;
}
div.row.heatHeader {
  text-align: center;
}
div.row.heatHeader div.col-1 {
  padding: 8px;
}
div.row.heatHeader .select2 {
  max-height: 35px;
}
div.row.heatHeader i {
  color: white;
  background: #f2b705;
  padding: 5px;
  width: 38px;
  height: 38px;
  border-radius: 3px;
}
select.raceSelect {
  margin-left: 20px;
}
/*LIVE EVENT CHANGER */
.extraFunctions {
  margin-left: 0px;
  margin-right: 0px;
}
.extraFunctions .row {
  padding: 0px 0px 0px 0px !important;
}
.extraFunctions .extrabutton {
  padding: 0;
}
.extraFunctions button {
  font-weight: 300;
  font-size: 0.8em;
  padding: 3px 0px 0px 0px;
  text-transform: uppercase;
  border-color: #005fc4;
  background-color: #005fc4;
}
.extraFunctions button.disabled {
  padding: 3px 0px 0px 0px;
  border-color: #aaa;
  background-color: #aaa;
}
div.row.changer {
  font-weight: 300;
  text-transform: uppercase;
  font-size: 1em;
  letter-spacing: 1px;
  margin: 0px;
}
div.row.changer div.startlist.active,
div.row.changer div.results.active,
div.row.changer div.summary.active {
  background-color: white;
  padding: 7px;
  letter-spacing: 0.5px;
  font-weight: 400;
  color: #005fc4;
}
div.row.changer div.results.active a,
div.row.changer div.startlist.active a,
div.row.changer div.summary.active a {
  letter-spacing: 0.5px;
  font-weight: 400;
  color: #005fc4;
}
div.row.changer div.startlist a,
div.row.changer div.results a,
div.row.changer div.summary a {
  color: white;
}
div.row.changer div.startlist,
div.row.changer div.summary,
div.row.changer div.results {
  background-color: #007bff;
  padding: 7px;
}
/* LIVE TÁBLA CSS*/
table.live-table tr.pos-1.position,
table.live-table td.pos-1 {
  background-color: rgba(242, 202, 80, 1);
}
table.live-table tr.pos-2.position,
table.live-table td.pos-2 {
  background-color: rgba(217,217,217,1);
}
table.live-table tr.pos-3.position,
table.live-table td.pos-3 {
  background-color: rgba(217, 118, 61, 0.8);
}
table.live-table tr.position {
  background-color: white;
}
table.live-table td.sticky-col {
  padding: 3px;
  position: sticky;
  top: 0;
  z-index: 1;
  width: 30vw;
  background: white;
  position: sticky;
  left: 0;
  z-index: 2;
}
div.live-heats {
  padding: 20px;
  border-radius: 20px;
}
div.live-heats div.heats,
div.live-heats div.races,
div.live-heats div.sessions {
  padding: 20px 0px 0px 10px;
  background: white;
}
div.live-heats div.heats h5,
div.live-heats div.races h5,
div.live-heats div.sessions h5 {
  padding: 5px;
  color: white;
  background: #007bff;
}
div.live-heats div.heats p,
div.live-heats div.races p,
div.live-heats div.sessions p {
  padding: 5px;
  border-radius: 10px;
}
div.live-heats div.heats p.done {
  background-color: green;
}
div.live-heats div.heats p.done a {
  color: white;
}
/*SPLITTIMES*/
div.splittimes div.odd {
  background-color: #eee;
}
table.live-table > tbody > tr > td,
table.summary-table > tbody > tr > td {
  border-bottom: 0.5px #ddd solid !important;
}
table.result-table *,
table.live-table * {
  border: none;
}
div.splittimes table.result-table td {
  vertical-align: top;
}
/*NEVEZÉSI LISTÁHOZ MEGJELENÍTÉS*/
tr.app-approved {
  background: seagreen;
}
tr.app-wait {
  background: khaki;
}
td.first-col,
td.third-col {
  text-align: center;
}

/* ELREJTETÉS */
tr.hide {
  display: none;
}
tr.show {
  display: block;
}
div.content-wrapper div.row {
  /*padding: 10px;*/
}
/*SWIMMER CARD*/
div.card.swimmer {
  margin-bottom: 0px;
}
div.card.swimmer div.card-header {
  border: 0;
}
div.card.swimmer div.card-header h5 {
  margin-top: 6px;
  margin-bottom: 0px;
}
/*CLUB CARD*/
div.card.club {
  margin-bottom: 0px;
}
div.card.club div.card-header {
  border: 0;
}
div.card.club div.card-header h5 {
  margin-top: 6px;
}
div.card.club div.card-header div {
  color: rgba(33, 37, 41, 0.8) !important;
}
div.card.club div.card-header div span {
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 0.5px;
}
/* RESULT TÁBLA*/
table.result-table.subtable th {
  background-color: #eee !important;
  color: rgba(33, 37, 41, 0.8);
}
table.result-table.subtable tr.odd {
  background-color: #eee;
}
small.smallGreyText,
table.result-table .smallGreyText,
table.live-table .greyText,
span.smallGreyText {
  color: rgba(33, 37, 41, 0.5) !important;
  font-size: 7px;
  /*display: none;*/
}
small.greyText,
table.result-table .greyText,
table.live-table .greyText,
span.greyText {
  color: rgba(33, 37, 41, 0.5) !important;
}
table.result-table,
table.live-table {
  border: none;
  background-color: white;
  width: 100% !important;
}
table.result-table td.tableEventHeader,
table.live-table td.tableEventHeader {
  vertical-align: middle;
  padding: 12px 8px 8px 8px;
}
table.result-table td.tableEventHeader h6,
table.live-table td.tableEventHeader h6 {
  padding: 0px 5px 0px 5px;
  font-weight: 300 !important;
  text-transform: uppercase;
  margin-bottom: 0px;
  /*font-size: 1em;*/
  /*letter-spacing: -0.3px;*/
}
table.result-table td.tableEventHeader p,
table.live-table td.tableEventHeader p {
  font-size: 1.2em;
  margin-bottom: 0px;
}
table.result-table th,
table.live-table th {
  color: white;
  font-weight: bolder;
  background-color: #007bff !important;
  font-size: 10px;
}
table.result-table td,
table.live-table td {
  font-size: 10px;
}
table.result-table td.gap,
table.result-table span.gap,
table.result-table small.gap,
table.result-table small.gap {
  color: rgba(33, 37, 41, 0.5);
}
table.result-table small.good,
table.live-table small.good {
  color: #1d8140;
}
table.result-table small.good:before,
table.live-table small.good:before,
table.result-table small.bad:before,
table.live-table small.bad:before {
  content: "(";
  color: rgba(33, 37, 41, 0.9);
}
table.result-table small.good:after,
table.live-table small.good:after,
table.result-table small.bad:after,
table.live-table small.bad:after {
  content: ")";
  color: rgba(33, 37, 41, 0.9);
}
table.result-table small.bad,
table.live-table small.bad,
small.qbad {
  color: #bc1f26;
}
table.result-table .qGood .bad:before,
table.result-table .qGood .bad:after {
  content: "" !important;
}
table.result-table .qGood div.good {
  color: #1d8140;
}
div.div-spacer {
  margin-top: 10px;
  margin-bottom: 10px;
}
/* OVERWRITE */
div.heatSelect * {
  text-transform: uppercase;
}
.select2-container--default .select2-selection--single {
  border-color: #f2b705;
}
.select2-container--default
  ul.select2-results__options
  li.select2-results__option {
  font-size: 0.85em;
}
/* NEVEZÉSI TÁBLA */
.entry-table > tbody > tr.odd {
  background-color: #eee;
}
/* DOKUMENTUM FELTÖLTÉS */
div.card.sessions.uploads .form-group {
  margin: 0;
}
div.card.sessions.uploads .form-group * {
  font-size: 0.1em !important;
}
.input-group > .custom-file,
.custom-file-label,div.card.session.uploads div.input-group .input-group-append span {
  height: calc(1.5rem + 2px);
  border-radius: 0.25em;
  font-size:1em;
}
div.card.session.uploads div.input-group .input-group-append *{
  font-size:0.75rem;
}
.custom-file{
  text-overflow: ellipsis !important;
  white-space: nowrap;
  overflow: hidden;
}
.input-group > .custom-file:not(:last-child) .custom-file-label::after {
  display: none;
  font-size: 12px;
}
/* DOKUMENTUM MEGTEKINTÉS */
div.card.session.docs .card-header a {
  color: white !important;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 1px;
  font-size: 1.25em;
  /*text-decoration: underline;*/
}
div.card.session.docs .card-header a:not([href]) {
  opacity: 0.3;
  font-weight: 300;
  text-decoration: none;
}
div.card.session.docs .card-body div.eventHeader a{
  font-weight: 300 !important;
}
div.card.session.docs .card-body a{
  font-weight: 400;
}
div.card.session.docs .card-body a:not([href]) {
  opacity: 0.3;
  font-weight: 300;
  text-decoration: none;
}
div.card.session.uploads .form-group{
  margin-bottom:0.3rem;
}
@media only screen and (max-width: 990px) {
  div.session.docs div.card-header{
    padding:5px;
  }
  div.session.docs div.card-header div.textHeader{
    padding-top:5px;
    text-align: center !important;
  }
  div.session.docs div.card-header div.text-center{
    padding-bottom:3px;  
  }
}
@media only screen and (min-width: 989px) {
  div.session.docs div.card-header div.textHeader{
    text-align: left !important;
  }
}

/*FILTER BY NAME/EVENT*/
div.card.filter-entries{
  margin-bottom:0;
}
div.card.filter-entries div.card-body{
  padding:0.25rem 1.25rem 0.25rem 1.25rem;
  border-radius: 0;
}
input.filterbyname,input.filterbyevent,input.filterbyname:focus-visible,input.filterbyevent:focus-visible{
  border:none;
  /*border-bottom:1px solid #005fc4;*/
  outline: none;
  font-size:1rem;
}
/*RACETABLE*/
#raceTableSummary_wrapper .counter{
  font-weight: bold;
}
#raceTableSummary_wrapper tbody > tr> td >strong{
    text-transform: uppercase;
  }
#raceTableSummary_wrapper tbody > tr *,#byRaceTable_wrapper tbody > tr * {
    vertical-align: middle;
  }
#raceTableSummary_wrapper tbody > tr.shown:hover{
  vertical-align: middle;
  background-color:rgb(255, 248, 220) !important;
  }
  #byRaceTable tbody tr td,#raceTable tbody tr td{
    padding: 5px;
  }
  #byRaceTable tbody tr td button.btn,#raceTable tbody tr td button.btn{
    border-radius: 50px;
  }