@charset "UTF-8";
@import "https://fonts.googleapis.com/css?family=Roboto+Mono:100";
@import "https://fonts.googleapis.com/css?family=Roboto+Mono:100";
@font-face {
  font-family: "Lytiga Pro";
  src: url(../fonts/LytigaPro-Regular.otf);
}
@font-face {
  font-family: "Proxima Nova";
  src: url(../fonts/ProximaNova.otf);
}
/*Header*/
@-webkit-keyframes animdropdown {
  from {
    -webkit-transform: translate3d(0, 6px, 0);
    transform: translate3d(0, 6px, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes animdropdown {
  from {
    -webkit-transform: translate3d(0, 6px, 0);
    transform: translate3d(0, 6px, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes pulse-animation {
  from {
    transform: scale(1.2);
    opacity: 1;
  }
  to {
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes spinner-animation {
  from {
    transform: rotateZ(-360deg);
  }
  to {
    transform: rotateZ(0deg);
  }
}
/* Eventos */
/* Home config */
@media (max-width: calc(768px - 1px)) {
  :root {
    --layout: mobile;
  }
}
@media (min-width: 768px) {
  :root {
    --layout: desktop;
  }
}
html {
  width: 100%;
  height: 100%;
}

body {
  font-family: "Proxima Nova", monospace;
  font-weight: 400;
  background-color: #fff;
  background-attachment: fixed;
  letter-spacing: 0.1px;
  font-size: 14px;
  overflow-x: hidden;
  position: relative;
}

h1 {
  font-weight: 300;
  font-family: "Proxima Nova", sans-serif;
}

h2 {
  font-weight: 300;
  font-family: "Proxima Nova", sans-serif;
}

h3 {
  font-weight: 300;
  font-family: "Proxima Nova", sans-serif;
}

h4 {
  font-weight: 300;
  font-family: "Proxima Nova", sans-serif;
}

h5 {
  font-weight: 300;
  font-family: "Proxima Nova", sans-serif;
  font-size: 1rem;
  line-height: 1em;
}

h6 {
  font-weight: 300;
  font-family: "Proxima Nova", sans-serif;
}

.h1 {
  font-weight: 300;
  font-family: "Proxima Nova", sans-serif;
}

.h2 {
  font-weight: 300;
  font-family: "Proxima Nova", sans-serif;
}

.h3 {
  font-weight: 300;
  font-family: "Proxima Nova", sans-serif;
}

.h4 {
  font-weight: 300;
  font-family: "Proxima Nova", sans-serif;
}

.h5 {
  font-weight: 300;
  font-family: "Proxima Nova", sans-serif;
}

.h6 {
  font-weight: 300;
  font-family: "Proxima Nova", sans-serif;
}

div[page] {
  display: none;
}

t {
  pointer-events: none;
}

.emoji {
  height: 1em;
}

a {
  text-decoration: none;
  color: #c04848;
}
a:hover {
  text-decoration: none;
}

.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #7f4dd6;
  outline: 0;
  box-shadow: none;
}

.btn-check:focus + .btn-outline-dark,
.btn-outline-dark:focus {
  box-shadow: none;
}

.btn-check:focus + .btn,
.btn:focus {
  outline: 0;
  box-shadow: none;
}

.form-check-input {
  cursor: pointer;
}
.form-check-input:focus {
  outline: 0;
  box-shadow: none;
}

.wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}

.w-0 {
  width: 0;
}

.top-header {
  width: auto;
  height: 3.5em;
  line-height: 3.5em;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 15;
  border-bottom: 1px solid #e4e4e4;
  box-shadow: none;
  overflow: inherit;
}
.top-header .navbar {
  padding: 0 1.5rem;
  background: transparent;
}
.top-header .navbar .dropdown-menu {
  -webkit-animation: 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 animdropdown;
  animation: 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 animdropdown;
}
.top-header .navbar .dropdown-menu::after {
  content: "";
  width: 13px;
  height: 13px;
  background: #ffff;
  position: absolute;
  top: -6px;
  right: 28px;
  transform: rotate(45deg);
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.top-header .navbar .dropdown-lg .dropdown-menu::after {
  content: "";
  width: 13px;
  height: 13px;
  background: #c04848;
  position: absolute;
  top: -6px;
  right: 28px;
  transform: rotate(45deg);
  border-top: 1px solid #c04848;
  border-left: 1px solid #c04848;
}

.sticky-top-header {
  background: #fff;
  border-bottom: 0px solid #e4e4e4;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.toggle-btn {
  margin-right: 10px;
  font-size: 28px;
  color: #404142;
  width: 45px;
  height: 45px;
  line-height: 45px;
  background: transparent;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  outline: none;
}
.toggle-btn:hover {
  color: #404142;
}
.toggle-btn:active {
  color: #404142;
  background: #f1f1f1;
}

.logo-icon {
  width: 145px;
}

.logo-icon-2 {
  height: 3em;
  margin-left: 10px;
  margin-right: 20px;
}

.logo-text {
  color: #404142;
  font-size: 25px;
  margin-bottom: 0;
  margin-left: 10px;
}

.left-topbar {
  width: auto;
  height: 3.5em;
  float: left;
  background: transparent;
}

.right-topbar {
  width: auto;
  height: 3.5em;
}
.right-topbar .navbar-nav .nav-link {
  padding: 0rem 1.4rem;
  border-left: 1px solid #e4e4e4;
  color: #404142;
  font-size: 25px;
}

.sidebar-header {
  width: auto;
  display: flex;
  align-items: center;
  padding: 0px 0px 0px 0px;
  height: 3.5em;
  background: rgba(26, 30, 33, 0);
  border-right: 0px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  z-index: 1;
  transition: all 0.2s ease-out;
}

.search-bar {
  padding: 0 1.5rem;
}
.search-bar .btn-search-back {
  background: #ffffff;
  border: 1px solid #eaeaea;
  padding: 0 14px;
  border-radius: 0px;
  height: calc(1.6em + 0.75rem + 2px);
}
.search-bar .btn-search-back i {
  font-size: 20px;
  color: #727171;
}
.search-bar .btn-search {
  background: #ffffff;
  border: 1px solid #eaeaea;
  padding: 0 25px;
  border-radius: 0px;
  height: calc(1.6em + .75rem + 2px);
}
.search-bar .btn-search i {
  font-size: 16px;
  color: #727171;
}
.search-bar input {
  height: calc(1.6em + .75rem + 2px);
  border: 0;
  border: 1px solid #eaeaea;
  width: 100%;
  border-radius: 2px;
}

.search-arrow-back {
  display: none;
}

.search-btn-mobile {
  display: none;
}

.dropdown-toggle-nocaret:after {
  display: none;
}

.user-box {
  height: 2em;
  line-height: 1.2;
}

.user-info {
  text-align: right;
  margin-right: 15px;
}
.user-info .user-name {
  font-size: 16px;
  font-weight: 500;
}
.user-info .designattion {
  font-size: 14px;
  color: #a9a8a8;
}

.user-img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #e5e5e5;
  padding: 3px;
}
.user-img img {
  border-radius: 10%;
}

.line-height-1em {
  line-height: 1em;
}

.msg-count {
  position: absolute;
  left: 36px;
  top: 19px;
  font-size: 11px;
  font-weight: 500;
  width: 17px;
  height: 17px;
  text-align: center;
  border-radius: 50%;
  z-index: 5;
  padding: 0;
  color: #fff;
  background-color: #c04848;
  display: flex;
  justify-content: center;
  align-items: center;
}

.lang i {
  font-size: 18px !important;
}
.lang span {
  font-size: 18px !important;
  padding-left: 6px;
}

.dropdown-menu {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  line-height: initial;
  border: 0px solid #e9ecef;
  margin: 0;
  font-size: 14px;
  border-radius: 15px;
}

.chat-content {
  padding: 1em;
  position: relative;
  width: auto;
  height: calc(100% - 70px);
  overflow-y: scroll;
}
.chat-content table {
  width: 100%;
}
.chat-content table tr:not(:last-child) {
  border-bottom: 1px solid #e9ecef;
}

.dropdown-lg {
  position: relative;
}
.dropdown-lg .dropdown-menu {
  width: 600px;
  max-width: 100vw;
  padding: 0px;
  margin: 0;
  border: 0;
}
.dropdown-lg .dropdown-menu .dropdown-item {
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #ededed;
}
.dropdown-lg .user-online {
  position: relative;
}
.dropdown-lg .user-online:after {
  content: "";
  position: absolute;
  bottom: 1px;
  right: 17px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #fff;
  background: #16e15e;
}
.dropdown-lg .msg-avatar {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  margin-right: 15px;
}
.dropdown-lg .msg-name {
  font-size: 14px;
  margin-bottom: 0;
}
.dropdown-lg .msg-info {
  font-size: 13px;
  margin-bottom: 0;
}
.dropdown-lg .msg-time {
  font-size: 12px;
  margin-bottom: 0;
  color: #919191;
}
.dropdown-lg .msg-header {
  padding: 0.5rem 1rem;
  color: #fff;
  border-bottom: 0px solid #ededed;
  background: #c04848;
  text-align: center;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.dropdown-lg .msg-header .msg-header-title {
  font-size: 20px;
  margin-bottom: 0;
}
.dropdown-lg .msg-header .msg-header-subtitle {
  font-size: 14px;
  margin-bottom: 0;
}
.dropdown-lg .msg-footer {
  padding: 0.72rem 1.2rem;
  color: #c04848;
  border-top: 1px solid #ededed;
  background: transparent;
  font-size: 14px;
  font-weight: 500;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.dropdown-lg .notify {
  width: 45px;
  height: 45px;
  line-height: 45px;
  font-size: 22px;
  text-align: center;
  border-radius: 50%;
  margin-right: 15px;
}
.dropdown-lg .notify img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.dropdown-user-profile .dropdown-menu i {
  vertical-align: middle;
  margin-right: 10px;
}
.dropdown-user-profile .dropdown-menu span {
  vertical-align: middle;
}

.dropdown-language .dropdown-menu i {
  vertical-align: middle;
  margin-right: 10px;
  font-size: 14px;
}
.dropdown-language .dropdown-menu span {
  vertical-align: middle;
  font-size: 14px;
}

.header-notifications-list {
  position: relative;
}

.header-message-list {
  position: relative;
  height: 370px;
}

.dashboard-social-list {
  position: relative;
  height: 240px;
}

.dashboard-top-countries {
  position: relative;
  height: 322px;
}

[page] {
  position: relative;
  padding-bottom: 20px;
  width: 100%;
  overflow-x: hidden;
}

body:not(.page--login) .page-margin {
  height: 10em;
}

.page {
  display: none;
}

[quality-content] .event {
  cursor: pointer;
  padding: 1em 0.5em;
}
[quality-content] .event:hover {
  background-color: #fff;
}

.dropdown-divider {
  margin: 0;
}

.wrapper.toggled .nav-container {
  display: none;
}
.wrapper.toggled [page] {
  margin-top: 70px;
}
.wrapper.toggled .top-header {
  left: 0px;
}
.wrapper.toggled .footer {
  margin-left: 0px;
}

.mobile-topbar-header {
  display: none;
}

.lis-bg-light {
  background-color: #00000005;
  background-color: #f7f7f7;
}

.lis-light {
  color: #707070;
}

.price-table {
  -webkit-transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
}
.price-table sup {
  top: -1.5em;
  font-size: 1.25rem;
}
.price-table small {
  font-size: 1.25rem;
  font-size: 1.25rem;
}

.lis-brd-light {
  border-color: #dadada !important;
  border-color: #dadada !important;
}

.lis-rounded-top {
  border-top-right-radius: 30px;
  border-top-left-radius: 30px;
}

.lis-latter-spacing-2 {
  letter-spacing: 2px;
}

.lis-font-weight-500 {
  font-weight: 500;
}

sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
}

.lis-line-height-3 {
  line-height: 3 !important;
  line-height: 3 !important;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.lis-rounded-circle-50 {
  border-radius: 50px;
}

.lis-bg-primary {
  background-color: #c04848;
}

.price-table.active {
  transform: scale(1.045);
  -webkit-transform: scale(1.045);
}

.lis-rounded-bottom {
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
}

.nav-container {
  position: fixed;
  top: 3.5em;
  right: 0;
  left: 0;
  z-index: 1;
  border-bottom: 1px solid #e4e4e4;
  background-clip: border-box;
  background: #ffffff;
  width: 100%;
  height: 60px;
  padding: 0px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.topbar-nav {
  background: transparent;
  width: 100%;
}
.topbar-nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  background: transparent;
}
.topbar-nav .metismenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.topbar-nav .metismenu > li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}
.topbar-nav .metismenu a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: left;
  padding: 10px 15px;
  color: #5f5f5f;
  outline-width: 0;
  transition: all 0.3s ease-out;
}
.topbar-nav .metismenu a .parent-icon {
  font-size: 24px;
  line-height: 1;
  width: 34px;
  text-align: center;
}
.topbar-nav .metismenu a .menu-title {
  margin-left: 10px;
}
.topbar-nav .metismenu a:hover {
  color: #ffffff;
  text-decoration: none;
  background: #c04848;
}
.topbar-nav .metismenu a:focus {
  color: #ffffff;
  text-decoration: none;
  background: #c04848;
}
.topbar-nav .metismenu a:active {
  color: #ffffff;
  text-decoration: none;
  background: #c04848;
}
.topbar-nav .metismenu ul a {
  padding: 8px 15px 8px 15px;
  font-size: 15px;
  border: 0;
}

.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ffffff;
  border-top: 1px solid #cccbcb;
  padding: 8px 15px;
  font-size: 13px;
  text-align: center;
  margin-left: 0px;
  transition: all 0.3s ease-out;
  z-index: 10;
}

.p-tab-name {
  display: none !important;
}

input::placeholder {
  color: #000 !important;
  opacity: 0.3 !important;
}

.custom-file-label {
  font-size: 1rem;
}

.form-check-label {
  font-size: 1rem;
}

.form-text {
  font-size: 13px;
}

.form-check-input:checked {
  background-color: #c04848;
  border-color: #c04848;
}

.form-check-input[type=checkbox]:indeterminate {
  background-color: rgba(104, 58, 183, 0.5);
  border-color: rgba(104, 58, 183, 0.5);
}

.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(104, 58, 183, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(104, 58, 183, 0.25);
}
.form-range::-moz-range-thumb {
  background-color: #c04848;
}

.invalid-feedback {
  font-size: 100%;
  margin-top: 0.55rem;
}

.custom-control-label {
  font-size: 1rem;
}

.select2-container--bootstrap4 .select2-selection--single {
  font-size: 1rem;
}
@media screen and (max-width: 768px) {
  .select2-container--bootstrap4 .select2-selection--single {
    font-size: 0.8rem;
  }
}
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered {
  font-size: 1rem;
}
.select2-container--bootstrap4 .select2-dropdown {
  border-color: rgba(206, 212, 218, 0.55);
  border-radius: 0;
  box-shadow: 0 0.1rem 0.7rem rgba(0, 0, 0, 0.1);
}

.select2-sm .select2-container--bootstrap4 .select2-selection {
  height: calc(1.5em + .5rem + 2px);
  font-size: 0.875rem;
}

.g-r-left .select2-container--bootstrap4 .select2-selection {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.g-r-right .select2-container--bootstrap4 .select2-selection {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.scrollspy-1 {
  height: 200px;
  position: relative;
  overflow-y: scroll;
}

.scrollspy-2 {
  height: 200px;
  position: relative;
  overflow-y: scroll;
}

.chip {
  display: inline-block;
  height: 32px;
  padding: 0 12px;
  margin-right: 1rem;
  margin-bottom: 1rem;
  font-size: 14px;
  font-weight: 500;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.7);
  cursor: pointer;
  background-color: #f1f1f1;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 16px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  box-shadow: none;
}
.chip img {
  float: left;
  width: 32px;
  height: 32px;
  margin: 0 8px 0 -12px;
  border-radius: 50%;
}
.chip .closebtn {
  padding-left: 10px;
  font-weight: bold;
  float: right;
  font-size: 16px;
  cursor: pointer;
}

.chip.chip-md {
  height: 42px;
  line-height: 42px;
  border-radius: 21px;
}
.chip.chip-md img {
  height: 42px;
  width: 42px;
}

.chip.chip-lg {
  height: 52px;
  line-height: 52px;
  border-radius: 26px;
}
.chip.chip-lg img {
  height: 52px;
  width: 52px;
}

.card {
  box-shadow: unset;
  border: 0 none;
  border-radius: 0;
  margin-bottom: 1.5rem;
  position: relative;
  padding: 1em;
}
.card .toolbar {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1em;
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: solid 1px #bbb;
  user-select: none;
}
@media screen and (max-width: 800px) {
  .card .toolbar:not(.mobile-horizontal) {
    flex-direction: column;
    gap: 0;
  }
  .card .toolbar:not(.mobile-horizontal) h2 {
    margin: 0;
  }
  .card .toolbar:not(.mobile-horizontal) h3 {
    margin: 0;
  }
  .card .toolbar:not(.mobile-horizontal) h4 {
    margin: 0;
  }
  .card .toolbar:not(.mobile-horizontal) h5 {
    margin: 0;
  }
}
.card .card-body {
  position: relative;
  overflow: hidden;
  padding: 0;
  border: 0 none;
}
.card .card-header {
  background-color: transparent;
  font-size: 16px;
  text-transform: capitalize;
}
.card .card-group {
  margin-bottom: 30px;
  box-shadow: 0 0.1rem 0.7rem rgba(0, 0, 0, 0.1);
}
.card .card-group .card {
  box-shadow: none;
}
.card .metismenu-card .card-header {
  cursor: pointer;
}
.card .card-deck .card {
  margin-bottom: 30px;
}

.btn {
  text-transform: capitalize;
}
.btn i {
  vertical-align: middle;
  font-size: 1.3rem;
  margin-top: -1em;
  margin-bottom: -1em;
}

.btn-primary {
  color: #fff;
  background-color: #c04848;
  border-color: #c04848;
  color: #fff;
  background-color: #c04848;
  border-color: #c04848;
}
.btn-primary:hover {
  color: #fff;
  background-color: #5930a1;
  border-color: #5930a1;
}
.btn-primary:focus {
  color: #fff;
  background-color: #5930a1;
  border-color: #5930a1;
  box-shadow: 0 0 0 0.25rem rgba(89, 48, 161, 0.5);
}
.btn-primary:active {
  color: #fff;
  background-color: #5930a1;
  border-color: #5930a1;
}
.btn-primary:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(89, 48, 161, 0.5);
}
.btn-primary:disabled {
  color: #fff;
  background-color: #c04848;
  border-color: #c04848;
}

.btn-check:focus + .btn-primary {
  color: #fff;
  background-color: #5930a1;
  border-color: #5930a1;
  box-shadow: 0 0 0 0.25rem rgba(89, 48, 161, 0.5);
}
.btn-check:active + .btn-primary {
  color: #fff;
  background-color: #5930a1;
  border-color: #5930a1;
}
.btn-check:active + .btn-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(89, 48, 161, 0.5);
}
.btn-check:checked + .btn-primary {
  color: #fff;
  background-color: #5930a1;
  border-color: #5930a1;
}
.btn-check:checked + .btn-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(89, 48, 161, 0.5);
}
.btn-check:focus + .btn-success {
  color: #fff;
  background-color: #2c9b10;
  border-color: #2c9b10;
  box-shadow: 0 0 0 0.25rem rgba(44, 155, 16, 0.5);
}
.btn-check:active + .btn-success {
  color: #fff;
  background-color: #2c9b10;
  border-color: #2c9b10;
}
.btn-check:active + .btn-success:focus {
  box-shadow: 0 0 0 0.25rem rgba(44, 155, 16, 0.5);
}
.btn-check:checked + .btn-success {
  color: #fff;
  background-color: #2c9b10;
  border-color: #2c9b10;
}
.btn-check:checked + .btn-success:focus {
  box-shadow: 0 0 0 0.25rem rgba(44, 155, 16, 0.5);
}
.btn-check:focus + .btn-danger {
  color: #fff;
  background-color: #e42061;
  border-color: #e42061;
  box-shadow: 0 0 0 0.25rem rgba(228, 32, 97, 0.5);
}
.btn-check:active + .btn-danger {
  color: #fff;
  background-color: #e42061;
  border-color: #e42061;
}
.btn-check:active + .btn-danger:focus {
  box-shadow: 0 0 0 0.25rem rgba(228, 32, 97, 0.5);
}
.btn-check:checked + .btn-danger {
  color: #fff;
  background-color: #e42061;
  border-color: #e42061;
}
.btn-check:checked + .btn-danger:focus {
  box-shadow: 0 0 0 0.25rem rgba(228, 32, 97, 0.5);
}
.btn-check:focus + .btn-warning {
  color: #000;
  background-color: #f5c127;
  border-color: #f5c127;
  box-shadow: 0 0 0 0.25rem rgba(245, 194, 39, 0.5);
}
.btn-check:active + .btn-warning {
  color: #000;
  background-color: #f5c127;
  border-color: #f5c127;
}
.btn-check:active + .btn-warning:focus {
  box-shadow: 0 0 0 0.25rem rgba(245, 194, 39, 0.5);
}
.btn-check:checked + .btn-warning {
  color: #000;
  background-color: #f5c127;
  border-color: #f5c127;
}
.btn-check:checked + .btn-warning:focus {
  box-shadow: 0 0 0 0.25rem rgba(245, 194, 39, 0.5);
}
.btn-check:focus + .btn-info {
  color: #ffffff;
  background-color: #1684dd;
  border-color: #1684dd;
  box-shadow: 0 0 0 0.25rem rgba(22, 132, 221, 0.5);
}
.btn-check:active + .btn-info {
  color: #ffffff;
  background-color: #3dd5f3;
  border-color: #25cff2;
}
.btn-check:active + .btn-info:focus {
  box-shadow: 0 0 0 0.25rem rgba(22, 132, 221, 0.5);
}
.btn-check:checked + .btn-info {
  color: #ffffff;
  background-color: #3dd5f3;
  border-color: #25cff2;
}
.btn-check:checked + .btn-info:focus {
  box-shadow: 0 0 0 0.25rem rgba(22, 132, 221, 0.5);
}
.btn-check:focus + .btn-outline-primary {
  box-shadow: 0 0 0 0.25rem rgba(89, 48, 161, 0.5);
}
.btn-check:active + .btn-outline-primary {
  color: #fff;
  background-color: #c04848;
  border-color: #c04848;
}
.btn-check:active + .btn-outline-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(89, 48, 161, 0.5);
}
.btn-check:checked + .btn-outline-primary {
  color: #fff;
  background-color: #c04848;
  border-color: #c04848;
}
.btn-check:checked + .btn-outline-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(89, 48, 161, 0.5);
}
.btn-check:focus + .btn-outline-success {
  box-shadow: 0 0 0 0.25rem rgba(44, 155, 16, 0.5);
}
.btn-check:active + .btn-outline-success {
  color: #fff;
  background-color: #32ab13;
  border-color: #32ab13;
}
.btn-check:active + .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem rgba(44, 155, 16, 0.5);
}
.btn-check:checked + .btn-outline-success {
  color: #fff;
  background-color: #32ab13;
  border-color: #32ab13;
}
.btn-check:checked + .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem rgba(44, 155, 16, 0.5);
}
.btn-check:focus + .btn-outline-danger {
  box-shadow: 0 0 0 0.25rem rgba(228, 32, 97, 0.5);
}
.btn-check:active + .btn-outline-danger {
  color: #fff;
  background-color: #f02769;
  border-color: #f02769;
}
.btn-check:active + .btn-outline-danger:focus {
  box-shadow: 0 0 0 0.25rem rgba(228, 32, 97, 0.5);
}
.btn-check:checked + .btn-outline-danger {
  color: #fff;
  background-color: #f02769;
  border-color: #f02769;
}
.btn-check:checked + .btn-outline-danger:focus {
  box-shadow: 0 0 0 0.25rem rgba(228, 32, 97, 0.5);
}
.btn-check:focus + .btn-outline-info {
  box-shadow: 0 0 0 0.25rem rgba(22, 132, 221, 0.5);
}
.btn-check:active + .btn-outline-info {
  color: #000;
  background-color: #198fed;
  border-color: #198fed;
}
.btn-check:active + .btn-outline-info:focus {
  box-shadow: 0 0 0 0.25rem rgba(22, 132, 221, 0.5);
}
.btn-check:checked + .btn-outline-info {
  color: #000;
  background-color: #198fed;
  border-color: #198fed;
}
.btn-check:checked + .btn-outline-info:focus {
  box-shadow: 0 0 0 0.25rem rgba(22, 132, 221, 0.5);
}

.btn-primary.active {
  color: #fff;
  background-color: #5930a1;
  border-color: #5930a1;
}
.btn-primary.active:focus {
  box-shadow: 0 0 0 0.25rem rgba(89, 48, 161, 0.5);
}

.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #5930a1;
  border-color: #5930a1;
}
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(89, 48, 161, 0.5);
}
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #2c9b10;
  border-color: #2c9b10;
}
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(44, 155, 16, 0.5);
}
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #e42061;
  border-color: #e42061;
}
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(228, 32, 97, 0.5);
}
.show > .btn-warning.dropdown-toggle {
  color: #000;
  background-color: #f5c127;
  border-color: #f5c127;
}
.show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(245, 194, 39, 0.5);
}
.show > .btn-info.dropdown-toggle {
  color: #ffffff;
  background-color: #3dd5f3;
  border-color: #25cff2;
}
.show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(22, 132, 221, 0.5);
}

.btn-primary.disabled {
  color: #fff;
  background-color: #c04848;
  border-color: #c04848;
}

.btn-success {
  color: #fff;
  background-color: #32ab13;
  border-color: #32ab13;
}
.btn-success:hover {
  color: #fff;
  background-color: #2c9b10;
  border-color: #2c9b10;
}
.btn-success:focus {
  color: #fff;
  background-color: #2c9b10;
  border-color: #2c9b10;
  box-shadow: 0 0 0 0.25rem rgba(44, 155, 16, 0.5);
}
.btn-success:active {
  color: #fff;
  background-color: #2c9b10;
  border-color: #2c9b10;
}
.btn-success:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(44, 155, 16, 0.5);
}
.btn-success:disabled {
  color: #fff;
  background-color: #32ab13;
  border-color: #32ab13;
}

