#exams-table_filter {
	float: left !important;
	margin-bottom: 16px;
}
#exams-table_filter input {
	border-radius: 3px;
	border: 1px solid #333;
}
#exams-table_length {
	float: right !important;
	margin-bottom: 16px;
}

@media only screen and (max-width: 768px) {
	#exams-table {
		width: 100%;
	}
}

.loader-button:disabled  {
	background: #666 !important;
	color: #fff !important;
	cursor: pointer;
} 
span.loadersmall {
    border: 5px solid #f3f3f3 !important;
    -webkit-animation: spin 1s linear infinite !important;
    animation: spin 1s linear infinite !important;
    border-top: 5px solid #555 !important;
    border-radius: 50% !important;
    width: 50px !important;
    height: 50px !important;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.news__source-heading {
	font-size: 11px;
    display: inline-block;
    cursor: pointer;
    line-height: 1.4em;
    padding: 5px 0;
    text-decoration: none;
    outline: none;
    color: #666;
    margin: 3px 0;
    text-transform: uppercase;
}
.news__hr {
	margin: 12px 0;
	border: 1px solid #efefef;
}

.fade-enter-active, .fade-leave-active {
  transition: opacity .5s;
}
.fade-enter, .fade-leave-to 
/* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}

.modal-mask {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: table;
  transition: opacity 0.3s ease;
}

.modal-wrapper {
  display: table-cell;
  vertical-align: middle;
}

.modal-container {
  width: 400px;
  margin: 0px auto;
  padding: 20px 30px;
  background-color: #fff;
  max-height: 400px;
  overflow-y: scroll;
  border-radius: 2px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
  transition: all 0.3s ease;
  font-family: Helvetica, Arial, sans-serif;
}

.modal-header h3 {
  margin-top: 0;
  color: #42b983;
}

.modal-body {
  margin: 20px 0;
}

.modal-default-button {
  float: right;
}

/*
 * The following styles are auto-applied to elements with
 * transition="modal" when their visibility is toggled
 * by Vue.js.
 *
 * You can easily play with the modal transition by editing
 * these styles.
 */

.modal-mask {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: table;
  transition: opacity 0.3s ease;
}

.modal-wrapper {
  display: table-cell;
  vertical-align: middle;
}

.modal-container {
  width: 400px;
  margin: 0px auto;
  padding: 20px 30px;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
  transition: all 0.3s ease;
  font-family: Helvetica, Arial, sans-serif;
}

.modal-header h3 {
  margin-top: 0;
  color: #42b983;
}

.modal-body {
  margin: 20px 0;
}

.modal-body button {
  background-color: #cf112d;
  border:none;
  color: #fff;

}
.modal-default-button {
  float: right;
}

/*
 * The following styles are auto-applied to elements with
 * transition="modal" when their visibility is toggled
 * by Vue.js.
 *
 * You can easily play with the modal transition by editing
 * these styles.
 */

.modal-enter {
  opacity: 0;
}

.modal-leave-active {
  opacity: 0;
}

.modal-enter .modal-container,
.modal-leave-active .modal-container {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.modal-title h5 {
  float:left; 
}
.close {
  float: right;
  border:none;
  margin-top: -30px;
}
.dates-loader {
  font-size: 10px;
  margin: 50px auto;
  text-indent: -9999em;
  width: 6em;
  height: 6em;
  border-radius: 50%;
  background: #b0b0b0;
  background: -moz-linear-gradient(left, #b0b0b0 10%, rgba(176,176,176, 0) 42%);
  background: -webkit-linear-gradient(left, #b0b0b0 10%, rgba(176,176,176, 0) 42%);
  background: -o-linear-gradient(left, #b0b0b0 10%, rgba(176,176,176, 0) 42%);
  background: -ms-linear-gradient(left, #b0b0b0 10%, rgba(176,176,176, 0) 42%);
  background: linear-gradient(to right, #b0b0b0 10%, rgba(176,176,176, 0) 42%);
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.dates-loader:before {
  width: 50%;
  height: 50%;
  background: #b0b0b0;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.dates-loader:after {
  background: #ffffff;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.fade-leave-active {
  transition: opacity .5s;
}
.fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}