

.pdd-label{
	font-weight: 400;
	display: inline;
}


input[type="radio"]:checked + .pdd-label.right-ans.pdd-pass-question {
    color: green;
   }

input[type="radio"] + .pdd-label.right-ans.pdd-pass-question {
    color: green;
   }

input[type="radio"]:checked + .pdd-label.wrong-ans.pdd-pass-question {
    color: red;
   }

.pdd-pass-question + input[type="radio"]{
  pointer-events: none;
}

.pdd-progress-nav{
	font-size: 2em;
}
.star-line{
  width: 100%;
  /*padding-left: 1em; */
  color: #cccccc;
  font-size: .7em;
  /*max-height: 3.4px;*/
}
.star-line-marathon-theme-error{
  overflow-y: scroll;
  height: 2.8em; 
}

@media screen and (min-width: 500px){
  .star-line{
    text-align: center;
    font-size: 1.5em;
  }
}
.pdd-toggle-pointer-events, .pdd-passed-question > label{
  pointer-events: none;
}

#tip-content{
  /*opacity: 0;
  transition: 0.2s;*/
  display: none;
  
}
#tip-content.open{
  /*transition-duration: 2s;
  opacity: 1;*/
  display:block;
}
/*блок меню*/
.block-pdd-nav{
  margin: 0 5px;
}

.nav-none-active-tab{
  
  
}
.nav-none-active-tab a{
  background-color: #d1deea;
  /*color: white;*/
}

.pdd-field{
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 7px;
  border-top: none;
}
.block-pdd-nav a{
  margin: 0 1px;
}
/*блок билеты*/
.ticket-item{
  border-radius: 5px;
  margin: 2px -13px;
  padding: .5em;
  background-color: #fafad2;
  border: 1px solid #ddd;
}

.ticket-item a{
 text-decoration: none;
}

.ticket-item:hover{
  background-color: #f3f3b2;
  border: 1px solid #b5b5b5;
}
.ticket-list-row{
  margin: 0 -5px;
  
}

/*Для клика на row темы для прохождения вопросов из темы*/
tr.theme-list-item[data-href]{
  cursor: pointer;
}
tr.theme-list-item[data-href]:hover{
  background-color: #f3f3b2;
  border: 1px solid #b5b5b5;
}

tr.theme-list-item td a {
  display:inline-block;
  min-height:100%;
  width:100%;
  padding: 5px;
  text-decoration: none; 
}
tr.theme-list-item td {
  padding:0;  
}
/* Count up timer */
input.countup{
  width: 1.5em;
  border: none;
  border-style: none;
  text-align: center;
  pointer-events: none;
}
div.countup{
  font-size: 1.5em;
  font-weight: 500;
}


.ticket-number, .question-number{
  font-size: 24px;
  margin: 0 15px;
}

.question{
  font-size: 20px;
  margin-bottom: 20px;
}

.answer{
  font-size: 17px;
}

.translation{
  font-style: italic;
}
.pdd-question-answer-block {
  margin-bottom: 10px;
}

.translate_edit {
  cursor: pointer;
  text-decoration: underline;
  font-style: italic;
  color: #337ab7;
}

.translate_edit:hover{
  color: #23527c;
}



.modal {
  font-size: 20px;
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  text-align:center;
  position: absolute;
  background-color: #fefefe;
  padding: 20px;
  border: 1px solid #888;
  width: 50%; /* Could be more or less, depending on screen size */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* The Close Button */
.close {
  color: #bbbaba;
  float: right;
  font-size: 28px;
  font-weight: bold;
  opacity: 1;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

#dialog label{
  display: block;
  text-align: left;
}

#dialog textarea{
  width: 100%;
  height: 150px;
  margin-bottom: 20px;
}

.tickets_tab.active > a {
  cursor: pointer !important;
}

.tickets_tab.active > a {
  text-decoration: underline;
  color: #337ab7 !important;
}

.tickets_tab.active:hover > a {
  color: #23527c !important;
}

.tab_title{
  margin-left:10px;
}

.controls {
  text-align: right;
}

.year{
  font-size: 16px;
  padding:3px;
}

.year.selected {
  color: white;
  text-decoration: none;
  /*border: 2px solid red;*/
  border-radius: 2px;
  padding:3px;
  background: #337ab7;
}