.btn-success.active {
  color: #fff;
  background-color: #2c9b10;
  border-color: #2c9b10;
}
.btn-success.active:focus {
  box-shadow: 0 0 0 0.25rem rgba(44, 155, 16, 0.5);
}

.btn-success.disabled {
  color: #fff;
  background-color: #32ab13;
  border-color: #32ab13;
}

.btn-danger {
  color: #fff;
  background-color: #f02769;
  border-color: #f02769;
}
.btn-danger:hover {
  color: #fff;
  background-color: #e42061;
  border-color: #e42061;
}
.btn-danger:focus {
  color: #fff;
  background-color: #e42061;
  border-color: #e42061;
  box-shadow: 0 0 0 0.25rem rgba(228, 32, 97, 0.5);
}
.btn-danger:active {
  color: #fff;
  background-color: #e42061;
  border-color: #e42061;
}
.btn-danger:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(228, 32, 97, 0.5);
}
.btn-danger:disabled {
  color: #fff;
  background-color: #e42061;
  border-color: #e42061;
}

.btn-danger.active {
  color: #fff;
  background-color: #e42061;
  border-color: #e42061;
}
.btn-danger.active:focus {
  box-shadow: 0 0 0 0.25rem rgba(228, 32, 97, 0.5);
}

.btn-danger.disabled {
  color: #fff;
  background-color: #e42061;
  border-color: #e42061;
}

.btn-warning {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:hover {
  color: #000;
  background-color: #f5c127;
  border-color: #f5c127;
}
.btn-warning:focus {
  color: #000;
  background-color: #f5c127;
  border-color: #f5c127;
  box-shadow: 0 0 0 0.25rem rgba(245, 194, 39, 0.5);
}
.btn-warning:active {
  color: #000;
  background-color: #f5c127;
  border-color: #f5c127;
}
.btn-warning:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(245, 194, 39, 0.5);
}
.btn-warning:disabled {
  color: #000;
  background-color: #f5c127;
  border-color: #f5c127;
}

.btn-warning.active {
  color: #000;
  background-color: #f5c127;
  border-color: #f5c127;
}
.btn-warning.active:focus {
  box-shadow: 0 0 0 0.25rem rgba(245, 194, 39, 0.5);
}

.btn-warning.disabled {
  color: #000;
  background-color: #f5c127;
  border-color: #f5c127;
}

.btn-info {
  color: #ffffff;
  background-color: #198fed;
  border-color: #198fed;
}
.btn-info:hover {
  color: #ffffff;
  background-color: #1684dd;
  border-color: #1684dd;
}
.btn-info:focus {
  color: #ffffff;
  background-color: #1684dd;
  border-color: #1684dd;
  box-shadow: 0 0 0 0.25rem rgba(22, 132, 221, 0.5);
}
.btn-info:active {
  color: #ffffff;
  background-color: #3dd5f3;
  border-color: #25cff2;
}
.btn-info:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(22, 132, 221, 0.5);
}
.btn-info:disabled {
  color: #ffffff;
  background-color: #198fed;
  border-color: #198fed;
}

.btn-info.active {
  color: #ffffff;
  background-color: #3dd5f3;
  border-color: #25cff2;
}
.btn-info.active:focus {
  box-shadow: 0 0 0 0.25rem rgba(22, 132, 221, 0.5);
}

.btn-info.disabled {
  color: #ffffff;
  background-color: #198fed;
  border-color: #198fed;
}

.btn-outline-primary {
  color: #c04848;
  border-color: #c04848;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #c04848;
  border-color: #c04848;
}
.btn-outline-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(89, 48, 161, 0.5);
}
.btn-outline-primary:active {
  color: #fff;
  background-color: #c04848;
  border-color: #c04848;
}
.btn-outline-primary:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(89, 48, 161, 0.5);
}
.btn-outline-primary:disabled {
  color: #c04848;
  background-color: transparent;
}

.btn-outline-primary.active {
  color: #fff;
  background-color: #c04848;
  border-color: #c04848;
}
.btn-outline-primary.active:focus {
  box-shadow: 0 0 0 0.25rem rgba(89, 48, 161, 0.5);
}

.btn-outline-primary.dropdown-toggle.show {
  color: #fff;
  background-color: #c04848;
  border-color: #c04848;
}
.btn-outline-primary.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(89, 48, 161, 0.5);
}

.btn-outline-primary.disabled {
  color: #c04848;
  background-color: transparent;
}

.btn-outline-success {
  color: #32ab13;
  border-color: #32ab13;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #32ab13;
  border-color: #32ab13;
}
.btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem rgba(44, 155, 16, 0.5);
}
.btn-outline-success:active {
  color: #fff;
  background-color: #32ab13;
  border-color: #32ab13;
}
.btn-outline-success:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(44, 155, 16, 0.5);
}
.btn-outline-success:disabled {
  color: #32ab13;
  background-color: transparent;
}

.btn-outline-success.active {
  color: #fff;
  background-color: #32ab13;
  border-color: #32ab13;
}
.btn-outline-success.active:focus {
  box-shadow: 0 0 0 0.25rem rgba(44, 155, 16, 0.5);
}

.btn-outline-success.dropdown-toggle.show {
  color: #fff;
  background-color: #32ab13;
  border-color: #32ab13;
}
.btn-outline-success.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(44, 155, 16, 0.5);
}

.btn-outline-success.disabled {
  color: #32ab13;
  background-color: transparent;
}

.btn-outline-danger {
  color: #f02769;
  border-color: #f02769;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #f02769;
  border-color: #f02769;
}
.btn-outline-danger:focus {
  box-shadow: 0 0 0 0.25rem rgba(228, 32, 97, 0.5);
}
.btn-outline-danger:active {
  color: #fff;
  background-color: #f02769;
  border-color: #f02769;
}
.btn-outline-danger:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(228, 32, 97, 0.5);
}
.btn-outline-danger:disabled {
  color: #f02769;
  background-color: transparent;
}

.btn-outline-danger.active {
  color: #fff;
  background-color: #f02769;
  border-color: #f02769;
}
.btn-outline-danger.active:focus {
  box-shadow: 0 0 0 0.25rem rgba(228, 32, 97, 0.5);
}

.btn-outline-danger.dropdown-toggle.show {
  color: #fff;
  background-color: #f02769;
  border-color: #f02769;
}
.btn-outline-danger.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(228, 32, 97, 0.5);
}

.btn-outline-danger.disabled {
  color: #f02769;
  background-color: transparent;
}

.btn-outline-info {
  color: #198fed;
  border-color: #198fed;
}
.btn-outline-info:hover {
  color: #000;
  background-color: #198fed;
  border-color: #198fed;
}
.btn-outline-info:focus {
  box-shadow: 0 0 0 0.25rem rgba(22, 132, 221, 0.5);
}
.btn-outline-info:active {
  color: #000;
  background-color: #198fed;
  border-color: #198fed;
}
.btn-outline-info:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(22, 132, 221, 0.5);
}
.btn-outline-info:disabled {
  color: #198fed;
  background-color: transparent;
}

.btn-outline-info.active {
  color: #000;
  background-color: #198fed;
  border-color: #198fed;
}
.btn-outline-info.active:focus {
  box-shadow: 0 0 0 0.25rem rgba(22, 132, 221, 0.5);
}

.btn-outline-info.dropdown-toggle.show {
  color: #000;
  background-color: #198fed;
  border-color: #198fed;
}
.btn-outline-info.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(22, 132, 221, 0.5);
}

.btn-outline-info.disabled {
  color: #198fed;
  background-color: transparent;
}

.btn.loading-icon {
  color: transparent;
  pointer-events: none;
  cursor: default;
}

.btn.loading-icon-w {
  color: transparent;
  pointer-events: none;
  cursor: default;
}

.accordion-button:not(.collapsed) {
  color: #c04848;
  background-color: rgba(103, 58, 183, 0.12);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.13);
}
.accordion-button:focus {
  border-color: #c04848;
  box-shadow: 0 0 0 0.25rem rgba(103, 58, 183, 0.25);
}

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

.nav-link {
  color: #c04848;
}

.page-link {
  color: #c04848;
}
.page-link:focus {
  z-index: 3;
  color: #c04848;
  background-color: #e9ecef;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(104, 58, 183, 0.5);
}

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

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

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

.btn-white {
  color: #212529;
  background-color: #ffffff;
  border-color: #ced4da;
}

.btn-light-primary {
  color: #c04848;
  background-color: rgba(103, 58, 183, 0.3);
  border-color: rgba(103, 58, 183, 0.3);
}

.btn-light-success {
  color: #32ab13;
  background-color: rgba(50, 171, 19, 0.3);
  border-color: rgba(50, 171, 19, 0.3);
}

.btn-light-danger {
  color: #f02769;
  background-color: rgba(240, 39, 105, 0.3);
  border-color: rgba(240, 39, 105, 0.3);
}

.btn-light-info {
  color: #198fed;
  background-color: rgba(25, 143, 237, 0.3);
  border-color: rgba(25, 143, 237, 0.3);
}

.btn-light-warning {
  color: #212529;
  background-color: rgba(255, 193, 7, 0.3);
  border-color: rgba(255, 193, 7, 0.3);
}

.btn-light-secondary {
  color: #5a7684;
  background-color: rgba(90, 118, 132, 0.3);
  border-color: rgba(90, 118, 132, 0.3);
}

.btn-light-dark {
  color: #343a40;
  background-color: rgba(52, 58, 64, 0.3);
  border-color: rgba(52, 58, 64, 0.3);
}

.btn-facebook {
  box-shadow: 0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12);
  background-color: #3b5998;
  border-color: #3b5998;
  color: #fff;
}
.btn-facebook:hover {
  color: #fff;
}
.btn-facebook:focus {
  box-shadow: 0 0 0 0.2rem rgba(59, 89, 152, 0.5);
}

.btn-twitter {
  box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12);
  background-color: #55acee;
  border-color: #55acee;
  color: #fff;
}
.btn-twitter:hover {
  color: #fff;
}
.btn-twitter:focus {
  box-shadow: 0 0 0 0.2rem rgba(85, 172, 238, 0.5);
}

.btn-linkedin {
  box-shadow: 0 2px 2px 0 rgba(9, 118, 180, 0.14), 0 3px 1px -2px rgba(9, 118, 180, 0.2), 0 1px 5px 0 rgba(9, 118, 180, 0.12);
  background-color: #0976b4;
  border-color: #0976b4;
  color: #fff;
}
.btn-linkedin:hover {
  color: #fff;
}
.btn-linkedin:focus {
  box-shadow: 0 0 0 0.2rem rgba(9, 118, 180, 0.5);
}

.btn-youtube {
  box-shadow: 0 2px 2px 0 rgba(229, 45, 39, 0.14), 0 3px 1px -2px rgba(229, 45, 39, 0.2), 0 1px 5px 0 rgba(229, 45, 39, 0.12);
  background-color: #e52d27;
  border-color: #e52d27;
  color: #fff;
}
.btn-youtube:hover {
  color: #fff;
}
.btn-youtube:focus {
  box-shadow: 0 0 0 0.2rem rgba(229, 45, 39, 0.5);
}

.btn-github {
  box-shadow: 0 2px 2px 0 rgba(51, 51, 51, 0.14), 0 3px 1px -2px rgba(51, 51, 51, 0.2), 0 1px 5px 0 rgba(51, 51, 51, 0.12);
  background-color: #333333;
  border-color: #333333;
  color: #fff;
}
.btn-github:hover {
  color: #fff;
}
.btn-github:focus {
  box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.5);
}

.btn-skype {
  box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12);
  background-color: #00aff0;
  border-color: #00aff0;
  color: #fff;
}
.btn-skype:hover {
  color: #fff;
}
.btn-skype:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 175, 240, 0.5);
}

.btn-pinterest {
  box-shadow: 0 2px 2px 0 rgba(204, 33, 39, 0.14), 0 3px 1px -2px rgba(204, 33, 39, 0.2), 0 1px 5px 0 rgba(204, 33, 39, 0.12);
  background-color: #cc2127;
  border-color: #cc2127;
  color: #fff;
}
.btn-pinterest:hover {
  color: #fff;
}
.btn-pinterest:focus {
  box-shadow: 0 0 0 0.2rem rgba(204, 33, 39, 0.5);
}

.btn-dribbble {
  box-shadow: 0 2px 2px 0 rgba(234, 76, 137, 0.14), 0 3px 1px -2px rgba(234, 76, 137, 0.2), 0 1px 5px 0 rgba(234, 76, 137, 0.12);
  background-color: #ea4c89;
  border-color: #ea4c89;
  color: #fff;
}
.btn-dribbble:hover {
  color: #fff;
}
.btn-dribbble:focus {
  box-shadow: 0 0 0 0.2rem rgba(234, 76, 137, 0.5);
}

.btn-group-round button:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.btn-group-round button:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

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

.bg-secondary {
  background-color: #5a7684 !important;
}

.bg-success {
  background-color: #32ab13 !important;
}

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

.bg-warning {
  background-color: #ffc107 !important;
}

