/* Padarīt ritjoslu šaurāku */
::-webkit-scrollbar {
  width: 8px; /* Šaurāka vertikālā ritjosla */
  height: 8px; /* Šaurāka horizontālā ritjosla */
}

/* Scrollbar sliežu ceļš (track) */
::-webkit-scrollbar-track {
  background: #f1f1f1; /* Fona krāsa */
}

/* Scrollbar "rādītājs" (thumb) */
::-webkit-scrollbar-thumb {
  background: #888; /* Rādītāja krāsa */
  border-radius: 10px; /* Apaļi stūri */
}

/* Hover efekts rādītājam */
::-webkit-scrollbar-thumb:hover {
  background: #555; /* Tumšāka krāsa uz hover */
}	



* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

input:read-only {
background-color:#FFFFE6;
}

body {
  color: #5D6063;
  //background-color: #EAEDF0;
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 1.3;

  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Change the white to any color ;) */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.persona_npk {
display: inline-block!important; 
width: 14px!important;
}   
    
.persona_npk_hide {
display: none !important;
}

.paslepts1 {
display: none !important;
}

.persona_vards_w21 {
width: calc(100% - 21px)!important;
}

input:disabled {
  background-color: #ebebeb;
}

select:disabled {
  background-color: #ebebeb;
}

textarea:disabled {
  background-color: #ebebeb;
}
    


   .zvaigzne{
        color: red;
        margin-right: 2px;
    }

  .jaaizpilda {	
  background-color: #FFF0F0;
  //background-image: linear-gradient(white, #FFD3D3);
  //background-image: linear-gradient(-45deg, #FFCECE, white);
  //border-color: red;
 // border: 1px solid #D55C5F;
  }

.speaker-form-header {
  text-align: center;
  background-color: #F6F7F8;
  border: 1px solid #D6D9DC;
  border-radius: 3px;
  
  width: 80%;
  margin: 40px 0;
  padding: 50px;
}

.speaker-form-header h1 {
  font-size: 30px;
  margin-bottom: 20px;
  padding-top: 20px;       
}




.speaker-form {
//  background-color: #F6F7F8;
 // border: 1px solid #D6D9DC;
  border-radius: 3px;
  
  width: 90%;
  max-width: 600px;
  padding: 10px;
  margin: 0 0 40px 0;

  margin-top: 40px;   
  //margin: 40px;      
}




.form-row {
  margin-bottom: 10px;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: wrap;
}

.adrlauki{
 border: 1px solid #D6D9DC;
 border-radius: 3px;	
  padding: 7px;
  font-size: 14px;
  margin-top: 3px;
}

.adrlaukiDIV{
display: inline-block;
padding:0px; margin: 0px;
margin-top: 2px;
}

.adrlaukiLabel{
font-size: 10px; 
padding: 0px;
padding-left:2px; 
padding-right:2px;
padding-top: 0px; 
margin: 0px; 
margin-left:6px; 
margin-top: 0px; 
background-color: white; 
height:8px; 
line-height: 8px;
position: absolute;	
}

.adrlaukiValsts{
width: calc(50px);
 }
 
 .adrlaukiPilseta{
width: calc(100% - 50px - 5px);
 }
 
.adrlaukiIela{
width: calc(100% - 50px - 5px - 120px - 5px - 90px - 5px );
min-width: 200px;
display: none;
}

.adrlaukiMaja{
width: 90px;
display: none;
}

.adrlaukiKab{
width: 70px;
display: none;
 }
 
 
.adrlaukiStavs{
width: 70px;
display: none;
 }
 

.adrlauki100w{
width: 100%;
min-width: 200px;
 }
 

.adrlaukiIndekss{
width: 80px;
display: none;
 }
  
 
 
 .adrlaukiPilsetaMob{
width: calc(100% - 65px);
 }
 
.adrlaukiIelaMob{
width: calc(100% - 95px - 75px);
}

.adrlaukiMajaMob{
width: 90px;
}

.adrlaukiKabMob{
width: 70px;
 }
 

.form-row select,
.form-row input[type='text'],
.form-row input[type='tel'],
.form-row input[type='password'],
.form-row input[type='email'] {
 
  border: 1px solid #D6D9DC;
  border-radius: 3px;
  width: 100%;
  padding: 7px;
  font-size: 14px;
}

