/*================================================================================
	Item Name: Materialize - Material Design Admin Template
	Version: 4.0
	Author: PIXINVENT
	Author URL: https://themeforest.net/user/pixinvent/portfolio
================================================================================

NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
.width-7 {
    width: 7% !important;
}
.width-8 {
    width: 8% !important;
}
.width-9 {
    width: 9% !important;
}

.titan-table-bordered-black-top {
    border-top: 2px solid #000 !important;
}

.titan-table-bordered-black-bottom {
    border-bottom: 2px solid #000 !important;
}

.titan-small-button {
    height: 26px;
    line-height: 26px;
    padding: 0 1rem;
    font-size: 0.8rem;

}

.ktHroX {
    margin: 60px;
}

.timeline {
    position: relative;
}

.timeline .timeline-event {
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
}

.timeline .timeline-event .timeline-content {
    position: relative;
    width: calc(50% - 50px);
}

.timeline .timeline-event::before {
    display: block;
    content: "";
    width: 2px;
    height: calc(50% - 30px);
    position: absolute;
    background: #d2d2d2;
    left: calc(50% - 1px);
    top: 0;
}

.timeline .timeline-event::after {
    display: block;
    content: "";
    width: 2px;
    height: calc(50% - 30px);
    position: absolute;
    background: #d2d2d2;
    left: calc(50% - 1px);
    top: calc(50% + 30px);
}

.timeline .timeline-event:first-child::before {
    display: none;
}

.timeline .timeline-event:last-child::after {
    display: none;
}

.timeline .timeline-event:nth-child(even) .timeline-content {
    margin-left: calc(50% + 50px);
}

.timeline .timeline-event:nth-child(odd) .timeline-content {
    margin-left: 0;
}

.timeline .timeline-badge {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    background: #d2d2d2;
    top: calc(50% - 20px);
    right: calc(50% - 20px);
    border-radius: 50%;
    text-align: center;
    cursor: default;
}

.timeline .timeline-badge i {
    font-size: 25px;
    line-height: 40px;
}

@media (max-width: 600px) {
    .timeline .timeline-event .timeline-content {
        width: calc(100% - 70px);
    }
    .timeline .timeline-event::before {
        left: 19px;
    }
    .timeline .timeline-event::after {
        left: 19px;
    }
    .timeline .timeline-event:nth-child(even) .timeline-content {
        margin-left: 70px;
    }
    .timeline .timeline-event:nth-child(odd) .timeline-content {
        margin-left: 70px;
    }
    .timeline .timeline-badge {
        left: 0;
    }
}
@media only screen and (min-width: 1200px) {
    #content {
        font-size: 12px;
    }
}
.btn-floating i {
    font-size: 1.2rem;
}
.btn, .btn-large, .btn-flat {
    height: 22px;
    line-height: 22px;
}
.btn-floating {
    width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 0%;
}
.btn-floating i {
    line-height: 22px;
}

@keyframes jump_time {
    10%   {transform: translate3d(0,10,0) scale3d(1,1,1);}
    40%  {transform: translate3d(0,30%,0) scale3d(.7,1.5,1);}
    70% {transform: translate3d(0,70%,0) scale3d(1.5,.7,1);}
}
.jump_time {
    transform-origin: 50% 50%;
    animation: jump_time .5s linear alternate infinite;
}
.speech-bubble {
    position: relative;
    background: #b39ddb;
    border-radius: .9em;
    padding: 5px;
    text-align: center;
}

.speech-bubble:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 1.063em solid transparent;
    border-top-color: #b39ddb;
    border-bottom: 0;
    border-left: 0;
    margin-left: -0.531em;
    margin-bottom: -1.062em;
}
.speech-bubble-org {
    color: #fff;
    position: relative;
    background: #3A9688;
    border-radius: .9em;
    padding: 5px;
    text-align: center;
}

.speech-bubble-org:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 1.063em solid transparent;
    border-top-color: #3A9688;
    border-bottom: 0;
    border-left: 0;
    margin-left: -0.531em;
    margin-bottom: -1.062em;
}

.pulse_tsetso {
    text-shadow: 2px 2px;
}

.btn-group {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}

.btn-group>.btn:first-child:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group>.btn:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group>.btn-inactive {
    background-color: #607d8b;
}

.btn-group>.btn {
    -webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0px rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0px rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0);
}

.btn-group>.btn-inactive:hover {
    background-color: #728F9D;
}

.btn-group>.btn:hover {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.production-mini-size {
    font-size: 0.8rem;
    padding: 0 0.5rem;
}
/* =========================================================================
   .ui-modern  —  обновеният облик, ВКЛЮЧВАН ПО ЕКРАН
   Класът се слага само на маршрутите от App\Helpers\UiModern::ROUTES.
   Тук стои само това, което не се бие с темата: карти, заглавия, таблици,
   бутони в съдържанието и DataTables. Кутийките на полетата, хедърът и
   менюто нарочно не се пипат - там темата има правила с абсолютно
   разположение и глобалният опит ги счупи.
   ========================================================================= */