.bg-info {
  background-color: #198fed !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

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

.bg-login-color {
  background-color: #5f4a99 !important;
}

.bg-rose {
  background-color: #ff007c !important;
}

.bg-voilet {
  background-color: #7d00b5 !important;
}

.bg-dribbble {
  background-color: #ea4c89 !important;
}

.bg-facebook {
  background-color: #3b5998 !important;
}

.bg-twitter {
  background-color: #55acee !important;
}

.bg-google {
  background-color: #e52d27 !important;
}

.bg-linkedin {
  background-color: #0976b4 !important;
}

.bg-youtube {
  background-color: #f8130b !important;
}

.bg-tumblr {
  background-color: #34526f !important;
}

.bg-vimeo {
  background-color: #86c9ef !important;
}

.bg-body {
  background-color: #f6f6f6 !important;
}

.bg-gray {
  background-color: #dee1e6 !important;
}

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

.bg-primary-blue {
  background-color: #265ed7 !important;
}

.bg-dark-blue {
  background-color: #0c1b7a !important;
}

.bg-shine-info {
  background-color: #54dee4 !important;
}

.bg-wall {
  background-color: #00cd98 !important;
}

.bg-sunset {
  background-color: #ff8b01 !important;
}

.bg-light-primary {
  background-color: rgba(103, 58, 183, 0.15) !important;
}

.bg-light-success {
  background-color: rgba(50, 171, 19, 0.15) !important;
}

.bg-light-danger {
  background-color: rgba(250, 146, 180, 0.15) !important;
}

.bg-light-warning {
  background-color: rgba(255, 193, 7, 0.15) !important;
}

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

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

.bg-light-shineblue {
  background-color: rgba(1, 215, 255, 0.15) !important;
}

.bg-light-cyne {
  background-color: rgba(0, 139, 139, 0.15) !important;
}

.bg-split-primary {
  background-color: #4f2894;
  border-color: #4f2894;
}

.bg-light-sinata {
  background-color: rgba(165, 43, 187, 0.15) !important;
}

.bg-light-mehandi {
  background: rgba(195, 240, 36, 0.26) !important;
}

.bg-gradient-danger {
  background-image: linear-gradient(to left, #ff758c 0%, #ff7eb3 100%);
}

.bg-gradient-voilet {
  background-image: linear-gradient(to left, #a18cd1 0%, #fbc2eb 100%);
}

.bg-gradient-success {
  background-image: linear-gradient(to left, #05ac9d 0%, #20cfbf 100%);
}

.bg-gradient-mehandi {
  background-image: linear-gradient(to right, #dbe287, #cac531);
}

.text-primary {
  color: #c04848;
}

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

.text-success {
  color: #32ab13 !important;
}

.text-facebook {
  color: #3b5998 !important;
}

.text-twitter {
  color: #55acee !important;
}

.text-youtube {
  color: #f8130b !important;
}

.text-linkedin {
  color: #0a66c2 !important;
}

.text-skype {
  color: #00aff0 !important;
}

.text-purple {
  color: #8280ff !important;
}

.text-shineblue {
  color: #01d7ff !important;
}

.text-cyne {
  color: #008b8b !important;
}

.text-primary-blue {
  color: #265ed7 !important;
}

.text-dark-blue {
  color: #0c1b7a !important;
}

.text-shine-info {
  color: #54dee4 !important;
}

.text-grey {
  color: #dee1e6 !important;
}

.text-red {
  color: #ff392b !important;
}

.text-sinata {
  color: #a52bbb !important;
}

.text-mehandi {
  color: #839838 !important;
}

.border-lg-top-primary {
  border-top: 4px solid #c04848;
}

.border-lg-top-info {
  border-top: 4px solid #198fed;
}

.border-lg-top-danger {
  border-top: 4px solid #f02769;
}

.icon-color-1 {
  color: #ff3030;
}

.icon-color-2 {
  color: #ff007c;
}

.icon-color-3 {
  color: #4CAF50;
}

.icon-color-4 {
  color: #ff8b01;
}

.icon-color-5 {
  color: #a400ed;
}

.icon-color-6 {
  color: #009688;
}

.icon-color-7 {
  color: #03A9F4;
}

.icon-color-8 {
  color: #c37458;
}

.icon-color-9 {
  color: #265ed7;
}

.icon-color-10 {
  color: #30d4e4;
}

.icon-color-11 {
  color: #ca9805;
}

.icon-color-12 {
  color: #a24f30;
}

.section-authentication-login {
  height: 100vh;
  margin: 0;
  padding: 0;
}

.section-authentication-register {
  height: 100%;
  padding: 1.5rem;
}

.authentication-forgot {
  height: 100vh;
  padding: 0 1rem;
}

.forgot-box {
  width: 27rem;
  border-radius: 30px;
}

.authentication-reset-password {
  height: 100vh;
  padding: 0 1rem;
}

.authentication-lock-screen {
  height: 100vh;
  padding: 0 1rem;
}

.error-404 {
  height: 100vh;
  padding: 0 1rem;
}

.login-card {
  border-right: 1px solid #dee2e6 !important;
}

.error-social a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  margin: 5px;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.profile-social a {
  display: inline-block;
  width: 33px;
  height: 33px;
  line-height: 33px;
  font-size: 15px;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  margin: 2px;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.bg-forgot {
  background-image: url(../images/login-images/bg-forgot-password.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.bg-lock-screen {
  background-image: url(../images/login-images/bg-lock-screen.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.bg-login {
  background-image: url(../images/login-images/bg-login-img.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.bg-register {
  background-image: url(../images/login-images/bg-register-img.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.bg-coming-soon {
  background-image: url(../images/login-images/bg-register-img.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.fm-wrapper {
  position: relative;
}

.fm-left-sidebar {
  background: #ffffff;
  width: 220px;
  height: 100%;
  position: fixed;
  padding: 10px;
  overflow-x: hidden;
  overflow-y: scroll;
}

.fm-body {
  background: white;
  width: 100%;
  height: 100%;
}

.fm-menu .list-group a {
  font-size: 16px;
  color: #5f5f5f;
  display: flex;
  align-items: center;
}
.fm-menu .list-group a i {
  font-size: 23px;
}
.fm-menu .list-group a:hover {
  background: #c04848;
  color: #ffffff;
  transition: all 0.2s ease-out;
}

.fm-icon-box {
  font-size: 32px;
  background: #ffffff;
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
}

.fm-file-box {
  font-size: 25px;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  position: relative;
  object-fit: cover;
}
.fm-file-box img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.fullcover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fullcontain {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.user-groups img {
  margin-left: -14px;
  border: 1px solid #e4e4e4;
  padding: 2px;
  cursor: pointer;
}

.user-plus {
  width: 33px;
  height: 33px;
  margin-left: -14px;
  line-height: 33px;
  background: #ffffff;
  border-radius: 50%;
  text-align: center;
  font-size: 22px;
  cursor: pointer;
  border: 1px dotted #a9b2bb;
  color: #404142;
}

.table-responsive {
  white-space: nowrap;
  overflow-y: hidden;
}

.table td {
  vertical-align: middle;
  color: #6d757b;
  position: relative;
  border: 0 none;
}
.table th {
  vertical-align: middle;
  color: #fff;
  border: 0 none;
  background-color: #888;
  font-weight: 100;
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow {
  right: 1em;
}

#invoice {
  padding: 0px;
}

.invoice {
  position: relative;
  background-color: #FFF;
  min-height: 680px;
  padding: 15px;
}
.invoice header {
  padding: 10px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #c04848;
}
.invoice .company-details {
  text-align: right;
}
.invoice .company-details .name {
  margin-top: 0;
  margin-bottom: 0;
}
.invoice .contacts {
  margin-bottom: 20px;
}
.invoice .invoice-to {
  text-align: left;
}
.invoice .invoice-to .to {
  margin-top: 0;
  margin-bottom: 0;
}
.invoice .invoice-details {
  text-align: right;
}
.invoice .invoice-details .invoice-id {
  margin-top: 0;
  color: #c04848;
}
.invoice main {
  padding-bottom: 50px;
}
.invoice main .thanks {
  margin-top: -100px;
  font-size: 2em;
  margin-bottom: 50px;
}
.invoice main .notices {
  padding-left: 6px;
  border-left: 6px solid #c04848;
  background: #e7f2ff;
  padding: 10px;
}
.invoice main .notices .notice {
  font-size: 1.2em;
}
.invoice table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 20px;
}
.invoice table td {
  padding: 15px;
  background: #eee;
  border-bottom: 1px solid #fff;
}
.invoice table td h3 {
  margin: 0;
  font-weight: 400;
  color: #c04848;
  font-size: 1.2em;
}
.invoice table th {
  padding: 15px;
  background: #eee;
  border-bottom: 1px solid #fff;
  white-space: nowrap;
  font-weight: 400;
  font-size: 16px;
}
.invoice table .qty {
  text-align: right;
  font-size: 1.2em;
}
.invoice table .total {
  text-align: right;
  font-size: 1.2em;
  background: #c04848;
  color: #fff;
}
.invoice table .unit {
  text-align: right;
  font-size: 1.2em;
  background: #ddd;
}
.invoice table .no {
  color: #fff;
  font-size: 1.6em;
  background: #c04848;
}
.invoice table tbody tr:last-child td {
  border: none;
}
.invoice table tfoot td {
  background: 0 0;
  border-bottom: none;
  white-space: nowrap;
  text-align: right;
  padding: 10px 20px;
  font-size: 1.2em;
  border-top: 1px solid #aaa;
}
.invoice table tfoot tr:first-child td {
  border-top: none;
}
.invoice table tfoot tr:last-child td {
  color: #c04848;
  font-size: 1.4em;
  border-top: 1px solid #c04848;
}
.invoice table tfoot tr td:first-child {
  border: none;
}
.invoice footer {
  width: 100%;
  text-align: center;
  color: #777;
  border-top: 1px solid #aaa;
  padding: 8px 0;
}

.main-row {
  height: 100vh;
}

.main-col {
  max-width: 500px;
  min-height: 300px;
}

.todo-done {
  text-decoration: line-through;
}

.chat-wrapper {
  width: auto;
  height: 600px;
  border-radius: 0.25rem;
  position: relative;
  background: #ffffff;
  box-shadow: 0 0.1rem 0.7rem rgba(0, 0, 0, 0.1);
}

.chat-sidebar {
  width: 340px;
  height: 100%;
  position: absolute;
  background: #ffffff;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
  overflow: hidden;
  border-right: 1px solid rgba(0, 0, 0, 0.125);
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.chat-sidebar-header {
  width: auto;
  height: auto;
  position: relative;
  background: #ffffff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  border-right: 0px solid rgba(0, 0, 0, 0.125);
  border-top-left-radius: 0.25rem;
  padding: 15px;
}
.chat-sidebar-header .chat-user-online:before {
  content: "";
  position: absolute;
  bottom: 7px;
  left: 40px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #fff;
  background: #16e15e;
}

.chat-sidebar-content {
  padding: 0px;
}

.chat-user-online {
  position: relative;
}

.chat-list {
  position: relative;
  height: 300px;
}
.chat-list .chat-user-online:before {
  content: "";
  position: absolute;
  bottom: 7px;
  left: 36px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #fff;
  background: #16e15e;
}
.chat-list .list-group-item {
  border: 1px solid rgba(0, 0, 0, 0);
  background-color: transparent;
}
.chat-list .list-group-item:hover {
  border: 1px solid rgba(0, 0, 0, 0);
  background-color: rgba(103, 58, 183, 0.15);
}
.chat-list .list-group-item.active {
  background-color: rgba(103, 58, 183, 0.15);
}

.chat-header {
  position: absolute;
  height: 70px;
  left: 340px;
  right: 0;
  top: 0;
  padding: 15px;
  background: #ffffff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  border-top-right-radius: 0.25rem;
  z-index: 1;
}

.chat-footer {
  height: 70px;
  padding: 15px;
  background: #f8f9fa;
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  border-bottom-right-radius: 0.25rem;
}

.chat-footer-menu .send-container {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  color: #6c757d;
  text-align: center;
  border-radius: 50%;
  margin: 3px;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.15);
  cursor: pointer;
}

.chat-tab-menu li a.nav-link {
  padding: 0.3rem 0.2rem;
  line-height: 1.2;
  color: #4a4b4c;
}
.chat-tab-menu .nav-pills .nav-link.active {
  color: #c04848;
  background-color: rgba(0, 123, 255, 0);
}
.chat-tab-menu .nav-pills .show > .nav-link {
  color: #c04848;
  background-color: rgba(0, 123, 255, 0);
}

.chat-title {
  font-size: 16px;
  color: #272b2f;
}

.chat-msg {
  font-size: 14px;
  color: #6c757d;
}

.chat-time {
  font-size: 13px;
  color: #6c757d;
}

.chart-online {
  color: #16e15e;
}

.chat-top-header-menu a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  color: #6c757d;
  text-align: center;
  border-radius: 50%;
  margin: 3px;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.chat-content-leftside .chat-left-msg {
  width: fit-content;
  background-color: #eff2f5;
  padding: 0.8rem;
  border-radius: 12px;
  max-width: 80%;
  text-align: left;
  border-top-left-radius: 0;
  min-width: 3;
}

.chat-content-rightside .chat-right-msg {
  width: fit-content;
  background-color: #dcedff;
  padding: 0.8rem;
  border-radius: 12px;
  float: right;
  max-width: 80%;
  text-align: left;
  border-bottom-right-radius: 0;
}

.chat-toggle-btn {
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin-right: 15px;
  text-align: center;
  font-size: 24px;
  color: #6c757d;
  border-radius: 50%;
  cursor: pointer;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.email-wrapper {
  width: auto;
  height: 600px;
  overflow: hidden;
  border-radius: 0.25rem;
  position: relative;
  background: #ffffff;
  box-shadow: 0 0.1rem 0.7rem rgba(0, 0, 0, 0.1);
}

.email-sidebar {
  width: 250px;
  height: 100%;
  position: absolute;
  background: #fff;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
  overflow: hidden;
  border-right: 1px solid rgba(0, 0, 0, 0.125);
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.email-sidebar-header {
  width: auto;
  height: auto;
  position: relative;
  background: #ffffff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  border-right: 0px solid rgba(0, 0, 0, 0.125);
  border-top-left-radius: 0.25rem;
  padding: 15px;
}

.email-navigation {
  position: relative;
  padding: 0px;
  height: 345px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.email-navigation a.list-group-item {
  color: #404142;
  padding: 0.35rem 1.25rem;
  background-color: white;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  transition: all 0.3s ease-out;
}
.email-navigation a.list-group-item:hover {
  background-color: rgba(103, 58, 183, 0.12);
}
.email-navigation a.list-group-item.active {
  color: #c04848;
  font-weight: 600;
  background-color: rgba(103, 58, 183, 0.12);
}

.email-header {
  position: absolute;
  height: 70px;
  left: 250px;
  right: 0;
  top: 0;
  padding: 15px;
  background: #ffffff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  border-top-right-radius: 0.25rem;
  z-index: 1;
}

.email-content {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  top: 70px;
  height: auto;
  margin-left: 250px;
  padding: 0;
  background: #ffffff;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.email-meeting {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.email-meeting a.list-group-item {
  color: #404142;
  padding: 0.35rem 1.25rem;
  background-color: white;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}
.email-meeting a.list-group-item:hover {
  background-color: rgba(0, 123, 255, 0.15);
  transition: all 0.3s ease-out;
}

.email-hangout .chat-user-online:before {
  content: "";
  position: absolute;
  bottom: 7px;
  left: 37px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #fff;
  background: #16e15e;
}

.email-toggle-btn {
  width: auto;
  height: auto;
  margin-right: 10px;
  text-align: center;
  font-size: 24px;
  color: #404142;
  border-radius: 0;
  cursor: pointer;
  background-color: white;
  border: 0px solid rgba(0, 0, 0, 0.15);
}

.email-actions {
  width: 230px;
}

.email-time {
  font-size: 13px;
  color: #6c757d;
}

.email-list {
  position: relative;
  height: 530px;
}
.email-list div.email-message {
  background: #ffffff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  color: #383a3c;
}
.email-list div.email-message:hover {
  transition: all 0.2s ease-out;
  background-color: #eceef1;
}

.email-star {
  color: #6c757d;
}

.email-read-box {
  position: relative;
  height: 530px;
}

.compose-mail-popup {
  width: 42%;
  position: fixed;
  bottom: -30px;
  right: 30px;
  z-index: 15;
  display: none;
}

.compose-mail-toggled {
  display: block;
}

.compose-mail-title {
  font-size: 16px;
}

.compose-mail-close {
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  font-size: 14px;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0);
}
.compose-mail-close:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.nav-search input.form-control {
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}
.nav-search input.form-control::placeholder {
  opacity: 0.5 !important;
  color: #fff !important;
}
.nav-search input.form-control::-ms-input-placeholder {
  color: #fff !important;
}
.nav-search button[type=submit] {
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.32);
  color: #fff;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}

.nav-width {
  width: 340px !important;
}

.round-pagination.pagination .page-item:first-child .page-link {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}
.round-pagination.pagination .page-item:last-child .page-link {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}

.login-separater span {
  position: relative;
  top: 26px;
  margin-top: -10px;
  background: #ffffff;
  padding: 5px;
  font-size: 12px;
  color: #cbcbcb;
  z-index: 1;
}

.login-img {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

.contacts-social a {
  font-size: 16px;
  width: 26px;
  height: 26px;
  line-height: 26px;
  background: #f7f5f5;
  text-align: center;
  border-radius: 0.25rem;
}

.iconFilterTypes {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.iconFilterTypes .tab.active {
  font-weight: 700;
  color: #756af8;
}
.iconFilterTypes .tab {
  color: #000;
  font-weight: 700;
  display: inline-block;
  cursor: pointer;
}
.iconFilterTypes .tab:hover {
  font-weight: 700;
  color: #756af8;
}

.list {
  position: relative;
}

ul.icons {
  list-style: none;
}
ul.icons li {
  position: relative;
  cursor: pointer;
  padding: 10px;
  width: 204px;
  float: left;
  box-shadow: 0 1px 5px #e3e7eb;
  margin: 13px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #f8f9fb;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
ul.icons li i {
  color: #c04848;
  width: 30px;
  height: 30px;
  font-size: 30px;
  text-align: center;
  display: block;
  float: left;
  line-height: 34px;
  margin-left: 5px;
}
ul.icons li:hover {
  background: #eef1f7;
}
ul.icons li span {
  text-indent: 15px;
  display: block;
  line-height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pByfF {
  animation-fill-mode: forwards;
  cursor: pointer;
  display: inline-block;
  flex: 0 0 10%;
  transition: all 0.15s ease 0s;
  border-radius: 8px;
  overflow: hidden;
  outline: none !important;
  background: #f8f9fb;
  box-shadow: 0 1px 5px #e3e7eb;
  width: 122px;
  height: 122px;
  margin: 7px 7px;
  padding: 10px 14px;
}
.pByfF .icon-box-inner {
  font-weight: 700;
  position: relative;
  font-size: 16px;
  line-height: 35px;
  text-align: center;
  pointer-events: none;
  margin: 1px;
  border-radius: 8px;
  background: transparent;
  padding: 18px 10px;
}
.pByfF .icon-box-inner .icon-box-name {
  font-size: 12px;
  text-transform: capitalize;
  user-select: none;
  color: #a5a5a5;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 15px;
  overflow: hidden;
  margin: 5px auto 2px;
}
.pByfF i {
  color: #c04848;
  font-size: 36px;
}
.pByfF:hover {
  background: #eaecf1;
}

.pByfF.active .icon-box-inner {
  background: #eeeeee;
}

.media-icons {
  font-size: 54px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
}

.dashboard-icons {
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ededed;
  font-size: 42px;
  border-radius: 10px;
}

.widgets-icons {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ededed;
  font-size: 26px;
  border-radius: 10px;
}

.widgets-social {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ededed;
  font-size: 22px;
  border-radius: 10px;
}

.icon-box {
  padding: 10px 14px;
  background: #ffffff;
  box-shadow: 0 1px 5px #e3e7eb;
}

.icon-symbol i {
  font-size: 30px;
  color: #c04848;
}

.p-10 {
  padding: 10px;
}

.p-15 {
  padding: 15px;
}

.font-small {
  font-size: 50%;
}

.font-13 {
  font-size: 13px;
}

.font-14 {
  font-size: 14px;
}

.font-20 {
  font-size: 20px;
}

.font-22 {
  font-size: 22px;
}

.font-24 {
  font-size: 24px;
}

.font-30 {
  font-size: 30px;
}

.font-35 {
  font-size: 35px;
}

.font-40 {
  font-size: 40px;
}

.font-60 {
  font-size: 60px;
}

.radius-10 {
  border-radius: 10px;
}

.radius-15 {
  border-radius: 15px;
}

.radius-30 {
  border-radius: 30px;
}

.row.row-group > div {
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}
.row.row-group > div:last-child {
  border-right: none;
}

.accordion .card-header:after {
  font-family: "LineIcons";
  content: "";
  float: right;
  color: #c04848;
}
.accordion .card-header.collapsed:after {
  content: "";
}

.color-acordians .accordion .card-header:after {
  color: #fff;
}

.cursor-pointer {
  cursor: pointer;
}

.chart-container1 {
  position: relative;
  height: 340px;
}

.chart-container2 {
  position: relative;
  height: 400px;
}

.chart-container3 {
  position: relative;
  width: 200px;
  height: 80px;
  right: -1.25rem;
  top: -1rem;
}

.gmaps {
  height: 400px;
  background: #eeeeee;
  border-radius: 3px;
}

.gmaps-panaroma {
  height: 400px;
  background: #eeeeee;
  border-radius: 3px;
}

#location-map {
  width: 100%;
  height: 260px;
}

#geographic-map {
  width: 100%;
  height: 340px;
}

.product-img {
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f3f3f3;
  border-radius: 10px;
}

.page-breadcrumb .breadcrumb {
  background-color: transparent;
}
.page-breadcrumb .breadcrumb li.breadcrumb-item {
  font-size: 16px;
}
.page-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  color: #6c757d;
  font-family: "LineIcons";
  content: "";
}

.breadcrumb-title {
  font-size: 20px;
  border-right: 1.5px solid #aaa4a4;
}

.vertical-align-middle {
  vertical-align: middle;
}

.back-to-top {
  display: none;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 26px;
  color: white;
  position: fixed;
  border-radius: 10px;
  bottom: 20px;
  right: 12px;
  background-color: #c04848;
  z-index: 10000;
}
.back-to-top:hover {
  color: white;
  background-color: #000;
  transition: all 0.5s;
}

.vertical-separater {
  width: 1px;
  background: #dadada;
  height: 50px;
  margin: auto;
}

.btn-switcher {
  position: fixed;
  right: 0px;
  top: 40%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.offcanvas-end {
  width: 300px;
}

t[en] {
  display: none;
}

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

.shaded {
  background-color: #eee;
}

.floating-tip {
  background-color: rgba(234, 76, 137, 0.5);
  border: 0 none;
}

.apexcharts-tooltip.apexcharts-theme-light {
  border: 0 none !important;
  background: #ddd !important;
  border-radius: 0;
  box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
}
.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
  padding: 3px;
  font-size: 15px;
  margin-bottom: 4px;
}

.apexcharts-tooltip-series-group:last-child {
  margin-bottom: 4px;
}

.apexcharts-tooltip-series-group.apexcharts-active .apexcharts-tooltip-y-group {
  padding: 0 4px;
  font-size: 14px;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  letter-spacing: -0.5px;
}

.apexcharts-tooltip-marker {
  width: 12px;
  height: 12px;
  position: relative;
  top: 0;
  margin-right: 4px;
  border-radius: 0;
}

.small {
  font-size: 0.6em;
}

small {
  font-size: 0.6em;
}

*[href] {
  cursor: pointer;
}

.dud {
  color: #aaa;
}

.chart-periods {
  display: flex;
  gap: 0.5em;
}
.chart-periods .item {
  padding: 0.4em;
  line-height: 1em;
  background-color: #c04848;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.chart-periods .item[selected] {
  background-color: #000;
}

.loading-effect {
  -webkit-animation: pulse-animation 0.3s linear infinite;
  animation: pulse-animation 0.3s linear infinite;
}

form.login.loading {
  opacity: 0;
}

#divLoginFormContainer.loading-icon {
  font-size: 2em;
}
#divLoginFormContainer.loading-icon form {
  opacity: 0;
}

.loading-icon {
  position: relative;
}
.loading-icon::after {
  height: 2em;
  width: 2em;
  background-size: 100%;
  background-repeat: no-repeat;
  -webkit-animation: spinner-animation 1s linear infinite;
  animation: spinner-animation 1s linear infinite;
  position: absolute;
  content: "";
  left: calc(50% - 1em);
  top: calc(50% - 1em);
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABDlBMVEUAAABEREBEREBEREBDQz8AAAAAAAA1NTIBAQExMS4yMi8BAQEBAQErKykAAAABAQEkJCIzMzA1NTIAAAAAAAABAQECAgICAgIICAgFBQUYGBcRERAaGhgaGhgZGRdEREAHBwYAAAAHBwcICAcCAgIGBgYVFRMSEhEGBgYPDw4QEBA0NDExMS4bGxkfHx0AAAALCwoAAAAEBAQLCwsQEA8CAgIFBQUQEA8XFxUhIR8EBAQHBwcdHRsODg0uLiwrKygvLyw3NzMEBAQBAQEGBgYaGhgGBgYcHBoHBwcMDAsMDAsjIyEjIyIVFRQnJyQKCgoSEhEWFhQ1NTIWFhUODg0cHBseHhwcHBoPDw4BAQFSuOVFAAAAWXRSTlMABQgEBvvmDNoVCPPvGPXTKR0O7erk1smtp42NdGA9B+Pg39LRvqWUeFdHMCUdD9fNu6+imJSHhoWAf3NqYUI7MhPFwaWbi4Zsa2hbWVJKODUuKSWmlIYsKOKjPsoAAAMXSURBVFjDnZcHc+IwEIWfI4ELOLSQQOgECKFdeu+X3nO55v//R46baG2ZALZ4M2iYsb619CRLuwDDOKXP7neaiWithCAxhjlwTWoA8zFfcz61MGD0YGzDAMxB06QG7ztZx1UsRQ8mNCM80N2adyTFbQTw8PGDZcIpQArTeI0BXIrWWSTQm8JUngNM4g+dL4rqbArvMxHp/Bd83nhGWBNhfvexkfXVk7OeHsyD+CUZX2n/4RiKxh9oInT5/UtPlrc6oUwEpPln7iwEo34T0fb4jQ+E5slEvEZc/peGUKhsIrMSLn+A8DyZyHEg8UyBJxN7MeKviVcyEdvEX3Ko8GRCnwYQ+zsDL39CbeLVTNTrgjd0KPMcwIsjdEy8ook7gq+mlVBqoNEhtDsbjx+0i9+ghpKJa66Fs/Ac2BUBWuDaTCbmRIA7aLOZQCfZC2bjYYgztKuKkolRcYD3oYxq+K8FusIUeUC39AHzAthQ49+ai0a9tvLsTqEHpfFbYgNn8U2YeK7mH23grLuMHajwKNMV5m6kopqJJYFtYl/8y4Mr8LgW2I37MdV1FZ7TTfKIHn3OZQUT8C6oSBJoiACrKh/xbwElGFCgZMYMvxPSdfet3oI4xdA8Tog5BeDerFkzJK9Z32gGHEMVKdxN2JVsE3EEBsBeoLzqLBzfjVEibX8m2/sUcPEiDK+vU//bIY7hz4w6QpsaAnm0qHfVFCkOjh3SNlgQv+yQTijFAZpSBPCQ/AY45YlIxh1S7gKVyXy65eXxH5DyxJLjKnEKjOeB83Wv3xqkPJFJI3MiBRMYxw8OpWJiD75kW8NPx1OtaAK+mQx18WBIXbYA7k+2rZyvTFgtpyFJf12uys/zc+CjFYt15fhkXBU7533b7nc79y3a/PR+4v0VS8EZVSQWz8ToxPHNn3+tWDhQijshlCkRP1r2VZBsBvMbSUwp+3CcnY5XH2RCNpGW096LTsajtzb4xLKPBpE6WhmPN45SmFCxcKmpAJVyoTE/sh6NwqlGneUGYAAbbYZKru1vXhrRTCZqLOV2n5IAPfU3/wCJl2WUTMXuzgAAAABJRU5ErkJggg==);
}

.loading-icon-w {
  position: relative;
}
.loading-icon-w::after {
  height: 2em;
  width: 2em;
  background-size: 100%;
  background-repeat: no-repeat;
  -webkit-animation: spinner-animation 1s linear infinite;
  animation: spinner-animation 1s linear infinite;
  position: absolute;
  content: "";
  left: calc(50% - 1em);
  top: calc(50% - 1em);
  background-image: url(data:image/png;base64,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);
}

.w3em {
  width: 3em;
}

.w5em {
  width: 5em;
}

.w10em {
  width: 10em;
}

#card_income {
  height: 365px;
  margin-left: -20px;
  margin-right: -20px;
}

.apexcharts-toolbar {
  margin-right: 20px;
}

.ellipsis-loading {
  width: 1em;
  display: inline-block;
}

.content-table .status-date {
  display: block;
  font-size: 0.75em;
  text-align: center;
  margin-top: 0.25rem;
}
.content-table button:not(.btn-outline-dark) {
  border: none;
  background: transparent;
}
.content-table .datepicker {
  position: relative;
}
.content-table .datepicker i {
  position: absolute;
  right: 1.25em;
  top: 1em;
  color: black;
}
.content-table .add-item-button {
  cursor: pointer;
  color: black;
}
.content-table .remove-item-button {
  cursor: pointer;
  color: black;
}
.content-table .advanced.collapsed {
  display: none !important;
}
.content-table .btn-remove-new-item {
  cursor: pointer;
  color: black;
}
.content-table .items {
  background-color: white;
  padding: 0.5em;
}
.content-table .items h5 {
  color: black;
}
.content-table td:first-of-type {
  padding-bottom: 2em;
}

.card-top-games .card-body {
  padding: 1.5em;
}
.card-top-games .content {
  position: relative;
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  width: calc(16.4%);
}
.card-top-games .content .btn-edit {
  opacity: 0;
  transition: opacity 250ms ease-in-out;
  position: absolute;
  top: -1em;
  right: 0;
  height: 100%;
  width: 100%;
}
.card-top-games .content .content-container {
  transition: opacity 250ms ease-in-out;
  height: 10em;
  display: flex;
}
.card-top-games .content:hover .content-container {
  opacity: 0.5;
}
.card-top-games .content:hover .btn-edit {
  opacity: 1;
}

.img-container {
  padding: 1em;
  background-color: white;
}

#homeTournamentsContainer .tournament:not(:last-child) {
  border-bottom: solid 1px black;
}
#homeTournamentsContainer .tournament .order-handle {
  cursor: grab;
}
#homeTournamentsContainer .tournament img {
  height: 5em;
}

.card-top-games .card-body {
  padding: 1.5em;
}

.countries .flag {
  cursor: pointer;
}
.countries .flag img {
  display: inline-block;
  height: 2.5em;
  opacity: 0.25;
}
.countries .flag:not(:first-child) img {
  margin-left: 0.5em;
}
.countries .flag.active img {
  opacity: 1;
}

.empty-results {
  padding: 2em 0;
  display: flex;
  justify-content: center;
}

.actions button {
  margin: 0px;
  padding: 4px;
  color: #444;
  border-radius: 0;
  outline: none;
  box-shadow: none;
  border: none;
  background-color: transparent;
}
.actions button:focus {
  box-shadow: none;
}
.actions button:hover {
  background-color: #000;
  color: #fff;
}

.sep {
  flex-grow: 1;
}

@media screen and (min-width: 1024px) {
  .sidebar-header {
    border-right: 1px solid #e4e4e4;
  }
}
@media screen and (min-width: 1271px) {
  .toggle-btn {
    display: none;
  }
}
@media screen and (max-width: 1270px) {
  .page-margin {
    height: 6em;
  }

  .nav-container {
    position: fixed;
    width: 260px;
    right: 0;
    left: -260px;
    z-index: 160;
    border-bottom: 1px solid #e4e4e4;
    background-clip: border-box;
    background-color: #ffffff;
    height: 100%;
    padding: 10px;
    display: flex;
    align-items: start;
    justify-content: flex-start;
    overflow-y: scroll;
    overflow-x: hidden;
  }

  .wrapper.toggled .nav-container {
    display: flex;
    left: 0px;
  }
  .wrapper.toggled .mobile-topbar-header {
    display: flex;
    align-items: center;
    height: 70px;
    background: white;
    border-bottom: 1px solid #f1f1f1;
    background-clip: border-box;
    position: fixed;
    width: 260px;
    left: 0;
    top: 0;
    right: 0;
    z-index: 10;
    padding-left: 15px;
  }
  .wrapper.toggled .overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: 0.6;
    z-index: 15;
    display: block;
    cursor: move;
    transition: all 0.2s ease-out;
  }

  .left-topbar {
    width: auto;
  }

  .search-bar {
    padding: 0rem 1.4rem;
  }

  .email-header {
    height: auto;
  }

  .email-content {
    padding: 100px 0px 0px 0px;
  }
}
.date-content-range {
  cursor: pointer;
  padding: 0 10px;
  user-select: none;
  overflow: hidden;
}

.header-mobile {
  position: fixed;
  top: 70px;
  width: 100%;
  z-index: 100;
}
.header-mobile .navbar {
  padding: 0;
}
.header-mobile .navbar .search-bar {
  display: block;
  padding: 0;
}
.header-mobile .navbar .search-bar .date-content-range {
  height: 3em;
  padding-top: 0.75em;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  .header-mobile .navbar {
    display: none;
  }
}
.page-content,
.page-teams,
.page-tournaments,
.page-encoders {
  padding: 0 1.5rem 4em 1.5rem;
}

@media (min-width: 1271px) {
  .topbar-nav .metismenu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .topbar-nav .metismenu > li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .topbar-nav .metismenu > li > ul {
    position: absolute;
    top: 100%;
    min-width: 100%;
    z-index: 1001;
    background: white;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  }

  .topbar-nav.is-hoverable .metismenu > li > ul {
    height: auto !important;
  }
  .topbar-nav.is-hoverable .metismenu > li:hover > ul {
    display: block;
  }
  .topbar-nav.is-hoverable .metismenu > li:hover > a.has-arrow:after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
}
@media screen and (min-width: 576px) {
  .p-tab-name {
    display: block !important;
  }
}
@media screen and (min-width: 1025px) {
  .chat-toggle-btn {
    display: none !important;
  }

  .email-toggle-btn {
    display: none !important;
  }

  .left-topbar {
    display: none !important;
  }
}
@media print {
  .invoice {
    font-size: 11px !important;
    overflow: hidden !important;
  }
  .invoice footer {
    position: absolute;
    bottom: 10px;
    page-break-after: always;
  }
  .invoice > div:last-child {
    page-break-before: always;
  }
}
@media screen and (max-width: 1024px) {
  .page-margin {
    height: 6em;
  }

  .top-header {
    left: 0px;
  }

  .search-arrow-back {
    display: inline-block;
    margin-right: 0px;
  }

  .search-btn-mobile {
    display: flex;
  }

  .search-bar {
    display: none;
  }

  .full-search-bar {
    display: flex;
    align-items: center;
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 100;
    background: #fff;
    height: 70px;
    padding: 0rem 1.4rem;
  }

  .sidebar-wrapper {
    width: 260px !important;
    left: -260px;
    box-shadow: none;
    z-index: 12;
  }

  .page-content-wrapper {
    margin-left: 0px;
  }

  .wrapper.toggled .sidebar-wrapper {
    left: 0px;
    box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.13);
    transition: all 0.2s ease-out;
    z-index: 16;
  }
  .wrapper.toggled .page-content-wrapper {
    margin-left: 0px;
  }
  .wrapper.toggled .overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: 0.6;
    z-index: 150;
    display: block;
    cursor: move;
    transition: all 0.2s ease-out;
  }
  .wrapper.toggled .footer {
    margin-left: 0px;
  }

  .footer {
    margin-left: 0px;
  }

  .chat-header {
    border-top-left-radius: 0.25rem;
    left: 0px;
  }

  .chat-footer {
    border-bottom-left-radius: 0.25rem;
    left: 0px;
  }

  .chat-sidebar {
    left: -370px;
  }

  .chat-content {
    margin-left: 0px;
  }

  .chat-toggled .chat-sidebar {
    left: 0px;
  }
  .chat-toggled .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 340px;
    background: #000;
    opacity: 0.5;
    z-index: 11;
    display: block;
    cursor: move;
    transition: all 0.3s ease-out;
  }

  .email-header {
    border-top-left-radius: 0.25rem;
    left: 0px;
  }

  .email-sidebar {
    left: -280px;
  }

  .email-content {
    margin-left: 0px;
  }

  .email-toggled .email-sidebar {
    left: 0px;
  }
  .email-toggled .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 250px;
    background: #000;
    opacity: 0.5;
    z-index: 9;
    display: block;
    cursor: move;
    transition: all 0.3s ease-out;
  }
}
@media only screen and (max-width: 1199px) {
  .row.row-group > div {
    border-right: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  }
}
@media screen and (max-width: 991px) {
  .section-authentication-login {
    height: 100%;
    padding: 1.4rem;
  }

  .login-img {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
  }

  .login-card {
    border-right: 0px solid #dee2e6 !important;
    border-bottom: 1px solid #dee2e6 !important;
  }

  .authentication-reset-password {
    height: auto;
    padding: 2rem 1rem;
  }

  .authentication-lock-screen {
    height: auto;
    padding: 2rem 1rem;
  }

  .error-404 {
    height: auto;
    padding: 6rem 1rem;
  }

  .compose-mail-popup {
    width: auto;
    position: fixed;
    bottom: -30px;
    right: 0;
    left: 0;
  }

  #content-table .details-button .content-table .details-button {
    bottom: 0.5em;
    left: 2em;
    font-size: 1.25em;
  }
}
@media screen and (max-width: 991px) and (max-width: 767px) {
  .user-info {
    display: none;
  }

  .lang span {
    display: none;
  }

  .right-topbar .navbar-nav .nav-link {
    padding: 0rem 14px;
    border-left: 0px solid #ededed;
    font-size: 25px;
  }

  .msg-count {
    left: 26px;
  }

  .search-bar .btn-search {
    padding: 0 20px;
  }

  .authentication-forgot {
    height: auto;
    padding: 2.5rem 1rem;
  }

  .fc .fc-toolbar {
    display: flow-root;
  }
}
@media screen and (max-width: 991px) and (max-width: 620px) {
  .top-header .navbar .dropdown-menu {
    width: 100% !important;
  }
  .top-header .navbar .dropdown-menu::after {
    display: none;
  }
  .top-header .navbar .dropdown {
    position: static !important;
  }

  .dropdown-lg-content {
    max-height: 350px;
    overflow-y: scroll;
  }
}
@media screen and (max-width: 991px) and (max-width: 520px) {
  .logo-icon {
    display: none;
  }

  .chat-footer-menu {
    display: none;
  }

  .chat-top-header-menu {
    display: none;
  }
}
@media screen and (max-width: 991px) and (max-width: 768px) {
  #txtSPOValuePreffix {
    font-size: 0.8em;
    vertical-align: middle;
  }

  .mobile-hide {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .form-check {
    padding-left: 0;
  }
  .form-check .form-check-input {
    margin-left: 0;
  }
}
.ontxtinput {
  line-height: 1.4em;
  margin-left: -1em;
  width: 1em;
  font-size: 2em;
  cursor: pointer;
  color: #ccc;
}
.ontxtinput:hover {
  color: #000;
}

.dt-bootstrap5 {
  overflow-x: auto;
}

@media (max-width: calc(768px - 1px)) {
  .hide-mobile {
    display: none;
  }

  .mobile-w-100 {
    width: 100%;
  }
}
.dataTables_wrapper .row,
.dataTables_wrapper .col-sm-12 {
  margin: 0;
  padding: 0;
}

select.loading {
  pointer-events: none;
  background-color: #999;
}

.big-number {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.big-number .number {
  font-size: 5em;
  line-height: 1em;
}
.big-number .variation {
  font-size: 1.5em;
  line-height: 1em;
}
.big-number .text {
  max-width: 90%;
  text-align: center;
  margin: 0 auto;
  line-height: 1em;
  font-size: 0.9em;
}
.big-number .small-text {
  max-width: 90%;
  text-align: center;
  margin: 0 auto;
  line-height: 1em;
  font-size: 0.8em;
}

.autoupdate-bar {
  width: 30%;
  height: 0.15em;
  margin: 0 auto 0.5em auto;
  background-color: #eee;
}
.autoupdate-bar > div {
  height: 100%;
  transition: width 1s linear;
  background-color: #00c9fc;
}

img.flag {
  height: 1.2em;
  display: inline-block;
  vertical-align: middle;
}

.fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 100;
  font-size: min(6vh, 4vw);
  color: #fff;
  background-size: 80vh;
}
.fullscreen .autoupdate-bar {
  background-color: #333;
}
.fullscreen .fullscreen-hide {
  display: none;
}

.auto-columns {
  display: grid;
  grid: 1fr/auto-flow;
  gap: 2em;
}

html.dark-theme #subscribersNumber {
  color: #fff;
}

html.user-session-link .hide-on-user-session-link {
  display: none;
}

.table-0 tr:nth-child(odd) {
  background-color: #f9f9f9;
}
.table-0 tr:hover {
  background-color: #dadada;
}
.table-0 tr.new {
  background-color: #fe7 !important;
}
.table-0 tr.new td {
  vertical-align: top;
}
.table-0 tr.new td input[type=file] {
  width: 4em;
}
.table-0 td {
  line-height: 1em;
  padding: 1em 0.5em;
}
.table-0 td.id {
  width: 3em;
}
.table-0 td.hex-color {
  width: 12em;
  text-align: center;
}
.table-0 td.c_name {
  width: 9em;
  text-align: center;
  text-transform: uppercase;
}
.table-0 td.checkbox {
  text-align: center;
}
.table-0 td.country {
  width: 12em;
  text-align: center;
}
.table-0 td.product {
  width: 10em;
  text-align: center;
}
.table-0 td.image, .table-0 td.image-id {
  min-width: 6em;
  vertical-align: middle;
}
.table-0 td.image > *, .table-0 td.image-id > * {
  vertical-align: middle;
}
.table-0 td.image [inline-class=image],
.table-0 td.image [inline-class=image-id], .table-0 td.image-id [inline-class=image],
.table-0 td.image-id [inline-class=image-id] {
  display: inline-block;
  height: 2.5em;
  width: 3em;
}
.table-0 td i.fas {
  padding: 0.25em;
}
.table-0 .inline-editor-image {
  width: 2.5em;
  height: 2.5em;
  transition: all 0.5s;
  cursor: pointer;
  position: absolute;
  object-fit: contain;
}
.table-0 .inline-editor-image.inline-fullscreen {
  position: fixed;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
  z-index: 100;
}
.table-0 .tips {
  padding-top: 1em;
  display: block;
  font-size: 0.9em;
  color: #666;
}
.table-0 input[type=text],
.table-0 input[type=datetime-local],
.table-0 select {
  border: 1px solid #ccc;
  border-radius: 0;
  height: 1em;
  margin: 0;
  box-sizing: content-box;
  background-color: #fff;
  font-size: 1em;
}
.table-0 small {
  padding: 0;
  font-size: 0.8em;
  display: block;
}
.table-0 td.actions {
  text-align: center;
  width: 1em;
  color: #000;
}

.btn1,
.table > :not(caption) > * > .btn1 {
  padding: 0.4em;
  line-height: 1em;
  background-color: #c04848;
  color: #fff;
  text-align: center;
  cursor: pointer;
  border: 0 none;
}

.image-sel {
  display: flex;
  gap: 0.5em;
  flex-wrap: wrap;
  min-height: 6em;
}
.image-sel .image-container {
  position: relative;
  background-color: #f0f0f0;
  border: 1px solid #aaa;
  flex-grow: 1;
}
.image-sel .image-container .image {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

span.alink {
  cursor: pointer;
  color: #c04848;
}
span.alink:hover {
  color: #0a58ca;
}

.tip-0 {
  font-size: 0.8em;
  color: #888;
  text-align: right;
  float: right;
}

div[page]:not(.editable) .inline-editor-icon {
  display: none;
}
div[page]:not(.editable) input[type=checkbox].inline-editor-input {
  opacity: 0.5;
  pointer-events: none;
}

.new-0 {
  background-color: #eee;
  padding: 1em;
}
.new-0.editing .action-create {
  display: none;
}
.new-0.creating .action-edit {
  display: none;
}
.new-0 .new-title {
  background-color: #888;
  color: #fff;
  margin: -1em -1em 1em -1em;
  padding: 0.3em;
}
.new-0 .form-control.c_name {
  text-transform: uppercase;
}

.flex-basis-50 {
  flex-basis: 50%;
}

.advanced-filter:not(.advanced-active) .advanced {
  display: none !important;
}

#message_alert {
  background-color: #b14545;
  color: #fff;
  margin-bottom: 0;
  max-height: 0px;
  overflow: hidden;
  transition: all 0.5s;
  font-size: 1.4em;
  box-sizing: border-box;
}
#message_alert .container {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1em;
  padding: 1em;
}
#message_alert.show {
  margin-bottom: 1em;
  max-height: 100px;
}

.btn.loading {
  pointer-events: none;
  background-color: #922;
  color: transparent !important;
  position: relative;
}

.btn.loading::after {
  background-image: url(data:image/png;base64,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);
  height: 1.5em;
  width: 1.5em;
  background-size: 100%;
  background-repeat: no-repeat;
  -webkit-animation: spinner-animation 1s linear infinite;
  animation: spinner-animation 1s linear infinite;
  position: absolute;
  content: "";
  left: calc(50% - 0.75em);
  top: calc(50% - 0.75em);
}

#bannergenCountries {
  display: flex;
  flex-direction: column;
  gap: 0.2em;
}
#bannergenCountries a {
  cursor: pointer;
  line-height: 3em;
  color: #000;
}
#bannergenCountries a:hover {
  background-color: #f5f5f5;
}
#bannergenCountries a img {
  height: 2em;
  margin-right: 0.5em;
}

