:root {
  --red: #d01737;
  --primary: #d01737;
  --danger: #d01737;
  --light: #ffffff;
  --dark: #1c1c1c;
  --breakpoint-xl: 999px;
  --bs-border-radius: 0;
}


body {
  color: #1c1c1c; 
}

a {
  color: #1c1c1c;
  text-decoration: none;
}

a:hover {
  color: black;
  text-decoration: underline;
}

caption {
  color: #666666;
}

.small
{
  font-size: 0.8em;
}

.blockquote-footer::before {
  content: "— ";
}


.img-thumbnail {
  border-radius: unset;
}


kbd {
   border-radius: unset;
}

.container {
  padding-right: unset;
  padding-left: unset;
}  

@media (min-width: 999px) {
  .container {
    max-width: 1000px;
  }
}
@media (max-width: 900px) {
  .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .row-fix {
    padding-right: 0px;
    padding-left: 0px;
   }
}

/*
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}*/

.row-fix {
  padding-right: 15px;
  padding-left: 15px;
}


.table-hover tbody tr:hover {
  color: #1c1c1c;
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #f2bec7;
}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #e78697;
}

.table-hover .table-primary:hover {
  background-color: #eea9b5;
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #eea9b5;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f2bec7;
}
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #e78697;
}

.table-hover .table-danger:hover {
  background-color: #eea9b5;
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #eea9b5;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: white;
}
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: white;
}

.table-hover .table-light:hover {
  background-color: #f2f2f2;
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #f2f2f2;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #bfbfbf;
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #898989;
}

.table-hover .table-dark:hover {
  background-color: #b2b2b2;
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b2b2b2;
}

@media (max-width: 998.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}

.form-control {
  border-radius: 0;
}

.form-control:focus {
  border-color: #f0778c;
  box-shadow: 0 0 0 0.2rem rgba(208, 23, 55, 0.25);
}

.form-control-plaintext {
  color: #1c1c1c;
}

.form-control-sm {
   border-radius: 0;
}

.form-control-lg {
   border-radius: 0;
}

.form-check-input:disabled ~ .form-check-label {
  color: #666666;
}

.valid-tooltip {   
  border-radius: 0;
}


.invalid-feedback {
  color: #d01737;
}

.invalid-tooltip {
  margin-top: 0.1rem;
  background-color: rgba(208, 23, 55, 0.9);
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #d01737;
  background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='%23d01737' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23d01737' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #d01737;
  box-shadow: 0 0 0 0.2rem rgba(208, 23, 55, 0.25);
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #d01737;
}
.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
  border-color: #d01737;
  box-shadow: 0 0 0 0.2rem rgba(208, 23, 55, 0.25);
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #d01737;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #d01737;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #d01737;
}

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #e83251;
  background-color: #e83251;
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(208, 23, 55, 0.25);
}
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #d01737;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #d01737;
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #d01737;
  box-shadow: 0 0 0 0.2rem rgba(208, 23, 55, 0.25);
}

/*.btn {  
  color: #1c1c1c;  
  border-radius: 0;
}
*/
.btn {  
  display: inline-block;
  font-weight: 400;
  color: #1c1c1c;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn:hover {
  color: #1c1c1c;
}
.btn:focus, .btn.focus {
  box-shadow: 0 0 0 0.2rem rgba(208, 23, 55, 0.25);
}

.btn-primary {
  color: #fff;
  background-color: #d01737;
  border-color: #d01737;
}
.btn-primary:hover {
  color: #fff;
  background-color: #ae132e;
  border-color: #a2122b;
}
.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(215, 58, 85, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
  background-color: #d01737;
  border-color: #d01737;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  background-color: #a2122b;
  border-color: #971128;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(215, 58, 85, 0.5);
}

.btn-danger {
  color: #fff;
  background-color: #d01737;
  border-color: #d01737;
}
.btn-danger:hover {
  color: #fff;
  background-color: #ae132e;
  border-color: #a2122b;
}
.btn-danger:focus, .btn-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(215, 58, 85, 0.5);
}
.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #d01737;
  border-color: #d01737;
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #a2122b;
  border-color: #971128;
}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(215, 58, 85, 0.5);
}

