.bg-dongker {
    background-color: #40679e;
    color: #fff;
}
.outline-dongker{
    background-color: #fff;
    color: #40679e;
    border: 1px solid #40679e;
}
.outline-dongker:hover{
    background-color: #40679e;
    color: #fff;
}
.outline-dongker-adm{
    /*background-color: #fff;*/
    color: #40679e;
    border: 1px solid #40679e;
}
.outline-dongker-adm:hover{
    background-color: #40679e;
    color: #fff;
}
.text-dongker {
    color: #40679e;
}
.border-primary {
    border-color: #40679e !important;
}
.btn-dongker {
    border-color: #40679e !important;
    color: #40679e;
}
.btn-check:checked+.btn-dongker {
    background-color: #40679e;
    border-color: #40679e !important;
    color: #ffffff;
}
.fc-event-title-container {
    text-align: center;
}
.fc-h-event {
    background-color: #40679e;
    border: 1px solid #40679e;
    cursor: pointer;
}
.fs-12 {
    font-size: 12px;
}
a.navbar-brand {
    width: 100px;
}
@media (min-width: 576px) {
    a.navbar-brand {
        width: 300px;
    }
}
#form-register > * input::placeholder {
    font-size: 12px;
}
#showPassword {
    cursor: pointer;
}
.tabs-active {
    /* border: 0px !important; */
    border-bottom: 2px solid #0d6efd;
}
.list-group-item {
    border: none;
}
.stars i{
    cursor: pointer;
    color: #cac9c9;
}
.stars i.active{
    color: #ff9c1a;
    /* fill: #ff9c1a; */
}


label#custom {
    width: 116px;
    /* height: 118px; */
    height: 118px;
    /* padding: 1rem; */
    border: 2px dotted #c2c2c2;
    border-radius: 8px;
    cursor: pointer;
    text-align: center;
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}
#remove-list{
    cursor: pointer;
}

#titlethumb {
    position: absolute;
    bottom: 0;
    width: 100%;
}

#list-images {
    width: max-content;
    position: relative;
    height: max-content;
    /* padding: 8px; */
}

#form-image {
    height: max-content;
    display: flex;
    gap: 2rem;
}

.sorting {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: flex-end;
    width: 380px;
}

.sorting select {
    width: 140px;
}

button[name="deleteRecentSearch"] {
	background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
}

.shipping-method label span {
    font-family: Barlow, sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #777070;
}

.shipping-method label p {
    font-family: Barlow, sans-serif;
    font-weight: 400;
    font-size: 14px;
    margin: 0;
    margin-left: 48px;
}

@media (max-width: 820px) {
    input.form-control {
        width: 100%;
    }

    #form-image {
        height: max-content;
        display: flex;
        flex-direction: column;
        justify-content: center;
        /* align-items: center; */
        gap: 8px;
    }

    #list-images {
        width: 100%;
        position: relative;
        height: max-content;
    }

    label#custom {
        order: 2;
    }
}

@media (max-width: 768px) {
    .content-profile.w-50 {
        width: 100% !important;
    }
    .content-profile.w-75 {
        width: 100% !important;
    }
    .content-profile select.w-25 {
        width: 50%!important;
    }
    .content-profile a.w-25 {
        width: 100%!important;
    }
    .user-chat {
        max-width: 13rem;
    }
    .admin-chat {
        max-width: 13rem !important;
    }
    .sorting {
        display: block;
        align-self: auto;
        width: auto;
        text-align: right;
    }
    .sorting select {
        margin-top: 10px;
        margin-left: auto;
        width: 170px;
    }
}