.img-upload {
    width: 50%;
    /* width: auto; */
}
.app-header.navbar {
    /* background-color: #003156;
    border-bottom: 1px solid #003156; */
    background-color: #fff;
    border-bottom: 1px solid rgba(51, 51, 51, 0.25);
}
.app-header.navbar .navbar-brand {
    background-color: rgb(255 255 255 / 0%);
    border-bottom: 1px solid rgb(255 255 255 / 0%);
}
.responsive-imgavatar {
    width: 100%;
    max-height: 50px;
    height: auto;
    max-width: 50px;
}
.sidebar {
    /* background: #003156; */
    background: #323563;
}
.sidebar .nav-link.active, .sidebar .navbar .active.dropdown-toggle, .navbar .sidebar .active.dropdown-toggle {
    color: rgb(255, 255, 255);
    /* background: #0095DA; */
    background: #434785;
}
.navbar-nav .nav-link:hover, .navbar-nav .navbar .dropdown-toggle:hover, .navbar .navbar-nav .dropdown-toggle:hover {
    /* color: #ffffff !important; */
    color: #323563 !important;
}
.navbar-nav .nav-link, .navbar-nav .navbar .dropdown-toggle, .navbar .navbar-nav .dropdown-toggle {
    /* color: #dddcdc !important; */
    color: #495057 !important;
}
.img-uploadMulti {
    width: 100%;
    max-height: auto;
}

.delimg {
    position: absolute;
    float: right !important;
}

.delPreimg {
    position: absolute;
    float: right !important;
}

input.error {
    border-color: #f00 !important;
}

small.required {
    color: #f00;
}

@media (max-width: 375px) {
    .nav {
        display: -ms-flexbox;
        display: block;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }
}

.app-header .navbar-brand .navbar-brand-minimized {
    display: none;
}

@media (min-width: 992px) {
    .brand-minimized .app-header .navbar-brand .navbar-brand-minimized {
        display: block;
    }

}

@media (min-width: 992px) {
    .brand-minimized .app-header .navbar-brand .navbar-brand-full {
        display: none;
    }

}

.add-category {
    margin-bottom: 10px;
    margin-right: 30px;
    width: 155.6px;
}

.text-truncate {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 150px;
}

/* 91C6E6 */
.box-dashboard {
    background-color: #5AA9D9;

}

.app-header .navbar-brand .navbar-brand-minimized {
    display: none;
}

@media (min-width: 992px) {
    .brand-minimized .app-header .navbar-brand .navbar-brand-minimized {
        display: block;
    }

}

@media (min-width: 992px) {
    .brand-minimized .app-header .navbar-brand .navbar-brand-full {
        display: none;
    }

}

.navbar {
    margin-bottom: 0px;
}

.header-side-menu {
    padding: 20px;
    height: 110px;
    background: rgb(217, 217, 217);
}

#responsetext .alert {
    margin-top: 15px;
    margin-bottom: 0px;
}

.register-text {
    margin-top: 15px;
}

.equal {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

#name {
    padding-right: 10px;
}

#role {
    float: right;
    font-size: 10px;
    padding-right: 10px;
}

@media (max-width: 992px) {
    .mobile-name {
        display: none;
    }
}

@media (max-width: 630px) {
    .mobile-hidden {
        display: none;
    }
}

@media (max-width: 992px) {
    .mobile-center {
        margin: 0px 0px 0px 70px;
    }
}

@media (max-width: 375px) {
    .card-footer {
        text-align: center;
    }
}

@media (max-width: 1499px) {
    .mobile-header {
        margin-bottom: 10px;

    }
}

#map {
    width: 100%;
    height: 435px;
}

.custom-file-container__image-multi-preview {
    position: relative;
    box-sizing: border-box;
    transition: all 0.2s ease;
    border-radius: 6px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
    margin: 1.858736059%;
    width: 29.615861214%;
    height: 50%;
    box-shadow: 0 4px 10px 0 rgba(51, 51, 51, 0.25);
}

.custom-file-container__image-preview {
    box-sizing: border-box;
    transition: all 0.2s ease;
    margin-top: 10px;
    margin-bottom: 18px;
    height: 450px;
    width: 100%;
    border-radius: 4px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: scroll;
}

.custom-file-container_getpicture {
    box-sizing: border-box;
    transition: all 0.2s ease;
    margin-top: 10px;
    margin-bottom: 18px;
    height: 450px;
    width: 100%;
    border-radius: 4px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: scroll;
}

.custom-file-container__image-multi-preview__single-image-preview {
    left: 20px;
    background: rgb(60, 143, 182);
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    margin-top: -6px;
    box-shadow: 0 4px 10px 0 rgba(51, 51, 51, 0.25);
}

.custom-file-container__image-multi-preview__single-image-clear {
    left: -10px;
    background: rgb(233, 49, 25);
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    margin-top: -6px;
    box-shadow: 0 4px 10px 0 rgba(51, 51, 51, 0.25);
}

.custom-file-container__image-multi-preview__single-image-clear__icon {
    color: #ffffff;
    display: block;
    font-size: 18px;
    margin-top: 1px;
}

.custom-file-container__image-multi-preview__single-image-delimg {
    left: -10px;
    background: rgb(233, 49, 25);
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    margin-top: -6px;
    box-shadow: 0 4px 10px 0 rgba(51, 51, 51, 0.25);
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

#picture-container {
    background-image: url('../../../assets/img/no-image.jpg') !important;
    ;
}
.custom-file-container__image-preview{
    background-image: url('../../../assets/img/no-image.jpg') !important;
}
#sortable-container {
    background-image: url('../../../assets/img/no-image.jpg') !important;
}

#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#myImg:hover {
    opacity: 0.7;
}

.mediaType{
    text-align: center;
    border-radius: 5px;
}
.profile-cropper {
    width: 40px;
    height: 40px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 5px;
}
.select2{
    width: 100% !important;
}
.error{
    color: #f00;
}

.file-pdf-container {
    box-sizing: border-box;
    transition: all 0.2s ease;
    margin-top: 10px;
    margin-bottom: 18px;
    height: 450px;
    width: 100%;
    border-radius: 4px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff;
}