html {
  font-size: 14px;
}

@media (min-width: 50px) {
    #my-sidebar {
        display: none;
    }

    .toggle-menu-btn {
        display: unset;
    }

    .toggle-sidebar-btn {
        display: none;
    }

    .align-items-sm-start {
        align-items: flex-start !important;
    }

    .container-md, .container-sm, .container {
        /*max-width: 600px;*/
        max-width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .row > * {
        padding-right: 0px;
        padding-left: 0px;
    }

}

    @media (min-width: 576px) {
        .container-md, .container-sm, .container {
            /*max-width: 600px;*/
            max-width: 100%;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 0px;
            margin-right: 0px;
        }
    }

    @media (min-width: 768px) {
        html {
            font-size: 14px;
        }

        .container-md, .container-sm, .container {
            /*max-width: 740px;*/
            max-width: 100%;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 0px;
            margin-right: 0px;
        }

    }

    @media (min-width: 800px) {
        .container-md, .container-sm, .container {
            /*max-width: 780px;*/
            max-width: 100%;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 0px;
            margin-right: 0px;
        }
    }

    @media (min-width: 900px) {
        .container-md, .container-sm, .container {
            /*max-width: 880px;*/
            max-width: 100%;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 0px;
            margin-right: 0px;
        }

        .row > * {
            padding-right: calc(var(--bs-gutter-x)* .5);
            padding-left: calc(var(--bs-gutter-x)* .5);
        }

    }

    @media (min-width: 997px) {

        #my-sidebar {
            display: unset;
        }

        .toggle-menu-btn {
            display: none;
        }

        .toggle-sidebar-btn {
            display: unset;
        }

        .safety-div {
            height: calc(100vh - 50px);
            overflow: auto;
            margin-top: 3px;
        }

    }
/*
    @media (min-width: 1000px) {
        .container-md, .container-sm, .container {
            max-width: 980px;
        }
    }

    @media (min-width: 1100px) {
        .container-md, .container-sm, .container {
            max-width: 1080px;
        }
    }

    @media (min-width: 1200px) {
        .container-md, .container-sm, .container {
            max-width: 1180px;
        }
    }

    @media (min-width: 1300px) {
        .container-md, .container-sm, .container {
            max-width: 1280px;
        }
    }

    @media (min-width: 1400px) {
        .container-md, .container-sm, .container {
            max-width: 1380px;
        }
    }

    @media (min-width: 1500px) {
        .container-md, .container-sm, .container {
            max-width: 1480px;
        }
    }

    @media (min-width: 1600px) {
        .container-md, .container-sm, .container {
            max-width: 1580px;
        }
    }

    @media (min-width: 1700px) {
        .container-md, .container-sm, .container {
            max-width: 1680px;
        }
    }

    @media (min-width: 1800px) {
        .container-md, .container-sm, .container {
            max-width: 1780px;
        }
    }

    @media (min-width: 1900px) {
        .container-md, .container-sm, .container {
            max-width: 1880px;
        }
    }
*/
    html {
        position: relative;
        min-height: 100%;
    }

    body {
        /*padding-left: 15px;
        padding-right: 15px;*/
        margin-right: auto;
        margin-left: auto;
        /*margin-bottom: 60px;*/
        /*max-width: 1024px;*/
    }

.my-main-area {
    background-color: #e6e6e6;
}

.main-container {
    /*padding-top: 10px;
    background-color: #e6e6e6;*/
    min-height: calc(100vh - 170px);
}

    .mb-3 {
        margin-bottom: 0px !important;
    }
    /*
.main-div {
    background-color: #efefef;
}
*/

.isd-login-background {
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    margin-bottom: 15px;
    background-color: #efefef;
    padding: 15px;
    border-radius: 4px;
    max-width: 500px;
}

.win-no-width-limit {
    display: block;
    /*max-width: 1024px;*/
    max-height: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #dfdddd; /*#e6e6e6;*/ /* #ff6a00;*/
    padding: 10px;
}