.btn-light {
  background-color: #ffffff;
  border-color: #ffffff;
}
.btn-light:hover {
  background-color: #ececec;
  border-color: #e6e6e6;
}
.btn-light:focus, .btn-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
}
.btn-light.disabled, .btn-light:disabled {
  background-color: #ffffff;
  border-color: #ffffff;
}
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
  background-color: #e6e6e6;
  border-color: #dfdfdf;
}
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
}

.btn-dark {
  background-color: #1c1c1c;
  border-color: #1c1c1c;
}
.btn-dark:hover {
  background-color: #090909;
  border-color: #030303;
}
.btn-dark:focus, .btn-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(62, 62, 62, 0.5);
}
.btn-dark.disabled, .btn-dark:disabled {
  background-color: #1c1c1c;
  border-color: #1c1c1c;
}
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
  background-color: #030303;
  border-color: black;
}
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(62, 62, 62, 0.5);
}

.btn-outline-primary {
  color: #d01737;
  border-color: #d01737;
}
.btn-outline-primary:hover {
  background-color: #d01737;
  border-color: #d01737;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(208, 23, 55, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #d01737;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
  background-color: #d01737;
  border-color: #d01737;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(208, 23, 55, 0.5);
}

.btn-outline-danger {
  color: #d01737;
  border-color: #d01737;
}
.btn-outline-danger:hover {
  background-color: #d01737;
  border-color: #d01737;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(208, 23, 55, 0.5);
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #d01737;
}
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
  background-color: #d01737;
  border-color: #d01737;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(208, 23, 55, 0.5);
}

.btn-outline-light {
  color: #ffffff;
  border-color: #ffffff;
}
.btn-outline-light:hover {
  background-color: #ffffff;
  border-color: #ffffff;
}
.btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #ffffff;
}
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
  background-color: #ffffff;
  border-color: #ffffff;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.btn-outline-dark {
  color: #1c1c1c;
  border-color: #1c1c1c;
}
.btn-outline-dark:hover {
  background-color: #1c1c1c;
  border-color: #1c1c1c;
}
.btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(28, 28, 28, 0.5);
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #1c1c1c;
}
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
  background-color: #1c1c1c;
  border-color: #1c1c1c;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(28, 28, 28, 0.5);
}

/*.btn-link {
  color: #1c1c1c;
}*/
.btn-link {
  font-weight: 400;
  color: #1c1c1c;
  text-decoration: none;
}

.btn-link:hover {
  color: black;
}

.btn-lg, .btn-group-lg > .btn {
  border-radius: 0;
}

.btn-sm, .btn-group-sm > .btn {
  border-radius: 0;
}

.btn-group-sm > .btn, .btn-sm {
  padding: .25rem .5rem;
  font-size: .875rem;
}

.dropdown-menu {
  color: #ffffff;
  background-color: #1c1c1c;
}

@media (min-width: 999px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }

  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}

.dropdown-item {
  padding: 0.5rem 1.5rem;
  color: #ffffff;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: #ffffff;
  background-color: #d01737;
}
.dropdown-item.active, .dropdown-item:active {
  background-color: #d01737;
}

.dropdown-item-text {
  padding: 0.5rem 1.5rem;
  color: #ffffff;
}

.custom-control-input:checked ~ .custom-control-label::before {
  border-color: #d01737;
  background-color: #d01737;
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(208, 23, 55, 0.25);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #f0778c;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  background-color: #f5a5b2;
  border-color: #f5a5b2;
}

.custom-control-label::before {
  border: #666666 solid 1px;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #d01737;
  background-color: #d01737;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(208, 23, 55, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(208, 23, 55, 0.5);
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(208, 23, 55, 0.5);
}
.custom-switch .custom-control-label::after {
  background-color: #666666;
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(208, 23, 55, 0.5);
}

.custom-select {
  border-radius: 0;
}

.custom-select:focus {
  border-color: #f0778c;
  box-shadow: 0 0 0 0.2rem rgba(208, 23, 55, 0.25);
}

.custom-file-input:focus ~ .custom-file-label {
  border-color: #f0778c;
  box-shadow: 0 0 0 0.2rem rgba(208, 23, 55, 0.25);
}

.custom-file-label {
  border-radius: 0;
}


.custom-file-label::after {
  border-radius: 0;
}

