.label-secondary{

    background: #dcdcdc !important;
    color: #111111 !important;

}
.label-primary{
    background: #f3a54a !important;
    color:#FFFFFF !important;

}
.label-sub-category{
    background: #FFFFFF !important;
    black:#FFFFFF !important;
    border:1px solid #9b9ba1 !important;
}
.parent-category{
    display: flex !important;
    padding: 20px !important;
}
.parent-category li{
    margin: 5px;
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;

    border-radius:5px;
}
.sub-category{
    display: flex;
    padding: 0 !important;
}
.sub-category li{
    margin: 5px;
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
    border-radius:5px;
    font-weight: normal;
}
.btn-sale{
    background:#f3a54a !important;
    color:#FFFFFF !important;
}
.btn-rent{
    background: #dedada !important;
    color:#FFFFFF !important;
    padding: 5px !important;
}
.label-white{
    background: #FFFFFF;
    color:#000000;
    border:1px solid #b1b1b1 ;
}
.btn-primary{
    background:#f3a54a !important;
    color:#FFFFFF !important;
    border: 0;
}
.image-box-actions  .btn_gallery{
    background:#f3a54a !important;
    color:#FFFFFF !important;
    padding:5px;
    margin:5px;
}
.gallery-images-wrapper a{
   /* background:#f3a54a !important;
    color:#FFFFFF !important;
    padding:5px;
    margin:5px;*/
}
.image-box-wrapper{
    border: 1px solid #9b9ba1 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.cke_bottom{
    /* background:#f3a54a !important; */
}
.btn-info{
    background:#f3a54a !important;
    border: 0;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a, .page-sidebar .page-sidebar-menu>li.active.open>a, .page-sidebar .page-sidebar-menu>li.active>a{
    background:#f3a54a !important;
}
.custom-select-image{
    background:#f3a54a !important;
    color:#FFFFFF !important;


    padding:10px;

}
.gallery-images-wrapper {
    overflow: auto;
}
#edit-slug-box{
    display: none !important;
}
.btn-gray{
    background:#dedada !important;
    border: 0;
}

.btn-success{
    background: #f3a54a !important;
    border: 0;
}
/*select option{
    background: rgb(210, 206, 206) !important;
    color: rgba(250, 252, 250, 0.95) !important;
   !*!/ text-shadow: ;
*!

}
select option:hover{
    background: rgb(210, 206, 206) !important;
}*/

.checklist-modal .stepwizard-step p {
    margin-top: 10px;
    font-size: 14px;
    color: #a2a2a2;
}

.checklist-modal .stepwizard-row {
    display: table-row;
}

.checklist-modal .stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.checklist-modal .stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.checklist-modal .stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #fea131;
    z-order: 0;

}

.checklist-modal .stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.checklist-modal .btn-circle {
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 25px;
    background-color: #fea131;
    color: white;
    border: 0px;
    font-weight: bold;
}

.checklist-modal .btn-circle2 {
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 25px;
    background-color: #ababab;
    color: white;
    border: 0px;
    font-weight: bold;
}

.checklist-modal .oranje { color: #fea131 !important; }


.checklist-modal input#myfile {
    border: 2px solid #d7dde2;
    padding: 13px;
    border-radius: 6px;
    text-align: left;
    margin: 0 auto;
    display: inline;
    width: 83%;
    margin-left: 6%;
}

.checklist-modal h3 {
    display: block;
    font-size: 1.0em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    margin-left: 6%;
    margin-top: 8%;
}





.checklist-modal .button {
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: block;
    font-size: 16px;
    margin: 0 auto;
    cursor: pointer;
    border-radius: 6px;
    background-color: #fea131;
    margin-top: 21px;
    margin-bottom: 45px;
}

.checklist-modal input[type="file" i] {
    appearance: none;
    background-color: initial;
    cursor: default;
    align-items: baseline;
    color: inherit;
    text-overflow: ellipsis;
    white-space: pre;
    text-align: start !important;
    padding: initial;
    border: initial;
    overflow: hidden !important;
}