#bannergenTournaments {
  display: flex;
  flex-direction: column;
  gap: 0.2em;
}
#bannergenTournaments a {
  cursor: pointer;
  line-height: 3em;
}
#bannergenTournaments a:hover {
  background-color: #f5f5f5;
}
#bannergenTournaments a img {
  height: 3em;
  margin-right: 0.5em;
}

#bannergenBanners {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5em;
}
#bannergenBanners img {
  width: 100%;
  height: auto;
  cursor: pointer;
}

#tableBrands .image-id {
  background-color: #a5a5a5;
  width: 4em;
  text-align: center;
}
#tableBrands .image-id img {
  width: 5em;
}

@font-face {
  font-family: "Lytiga Pro";
  src: url(../fonts/LytigaPro-Regular.otf);
}
@font-face {
  font-family: "Proxima Nova";
  src: url(../fonts/ProximaNova.otf);
}
/*Header*/
@-webkit-keyframes animdropdown {
  from {
    -webkit-transform: translate3d(0, 6px, 0);
    transform: translate3d(0, 6px, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes animdropdown {
  from {
    -webkit-transform: translate3d(0, 6px, 0);
    transform: translate3d(0, 6px, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes pulse-animation {
  from {
    transform: scale(1.2);
    opacity: 1;
  }
  to {
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes spinner-animation {
  from {
    transform: rotateZ(-360deg);
  }
  to {
    transform: rotateZ(0deg);
  }
}
/* Eventos */
/* Home config */
@media (max-width: calc(768px - 1px)) {
  :root {
    --layout: mobile;
  }
}
@media (min-width: 768px) {
  :root {
    --layout: desktop;
  }
}
html {
  width: 100%;
  height: 100%;
}

body {
  font-family: "Proxima Nova", monospace;
  font-weight: 400;
  background-color: #fff;
  background-attachment: fixed;
  letter-spacing: 0.1px;
  font-size: 14px;
  overflow-x: hidden;
  position: relative;
}

h1 {
  font-weight: 300;
  font-family: "Proxima Nova", sans-serif;
}

h2 {
  font-weight: 300;
  font-family: "Proxima Nova", sans-serif;
}

h3 {
  font-weight: 300;
  font-family: "Proxima Nova", sans-serif;
}

h4 {
  font-weight: 300;
  font-family: "Proxima Nova", sans-serif;
}

h5 {
  font-weight: 300;
  font-family: "Proxima Nova", sans-serif;
  font-size: 1rem;
  line-height: 1em;
}

h6 {
  font-weight: 300;
  font-family: "Proxima Nova", sans-serif;
}

.h1 {
  font-weight: 300;
  font-family: "Proxima Nova", sans-serif;
}

.h2 {
  font-weight: 300;
  font-family: "Proxima Nova", sans-serif;
}

.h3 {
  font-weight: 300;
  font-family: "Proxima Nova", sans-serif;
}

.h4 {
  font-weight: 300;
  font-family: "Proxima Nova", sans-serif;
}

.h5 {
  font-weight: 300;
  font-family: "Proxima Nova", sans-serif;
}

.h6 {
  font-weight: 300;
  font-family: "Proxima Nova", sans-serif;
}

div[page] {
  display: none;
}

t {
  pointer-events: none;
}

.emoji {
  height: 1em;
}

a {
  text-decoration: none;
  color: #c04848;
}

a:hover {
  text-decoration: none;
}

.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #7f4dd6;
  outline: 0;
  box-shadow: none;
}

.btn-check:focus + .btn-outline-dark,
.btn-outline-dark:focus {
  box-shadow: none;
}

.btn-check:focus + .btn,
.btn:focus {
  outline: 0;
  box-shadow: none;
}

.form-check-input {
  cursor: pointer;
}

.form-check-input:focus {
  outline: 0;
  box-shadow: none;
}

.wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}

.w-0 {
  width: 0;
}

.top-header {
  width: auto;
  height: 3.5em;
  line-height: 3.5em;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 15;
  border-bottom: 1px solid #e4e4e4;
  box-shadow: none;
  overflow: inherit;
}

.top-header .navbar {
  padding: 0 1.5rem;
  background: transparent;
}

.top-header .navbar .dropdown-menu {
  -webkit-animation: 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 animdropdown;
  animation: 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 animdropdown;
}

.top-header .navbar .dropdown-menu::after {
  content: "";
  width: 13px;
  height: 13px;
  background: #ffff;
  position: absolute;
  top: -6px;
  right: 28px;
  transform: rotate(45deg);
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}

.top-header .navbar .dropdown-lg .dropdown-menu::after {
  content: "";
  width: 13px;
  height: 13px;
  background: #c04848;
  position: absolute;
  top: -6px;
  right: 28px;
  transform: rotate(45deg);
  border-top: 1px solid #c04848;
  border-left: 1px solid #c04848;
}

.sticky-top-header {
  background: #fff;
  border-bottom: 0px solid #e4e4e4;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.toggle-btn {
  margin-right: 10px;
  font-size: 28px;
  color: #404142;
  width: 45px;
  height: 45px;
  line-height: 45px;
  background: transparent;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  outline: none;
}

.toggle-btn:hover {
  color: #404142;
}

.toggle-btn:active {
  color: #404142;
  background: #f1f1f1;
}

.logo-icon {
  width: 145px;
}

.logo-icon-2 {
  height: 3em;
  margin-left: 10px;
  margin-right: 20px;
}

.logo-text {
  color: #404142;
  font-size: 25px;
  margin-bottom: 0;
  margin-left: 10px;
}

.left-topbar {
  width: auto;
  height: 3.5em;
  float: left;
  background: transparent;
}

.right-topbar {
  width: auto;
  height: 3.5em;
}

.right-topbar .navbar-nav .nav-link {
  padding: 0rem 1.4rem;
  border-left: 1px solid #e4e4e4;
  color: #404142;
  font-size: 25px;
}

.sidebar-header {
  width: auto;
  display: flex;
  align-items: center;
  padding: 0px 0px 0px 0px;
  height: 3.5em;
  background: rgba(26, 30, 33, 0);
  border-right: 0px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  z-index: 1;
  transition: all 0.2s ease-out;
}

.search-bar {
  padding: 0 1.5rem;
}

.search-bar .btn-search-back {
  background: #ffffff;
  border: 1px solid #eaeaea;
  padding: 0 14px;
  border-radius: 0px;
  height: calc(1.6em + 0.75rem + 2px);
}

.search-bar .btn-search-back i {
  font-size: 20px;
  color: #727171;
}

.search-bar .btn-search {
  background: #ffffff;
  border: 1px solid #eaeaea;
  padding: 0 25px;
  border-radius: 0px;
  height: calc(1.6em + .75rem + 2px);
}

.search-bar .btn-search i {
  font-size: 16px;
  color: #727171;
}

.search-bar input {
  height: calc(1.6em + .75rem + 2px);
  border: 0;
  border: 1px solid #eaeaea;
  width: 100%;
  border-radius: 2px;
}

.search-arrow-back {
  display: none;
}

.search-btn-mobile {
  display: none;
}

.dropdown-toggle-nocaret:after {
  display: none;
}

.user-box {
  height: 2em;
  line-height: 1.2;
}

.user-info {
  text-align: right;
  margin-right: 15px;
}

.user-info .user-name {
  font-size: 16px;
  font-weight: 500;
}

.user-info .designattion {
  font-size: 14px;
  color: #a9a8a8;
}

.user-img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #e5e5e5;
  padding: 3px;
}

.user-img img {
  border-radius: 10%;
}

.line-height-1em {
  line-height: 1em;
}

.msg-count {
  position: absolute;
  left: 36px;
  top: 19px;
  font-size: 11px;
  font-weight: 500;
  width: 17px;
  height: 17px;
  text-align: center;
  border-radius: 50%;
  z-index: 5;
  padding: 0;
  color: #fff;
  background-color: #c04848;
  display: flex;
  justify-content: center;
  align-items: center;
}

.lang i {
  font-size: 18px !important;
}

.lang span {
  font-size: 18px !important;
  padding-left: 6px;
}

.dropdown-menu {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  line-height: initial;
  border: 0px solid #e9ecef;
  margin: 0;
  font-size: 14px;
  border-radius: 15px;
}

.chat-content {
  padding: 1em;
  position: relative;
  width: auto;
  height: calc(100% - 70px);
  overflow-y: scroll;
}

.chat-content table {
  width: 100%;
}

.chat-content table tr:not(:last-child) {
  border-bottom: 1px solid #e9ecef;
}

.dropdown-lg {
  position: relative;
}

.dropdown-lg .dropdown-menu {
  width: 600px;
  max-width: 100vw;
  padding: 0px;
  margin: 0;
  border: 0;
}

.dropdown-lg .dropdown-menu .dropdown-item {
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #ededed;
}

.dropdown-lg .user-online {
  position: relative;
}

.dropdown-lg .user-online:after {
  content: "";
  position: absolute;
  bottom: 1px;
  right: 17px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #fff;
  background: #16e15e;
}

.dropdown-lg .msg-avatar {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  margin-right: 15px;
}

.dropdown-lg .msg-name {
  font-size: 14px;
  margin-bottom: 0;
}

.dropdown-lg .msg-info {
  font-size: 13px;
  margin-bottom: 0;
}

.dropdown-lg .msg-time {
  font-size: 12px;
  margin-bottom: 0;
  color: #919191;
}

.dropdown-lg .msg-header {
  padding: 0.5rem 1rem;
  color: #fff;
  border-bottom: 0px solid #ededed;
  background: #c04848;
  text-align: center;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.dropdown-lg .msg-header .msg-header-title {
  font-size: 20px;
  margin-bottom: 0;
}

.dropdown-lg .msg-header .msg-header-subtitle {
  font-size: 14px;
  margin-bottom: 0;
}

.dropdown-lg .msg-footer {
  padding: 0.72rem 1.2rem;
  color: #c04848;
  border-top: 1px solid #ededed;
  background: transparent;
  font-size: 14px;
  font-weight: 500;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.dropdown-lg .notify {
  width: 45px;
  height: 45px;
  line-height: 45px;
  font-size: 22px;
  text-align: center;
  border-radius: 50%;
  margin-right: 15px;
}

.dropdown-lg .notify img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.dropdown-user-profile .dropdown-menu i {
  vertical-align: middle;
  margin-right: 10px;
}

.dropdown-user-profile .dropdown-menu span {
  vertical-align: middle;
}

.dropdown-language .dropdown-menu i {
  vertical-align: middle;
  margin-right: 10px;
  font-size: 14px;
}

.dropdown-language .dropdown-menu span {
  vertical-align: middle;
  font-size: 14px;
}

.header-notifications-list {
  position: relative;
}

.header-message-list {
  position: relative;
  height: 370px;
}

.dashboard-social-list {
  position: relative;
  height: 240px;
}

.dashboard-top-countries {
  position: relative;
  height: 322px;
}

[page] {
  position: relative;
  padding-bottom: 20px;
  width: 100%;
  overflow-x: hidden;
}

body:not(.page--login) .page-margin {
  height: 10em;
}

.page {
  display: none;
}

[quality-content] .event {
  cursor: pointer;
  padding: 1em 0.5em;
}

[quality-content] .event:hover {
  background-color: #fff;
}

.dropdown-divider {
  margin: 0;
}

.wrapper.toggled .nav-container {
  display: none;
}

.wrapper.toggled [page] {
  margin-top: 70px;
}

.wrapper.toggled .top-header {
  left: 0px;
}

.wrapper.toggled .footer {
  margin-left: 0px;
}

.mobile-topbar-header {
  display: none;
}

.lis-bg-light {
  background-color: #00000005;
  background-color: #f7f7f7;
}

.lis-light {
  color: #707070;
}

.price-table {
  -webkit-transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
}

.price-table sup {
  top: -1.5em;
  font-size: 1.25rem;
}

.price-table small {
  font-size: 1.25rem;
  font-size: 1.25rem;
}

.lis-brd-light {
  border-color: #dadada !important;
  border-color: #dadada !important;
}

.lis-rounded-top {
  border-top-right-radius: 30px;
  border-top-left-radius: 30px;
}

.lis-latter-spacing-2 {
  letter-spacing: 2px;
}

.lis-font-weight-500 {
  font-weight: 500;
}

sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
}

.lis-line-height-3 {
  line-height: 3 !important;
  line-height: 3 !important;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.lis-rounded-circle-50 {
  border-radius: 50px;
}

.lis-bg-primary {
  background-color: #c04848;
}

.price-table.active {
  transform: scale(1.045);
  -webkit-transform: scale(1.045);
}

.lis-rounded-bottom {
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
}

.nav-container {
  position: fixed;
  top: 3.5em;
  right: 0;
  left: 0;
  z-index: 1;
  border-bottom: 1px solid #e4e4e4;
  background-clip: border-box;
  background: #ffffff;
  width: 100%;
  height: 60px;
  padding: 0px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.topbar-nav {
  background: transparent;
  width: 100%;
}

.topbar-nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  background: transparent;
}

.topbar-nav .metismenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.topbar-nav .metismenu > li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}

.topbar-nav .metismenu a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: left;
  padding: 10px 15px;
  color: #5f5f5f;
  outline-width: 0;
  transition: all 0.3s ease-out;
}

.topbar-nav .metismenu a .parent-icon {
  font-size: 24px;
  line-height: 1;
  width: 34px;
  text-align: center;
}

.topbar-nav .metismenu a .menu-title {
  margin-left: 10px;
}

.topbar-nav .metismenu a:hover {
  color: #ffffff;
  text-decoration: none;
  background: #c04848;
}

.topbar-nav .metismenu a:focus {
  color: #ffffff;
  text-decoration: none;
  background: #c04848;
}

.topbar-nav .metismenu a:active {
  color: #ffffff;
  text-decoration: none;
  background: #c04848;
}

.topbar-nav .metismenu ul a {
  padding: 8px 15px 8px 15px;
  font-size: 15px;
  border: 0;
}

.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ffffff;
  border-top: 1px solid #cccbcb;
  padding: 8px 15px;
  font-size: 13px;
  text-align: center;
  margin-left: 0px;
  transition: all 0.3s ease-out;
  z-index: 10;
}

.p-tab-name {
  display: none !important;
}

input::placeholder {
  color: #000 !important;
  opacity: 0.3 !important;
}

.custom-file-label {
  font-size: 1rem;
}

.form-check-label {
  font-size: 1rem;
}

.form-text {
  font-size: 13px;
}

.form-check-input:checked {
  background-color: #c04848;
  border-color: #c04848;
}

.form-check-input[type=checkbox]:indeterminate {
  background-color: rgba(104, 58, 183, 0.5);
  border-color: rgba(104, 58, 183, 0.5);
}

.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(104, 58, 183, 0.25);
}

.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(104, 58, 183, 0.25);
}

.form-range::-moz-range-thumb {
  background-color: #c04848;
}

.invalid-feedback {
  font-size: 100%;
  margin-top: 0.55rem;
}

.custom-control-label {
  font-size: 1rem;
}

.select2-container--bootstrap4 .select2-selection--single {
  font-size: 1rem;
}

@media screen and (max-width: 768px) {
  .select2-container--bootstrap4 .select2-selection--single {
    font-size: 0.8rem;
  }
}
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered {
  font-size: 1rem;
}

.select2-container--bootstrap4 .select2-dropdown {
  border-color: rgba(206, 212, 218, 0.55);
  border-radius: 0;
  box-shadow: 0 0.1rem 0.7rem rgba(0, 0, 0, 0.1);
}

.select2-sm .select2-container--bootstrap4 .select2-selection {
  height: calc(1.5em + .5rem + 2px);
  font-size: 0.875rem;
}

.g-r-left .select2-container--bootstrap4 .select2-selection {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.g-r-right .select2-container--bootstrap4 .select2-selection {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.scrollspy-1 {
  height: 200px;
  position: relative;
  overflow-y: scroll;
}

.scrollspy-2 {
  height: 200px;
  position: relative;
  overflow-y: scroll;
}

.chip {
  display: inline-block;
  height: 32px;
  padding: 0 12px;
  margin-right: 1rem;
  margin-bottom: 1rem;
  font-size: 14px;
  font-weight: 500;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.7);
  cursor: pointer;
  background-color: #f1f1f1;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 16px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  box-shadow: none;
}

.chip img {
  float: left;
  width: 32px;
  height: 32px;
  margin: 0 8px 0 -12px;
  border-radius: 50%;
}

.chip .closebtn {
  padding-left: 10px;
  font-weight: bold;
  float: right;
  font-size: 16px;
  cursor: pointer;
}

.chip.chip-md {
  height: 42px;
  line-height: 42px;
  border-radius: 21px;
}

.chip.chip-md img {
  height: 42px;
  width: 42px;
}

.chip.chip-lg {
  height: 52px;
  line-height: 52px;
  border-radius: 26px;
}

.chip.chip-lg img {
  height: 52px;
  width: 52px;
}

.card {
  box-shadow: unset;
  border: 0 none;
  border-radius: 0;
  margin-bottom: 1.5rem;
  position: relative;
  padding: 1em;
}

.card .toolbar {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1em;
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: solid 1px #bbb;
  user-select: none;
}

@media screen and (max-width: 800px) {
  .card .toolbar:not(.mobile-horizontal) {
    flex-direction: column;
    gap: 0;
  }

  .card .toolbar:not(.mobile-horizontal) h2 {
    margin: 0;
  }

  .card .toolbar:not(.mobile-horizontal) h3 {
    margin: 0;
  }

  .card .toolbar:not(.mobile-horizontal) h4 {
    margin: 0;
  }

  .card .toolbar:not(.mobile-horizontal) h5 {
    margin: 0;
  }
}
.card .card-body {
  position: relative;
  overflow: hidden;
  padding: 0;
  border: 0 none;
}

.card .card-header {
  background-color: transparent;
  font-size: 16px;
  text-transform: capitalize;
}

.card .card-group {
  margin-bottom: 30px;
  box-shadow: 0 0.1rem 0.7rem rgba(0, 0, 0, 0.1);
}

.card .card-group .card {
  box-shadow: none;
}

.card .metismenu-card .card-header {
  cursor: pointer;
}

.card .card-deck .card {
  margin-bottom: 30px;
}

.btn {
  text-transform: capitalize;
}

.btn i {
  vertical-align: middle;
  font-size: 1.3rem;
  margin-top: -1em;
  margin-bottom: -1em;
}

.btn-primary {
  color: #fff;
  background-color: #c04848;
  border-color: #c04848;
  color: #fff;
  background-color: #c04848;
  border-color: #c04848;
}

.btn-primary:hover {
  color: #fff;
  background-color: #5930a1;
  border-color: #5930a1;
}

.btn-primary:focus {
  color: #fff;
  background-color: #5930a1;
  border-color: #5930a1;
  box-shadow: 0 0 0 0.25rem rgba(89, 48, 161, 0.5);
}

.btn-primary:active {
  color: #fff;
  background-color: #5930a1;
  border-color: #5930a1;
}

.btn-primary:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(89, 48, 161, 0.5);
}

.btn-primary:disabled {
  color: #fff;
  background-color: #c04848;
  border-color: #c04848;
}

.btn-check:focus + .btn-primary {
  color: #fff;
  background-color: #5930a1;
  border-color: #5930a1;
  box-shadow: 0 0 0 0.25rem rgba(89, 48, 161, 0.5);
}

.btn-check:active + .btn-primary {
  color: #fff;
  background-color: #5930a1;
  border-color: #5930a1;
}

.btn-check:active + .btn-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(89, 48, 161, 0.5);
}

.btn-check:checked + .btn-primary {
  color: #fff;
  background-color: #5930a1;
  border-color: #5930a1;
}

.btn-check:checked + .btn-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(89, 48, 161, 0.5);
}