.ui-modern{--ui-ln:#e6eaea;--ui-ln2:#f0f2f2;--ui-dim:#7b8584;--ui-ink:#1b2322;
  --ui-acc:#26a69a;--ui-sh:0 1px 2px rgba(16,24,40,.04),0 1px 3px rgba(16,24,40,.06)}

/* ---------- плътност ---------- */
.ui-modern .row{margin-bottom:10px}
.ui-modern .input-field{margin-top:12px;margin-bottom:4px}

/* ---------- карти ---------- */
.ui-modern .card-panel,
.ui-modern .card,
.ui-modern .collection{
  border:1px solid var(--ui-ln) !important;border-radius:10px !important;
  box-shadow:var(--ui-sh) !important}
.ui-modern .card-panel{padding:14px 16px}
.ui-modern .card .card-content{padding:14px 16px}
.ui-modern .z-depth-1,.ui-modern .z-depth-2{box-shadow:var(--ui-sh) !important}

/* заглавната част на картата - един тон за всички екрани */
.ui-modern .card-panel > .card-header{
  position:relative;margin:-14px -16px 12px;padding:11px 16px;
  border-bottom:1px solid var(--ui-ln2)}
.ui-modern .card-panel > .card-header::before{
  content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ui-acc)}
.ui-modern .card-header h4,.ui-modern .card-header h5,
.ui-modern .card-header .header{
  margin:0;font-size:15.5px !important;font-weight:650;letter-spacing:-.01em;
  text-transform:none !important;line-height:1.3;color:var(--ui-ink)}
.ui-modern .card-header .red-text{color:#c0392b !important}

/* заглавие направо в картата, без .card-header - често в проекта */
.ui-modern .card-panel > h4:first-child,
.ui-modern .card-panel > h5:first-child,
.ui-modern .card-panel > h6:first-child{
  position:relative;margin:-14px -16px 12px !important;padding:11px 16px !important;
  border-bottom:1px solid var(--ui-ln2);
  font-size:15.5px !important;font-weight:650;letter-spacing:-.01em;line-height:1.3;
  text-transform:none;color:var(--ui-ink)}
.ui-modern .card-panel > h4:first-child::before,
.ui-modern .card-panel > h5:first-child::before,
.ui-modern .card-panel > h6:first-child::before{
  content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ui-acc)}

/* всяко друго заглавие вътре в карта - темата ги прави 24-33px. Цветните
   плочки са изключени: там h5 е голямото число. */
.ui-modern .card:not([class*="gradient-45deg"]) h5,
.ui-modern .card-panel:not([class*="gradient-45deg"]) h5{
  font-size:16px;font-weight:650;letter-spacing:-.01em;line-height:1.35;margin:4px 0 10px}
.ui-modern .card:not([class*="gradient-45deg"]) h4,
.ui-modern .card-panel:not([class*="gradient-45deg"]) h4{
  font-size:18px;font-weight:650;letter-spacing:-.01em;line-height:1.3;margin:4px 0 12px}

