/* Choose Teachers */
.tryout-do-teachers-name {
   padding: 15px 20px;
   margin-bottom: 25px;
   border-radius: 5px;
   background-color: #3E529A;
   color: white;
}

.tryout-do-teachers-name:hover {
   background-color: #35353E;
   color: white;
}

/** 
 * Pilih paket ujian setelah pilih guru;
 */
div.tryout-do-packages-box {
   margin: 10px 0px 10px 0px;
   padding: 25px 20px;
   border-radius: 10px;
   border: 1px solid #BEBEBE;
   background-color: #FFFFFF;
   color: black;
}
   div.tryout-do-packages-box > table {
      font-size: 1.05em;
      color: black;
   }

/***
 * ---------------------------------------
 *    UJIAN BERLANGSUNG
 * ---------------------------------------
 */
body.tryout-do-body {
   background-color: #D3D3D3;
   min-width: 500px;
}

nav.tryout-do-navbar {
   padding: 20px 20px;
   margin-bottom: 15px;
   border-bottom: 1px solid #DEDCDC;
   background-color: white;
}
   span.tryout-do-question-number {
      padding: 10px 15px 10px 10px;
      margin-left: 2px;
      background-color: #373CB4;
      color: white;
   }

   nav.tryout-do-navbar > ul.navbar-nav {
      min-width: 350px;
   }

   li.tryout-do-time-left {
      color: white;
   }

   span.tryout-do-time-left-text {
      padding: 10px 25px;
      background-color: #797878;
   }
   #display-time {
      padding: 10px 50px;
      background-color: #2525AE;
      font-weight: bold;
   }

div.tryout-do-container {
   margin-top: 95px;
}

/* gambar soal */
div.tryout-do-test-question img {

}

/* ukuran font */
a.tryout-do-font-size {
   color: #535151;
}
a.tryout-do-font-size-sm {
   font-size: 1.1em;
}
a.tryout-do-font-size-md {
   font-size: 1.3em;
}
a.tryout-do-font-size-lg {
   font-size: 1.5em;
}

/* atur ukuran font soal */
div.tryout-do-test-question-sm {
   font-size: 0.9em;
}
   div.tryout-do-test-question-sm img {
      max-width: 400px;
   }

div.tryout-do-test-question-md {
   font-size: 1.05em;
}
   div.tryout-do-test-question-md img {
      max-width: 400px;
   }

div.tryout-do-test-question-lg {
   font-size: 1.4em;
}
   div.tryout-do-test-question-lg img {
      max-width: 400px;
   }


div.tryout-do-test-navigasi-box {
   padding-bottom: 20px;
}

/* row jawaban pilihan ganda */
div.tryout-do-test-answer-row {
   margin-left: 0px;
   margin-right: 3px;
   margin-bottom: 5px;
   display: flex;
   flex-direction: row;
}
   div.tryout-do-test-answer-row img {
      max-width: 300px;
   }

   div.tryout-do-test-answer-row > div:nth-child(1) {
      color: white;
      text-align: center;
   }

   div.tryout-do-test-answer-row > div:nth-child(2) {
      padding-top: 5px;
      padding-left: 10px;
   }

div.tryout-do-test-multiple-many {
   margin-left: 30px;
   margin-right: 3px;
   margin-bottom: 5px;
   display: flex;
   flex-direction: row;
}
   div.tryout-do-test-multiple-many > div:nth-child(1) {
      
   }

   div.tryout-do-test-multiple-many > div:nth-child(2) {
      
   }



a.tryout-do-test-btn-questions {
   margin: 0px 0px 5px 0px;
}


@media only screen and (max-width: 768px) 
{
   /* body */
   div.tryout-do-container {
      margin-top: 150px;
   }

   div.tryout-do-test-answer-row > div.col-md-11 {
      text-align: center;
      margin-bottom: 20px;
   }

   /* Halaman penyelesaian */
   a.tryout-do-finish-btn {
      width: 100%;
      margin-bottom: 0px;
   }

   /* Halaman ujian */
   div.tryout-do-test-question img {
      display: block;
      width: 100%;
   }

   div.tryout-do-test-answer-row img {
      display: block;
      width: 100%;
   }

   /* Panah navigasi waktu */
   div.tryout-do-test-navigasi-box {
      padding-top: 20px;
      text-align: center;
   }
      div.tryout-do-test-navigasi-box > a {
         width: 100%;
      }

   h5.tryout-do-question-information {
      margin-bottom: 30px;
   }
}