.btn-check:focus + .btn-success {
  color: #fff;
  background-color: #2c9b10;
  border-color: #2c9b10;
  box-shadow: 0 0 0 0.25rem rgba(44, 155, 16, 0.5);
}

.btn-check:active + .btn-success {
  color: #fff;
  background-color: #2c9b10;
  border-color: #2c9b10;
}

.btn-check:active + .btn-success:focus {
  box-shadow: 0 0 0 0.25rem rgba(44, 155, 16, 0.5);
}

.btn-check:checked + .btn-success {
  color: #fff;
  background-color: #2c9b10;
  border-color: #2c9b10;
}

.btn-check:checked + .btn-success:focus {
  box-shadow: 0 0 0 0.25rem rgba(44, 155, 16, 0.5);
}

.btn-check:focus + .btn-danger {
  color: #fff;
  background-color: #e42061;
  border-color: #e42061;
  box-shadow: 0 0 0 0.25rem rgba(228, 32, 97, 0.5);
}

.btn-check:active + .btn-danger {
  color: #fff;
  background-color: #e42061;
  border-color: #e42061;
}

.btn-check:active + .btn-danger:focus {
  box-shadow: 0 0 0 0.25rem rgba(228, 32, 97, 0.5);
}

.btn-check:checked + .btn-danger {
  color: #fff;
  background-color: #e42061;
  border-color: #e42061;
}

.btn-check:checked + .btn-danger:focus {
  box-shadow: 0 0 0 0.25rem rgba(228, 32, 97, 0.5);
}

.btn-check:focus + .btn-warning {
  color: #000;
  background-color: #f5c127;
  border-color: #f5c127;
  box-shadow: 0 0 0 0.25rem rgba(245, 194, 39, 0.5);
}

.btn-check:active + .btn-warning {
  color: #000;
  background-color: #f5c127;
  border-color: #f5c127;
}

.btn-check:active + .btn-warning:focus {
  box-shadow: 0 0 0 0.25rem rgba(245, 194, 39, 0.5);
}

.btn-check:checked + .btn-warning {
  color: #000;
  background-color: #f5c127;
  border-color: #f5c127;
}

.btn-check:checked + .btn-warning:focus {
  box-shadow: 0 0 0 0.25rem rgba(245, 194, 39, 0.5);
}

.btn-check:focus + .btn-info {
  color: #ffffff;
  background-color: #1684dd;
  border-color: #1684dd;
  box-shadow: 0 0 0 0.25rem rgba(22, 132, 221, 0.5);
}

.btn-check:active + .btn-info {
  color: #ffffff;
  background-color: #3dd5f3;
  border-color: #25cff2;
}

.btn-check:active + .btn-info:focus {
  box-shadow: 0 0 0 0.25rem rgba(22, 132, 221, 0.5);
}

.btn-check:checked + .btn-info {
  color: #ffffff;
  background-color: #3dd5f3;
  border-color: #25cff2;
}

.btn-check:checked + .btn-info:focus {
  box-shadow: 0 0 0 0.25rem rgba(22, 132, 221, 0.5);
}

.btn-check:focus + .btn-outline-primary {
  box-shadow: 0 0 0 0.25rem rgba(89, 48, 161, 0.5);
}

.btn-check:active + .btn-outline-primary {
  color: #fff;
  background-color: #c04848;
  border-color: #c04848;
}

.btn-check:active + .btn-outline-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(89, 48, 161, 0.5);
}

.btn-check:checked + .btn-outline-primary {
  color: #fff;
  background-color: #c04848;
  border-color: #c04848;
}

.btn-check:checked + .btn-outline-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(89, 48, 161, 0.5);
}

.btn-check:focus + .btn-outline-success {
  box-shadow: 0 0 0 0.25rem rgba(44, 155, 16, 0.5);
}

.btn-check:active + .btn-outline-success {
  color: #fff;
  background-color: #32ab13;
  border-color: #32ab13;
}

.btn-check:active + .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem rgba(44, 155, 16, 0.5);
}

.btn-check:checked + .btn-outline-success {
  color: #fff;
  background-color: #32ab13;
  border-color: #32ab13;
}

.btn-check:checked + .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem rgba(44, 155, 16, 0.5);
}

.btn-check:focus + .btn-outline-danger {
  box-shadow: 0 0 0 0.25rem rgba(228, 32, 97, 0.5);
}

.btn-check:active + .btn-outline-danger {
  color: #fff;
  background-color: #f02769;
  border-color: #f02769;
}

.btn-check:active + .btn-outline-danger:focus {
  box-shadow: 0 0 0 0.25rem rgba(228, 32, 97, 0.5);
}

.btn-check:checked + .btn-outline-danger {
  color: #fff;
  background-color: #f02769;
  border-color: #f02769;
}

.btn-check:checked + .btn-outline-danger:focus {
  box-shadow: 0 0 0 0.25rem rgba(228, 32, 97, 0.5);
}

.btn-check:focus + .btn-outline-info {
  box-shadow: 0 0 0 0.25rem rgba(22, 132, 221, 0.5);
}

.btn-check:active + .btn-outline-info {
  color: #000;
  background-color: #198fed;
  border-color: #198fed;
}

.btn-check:active + .btn-outline-info:focus {
  box-shadow: 0 0 0 0.25rem rgba(22, 132, 221, 0.5);
}

.btn-check:checked + .btn-outline-info {
  color: #000;
  background-color: #198fed;
  border-color: #198fed;
}

.btn-check:checked + .btn-outline-info:focus {
  box-shadow: 0 0 0 0.25rem rgba(22, 132, 221, 0.5);
}

.btn-primary.active {
  color: #fff;
  background-color: #5930a1;
  border-color: #5930a1;
}

.btn-primary.active:focus {
  box-shadow: 0 0 0 0.25rem rgba(89, 48, 161, 0.5);
}

.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #5930a1;
  border-color: #5930a1;
}

.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(89, 48, 161, 0.5);
}

.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #2c9b10;
  border-color: #2c9b10;
}

.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(44, 155, 16, 0.5);
}

.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #e42061;
  border-color: #e42061;
}

.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(228, 32, 97, 0.5);
}

.show > .btn-warning.dropdown-toggle {
  color: #000;
  background-color: #f5c127;
  border-color: #f5c127;
}

.show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(245, 194, 39, 0.5);
}

.show > .btn-info.dropdown-toggle {
  color: #ffffff;
  background-color: #3dd5f3;
  border-color: #25cff2;
}

.show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(22, 132, 221, 0.5);
}

.btn-primary.disabled {
  color: #fff;
  background-color: #c04848;
  border-color: #c04848;
}

.btn-success {
  color: #fff;
  background-color: #32ab13;
  border-color: #32ab13;
}

.btn-success:hover {
  color: #fff;
  background-color: #2c9b10;
  border-color: #2c9b10;
}

.btn-success:focus {
  color: #fff;
  background-color: #2c9b10;
  border-color: #2c9b10;
  box-shadow: 0 0 0 0.25rem rgba(44, 155, 16, 0.5);
}

.btn-success:active {
  color: #fff;
  background-color: #2c9b10;
  border-color: #2c9b10;
}

.btn-success:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(44, 155, 16, 0.5);
}

.btn-success:disabled {
  color: #fff;
  background-color: #32ab13;
  border-color: #32ab13;
}

.btn-success.active {
  color: #fff;
  background-color: #2c9b10;
  border-color: #2c9b10;
}

.btn-success.active:focus {
  box-shadow: 0 0 0 0.25rem rgba(44, 155, 16, 0.5);
}

.btn-success.disabled {
  color: #fff;
  background-color: #32ab13;
  border-color: #32ab13;
}

.btn-danger {
  color: #fff;
  background-color: #f02769;
  border-color: #f02769;
}

.btn-danger:hover {
  color: #fff;
  background-color: #e42061;
  border-color: #e42061;
}

.btn-danger:focus {
  color: #fff;
  background-color: #e42061;
  border-color: #e42061;
  box-shadow: 0 0 0 0.25rem rgba(228, 32, 97, 0.5);
}

.btn-danger:active {
  color: #fff;
  background-color: #e42061;
  border-color: #e42061;
}

.btn-danger:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(228, 32, 97, 0.5);
}

.btn-danger:disabled {
  color: #fff;
  background-color: #e42061;
  border-color: #e42061;
}

.btn-danger.active {
  color: #fff;
  background-color: #e42061;
  border-color: #e42061;
}

.btn-danger.active:focus {
  box-shadow: 0 0 0 0.25rem rgba(228, 32, 97, 0.5);
}

.btn-danger.disabled {
  color: #fff;
  background-color: #e42061;
  border-color: #e42061;
}

.btn-warning {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-warning:hover {
  color: #000;
  background-color: #f5c127;
  border-color: #f5c127;
}

.btn-warning:focus {
  color: #000;
  background-color: #f5c127;
  border-color: #f5c127;
  box-shadow: 0 0 0 0.25rem rgba(245, 194, 39, 0.5);
}

.btn-warning:active {
  color: #000;
  background-color: #f5c127;
  border-color: #f5c127;
}

.btn-warning:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(245, 194, 39, 0.5);
}

.btn-warning:disabled {
  color: #000;
  background-color: #f5c127;
  border-color: #f5c127;
}

.btn-warning.active {
  color: #000;
  background-color: #f5c127;
  border-color: #f5c127;
}

.btn-warning.active:focus {
  box-shadow: 0 0 0 0.25rem rgba(245, 194, 39, 0.5);
}

.btn-warning.disabled {
  color: #000;
  background-color: #f5c127;
  border-color: #f5c127;
}

.btn-info {
  color: #ffffff;
  background-color: #198fed;
  border-color: #198fed;
}

.btn-info:hover {
  color: #ffffff;
  background-color: #1684dd;
  border-color: #1684dd;
}

.btn-info:focus {
  color: #ffffff;
  background-color: #1684dd;
  border-color: #1684dd;
  box-shadow: 0 0 0 0.25rem rgba(22, 132, 221, 0.5);
}

.btn-info:active {
  color: #ffffff;
  background-color: #3dd5f3;
  border-color: #25cff2;
}

.btn-info:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(22, 132, 221, 0.5);
}

.btn-info:disabled {
  color: #ffffff;
  background-color: #198fed;
  border-color: #198fed;
}

.btn-info.active {
  color: #ffffff;
  background-color: #3dd5f3;
  border-color: #25cff2;
}

.btn-info.active:focus {
  box-shadow: 0 0 0 0.25rem rgba(22, 132, 221, 0.5);
}

.btn-info.disabled {
  color: #ffffff;
  background-color: #198fed;
  border-color: #198fed;
}

.btn-outline-primary {
  color: #c04848;
  border-color: #c04848;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #c04848;
  border-color: #c04848;
}

.btn-outline-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(89, 48, 161, 0.5);
}

.btn-outline-primary:active {
  color: #fff;
  background-color: #c04848;
  border-color: #c04848;
}

.btn-outline-primary:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(89, 48, 161, 0.5);
}

.btn-outline-primary:disabled {
  color: #c04848;
  background-color: transparent;
}

.btn-outline-primary.active {
  color: #fff;
  background-color: #c04848;
  border-color: #c04848;
}

.btn-outline-primary.active:focus {
  box-shadow: 0 0 0 0.25rem rgba(89, 48, 161, 0.5);
}

.btn-outline-primary.dropdown-toggle.show {
  color: #fff;
  background-color: #c04848;
  border-color: #c04848;
}

.btn-outline-primary.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(89, 48, 161, 0.5);
}

.btn-outline-primary.disabled {
  color: #c04848;
  background-color: transparent;
}

.btn-outline-success {
  color: #32ab13;
  border-color: #32ab13;
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #32ab13;
  border-color: #32ab13;
}

.btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem rgba(44, 155, 16, 0.5);
}

.btn-outline-success:active {
  color: #fff;
  background-color: #32ab13;
  border-color: #32ab13;
}

.btn-outline-success:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(44, 155, 16, 0.5);
}

.btn-outline-success:disabled {
  color: #32ab13;
  background-color: transparent;
}

.btn-outline-success.active {
  color: #fff;
  background-color: #32ab13;
  border-color: #32ab13;
}

.btn-outline-success.active:focus {
  box-shadow: 0 0 0 0.25rem rgba(44, 155, 16, 0.5);
}

.btn-outline-success.dropdown-toggle.show {
  color: #fff;
  background-color: #32ab13;
  border-color: #32ab13;
}

.btn-outline-success.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(44, 155, 16, 0.5);
}

.btn-outline-success.disabled {
  color: #32ab13;
  background-color: transparent;
}

.btn-outline-danger {
  color: #f02769;
  border-color: #f02769;
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #f02769;
  border-color: #f02769;
}

.btn-outline-danger:focus {
  box-shadow: 0 0 0 0.25rem rgba(228, 32, 97, 0.5);
}

.btn-outline-danger:active {
  color: #fff;
  background-color: #f02769;
  border-color: #f02769;
}

.btn-outline-danger:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(228, 32, 97, 0.5);
}

.btn-outline-danger:disabled {
  color: #f02769;
  background-color: transparent;
}

.btn-outline-danger.active {
  color: #fff;
  background-color: #f02769;
  border-color: #f02769;
}

.btn-outline-danger.active:focus {
  box-shadow: 0 0 0 0.25rem rgba(228, 32, 97, 0.5);
}

.btn-outline-danger.dropdown-toggle.show {
  color: #fff;
  background-color: #f02769;
  border-color: #f02769;
}

.btn-outline-danger.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(228, 32, 97, 0.5);
}

.btn-outline-danger.disabled {
  color: #f02769;
  background-color: transparent;
}

.btn-outline-info {
  color: #198fed;
  border-color: #198fed;
}

.btn-outline-info:hover {
  color: #000;
  background-color: #198fed;
  border-color: #198fed;
}

.btn-outline-info:focus {
  box-shadow: 0 0 0 0.25rem rgba(22, 132, 221, 0.5);
}

.btn-outline-info:active {
  color: #000;
  background-color: #198fed;
  border-color: #198fed;
}

.btn-outline-info:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(22, 132, 221, 0.5);
}

.btn-outline-info:disabled {
  color: #198fed;
  background-color: transparent;
}

.btn-outline-info.active {
  color: #000;
  background-color: #198fed;
  border-color: #198fed;
}

.btn-outline-info.active:focus {
  box-shadow: 0 0 0 0.25rem rgba(22, 132, 221, 0.5);
}

.btn-outline-info.dropdown-toggle.show {
  color: #000;
  background-color: #198fed;
  border-color: #198fed;
}

.btn-outline-info.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(22, 132, 221, 0.5);
}

.btn-outline-info.disabled {
  color: #198fed;
  background-color: transparent;
}

.btn.loading-icon {
  color: transparent;
  pointer-events: none;
  cursor: default;
}

.btn.loading-icon-w {
  color: transparent;
  pointer-events: none;
  cursor: default;
}

.accordion-button:not(.collapsed) {
  color: #c04848;
  background-color: rgba(103, 58, 183, 0.12);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.13);
}

.accordion-button:focus {
  border-color: #c04848;
  box-shadow: 0 0 0 0.25rem rgba(103, 58, 183, 0.25);
}

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

.nav-link {
  color: #c04848;
}

.page-link {
  color: #c04848;
}

.page-link:focus {
  z-index: 3;
  color: #c04848;
  background-color: #e9ecef;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(104, 58, 183, 0.5);
}

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

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

.nav-pills .nav-link.active {
  background-color: #c04848;
}

.nav-pills .show > .nav-link {
  background-color: #c04848;
}

.btn-white {
  color: #212529;
  background-color: #ffffff;
  border-color: #ced4da;
}

.btn-light-primary {
  color: #c04848;
  background-color: rgba(103, 58, 183, 0.3);
  border-color: rgba(103, 58, 183, 0.3);
}

.btn-light-success {
  color: #32ab13;
  background-color: rgba(50, 171, 19, 0.3);
  border-color: rgba(50, 171, 19, 0.3);
}

.btn-light-danger {
  color: #f02769;
  background-color: rgba(240, 39, 105, 0.3);
  border-color: rgba(240, 39, 105, 0.3);
}

.btn-light-info {
  color: #198fed;
  background-color: rgba(25, 143, 237, 0.3);
  border-color: rgba(25, 143, 237, 0.3);
}

.btn-light-warning {
  color: #212529;
  background-color: rgba(255, 193, 7, 0.3);
  border-color: rgba(255, 193, 7, 0.3);
}

.btn-light-secondary {
  color: #5a7684;
  background-color: rgba(90, 118, 132, 0.3);
  border-color: rgba(90, 118, 132, 0.3);
}

.btn-light-dark {
  color: #343a40;
  background-color: rgba(52, 58, 64, 0.3);
  border-color: rgba(52, 58, 64, 0.3);
}

.btn-facebook {
  box-shadow: 0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12);
  background-color: #3b5998;
  border-color: #3b5998;
  color: #fff;
}

.btn-facebook:hover {
  color: #fff;
}

.btn-facebook:focus {
  box-shadow: 0 0 0 0.2rem rgba(59, 89, 152, 0.5);
}

.btn-twitter {
  box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12);
  background-color: #55acee;
  border-color: #55acee;
  color: #fff;
}

.btn-twitter:hover {
  color: #fff;
}

.btn-twitter:focus {
  box-shadow: 0 0 0 0.2rem rgba(85, 172, 238, 0.5);
}

.btn-linkedin {
  box-shadow: 0 2px 2px 0 rgba(9, 118, 180, 0.14), 0 3px 1px -2px rgba(9, 118, 180, 0.2), 0 1px 5px 0 rgba(9, 118, 180, 0.12);
  background-color: #0976b4;
  border-color: #0976b4;
  color: #fff;
}

.btn-linkedin:hover {
  color: #fff;
}

.btn-linkedin:focus {
  box-shadow: 0 0 0 0.2rem rgba(9, 118, 180, 0.5);
}

.btn-youtube {
  box-shadow: 0 2px 2px 0 rgba(229, 45, 39, 0.14), 0 3px 1px -2px rgba(229, 45, 39, 0.2), 0 1px 5px 0 rgba(229, 45, 39, 0.12);
  background-color: #e52d27;
  border-color: #e52d27;
  color: #fff;
}

.btn-youtube:hover {
  color: #fff;
}

.btn-youtube:focus {
  box-shadow: 0 0 0 0.2rem rgba(229, 45, 39, 0.5);
}

.btn-github {
  box-shadow: 0 2px 2px 0 rgba(51, 51, 51, 0.14), 0 3px 1px -2px rgba(51, 51, 51, 0.2), 0 1px 5px 0 rgba(51, 51, 51, 0.12);
  background-color: #333333;
  border-color: #333333;
  color: #fff;
}

.btn-github:hover {
  color: #fff;
}

.btn-github:focus {
  box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.5);
}

.btn-skype {
  box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12);
  background-color: #00aff0;
  border-color: #00aff0;
  color: #fff;
}

.btn-skype:hover {
  color: #fff;
}

.btn-skype:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 175, 240, 0.5);
}

.btn-pinterest {
  box-shadow: 0 2px 2px 0 rgba(204, 33, 39, 0.14), 0 3px 1px -2px rgba(204, 33, 39, 0.2), 0 1px 5px 0 rgba(204, 33, 39, 0.12);
  background-color: #cc2127;
  border-color: #cc2127;
  color: #fff;
}

.btn-pinterest:hover {
  color: #fff;
}

.btn-pinterest:focus {
  box-shadow: 0 0 0 0.2rem rgba(204, 33, 39, 0.5);
}

.btn-dribbble {
  box-shadow: 0 2px 2px 0 rgba(234, 76, 137, 0.14), 0 3px 1px -2px rgba(234, 76, 137, 0.2), 0 1px 5px 0 rgba(234, 76, 137, 0.12);
  background-color: #ea4c89;
  border-color: #ea4c89;
  color: #fff;
}

.btn-dribbble:hover {
  color: #fff;
}

.btn-dribbble:focus {
  box-shadow: 0 0 0 0.2rem rgba(234, 76, 137, 0.5);
}

.btn-group-round button:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.btn-group-round button:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

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

.bg-secondary {
  background-color: #5a7684 !important;
}

.bg-success {
  background-color: #32ab13 !important;
}

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

.bg-warning {
  background-color: #ffc107 !important;
}

