html, body {
    overflow: visible !important;
}
.watermelonIcon{
    padding:0px !important;
    margin:0px !important;
}
/*@media (max-width: 576px){
    .sidebar-left {
        width: 4.5rem !important;
        padding :0px !important;
    }*/

  /*      .sidebar-left #watermelonIcon {
            padding: 1rem !important;
            margin: 0rem !important;
        }

        .sidebar-left #watermelonIcon img {
            padding: 0rem !important;
            margin: 0rem !important;
            height:50px;
        }*/


        /*.sidebar-left > ul a {
            padding-top: 1rem;
            padding-bottom: 1rem;
            font-size: 28px !important;
            border-radius: 0px !important;
        }

    .sidebar-left svg {
        width:32px;
        padding-left:.3rem;
        height:30px;
    }    
}

@media (max-width: 1400px ) and (min-width: 576px) {
    .sidebar-left {
        width: 220px !important;
    }
}*/

.sidebar-left a.active {
    color: #ffffff !important;
}

/*Usuniecie "dziubka" przy avatarze usera, zeby sie dobrze centrowalo w menu*/
.bez-dziubka.dropdown-toggle::after{
    display: none;
}

.sidebar-left input[type="file"] {
    font-size:12px !important;
}

body {
    height: 100% !important;
}

.container {
    height: 100%;
}

.text-danger p {
    margin-bottom:.1rem;
    font-size:12px;
}

/*@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}*/

#leftDiv {
    min-height: 100vh !important;
}

.b-example-divider {
    /*background-color: red;*/
    /*height: 3rem;*/
    background-color: rgba(0, 0, 0, .1);
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.b-example-vr {
    flex-shrink: 0;
    width: 1.5rem;
    /*height: calc(100vh);*/
    height: inherit;
    /*position: relative !important;*/
}

.bi {
    vertical-align: -.125em;
    fill: currentColor;
}

#profilDropdown {
    /*position:fixed;*/
    padding: .5rem !important;
    bottom: 0px !important;
    width:inherit;
}

.placeholderSpan {
    opacity: 0.6;
}

.gridCol {
    min-width:300px !important;
}
.gridCol2{
    border: 1px solid rgb(34, 56, 109);
    border-radius: 4px;
    padding: 10px;
}

.gridCol li {
    min-width:300px;
}

    .gridCol .deviceHashSpan {
        word-wrap:anywhere;
        font-size:0.7rem;
    }

    #alertBottom {
        height: fit-content;
    }

    #alertBottom .offcanvas-header {
        display:block;
    }

    #alertBottom .offcanvas-header h4 {
        text-align: center !important;
    }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button:not(.czasOtwarcia),
input::-webkit-inner-spin-button:not(.czasOtwarcia) {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* Firefox */
input[type=number]:not(.czasOtwarcia) {
    -moz-appearance: textfield !important;
}

#EditRelay, input[readonly] {
    background-color: #F0F0F0 !important;
}

input[readonly] {
    pointer-events: none;
    opacity:0.8;
}

.hidden {
    display: none;
}

.btn-close {
    transform:scale(1.3);
}

/*#testtest{
    height: inherit !important;
}*/

.bg-menu-dark {
    background-color: rgb(33, 41, 49) !important;
}
.bg-menu-light {
    background-color: rgb(235,234,234) !important;
}
.btn-close-red{
    background-color:red !important;
}