.es-footer {
    background-color: #181a19 !important;
}

.es-bottom-bar {
    background-color: #000 !important;
}

.es-rounded-icon {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 20%;
    cursor: pointer;
}

.dropdown-hover:hover > .dropdown-menu {
    display: block;
    margin-top: 0;
}


.bg-blur-10 {
    backdrop-filter: blur(10px);
}
.bg-blur-15 {
    backdrop-filter: blur(15px);
}
.bg-blur-20 {
    backdrop-filter: blur(20px);
}

.bg-blur-10-hover:hover {
    backdrop-filter: blur(10px);
}
.bg-blur-15-hover:hover {
    backdrop-filter: blur(15px);
}
.bg-blur-20-hover:hover {
    backdrop-filter: blur(20px);
}

.color-bg-unset {
    background-color: unset !important;
}

/* es-ratio-Portrait */
.es-ratio-Portrait {
	width: 100%;
	position: relative;
	background: url() 50% 50% no-repeat;
	background-size: cover;
	background-clip: content-box;
}

.es-ratio-Portrait::before {
  display: block;
  content: "";
  padding-top: var(--es-ratio-Portrait);
}


.navbar-brand-img {
    max-height: 50px;
    /*width: auto;*/
    max-width: 180px;
}


.es-radio-card:checked+.btn {
    background-color: #fff !important;
    border-color: var(--bs-success) !important;
}



.es-designer-loading, .es-designer-lazy-load {
    height: 600px;
    position: relative;
}


.es-designer-lazy-load {
    height: 600px;
}

.es-designer-loading-h {
    height: 600px;
}


.bottom-nav-icon{
    border-bottom: 3px solid #fff !important;
    box-sizing: content-box;
    transition: transform 1s;
}
.bottom-nav-icon:hover{
    border-bottom: 3px solid var(--es-main-color) !important;
    box-sizing: content-box;
}
.bottom-nav-icon:focus, .bottom-nav-icon:active{
    border-bottom: 3px solid var(--es-main-color);
    box-sizing: content-box;
}
.bottom-nav-icon i:hover{
    color: var(--es-main-color) !important;
    transform: scale(1.05);
}
.bottom-nav-icon i:focus{
    color: var(--es-main-color) !important;
    transform: scale(1.05);
}


.es-scrollbar-hide::-webkit-scrollbar {
    width: 0px !important;
}

.dir-rtl { direction: rtl}
.dir-ltr { direction: ltr}


.es-clearfix {
    display: block;
    position: relative;
    clear: both;
}

.es-aside {
    max-width: 300px;
    width: 300px;
}


@media only screen and (max-width: 575px) {
    .es-aside {
        float: none !important;
        max-width: unset;
        width: unset;
    }
}


.growl-notification {
    z-index: 9999999 !important;
}