.bg-info {
  background-color: #198fed !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

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

.bg-login-color {
  background-color: #5f4a99 !important;
}

.bg-rose {
  background-color: #ff007c !important;
}

.bg-voilet {
  background-color: #7d00b5 !important;
}

.bg-dribbble {
  background-color: #ea4c89 !important;
}

.bg-facebook {
  background-color: #3b5998 !important;
}

.bg-twitter {
  background-color: #55acee !important;
}

.bg-google {
  background-color: #e52d27 !important;
}

.bg-linkedin {
  background-color: #0976b4 !important;
}

.bg-youtube {
  background-color: #f8130b !important;
}

.bg-tumblr {
  background-color: #34526f !important;
}

.bg-vimeo {
  background-color: #86c9ef !important;
}

.bg-body {
  background-color: #f6f6f6 !important;
}

.bg-gray {
  background-color: #dee1e6 !important;
}

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

.bg-primary-blue {
  background-color: #265ed7 !important;
}

.bg-dark-blue {
  background-color: #0c1b7a !important;
}

.bg-shine-info {
  background-color: #54dee4 !important;
}

.bg-wall {
  background-color: #00cd98 !important;
}

.bg-sunset {
  background-color: #ff8b01 !important;
}

.bg-light-primary {
  background-color: rgba(103, 58, 183, 0.15) !important;
}

.bg-light-success {
  background-color: rgba(50, 171, 19, 0.15) !important;
}

.bg-light-danger {
  background-color: rgba(250, 146, 180, 0.15) !important;
}

.bg-light-warning {
  background-color: rgba(255, 193, 7, 0.15) !important;
}

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

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

.bg-light-shineblue {
  background-color: rgba(1, 215, 255, 0.15) !important;
}

.bg-light-cyne {
  background-color: rgba(0, 139, 139, 0.15) !important;
}

.bg-split-primary {
  background-color: #4f2894;
  border-color: #4f2894;
}

.bg-light-sinata {
  background-color: rgba(165, 43, 187, 0.15) !important;
}

.bg-light-mehandi {
  background: rgba(195, 240, 36, 0.26) !important;
}

.bg-gradient-danger {
  background-image: linear-gradient(to left, #ff758c 0%, #ff7eb3 100%);
}

.bg-gradient-voilet {
  background-image: linear-gradient(to left, #a18cd1 0%, #fbc2eb 100%);
}

.bg-gradient-success {
  background-image: linear-gradient(to left, #05ac9d 0%, #20cfbf 100%);
}

.bg-gradient-mehandi {
  background-image: linear-gradient(to right, #dbe287, #cac531);
}

.text-primary {
  color: #c04848;
}

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

.text-success {
  color: #32ab13 !important;
}

.text-facebook {
  color: #3b5998 !important;
}

.text-twitter {
  color: #55acee !important;
}

.text-youtube {
  color: #f8130b !important;
}

.text-linkedin {
  color: #0a66c2 !important;
}

.text-skype {
  color: #00aff0 !important;
}

.text-purple {
  color: #8280ff !important;
}

.text-shineblue {
  color: #01d7ff !important;
}

.text-cyne {
  color: #008b8b !important;
}

.text-primary-blue {
  color: #265ed7 !important;
}

.text-dark-blue {
  color: #0c1b7a !important;
}

.text-shine-info {
  color: #54dee4 !important;
}

.text-grey {
  color: #dee1e6 !important;
}

.text-red {
  color: #ff392b !important;
}

.text-sinata {
  color: #a52bbb !important;
}

.text-mehandi {
  color: #839838 !important;
}

.border-lg-top-primary {
  border-top: 4px solid #c04848;
}

.border-lg-top-info {
  border-top: 4px solid #198fed;
}

.border-lg-top-danger {
  border-top: 4px solid #f02769;
}

.icon-color-1 {
  color: #ff3030;
}

.icon-color-2 {
  color: #ff007c;
}

.icon-color-3 {
  color: #4CAF50;
}

.icon-color-4 {
  color: #ff8b01;
}

.icon-color-5 {
  color: #a400ed;
}

.icon-color-6 {
  color: #009688;
}

.icon-color-7 {
  color: #03A9F4;
}

.icon-color-8 {
  color: #c37458;
}

.icon-color-9 {
  color: #265ed7;
}

.icon-color-10 {
  color: #30d4e4;
}

.icon-color-11 {
  color: #ca9805;
}

.icon-color-12 {
  color: #a24f30;
}

.section-authentication-login {
  height: 100vh;
  margin: 0;
  padding: 0;
}

.section-authentication-register {
  height: 100%;
  padding: 1.5rem;
}

.authentication-forgot {
  height: 100vh;
  padding: 0 1rem;
}

.forgot-box {
  width: 27rem;
  border-radius: 30px;
}

.authentication-reset-password {
  height: 100vh;
  padding: 0 1rem;
}

.authentication-lock-screen {
  height: 100vh;
  padding: 0 1rem;
}

.error-404 {
  height: 100vh;
  padding: 0 1rem;
}

.login-card {
  border-right: 1px solid #dee2e6 !important;
}

.error-social a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  margin: 5px;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.profile-social a {
  display: inline-block;
  width: 33px;
  height: 33px;
  line-height: 33px;
  font-size: 15px;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  margin: 2px;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.bg-forgot {
  background-image: url(../images/login-images/bg-forgot-password.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.bg-lock-screen {
  background-image: url(../images/login-images/bg-lock-screen.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.bg-login {
  background-image: url(../images/login-images/bg-login-img.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.bg-register {
  background-image: url(../images/login-images/bg-register-img.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.bg-coming-soon {
  background-image: url(../images/login-images/bg-register-img.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.fm-wrapper {
  position: relative;
}

.fm-left-sidebar {
  background: #ffffff;
  width: 220px;
  height: 100%;
  position: fixed;
  padding: 10px;
  overflow-x: hidden;
  overflow-y: scroll;
}

.fm-body {
  background: white;
  width: 100%;
  height: 100%;
}

.fm-menu .list-group a {
  font-size: 16px;
  color: #5f5f5f;
  display: flex;
  align-items: center;
}

.fm-menu .list-group a i {
  font-size: 23px;
}

.fm-menu .list-group a:hover {
  background: #c04848;
  color: #ffffff;
  transition: all 0.2s ease-out;
}

.fm-icon-box {
  font-size: 32px;
  background: #ffffff;
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
}

.fm-file-box {
  font-size: 25px;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  position: relative;
  object-fit: cover;
}

.fm-file-box img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.fullcover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fullcontain {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.user-groups img {
  margin-left: -14px;
  border: 1px solid #e4e4e4;
  padding: 2px;
  cursor: pointer;
}

.user-plus {
  width: 33px;
  height: 33px;
  margin-left: -14px;
  line-height: 33px;
  background: #ffffff;
  border-radius: 50%;
  text-align: center;
  font-size: 22px;
  cursor: pointer;
  border: 1px dotted #a9b2bb;
  color: #404142;
}

.table-responsive {
  white-space: nowrap;
  overflow-y: hidden;
}

.table td {
  vertical-align: middle;
  color: #6d757b;
  position: relative;
  border: 0 none;
}

.table th {
  vertical-align: middle;
  color: #fff;
  border: 0 none;
  background-color: #888;
  font-weight: 100;
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow {
  right: 1em;
}

#invoice {
  padding: 0px;
}

.invoice {
  position: relative;
  background-color: #FFF;
  min-height: 680px;
  padding: 15px;
}

.invoice header {
  padding: 10px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #c04848;
}

.invoice .company-details {
  text-align: right;
}

.invoice .company-details .name {
  margin-top: 0;
  margin-bottom: 0;
}

.invoice .contacts {
  margin-bottom: 20px;
}

.invoice .invoice-to {
  text-align: left;
}

.invoice .invoice-to .to {
  margin-top: 0;
  margin-bottom: 0;
}

.invoice .invoice-details {
  text-align: right;
}

.invoice .invoice-details .invoice-id {
  margin-top: 0;
  color: #c04848;
}

.invoice main {
  padding-bottom: 50px;
}

.invoice main .thanks {
  margin-top: -100px;
  font-size: 2em;
  margin-bottom: 50px;
}

.invoice main .notices {
  padding-left: 6px;
  border-left: 6px solid #c04848;
  background: #e7f2ff;
  padding: 10px;
}

.invoice main .notices .notice {
  font-size: 1.2em;
}

.invoice table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 20px;
}

.invoice table td {
  padding: 15px;
  background: #eee;
  border-bottom: 1px solid #fff;
}

.invoice table td h3 {
  margin: 0;
  font-weight: 400;
  color: #c04848;
  font-size: 1.2em;
}

.invoice table th {
  padding: 15px;
  background: #eee;
  border-bottom: 1px solid #fff;
  white-space: nowrap;
  font-weight: 400;
  font-size: 16px;
}

.invoice table .qty {
  text-align: right;
  font-size: 1.2em;
}

.invoice table .total {
  text-align: right;
  font-size: 1.2em;
  background: #c04848;
  color: #fff;
}

.invoice table .unit {
  text-align: right;
  font-size: 1.2em;
  background: #ddd;
}

.invoice table .no {
  color: #fff;
  font-size: 1.6em;
  background: #c04848;
}

.invoice table tbody tr:last-child td {
  border: none;
}

.invoice table tfoot td {
  background: 0 0;
  border-bottom: none;
  white-space: nowrap;
  text-align: right;
  padding: 10px 20px;
  font-size: 1.2em;
  border-top: 1px solid #aaa;
}

.invoice table tfoot tr:first-child td {
  border-top: none;
}

.invoice table tfoot tr:last-child td {
  color: #c04848;
  font-size: 1.4em;
  border-top: 1px solid #c04848;
}

.invoice table tfoot tr td:first-child {
  border: none;
}

.invoice footer {
  width: 100%;
  text-align: center;
  color: #777;
  border-top: 1px solid #aaa;
  padding: 8px 0;
}

.main-row {
  height: 100vh;
}

.main-col {
  max-width: 500px;
  min-height: 300px;
}

.todo-done {
  text-decoration: line-through;
}

.chat-wrapper {
  width: auto;
  height: 600px;
  border-radius: 0.25rem;
  position: relative;
  background: #ffffff;
  box-shadow: 0 0.1rem 0.7rem rgba(0, 0, 0, 0.1);
}

.chat-sidebar {
  width: 340px;
  height: 100%;
  position: absolute;
  background: #ffffff;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
  overflow: hidden;
  border-right: 1px solid rgba(0, 0, 0, 0.125);
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.chat-sidebar-header {
  width: auto;
  height: auto;
  position: relative;
  background: #ffffff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  border-right: 0px solid rgba(0, 0, 0, 0.125);
  border-top-left-radius: 0.25rem;
  padding: 15px;
}

.chat-sidebar-header .chat-user-online:before {
  content: "";
  position: absolute;
  bottom: 7px;
  left: 40px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #fff;
  background: #16e15e;
}

.chat-sidebar-content {
  padding: 0px;
}

.chat-user-online {
  position: relative;
}

.chat-list {
  position: relative;
  height: 300px;
}

.chat-list .chat-user-online:before {
  content: "";
  position: absolute;
  bottom: 7px;
  left: 36px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #fff;
  background: #16e15e;
}

.chat-list .list-group-item {
  border: 1px solid rgba(0, 0, 0, 0);
  background-color: transparent;
}

.chat-list .list-group-item:hover {
  border: 1px solid rgba(0, 0, 0, 0);
  background-color: rgba(103, 58, 183, 0.15);
}

.chat-list .list-group-item.active {
  background-color: rgba(103, 58, 183, 0.15);
}

.chat-header {
  position: absolute;
  height: 70px;
  left: 340px;
  right: 0;
  top: 0;
  padding: 15px;
  background: #ffffff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  border-top-right-radius: 0.25rem;
  z-index: 1;
}

.chat-footer {
  height: 70px;
  padding: 15px;
  background: #f8f9fa;
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  border-bottom-right-radius: 0.25rem;
}

.chat-footer-menu .send-container {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  color: #6c757d;
  text-align: center;
  border-radius: 50%;
  margin: 3px;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.15);
  cursor: pointer;
}

.chat-tab-menu li a.nav-link {
  padding: 0.3rem 0.2rem;
  line-height: 1.2;
  color: #4a4b4c;
}

.chat-tab-menu .nav-pills .nav-link.active {
  color: #c04848;
  background-color: rgba(0, 123, 255, 0);
}

.chat-tab-menu .nav-pills .show > .nav-link {
  color: #c04848;
  background-color: rgba(0, 123, 255, 0);
}

.chat-title {
  font-size: 16px;
  color: #272b2f;
}

.chat-msg {
  font-size: 14px;
  color: #6c757d;
}

.chat-time {
  font-size: 13px;
  color: #6c757d;
}

.chart-online {
  color: #16e15e;
}

.chat-top-header-menu a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  color: #6c757d;
  text-align: center;
  border-radius: 50%;
  margin: 3px;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.chat-content-leftside .chat-left-msg {
  width: fit-content;
  background-color: #eff2f5;
  padding: 0.8rem;
  border-radius: 12px;
  max-width: 80%;
  text-align: left;
  border-top-left-radius: 0;
  min-width: 3;
}

.chat-content-rightside .chat-right-msg {
  width: fit-content;
  background-color: #dcedff;
  padding: 0.8rem;
  border-radius: 12px;
  float: right;
  max-width: 80%;
  text-align: left;
  border-bottom-right-radius: 0;
}

.chat-toggle-btn {
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin-right: 15px;
  text-align: center;
  font-size: 24px;
  color: #6c757d;
  border-radius: 50%;
  cursor: pointer;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.email-wrapper {
  width: auto;
  height: 600px;
  overflow: hidden;
  border-radius: 0.25rem;
  position: relative;
  background: #ffffff;
  box-shadow: 0 0.1rem 0.7rem rgba(0, 0, 0, 0.1);
}

.email-sidebar {
  width: 250px;
  height: 100%;
  position: absolute;
  background: #fff;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
  overflow: hidden;
  border-right: 1px solid rgba(0, 0, 0, 0.125);
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.email-sidebar-header {
  width: auto;
  height: auto;
  position: relative;
  background: #ffffff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  border-right: 0px solid rgba(0, 0, 0, 0.125);
  border-top-left-radius: 0.25rem;
  padding: 15px;
}

.email-navigation {
  position: relative;
  padding: 0px;
  height: 345px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.email-navigation a.list-group-item {
  color: #404142;
  padding: 0.35rem 1.25rem;
  background-color: white;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  transition: all 0.3s ease-out;
}

.email-navigation a.list-group-item:hover {
  background-color: rgba(103, 58, 183, 0.12);
}

.email-navigation a.list-group-item.active {
  color: #c04848;
  font-weight: 600;
  background-color: rgba(103, 58, 183, 0.12);
}

.email-header {
  position: absolute;
  height: 70px;
  left: 250px;
  right: 0;
  top: 0;
  padding: 15px;
  background: #ffffff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  border-top-right-radius: 0.25rem;
  z-index: 1;
}

.email-content {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  top: 70px;
  height: auto;
  margin-left: 250px;
  padding: 0;
  background: #ffffff;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.email-meeting {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.email-meeting a.list-group-item {
  color: #404142;
  padding: 0.35rem 1.25rem;
  background-color: white;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}

.email-meeting a.list-group-item:hover {
  background-color: rgba(0, 123, 255, 0.15);
  transition: all 0.3s ease-out;
}

.email-hangout .chat-user-online:before {
  content: "";
  position: absolute;
  bottom: 7px;
  left: 37px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #fff;
  background: #16e15e;
}

.email-toggle-btn {
  width: auto;
  height: auto;
  margin-right: 10px;
  text-align: center;
  font-size: 24px;
  color: #404142;
  border-radius: 0;
  cursor: pointer;
  background-color: white;
  border: 0px solid rgba(0, 0, 0, 0.15);
}

.email-actions {
  width: 230px;
}

.email-time {
  font-size: 13px;
  color: #6c757d;
}

.email-list {
  position: relative;
  height: 530px;
}

.email-list div.email-message {
  background: #ffffff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  color: #383a3c;
}

.email-list div.email-message:hover {
  transition: all 0.2s ease-out;
  background-color: #eceef1;
}

.email-star {
  color: #6c757d;
}

.email-read-box {
  position: relative;
  height: 530px;
}

.compose-mail-popup {
  width: 42%;
  position: fixed;
  bottom: -30px;
  right: 30px;
  z-index: 15;
  display: none;
}

.compose-mail-toggled {
  display: block;
}

.compose-mail-title {
  font-size: 16px;
}

.compose-mail-close {
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  font-size: 14px;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0);
}

.compose-mail-close:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.nav-search input.form-control {
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}

.nav-search input.form-control::placeholder {
  opacity: 0.5 !important;
  color: #fff !important;
}

.nav-search input.form-control::-ms-input-placeholder {
  color: #fff !important;
}

.nav-search button[type=submit] {
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.32);
  color: #fff;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}

.nav-width {
  width: 340px !important;
}

.round-pagination.pagination .page-item:first-child .page-link {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}

.round-pagination.pagination .page-item:last-child .page-link {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}

.login-separater span {
  position: relative;
  top: 26px;
  margin-top: -10px;
  background: #ffffff;
  padding: 5px;
  font-size: 12px;
  color: #cbcbcb;
  z-index: 1;
}

.login-img {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

.contacts-social a {
  font-size: 16px;
  width: 26px;
  height: 26px;
  line-height: 26px;
  background: #f7f5f5;
  text-align: center;
  border-radius: 0.25rem;
}

.iconFilterTypes {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}

.iconFilterTypes .tab.active {
  font-weight: 700;
  color: #756af8;
}

.iconFilterTypes .tab {
  color: #000;
  font-weight: 700;
  display: inline-block;
  cursor: pointer;
}

.iconFilterTypes .tab:hover {
  font-weight: 700;
  color: #756af8;
}

.list {
  position: relative;
}

ul.icons {
  list-style: none;
}

ul.icons li {
  position: relative;
  cursor: pointer;
  padding: 10px;
  width: 204px;
  float: left;
  box-shadow: 0 1px 5px #e3e7eb;
  margin: 13px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #f8f9fb;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

ul.icons li i {
  color: #c04848;
  width: 30px;
  height: 30px;
  font-size: 30px;
  text-align: center;
  display: block;
  float: left;
  line-height: 34px;
  margin-left: 5px;
}

ul.icons li:hover {
  background: #eef1f7;
}

ul.icons li span {
  text-indent: 15px;
  display: block;
  line-height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pByfF {
  animation-fill-mode: forwards;
  cursor: pointer;
  display: inline-block;
  flex: 0 0 10%;
  transition: all 0.15s ease 0s;
  border-radius: 8px;
  overflow: hidden;
  outline: none !important;
  background: #f8f9fb;
  box-shadow: 0 1px 5px #e3e7eb;
  width: 122px;
  height: 122px;
  margin: 7px 7px;
  padding: 10px 14px;
}

.pByfF .icon-box-inner {
  font-weight: 700;
  position: relative;
  font-size: 16px;
  line-height: 35px;
  text-align: center;
  pointer-events: none;
  margin: 1px;
  border-radius: 8px;
  background: transparent;
  padding: 18px 10px;
}

.pByfF .icon-box-inner .icon-box-name {
  font-size: 12px;
  text-transform: capitalize;
  user-select: none;
  color: #a5a5a5;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 15px;
  overflow: hidden;
  margin: 5px auto 2px;
}

.pByfF i {
  color: #c04848;
  font-size: 36px;
}

.pByfF:hover {
  background: #eaecf1;
}

.pByfF.active .icon-box-inner {
  background: #eeeeee;
}

.media-icons {
  font-size: 54px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
}

.dashboard-icons {
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ededed;
  font-size: 42px;
  border-radius: 10px;
}

.widgets-icons {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ededed;
  font-size: 26px;
  border-radius: 10px;
}

.widgets-social {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ededed;
  font-size: 22px;
  border-radius: 10px;
}

.icon-box {
  padding: 10px 14px;
  background: #ffffff;
  box-shadow: 0 1px 5px #e3e7eb;
}

.icon-symbol i {
  font-size: 30px;
  color: #c04848;
}

.p-10 {
  padding: 10px;
}

.p-15 {
  padding: 15px;
}

.font-small {
  font-size: 50%;
}

.font-13 {
  font-size: 13px;
}

.font-14 {
  font-size: 14px;
}

.font-20 {
  font-size: 20px;
}

.font-22 {
  font-size: 22px;
}

.font-24 {
  font-size: 24px;
}

.font-30 {
  font-size: 30px;
}

.font-35 {
  font-size: 35px;
}

.font-40 {
  font-size: 40px;
}

.font-60 {
  font-size: 60px;
}

.radius-10 {
  border-radius: 10px;
}

.radius-15 {
  border-radius: 15px;
}

.radius-30 {
  border-radius: 30px;
}

.row.row-group > div {
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}

.row.row-group > div:last-child {
  border-right: none;
}

.accordion .card-header:after {
  font-family: "LineIcons";
  content: "";
  float: right;
  color: #c04848;
}

.accordion .card-header.collapsed:after {
  content: "";
}

.color-acordians .accordion .card-header:after {
  color: #fff;
}

.cursor-pointer {
  cursor: pointer;
}

.chart-container1 {
  position: relative;
  height: 340px;
}

.chart-container2 {
  position: relative;
  height: 400px;
}

.chart-container3 {
  position: relative;
  width: 200px;
  height: 80px;
  right: -1.25rem;
  top: -1rem;
}

.gmaps {
  height: 400px;
  background: #eeeeee;
  border-radius: 3px;
}

.gmaps-panaroma {
  height: 400px;
  background: #eeeeee;
  border-radius: 3px;
}

#location-map {
  width: 100%;
  height: 260px;
}

#geographic-map {
  width: 100%;
  height: 340px;
}

.product-img {
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f3f3f3;
  border-radius: 10px;
}

.page-breadcrumb .breadcrumb {
  background-color: transparent;
}

.page-breadcrumb .breadcrumb li.breadcrumb-item {
  font-size: 16px;
}

.page-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  color: #6c757d;
  font-family: "LineIcons";
  content: "";
}

.breadcrumb-title {
  font-size: 20px;
  border-right: 1.5px solid #aaa4a4;
}

.vertical-align-middle {
  vertical-align: middle;
}

.back-to-top {
  display: none;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 26px;
  color: white;
  position: fixed;
  border-radius: 10px;
  bottom: 20px;
  right: 12px;
  background-color: #c04848;
  z-index: 10000;
}

.back-to-top:hover {
  color: white;
  background-color: #000;
  transition: all 0.5s;
}

.vertical-separater {
  width: 1px;
  background: #dadada;
  height: 50px;
  margin: auto;
}

.btn-switcher {
  position: fixed;
  right: 0px;
  top: 40%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.offcanvas-end {
  width: 300px;
}

t[en] {
  display: none;
}

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

.shaded {
  background-color: #eee;
}

.floating-tip {
  background-color: rgba(234, 76, 137, 0.5);
  border: 0 none;
}

.apexcharts-tooltip.apexcharts-theme-light {
  border: 0 none !important;
  background: #ddd !important;
  border-radius: 0;
  box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
}

.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
  padding: 3px;
  font-size: 15px;
  margin-bottom: 4px;
}

.apexcharts-tooltip-series-group:last-child {
  margin-bottom: 4px;
}

.apexcharts-tooltip-series-group.apexcharts-active .apexcharts-tooltip-y-group {
  padding: 0 4px;
  font-size: 14px;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  letter-spacing: -0.5px;
}

.apexcharts-tooltip-marker {
  width: 12px;
  height: 12px;
  position: relative;
  top: 0;
  margin-right: 4px;
  border-radius: 0;
}

.small {
  font-size: 0.6em;
}

small {
  font-size: 0.6em;
}

*[href] {
  cursor: pointer;
}

.dud {
  color: #aaa;
}

.chart-periods {
  display: flex;
  gap: 0.5em;
}

.chart-periods .item {
  padding: 0.4em;
  line-height: 1em;
  background-color: #c04848;
  color: #fff;
  text-align: center;
  cursor: pointer;
}

.chart-periods .item[selected] {
  background-color: #000;
}

.loading-effect {
  -webkit-animation: pulse-animation 0.3s linear infinite;
  animation: pulse-animation 0.3s linear infinite;
}

form.login.loading {
  opacity: 0;
}

#divLoginFormContainer.loading-icon {
  font-size: 2em;
}

#divLoginFormContainer.loading-icon form {
  opacity: 0;
}

.loading-icon {
  position: relative;
}

.loading-icon::after {
  height: 2em;
  width: 2em;
  background-size: 100%;
  background-repeat: no-repeat;
  -webkit-animation: spinner-animation 1s linear infinite;
  animation: spinner-animation 1s linear infinite;
  position: absolute;
  content: "";
  left: calc(50% - 1em);
  top: calc(50% - 1em);
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABDlBMVEUAAABEREBEREBEREBDQz8AAAAAAAA1NTIBAQExMS4yMi8BAQEBAQErKykAAAABAQEkJCIzMzA1NTIAAAAAAAABAQECAgICAgIICAgFBQUYGBcRERAaGhgaGhgZGRdEREAHBwYAAAAHBwcICAcCAgIGBgYVFRMSEhEGBgYPDw4QEBA0NDExMS4bGxkfHx0AAAALCwoAAAAEBAQLCwsQEA8CAgIFBQUQEA8XFxUhIR8EBAQHBwcdHRsODg0uLiwrKygvLyw3NzMEBAQBAQEGBgYaGhgGBgYcHBoHBwcMDAsMDAsjIyEjIyIVFRQnJyQKCgoSEhEWFhQ1NTIWFhUODg0cHBseHhwcHBoPDw4BAQFSuOVFAAAAWXRSTlMABQgEBvvmDNoVCPPvGPXTKR0O7erk1smtp42NdGA9B+Pg39LRvqWUeFdHMCUdD9fNu6+imJSHhoWAf3NqYUI7MhPFwaWbi4Zsa2hbWVJKODUuKSWmlIYsKOKjPsoAAAMXSURBVFjDnZcHc+IwEIWfI4ELOLSQQOgECKFdeu+X3nO55v//R46baG2ZALZ4M2iYsb619CRLuwDDOKXP7neaiWithCAxhjlwTWoA8zFfcz61MGD0YGzDAMxB06QG7ztZx1UsRQ8mNCM80N2adyTFbQTw8PGDZcIpQArTeI0BXIrWWSTQm8JUngNM4g+dL4rqbArvMxHp/Bd83nhGWBNhfvexkfXVk7OeHsyD+CUZX2n/4RiKxh9oInT5/UtPlrc6oUwEpPln7iwEo34T0fb4jQ+E5slEvEZc/peGUKhsIrMSLn+A8DyZyHEg8UyBJxN7MeKviVcyEdvEX3Ko8GRCnwYQ+zsDL39CbeLVTNTrgjd0KPMcwIsjdEy8ook7gq+mlVBqoNEhtDsbjx+0i9+ghpKJa66Fs/Ac2BUBWuDaTCbmRIA7aLOZQCfZC2bjYYgztKuKkolRcYD3oYxq+K8FusIUeUC39AHzAthQ49+ai0a9tvLsTqEHpfFbYgNn8U2YeK7mH23grLuMHajwKNMV5m6kopqJJYFtYl/8y4Mr8LgW2I37MdV1FZ7TTfKIHn3OZQUT8C6oSBJoiACrKh/xbwElGFCgZMYMvxPSdfet3oI4xdA8Tog5BeDerFkzJK9Z32gGHEMVKdxN2JVsE3EEBsBeoLzqLBzfjVEibX8m2/sUcPEiDK+vU//bIY7hz4w6QpsaAnm0qHfVFCkOjh3SNlgQv+yQTijFAZpSBPCQ/AY45YlIxh1S7gKVyXy65eXxH5DyxJLjKnEKjOeB83Wv3xqkPJFJI3MiBRMYxw8OpWJiD75kW8NPx1OtaAK+mQx18WBIXbYA7k+2rZyvTFgtpyFJf12uys/zc+CjFYt15fhkXBU7533b7nc79y3a/PR+4v0VS8EZVSQWz8ToxPHNn3+tWDhQijshlCkRP1r2VZBsBvMbSUwp+3CcnY5XH2RCNpGW096LTsajtzb4xLKPBpE6WhmPN45SmFCxcKmpAJVyoTE/sh6NwqlGneUGYAAbbYZKru1vXhrRTCZqLOV2n5IAPfU3/wCJl2WUTMXuzgAAAABJRU5ErkJggg==);
}

.loading-icon-w {
  position: relative;
}

.loading-icon-w::after {
  height: 2em;
  width: 2em;
  background-size: 100%;
  background-repeat: no-repeat;
  -webkit-animation: spinner-animation 1s linear infinite;
  animation: spinner-animation 1s linear infinite;
  position: absolute;
  content: "";
  left: calc(50% - 1em);
  top: calc(50% - 1em);
  background-image: url(data:image/png;base64,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);
}

.w3em {
  width: 3em;
}

.w5em {
  width: 5em;
}

.w10em {
  width: 10em;
}

#card_income {
  height: 365px;
  margin-left: -20px;
  margin-right: -20px;
}

.apexcharts-toolbar {
  margin-right: 20px;
}

.ellipsis-loading {
  width: 1em;
  display: inline-block;
}

.content-table .status-date {
  display: block;
  font-size: 0.75em;
  text-align: center;
  margin-top: 0.25rem;
}

.content-table button:not(.btn-outline-dark) {
  border: none;
  background: transparent;
}

.content-table .datepicker {
  position: relative;
}

.content-table .datepicker i {
  position: absolute;
  right: 1.25em;
  top: 1em;
  color: black;
}

.content-table .add-item-button {
  cursor: pointer;
  color: black;
}

.content-table .remove-item-button {
  cursor: pointer;
  color: black;
}

.content-table .advanced.collapsed {
  display: none !important;
}

.content-table .btn-remove-new-item {
  cursor: pointer;
  color: black;
}

.content-table .items {
  background-color: white;
  padding: 0.5em;
}

.content-table .items h5 {
  color: black;
}

.content-table td:first-of-type {
  padding-bottom: 2em;
}

.card-top-games .card-body {
  padding: 1.5em;
}

.card-top-games .content {
  position: relative;
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  width: calc(16.4%);
}

.card-top-games .content .btn-edit {
  opacity: 0;
  transition: opacity 250ms ease-in-out;
  position: absolute;
  top: -1em;
  right: 0;
  height: 100%;
  width: 100%;
}

.card-top-games .content .content-container {
  transition: opacity 250ms ease-in-out;
  height: 10em;
  display: flex;
}

.card-top-games .content:hover .content-container {
  opacity: 0.5;
}

.card-top-games .content:hover .btn-edit {
  opacity: 1;
}

.img-container {
  padding: 1em;
  background-color: white;
}

#homeTournamentsContainer .tournament:not(:last-child) {
  border-bottom: solid 1px black;
}

#homeTournamentsContainer .tournament .order-handle {
  cursor: grab;
}

#homeTournamentsContainer .tournament img {
  height: 5em;
}

.card-top-games .card-body {
  padding: 1.5em;
}

.countries .flag {
  cursor: pointer;
}

.countries .flag img {
  display: inline-block;
  height: 2.5em;
  opacity: 0.25;
}

.countries .flag:not(:first-child) img {
  margin-left: 0.5em;
}

.countries .flag.active img {
  opacity: 1;
}

.empty-results {
  padding: 2em 0;
  display: flex;
  justify-content: center;
}

.actions button {
  margin: 0px;
  padding: 4px;
  color: #444;
  border-radius: 0;
  outline: none;
  box-shadow: none;
  border: none;
  background-color: transparent;
}

.actions button:focus {
  box-shadow: none;
}

.actions button:hover {
  background-color: #000;
  color: #fff;
}

.sep {
  flex-grow: 1;
}

@media screen and (min-width: 1024px) {
  .sidebar-header {
    border-right: 1px solid #e4e4e4;
  }
}
@media screen and (min-width: 1271px) {
  .toggle-btn {
    display: none;
  }
}
@media screen and (max-width: 1270px) {
  .page-margin {
    height: 6em;
  }

  .nav-container {
    position: fixed;
    width: 260px;
    right: 0;
    left: -260px;
    z-index: 160;
    border-bottom: 1px solid #e4e4e4;
    background-clip: border-box;
    background-color: #ffffff;
    height: 100%;
    padding: 10px;
    display: flex;
    align-items: start;
    justify-content: flex-start;
    overflow-y: scroll;
    overflow-x: hidden;
  }

  .wrapper.toggled .nav-container {
    display: flex;
    left: 0px;
  }

  .wrapper.toggled .mobile-topbar-header {
    display: flex;
    align-items: center;
    height: 70px;
    background: white;
    border-bottom: 1px solid #f1f1f1;
    background-clip: border-box;
    position: fixed;
    width: 260px;
    left: 0;
    top: 0;
    right: 0;
    z-index: 10;
    padding-left: 15px;
  }

  .wrapper.toggled .overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: 0.6;
    z-index: 15;
    display: block;
    cursor: move;
    transition: all 0.2s ease-out;
  }

  .left-topbar {
    width: auto;
  }

  .search-bar {
    padding: 0rem 1.4rem;
  }

  .email-header {
    height: auto;
  }

  .email-content {
    padding: 100px 0px 0px 0px;
  }
}
.date-content-range {
  cursor: pointer;
  padding: 0 10px;
  user-select: none;
  overflow: hidden;
}

.header-mobile {
  position: fixed;
  top: 70px;
  width: 100%;
  z-index: 100;
}

.header-mobile .navbar {
  padding: 0;
}

.header-mobile .navbar .search-bar {
  display: block;
  padding: 0;
}

.header-mobile .navbar .search-bar .date-content-range {
  height: 3em;
  padding-top: 0.75em;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  .header-mobile .navbar {
    display: none;
  }
}
.page-content,
.page-teams,
.page-tournaments,
.page-encoders {
  padding: 0 1.5rem 4em 1.5rem;
}

@media (min-width: 1271px) {
  .topbar-nav .metismenu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .topbar-nav .metismenu > li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .topbar-nav .metismenu > li > ul {
    position: absolute;
    top: 100%;
    min-width: 100%;
    z-index: 1001;
    background: white;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  }

  .topbar-nav.is-hoverable .metismenu > li > ul {
    height: auto !important;
  }

  .topbar-nav.is-hoverable .metismenu > li:hover > ul {
    display: block;
  }

  .topbar-nav.is-hoverable .metismenu > li:hover > a.has-arrow:after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
}
@media screen and (min-width: 576px) {
  .p-tab-name {
    display: block !important;
  }
}
@media screen and (min-width: 1025px) {
  .chat-toggle-btn {
    display: none !important;
  }

  .email-toggle-btn {
    display: none !important;
  }

  .left-topbar {
    display: none !important;
  }
}
@media print {
  .invoice {
    font-size: 11px !important;
    overflow: hidden !important;
  }

  .invoice footer {
    position: absolute;
    bottom: 10px;
    page-break-after: always;
  }

  .invoice > div:last-child {
    page-break-before: always;
  }
}
@media screen and (max-width: 1024px) {
  .page-margin {
    height: 6em;
  }

  .top-header {
    left: 0px;
  }

  .search-arrow-back {
    display: inline-block;
    margin-right: 0px;
  }

  .search-btn-mobile {
    display: flex;
  }

  .search-bar {
    display: none;
  }

  .full-search-bar {
    display: flex;
    align-items: center;
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 100;
    background: #fff;
    height: 70px;
    padding: 0rem 1.4rem;
  }

  .sidebar-wrapper {
    width: 260px !important;
    left: -260px;
    box-shadow: none;
    z-index: 12;
  }

  .page-content-wrapper {
    margin-left: 0px;
  }

  .wrapper.toggled .sidebar-wrapper {
    left: 0px;
    box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.13);
    transition: all 0.2s ease-out;
    z-index: 16;
  }

  .wrapper.toggled .page-content-wrapper {
    margin-left: 0px;
  }

  .wrapper.toggled .overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: 0.6;
    z-index: 150;
    display: block;
    cursor: move;
    transition: all 0.2s ease-out;
  }

  .wrapper.toggled .footer {
    margin-left: 0px;
  }

  .footer {
    margin-left: 0px;
  }

  .chat-header {
    border-top-left-radius: 0.25rem;
    left: 0px;
  }

  .chat-footer {
    border-bottom-left-radius: 0.25rem;
    left: 0px;
  }

  .chat-sidebar {
    left: -370px;
  }

  .chat-content {
    margin-left: 0px;
  }

  .chat-toggled .chat-sidebar {
    left: 0px;
  }

  .chat-toggled .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 340px;
    background: #000;
    opacity: 0.5;
    z-index: 11;
    display: block;
    cursor: move;
    transition: all 0.3s ease-out;
  }

  .email-header {
    border-top-left-radius: 0.25rem;
    left: 0px;
  }

  .email-sidebar {
    left: -280px;
  }

  .email-content {
    margin-left: 0px;
  }

  .email-toggled .email-sidebar {
    left: 0px;
  }

  .email-toggled .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 250px;
    background: #000;
    opacity: 0.5;
    z-index: 9;
    display: block;
    cursor: move;
    transition: all 0.3s ease-out;
  }
}
@media only screen and (max-width: 1199px) {
  .row.row-group > div {
    border-right: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  }
}
@media screen and (max-width: 991px) {
  .section-authentication-login {
    height: 100%;
    padding: 1.4rem;
  }

  .login-img {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
  }

  .login-card {
    border-right: 0px solid #dee2e6 !important;
    border-bottom: 1px solid #dee2e6 !important;
  }

  .authentication-reset-password {
    height: auto;
    padding: 2rem 1rem;
  }

  .authentication-lock-screen {
    height: auto;
    padding: 2rem 1rem;
  }

  .error-404 {
    height: auto;
    padding: 6rem 1rem;
  }

  .compose-mail-popup {
    width: auto;
    position: fixed;
    bottom: -30px;
    right: 0;
    left: 0;
  }

  #content-table .details-button .content-table .details-button {
    bottom: 0.5em;
    left: 2em;
    font-size: 1.25em;
  }
}
@media screen and (max-width: 991px) and (max-width: 767px) {
  .user-info {
    display: none;
  }

  .lang span {
    display: none;
  }

  .right-topbar .navbar-nav .nav-link {
    padding: 0rem 14px;
    border-left: 0px solid #ededed;
    font-size: 25px;
  }

  .msg-count {
    left: 26px;
  }

  .search-bar .btn-search {
    padding: 0 20px;
  }

  .authentication-forgot {
    height: auto;
    padding: 2.5rem 1rem;
  }

  .fc .fc-toolbar {
    display: flow-root;
  }
}
@media screen and (max-width: 991px) and (max-width: 620px) {
  .top-header .navbar .dropdown-menu {
    width: 100% !important;
  }

  .top-header .navbar .dropdown-menu::after {
    display: none;
  }

  .top-header .navbar .dropdown {
    position: static !important;
  }

  .dropdown-lg-content {
    max-height: 350px;
    overflow-y: scroll;
  }
}
@media screen and (max-width: 991px) and (max-width: 520px) {
  .logo-icon {
    display: none;
  }

  .chat-footer-menu {
    display: none;
  }

  .chat-top-header-menu {
    display: none;
  }
}
@media screen and (max-width: 991px) and (max-width: 768px) {
  #txtSPOValuePreffix {
    font-size: 0.8em;
    vertical-align: middle;
  }

  .mobile-hide {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .form-check {
    padding-left: 0;
  }

  .form-check .form-check-input {
    margin-left: 0;
  }
}
.ontxtinput {
  line-height: 1.4em;
  margin-left: -1em;
  width: 1em;
  font-size: 2em;
  cursor: pointer;
  color: #ccc;
}

.ontxtinput:hover {
  color: #000;
}

.dt-bootstrap5 {
  overflow-x: auto;
}

@media (max-width: calc(768px - 1px)) {
  .hide-mobile {
    display: none;
  }

  .mobile-w-100 {
    width: 100%;
  }
}
.dataTables_wrapper .row,
.dataTables_wrapper .col-sm-12 {
  margin: 0;
  padding: 0;
}

select.loading {
  pointer-events: none;
  background-color: #999;
}

.big-number {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.big-number .number {
  font-size: 5em;
  line-height: 1em;
}

.big-number .variation {
  font-size: 1.5em;
  line-height: 1em;
}

.big-number .text {
  max-width: 90%;
  text-align: center;
  margin: 0 auto;
  line-height: 1em;
  font-size: 0.9em;
}

.big-number .small-text {
  max-width: 90%;
  text-align: center;
  margin: 0 auto;
  line-height: 1em;
  font-size: 0.8em;
}

.autoupdate-bar {
  width: 30%;
  height: 0.15em;
  margin: 0 auto 0.5em auto;
  background-color: #eee;
}

.autoupdate-bar > div {
  height: 100%;
  transition: width 1s linear;
  background-color: #00c9fc;
}

img.flag {
  height: 1.2em;
  display: inline-block;
  vertical-align: middle;
}

.fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 100;
  font-size: min(6vh, 4vw);
  color: #fff;
  background-size: 80vh;
}

.fullscreen .autoupdate-bar {
  background-color: #333;
}

.fullscreen .fullscreen-hide {
  display: none;
}

.auto-columns {
  display: grid;
  grid: 1fr/auto-flow;
  gap: 2em;
}

html.dark-theme #subscribersNumber {
  color: #fff;
}

html.user-session-link .hide-on-user-session-link {
  display: none;
}

.table-0 tr:nth-child(odd) {
  background-color: #f9f9f9;
}

.table-0 tr:hover {
  background-color: #dadada;
}

.table-0 tr.new {
  background-color: #fe7 !important;
}

.table-0 tr.new td {
  vertical-align: top;
}

.table-0 tr.new td input[type=file] {
  width: 4em;
}

.table-0 td {
  line-height: 1em;
  padding: 1em 0.5em;
}

.table-0 td.id {
  width: 3em;
}

.table-0 td.hex-color {
  width: 12em;
  text-align: center;
}

.table-0 td.c_name {
  width: 9em;
  text-align: center;
  text-transform: uppercase;
}

.table-0 td.checkbox {
  text-align: center;
}

.table-0 td.country {
  width: 12em;
  text-align: center;
}

.table-0 td.product {
  width: 10em;
  text-align: center;
}

.table-0 td.image, .table-0 td.image-id {
  min-width: 6em;
  vertical-align: middle;
}

.table-0 td.image > *, .table-0 td.image-id > * {
  vertical-align: middle;
}

.table-0 td.image [inline-class=image],
.table-0 td.image [inline-class=image-id], .table-0 td.image-id [inline-class=image],
.table-0 td.image-id [inline-class=image-id] {
  display: inline-block;
  height: 2.5em;
  width: 3em;
}

.table-0 td i.fas {
  padding: 0.25em;
}

.table-0 .inline-editor-image {
  width: 2.5em;
  height: 2.5em;
  transition: all 0.5s;
  cursor: pointer;
  position: absolute;
  object-fit: contain;
}

.table-0 .inline-editor-image.inline-fullscreen {
  position: fixed;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
  z-index: 100;
}

.table-0 .tips {
  padding-top: 1em;
  display: block;
  font-size: 0.9em;
  color: #666;
}

.table-0 input[type=text],
.table-0 input[type=datetime-local],
.table-0 select {
  border: 1px solid #ccc;
  border-radius: 0;
  height: 1em;
  margin: 0;
  box-sizing: content-box;
  background-color: #fff;
  font-size: 1em;
}

.table-0 small {
  padding: 0;
  font-size: 0.8em;
  display: block;
}

.table-0 td.actions {
  text-align: center;
  width: 1em;
  color: #000;
}

.btn1,
.table > :not(caption) > * > .btn1 {
  padding: 0.4em;
  line-height: 1em;
  background-color: #c04848;
  color: #fff;
  text-align: center;
  cursor: pointer;
  border: 0 none;
}

.image-sel {
  display: flex;
  gap: 0.5em;
  flex-wrap: wrap;
  min-height: 6em;
}

.image-sel .image-container {
  position: relative;
  background-color: #f0f0f0;
  border: 1px solid #aaa;
  flex-grow: 1;
}

.image-sel .image-container .image {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

span.alink {
  cursor: pointer;
  color: #c04848;
}

span.alink:hover {
  color: #0a58ca;
}

.tip-0 {
  font-size: 0.8em;
  color: #888;
  text-align: right;
  float: right;
}

div[page]:not(.editable) .inline-editor-icon {
  display: none;
}

div[page]:not(.editable) input[type=checkbox].inline-editor-input {
  opacity: 0.5;
  pointer-events: none;
}

.new-0 {
  background-color: #eee;
  padding: 1em;
}

.new-0.editing .action-create {
  display: none;
}

.new-0.creating .action-edit {
  display: none;
}

.new-0 .new-title {
  background-color: #888;
  color: #fff;
  margin: -1em -1em 1em -1em;
  padding: 0.3em;
}

.new-0 .form-control.c_name {
  text-transform: uppercase;
}

.flex-basis-50 {
  flex-basis: 50%;
}

.advanced-filter:not(.advanced-active) .advanced {
  display: none !important;
}

#message_alert {
  background-color: #b14545;
  color: #fff;
  margin-bottom: 0;
  max-height: 0px;
  overflow: hidden;
  transition: all 0.5s;
  font-size: 1.4em;
  box-sizing: border-box;
}

#message_alert .container {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1em;
  padding: 1em;
}

#message_alert.show {
  margin-bottom: 1em;
  max-height: 100px;
}

.btn.loading {
  pointer-events: none;
  background-color: #922;
  color: transparent !important;
  position: relative;
}

.btn.loading::after {
  background-image: url(data:image/png;base64,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);
  height: 1.5em;
  width: 1.5em;
  background-size: 100%;
  background-repeat: no-repeat;
  -webkit-animation: spinner-animation 1s linear infinite;
  animation: spinner-animation 1s linear infinite;
  position: absolute;
  content: "";
  left: calc(50% - 0.75em);
  top: calc(50% - 0.75em);
}

[page=content] .form-label,
[page=teams] .form-label,
[page=tournaments] .form-label {
  font-size: 0.9em;
  color: #999;
  line-height: 1em;
}
[page=content] .content.type-unset .cell:nth-child(n+4),
[page=content] .content.type-unset .type-0-2,
[page=content] .content.type-unset .type-0,
[page=content] .content.type-unset .type-1,
[page=content] .content.type-unset .type-2,
[page=content] .content.type-unset .type-any,
[page=teams] .content.type-unset .cell:nth-child(n+4),
[page=teams] .content.type-unset .type-0-2,
[page=teams] .content.type-unset .type-0,
[page=teams] .content.type-unset .type-1,
[page=teams] .content.type-unset .type-2,
[page=teams] .content.type-unset .type-any,
[page=tournaments] .content.type-unset .cell:nth-child(n+4),
[page=tournaments] .content.type-unset .type-0-2,
[page=tournaments] .content.type-unset .type-0,
[page=tournaments] .content.type-unset .type-1,
[page=tournaments] .content.type-unset .type-2,
[page=tournaments] .content.type-unset .type-any {
  display: none;
}
[page=content] .content.type-1 .type-2,
[page=content] .content.type-1 .type-0,
[page=content] .content.type-1 .type-0-2,
[page=teams] .content.type-1 .type-2,
[page=teams] .content.type-1 .type-0,
[page=teams] .content.type-1 .type-0-2,
[page=tournaments] .content.type-1 .type-2,
[page=tournaments] .content.type-1 .type-0,
[page=tournaments] .content.type-1 .type-0-2 {
  display: none;
}
[page=content] .content.type-2 .type-1,
[page=content] .content.type-2 .type-0,
[page=teams] .content.type-2 .type-1,
[page=teams] .content.type-2 .type-0,
[page=tournaments] .content.type-2 .type-1,
[page=tournaments] .content.type-2 .type-0 {
  display: none;
}
[page=content] .content.type-2 .venue-container,
[page=teams] .content.type-2 .venue-container,
[page=tournaments] .content.type-2 .venue-container {
  margin-top: 0.25em;
}
[page=content] .content.type-0 .type-1,
[page=content] .content.type-0 .type-2,
[page=teams] .content.type-0 .type-1,
[page=teams] .content.type-0 .type-2,
[page=tournaments] .content.type-0 .type-1,
[page=tournaments] .content.type-0 .type-2 {
  display: none;
}
[page=content] .content .btn-edit,
[page=teams] .content .btn-edit,
[page=tournaments] .content .btn-edit {
  opacity: 0;
  transition: opacity 250ms ease-in-out;
  position: absolute;
  top: -1em;
  right: 0;
  height: 100%;
  width: 100%;
}
[page=content] .content:hover .content-container,
[page=teams] .content:hover .content-container,
[page=tournaments] .content:hover .content-container {
  opacity: 0.5;
}
[page=content] .content:hover .btn-edit,
[page=teams] .content:hover .btn-edit,
[page=tournaments] .content:hover .btn-edit {
  opacity: 1;
}
@media screen and (max-width: 768px) {
  [page=content] .content select,
[page=content] .content input,
[page=teams] .content select,
[page=teams] .content input,
[page=tournaments] .content select,
[page=tournaments] .content input {
    font-size: 0.8rem;
  }
}
[page=content] .content.new-content.type-unset .cell:last-of-type,
[page=teams] .content.new-content.type-unset .cell:last-of-type,
[page=tournaments] .content.new-content.type-unset .cell:last-of-type {
  display: block;
  grid-column: 7;
}
[page=content] .content.new-content.type-unset .cell:last-of-type button,
[page=teams] .content.new-content.type-unset .cell:last-of-type button,
[page=tournaments] .content.new-content.type-unset .cell:last-of-type button {
  display: none;
}
[page=content] .content.new-content.type-unset .details-button,
[page=teams] .content.new-content.type-unset .details-button,
[page=tournaments] .content.new-content.type-unset .details-button {
  display: none;
}
[page=content] .content-table .content-header,
[page=content] .content-table .content-body .content,
[page=content] .content-table .content-body .advanced,
[page=content] .content-table .content,
[page=teams] .content-table .content-header,
[page=teams] .content-table .content-body .content,
[page=teams] .content-table .content-body .advanced,
[page=teams] .content-table .content,
[page=tournaments] .content-table .content-header,
[page=tournaments] .content-table .content-body .content,
[page=tournaments] .content-table .content-body .advanced,
[page=tournaments] .content-table .content {
  display: grid;
  gap: 10px;
  padding: 10px;
}
[page=content] .content-table .content-header,
[page=teams] .content-table .content-header,
[page=tournaments] .content-table .content-header {
  border-bottom: solid 2px black;
}
[page=content] .content-table .content-header .header,
[page=teams] .content-table .content-header .header,
[page=tournaments] .content-table .content-header .header {
  font-weight: bold;
}
[page=content] .content-table .content.even,
[page=content] .content-table .advanced.even,
[page=teams] .content-table .content.even,
[page=teams] .content-table .advanced.even,
[page=tournaments] .content-table .content.even,
[page=tournaments] .content-table .advanced.even {
  background-color: rgba(0, 0, 0, 0.05);
}
[page=content] .content-table .content.odd,
[page=content] .content-table .advanced.odd,
[page=teams] .content-table .content.odd,
[page=teams] .content-table .advanced.odd,
[page=tournaments] .content-table .content.odd,
[page=tournaments] .content-table .advanced.odd {
  background-color: white;
}
[page=content] .content-table .content .cell,
[page=content] .content-table .advanced .cell,
[page=teams] .content-table .content .cell,
[page=teams] .content-table .advanced .cell,
[page=tournaments] .content-table .content .cell,
[page=tournaments] .content-table .advanced .cell {
  padding: 8px;
}
[page=content] .content-table .content .cell img,
[page=content] .content-table .advanced .cell img,
[page=teams] .content-table .content .cell img,
[page=teams] .content-table .advanced .cell img,
[page=tournaments] .content-table .content .cell img,
[page=tournaments] .content-table .advanced .cell img {
  display: block;
  height: 3.5em;
}
[page=content] .content-table .content.disabled,
[page=content] .content-table .advanced.disabled,
[page=teams] .content-table .content.disabled,
[page=teams] .content-table .advanced.disabled,
[page=tournaments] .content-table .content.disabled,
[page=tournaments] .content-table .advanced.disabled {
  background-color: #aaa;
}
[page=content] .content-table .content.modified,
[page=teams] .content-table .content.modified,
[page=tournaments] .content-table .content.modified {
  background-color: #fa0;
}
[page=content] .content-table .cell,
[page=teams] .content-table .cell,
[page=tournaments] .content-table .cell {
  position: relative;
}
[page=content] .content-table .content .cell:first-of-type,
[page=teams] .content-table .content .cell:first-of-type,
[page=tournaments] .content-table .content .cell:first-of-type {
  text-align: center;
}
[page=content] .content-table .content .cell:last-of-type,
[page=teams] .content-table .content .cell:last-of-type,
[page=tournaments] .content-table .content .cell:last-of-type {
  margin: auto;
}
[page=content] .content-table .advanced,
[page=teams] .content-table .advanced,
[page=tournaments] .content-table .advanced {
  grid-template-columns: repeat(1, 1fr);
}
[page=content] .content-table .advanced .cell:first-of-type,
[page=teams] .content-table .advanced .cell:first-of-type,
[page=tournaments] .content-table .advanced .cell:first-of-type {
  margin-top: 0;
  padding: 1em 1.5em;
}
[page=content] .content-table .details-button,
[page=teams] .content-table .details-button,
[page=tournaments] .content-table .details-button {
  cursor: pointer;
  color: black;
  position: absolute;
  bottom: -0.5em;
  left: 1.8em;
}
[page=content] .content-table .details-button i,
[page=teams] .content-table .details-button i,
[page=tournaments] .content-table .details-button i {
  transition: transform 0.3s ease;
}
[page=content] .content-table .details-button.rotate i,
[page=teams] .content-table .details-button.rotate i,
[page=tournaments] .content-table .details-button.rotate i {
  transform: rotate(180deg);
}
[page=content] .content-table .details-button.mobile,
[page=teams] .content-table .details-button.mobile,
[page=tournaments] .content-table .details-button.mobile {
  display: none;
}
[page=content] .content-table.tournament-table .details-button,
[page=teams] .content-table.tournament-table .details-button,
[page=tournaments] .content-table.tournament-table .details-button {
  bottom: -0.75em;
  left: 1.5em;
}
@media (min-width: 601px) {
  [page=content] .content-table .content-header,
[page=content] .content-table .content-body .content,
[page=content] .content-table .content,
[page=teams] .content-table .content-header,
[page=teams] .content-table .content-body .content,
[page=teams] .content-table .content,
[page=tournaments] .content-table .content-header,
[page=tournaments] .content-table .content-body .content,
[page=tournaments] .content-table .content {
    grid-template-columns: 5% 12% 25% 25% repeat(2, 1fr) 5%;
  }
  [page=content] .content-table.tournament-table .content-header,
[page=content] .content-table.tournament-table .content-body .content,
[page=content] .content-table.tournament-table .content, [page=content] .content-table.team-table .content-header,
[page=content] .content-table.team-table .content-body .content,
[page=content] .content-table.team-table .content,
[page=teams] .content-table.tournament-table .content-header,
[page=teams] .content-table.tournament-table .content-body .content,
[page=teams] .content-table.tournament-table .content,
[page=teams] .content-table.team-table .content-header,
[page=teams] .content-table.team-table .content-body .content,
[page=teams] .content-table.team-table .content,
[page=tournaments] .content-table.tournament-table .content-header,
[page=tournaments] .content-table.tournament-table .content-body .content,
[page=tournaments] .content-table.tournament-table .content,
[page=tournaments] .content-table.team-table .content-header,
[page=tournaments] .content-table.team-table .content-body .content,
[page=tournaments] .content-table.team-table .content {
    grid-template-columns: 5% 9% 38% 28% 7% 5%;
  }
  [page=content] .content-table.team-table .content-header,
[page=content] .content-table.team-table .content-body .content,
[page=content] .content-table.team-table .content,
[page=teams] .content-table.team-table .content-header,
[page=teams] .content-table.team-table .content-body .content,
[page=teams] .content-table.team-table .content,
[page=tournaments] .content-table.team-table .content-header,
[page=tournaments] .content-table.team-table .content-body .content,
[page=tournaments] .content-table.team-table .content {
    grid-template-columns: 5% 9% 36% 26% 6% 7% 5%;
  }
}
@media screen and (max-width: 900px) {
  [page=content] .content-table .content-header,
[page=content] .content-table .content-body .content,
[page=content] .content-table .content,
[page=teams] .content-table .content-header,
[page=teams] .content-table .content-body .content,
[page=teams] .content-table .content,
[page=tournaments] .content-table .content-header,
[page=tournaments] .content-table .content-body .content,
[page=tournaments] .content-table .content {
    grid-template-columns: repeat(auto-fit, minmax(33.33%, 1fr));
    gap: 1em;
    padding-top: 1.5em;
  }
  [page=content] .content-table .content-body .advanced,
[page=teams] .content-table .content-body .advanced,
[page=tournaments] .content-table .content-body .advanced {
    grid-template-columns: repeat(1, 1fr);
    padding: 0;
  }
  [page=content] .content-table .content-header,
[page=teams] .content-table .content-header,
[page=tournaments] .content-table .content-header {
    display: none;
  }
  [page=content] .content-table .cell,
[page=teams] .content-table .cell,
[page=tournaments] .content-table .cell {
    margin-top: 1em;
  }
  [page=content] .content-table .cell:first-of-type,
[page=teams] .content-table .cell:first-of-type,
[page=tournaments] .content-table .cell:first-of-type {
    text-align: left !important;
    grid-column: span 2;
  }
  [page=content] .content-table .cell:last-of-type,
[page=teams] .content-table .cell:last-of-type,
[page=tournaments] .content-table .cell:last-of-type {
    margin: auto;
  }
  [page=content] .content-table .cell img,
[page=teams] .content-table .cell img,
[page=tournaments] .content-table .cell img {
    height: 2em !important;
    display: inline !important;
  }
  [page=content] .content-table .cell i.fa-caret-down,
[page=teams] .content-table .cell i.fa-caret-down,
[page=tournaments] .content-table .cell i.fa-caret-down {
    font-size: 1.5em;
  }
  [page=content] .content-table .cell .title-header,
[page=teams] .content-table .cell .title-header,
[page=tournaments] .content-table .cell .title-header {
    font-weight: bold;
  }
  [page=content] .content-table .cell .content .cell:first-of-type,
[page=teams] .content-table .cell .content .cell:first-of-type,
[page=tournaments] .content-table .cell .content .cell:first-of-type {
    background-color: #a9a8a8;
  }
  [page=content] .content-table .details-button,
[page=teams] .content-table .details-button,
[page=tournaments] .content-table .details-button {
    position: static;
  }
  [page=content] .content-table .details-button:not(.mobile),
[page=teams] .content-table .details-button:not(.mobile),
[page=tournaments] .content-table .details-button:not(.mobile) {
    display: none;
  }
  [page=content] .content-table .details-button.mobile,
[page=teams] .content-table .details-button.mobile,
[page=tournaments] .content-table .details-button.mobile {
    display: block;
  }
  [page=content] .content-table .content.new-content.type-unset .cell:last-of-type,
[page=teams] .content-table .content.new-content.type-unset .cell:last-of-type,
[page=tournaments] .content-table .content.new-content.type-unset .cell:last-of-type {
    grid-column: 2;
  }
  [page=content] .content-table.tournament-table .cell:last-of-type,
[page=teams] .content-table.tournament-table .cell:last-of-type,
[page=tournaments] .content-table.tournament-table .cell:last-of-type {
    grid-column: span 2;
    margin: initial;
  }
}

#content_evolution_graph {
  height: 400px;
}

#contentLog th.feedback_0, #contentLog th.feedback_1, #contentLog th.feedback_2, #contentLog th.feedback_3 {
  padding: 0;
}
#contentLog tr:not(.feedback) {
  background-color: #f0f0f0;
}
#contentLog i {
  width: 1em;
}

