.widget-content a {
  display: unset;
}
.widget-content .marks-list {
  display: grid;
  margin: 4px;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
}
@media (max-width: 450px) {
  .widget-content .marks-list {
    grid-template-columns: unset;
  }
}
.widget-content .marks-list .mark-item {
  display: flex;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.02);
  margin: 4px;
}
@media (max-width: 450px) {
  .widget-content .marks-list .mark-item {
    display: grid !important;
  }
}
.widget-content .marks-list .mark-item .mark-logo {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 450px) {
  .widget-content .marks-list .mark-item .mark-logo {
    width: 100%;
  }
}
.widget-content .marks-list .mark-item .mark-logo:hover .mark-details {
  opacity: 1;
  height: 36px;
}
.widget-content .marks-list .mark-item .mark-logo .mark-image {
  position: relative;
  width: 100%;
  height: 160px;
  border: solid 1px rgba(23, 17, 132, 0.2);
  overflow: hidden;
}
.widget-content .marks-list .mark-item .mark-logo .mark-image:hover .mark-info {
  opacity: 1;
}
@media (max-width: 450px) {
  .widget-content .marks-list .mark-item .mark-logo .mark-image {
    width: 100%;
  }
}
.widget-content .marks-list .mark-item .mark-logo .mark-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.widget-content .marks-list .mark-item .mark-logo .mark-image img.svg-image {
  max-width: 100%;
}
.widget-content .marks-list .mark-item .mark-logo .mark-image .mark-info {
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  width: 100%;
  height: 2em;
  position: absolute;
  opacity: 0.5;
}
@media (max-width: 450px) {
  .widget-content .marks-list .mark-item .mark-logo .mark-image .mark-info {
    opacity: 1;
  }
}
.widget-content .marks-list .mark-item .mark-logo .mark-image .mark-info .mark-flag {
  margin: auto;
  width: 100%;
  border: solid 1px rgba(255, 255, 255, 0.3);
  border-top: none;
  border-bottom: none;
  text-decoration: none;
}
.widget-content .marks-list .mark-item .mark-logo .mark-image .mark-info .mark-flag .mark-flag-container {
  width: 100%;
  top: 6px;
  left: 6px;
  height: 22px;
  z-index: 2;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  display: flex;
  padding: 0 4px;
}
.widget-content .marks-list .mark-item .mark-logo .mark-image .mark-info .mark-flag .mark-flag-container .item-code {
  font-size: 12px;
  color: #ffffff;
  width: 100%;
  text-decoration: none;
  text-align: center;
  margin: auto;
  font-weight: bold;
}
.widget-content .marks-list .mark-item .mark-logo .mark-image .mark-info .mark-flag .mark-flag-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.widget-content .marks-list .mark-item .mark-logo .mark-image .mark-info .mark-flag .mark-flag-container img.svg-image {
  max-width: 20px;
  max-height: 15px;
}
.widget-content .marks-list .mark-item .mark-logo .mark-image .mark-info .mark-status {
  margin: 0 auto;
  width: 100%;
  border: solid 1px rgba(255, 255, 255, 0.3);
  border-top: none;
  border-bottom: none;
}
.widget-content .marks-list .mark-item .mark-logo .mark-image .mark-info .mark-status .mark-status-container .mark-status-icon {
  position: absolute;
  top: 6px;
  z-index: 2;
  right: 6px;
  padding: 4px;
  border-radius: 4em;
  font-size: 11px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  border: solid 1px #fff;
}
.widget-content .marks-list .mark-item .mark-logo .mark-image .mark-info .mark-status .mark-status-container .mark-status-icon.active {
  background: #28a745;
}
.widget-content .marks-list .mark-item .mark-logo .mark-image .mark-info .mark-status .mark-status-container .mark-status-icon.inactive {
  background: #dc3545;
}
.widget-content .marks-list .mark-item .mark-logo .mark-details {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  display: flex;
  text-align: center;
  font-weight: bold;
  height: 20px;
  transition: height 0.4s;
}
@media (max-width: 450px) {
  .widget-content .marks-list .mark-item .mark-logo .mark-details {
    height: 36px;
    opacity: 1;
  }
}
.widget-content .marks-list .mark-item .mark-logo .mark-details .mark-views,
.widget-content .marks-list .mark-item .mark-logo .mark-details .mark-rating,
.widget-content .marks-list .mark-item .mark-logo .mark-details .mark-comments,
.widget-content .marks-list .mark-item .mark-logo .mark-details .mark-bookmarks {
  width: 100%;
  border-left: solid 1px #ffffff;
}
.widget-content .marks-list .mark-item .mark-logo .mark-details .mark-views:first-child,
.widget-content .marks-list .mark-item .mark-logo .mark-details .mark-rating:first-child,
.widget-content .marks-list .mark-item .mark-logo .mark-details .mark-comments:first-child,
.widget-content .marks-list .mark-item .mark-logo .mark-details .mark-bookmarks:first-child {
  border-left: none;
}
.widget-content .marks-list .mark-item .mark-logo .mark-details .mark-views .col-value,
.widget-content .marks-list .mark-item .mark-logo .mark-details .mark-rating .col-value,
.widget-content .marks-list .mark-item .mark-logo .mark-details .mark-comments .col-value,
.widget-content .marks-list .mark-item .mark-logo .mark-details .mark-bookmarks .col-value {
  font-size: 12px;
}
.widget-content .marks-list .mark-item .mark-logo .mark-details .col-name {
  color: #ffffff;
  min-width: 30px;
}
.widget-content .marks-list .mark-item .mark-logo .mark-details .col-value {
  color: #ffffff;
}
.widget-content .countries-list {
  display: grid;
  margin: 4px;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
}
@media (max-width: 450px) {
  .widget-content .countries-list {
    grid-template-columns: unset;
  }
}
.widget-content .countries-list .country-item {
  border: solid 1px rgba(23, 17, 132, 0.2);
  cursor: pointer;
  background: rgba(0, 0, 0, 0.1);
  overflow: hidden;
  height: 139px;
  text-align: center;
  text-decoration: none;
  position: relative;
  margin: 4px;
}
.widget-content .countries-list .country-item:hover .country-details {
  opacity: 1;
  height: 36px;
}
@media (max-width: 450px) {
  .widget-content .countries-list .country-item {
    display: grid !important;
  }
}
.widget-content .countries-list .country-item .country-name {
  font-weight: bold;
  margin-bottom: 0.25em;
}
.widget-content .countries-list .country-item .country-flag {
  margin-bottom: 0.5em;
  position: relative;
  width: 100%;
}
.widget-content .countries-list .country-item .country-flag img {
  width: 100%;
  max-height: 100px;
}
.widget-content .countries-list .country-item .country-flag img.svg-image {
  max-width: 140px;
  height: 100px;
}
.widget-content .countries-list .country-item .country-flag .country-total {
  font-weight: bold;
  position: absolute;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 6px 12px;
  right: 0;
  bottom: 0;
  text-align: center;
}
.widget-content .countries-list .country-item .country-flag .country-code {
  position: absolute;
  font-size: 10px;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 4px;
  font-weight: bold;
}
.widget-content .countries-list .country-item .country-details {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  display: flex;
  text-align: center;
  font-weight: bold;
  height: 20px;
  transition: height 0.4s;
}
@media (max-width: 450px) {
  .widget-content .countries-list .country-item .country-details {
    height: 36px;
    opacity: 1;
  }
}
.widget-content .countries-list .country-item .country-details .country-marks,
.widget-content .countries-list .country-item .country-details .country-views,
.widget-content .countries-list .country-item .country-details .country-rating,
.widget-content .countries-list .country-item .country-details .country-comments,
.widget-content .countries-list .country-item .country-details .country-bookmarks {
  width: 100%;
  border-left: solid 1px #ffffff;
}
.widget-content .countries-list .country-item .country-details .country-marks:first-child,
.widget-content .countries-list .country-item .country-details .country-views:first-child,
.widget-content .countries-list .country-item .country-details .country-rating:first-child,
.widget-content .countries-list .country-item .country-details .country-comments:first-child,
.widget-content .countries-list .country-item .country-details .country-bookmarks:first-child {
  border-left: none;
}
.widget-content .countries-list .country-item .country-details .country-marks .col-value,
.widget-content .countries-list .country-item .country-details .country-views .col-value,
.widget-content .countries-list .country-item .country-details .country-rating .col-value,
.widget-content .countries-list .country-item .country-details .country-comments .col-value,
.widget-content .countries-list .country-item .country-details .country-bookmarks .col-value {
  font-size: 12px;
}
.widget-content .countries-list .country-item .country-details .col-name {
  color: #ffffff;
  min-width: 30px;
}
.widget-content .countries-list .country-item .country-details .col-value {
  color: #ffffff;
}
.widget-content .random-widget {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
}
.widget-content .random-widget .mark-item {
  display: flex;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.02);
  border: solid 1px rgba(23, 17, 132, 0.2);
  background: #ffffff;
  max-width: 300px;
}
@media (max-width: 450px) {
  .widget-content .random-widget .mark-item {
    display: grid !important;
  }
}
.widget-content .random-widget .mark-item .mark-logo {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.widget-content .random-widget .mark-item .mark-logo a {
  text-decoration: none;
}
.widget-content .random-widget .mark-item .mark-logo a .item-head .item-title {
  text-align: center;
  font-size: 15px;
}
@media (max-width: 450px) {
  .widget-content .random-widget .mark-item .mark-logo {
    width: 100%;
  }
}
.widget-content .random-widget .mark-item .mark-logo:hover .mark-details {
  opacity: 1;
  height: 36px;
}
.widget-content .random-widget .mark-item .mark-logo .mark-image {
  position: relative;
  width: 100%;
  height: 160px;
  overflow: hidden;
}
.widget-content .random-widget .mark-item .mark-logo .mark-image:hover .mark-info {
  opacity: 1;
}
@media (max-width: 450px) {
  .widget-content .random-widget .mark-item .mark-logo .mark-image {
    width: 100%;
  }
}
.widget-content .random-widget .mark-item .mark-logo .mark-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.widget-content .random-widget .mark-item .mark-logo .mark-image img.svg-image {
  max-width: 100%;
}
.widget-content .random-widget .mark-item .mark-logo .mark-image .mark-info {
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  width: 100%;
  height: 2em;
  position: absolute;
  opacity: 0.5;
}
@media (max-width: 450px) {
  .widget-content .random-widget .mark-item .mark-logo .mark-image .mark-info {
    opacity: 1;
  }
}
.widget-content .random-widget .mark-item .mark-logo .mark-image .mark-info .mark-flag {
  margin: auto;
  width: 100%;
  border: solid 1px rgba(255, 255, 255, 0.3);
  border-top: none;
  border-bottom: none;
  text-decoration: none;
}
.widget-content .random-widget .mark-item .mark-logo .mark-image .mark-info .mark-flag .mark-flag-container {
  width: 100%;
  top: 6px;
  left: 6px;
  height: 22px;
  z-index: 2;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  display: flex;
  padding: 0 4px;
}
.widget-content .random-widget .mark-item .mark-logo .mark-image .mark-info .mark-flag .mark-flag-container .item-code {
  font-size: 12px;
  color: #ffffff;
  width: 100%;
  text-decoration: none;
  text-align: center;
  margin: auto;
  font-weight: bold;
}
.widget-content .random-widget .mark-item .mark-logo .mark-image .mark-info .mark-flag .mark-flag-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.widget-content .random-widget .mark-item .mark-logo .mark-image .mark-info .mark-flag .mark-flag-container img.svg-image {
  max-width: 20px;
  max-height: 15px;
}
.widget-content .random-widget .mark-item .mark-logo .mark-image .mark-info .mark-status {
  margin: 0 auto;
  width: 100%;
  border: solid 1px rgba(255, 255, 255, 0.3);
  border-top: none;
  border-bottom: none;
}
.widget-content .random-widget .mark-item .mark-logo .mark-image .mark-info .mark-status .mark-status-container .mark-status-icon {
  position: absolute;
  top: 6px;
  z-index: 2;
  right: 6px;
  padding: 4px;
  border-radius: 4em;
  font-size: 11px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  border: solid 1px #fff;
}
.widget-content .random-widget .mark-item .mark-logo .mark-image .mark-info .mark-status .mark-status-container .mark-status-icon.active {
  background: #28a745;
}
.widget-content .random-widget .mark-item .mark-logo .mark-image .mark-info .mark-status .mark-status-container .mark-status-icon.inactive {
  background: #dc3545;
}
.widget-content .random-widget .mark-item .mark-logo .mark-details {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  display: flex;
  text-align: center;
  font-weight: bold;
  height: 20px;
  transition: height 0.4s;
}
@media (max-width: 450px) {
  .widget-content .random-widget .mark-item .mark-logo .mark-details {
    height: 36px;
    opacity: 1;
  }
}
.widget-content .random-widget .mark-item .mark-logo .mark-details .mark-views,
.widget-content .random-widget .mark-item .mark-logo .mark-details .mark-rating,
.widget-content .random-widget .mark-item .mark-logo .mark-details .mark-comments,
.widget-content .random-widget .mark-item .mark-logo .mark-details .mark-bookmarks {
  width: 100%;
  border-left: solid 1px #ffffff;
}
.widget-content .random-widget .mark-item .mark-logo .mark-details .mark-views:first-child,
.widget-content .random-widget .mark-item .mark-logo .mark-details .mark-rating:first-child,
.widget-content .random-widget .mark-item .mark-logo .mark-details .mark-comments:first-child,
.widget-content .random-widget .mark-item .mark-logo .mark-details .mark-bookmarks:first-child {
  border-left: none;
}
.widget-content .random-widget .mark-item .mark-logo .mark-details .mark-views .col-value,
.widget-content .random-widget .mark-item .mark-logo .mark-details .mark-rating .col-value,
.widget-content .random-widget .mark-item .mark-logo .mark-details .mark-comments .col-value,
.widget-content .random-widget .mark-item .mark-logo .mark-details .mark-bookmarks .col-value {
  font-size: 12px;
}
.widget-content .random-widget .mark-item .mark-logo .mark-details .col-name {
  color: #ffffff;
  min-width: 30px;
}
.widget-content .random-widget .mark-item .mark-logo .mark-details .col-value {
  color: #ffffff;
}
.widget-content .random-widget .item-block {
  margin-bottom: 0.25em;
  text-decoration: none;
  border: solid 1px rgba(23, 17, 132, 0.2);
  max-width: 300px;
  background: #ffffff;
}
.widget-content .random-widget .item-block .item .item-info {
  display: block;
  width: 100%;
}
.widget-content .random-widget .item-block .item .item-info .item-logo {
  position: relative;
  overflow: hidden;
}
.widget-content .random-widget .item-block .item .item-info .item-logo .item-image {
  margin: 0;
  position: relative;
  width: 100%;
  height: 160px;
  background: #ffffff;
}
.widget-content .random-widget .item-block .item .item-info .item-logo .item-image img {
  width: 100%;
  height: 100%;
  border-right: solid 1px rgba(23, 17, 132, 0.2);
  border-bottom: solid 1px rgba(23, 17, 132, 0.2);
  object-fit: contain;
}
.widget-content .random-widget .item-block .item .item-info .item-logo .item-image img:hover {
  opacity: 0.9;
}
.widget-content .random-widget .item-block .item .item-info .item-logo .item-image img.svg-image {
  max-width: 100%;
}
.widget-content .random-widget .item-block .item .item-info .item-logo .item-flag {
  top: 0;
  left: 0;
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  padding: 3px 6px;
}
.widget-content .random-widget .item-block .item .item-info .item-logo .item-flag img {
  border: solid 1px #ffffff;
  width: 100%;
  max-width: 24px!important;
  vertical-align: text-bottom;
}
.widget-content .random-widget .item-block .item .item-info .item-logo .item-flag img.svg-image {
  max-width: 100%;
}
.widget-content .random-widget .item-block .item .item-info .item-logo .item-flag:hover {
  opacity: 0.8;
}
.widget-content .random-widget .item-block .item .item-info .item-logo .item-code {
  color: #fff;
  font-size: 10px;
  text-align: center;
  padding-top: 4px;
}
.widget-content .random-widget .item-block .item .item-info .item-logo .item-statistics {
  bottom: 0;
  width: 100%;
  display: flex;
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  height: 22px;
  transition: height 0.4s;
  cursor: pointer;
  text-decoration: none;
}
.widget-content .random-widget .item-block .item .item-info .item-logo .item-statistics .count-statistics {
  width: 100%;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  text-align: center;
  border-left: solid 1px #ccc;
}
.widget-content .random-widget .item-block .item .item-info .item-logo .item-statistics .count-statistics .col-name {
  font-size: 18px;
  width: 100%;
  color: #ffffff;
}
.widget-content .random-widget .item-block .item .item-info .item-logo .item-statistics .count-statistics .col-value {
  width: 100%;
  color: #ffffff;
  font-size: 10px;
}
.widget-content .random-widget .item-block .item .item-info .item-logo .item-statistics .count-statistics:hover {
  background: rgba(0, 0, 0, 0.2);
}
.widget-content .random-widget .item-block .item .item-info .item-details {
  width: 100%;
  padding: 0 0.25em;
  position: relative;
}
.widget-content .random-widget .item-block .item .item-info .item-details .item-head {
  text-decoration: none;
}
.widget-content .random-widget .item-block .item .item-info .item-details .item-head:hover {
  background: rgba(23, 17, 132, 0.5);
}
.widget-content .random-widget .item-block .item .item-info .item-details .item-head .item-title {
  font-size: 15px;
  color: #171184;
  text-align: center;
}
.widget-content .random-widget .item-block .item .item-info .item-details .item-head .item-no-title {
  font-size: 15px;
  color: #999999;
}
.widget-content .random-widget .item-block:hover {
  opacity: 0.9;
}
.widget-content .random-widget .item-block:hover .item-info .item-logo .item-statistics {
  height: 40px;
}
.widget-list .items-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
}
.widget-list .items-list .item-block {
  margin: 0.25em;
  text-decoration: none;
  border: solid 1px rgba(23, 17, 132, 0.2);
}
.widget-list .items-list .item-block .item .item-info {
  display: block;
  width: 100%;
}
.widget-list .items-list .item-block .item .item-info .item-logo {
  position: relative;
  overflow: hidden;
}
.widget-list .items-list .item-block .item .item-info .item-logo .item-image {
  margin: 0;
  position: relative;
  width: 100%;
  height: 160px;
  background: #ffffff;
}
.widget-list .items-list .item-block .item .item-info .item-logo .item-image img {
  width: 100%;
  height: 100%;
  border-right: solid 1px rgba(23, 17, 132, 0.2);
  border-bottom: solid 1px rgba(23, 17, 132, 0.2);
  object-fit: contain;
}
.widget-list .items-list .item-block .item .item-info .item-logo .item-image img:hover {
  opacity: 0.9;
}
.widget-list .items-list .item-block .item .item-info .item-logo .item-image img.svg-image {
  max-width: 100%;
}
.widget-list .items-list .item-block .item .item-info .item-logo .item-flag {
  top: 0;
  left: 0;
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  padding: 3px 6px;
}
.widget-list .items-list .item-block .item .item-info .item-logo .item-flag img {
  border: solid 1px #ffffff;
  width: 100%;
  max-width: 24px!important;
  vertical-align: text-bottom;
}
.widget-list .items-list .item-block .item .item-info .item-logo .item-flag img.svg-image {
  max-width: 100%;
}
.widget-list .items-list .item-block .item .item-info .item-logo .item-flag:hover {
  opacity: 0.8;
}
.widget-list .items-list .item-block .item .item-info .item-logo .item-code {
  color: #fff;
  font-size: 10px;
  text-align: center;
  padding-top: 4px;
}
.widget-list .items-list .item-block .item .item-info .item-logo .item-statistics {
  bottom: 0;
  width: 100%;
  display: flex;
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  height: 22px;
  transition: height 0.4s;
  cursor: pointer;
  text-decoration: none;
}
.widget-list .items-list .item-block .item .item-info .item-logo .item-statistics .count-statistics {
  width: 100%;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  text-align: center;
  border-left: solid 1px #ccc;
}
.widget-list .items-list .item-block .item .item-info .item-logo .item-statistics .count-statistics .col-name {
  font-size: 18px;
  width: 100%;
  color: #ffffff;
}
.widget-list .items-list .item-block .item .item-info .item-logo .item-statistics .count-statistics .col-value {
  width: 100%;
  color: #ffffff;
  font-size: 10px;
}
.widget-list .items-list .item-block .item .item-info .item-logo .item-statistics .count-statistics:hover {
  background: rgba(0, 0, 0, 0.2);
}
.widget-list .items-list .item-block .item .item-info .item-details {
  width: 100%;
  padding: 0 0.25em;
  position: relative;
}
.widget-list .items-list .item-block .item .item-info .item-details .item-head .item-title {
  font-size: 15px;
  color: #171184;
}
.widget-list .items-list .item-block .item .item-info .item-details .item-head .item-no-title {
  font-size: 15px;
  color: #999999;
}
.widget-list .items-list .item-block:hover {
  background: rgba(0, 0, 0, 0.1);
}
.widget-list .items-list .item-block:hover .item-info .item-logo .item-statistics {
  height: 40px;
}
.widget-header-details .widget-link-show-all {
  display: flex;
}
.widget-header-details .widget-link-show-all a {
  width: 100%;
  padding: 8px;
  background: rgba(255, 136, 18, 0.2);
  border: solid 1px rgba(255, 136, 18);
  text-decoration: none;
  text-align: right;
  font-size: 12px;
  font-weight: bold;
  color: #171184;
}
.widget-header-details .widget-link-show-all a:hover {
  color: rgba(23, 17, 132, 0.5);
}
/*# sourceMappingURL=widget.css.map */