body{
    background-color: #eee;
    font-family: 'Montserrat', sans-serif;
    color: #36393F;
    font-size: 14px;
}

.page {
    width: 100%;
    max-width: 900px;
    margin: auto;
    background-color: #E2E2E5;
    padding: 0 0 120px 0;
}

.swiper-slide {
    width: auto;
}

.divider{
    background-color: #D0D0D8;
    width: 100%;
    height: 10px;
}

.fixed-center{
    width: 500px;
    left: 50%;
    transform: translate(-50%);
}

.bg-gradient-violet{
    background: linear-gradient(92.63deg, #300093 0%, #173e40 100%) !important;
}
.bg-gradient-blue{
    background: linear-gradient(90deg, #286BA2 0%, #5933DE 100%);
}
.bg-gradient-red{
    background: linear-gradient(92.63deg, #D62813 0%, #630809 100%) !important;
}
.bg-gradient-blue2{
    background: linear-gradient(92.63deg, #50BFF6 0%, #4D51DA 100%);
}
.bg-gradient-yellow{
    background: linear-gradient(92.63deg, #C98912 0%, #8E6101 100%);
}
.bg-gradient-blue3{
    background: linear-gradient(180deg, rgba(0, 176, 232, 0.1) 0%, rgba(58, 175, 241, 0.1) 100%);
}
.bg-gradient-grey{
    background: linear-gradient(180deg, rgba(40, 106, 162, 0.1) 0%, rgba(87, 52, 220, 0.1) 100%);
}
.bg-gradient-black{
    background: linear-gradient(90deg, #3C3D42 0%, #27282D 100%);
}
.bg-gradient-brown{
    background: linear-gradient(180deg, #C97357 0%, #532C06 100%);
}
.bg-gradient-green{
    background: linear-gradient(90deg, #9FEA93 0%, #2B8627 100%);
}
.bg-gradient-green2{
    background: linear-gradient(90deg, #26741a 0%, #2B8627 100%)
}
.bg-gradient-fuchsia{
    background: linear-gradient(92.63deg, #c91288 0%, #5e0f42 100%)
}
.bg-transparent-black{
    background: rgba(0, 0, 0, 0.25);
}
.bg-spark{
    background-image: url('/assets/images/ornaments/bg-spark.svg');
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}
.table td, .table th{
    border: 1px solid #000;
    padding: 5px;
    font-weight: bold;
    color: #000;
    font-size: 16px;
}
.table-rounded {
    border-collapse: separate;
    border-spacing: 0;
    min-width: 350px;
}
.table-rounded tr:first-child th:first-child {
    border-top-left-radius: 6px;
}
.table-rounded tr:first-child th:last-child {
    border-top-right-radius: 6px;
}
.table-rounded tr:last-child td:first-child {
    border-bottom-left-radius: 6px;
}
.table-rounded tr:last-child td:last-child {
    border-bottom-right-radius: 6px;
}
.table-secondary td, .table-secondary th{
    color: #2E417D;
}
.table-bold td{
    font-weight: bold;
}
.table-striped tr:nth-child(even) {
background-color: #f2f2f2;
}
.bg-website{
    background-image: url("/assets/images/ornaments/bg-website.svg");
    background-size: cover;
}

.percent {
  height: 27px;
  display: flex;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: .25rem;
  position: relative;
  z-index: 1;
  border-radius: 18px;
  width: 90%;
  margin: 0 auto;
}

.percent p {
  z-index: 15;
  position: absolute;
  text-align: center;
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  transform: translateY(14px);
  color: black;
}
    
.percent-bar {
  /* background-color: #ffc107; */
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  /* background-color: #007bff; */
  transition: width 0.6s ease;
  -webkit-animation: progress-bar-stripes 1s linear infinite;
  animation: progress-bar-stripes 1s linear infinite;
  /* animation: ; */
  z-index: 10;
}

.yellow {
  background-color: #ffc107;
}

.green {
  background-color: #28a745;
}

.red {
  background-color: #dc3545;
}

.bottom20{
    bottom:20%;
}

.fileBallRed{background:radial-gradient(circle at 65% 15%, white 1px, red 3%, darkred 60%, crimson 100%)}
.fileBallBlack{background:radial-gradient(circle at 65% 15%, white 1px, #575757 3%, #303030 60%, #000000 100%)}
.fileBallGray{background:radial-gradient(circle at 65% 15%, white 1px, #575757 3%, #939393 60%, #000000 100%) !important; }
.fileBallGreen{background:radial-gradient(circle at 65% 15%, white 1px, #4fcf1d 3%, #2c9303 60%, #000000 100%) !important; }
.fileBallYellow{background:radial-gradient(circle at 65% 15%, white 1px, #f1b137 3%, #996d04 60%, #dcbd14 100%)}
.fileBallBlue{background:radial-gradient(circle at 65% 15%, white 1px, #009fff 3%, #040d99 60%, #1480dc 100%)}

.blink {
  animation: blinker 1.5s linear infinite;
}

@media (max-width: 576px) {
  .textMenuFooter{
      font-size:10px;
  }
}

@keyframes blinker {
  50% {
    opacity: 30%;
  }
}