/*begin-commonstyles library*//*!
 * froala_editor v3.2.3 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2020 Froala Labs
 * 
 * Edited version for WRRC Registration Software 2021
 * Copyright 2009-2021 Linum d.o.o. - Croatia
 */

 /* CSS preuzet od About.html */
.u-section-5 {
  min-height: 812px;
  
}
.u-section-5 .u-dialog-1 {
  width: 800px;
  height: auto; /* postavlja visinu tablice na ukupnu visinu svh polja */
  margin: 60px auto;
  

}
.u-section-5 .u-container-layout-1 {
  padding: 30px;
}
.u-section-5 .u-form-1 {
  height: auto; /* postavlja visinu tablice na ukupnu visinu svh polja */
  width: 740px;
  margin: 0;
}
.u-section-5 .u-form-group-3 {
  margin-left: 0;
}
.u-section-5 .u-form-group-4 {
  margin-left: 0;
}
.u-section-5 .u-form-group-5 {
  margin-left: 0;
}
.u-section-5 .u-btn-1 {
  width: 100%;
}
.u-section-5 .u-icon-1 {
  width: 20px;
  height: 20px;
}
.u-label {
  font-size: 0.8rem;
  padding-left: 10px;
}
	@media (max-width: 1199px) {
	  .u-section-5 .u-dialog-1 {
		height: auto;
	  }
	}
	@media (max-width: 991px) {
	  .u-section-5 .u-dialog-1 {
		width: 720px;
	  }

	  .u-section-5 .u-form-1 {
		width: 660px;
	  }
	}
	@media (max-width: 767px) {
	  .u-section-5 .u-dialog-1 {
		width: 540px;
	  }
	  .u-section-5 .u-container-layout-1 {
		padding-left: 10px;
		padding-right: 10px;
	  }
	  .u-section-5 .u-form-1 {
		width: 520px;
	  }
	}
	@media (max-width: 575px) {
	  .u-section-5 .u-dialog-1 {
		width: 340px;
	  }
	  .u-section-5 .u-form-1 {
		width: 320px;
	  }
	}
/* vrste kursora */
.pointer {cursor: pointer;}
.grab {cursor: -webkit-grab; cursor: grab;}
.zoom-in {cursor: zoom-in;}

 /* Ikone u tablicama */
	.ico-edit {
	  background: url(icons/icon_edit.svg);
	}
    .ico-delete {
      background: url(icons/icon_delete.svg);
	}
	.ico-api {
      background: url(icons/icon_api.svg);
	}
	.ico-new {
      background: url(icons/icon_new_profile.svg);
	}
	.ico-ad-doc {
      background: url(icons/icon_ad_doc.svg);
	}
	.ico-excel {
      background: url(icons/icon_excel.svg);
	}
	.ico-not-ok {
      background: url(icons/icon_not_ok.svg);
	}
	.ico-ok {
      background: url(icons/icon_ok.svg);
	}
	.ico-details {
      background: url(icons/icon_details.svg);
	}
	.ico-license {
      background: url(icons/icon_license.svg);
	}
	.ico-music {
      background: url(icons/icon_music.svg);
	}
	.ico-calc-new {
      background: url(icons/icon_calc_new.svg);
	}
	.ico-calc-edit {
      background: url(icons/icon_calc_edit.svg);
	}
	.ico-calc-delete {
      background: url(icons/icon_calc_delete.svg);
	}
	.ico-copy-prg {
      background: url(icons/icon_copy_prg.svg);
	}
	.ico-process {
      background: url(icons/icon_process.svg);
	}
	.ico-invoice {
      background: url(icons/icon_invoice.svg);
	}	
	.ico-startnr {
      background: url(icons/icon_startnr.svg);
	}	
	.ico-upload {
      background: url(icons/icon_upload.svg);
	}
	.ico-code-prep {
      background: url(icons/icon_code_prep.svg);
	}
    .ico-wrrc {
      background: url(icons/wrrc_ico.png);
	}		
.icon-small,
.icon-x-small, 
.icon-big,
.icon-calc { 
   border: none;
   padding: 5px;
   background-position: center; 
   background-repeat: no-repeat;
   background-size: contain;
   outline-color: #CE5341; 
 }
	.icon-small { 
	   width: 2em;
	   height:2em;
	 }
	 .icon-x-small { 
	   width: 1.6em;
	   height: 1.6em;
	 }
	.icon-big { 
	   width: 3em;
	   height:3em;
	 }
	 .icon-calc {
		 width: 1.8em;
		 height: 1.8em;
	 }
	 
	@media (max-width: 575px) {
	.icon-small,
    .icon-calc	{ 
	   width: 1.5em;
	   height:1.5em;
	 }
	.icon-big { 
	   width: 2.2em;
	   height:2.2em;
	 }	
	}
	 
 /* Rang liste - zastave u tablicama */
