.timer-container {
	position: relative;
	width: 120px;
	height: 120px;
	margin: auto;
  }
  
  .timer-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 24px;
	color: #003366;
	font-weight: bold;
  }
  
  .progress-ring__circle {
	transition: stroke-dashoffset 1s linear;
	transform: rotate(-90deg);
	transform-origin: 50% 50%;
  }
div.foto_pyt
	{
	  margin:5px;
	  margin-left:auto;
	  margin-right:auto;
	  border:2px #d4d4d4 none;
	  border-radius:4px;
	  width:98%;
	  padding: 5px;
	  
	}
div.pyt
	{
	  background-color:#4a86cf;
	  font-size: 18px;
	  margin:25px 5px 11px 5px;
	  border:1px #dfe3e7 solid;
	  border-radius: .25rem;
	  width:98%;
	  padding: 10px;
	  text-align:left;
	  color:white;
	  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);
	}
div.odp
	{
	  font-size:16px;
	  margin:5px 5px 5px 5px;
	  border:1px #dfe3e7 solid;
	  border-radius: .25rem;;
	  width:98%;
	  padding: 10px;
	  text-align:left;
	  color: #4a86cf;
	  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
	}
	
div.pyt p, div.odp p,div.odpp p, div.odp input,div.odpp input,div.odpup input{
  margin: 0px;
}

div.odpp
	{
	  background-color:#dfdfdf;
	  font-size:16px;
	  margin:5px 5px 5px 5px;
	  border:1px #777 solid;
	  border-radius:4px;
	  width:98%;
	  padding: 10px;
	  text-align:left;
	  color:blue;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
	}
div.odpu
	{
	  background-color:#ff0000;
	  font-size:16px;
	  margin:5px 5px 5px 5px;
	  border:1px #dfe3e7 solid;
	  border-radius:4px;
	  width:98%;
	  padding: 10px;
	  text-align:left;
	  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
	}
div.odpup
	{
	  background-color:#02f002;
	  font-size:16px;
	  margin:5px 5px 5px 5px;
	  border:1px #dfe3e7 solid;
	  border-radius:4px;
	  width:98%;
	  padding: 10px;
	  text-align:left;
	  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
	}

	select.egzamin
	{
		color:#4a86cf;
		padding:5px;
		border: solid 1px #dfe3e7;
		border-radius: .25rem; 
		width: -moz-available;
		width: -webkit-fill-available;
		margin-bottom: 3px;
		box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);
	}
	input.egzamin
	{
		color: white;
		background: #4a86cf;
		padding:5px;
		border: solid 1px #dfe3e7;
		border-radius: .25rem; 
		margin-top: 3px;
		margin-bottom:5px;
		margin-right:10px;
		box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);
	}
	input#login{
		box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);
		margin-right:10px;
	    
	}
.com-testquestions {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.com-testquestions .testquestion {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.com-testquestions .pyt,
.com-testquestions .odp,
.com-testquestions .odpp,
.com-testquestions .odpu,
.com-testquestions .odpup {
    box-sizing: border-box;
}

.com-testquestions .question-header {
    display: flex;
    align-items: flex-start;
    gap: .25rem;
}

.com-testquestions .question-number {
    flex: 0 0 auto;
    white-space: nowrap;
    font-weight: 700;
}

.com-testquestions .question-text {
    flex: 1 1 auto;
    min-width: 0;
}

.com-testquestions .answer-list label {
    display: flex;
    align-items: flex-start;
    gap: .25rem;
}

.com-testquestions .answer-text {
    flex: 1 1 auto;
    min-width: 0;
}