﻿.logo-custom {
    width: 280px;
    min-height: 70px;
    /*object-position: left;
    object-fit: cover;*/
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('../img/logo/PEROS-LOGO.png');
}

.logo-custom-dashboard {
    width: 140px;
    min-height: 70px;
    /*object-position: left;
    object-fit: cover;*/
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('../img/logo/PEROS-LOGO.png');
}

html[data-placement='horizontal'] .nav-container.mobile-side-ready .nav-content .logo-custom-dashboard {
    width: 100px;
    margin-bottom: 20px;
    text-align: center;
}



html[data-placement='horizontal'] .nav-container .logo-custom-2 img,
html[data-placement='horizontal'] .nav-container .logo-custom-2 .img {
    width: 100px;
    min-height: 35px;
    object-position: left;
    object-fit: cover;
    transition: width var(--transition-time), height var(--transition-time);
}

html[data-placement='horizontal'] .nav-container .logo-custom-2 .img {
    background-repeat: no-repeat;
}
html[data-placement='horizontal'] .nav-container .logo-custom-2 {
    margin-top: 0;
    margin-bottom: 0;
    text-align: initial;
}
html[data-placement='horizontal'] .nav-container.mobile-side-ready .nav-content .logo-custom-2 {
    margin-bottom: 20px;
    text-align: center;
}

    html[data-placement='horizontal'] .nav-container.mobile-side-ready .nav-content .logo-custom-2 a {
        overflow: hidden;
        display: inline-block;
        width: 100px;
    }

html[data-color='light-blue'] .logo-custom-2 .img,
html[data-color='light-lime'] .logo-custom-2 .img,
html[data-color='light-green'] .logo-custom-2 .img,
html[data-color='light-red'] .logo-custom-2 .img,
html[data-color='light-pink'] .logo-custom-2 .img,
html[data-color='light-purple'] .logo-custom-2 .img,
html[data-color='light-teal'] .logo-custom-2 .img,
html[data-color='light-sky'] .logo-custom-2 .img,
html[data-color='dark-blue'] .logo-custom-2 .img,
html[data-color='dark-green'] .logo-custom-2 .img,
html[data-color='dark-red'] .logo-custom-2 .img,
html[data-color='dark-pink'] .logo-custom-2 .img,
html[data-color='dark-purple'] .logo-custom-2 .img,
html[data-color='dark-lime'] .logo-custom-2 .img,
html[data-color='dark-sky'] .logo-custom-2 .img,
html[data-color='dark-teal'] .logo-custom-2 .img {
    background-image: url('../img/logo/WhatsApp Image 2022-01-17 at 12.32.43.png');
}