.flag-rank, .flag-calendar {
   background-position: center; 
   background-repeat: no-repeat;
   background-size: cover;
   width: 2.5rem;
   height:2rem;   
}
.flag-rank {
   width: 2.5rem;
   height:2rem;   
}
.flag-calendar {
   width: 4rem;
   height:4rem;   
}
	@media (max-width: 575px) {
	.flag-rank {
	   width: 1.8em;
	   height:1.4em;	
		}
	.flag-calendar {
	   width: 1.2rem;
	   height:1.2rem;   
	    }
	}


 
/* flex box kodovi */
    .flex-container, 
	.flex-2filter,
    .flex-checkbox,
    .flex-icons {
        display: flex;
		flex-direction:row;
		flex-wrap: wrap;
        align-items: center;
		
      }
      .flex-start {
		padding: 10px;
        justify-content: flex-start;
      }
      .flex-end {
        padding: 10px;
		justify-content: flex-end;
      }
      .center {
        padding: 10px;
		text-align: center;
      }
      .space-between {
        padding: 10px;
		justify-content: space-between;
      }
      .space-around {
        padding: 10px;
		justify-content: space-around;
      }
      
	   
      .flex-filter {
		  padding: 3px 10px;
		  margin-top: 5px;
		  margin-bottom: 5px;
		  }
	  .flex-icons,
	  .icon-calc {
		  padding: 0px;
		  margin: 5px 0px 5px 10px;
	  }

 /* OBLIKOVANJE TABLICA */
.log-table table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  margin-bottom: 50px;
}
.form-table table {
	background-color: white;
}
.log-table th,
.log-table td {
  padding: 3px 5px 3px 5px;
  font-weight: inherit;
  position: relative;
}
.u-lowercase {
  text-transform: lowercase !important;
}
p.u-large-text { /* naslovi iznad stranica s tablicama, section-1 */
    font-size: 1.25rem;
    margin-top: 10px;
    margin-bottom: 0px;
	font-weight: 600;
}

@media (max-width: 575px) {
	.u-input {
		font-size: 0.8rem;
		padding: 3px;
	}
}



table#role,
table#role_det,
table#rolea,
table#role_sud { /* donja margina do footera na tablici #role */
	margin-bottom: 50px;
}

table#dancers {
	background-color: #ffffff;
	margin-bottom: 5px;}

	@media (max-width: 767px) {
	  .log-table, .u-table {
		font-size: 0.9rem;
	  }
	  .u-table-responsive thead th{
		white-space: normal; 
	  }
	}

	@media (max-width: 575px) {
	  .log-table {
		font-size: 0.8rem;
	  } 
	  .log-table th {
	  white-space: normal;
	}
	}

 /* OBLIKOVANJE MENIJA */
.u-nav-popup.open {
  margin-left: 25px;  /* uvlacenje druge razine menija */
}
.u-nav-link:active {   /* promijenio dvotocku u tocku kb */
  color: #f1c50e !important;
}

/* MODAL POPUP */
	.modal-poruka {
		margin: auto;
		padding: 10px;
		text-align: center;
}
	img.modal-waiting  {
		padding: 5px;
		width: 7rem;}

/* gumb za zatvaranje modal prozora stavlja ga u vrh desnog kuta */
.u-dialog-close-button {
    top: 5px;
    right: 5px;
}
 
		
/* kontejner za checkbox unutar modal popupa */		  
	  .flex-checkbox {
		  align-items: center;
		  justify-content: flex-start;
		  }
	   .checkbox-dist {
		   margin-right: 0.5rem;
	      }
			.u-form input[type="checkbox"],
			.log-table input[type="checkbox"] {
			  width: 1.3em;
			  height: 1.3em;
			  margin-top: 3px;
			}

/* dopuna za modal za muziku */
.u-input-flex {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-evenly;
    flex-wrap: nowrap;
}
@media (max-width: 575px) {
.u-input-flex {
        flex-direction: column;
	
	}
}




/* promjena širine osnovnog u-sheet na velikim rezolucijama */
@media (min-width: 1500px) {
  .u-sheet {
    width: 85%;
  }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  .u-sheet {
    width: 95%;
  }
}
/* @media (min-width: 992px) and (max-width: 1199px) {
  .u-sheet {
    width: 940px;
  }
} */
	
