@charset "utf-8";

body { background-color: rgb(246, 248, 250); color: rgb(80, 80, 80); }

a { color: rgb(80, 80, 80); }

a:hover { color: rgb(199, 44, 57); }

.row { margin-right: -7.5px; margin-left: -7.5px; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { padding-right: 7.5px; padding-left: 7.5px; }

.card-columns { column-count: 2; }

@media (min-width: 576px) {
  .card-columns { column-count: 2; }
}

@media (min-width: 768px) {
  .card-columns { column-count: 3; }
}

@media (min-width: 992px) {
  .card-columns { column-count: 4; }
}

@media (min-width: 1200px) {
  .card-columns { column-count: 5; }
}

.my-btn { background-color: rgb(96, 128, 168); padding: 2px 4px; margin: 0px 4px; color: rgb(255, 255, 255); border-radius: 0px; }

.my-btn:hover { background-color: red; color: white; }

.my-card { border-radius: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background-color: rgb(255, 255, 255); font-size: 0.9em; }

.my-card img { width: 100%; padding: 0.625rem; }

.my-card .card-body { padding: 0px 0.625rem 0.625rem; }

@media (max-width: 767.98px) {
  .my-card img { padding: 0.3125rem; }
  .my-card .card-body { padding: 0px 0.3125rem 0.3125rem; }
}

@media (max-width: 575.98px) {
  .container-inner-fix-m { margin-left: -15px; margin-right: -15px; }
}

.my-card .card-img, .my-card .card-img-top { border-radius: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }

.my-card .btn { background-color: rgb(96, 128, 168); padding: 2px 4px; font-size: 0.8em; margin: 0px 4px; color: rgb(255, 255, 255); border-radius: 0px; }

.my-card .btn:hover { background-color: red; }

.my-card-title { padding: 0.625rem; font-size: 0.9em; background-color: rgb(242, 242, 242) !important; }

ul.x-enter { padding-left: 0px; list-style: none; display: flex; flex-wrap: wrap; margin-bottom: 0px; border: 6px solid rgb(237, 237, 237); }

.x-enter li { flex: 0 0 33.3333%; max-width: 33.3333%; }

@media (min-width: 576px) {
  .x-enter li { flex: 0 0 25%; max-width: 25%; }
}

@media (min-width: 768px) {
  .x-enter li { flex: 0 0 25%; max-width: 25%; }
}

@media (min-width: 992px) {
  .x-enter li { flex: 0 0 16.6667%; max-width: 16.6667%; }
}

@media (min-width: 1200px) {
  .x-enter li { flex: 0 0 16.6667%; max-width: 16.6667%; }
}

.x-enter li a { display: block; text-align: center; border: 0.5px solid rgb(237, 237, 237); background-color: rgb(250, 250, 250); padding: 0.5rem; }

.my-block { background-color: rgb(242, 242, 242); padding: 0.3125rem; }

.my-block-light { background-color: rgb(255, 255, 255); padding: 0.625rem; }

.back2top { position: fixed; bottom: 100px; right: 20px; display: none; }

.back2top img { cursor: pointer; width: 50px; height: 50px; }

.my-pagination { flex-wrap: wrap !important; }

.my-pagination .page-item { margin-bottom: 0.25rem; border: 1px solid rgb(227, 227, 227); margin-right: 0.25rem !important; }

.my-pagination .page-item.active { border-color: red; }

.my-pagination .page-item:hover { border-color: red; }

.my-pagination .page-item .page-link { border-radius: 0px; border-color: transparent; }

.my-pagination .page-item.active .page-link { color: rgb(255, 255, 255); background-color: red; }

.my-pagination .page-item:hover .page-link { color: rgb(255, 255, 255); background-color: red; }

.my-pagination .page-link { margin-left: 0px; color: rgb(80, 80, 80); }

.my-dropdown-menu { background-color: rgb(39, 61, 88); }

.my-dropdown-menu .dropdown-item { color: rgba(255, 255, 255, 0.5); }

.my-dropdown-menu .dropdown-item:hover { background-color: red; }

.my-gutters-b > .col, .my-gutters-b > .mycol, .my-gutters-b > [class*="col-"], .my-gutters-b > [class*="mycol-"] { padding-right: 0.3125rem; padding-left: 0.3125rem; }

.my-gutters-b { margin-right: -0.3125rem; margin-left: -0.3125rem; }