.form-row label {
  margin-bottom: 3px;
}





.legacy-form-row {
  border: none;
  margin-bottom: 40px;
}

.legacy-form-row legend {
  margin-bottom: 15px;
}

.legacy-form-row .radio-label-h {
  display: block;
  font-size: 14px;
    font-weight: bold;
  padding: 0 20px 0 10px;
}

.legacy-form-row .radio-label {
  display: block;
  font-size: 14px;
    font-weight: bold;
  padding: 0 20px 0 10px;
}

.legacy-form-row input[type='radio'] {
  margin-top: 2px;
}
  
.legacy-form-row .radio-label,
.legacy-form-row input[type='radio'] {
  float: left;
}




.form-row select {
  width: 100%;
  padding: 5px;
  font-size: 14px;            /* This won't work in Chrome or Safari */
  -webkit-appearance: none;   /* This will make it work */
min-height: 35px;
}






.form-row textarea {
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 14px;

  border: 1px solid #D6D9DC;
  border-radius: 3px;

  min-height: 50px;
  margin-bottom: 10px;
  padding: 7px;
  resize: none;
}

.form-row .instructions {
  color: #999999;
  font-size: 14px;
  margin-bottom: 30px;
}



.form-row .checkbox-label {
  margin-bottom: 0;
}



.form-row button {
  font-size: 16px;
  font-weight: bold;

  //color: #FFFFFF;
  background-color: #fff500; // yellow;
  //border: 1px solid yellow;   
           

  border-radius: 10px;    

  border: none;
  border-radius: 3px;

  padding: 10px 40px;
  cursor: pointer;
}

.form-row button:hover {
  background-color: #fff84b; // #76AEED;
}

.form-row button:active {
  background-color: #fff84b; // #407FC7;
}






/*progressbar*/
#progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	/*CSS counters to number the steps*/
	counter-reset: step;
}
#progressbar li {
	list-style-type: none;
	color: #535353;
	text-transform: uppercase;
	font-size: 9px;
	width: 50%;
	float: left;
	position: relative;
    text-align: center;
}
#progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 20px; 
	line-height: 20px;
	display: block;
	font-size: 10px;
	color: white;
	background: #535353;
	border-radius: 10px;
	margin: 0 auto 5px auto;
    text-align: center;
}
/*progressbar connectors*/
#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: #535353; /*linija*/
	position: absolute;
	left: -50%;
	top: 9px;
	z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,  #progressbar li.active:after{
	background: #fff500; // #ffeb00;
	color: #535353;
}













@media only screen and (min-width: 400px) {
.speaker-form {
 // background-color: #F6F7F8;
 // border: 2px solid #5D6063;
  border-radius: 10px;    
   }



@media only screen and (min-width: 77777700px) {
  .speaker-form-header,
  .speaker-form {
    width: 600px;
  }
  .form-row {
    flex-direction: row;
    align-items: flex-start; /* To avoid stretching */
    margin-bottom: 10px;
  }
  .form-row input[type='text'],
  .form-row input[type='tel'],    
  .form-row input[type='email'],    /* Add */
  .form-row select,                 /* These */
  .form-row textarea {              /* Selectors */
    width: 250px;
    height: initial;
  }
  .form-row label {
    text-align: right;
    width: 140px;
    margin-top: 7px;
    padding-right: 20px;
  }
    
    
    
.legacy-form-row {
    margin-bottom: 10px;
  }
  .legacy-form-row legend {
    width: 120px;
    text-align: right;
    padding-right: 20px;
  }
  .legacy-form-row legend {
    float: left;
  }    
    
    
    
  /* ... */
  .form-row .instructions {
    margin-left: 120px;
  }    
    
    
  /* ... */
  .form-row .checkbox-label {
    margin-left: 120px;
    width: auto;
  }    
    
    
  /* ... */
  .form-row button {
    margin-left: 120px;
    width: 250px;
      

  }    
    
    
}


.form-row input[type='text']:invalid,
.form-row input[type='email']:invalid {
 // border: 1px solid #D55C5F;
 // color: #D55C5F;
  box-shadow: none; /* Remove default red glow in Firefox */
}