body {
  font-size: 0.9rem;
}
.box {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;

  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%), 0 1px 2px 0 rgb(0 0 0 / 6%);
  border-radius: 0.375rem;
}

.sidebar-dark .nav-item.active .nav-link {
  background: #4e73df;
}

.shadow {
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%), 0 1px 2px 0 rgb(0 0 0 / 6%) !important;
}

.table-bordered td,
.table-bordered th {
  border: 0;
}

.box .box-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: #f8f9fc;
  border-bottom: 1px solid #e3e6f0;
  border-radius: calc(0.35rem - 1px) calc(0.35rem - 1px) 0 0;
}

.box .box-body {
  flex: 1 1 auto;
  padding: 1.25rem;
}

.content-header h1 {
  color: #363636 !important;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 25px;
}

.content-header h1 .btn {
  margin-top: -8px;
}

.btn.btn-xs {
  padding: 0.15rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgb(243, 244, 247);
}

.upfilelabel {
  cursor: pointer;
}

.upfilelabel i {
  font-size: 34px;
}

.custom-switch label {
  font-size: 16px;
}

.custom-control-input:checked ~ .custom-control-label::before {
  background-color: #1cc88a;
  border-color: #1cc88a;
}

table.table-bordered.dataTable tbody th,
table.table-bordered.dataTable tbody td {
  vertical-align: middle;
}

.table-bordered td,
.table-bordered th {
  vertical-align: middle;
}

.login-form-admin .alert {
  border-radius: 10rem;
}

.text-after-login-form a {
  color: #fff;
}

.bg-gradient-login {
  background: #4e73df;
  background: linear-gradient(
    130deg,
    rgb(128 192 255) 0%,
    rgb(223 153 153) 50%,
    rgb(237 241 202) 100%
  );
}

.bg-gradient-login h1 i {
  color: #9c818a;
}

.custom-switch .custom-control-label::before {
  box-shadow: 0 0 0 !important;
}

.comment-order {
  background: #f3f4f7;
  padding: 10px;
  border-radius: 5px;
}

.atributes-product {
}

.atributes-product .box-group {
  margin: 20px 0;
}

.atributes-product .panel {
  box-shadow: 0 0 0 !important;
  /* border: 0; */
  margin: 0 0 6px 0;
}

.atributes-product .box-header {
  padding: 4px 20px;
}

.atributes-product .box-header h4 {
}

.atributes-product .box-header h4 a {
  font-size: 16px;
  text-decoration: none;
  display: block;
  padding: 8px 0 0 0;
}

/* 2022 redesign */

#wrapper #content-wrapper {
  background-color: #f2f4f6;
}

.bg-gradient-primary {
  background-color: #252f3f;
  background-color: rgba(37, 47, 63, 1);
  background-image: none;
}

.sidebar-dark .sidebar-brand {
  background: #161c28;
}

.sidebar-dark .nav-item .nav-link {
  color: white;
}

.sidebar .nav-item .collapse,
.sidebar .nav-item .collapsing {
  margin: 0 0;
}

.sidebar .nav-item .collapse .collapse-inner,
.sidebar .nav-item .collapsing .collapse-inner {
  background-color: #344053 !important;
  border-radius: 0px !important;
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item {
  color: #e5e5e5;
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item.active,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item.active {
  color: white;
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item:hover,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item:hover {
  background-color: #313f52;
  color: white;
}
.sidebar .nav-item .collapse .collapse-inner .collapse-item.active,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item.active {
  background: #4e73df;
  background: #4b5c75;
}
.sidebar-dark hr.sidebar-divider {
  border: 0;
  margin: 0;
}

.sidebar .nav-item .nav-link[data-toggle="collapse"]::after {
  display: none;
}

.navbar-expand {
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%), 0 1px 2px 0 rgb(0 0 0 / 6%) !important;
}

.main-content-container {
  padding-top: 20px;
  width: 75%;
}

@media (max-width: 1920px) {
  .main-content-container {
    width: 85%;
  }
}

@media (max-width: 1600px) {
  .main-content-container {
    width: 95%;
  }
}

@media (max-width: 1400px) {
  .main-content-container {
    width: 99%;
  }
}

@media (max-width: 768px) {
  .sidebar .nav-item .collapse {
    left: calc(13rem / 2);
  }
}

.nav-tabs {
  padding-left: 20px;
  border: 0px;
}

.login-content h1 svg {
  position: relative;
  margin: 0 4px 0px 0;
  top: -2px;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


#startTestModal .modal-body {
  padding: 40px 70px;
}
#startTestModal h3 {
  color: black;
  opacity: 0;
  transition: opacity 1.2s ease;
  font-size: 1.25rem;
  line-height: 170%;
}
#startTestModal h3 span{
  font-size: 1.75rem;
}
#startTestModal h3.show {
  opacity: 1;
}
#startTestModal p {
  color: black;
  opacity: 0;
  visibility: hidden;
  transition: opacity 1.2s ease;
  border-bottom: 1px solid #e0e0e0;
  margin: 0;
  padding: 12px;
  text-align: left;
}
#startTestModal p span {
  float: right;
  color: green;
}
#startTestModal p span i {
  transition: all 1.2s ease;
  color: green;
  font-size: 22px;
  position: relative;
  top: -3px;
}
#startTestModal p span svg {
  color: grey;
  -webkit-animation: rotating 1s linear infinite;
  -moz-animation: rotating 1s linear infinite;
  -ms-animation: rotating 1s linear infinite;
  -o-animation: rotating 1s linear infinite;
  animation: rotating 1s linear infinite;
  width: 20px;
  height: 20px;
}
#startTestModal p.show {
  opacity: 1;
  visibility: visible;
}
#startTestModal p.finished {
  color: green;
  font-size: 20px;
  font-weight: bold;
  border: 0;
  text-align: center;
  margin-top: 20px;
}
#startTestModal p.finished a{
  text-decoration: underline;
  font-size: 14px;
  font-weight: normal;
}
#startTestModal img {
  margin: 12px 0;
  opacity: 0;
  transition: opacity 1.2s ease;
}
#startTestModal img.show {
  opacity: 1;
}






#testResultModal .modal-body {
  padding: 40px 70px;
}
#testResultModal h3 {
  color: black;
  line-height: 170%;
}
#testResultModal h4 {
  color: #4e73df;
  font-size: 20px;
  font-weight: 600;
  margin: 30px 0 10px 0;
  text-align: left;
  padding: 0 0 8px 0;
}

#testResultModal p {
  color: black;
}

.stav-red{
color: red;
}
.stav-red.stav-green{
  color: green;
}

#editModal h2{
  color: black;
    font-size: 25px;
    margin-top: 30px;
}
#editModal .history{}
#editModal .history .item{
  background: #f5f5f5;
  border-radius: 8px;
  padding: 10px;
  margin-top: 8px;
  color: #444444;
}
#editModal .history .item p{
margin-bottom: 0;
}
#editModal .history .item small{
  color: #848484;
}

td.stav-green{
  color: green;
}
td.stav-orange{
  color: orange;
  font-weight: bold;
}
td.stav-red{
  color: red;
  font-weight: bold;
}