.navbar.header-navbar {
    flex-grow: 0;
    flex-wrap: nowrap;
    border: none;
    background-color: #fff;
    border-radius: 0;
    min-height: 3.5rem;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.12);
    justify-content: flex-start;
}

.header-navbar .navbar-toggler {
    outline: none;
    border-radius: 0;
    padding-left: .75rem;
    padding-right: .75rem;
    box-shadow: none;
    align-self: stretch;
}

    .header-navbar .navbar-toggler .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
        background-color: transparent !important;
        height: 2rem;
        width: 2rem;
    }

.t-pointer {
    cursor: pointer;
}

.t-fw-600 {
    font-weight:600!important;
}

.title {
    font-size: 1.1rem;
    overflow: hidden;
}

.t-bg-overlay {
    background-color: var(--bs-gray-600);
}

.nav-logo {
    display: inline-flex !important;
    height: 2.5rem;
}

.nav-name-container {
    display: flex;
    flex-direction: column;
    min-width: 300px;
}

.nav-company {
    font-size: 0.7rem;
    font-weight: 500;    
}
.nav-appname {

}
.navigation-header-toolbar {
    margin-top:0.25rem;
}


.daterangepicker-no-labels .k-label {
    display: none;
}

.daterangepicker-no-labels .k-floating-label-container {
    padding: 0;
}
/*DragDrop*/
/*add this to avoid flickering*/
.t-dragdrop-inprogess > * {
    pointer-events: none;
}

/*dropzone style style*/
.t-dragdrop-dropzone {
    min-height: 50px;
}

/*drag drop styles*/

.t-dragdrop-spacing {
    height: 10px;
}

.t-dragdrop-spacing-dragged-over {
    padding: 25px;
}

.t-dragdrop-dragged-over {
    background-color: lightgray;
    opacity: 0.6;
    animation: blinker 1s linear infinite;
}

    .t-dragdrop-dragged-over > div {
        background-color: lightgray;
        opacity: 0.6;
        animation: blinker 1s linear infinite;
    }

.t-dragdrop-dragged-over-denied {
    background-color: red;
    opacity: 0.6;
    animation: blinker 1s linear infinite;
}

.t-dragdrop-in-transit {
    opacity: 0;
}

    .t-dragdrop-in-transit > div {
        opacity: 0;
    }

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.blink_me {
    animation: blinker 1s linear infinite;
}

/*for flex demo*/

.t-dragdrop-flex .t-dragdrop-spacing {
    width: 20px;
    height: auto;
}

.t-dragdrop-flex .t-dragdrop-dragged-over {
    background-color: lightgray;
    opacity: 0.6;
    animation: blinker 1s linear infinite;
}

    .t-dragdrop-flex .t-dragdrop-dragged-over > div {
        background-color: lightgray;
        opacity: 0.9;
        animation: blinker 1s linear infinite;
    }

.t-dragdrop-flex .t-dragdrop-in-transit {
    background-color: orangered;
}

    .t-dragdrop-flex .t-dragdrop-in-transit > div {
        background-color: orangered;
    }

.t-dragdrop-noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}


/*popup-dialog*/

@media (max-width: 768px) {
    .navigation-header-toolbar {
        display: none;
    }
}

@media (max-width: 500px) {
    .title {
        font-size: 0.8rem;
    }

    .nav-company {        
        font-size: 0.6rem;
    }

    .nav-name-container {
        min-width:0;
        width: 100%;
    }

}
@media (max-width: 340px) {
    .title {
        font-size: 0.7rem;
    }
}

.popup-dialog-h-100 {
    width: 98% !important;
}

.popup-dialog-xxl {
    max-width: 1560px !important;
}

.popup-dialog-xl {
    max-width: 1410px !important;
}

.popup-dialog-lg {
    max-width: 1160px !important;
}

.popup-dialog-md {
    max-width: 800px !important;
}

.popup-dialog-sm {
    max-width: 500px !important;
}
.popup-dialog {
    min-width: 300px !important;
}

@media only screen and (min-width: 1600px) {
    .popup-dialog {
        width: 1540px !important;
    }
}

@media only screen and (min-width: 1450px) and (max-width: 1600px) {
    .popup-dialog {
        width: 1410px !important;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1450px) {
    .popup-dialog {
        width: 1160px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .popup-dialog {
        width: 748px !important;
    }
}

@media only screen and (min-width: 500px) and (max-width: 768px) {
    .popup-dialog {
        width: 96% !important;
    }
}

@media only screen and (min-width: 300px) and (max-width: 500px) {
    .popup-dialog {
        width: 96% !important;
    }
}