/* The Modal (background) */
.checklist-modal .modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.checklist-modal .modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 50%;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    border-radius: 50px;
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.checklist-modal .close {
    color: #3a3a3a;
    float: right;
    font-size: 28px;
    font-weight: bold;
    margin-top: 17px;
    margin-right: 20px;
}

.checklist-modal .close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.checklist-modal .modal-header {
    padding: 2px 16px;
    background-color: white;
    color: white;
    border-radius: 50px;
}
.checklist-modal .modal-body {padding: 2px 16px;}
.checklist-modal .modal-footer {
    padding: 2px 16px;
    background-color: white;
    color: white;
    border-radius: 30px;
}
.modal-backdrop.show {
    opacity:0 !important;
    filter: alpha(opacity=50);
}
.modal-header{
    background: #0a0909 !important;
    color: white;
}
.red{
    color:red !important;
}
.label-grey{
    color:#c4c4c4 !important;
}
.agent-image{
    max-width: 100%;
}
.agent-detail-admin{
    background: white;
    padding: 20px;
    /* width: 100%; */
    margin-right: -15px;
    margin-left: -15px;
    margin-top: 10px;
}
.checklist_modal{
    z-index: 9999999 !important;
}
.verify-documents{
    padding-left: 10px;
    background: white;
    padding-top: 10px;
    padding-bottom: 10px;
}
.comment-box{
    overflow-y: scroll;
    max-height: 400px;
}
.display-comment .display-comment {
    margin-left: 40px
}
.comment-desp{
    padding-left: 40px;
    padding-top: 10px;
    padding-bottom: 5px;
}
#remove-line{
    position: absolute !important;
    z-index: 2;
    left: 41%;

}
.badge-success {
    background-color: #fea131 !important;
    background-image: none;
}
.badge-info{
    background: #FFFFFF !important;
    color: #111111;
    margin-left: 3px;
}
.dropdown-menu
{
    z-index: 999999;
}
.toast-custom {
    background-color:green;
}
.type_rent{
    width: 100% !important;
}

.is_deleted{
    background-color: #b7aeae !important;
}

/* ==========================================================================
   Property checklist document uploads
   Shared across public, member, agent and admin property forms
   (all four load this stylesheet via PropertyForm::buildForm()).
   ========================================================================== */
.document-row {
    display: flex !important;
    flex-wrap: wrap;
    gap: 16px;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.document-row .testsets {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 0 0 calc(33.333% - 11px);
    max-width: calc(33.333% - 11px);
    padding: 14px 16px;
    background: #fafafa;
    border: 1px solid #e2e2e2;
    border-radius: 8px;
}

.document-row .testsets .control-label {
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 0;
    color: #333;
}

.document-row .testsets .control-label.required:after {
    content: ' *';
    color: red;
}

.document-row .testsets img.image-box-wrapper {
    width: 64px !important;
    height: 64px !important;
    object-fit: cover;
    border-radius: 6px;
    align-self: flex-start;
}

.document-row .testsets > a {
    font-size: 13px;
    color: #f3a54a;
}

.document-row .testsets .file-upload-control {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
}

/* Native input is visually hidden; the label + span below form the visible control */
.document-row .testsets .file-input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.document-row .testsets .file-upload-btn {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    padding: 0 14px;
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    color: #333;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.document-row .testsets .file-upload-btn:hover {
    background: #f3a54a;
    border-color: #f3a54a;
    color: #fff;
}

.document-row .testsets .file-input:focus-visible + .file-upload-btn {
    outline: 2px solid #f3a54a;
    outline-offset: 2px;
}

.document-row .testsets .file-upload-name {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: #6c757d;
}

.document-row .testsets .remove-file-link {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin: 0 !important;
    border-radius: 50%;
    background: #fdecea;
    color: #dc3545 !important;
    font-size: 13px !important;
    line-height: 1;
    text-decoration: none !important;
    transition: background-color .15s ease, color .15s ease;
}

.document-row .testsets .remove-file-link:hover {
    background: #dc3545;
    color: #fff !important;
}

@media (max-width: 991px) {
    .document-row .testsets {
        flex-basis: calc(50% - 8px);
        max-width: calc(50% - 8px);
    }
}

@media (max-width: 575px) {
    .document-row .testsets {
        flex-basis: 100%;
        max-width: 100%;
    }
}