@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i");
/* admin */
.content-block {
  margin: 1em 1em 3em 1em; }

.table-main {
  border-style: solid;
  border-width: 3px 0px 0px 0px;
  border-color: #333;
  max-width: 1000px;
  text-align: center; }

.table-main tbody tr:hover td.clickable {
  background-color: #BABABA; }

.green {
  color: #80C106; }

.orange {
  color: #ff8d00; }

.red {
  color: #ea3131; }

.clickable {
  cursor: pointer; }

.btn-main {
  background-color: #4db6ac;
  border-color: #26a69a;
  color: white; }
  .btn-main span {
    margin-right: 5px; }

.btn-return {
  position: absolute;
  margin-top: 5px;
  margin-left: 30px;
  z-index: 10; }

.btn-main:hover {
  color: white;
  background-color: #0072AB; }

.align-center {
  text-align: center; }

span.fa-copy:hover {
  font-size: 1.2em; }

span.fa-copy:active {
  font-size: 1.0em; }

.form-standard {
  margin: 1em 0;
  border-style: ridge;
  border-width: 1px;
  max-width: 1000px; }

.form-inline {
  margin-top: 1em; }
  .form-inline input {
    vertical-align: middle;
    margin-right: 2em;
    margin-bottom: 1em;
    display: inline-block; }

.form-line {
  margin: 0.5em 0; }
  .form-line input[type=checkbox] {
    margin-left: 0.7em; }
  .form-line * {
    margin-left: 0.5em; }
  .form-line button {
    display: inline-block;
    width: auto; }
  .form-line label {
    display: inline-block;
    width: auto; }
  .form-line input {
    display: inline-block;
    width: auto; }
  .form-line div {
    display: inline-block;
    vertical-align: middle; }

.big-checkbox {
  -ms-transform: scale(1.5);
  /* IE */
  -moz-transform: scale(1.5);
  /* FF */
  -webkit-transform: scale(1.5);
  /* Safari and Chrome */
  -o-transform: scale(1.5);
  /* Opera */ }

.fa-right-5px {
  margin-right: 5px; }

.margin-left-4px {
  margin-left: 4px; }

.margin-left-10px {
  margin-left: 10px; }

.loader {
  border: 5px solid #f3f3f3;
  /* Light grey */
  border-top: 5px solid #3498db;
  /* Blue */
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 2s linear infinite; }

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

.alert {
  display: none; }

.warning-message {
  color: red;
  font-weight: 600; }

.delete-cell {
  width: 120px; }