#navbar .panel-heading {
    color: white;
    background: #367fa9;
    border-bottom: 1px solid #3690c3;
    box-shadow: 0 1px 0 0 #216992;
    margin: 0 0 1px 0;
    font-size: 15px;
    font-weight: 900 !important;
}



.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
    font-weight: 900;
}

.kv-sidenav li a {
    border-radius: 0;
    border-bottom: 1px solid #216992;
}

.kv-sidenav .active > ul {
    background-color: #3690c3;
}

.panel-default {
    border-color: transparent;
}

.panel {
    margin-bottom: 0px;
    background-color: transparent   ;
    border: 0px transparent;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, .0);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
}

.input-group-addon {
    border-radius: 0px;
    border-color: #d2d6de;
    color: #000;
    background-color: #ededed !important;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-box {
    background: red;
    border: 3px solid grey;
    border-radius: 6px;
    box-shadow: 5px 5px 2px 0 rgba(0,0,0,0.4);
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-content {
    color: white;
    padding: 8px;
}

.tooltipster-arrow {
        }

.portlet-decoration {
    padding: 3px 8px;
    background: #B7D6E7;
    border-left: 5px solid #6FACCF;
}

.img-container {
        text-align:center; /* Align center inline elements */
        font: 0/0 a;       /* Hide the characters like spaces */
}

.img-container:before {
      content: ' ';
      display: inline-block;
      vertical-align: middle;
      height: 100%;
}

.img-container img {
    vertical-align: middle;
    display: inline-block;
    max-height: 100%;  /* <-- Set maximum height to 100% of its parent */
    max-width: 100%;   /* <-- Set maximum width to 100% of its parent */
}

.img-container .centerer {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.kv-sidenav .active > ul {
    background: #286d95 !important;
}

.kv-sidenav li a {
    border-radius: 0 !important;
    border-bottom: 1px solid #216992 !important;
}

@media (max-width: 480px) {
    .nop_input {
        width: 20% !important;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .nop_input2 {
        width: 25% !important;
        margin-top: 5px;
    }

    .input-serft {
        width: 15% !important;
        margin-top: 5px;
    }

    .bottom5px {
        margin-bottom: 5px;
    }

    .nop {
        position: relative;
        display: block;
        border-collapse: separate;
    }

    .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
        z-index: 2;
        margin-left: 0px;
    }

    .nop > .input-group-addon {
        display: none;
    }

    .btn_pading_5px {
        margin-top: 5px;
    }

    .btn_pading_15px {
        margin-top: 15px;
    }
}