@font-face {
    font-family: "GOTHIC";
    src: url("../fonts/CenturyGothic/GOTHIC.TTF");
}

@font-face {
    font-family: "GOTHICB";
    src: url("../fonts/CenturyGothic/GOTHICB.TTF");
}

@font-face {
    font-family: "GOTHICI";
    src: url("../fonts/CenturyGothic/GOTHICI.TTF");
}

@font-face {
    font-family: "GOTHICBI";
    src: url("../fonts/CenturyGothic/GOTHICBI.TTF");
}

:root {
    --primary: #ec6b41; 
    --secondary: #f0b7b7;
    --body-bg: #f8f8f8;
}

html,
body {
    width: 100% !important;
    height: 100% !important;
    font-family: "GOTHIC" !important;
}

.form-group {
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.btn-dft {
    width: 11rem;
    padding: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 16px !important;
}

.btn-dft i {
    margin-left: 0.5rem;
}

.input-group.check-dft {
    width: 8rem !important;
    margin-right: 2rem;
}

.input-group.check-dft input[type="text"] {
    background-color: white;
}

.buttons {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: 3rem;
}

.buttons .btn-danger {
    background-color: var(--bs-danger);
    color: white;
}

.buttons button {
    margin-left: 2rem;
}

.buttons .btn-danger:hover {
    color: white;
}

.buttons button,
.buttons a {
    width: 8rem;
}

.pages nav {
    background-color: transparent;
}

.pages nav ul {
    display: flex;
    margin-top: 3rem;
    justify-content: flex-end;
}

.pages nav ul.pagination .page-item.active .page-link {
    background-color: var(--primary);
}

.pages nav ul li a {
    color: var(--primary);
    cursor: pointer;
}

.ql-editor {
    min-height: 10rem;
    background-color: #f8fafc;
}

.ql-disabled {
    background-color: #e9ecef;
}