/* Custom CSS */
.tm-article-content img {
	display: block;
	margin: 10px auto;
}

.tm-panel-fw {
	padding-top: 20px;
}
.tm-file-title {
	margin-top: 15px;
}
.tm-article-content .tm-article-banner2 img {
	margin: 0px;
}



.cd-container {
    max-width: 1130px;
    margin: auto;
}

/* ==========================================================================
    Карточки (Cards)
   ========================================================================== */


.cd-badge a {
    color: #000000;
}

.cd-card {
    border-radius: 8px;
    padding: 20px;
}

.cd-info {
    background-color: #E9F3F8;
}

.cd-card-border {
    border: #bdbdbd solid 1px;
}

.cd-card-title {
    font-size: 24px;
	padding: 10px;
}

/* ==========================================================================
   Отступы (Margins and Paddings)
   ========================================================================== */

.cd-margin-top {
    margin-top: 12px;
}

.cd-margin-right {
    margin-right: 12px;
}

.cd-margin-small-right {
    margin-right: 8px;
}

.cd-margin-medium-right {
    margin-right: 16px;
}

.cd-margin-top-medium {
    margin-top: 16px;
}

.cd-margin-medium {
    margin: 32px 0; 
}

/* ==========================================================================
   Бейджи (Badges)
   ========================================================================== */

.cd-badge {
    background-color: #C6E2F0;
    padding: 8px 12px 7px 12px;
    border-radius: 500px;
}

.uk-flex-wrap {
     gap: 8px; 
}

/* ==========================================================================
   Сетка (Grid)
   ========================================================================== */

.cd-grid-medium {
    margin-left: -16px;
}

.cd-grid-medium > * {
    padding-left: 16px; 
}
/* ==========================================================================
    Списки (Lists)
   ========================================================================== */

li {
    margin: 8px 0;
}

/* ==========================================================================
    Заголовки (Titles)
   ========================================================================== */

.cd-title {
    font-size: 45px;
}

.cd-text-small {
    font-size: 16px;
}

.cd-text-bold {
    font-family: "PT Sans", serif;
    font-weight: 700;
    font-style: normal;
}

/* ==========================================================================
   Блок "Итог" (Final Block)
   ========================================================================== */

.cd-final {
    background-color: #e9f3f8;
    border-radius: 8px;
    display: flex;
}

.cd-dark-blue {
    background-color: #C6E2F0;
    border-radius: 8px 0 0 8px;
    width: 64px;
}

.cd-final-panel {
    width: calc(100% - 64px); 
    padding: 20px;
    color: #005B89;
}

/* ==========================================================================
   Кнопки (Buttons)
   ========================================================================== */

.cd-button {
    border-radius: 8px;
    font-size: 18px !important;
    font-weight: 700;
    padding: 12px 16px;
    box-shadow: none !important;
    min-height: unset;
    text-transform: unset;
	line-height: 1 !important;

}

img.cd-margin-right {
    display: inline-block;
    margin: 0 12px 0 0;
}

.cd-button i {
    width: 24px;
    height: 24px;
}

.cd-button-orange {
    background-color: #EE4400;
    color: #ffffff;
}

.cd-button-orange:hover {
    background-color: rgba(238, 68, 0, 0.1);
    color: #ee4400;
}

.cd-button-orange:hover .uk-icon-dw svg path {
    stroke: #EE4400;
}

.cd-button-light-orange {
    background-color: rgba(238, 68, 0, 0.1);
    color: #ee4400;
}

.cd-button-light-orange:hover {
    background-color: #EE4400;
    color: #ffffff;
}

.cd-button-light-orange:hover .uk-icon-dw svg path {
    stroke: #ffffff;
}

.cd-button-light-orange .uk-icon-dw svg path {
    stroke: #ee4400;
}

/* ==========================================================================
    Таблица (Table)
   ========================================================================== */

table.cd-table {
    border: solid 1px #bdbdbd;
    border-collapse: separate !important;
    border-spacing: 0;
    border-radius: 8px;
	white-space: nowrap
}

table.cd-table thead {
    background-color: #f2f2f2;
    border-radius: 8px; 
    overflow: hidden; 
}



.cd-table th {
    padding-right: 0;
    font-size: 16px;
    text-transform: unset;
    background-color: #f2f2f2;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
    color: #000;
    border-bottom-color: #bdbdbd;
	padding: 6px;
}

.cd-table td {
    padding-right: 0;
    font-size: 16px;
    text-transform: unset;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: #bdbdbd;
	padding: 6px;
	
}
.cd-table td:empty {
    background-color: transparent;
}


table.cd-table thead tr:first-child th:first-child {
    border-top-left-radius: 8px;
}

table.cd-table thead tr:first-child th:last-child {
    border-top-right-radius: 8px;
}

table.cd-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 8px;
}

table.cd-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 8px;
}

table.cd-table tbody tr:hover {
    background-color: rgba(33, 150, 83, 0.1)
}

.uk-icon-cd-check:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2218%22%20viewBox%3D%220%200%2017%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M13.1668%206.79163L6.75016%2013.2083L3.8335%2010.2916%22%20stroke%3D%22%23219653%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A");
    background-repeat: no-repeat;
    background-size: contain;
}

.cd-check {
    width: 17px;
    padding-right: 0 !important;
}

table.cd-table thead tr td,
table.cd-table tbody tr:not(:last-child) td {
    border-bottom: 1px solid #bdbdbd;
}


/* ==========================================================================
   Медиа-запросы (Media Queries)
   ========================================================================== */

@media (max-width: 640px) {
    .cd-title {
        font-size: 24px;
    }
    .cd-badge {
        margin-bottom: 12px;
    }
    .cd-button,
    .cd-card {
        margin-bottom: 16px !important;
    }
}