/* HTML */
html,body{
    overflow-x:hidden;
}

.dz-progress{
    display: none !important;
}

.tabs-container-custom{
    gap:5px;
}

.tabs-container-custom li button{
    border:none;
    border:1px solid #000;
    background-color:#fff;
}
.tabs-container-custom li button:hover{
    color: #fff !important;
    background-color: #343a40 !important;
}
.tabs-container-custom li button.active{
    background-color: #343a40 !important;
}

/* Declare CSS */
.flex-center-end{
    display: flex;
    align-items: center;
    justify-content: end;
}
.cursor-no-drop{
    cursor: no-drop !important;
}
.bg-color-white{
    background-color:#fff !important;
}
.bg-color-disabled{
    background-color:#e9ecef !important;
}
.color-red{
    color:red !important;
}
.color-grey {
    color: #bcbcbc !important;
}


/* Gallery Image Remove Btn*/
.delete_image_gallery{
    cursor: pointer;
    z-index: 5;
    position: relative;
}

/* Sorting Gallery Images */
.sort-items-box .image-file-box{
    cursor:move;
}

/* Custom Tab Content */

/* Select 2 Custom*/
.select2-selection__choice{
    color:#000 !important;
}

/* Switch Checkbox */
.checkbox-status {
    position: relative;
    width: 50px;
    height: 25px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.checkbox-status label {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 25px;
    border-radius: 50px;
    background: linear-gradient(to bottom, #b3b3b3, #e6e6e6);
    cursor: pointer;
    transition: all 0.3s ease;
}
.checkbox-status label:after {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
}
.checkbox-status input[type="checkbox"]:checked + label {
    background: linear-gradient(to bottom, #00BCD4, #00BCD4);
}
.checkbox-status input[type="checkbox"]:checked + label:after {
    transform: translateX(25px);
}
.checkbox-status label:hover {
    background: linear-gradient(to bottom, #b3b3b3, #e6e6e6);
}
.checkbox-status label:hover:after {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.switch-checkbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 25px;
}

/* Uploaded File */
#uploaded-files-list{
    list-style-position: inside;
    list-style-type: auto;
}

#uploaded-files-list button{
    border:none;
    background-color: unset;
}

#uploaded-files-list button .fa-trash:before{
    color: indianred;
}

#uploaded-files-list li a{
    /* color:#000; */
}

#uploaded-files-list li a:hover{
    color: #007bff;
    text-decoration:underline;
}

#uploaded-files-list .show-file-container{
    display:inline-block;
}