.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(208, 23, 55, 0.25);
}
.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(208, 23, 55, 0.25);
}
.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(208, 23, 55, 0.25);
}

.custom-range::-webkit-slider-thumb {
  background-color: #d01737;
}

.custom-range::-webkit-slider-thumb:active {
  background-color: #f5a5b2;
}

.custom-range::-webkit-slider-runnable-track {
  border-radius: 0;
}

.custom-range::-moz-range-thumb {
  background-color: #d01737;
  border-radius: 0;
}  

.custom-range::-moz-range-thumb:active {
  background-color: #f5a5b2;
}

.custom-range::-moz-range-track {
  border-radius: 0;
}

.custom-range::-ms-thumb {
  background-color: #d01737;
  border-radius: 0;
}

.custom-range::-ms-thumb:active {
  background-color: #f5a5b2;
}

.custom-range::-ms-fill-lower {
  border-radius: 0;
}
.custom-range::-ms-fill-upper {
  background-color: #dee2e6;
}
.custom-range:disabled::-webkit-slider-thumb {
  background-color: #666666;
}

.custom-range:disabled::-moz-range-thumb {
  background-color: #666666;
}

.custom-range:disabled::-ms-thumb {
  background-color: #666666;
}

.nav-tabs .nav-link {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  border-radius: 0;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #d01737;
}

.navbar {
  padding: 0 1rem;
}

@media (max-width: 998.98px) {
  .navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 999px) {
  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}

.navbar-light .navbar-nav .nav-link {
  color: #ffffff;
}

.navbar-light .navbar-toggler {
  color: #ffffff;
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='https://www.w3.org/2000/svg'%3e%3cpath stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
  color: #ffffff;
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='https://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.card {
  border-radius: 0;
}

.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.card-header:first-child {
  border-radius: 0;
}

.card-footer:last-child {
  border-radius: 0;
}

.card-img {
  border-radius: 0;
}

.card-img-top {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.card-img-bottom {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.pagination {
  border-radius: 0;
}

.page-link {  
  color: #1c1c1c;
}
.page-link:hover {
  color: black;
}
.page-link:focus {
  box-shadow: 0 0 0 0.2rem rgba(208, 23, 55, 0.25);
}

.page-item:first-child .page-link {
  border-top-left-radius: 0.;
  border-bottom-left-radius: 0;
}

.page-item:last-child .page-link {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.page-item.active .page-link {
  background-color: #007bff;
  border-color: #007bff;
}

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.badge {
  border-radius: 00;
}

.badge-pill {
  border-radius: 10rem;
}

.badge-primary {
  background-color: #d01737;
}
a.badge-primary:hover, a.badge-primary:focus {
  background-color: #a2122b;
}
a.badge-primary:focus, a.badge-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(208, 23, 55, 0.5);
}

.badge-danger {
  background-color: #d01737;
}
a.badge-danger:hover, a.badge-danger:focus {
  background-color: #a2122b;
}
a.badge-danger:focus, a.badge-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(208, 23, 55, 0.5);
}

.badge-light {
  background-color: #ffffff;
}
a.badge-light:hover, a.badge-light:focus {
  background-color: #e6e6e6;
}
a.badge-light:focus, a.badge-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.badge-dark {
  background-color: #1c1c1c;
}
a.badge-dark:hover, a.badge-dark:focus {
  background-color: #030303;
}
a.badge-dark:focus, a.badge-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(28, 28, 28, 0.5);
}

.jumbotron {
  border-radius: 0;
}

.jumbotron-fluid {
  border-radius: 0;
}

.alert {
  border-radius: 0;
}

.alert-primary {
  color: #6c0c1d;
  background-color: #f6d1d7;
  border-color: #f2bec7;
}
.alert-primary hr {
  border-top-color: #eea9b5;
}
.alert-primary .alert-link {
  color: #3e0711;
}

.alert-danger {
  color: #6c0c1d;
  background-color: #f6d1d7;
  border-color: #f2bec7;
}
.alert-danger hr {
  border-top-color: #eea9b5;
}
.alert-danger .alert-link {
  color: #3e0711;
}

.alert-light {
  color: #858585;
  background-color: white;
  border-color: white;
}
.alert-light hr {
  border-top-color: #f2f2f2;
}
.alert-light .alert-link {
  color: #6c6c6c;
}

