/* Scrollbar */
::-webkit-scrollbar {
  width: 7px;
}

::-webkit-scrollbar-thumb {
  background-color: #c4c4c4;
  border-radius: 0;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #c4c4c4;
}

::-webkit-scrollbar-track {
  background-color: #ededed;
}

/* End Scrollbar */
input[type=text] {
  padding: 0;
  height: 30px;
  position: relative;
  left: 0;
  outline: none;
  border: 1px solid #cdcdcd;
  border-color: rgba(0, 0, 0, 0.15);
  background-color: white;
  font-size: 16px;
}

.notie-container {
  box-shadow: none;
}

body {
  /* font-family: "Hiragino Sans GB","Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; */
  font-size: 1.0em;
  background: #e8eff5 url("http://lea.verou.me/css3patterns/noise.png");
  margin: 0 !important;
  padding: 0 !important;
      /*.btn-blue {
          @include button-base();
          background: rgba(49,146,237,1);
          background: -moz-linear-gradient(left, rgba(49,146,237,1) 17%, rgba(29,124,226,1) 72%, rgba(19,113,221,1) 100%);
          background: -webkit-gradient(left top, right top, color-stop(17%, rgba(49,146,237,1)), color-stop(72%, rgba(29,124,226,1)), color-stop(100%, rgba(19,113,221,1)));
          background: -webkit-linear-gradient(left, rgba(49,146,237,1) 17%, rgba(29,124,226,1) 72%, rgba(19,113,221,1) 100%);
          background: -o-linear-gradient(left, rgba(49,146,237,1) 17%, rgba(29,124,226,1) 72%, rgba(19,113,221,1) 100%);
          background: -ms-linear-gradient(left, rgba(49,146,237,1) 17%, rgba(29,124,226,1) 72%, rgba(19,113,221,1) 100%);
          background: linear-gradient(to right, rgba(49,146,237,1) 17%, rgba(29,124,226,1) 72%, rgba(19,113,221,1) 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3192ed', endColorstr='#1371dd', GradientType=1 );


      }*/
  /**counter**/
}
body header {
  height: 80px;
  background-color: #4c4c4c;
}
body header #header-title {
  font-family: 'Tangerine', serif;
  font-size: 50px;
  font-weight: bold;
  height: 9vh;
  margin-top: 5px;
  color: white;
  text-align: center;
  text-shadow: 0 2px black;
  /*margin-top:-50px;*/
}
body h1 {
  text-align: center;
}
body .btn {
  position: relative;
  display: inline-block;
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #ffffff;
  padding: 5px 10px 5px 10px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
body .btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
body .btn-gray {
  position: relative;
  display: inline-block;
  border-top: 1px solid #96d1f8;
  background: #5a5d5e;
  background: -webkit-gradient(linear, left top, left bottom, from(#5a5d5e), to(#a6acb0));
  background: -webkit-linear-gradient(top, #5a5d5e, #a6acb0);
  background: -moz-linear-gradient(top, #5a5d5e, #a6acb0);
  background: -ms-linear-gradient(top, #5a5d5e, #a6acb0);
  background: -o-linear-gradient(top, #5a5d5e, #a6acb0);
  padding: 5px 10px 5px 10px;
  text-align: center;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: black 0 1px 0;
  -moz-box-shadow: black 0 1px 0;
  box-shadow: black 0 1px 0;
  text-shadow: rgba(0, 0, 0, 0.4) 0 1px 0;
  color: white;
  text-decoration: none;
  vertical-align: middle;
}
body .btn-gray:hover {
  border-top-color: #28597a;
  background: #28597a;
  color: #ccc;
}
body .btn-gray:active {
  border-top-color: #0e0e0f;
  background: #0e0e0f;
}
body #modal_cover, body #configurable_cover {
  width: 100vw;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1000;
  display: none;
}
body #modal_cover {
  background-color: black;
  opacity: .5;
  overflow: auto;
}
body .container {
  position: relative;
  height: 85vh;
  background: #fff;
  line-height: 15px;
  box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
  overflow-y: auto;
}
body .container .floater {
  background-color: #efefef;
  position: absolute;
  right: 0vw;
  top: 2vh;
  padding: 10px;
}
body .question {
  font-family: 'Tillana', cursive;
  font-size: 16px;
  padding-bottom: 35px;
}
body .question ul {
  list-style-type: upper-alpha;
}
body .center {
  margin: auto;
  width: 80%;
  border: 2px solid gray;
  padding: 25px 60px 25px 60px;
}
body #clockdiv {
  font-family: sans-serif;
  color: #fff;
  display: inline-block;
  font-weight: 100;
  text-align: center;
  font-size: 30px;
}
body #clockdiv > div {
  padding: 10px;
  border-radius: 3px;
  background: #00BF96;
  display: inline-block;
}
body #clockdiv div > span {
  padding: 15px;
  border-radius: 3px;
  background: #00816A;
  display: inline-block;
}
body .smalltext {
  padding-top: 5px;
  font-size: 16px;
}

body.stop-scroll {
  overflow: hidden;
  height: 100%;
}

.view-global-test-table {
  border-collapse: collapse;
  width: 100%;
}

.view-global-test-table td, .view-global-test-table th {
  border: 1px solid #ddd;
  padding: 8px;
}

.view-global-test-table tr:nth-child(even) {
  background-color: #f2f2f2;
}

.view-global-test-table tr:hover {
  background-color: #ddd;
}

.view-global-test-table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}

.my_globaltests_list_table {
  border-collapse: collapse;
  width: 100%;
}

.my_globaltests_list_table td, .my_globaltests_list_table th {
  border: 1px solid #ddd;
  padding: 8px;
}

.my_globaltests_list_table tr:nth-child(even) {
  background-color: #f2f2f2;
}

.my_globaltests_list_table tr:hover {
  background-color: #ddd;
}

.my_globaltests_list_table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}

.my_onlinetests_list_table {
  border-collapse: collapse;
  width: 100%;
}

.my_onlinetests_list_table td, .my_onlinetests_list_table th {
  border: 1px solid #ddd;
  padding: 8px;
}

.my_onlinetests_list_table tr:nth-child(even) {
  background-color: #f2f2f2;
}

.my_onlinetests_list_table tr:hover {
  background-color: #ddd;
}

.my_onlinetests_list_table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}

.my_test_answers_list_table {
  border-collapse: collapse;
  width: 100%;
}

.my_test_answers_list_table td, .my_test_answers_list_table th {
  border: 1px solid #ddd;
  padding: 8px;
}

.my_test_answers_list_table tr:nth-child(even) {
  background-color: #f2f2f2;
}

.my_test_answers_list_table tr:hover {
  background-color: #ddd;
}

.my_test_answers_list_table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}

.all_test_results_for_one_test_table {
  border-collapse: collapse;
  width: 100%;
}

.all_test_results_for_one_test_table td, .all_test_results_for_one_test_table th {
  border: 1px solid #ddd;
  padding: 8px;
}

.all_test_results_for_one_test_table tr:nth-child(even) {
  background-color: #f2f2f2;
}

.all_test_results_for_one_test_table tr:hover {
  background-color: #ddd;
}

.all_test_results_for_one_test_table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}