.win-1200 {
    display: block;
    width: 1200px;
    max-height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.win-1100 {
    display: block;
    width: 1100px;
    max-height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.win-labor {
    display: block;
    max-width: 1024px;
    max-height: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #dfdddd;  /*#e6e6e6; */ /* #ff6a00;*/
    padding: 10px;
}

.win-950 {
    display: block;
    width: 950px;
    max-height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.win-900 {
    display: block;
    width: 900px;
    max-height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.win-850 {
    display: block;
    width: 850px;
    max-height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.win-820 {
    display: block;
    width: 820px;
    max-height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.win-750 {
    display: block;
    width: 750px;
    max-height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.win-650 {
    display: block;
    width: 750px;
    max-height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.win-600 {
    display: block;
    width: 600px;
    max-height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.win-550 {
    display: block;
    width: 550px;
    max-height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.win-450 {
    display: block;
    width: 450px;
    max-height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.win-400 {
    display: block;
    max-width: 400px;
    max-height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.isd-window {
    padding-left: 0px;
    background-color: #efefef;
    /*color: white;*/
    border: none;
    border-radius: 4px;
}

.isd-titlebar {
    padding: 2px 1px 2px 0px;
    border: 0px solid black;
    height: 27px;
    background-color: #cccccc;
    border-radius: 4px 4px 0px 0px;
}

.isd-titlebar-button {
    float: right;
    padding: 2px;
    width: 20px;
    height: 20px;
    border-width: 0px;
    box-sizing: content-box;
    opacity: .7;
    background-color: #cccccc;
    font-weight:500
}

/* Bootstrap menu start */
.dropdown:hover > .dropdown-menu {
    /*display: block;*/
    margin-top: 0px;
}

.dropdown-item:hover > .dropdown-menu {
    display: block;
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0px;
    margin-left: 0.125rem;
}

.dropdown > .dropdown-menu {
    margin-top: 0px;
    margin-left: 0.125rem;
    background-color: #F1F3F4;
}

    /*
.dropdown-menu.double {
    min-width: 20rem;
}
*/
ul.dropdown-menu {
    min-width: 150px;
    max-width: 100%;
    background-color: #F1F3F4;
}

.dropdown-item {
    padding-left: 5px;
}

.dropdown-item:hover {
    background-color: #F1F3F4;
}

.dropdown-item:active {
    background-color: #e3e5e6;
}

li:hover {
    background-color: #F1F3F4;
}

li > a:active {
    background-color: #e3e5e6;
}

.isd-dropdown-divider {
    height: 1px;
    margin: 0px;
}

.isd-li-item {
    height: 40px;
    margin: 0px;
}

.isd-li-item:hover {
    background-color: #e3e5e6;
}


/* Bootstrap menu end */
.hidden {
    display: none !important;
}

.nav-item {
    position: relative;
}

.my-link[data-bs-toggle]:not(.show).collapsed:after {
    clear: both;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px;
    content: "\f054";
    color: #444444;
}

.my-link[data-bs-toggle]:not(.show):not(.collapsed):after {
    clear: both;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px;
    content: "\f078";
    color: #444444;
}

.my-link[data-bs-toggle].show:after {
    clear: both;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px;
    content: "\f078";
    color: #444444;
}

.d-sm-inline {
    display: inline !important;
}

/* Notifications */
.k-notification h3 {
    padding: 10px 10px 5px;
    font-size: 1em;
    line-height: normal;
}

.k-notification img {
    margin: 20px;
    float: left;
}


/* Info template */
.new-mail {
    width: 300px;
    height: 125px;
    background-color: antiquewhite;
    padding: 3px 6px;
}

    .new-mail > .k-button {
        float: right;
        padding: 3px 6px;
        margin-right:3px;
    }

.new-mail-body {
    padding-left:10px;
}

/* Sidebar menu styles */
body .the-sidebar .isd-sidebar-menu {
    width: 200px;
    background-color: white;
    border: none;
    color: #0d6efd;
}

body .the-sidebar .isd-sidebar-menu .k-menu-item .k-menu-link {
    background-color: white;
    padding: .3em 1em;
    color: #0d6efd;
}

body .the-sidebar .isd-sidebar-menu .k-menu-item .k-animation-container .k-group .k-menu-item .k-menu-link:hover {
    background-color: #e9ecef !important;
}

body .the-sidebar .isd-sidebar-menu .k-menu-item .k-active {
    background-color: #e9ecef !important;
}
/* end sidbar */

.k-datepicker input {
    width: 100% !important;
    border-radius: 0px;
}

.k-datetimepicker input {
    width: 100% !important;
    border-radius: 0px;
}

.k-timepicker input {
    width: 100% !important;
    border-radius: 0px;
}

.k-numerictextbox input {
    border-radius: 0px;
}

.isd-stage-true {
    color: blue;
}