/* заглавия на модалните прозорци - темата ги прави 33px */
.ui-modern .modal .modal-content > h4,
.ui-modern .modal .modal-content > h5{font-size:18px;font-weight:650;letter-spacing:-.01em;
  margin:0 0 14px}

/* цветните ленти на списъците стават бели с кант */
.ui-modern .collection .collection-header[class]{
  background-color:#fff !important;background-image:none !important;
  border-bottom:1px solid var(--ui-ln2);position:relative;padding:10px 16px !important}
.ui-modern .collection .collection-header[class]::before{
  content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ui-acc)}
.ui-modern .collection-header h4,.ui-modern .collection-header h5,
.ui-modern .collection-header .white-text{color:var(--ui-ink) !important;
  font-size:15px;font-weight:650;margin:0}
.ui-modern .collection .collection-item{border-bottom:1px solid var(--ui-ln2);padding:8px 16px}

/* ---------- таблици ---------- */
.ui-modern table thead th,
.ui-modern table > tr:first-child > th{
  font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  color:var(--ui-dim);padding:8px 10px;border-bottom:1px solid #dde2e2 !important;
  background:#fafbfb;white-space:nowrap}
.ui-modern table tfoot th{
  font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  color:var(--ui-dim);padding:8px 10px;border-top:1px solid #dde2e2 !important;background:#fafbfb}
.ui-modern table td{padding:7px 10px;vertical-align:middle;font-variant-numeric:tabular-nums}
.ui-modern table.bordered > tbody > tr,
.ui-modern table.bordered > thead > tr,
.ui-modern table > tbody > tr{border-bottom:1px solid var(--ui-ln2)}
.ui-modern table.striped > tbody > tr:nth-child(odd){background:transparent}
.ui-modern table > tbody > tr:hover{background:#f6f8f8}

/* Оцветените редове носят смисъл (блокиран дилър, разход по поръчка...).
   Заливката на целия ред с наситен цвят обаче прави списъка нечетим, когато
   оцветените са мнозинство. Цветът остава като релса вляво и бледо петно. */
.ui-modern tbody tr.red.lighten-1,
.ui-modern tbody tr.red.lighten-2,
.ui-modern tbody tr.red.lighten-3,
.ui-modern tbody tr.red.lighten-4,
.ui-modern tbody tr.red.lighten-5,
.ui-modern tbody tr.red.lighten-1 > td,
.ui-modern tbody tr.red.lighten-2 > td,
.ui-modern tbody tr.red.lighten-3 > td,
.ui-modern tbody tr.red.lighten-4 > td,
.ui-modern tbody tr.red.lighten-5 > td{background-color:#fff6f5 !important}
.ui-modern tbody tr.red.lighten-1 > td:first-child,
.ui-modern tbody tr.red.lighten-2 > td:first-child,
.ui-modern tbody tr.red.lighten-3 > td:first-child,
.ui-modern tbody tr.red.lighten-4 > td:first-child,
.ui-modern tbody tr.red.lighten-5 > td:first-child{box-shadow:inset 4px 0 0 #e05b4f}
.ui-modern tbody tr.orange.lighten-1,
.ui-modern tbody tr.orange.lighten-2,
.ui-modern tbody tr.orange.lighten-3,
.ui-modern tbody tr.orange.lighten-4,
.ui-modern tbody tr.orange.lighten-5,
.ui-modern tbody tr.orange.lighten-1 > td,
.ui-modern tbody tr.orange.lighten-2 > td,
.ui-modern tbody tr.orange.lighten-3 > td,
.ui-modern tbody tr.orange.lighten-4 > td,
.ui-modern tbody tr.orange.lighten-5 > td{background-color:#fff8f1 !important}
.ui-modern tbody tr.orange.lighten-1 > td:first-child,
.ui-modern tbody tr.orange.lighten-2 > td:first-child,
.ui-modern tbody tr.orange.lighten-3 > td:first-child,
.ui-modern tbody tr.orange.lighten-4 > td:first-child,
.ui-modern tbody tr.orange.lighten-5 > td:first-child{box-shadow:inset 4px 0 0 #ef8a3d}
.ui-modern tbody tr.yellow.lighten-1,
.ui-modern tbody tr.yellow.lighten-2,
.ui-modern tbody tr.yellow.lighten-3,
.ui-modern tbody tr.yellow.lighten-4,
.ui-modern tbody tr.yellow.lighten-5,
.ui-modern tbody tr.yellow.lighten-1 > td,
.ui-modern tbody tr.yellow.lighten-2 > td,
.ui-modern tbody tr.yellow.lighten-3 > td,
.ui-modern tbody tr.yellow.lighten-4 > td,
.ui-modern tbody tr.yellow.lighten-5 > td{background-color:#fffcf0 !important}
.ui-modern tbody tr.yellow.lighten-1 > td:first-child,
.ui-modern tbody tr.yellow.lighten-2 > td:first-child,
.ui-modern tbody tr.yellow.lighten-3 > td:first-child,
.ui-modern tbody tr.yellow.lighten-4 > td:first-child,
.ui-modern tbody tr.yellow.lighten-5 > td:first-child{box-shadow:inset 4px 0 0 #e8a33d}
.ui-modern tbody tr.amber.lighten-1,
.ui-modern tbody tr.amber.lighten-2,
.ui-modern tbody tr.amber.lighten-3,
.ui-modern tbody tr.amber.lighten-4,
.ui-modern tbody tr.amber.lighten-5,
.ui-modern tbody tr.amber.lighten-1 > td,
.ui-modern tbody tr.amber.lighten-2 > td,
.ui-modern tbody tr.amber.lighten-3 > td,
.ui-modern tbody tr.amber.lighten-4 > td,
.ui-modern tbody tr.amber.lighten-5 > td{background-color:#fffcf0 !important}
.ui-modern tbody tr.amber.lighten-1 > td:first-child,
.ui-modern tbody tr.amber.lighten-2 > td:first-child,
.ui-modern tbody tr.amber.lighten-3 > td:first-child,
.ui-modern tbody tr.amber.lighten-4 > td:first-child,
.ui-modern tbody tr.amber.lighten-5 > td:first-child{box-shadow:inset 4px 0 0 #e8a33d}
.ui-modern tbody tr.green.lighten-1,
.ui-modern tbody tr.green.lighten-2,
.ui-modern tbody tr.green.lighten-3,
.ui-modern tbody tr.green.lighten-4,
.ui-modern tbody tr.green.lighten-5,
.ui-modern tbody tr.green.lighten-1 > td,
.ui-modern tbody tr.green.lighten-2 > td,
.ui-modern tbody tr.green.lighten-3 > td,
.ui-modern tbody tr.green.lighten-4 > td,
.ui-modern tbody tr.green.lighten-5 > td{background-color:#f2faf5 !important}
.ui-modern tbody tr.green.lighten-1 > td:first-child,
.ui-modern tbody tr.green.lighten-2 > td:first-child,
.ui-modern tbody tr.green.lighten-3 > td:first-child,
.ui-modern tbody tr.green.lighten-4 > td:first-child,
.ui-modern tbody tr.green.lighten-5 > td:first-child{box-shadow:inset 4px 0 0 #2e9e6b}
.ui-modern tbody tr.teal.lighten-1,
.ui-modern tbody tr.teal.lighten-2,
.ui-modern tbody tr.teal.lighten-3,
.ui-modern tbody tr.teal.lighten-4,
.ui-modern tbody tr.teal.lighten-5,
.ui-modern tbody tr.teal.lighten-1 > td,
.ui-modern tbody tr.teal.lighten-2 > td,
.ui-modern tbody tr.teal.lighten-3 > td,
.ui-modern tbody tr.teal.lighten-4 > td,
.ui-modern tbody tr.teal.lighten-5 > td{background-color:#f0f9f8 !important}
.ui-modern tbody tr.teal.lighten-1 > td:first-child,
.ui-modern tbody tr.teal.lighten-2 > td:first-child,
.ui-modern tbody tr.teal.lighten-3 > td:first-child,
.ui-modern tbody tr.teal.lighten-4 > td:first-child,
.ui-modern tbody tr.teal.lighten-5 > td:first-child{box-shadow:inset 4px 0 0 #26a69a}
.ui-modern tbody tr.blue.lighten-1,
.ui-modern tbody tr.blue.lighten-2,
.ui-modern tbody tr.blue.lighten-3,
.ui-modern tbody tr.blue.lighten-4,
.ui-modern tbody tr.blue.lighten-5,
.ui-modern tbody tr.blue.lighten-1 > td,
.ui-modern tbody tr.blue.lighten-2 > td,
.ui-modern tbody tr.blue.lighten-3 > td,
.ui-modern tbody tr.blue.lighten-4 > td,
.ui-modern tbody tr.blue.lighten-5 > td{background-color:#f2f6fd !important}
.ui-modern tbody tr.blue.lighten-1 > td:first-child,
.ui-modern tbody tr.blue.lighten-2 > td:first-child,
.ui-modern tbody tr.blue.lighten-3 > td:first-child,
.ui-modern tbody tr.blue.lighten-4 > td:first-child,
.ui-modern tbody tr.blue.lighten-5 > td:first-child{box-shadow:inset 4px 0 0 #3b7ddd}
.ui-modern tbody tr.light-blue.lighten-1,
.ui-modern tbody tr.light-blue.lighten-2,
.ui-modern tbody tr.light-blue.lighten-3,
.ui-modern tbody tr.light-blue.lighten-4,
.ui-modern tbody tr.light-blue.lighten-5,
.ui-modern tbody tr.light-blue.lighten-1 > td,
.ui-modern tbody tr.light-blue.lighten-2 > td,
.ui-modern tbody tr.light-blue.lighten-3 > td,
.ui-modern tbody tr.light-blue.lighten-4 > td,
.ui-modern tbody tr.light-blue.lighten-5 > td{background-color:#f2f8fd !important}
.ui-modern tbody tr.light-blue.lighten-1 > td:first-child,
.ui-modern tbody tr.light-blue.lighten-2 > td:first-child,
.ui-modern tbody tr.light-blue.lighten-3 > td:first-child,
.ui-modern tbody tr.light-blue.lighten-4 > td:first-child,
.ui-modern tbody tr.light-blue.lighten-5 > td:first-child{box-shadow:inset 4px 0 0 #3b9ddd}
.ui-modern tbody tr.purple.lighten-1,
.ui-modern tbody tr.purple.lighten-2,
.ui-modern tbody tr.purple.lighten-3,
.ui-modern tbody tr.purple.lighten-4,
.ui-modern tbody tr.purple.lighten-5,
.ui-modern tbody tr.purple.lighten-1 > td,
.ui-modern tbody tr.purple.lighten-2 > td,
.ui-modern tbody tr.purple.lighten-3 > td,
.ui-modern tbody tr.purple.lighten-4 > td,
.ui-modern tbody tr.purple.lighten-5 > td{background-color:#f7f3ff !important}
.ui-modern tbody tr.purple.lighten-1 > td:first-child,
.ui-modern tbody tr.purple.lighten-2 > td:first-child,
.ui-modern tbody tr.purple.lighten-3 > td:first-child,
.ui-modern tbody tr.purple.lighten-4 > td:first-child,
.ui-modern tbody tr.purple.lighten-5 > td:first-child{box-shadow:inset 4px 0 0 #8b5cf6}
.ui-modern tbody tr.deep-purple.lighten-1,
.ui-modern tbody tr.deep-purple.lighten-2,
.ui-modern tbody tr.deep-purple.lighten-3,
.ui-modern tbody tr.deep-purple.lighten-4,
.ui-modern tbody tr.deep-purple.lighten-5,
.ui-modern tbody tr.deep-purple.lighten-1 > td,
.ui-modern tbody tr.deep-purple.lighten-2 > td,
.ui-modern tbody tr.deep-purple.lighten-3 > td,
.ui-modern tbody tr.deep-purple.lighten-4 > td,
.ui-modern tbody tr.deep-purple.lighten-5 > td{background-color:#f6f2fe !important}
.ui-modern tbody tr.deep-purple.lighten-1 > td:first-child,
.ui-modern tbody tr.deep-purple.lighten-2 > td:first-child,
.ui-modern tbody tr.deep-purple.lighten-3 > td:first-child,
.ui-modern tbody tr.deep-purple.lighten-4 > td:first-child,
.ui-modern tbody tr.deep-purple.lighten-5 > td:first-child{box-shadow:inset 4px 0 0 #7b4ddd}
.ui-modern tbody tr.grey.lighten-1,
.ui-modern tbody tr.grey.lighten-2,
.ui-modern tbody tr.grey.lighten-3,
.ui-modern tbody tr.grey.lighten-4,
.ui-modern tbody tr.grey.lighten-5,
.ui-modern tbody tr.grey.lighten-1 > td,
.ui-modern tbody tr.grey.lighten-2 > td,
.ui-modern tbody tr.grey.lighten-3 > td,
.ui-modern tbody tr.grey.lighten-4 > td,
.ui-modern tbody tr.grey.lighten-5 > td{background-color:#f7f8f8 !important}
.ui-modern tbody tr.grey.lighten-1 > td:first-child,
.ui-modern tbody tr.grey.lighten-2 > td:first-child,
.ui-modern tbody tr.grey.lighten-3 > td:first-child,
.ui-modern tbody tr.grey.lighten-4 > td:first-child,
.ui-modern tbody tr.grey.lighten-5 > td:first-child{box-shadow:inset 4px 0 0 #9aa3a2}

/* ---------- бутони в съдържанието ---------- */
.ui-modern .btn,.ui-modern .btn-large,.ui-modern .btn-small{
  box-shadow:none;text-transform:none;letter-spacing:0;font-weight:500;border-radius:7px}
.ui-modern .btn:hover,.ui-modern .btn-large:hover{box-shadow:none}
.ui-modern .btn-floating{box-shadow:none}

/* ---------- значки ---------- */
.ui-modern .task-cat,.ui-modern .chip{border-radius:5px;box-shadow:none}

/* ---------- DataTables ---------- */
.ui-modern .dataTables_wrapper .dt-buttons{margin-bottom:8px}
.ui-modern .dataTables_wrapper .dt-button{
  background:#fff !important;border:1px solid var(--ui-ln) !important;border-radius:7px !important;
  color:var(--ui-ink) !important;box-shadow:none !important;padding:4px 11px !important;
  font-size:12.5px !important;text-transform:none !important;margin-right:4px}
.ui-modern .dataTables_wrapper .dt-button:hover{background:#f4f6f6 !important}
.ui-modern .dataTables_wrapper .dataTables_filter input{
  border:1px solid var(--ui-ln) !important;border-radius:7px;height:32px;padding:0 10px;
  margin-left:6px;box-shadow:none !important;width:200px;max-width:100%}
.ui-modern .dataTables_wrapper .dataTables_paginate .paginate_button{border-radius:6px !important}
.ui-modern .dataTables_wrapper .dataTables_paginate .paginate_button.current{
  background:#e8f5f3 !important;border:1px solid #9fd6cf !important;color:#1f5e55 !important}
.ui-modern .dataTables_wrapper .dataTables_info{color:var(--ui-dim);font-size:12px}

/* ---------- заглавия извън карти ---------- */
.ui-modern h4.header{font-size:16px;font-weight:650;letter-spacing:-.01em;text-transform:none}
.ui-modern h5.light,.ui-modern h4.light{font-size:17px;font-weight:600;letter-spacing:-.01em;
  margin:6px 0 10px;line-height:1.35}