/* Font */
body {
    font-family: Roboto, sans-serif !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, b, table th, label, .dtr-title, .badge, .dataTables_info, .nav-user, .account-user-name, .fw-500, .ribbon-box .ribbon-two span {
    font-weight: 500 !important;
}

.accordion-button:not(.collapsed) {
    color: #fa5c7c;
    background-color: transparent;
}

.nav-div {
    line-height: 70px;
}

#navbarList li {
    margin-left: 5px;
    margin-right: 5px;
}

span.badge-big {
    line-height: 20px;
    font-size: 0.9em;
    width: 56px;
}

span.badge-huge {
    line-height: 20px;
    font-size: 1em;
    width: 56px;
}

.centered {
    text-align: center;
}

.full-height {
    height: 100%;
}

.uppercase {
    text-transform: uppercase;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

input[type=search] {
    border: 1px solid #dee2e6;
    padding: .28rem .8rem;
}

.btn-google {
    max-width: 350px;
    width: 100%;
    height: 39px;
    border: none;
}

.btn-google svg {
    float: left;
}

.btn-google span {
    /*font-weight: 700;*/
    font-weight: 500;
}

.btn-facebook {
    max-width: 350px;
    width: 100%;
    height: 39px;
    color: #fff;
    background-color: #1877f2;
    border: none;
}

.btn-facebook img {
    float: left;
}

.btn-facebook:hover {
    color: #fff;
    background-color: #166fe5;
}

.btn-facebook span {
    /*font-weight: 700;*/
    font-weight: 500;
}

.cut-text {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.custom-link-1 {
    color: #aab8c5;
}

.custom-link-1:hover {
    color: #f1f1f1;
}

.custom-link-2 {
    color: #fff;
    text-decoration: underline;
}

.custom-link-2:hover {
    color: #fff;
    text-decoration: none;
}

.v-align-middle {
    vertical-align: middle;
}

.required-icon {
    font-size: 0.6em;
    vertical-align: top;
}

/*Dark mode*/

/*.bg-danger-custom {
    background-color: palevioletred;
}

.custom-accordion-title
{
    color: #aab8c5;
}

.custom-accordion-title:hover
{
    color: #f1f1f1;
}

.nav-link
{
    color: rgba(255,255,255,.7)!important;
}

.nav-link.active
{
    color: rgb(255,255,255)!important;
}

.nav-link:hover
{
    color: rgb(255,255,255)!important;
}

.btn-success
{
    color: rgb(232, 230, 227);
    background-color: rgb(8, 166, 121);
    border-color: rgb(9, 181, 132);
}

.custom-link-1
{
    color: #aab8c5;
}

.custom-link-1:hover
{
    color: #f1f1f1;
}

.custom-link-2
{
    color: #fff;
    text-decoration: underline;
}

.custom-link-2:hover
{
    color: #fff;
    text-decoration: none;
}

.dark-background-1
{
    background-color: rgb(56, 63, 73);
}

.ribbon-box .ribbon {
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}

.ribbon-box .ribbon-success
{
    background-color: rgb(8, 166, 121);
}*/

/*Dark mode*/

.restricted-width {
    max-width: 1200px;
    margin: 0 auto;
}

span.no-wrap {
    white-space: nowrap;
}

.trumbowyg-box, .trumbowyg-editor {
    min-height: 120px;
!important;
}

.carousel-indicators [data-bs-target] {
    background-color: #da241d;
}

.carousel-indicators {
    margin-bottom: -1rem;
}

@media (max-width: 300px) {
    .btn-google span, .btn-facebook span {
        display: none;
    }

    .btn-google svg, .btn-facebook img {
        float: none;
    }
}

@media (max-width: 480px) {
    .login-prompt {
        display: none;
    }

}

@media (max-width: 767.98px) {
    .sm-no-border {
        border: none !important;
    }
}