.k-widget.k-dropdown {
    width: 100%;
}

#loading {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100vw;
    height: 100vh;
    background-color: rgba(192, 192, 192, 0.5);
    background-image: url("../../Images/loading.gif")!important;
    background-repeat: no-repeat;
    background-position: center;
}

.bg-login-image {
    background: url(../../Images/bg.png);
    background-position: center;
    background-size: cover;
    box-shadow: 5px 0px 10px 3px rgba(0, 0, 0, .12), 0 4px 23px 0px rgba(119, 63, 63, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2);
    width: 100%;
    height: 108%;
    position: absolute;
    margin-top: -2vh;
}
.bg-forgotPassword-image {
    background: url("../../Images/WEB2MAPPS2.png");
    background-position: center;
    background-size: cover;
}
.loadingGifMS {
    z-index: 1000;
    display: none;
    width: 20em;
    position: fixed;
    top: 58%;
    left: 42%;
    border-radius: 1em;
    background-color: white;
}
    .loadingGifMS img {
        width: 20em;
        padding-left: 20px;
        padding-bottom: 5px;
        padding-top: 5px;
    }


iframe {
    height:50rem;
}
.k-grid-edit-row td > .k-textbox, .k-grid-edit-row td > .k-widget, .k-command-cell > .k-button, .k-edit-cell > .k-textbox, .k-edit-cell > .k-widget {
    margin-top: calc( (2.5em - calc( 2px + 0.75rem + 1.5em)) / 2);
    margin-bottom: calc( (2.5em - calc( 2px + 0.75rem + 1.5em)) / 2);
    vertical-align: middle;
}


@media (min-width: 768px) {
    .sidebar .nav-item .nav-link span {
        font-size: 1rem;
        display: inline;
    }
}

.sidebar .nav-item .nav-link i {
    font-size: 1.5rem;
    display: inline;
    color:white;
}

.sidebar-brand-icon img.full {
    width: 13.2rem;
}
.sidebar-brand-icon img.collapsed {
    width: 4rem;
}
@media (min-width: 768px) {
    .sidebar.toggled .nav-item .nav-link span {
        font-size: 0.85rem;
        display: block;
    }
}

@media (min-width: 768px) {
    .sidebar.toggled .nav-item .nav-link {
        padding: 0.75rem 0rem;
    }
}
#calendarWidget > div.k-calendar-view {
    width: 100%;
}


#calendarWidget > div.k-calendar-view > table {
    width: 100%;
}

.btn {
    background-color: #0078e4;
    color: white;
    border-style:none;
}

    .btn:hover {
        background-color: #2B99FC;
        color: white;
    }


.color-primary-0 {
    color: #0078E4
}
/* Main Primary color */
.color-primary-1 {
    color: #2B99FC
}

.color-primary-2 {
    color: #0B8BFF
}

.color-primary-3 {
    color: #0056A3
}

.color-primary-4 {
    color: #004481
}

.login-form {
    font-size: 1rem;
    border-radius: 1rem;
    padding: 1.5rem 1rem;
}
.login-btn{
    border-radius:1rem;
    font-size:1rem;
}
.loginErrorMessage {
    color: red;
    font-size: 2vh;
    font-style: oblique;
    font-weight: 400;
}

/*::-webkit-scrollbar {
        display: none;
    }*/
/* width */
::-webkit-scrollbar {
    height:5px;
    width:5px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #2B99FC;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #0056A3;
    }

p.alertMessage {
    font-size: 17px;
    margin-left: -1rem;
}

.form-control {
    display: block;
    width: initial;
    height: initial;
    padding: initial;
    font-size: initial;
    font-weight: initial;
    line-height: initial;
    color: initial;
    background-color: initial;
    background-clip: initial;
    border: initial;
    border-radius: initial;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.sidebar .nav-item:hover {
    background-color: rgb(75, 140, 232);
}
#accordionSidebar {
    box-shadow: inset -5px -1px 8px 0px rgba(0, 0, 0, .12), 0 4px 23px 0px rgba(119, 63, 63, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2);
}
.sidebar-dark .sidebar-brand {
    background-color: initial;
}
.sidebar .nav-item .collapse {
    left: calc(4.5rem + 1.5rem / 2);
    z-index:999;

}
.sidebar .nav-item .collapse .collapse-inner {
    border-radius: initial;
    box-shadow: 8px 0 8px 0px rgba(0, 0, 0, .12), 0 4px 23px 0px rgba(119, 63, 63, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2);        
}
#ajaxSpinnerImage {
    display: none;
    width: 50%;
}


.k-edit-form-container {
    width: auto !important;
}
.k-wizard .k-wizard-content {
    overflow-y: initial !important;
}