:root {
    --color-primary: #379775;
    --color-primary-dark: #308465;
    --color-primary-text: #ffffff;
    --color-warning: #ff771d;
}

.color-primary {
    color: var(--color-primary);
}

.color-warning {
    color: var(--color-warning);
}

.background-primary {
    background: var(--color-primary);
}

.background-warning {
    background: var(--color-warning);
}

.btn-primary {
    color: var(--color-primary-text);
    background-color: var(--color-primary-dark);
    border-color: var(--color-primary-dark);
}

.btn-primary:hover {
    color: var(--color-primary-text);
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.pagination .page-link {
    color: var(--color-primary);
}

.pagination .active .page-link {
    color: #ffffff;
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.max-line-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.max-line-1{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

a {
    color: var(--color-primary);
}

a:hover {
	text-decoration: none;
	color: var(--color-primary-dark);
}

.card-title {
    color: var(--color-primary);
}

.card .card-header {
    background: var(--color-primary);
    color: #ffffff;
}

.card .card-body {
    padding: 16px 16px;
}

.img-fill {object-fit: fill;}
.img-contain {object-fit: contain;}
.img-cover {object-fit: cover;}
.img-scale-down {object-fit: scale-down;}
.img-none {object-fit: none;}

.img-modal{
    cursor: pointer;
    border: 1px solid #dddddd;
}