#content_preview_player {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  position: relative;
}
#content_preview_player .close {
  position: absolute;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 0.5em;
  cursor: pointer;
}

#contentFinishAsk #contentFinishAskTournament {
  margin: 1em 0;
  display: flex;
  align-items: center;
  gap: 1em;
}
#contentFinishAsk #contentFinishAskTournament img {
  height: 2em;
}
#contentFinishAsk #contentFinishAskTitle {
  font-size: 1.2em;
  font-weight: 600;
}

#contents_banner_new {
  display: flex;
}

#contentsTable th {
  line-height: 1em;
}
#contentsTable td.tournament {
  display: flex;
  align-items: center;
  gap: 1em;
}
#contentsTable td.tournament div {
  font-size: 0.8em;
}
#contentsTable td.tournament img {
  width: 2em;
  height: 2em;
  object-fit: contain;
  cursor: pointer;
}

.toast.toast-positive {
  background-color: #4CAF50;
}
.toast.toast-positive::before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 20px;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.toast.toast-negative {
  background-color: #F44336;
}
.toast.toast-negative::before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 20px;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}

#toast-container > div {
  opacity: 0.95;
}

#controlContainer {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
@media (max-width: 2100px) {
  #controlContainer {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media (max-width: 1600px) {
  #controlContainer {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 1024px) {
  #controlContainer {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 500px) {
  #controlContainer {
    grid-template-columns: 1fr;
  }
}
#controlContainer .control-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: background-color 0.5s ease;
}
#controlContainer .control-item.stream-warn {
  background-color: #fff3ad;
}
#controlContainer .control-item.stream-alert {
  animation: alert-pulse 2s infinite;
}
#controlContainer .control-item .title {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 1em;
  margin-bottom: 5px;
}
#controlContainer .control-item .title .title-text {
  flex-grow: 1;
}
#controlContainer .control-item .title .finish {
  border: 0 none;
  background-color: transparent;
  line-height: 0em;
  font-size: 2em;
  padding: 0;
}
#controlContainer .control-item .title img {
  height: 2em;
  vertical-align: middle;
}
#controlContainer .control-item .thumbnail {
  background-color: #999;
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
  background-size: cover;
  position: relative;
}
#controlContainer .control-item .thumbnail .thumbnail-container {
  width: 100%;
  height: 100%;
}
#controlContainer .control-item .thumbnail img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 2s ease;
  opacity: 1;
}
#controlContainer .control-item .thumbnail .text {
  padding: 5px;
  background-color: #000;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  max-width: 80%;
  z-index: 0;
}
@media (max-width: 1190px) {
  #controlContainer .control-item .thumbnail .text {
    font-size: 0.8em;
  }
}
@media (max-width: 900px) {
  #controlContainer .control-item .thumbnail .text {
    font-size: 0.6em;
  }
}
#controlContainer .control-item .thumbnail .gamevision {
  position: absolute;
  padding: 0.3em;
  top: 0;
  right: 0;
  z-index: 0;
  color: #fff;
  background-color: #000;
  line-height: 1.2em;
  font-size: 0.8em;
  max-width: 60%;
  text-align: right;
}
#controlContainer .control-item .thumbnail .sep {
  color: #aaa;
  font-size: 0.8em;
}
#controlContainer .control-item .thumbnail .play {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #000;
  padding: 0.5em;
  font-size: 2em;
  line-height: 0;
  color: #fff;
  cursor: pointer;
}
#controlContainer .control-item .thumbnail .play:hover {
  background-color: #fff;
  color: #000;
}
#controlContainer .control-item .thumbnail .preview-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}
#controlContainer .control-item .thumbnail .close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  font-size: 2em;
  color: #fff;
  background-color: #000;
  line-height: 0;
  padding: 0.2em;
  cursor: pointer;
}
#controlContainer .control-item .thumbnail .close:hover {
  background-color: #fff;
  color: #000;
}
#controlContainer .control-item .signals {
  display: flex;
  width: 100%;
  margin-top: 5px;
  gap: 5px;
}
#controlContainer .control-item .signals .bar-container {
  background-color: #444;
  flex-basis: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2em;
}
#controlContainer .control-item .signals .bar-container span {
  color: #fff;
  z-index: 1;
}
#controlContainer .control-item .signals .bar-container .bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 2em;
  transition: width 1s ease;
}
#controlContainer .control-item .signals .bar-container.speed .bar {
  background-color: #598f59;
}
#controlContainer .control-item .signals .bar-container.loss .bar {
  background-color: #b44f4f;
}
#controlContainer .control-item .signals .bar-container.dup .bar {
  background-color: #77009b;
}
#controlContainer .control-item .signals button {
  height: 100%;
  padding: 0;
  width: 5em;
  line-height: 1em;
  border-radius: 0;
}
#controlContainer .control-item .signals button i {
  font-size: 0.8em;
}
#controlContainer .control-item .info {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3em;
}