/* kraj dodanog KB 12.04.2021 */

 /*begin-variables base-font-size*/ 
 html { font-size: 15px !important; } /*razmisliti da li ovo ostaviti kao important */
 /*end-variables base-font-size*/
 
 
 
 /* ***************************** */
 /* vsb vanilla izmjene ********* */
 .vsb-main {
    width: 100%;
	margin-bottom: 10px;
 }
 
 /* paginacija na velikim stranicama (plesac.html npr.)*/
.pagination {
	background-color: #ffffff;
	border: 2px solid #db545a;
	margin-right: 3px;}
.pagination-off {
	background-color: lightgray;
	border: 2px solid #999999;
	margin-right: 3px;}


/*  The World Games - kvalificirani parovi crvena */
.u-red {
	background-color: #eabeb8 !important;
	font-weight: bold !important;
	box-sizing: content-box;
	}
	
	
/* Dio za printanje uputa */
@media print {
		header,
		head,
		footer, 
		#uputa, 
		#ikona,
		#noga,
		#na-vrh,
		#sec-6342,
		#sec-6000,
		#sec-9000	{
			display: none; 
		}
	
	/*  Default left, right, top, bottom margin is 2cm */
	@page { margin: 2cm }

	body {
		font-family: 'Open Sans',sans-serif;
		font-size: 14px;
		-webkit-print-color-adjust: exact !important; /* print background slika */
		-moz-print-color-adjust: exact !important;
		-ms-print-color-adjust: exact !important;
		print-color-adjust: exact !important;
		}
v
		.pagebreak {
			clear: both;
			page-break-after: always;
		}

	table {
		width: 100%;
		padding: 3px 5px 3px 5px;
		border-collapse: collapse;
		border-style: solid;
		border-width: 1px;
		text-align: left;
		margin: 10px auto 50px auto; /* top right bottom left */
		}
	th, td {
		border-style: solid;
		border-width: 1px;
		padding: 3px 5px 3px 5px;
		}
	th {
		background-color: #E6E6E6;
	}
		
	.u-align-center {
		text-align: center;
		}
	.u-align-justify {
		text-align: justify;
		}

	.icon-small,
	.icon-x-small, 
	.icon-big,
	.icon-calc { 
	  /* border: solid 1px; */
	   padding: 0px;
	   background-position: center; 
	   background-repeat: no-repeat;
	   background-size: contain;
	   outline-color: #CE5341; 
	   -webkit-print-color-adjust: exact !important;
	   color-adjust: exact !important;
	 }
		.icon-small { 
		   width: 2em;
		   height:2em;
		 }
		 .icon-x-small { 
		   width: 1.6em;
		   height: 1.6em;
		 }
		.icon-big { 
		   width: 3em;
		   height:3em;
		 }
		 .icon-calc {
			 width: 1.8em;
			 height: 1.8em;
		 }

		.ico-edit {
		  content: url(icons/icon_edit.svg);
		}
		.ico-delete {
		  content: url(icons/icon_delete.svg);
		}
		.ico-new {
		  content: url(icons/icon_new_profile.svg);
		}
		.ico-ad-doc {
		  content: url(icons/icon_ad_doc.svg);
		}
		.ico-excel {
		  content: url(icons/icon_excel.svg);
		}
		.ico-not-ok {
		  content: url(icons/icon_not_ok.svg);
		}
		.ico-ok {
		  content: url(icons/icon_ok.svg);
		}
		.ico-details {
		  content: url(icons/icon_details.svg);
		}
		.ico-license {
		  content: url(icons/icon_license.svg);
		}
		.ico-music {
		  content: url(icons/icon_music.svg);
		}
		.ico-calc-new {
		  content: url(icons/icon_calc_new.svg);
		}
		.ico-calc-edit {
		  content: url(icons/icon_calc_edit.svg);
		}
		.ico-calc-delete {
		  content: url(icons/icon_calc_delete.svg);
		}
		.ico-copy-prg {
		  content: url(icons/icon_copy_prg.svg);
		}
		.ico-process {
		  content: url(icons/icon_process.svg);
		}
		.ico-invoice {
		  content: url(icons/icon_invoice.svg);
		}	
		.ico-startnr {
		  content: url(icons/icon_startnr.svg);
		}	
		.ico-upload {
		  content: url(icons/icon_upload.svg);
		}
		.ico-code-prep {
		  content: url(icons/icon_code_prep.svg);
		}
		.ico-wrrc {
		  content: url(icons/wrrc_ico.png);
		}			
	img  
	{  
	border: none;  
	} 
	.u-accordion-link-text {
	  font-weight: 700;
	  font-size: 1.2rem;
	  padding: 25px 30px;
	  page-break-after: avoid;
	} 

	ul {
		margin-top: 5px;
		margin-bottom: 5px; 
		text-align: justify;
		page-break-after: avoid;	
	}




}/*kraj @media print */