.alert-dark {
  color: #0f0f0f;
  background-color: #d2d2d2;
  border-color: #bfbfbf;
}
.alert-dark hr {
  border-top-color: #b2b2b2;
}
.alert-dark .alert-link {
  color: black;
}

.progress {
  border-radius: 0;
}

.progress-bar {
  background-color: #d01737;
}

.list-group-item-action:active {
  color: #1c1c1c;
}

.list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.list-group-item.active {
  background-color: #d01737;
  border-color: #d01737;
}

.list-group-horizontal .list-group-item:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
}

.list-group-horizontal .list-group-item:last-child {
  margin-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .list-group-horizontal-sm .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .list-group-horizontal-sm .list-group-item:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
}

@media (min-width: 768px) {
  .list-group-horizontal-md {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .list-group-horizontal-md .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .list-group-horizontal-md .list-group-item:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
}

@media (min-width: 992px) {
  .list-group-horizontal-lg {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  /*.list-group-horizontal-lg .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }*/
  .list-group-horizontal-lg .list-group-item:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
}

@media (min-width: 999px) {
  .list-group-horizontal-xl {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .list-group-horizontal-xl .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .list-group-horizontal-xl .list-group-item:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
}

.list-group-flush .list-group-item {
  border-radius: 0;
}

.list-group-item-primary {
  color: #6c0c1d;
  background-color: #f2bec7;
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: #6c0c1d;
  background-color: #eea9b5;
}
.list-group-item-primary.list-group-item-action.active {
  background-color: #6c0c1d;
  border-color: #6c0c1d;
}

.list-group-item-danger {
  color: #6c0c1d;
  background-color: #f2bec7;
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: #6c0c1d;
  background-color: #eea9b5;
}
.list-group-item-danger.list-group-item-action.active {
  background-color: #6c0c1d;
  border-color: #6c0c1d;
}

.list-group-item-light {
  color: #858585;
  background-color: white;
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: #858585;
  background-color: #f2f2f2;
}
.list-group-item-light.list-group-item-action.active {
  background-color: #858585;
  border-color: #858585;
}

.list-group-item-dark {
  color: #0f0f0f;
  background-color: #bfbfbf;
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: #0f0f0f;
  background-color: #b2b2b2;
}
.list-group-item-dark.list-group-item-action.active {
  background-color: #0f0f0f;
  border-color: #0f0f0f;
}

.close {
  color: #d01737;
  text-shadow: none;
}
.close:hover {
  color: #d01737;
}

.toast {
  border-radius: 0;
}

.modal-content {
  color: #ffffff;
  background-color: #1c1c1c;
  border-radius: 0;
}

.modal-header {
  border-bottom: 1px solid #666666;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.modal-footer {
  border-top: 1px solid #666666;
  border-top-left-radius: 0;
  border-top-right-radius: 0; 
}


@media (min-width: 999px) {
  .modal-xl {
    max-width: 1140px;
  }
}

.tooltip-inner {
  border-radius: 0;
}


.popover {
  border-radius: 0;
}

.popover-header {  
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.popover-body {
  color: #1c1c1c;
}

.bg-primary {
  background-color: #d01737 !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #a2122b !important;
}

.bg-danger {
  background-color: #d01737 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #a2122b !important;
}

.bg-light {
  background-color: #ffffff !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #e6e6e6 !important;
}

.bg-dark {
  background-color: #1c1c1c !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #030303 !important;
}

.border-primary {
  border-color: #d01737 !important;
}

.border-danger {
  border-color: #d01737 !important;
}

.border-light {
  border-color: #ffffff !important;
}

.border-dark {
  border-color: #1c1c1c !important;
}

@media (min-width: 999px) {
  .flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 999px) {
  .float-xl-left {
    float: left !important;
  }

  .float-xl-right {
    float: right !important;
  }

  .float-xl-none {
    float: none !important;
  }
}

@media (min-width: 999px) {
  .text-xl-left {
    text-align: left !important;
  }

  .text-xl-right {
    text-align: right !important;
  }

  .text-xl-center {
    text-align: center !important;
  }
}

.text-primary {
  color: #d01737 !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: #8b0f25 !important;
}


.text-danger {
  color: #d01737 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: #8b0f25 !important;
}

.text-light {
  color: #ffffff !important;
}

a.text-light:hover, a.text-light:focus {
  color: #d9d9d9 !important;
}

.text-dark {
  color: #1c1c1c !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: black !important;
}

.text-body {
  color: #1c1c1c !important;
}

.text-muted {
  color: #666666 !important;
}

@media print {
pre,
blockquote {
    border: 1px solid #666666;
  }
}

body {
  font-family: "Open Sans", sans-serif;
}

.main-nav .navbar-nav .nav-link {
  padding: 0.8rem;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .active > .nav-link {
  color: #ffffff;
  background-color: #1c1c1c;
}

.bg-light-gray {
  background-color: #f8f9fa;
}

/* = PIPE SEPARATOR
-------------------------------------------------- */
.pipe-separator:before {
  position: relative;
  top: -0.1em;
  font-size: 0.8em;
  padding: 0 0.5em;
  content: "|";
  color: #666666;
}

/* = SEARCH FORM
-------------------------------------------------- */
.form-newsletter .form-control,
.form-search > input {
  border: 0 none;
}

.form-search .fa-lg {
  font-size: 1.8em;
}

.form-control-sm {
  height: calc(0.8em + 0.5rem + 2px);
}

/* = DROPDOWN
-------------------------------------------------- */
@media (min-width: 992px) {
  .dropdown:hover > .dropdown-menu {
    display: block;
  }

  .dropdown:hover > .nav-link {
    background-color: #1c1c1c;
  }

  .dropdown:hover > .dropdown-item:hover {
    background-color: #d01737;
  }

  .navbar-light .navbar-nav li.show {
    background-color: #1c1c1c;
  }

  .navbar-light .navbar-nav .show > .nav-link {
    color: #ffffff;
  }

  .dropdown-menu > .dropdown-item {
    border-bottom: 1px solid #6c757d;
  }

  .dropdown-menu > .dropdown-item:last-child {
    border-bottom: 0 none;
  }

  .dropdown-menu {
    margin: 0;
    border: 0 none;
  }

  .bg-nav {
    background-color: #d01737;
  }
}
@media (max-width: 992px) {
  .bg-nav {
    background-color: #1c1c1c;
  }

  .navbar-nav {
    display: block;
  }

  .dropdown i {
    float: right;
    line-height: 1.5;
  }

  .irot i {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .dropdown-menu {
    background-color: #232323;
  }
}
/* = CALENDAR INFORMATION
-------------------------------------------------- */
.calendar-information {
  color: #666666;
  font-size: 0.8rem;
  text-align: right;
  padding: 0.5rem;
}

/* = DARK BOX
-------------------------------------------------- */
.dark-box {
  padding: 0.8rem 1rem;
  background-color: #1c1c1c;
}

.dark-box a.login {
  color: #ffffff;
  font-size: 0.8rem;
  line-height: 2rem;
  text-transform: uppercase;
}

.dark-box label {
  color: #ffffff;
}

a.login i {
  display: inline-block;
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  padding-top: 0.2rem;
  margin-left: 0.5rem;
  color: #1c1c1c;
  font-size: 1rem;
  background-color: #ffffff;
}

.btn-facebook {
  color: #ffffff;
  background-color: #3c5a99;
}

.btn-facebook:hover {
  color: #ffffff;
  background-color: #263a62;
}

/* = NEWS CARD
-------------------------------------------------- */
a.news-card {
  text-decoration: none;
}

.news-card {
  border: 0 none;
}

@media (max-width: 767.98px) {
  .news-card h2 {
    font-size: 1rem;
  }
}

@media (max-width: 767.98px) {
  .news-card h2.h6 {
    font-size: 1rem;
  }
}
@media (max-width: 575.98px) {
  .news-card h2.h6 {
    font-size: 1.25rem;
  }
}

.news-card figure {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
  padding-bottom: 56.25%;
  /* 16:9 */
}

.news-card figure img {
  position: absolute;
  object-fit: cover;
}

.news-card .card-img-overlay {
  top: inherit;
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.7));
}

.news-card .card-title {
  margin: 0;
}

.news-card .badge-bottom-wrapper .badge {
  position: absolute;
  bottom: 0px;
}

.news-card .read-more {
  position: absolute;
  bottom: -0.9rem;
  right: 0.8rem;
  color: #ffffff;
  font-size: 0.8rem;
  text-transform: uppercase;
  padding: 0.2rem 1rem;
  background-color: #d01737;
}

.video-card {
  position: relative;
}

figure.video:after,
.video-card:after {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 3rem;
  position: absolute;
  content: "";
  color: white;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-shadow: 1px 1px 1px #000000;
  /*border-radius: 50%;
  background-color: rgba(0,0,0,0.5);*/
}

/* = SECTION NEWS
-------------------------------------------------- */
.news header {
  border-bottom: 5px solid #d01737;
}

.news .nav {
  position: relative;
  bottom: 0px;
}

.news ul.nav li,
.news .nav-item {
  padding-bottom: 0;
}

.news .nav-link {
  color: #666666;
  font-size: 0.8rem;
  text-transform: uppercase;
  padding: 0.1em 0.5em 0em 0.5em;
  border-top: 1px solid #dee2e6;
  border-right: 1px solid #dee2e6;
}

.news .nav-item:first-child .nav-link {
  border-left: 1px solid #dee2e6;
}

.news .nav-item:hover .nav-link,
.news .nav-tabs .nav-link.active {
  color: #ffffff;
  background-color: #1c1c1c;
  border-color: #1c1c1c;
}

.news h1 {
  margin: 0;
  line-height: 1.5;
}

.news ul.list {
  padding-left: 1.5rem;
  font-size: 0.8rem;
}

.news ul.list li {
  color: #d01737;
  line-height: 1.2rem;
  padding-bottom: 0.5rem;
}

/* = MOST READED
-------------------------------------------------- */
.most-readed ul.nav li:after {
  content: "/";
  font-size: 80%;
  position: relative;
  top: -1px;
  display: inline-block;
  padding: 0 0.5em;
}

.most-readed ul.nav li:last-child:after {
  content: "";
}

.most-readed ul.nav li a.active {
  color: #d01737;
  font-weight: bold;
}

.most-readed .top-ten ol {
  padding-left: 1.5rem;
  font-size: 0.8rem;
}

.most-readed .top-ten ol li {
  line-height: 1.2rem;
  padding-bottom: 0.5rem;
}

.most-readed .top-ten ol:first-child li:first-child {
  font-weight: bold;
}

/* = SOCIAL MEDIA
-------------------------------------------------- */
.social-media-button {
  color: #ffffff;
  font-size: 0.8rem;
  padding: 0.2rem;
  margin-bottom: 0.5rem;
  background-color: #1c1c1c;
}

.social-media-button .icon {
  float: left;
  padding: 0 0.5rem;
  border-right: 1px solid #495057;
}

.social-media-button .body {
  float: left;
  padding: 0 0.5rem;
}

.social-media-button .button {
  float: right;
  padding: 0 0.5rem;
  border-left: 1px solid #495057;
}

.social-media-button .button a {
  color: #ffffff;
  text-transform: uppercase;
}

/* = NEWSLETTER
-------------------------------------------------- */
.newsletter {
  color: #ffffff;
  background-color: #666666;
}

/* = FOOTER
-------------------------------------------------- */
footer a.social-media i {
  display: inline-block;
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  padding-top: 0.2rem;
  margin-left: 0.5rem;
  color: #ffffff;
  font-size: 1rem;
  border: 1px solid #ffffff;
}

/* = SANDWICH NAVIGATION
-------------------------------------------------- */
.nav-ham {
  display: inline-block;
  cursor: pointer;
}

.bar1, .bar2, .bar3 {
  width: 30px;
  height: 3px;
  background-color: #333;
  margin: 6px 0;
  transition: 0.4s;
}

.change .bar1 {
  -webkit-transform: translate(0px, 9px) rotate(45deg);
  transform: translate(0px, 9px) rotate(45deg);
}

.change .bar2 {
  opacity: 0;
}

.change .bar3 {
  -webkit-transform: translate(0px, -9px) rotate(-45deg);
  transform: translate(0px, -9px) rotate(-45deg);
}

/* = NAVIGATION SEARCH
------------------------------------------------------ */
.nav-search {
  background-color: #d01737;
}

.nav-search input {
  background-color: #d01737;
  width: calc(100% - 50px) !important;
}

.nav-search input::placeholder {
  color: #fff;
}

.nav-search input:focus {
  background-color: #d01737;
  color: #fff;
}

/* = ARTICLE DETAIL
------------------------------------------------------ */
.article h1 {
  font-size: 1.8em;
  font-weight: bold;
  padding-bottom: 0.5rem;
}

.article h2 {
  font-size: 1.5em;
  font-weight: bold;
  padding-bottom: 0.5rem;
}

.article h3 {
  font-size: 1.2em;
  font-weight: bold;
  padding-bottom: 0.5rem;
}

.article h4 {
  font-size: 1em;
  font-weight: bold;
  padding-bottom: 0.5rem;
}

.article blockquote {
  margin-left: 1.2em;
  margin-bottom: 0.5rem;
  padding: 1em;
  border-left: 5px solid #dee2e6;
}

.article table {
  margin-bottom: 1.2em;
  border-left: 1px solid #dee2e6;
  border-top: 1px solid #dee2e6;
}

.article table th, td {
  padding: 0.5em;
  text-align: left;
  border-right: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
}

.article .gallery {
  display: block;
}

.article .gallery figure {
  position: relative;
}

.article .gallery figure figcaption {
  position: absolute;
  bottom: 0px;
  width: 100%;
  padding: 0;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.7);
}

.article .soundcloud-links {
  font-size: 10px;
  color: #cccccc;
  line-break: anywhere;
  word-break: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: Interstate, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Garuda, Verdana, Tahoma, sans-serif;
  font-weight: 100;
}

.article .soundcloud-links a,
.article .soundcloud-links a:hover {
  color: #cccccc;
  text-decoration: none;
}

.article p a {
  color: #d01737;
}

.answer {
  position: relative;
  padding-left: 3rem;
}

.answer:before {
  font-family: "Font Awesome 5 Free";
  position: absolute;
  width: 1rem;
  height: 1rem;
  left: 0rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 96;
  font-size: 2rem;
  line-height: 1rem;
}

.wrong:before {
  content: "";
  color: #d01737;
}

.correct:before {
  content: "";
  color: #28a745;
}

.time-left:before {
  content: "";
  color: #d01737;
}

div.video-wrapper div.player {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

div.video-wrapper div.player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.poll-image a.image {
  display: block;
  position: relative;
  overflow: hidden;
}

.poll-image a.image img {
  position: relative;
}

.poll-image a.image span.percentage {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #ffffff;
  padding: 0.5rem;
  background-color: rgba(0, 0, 0, 0.7);
}

.google-maps iframe {
  width: 100%;
}

.space-up-down {
  margin: 1em 0 1em 0;
}

/*------------------Login Box--------------------*/
.container-login {
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.6);
  display: none;
}

.box-login {
  background-color: #1c1c1c;
  position: relative;
}

.content-login {
  height: 340px;
  width: 80%;
  top: 20px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: #ffffff;
}

.content-login span {
  font-size: 80%;
}

.box-login .close_element {
  color: #d01737;
  position: absolute;
  right: 15px;
  top: 15px;
  font-size: 30px;
  cursor: pointer;
}

.input-login {
  display: block;
  width: 100%;
  background: transparent;
  padding: 0 5px;
  color: #ffffff;
  outline: none;
  border-right: none;
  border-top: none;
  border-left: none;
  border-bottom: 2px solid #666666;
  padding: 6px 0px;
}

.href-login {
  color: #666666;
}

.href-login:hover {
  color: #ffffff;
}

.span-login {
  color: #666666;
}

.content-login .fa-user {
  width: 100%;
  margin-bottom: 20px;
  font-size: 50px;
}

@media (min-width: 992px) {
  .box-login {
    width: 500px;
    height: 380px;
  }
}
@media (max-width: 992px) {
  .box-login {
    width: 100%;
    height: 100%;
    padding-top: 10%;
  }
}
/*--------------Social section in article------------*/
@media (min-width: 992px) {
  .social_section {
    width: 90%;
  }

  .social_button {
    width: 48%;
  }

  .article_forum {
    float: right;
  }

  .share_facebook {
    float: left;
  }
}
@media (max-width: 992px) {
  .social_section {
    width: 100%;
  }

  .social_button {
    width: 100%;
    margin-top: 10px;
  }
}
.clear_float {
  clear: both;
}

.social_section {
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}

.social_button {
  height: 50px;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  border: none;
}

.social_button div {
  float: left;
  line-height: 36px;
}

.social_button div:nth-child(1) {
  width: 20%;
  font-size: 20px;
}

.social_button div:nth-child(2) {
  width: 60%;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.social_button div:nth-child(3) {
  width: 20%;
}

.share_facebook {
  background-color: #3c5a99;
}

.article_forum {
  background-color: #d01737;
}

.rec-article {
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
}

.header-mobile-top-offset {
  margin-bottom: 0px;
}

article.col-sm-6 {
/*  padding-bottom: 20px;*/
  padding-bottom: 15px;
} 

/*Mobile fixed nav*/
@media (max-width: 992px) {
  .fixed-top-own {
    top: 0px;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
  }

  .mobile-scroll {
    max-height: 80vh;
    overflow: scroll;
  }

  .header-mobile-top-offset {
    margin-bottom: 100px;
  }
/*  article.col-sm-6 {
    padding-bottom: 15px;
  } */
}
/* Helper classes */
.z-1 {
  z-index: 1;
}

.z-2 {
  z-index: 2;
}

.z-3 {
  z-index: 3;
}

.z-4 {
  z-index: 4;
}

.z-5 {
  z-index: 5;
}

.z-6 {
  z-index: 6;
}

.mt-20-perc {
  margin-top: 20% !important;
}

/*TASR short news*/
.tasr_icon {
  font-size: 0.5rem;
  vertical-align: middle;
}

.tasr_header {
  font-size: 0.8rem;
  line-height: 1rem;
  /*max-height: 3rem;
  height: 3rem;*/
  overflow: hidden;
}

.tasr_body {
  font-size: 0.8rem;
  line-height: 1rem;
  max-height: 3rem;
  overflow: hidden;
}

.hot-news-left {
  top: 0;
  height: 100%;
  width: 5%;
  background-image: linear-gradient(to right, white, rgba(255, 255, 255, 0));
  cursor: pointer;
}

.hot-news-right {
  top: 0;
  height: 100%;
  width: 5%;
  left: 95%;
  background-image: linear-gradient(to left, white, rgba(255, 255, 255, 0));
  cursor: pointer;
}

.hot-news-down {
  background-image: linear-gradient(to top, white, rgba(255, 255, 255, 0));
  cursor: pointer;
  height: 100px;
  top: -70px;
}

@media (max-width: 992px) {
  .border_tasr {
    border-bottom: 1px solid #dee2e6;
    border-right: 0px !important;
  }

  .hot-news-scrollbar {
    height: 400px;
  }

  .tasr_header {
    /*max-height: 1rem !important;*?
    }
    .tasr_body{
      /*max-height: 1rem !important;*/
  }
}
@media (min-width: 992px) {
  .hot-news-scrollbar {
    height: auto !important;
  }
}
.tasr_ul {
  font-size: 0.8rem;
}

.border_tasr {
  border-right: 1px solid #dee2e6;
}

.update_select_news {
  background-color: white;
  color: black;
  font-weight: bold;
  font-size: small;
  position: absolute;
  bottom: 18px;
}

@media (min-width: 576px) {
 .i_flex{
    display: flex !important;
    width: 100% !important;
    height: 100% !important;
/*    align-items: center;*/
    justify-content: center;
  }
  .header_source {
      display: none;
      visibility: hidden;
  }
}

.mobile_position_div {
  width: 100%;
  height: 65px;
}

@media (max-width: 576px) {
  #mobile_dnes_logo {
/*    height: 1.6rem !important;*/
  height: 26px;
  width: 66px;
  }

  .mobile_position_div {
    height: 23px !important;
  }
  .header_source {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 2px 10px;
    background-color: #3e3e3e;
    color: #ddd;
    width: 100%;
  }

  h2.h6 {
    font-size: 1rem
  }
 
  .hs1 {
    font-size: 12px;
  }

  .hs2 {
    font-size: 11px;
  }

  .hs3 {
    font-size: 10px;
  }
}