@keyframes alert-pulse {
  0% {
    background-color: #b44f4f;
  }
  50% {
    background-color: #ffffff;
  }
  100% {
    background-color: #b44f4f;
  }
}
#pricesTable td.amounts {
  width: 10em;
  text-align: center;
}
#pricesTable td.price_id {
  width: 6em;
  text-align: center;
}
#pricesTable td.items {
  width: 6em;
  text-align: center;
}
#pricesTable td.recurring {
  width: 10em;
  text-align: center;
}
#pricesTable td.duration {
  width: 8em;
  text-align: center;
}
#pricesTable td.country span {
  display: inline-block;
  width: 8em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}
#pricesTable td.actions {
  width: 8em;
  text-align: center;
}
#pricesTable .prices-amount:not(.keycode) {
  display: flex;
  justify-content: space-between;
  width: 10em;
}
#pricesTable .prices-amount:not(.keycode):not(:last-child) {
  border-bottom: 1px solid #ddd;
  margin-bottom: 0.2em;
  padding-bottom: 0.2em;
}

.edit-prices-amount {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5em;
}
.edit-prices-amount .edit-prices-amount-currency {
  width: 2.2em;
}
.edit-prices-amount .edit-prices-amount-price {
  flex-grow: 1;
}
.edit-prices-amount button {
  border: 0 none;
  background: none;
}

#quality_content {
  display: flex;
  flex-direction: column;
  gap: 2em;
}

#quality_content_card .card-body {
  overflow: unset;
}
#quality_content_card .event {
  margin: 0 -2em;
  padding: 0 2em;
}
#quality_content_card .event.fails {
  background-color: #f8d7da;
  padding: 1em 2em;
}
#quality_content_card .event.fails .content-errors {
  font-size: 0.8em;
  background-color: #000;
  color: #fff;
  padding: 0 0.2em;
}
#quality_content_card .event .feedback-bar-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.2em;
  height: 1em;
  width: 100%;
}
#quality_content_card .event .feedback-bar-container i {
  display: block;
}
#quality_content_card .event .feedback-bar-container .feedback-bar {
  flex-grow: 1;
  height: 0.5em;
  background-color: #eee;
  margin-bottom: 0.2em;
  position: relative;
  overflow: hidden;
}
#quality_content_card .event .feedback-bar-container .feedback-count {
  font-size: 0.8em;
  color: #666;
  line-height: 1;
}

html.dark-theme #quality_content_card .event.fails {
  background-color: #451e21;
}
html.dark-theme #quality_content_card .event .content-errors {
  background-color: #fff;
  color: #000;
}

.player {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
}
.player .close {
  font-size: 2em;
  position: absolute;
  top: 1em;
  right: 1em;
  cursor: pointer;
  color: #fff;
  z-index: 10;
  text-shadow: 0 0 5px #000;
}

#tableRemoteBroadcast tr:nth-child(odd) {
  background-color: #f9f9f9;
}
#tableRemoteBroadcast tr.new {
  background-color: #fe7;
}
#tableRemoteBroadcast tr.new td {
  vertical-align: top;
}
#tableRemoteBroadcast td {
  line-height: 1em;
  padding: 1em 0.5em;
}
#tableRemoteBroadcast small {
  padding: 0;
  font-size: 0.8em;
  position: absolute;
  margin-top: -0.5em;
  line-height: 0em;
}
#tableRemoteBroadcast span[inline-editor] {
  line-height: 1em;
}
#tableRemoteBroadcast input[type=text],
#tableRemoteBroadcast input[type=datetime-local],
#tableRemoteBroadcast select {
  border: 1px solid #ccc;
  border-radius: 0;
  height: 1em;
  margin: 0;
  box-sizing: content-box;
  background-color: #fff;
  font-size: 1em;
}
#tableRemoteBroadcast input {
  background-color: #fff;
}
#tableRemoteBroadcast input:focus-visible,
#tableRemoteBroadcast select:focus-visible {
  outline: none;
}
#tableRemoteBroadcast .tips {
  padding-top: 1em;
  display: block;
  font-size: 0.9em;
  color: #666;
}
#tableRemoteBroadcast button.clipboard {
  font-size: 1em;
  color: #aaa;
  margin: 0;
  padding: 0;
  margin-left: 0.5em;
}
#tableRemoteBroadcast button.clipboard i {
  font-size: 1em;
}

#tableSignals tr:nth-child(odd) {
  background-color: #f9f9f9;
}
#tableSignals td {
  line-height: 1em;
  padding: 1em 0.5em;
}
#tableSignals td.region .vps-ip {
  font-size: 0.8em;
  color: #666;
}
#tableSignals small {
  padding: 0;
  font-size: 0.8em;
}
#tableSignals span[inline-editor] {
  line-height: 1em;
}
#tableSignals input[type=text],
#tableSignals select {
  border: 1px solid #ccc;
  border-radius: 0;
  height: 1em;
  margin: 0;
  box-sizing: content-box;
  background-color: #fff;
  font-size: 1em;
}
#tableSignals input {
  background-color: #fff;
}
#tableSignals input:focus-visible,
#tableSignals select:focus-visible {
  outline: none;
}
#tableSignals .tips {
  padding-top: 1em;
  display: block;
  font-size: 0.9em;
  color: #666;
}
#tableSignals button.clipboard {
  font-size: 1em;
  line-height: 0;
  color: #aaa;
  margin: 0;
  padding: 0;
  margin-left: 0.5em;
}
#tableSignals button.clipboard i {
  font-size: 1em;
}

div[page=signals]:not(.editable) .inline-editor-icon {
  display: none;
}

#tournaments_banner_new {
  display: flex;
}

#tableTournaments td.icon {
  width: 3em;
}
#tableTournaments td.icon img {
  width: 3em;
  height: 3em;
  object-fit: contain;
  cursor: pointer;
}

#encodersTable th.status {
  width: 4em;
}
#encodersTable th.id {
  width: 13em;
}
#encodersTable th.version_date {
  width: 8em;
}
#encodersTable th.country {
  width: 10em;
}
#encodersTable th.temp {
  width: 5em;
}
#encodersTable th.cpu {
  width: 5em;
}

#encoder_box_name {
  font-size: 2em;
  font-weight: 600;
}

#encoder_box_input_devices .device-title {
  font-size: 1.3em;
  font-weight: bold;
  clear: both;
}
#encoder_box_input_devices .encoder-input-device {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
}

.encoder-input-device {
  border-radius: 0.2em;
  line-height: 1.3em;
  overflow: hidden;
  display: flex;
}
.encoder-input-device .id {
  background-color: #ccc;
  padding: 0.2em 0.5em;
}
.encoder-input-device.video .name {
  padding: 0.2em 0.5em;
  background-color: #ffd9e6;
}
.encoder-input-device.audio .name {
  padding: 0.2em 0.5em;
  background-color: #d9f2e6;
}

#encoder_box_signals_container select,
#encoder_box_signals_container input {
  padding: 0.5em;
  margin: 0.5em 0;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}
#encoder_box_signals_container .signal {
  display: flex;
  gap: 1em;
  justify-content: space-between;
  align-items: center;
  padding: 1em;
  background-color: #eee;
  margin-bottom: 1em;
}
#encoder_box_signals_container .signal.new {
  background-color: #ffa;
}
#encoder_box_signals_container .signal .signal-block {
  background-color: #fff;
  padding: 1em;
  display: flex;
  align-items: center;
  gap: 1em;
}
#encoder_box_signals_container .signal .signal-block.disabled {
  opacity: 0.5;
}
#encoder_box_signals_container .signal .signal-block .status .value {
  width: 6em;
  display: flex;
  gap: 0.5em;
  align-items: center;
  line-height: 1em;
}
#encoder_box_signals_container .signal .signal-block .status .value .progress {
  flex-grow: 1;
}
#encoder_box_signals_container .signal .signal-block .signal-name {
  margin-left: 1em;
}
#encoder_box_signals_container .signal .signal-block .signal-value {
  margin-left: 1em;
}
#encoder_box_signals_container .signal .signal-block .source {
  flex-grow: 1;
}
#encoder_box_signals_container .signal .destination {
  flex-grow: 1;
}
#encoder_box_signals_container .signal .destination .block {
  flex-grow: 1;
}
#encoder_box_signals_container .signal .destination small {
  font-size: 0.9em;
  color: #666;
}
#encoder_box_signals_container .signal .actions {
  flex-shrink: 1;
}
#encoder_box_signals_container .signal.text .title {
  font-weight: 600;
}
#encoder_box_signals_container .signal.text .warn {
  background-color: #f00;
  color: #fff;
  padding: 0.5em;
}
#encoder_box_signals_container .signal.text .video-name {
  width: 10em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#encoder_box_signals_container .signal.text .audio-name {
  width: 10em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

#encoder_box_signal_video_bitrate_new {
  width: 6em;
}

#encoder_box_signal_destination_new {
  width: 100%;
}

#encoder_box_wifi_signals {
  overflow-y: scroll;
  max-height: 20em;
  margin-bottom: 1em;
}
#encoder_box_wifi_signals .wifi-signal {
  display: flex;
  margin-bottom: 0.2em;
}
#encoder_box_wifi_signals .wifi-signal:hover {
  background-color: #efe;
  cursor: pointer;
}
#encoder_box_wifi_signals .wifi-signal .ssid {
  flex-grow: 1;
  height: 1.2em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 0.5em;
}
#encoder_box_wifi_signals .wifi-signal .ssid .hidden {
  color: #aaa;
}
#encoder_box_wifi_signals .wifi-signal .ssid .connected {
  background-color: #0e8f0e;
  color: #fff;
  font-size: 0.9em;
  line-height: 1.2em;
  padding: 0.1em 0.5em;
}
#encoder_box_wifi_signals .wifi-signal .ssid .connecting {
  background-color: #d18016;
  color: #fff;
  font-size: 0.9em;
  line-height: 1.2em;
  padding: 0.1em 0.5em;
}
#encoder_box_wifi_signals .wifi-signal .strength {
  width: 4em;
  position: relative;
}
#encoder_box_wifi_signals .wifi-signal .strength .progress {
  width: 90%;
  height: 1.3em;
}
#encoder_box_wifi_signals .wifi-signal .strength .value {
  color: #000;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.encoder-box-wifi-credentials {
  display: flex;
  gap: 1em;
  margin-bottom: 1em;
  align-items: end;
}
.encoder-box-wifi-credentials input {
  width: 100%;
}
.encoder-box-wifi-credentials .ssid,
.encoder-box-wifi-credentials .password {
  flex-grow: 1;
}
.encoder-box-wifi-credentials .title {
  font-size: 0.9em;
  color: #999;
}
.encoder-box-wifi-credentials button {
  height: 1.8em;
  line-height: 1em;
}

.speedtest-container {
  display: flex;
  gap: 1em;
  align-items: flex-end;
  line-height: 1em;
}
.speedtest-container .speedtest {
  flex-grow: 1;
}
.speedtest-container button {
  width: 6em;
}

#encoder_box_speedtest_button.requested {
  background-color: #bbb;
  border: 0;
  pointer-events: none;
}

#encoder_box_speedtest_ping_string {
  font-size: 1.5em;
  line-height: 1em;
  font-weight: bold;
}

.speedtest-title {
  margin-top: 1em;
  font-size: 1.2em;
  font-weight: 600;
  border-top: solid 1px #eee;
  padding-top: 1em;
}

#encoder_box_basic_info_container .value {
  font-weight: bold;
}

#encoder_box_speedtest_details {
  margin-top: 0.5em;
}

[page]:not(.editable) .swedit {
  border: 0 none;
  padding: 0;
  cursor: pointer;
  line-height: 1em !important;
  pointer-events: none;
  background: none;
}
[page]:not(.editable) .swedit::-webkit-calendar-picker-indicator {
  display: none;
}
[page]:not(.editable) .swedit-hide {
  display: none;
}
[page]:not(.editable) .form-group[data-empty=true] {
  display: none;
}

[page]:not(.advanced) .swadvanced {
  display: none !important;
}

[list-selector] {
  background-color: #fff;
  overflow-y: scroll;
  align-items: start;
  padding: 1em;
  display: flex;
  gap: 0.2em;
  flex-direction: column;
  justify-content: flex-start;
  user-select: none;
  cursor: pointer;
}
[list-selector] .list-selector-item {
  display: flex;
  gap: 1em;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
[list-selector] .list-selector-item:hover {
  background-color: #e0e0e0;
}
[list-selector] .list-selector-item .list-selector-item-text {
  flex-grow: 1;
  cursor: pointer;
}

#ui_team_selector {
  position: absolute;
  left: 10px;
  top: 30px;
  width: 300px;
  height: 400px;
  z-index: 0;
  background-color: #888;
  padding: 4px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
#ui_team_selector .filters {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 4px;
}
#ui_team_selector .teams {
  background-color: #fff;
  flex-grow: 1;
  overflow-y: scroll;
  user-select: none;
}
#ui_team_selector .teams .team {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#ui_team_selector .teams .team:hover {
  background-color: #f0f0f0;
}
#ui_team_selector .teams .team span {
  flex-grow: 1;
  padding: 0.5em;
  cursor: pointer;
  display: block;
  line-height: 1em;
}
#ui_team_selector .teams .team img {
  width: 2em;
  height: 2em;
  object-fit: contain;
  vertical-align: middle;
}

.ui-team-selector-element {
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  cursor: pointer;
  gap: 0.5em;
  user-select: none;
}
.ui-team-selector-element span {
  flex-grow: 1;
  display: block;
  line-height: 1.5em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.ui-team-selector-element span.loading {
  color: #aaa;
}
.ui-team-selector-element img {
  width: 1em;
  height: 1em;
  object-fit: contain;
  vertical-align: middle;
}

#ui_tournament_selector {
  position: absolute;
  left: 10px;
  top: 30px;
  width: 300px;
  height: 400px;
  z-index: 0;
  background-color: #888;
  padding: 4px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
#ui_tournament_selector .filters {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 4px;
}
#ui_tournament_selector .tournaments {
  background-color: #fff;
  flex-grow: 1;
  overflow-y: scroll;
  user-select: none;
}
#ui_tournament_selector .tournaments .tournament {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#ui_tournament_selector .tournaments .tournament:hover {
  background-color: #f0f0f0;
}
#ui_tournament_selector .tournaments .tournament span {
  flex-grow: 1;
  padding: 0.5em;
  cursor: pointer;
  display: block;
  line-height: 1em;
}
#ui_tournament_selector .tournaments .tournament img {
  width: 2em;
  height: 2em;
  object-fit: contain;
  vertical-align: middle;
}

.ui-tournament-selector-element {
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  cursor: pointer;
  gap: 0.5em;
  user-select: none;
}
.ui-tournament-selector-element span {
  flex-grow: 1;
  display: block;
  line-height: 1.5em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.ui-tournament-selector-element span.loading {
  color: #aaa;
}
.ui-tournament-selector-element img {
  width: 1em;
  height: 1em;
  object-fit: contain;
  vertical-align: middle;
}

.videoloader {
  display: flex;
  flex-direction: column;
}
.videoloader iframe {
  flex-grow: 1;
}
.videoloader label {
  margin-bottom: 0.2em;
  margin-top: 0.2em;
}
.videoloader .share {
  float: right;
  color: #c04848;
  cursor: pointer;
}

#usersTable tbody tr:nth-child(odd) {
  background-color: #f5f5f5;
}
#usersTable tbody tr td {
  border-bottom-width: 1px;
  max-width: 140px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#user_team {
  width: 8em;
}

div[page=user]:not(.editable) .inline-editor-icon {
  display: none;
}

@media (min-width: 992px) {
  #user_feedback {
    border-right: solid 1px #ccc;
  }
}
@media (min-width: 768px) {
  #user_feedback {
    border-left: solid 1px #ccc;
  }
}

#user_last_content_container.loading #user_last_content {
  display: none;
}

#user_last_content {
  display: grid;
  grid-template-columns: 1fr 0fr 0fr;
  gap: 0.5em 0;
}
#user_last_content .odd {
  background-color: #f5f5f5;
}
#user_last_content .content-sm {
  gap: 1em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 2em;
  padding-right: 1em;
}
#user_last_content .content-sm img {
  height: 2em;
  object-fit: contain;
  float: left;
}
#user_last_content .content-sm img:last-child {
  margin-right: 1em;
}
#user_last_content .content-sm img.team {
  width: 2em;
}
#user_last_content .content-sm img.image {
  width: 4em;
  object-fit: cover;
}
#user_last_content .date {
  text-align: left;
  white-space: nowrap;
  width: 9em;
  line-height: 2em;
}
#user_last_content .time {
  width: 4em;
  white-space: nowrap;
  text-align: right;
  line-height: 2em;
}

#user_billing .date,
#user_roles_table .date {
  width: 0;
}
#user_billing .status,
#user_roles_table .status {
  width: 8em;
  overflow: hidden;
  text-overflow: ellipsis;
}
#user_billing .method,
#user_roles_table .method {
  text-align: center;
  width: 6em;
}
#user_billing .method img,
#user_roles_table .method img {
  width: 8em;
  height: 3em;
  object-fit: contain;
}
#user_billing .actions,
#user_roles_table .actions {
  text-align: center;
  width: 0px;
}
#user_billing tbody tr:nth-child(odd),
#user_roles_table tbody tr:nth-child(odd) {
  background-color: #f5f5f5;
}
#user_billing .period,
#user_roles_table .period {
  text-align: center;
}
#user_billing .period .single,
#user_roles_table .period .single {
  text-align: center;
}
#user_billing .period .single img,
#user_roles_table .period .single img {
  object-fit: cover;
  height: 2em;
}
#user_billing .period .single img.team,
#user_roles_table .period .single img.team {
  width: 2em;
}
#user_billing .period .single img:not(.team),
#user_roles_table .period .single img:not(.team) {
  width: 4em;
}

#subscriptionsTable tbody tr:nth-child(odd) {
  background-color: #f5f5f5;
}
#subscriptionsTable tbody tr td {
  border-bottom-width: 1px;
  max-width: 140px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#divSubscribers .graph-container {
  height: 80px;
  position: relative;
}
#divSubscribers.fullscreen .graph-container {
  height: 20vh;
}

body:not(.dev) .dev {
  display: none;
}

/*# sourceMappingURL=styles.css.map */