﻿.level2 .dynamic {
    top: 100%;
    z-index: 1000;
    display: block;
}

#Menu1 {
    width: 100%;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075) !important;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);
    border-bottom: 1px solid #dddddd;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,0.15);
    background-color: #fff !important;
}

    #Menu1 ul.dynamic {
        width: 100%;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075) !important;
        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);
        box-sizing: border-box;
        border: 1px solid rgba(0,0,0,0.15);
        background-color: #fff !important;
    }

    #Menu1 a.static {
        padding: 15px 5px 15px 5px !important;
        text-decoration: none;
    }

    #Menu1 a.popout {
        padding-right: 17px !important;
    }

    #Menu1 a {
        color: #777777 !important;
        font-family: Verdana;
        font-size: 15px !important;
        text-decoration: none;
        white-space: nowrap;
        display: block;
    }

    #Menu1 img.icon {
        margin: -3px 7px 0px !important;
        width: 18px !important;
    }

.level2 {
    top: 52px !important;
}

#Menu1 ul.dynamic {
    background-color: #1968A0;
    width: auto !important;
    z-index: 1;
}

#Menu1 a.dynamic {
    width: auto !important;
    padding: 5px 15px 5px 0px !important;
}

.level2 {
    width: auto !important;
}

.level3 {
    width: auto !important;
}

    .level3:hover {
        background-color: #e8e8e8;
    }

.level4 {
    width: auto !important;
}

    .level4:hover {
        background-color: #e8e8e8;
    }

.level2:hover {
    background-color: #e8e8e8;
}

.has-popup {
    padding: 0px 15px 0px 0px !important;
}

    .has-popup:hover {
        background-color: #e8e8e8;
    }

.dropdown-item {
    padding: 8px 15px !important;
}

.sm-nowrap {
    margin-top: 18px !important;
    margin-left: -77px !important;
}

.dxeButtonEditButton_MaterialCompact {
    background-color: initial !important;
}

.wd68 {
    width: 68% !important;
}

.bordcolT {
    border-color: transparent !important;
}

.form-control {
    display: inherit !important;
}

.dxbButton_MaterialCompact div.dxb {
    padding: 0px 0px 0px !important;
    font-size: 13px !important;
    border: 1px !important;
}




.dxeListBoxItemRow_Glass {
    display: block;
}

.js-filter-class {
    overflow: auto !important;
}

    .js-filter-class .dxlbd {
        height: auto !important;
    }

.js-filter-chk-class {
    overflow: auto !important;
}

    .js-filter-chk-class .dxlbd {
        height: auto !important;
    }

.js-filter-chkbx-container-div {
    padding: 10px 15px 5px !important;
}

#chk-sel-all-js {
    width: 18px !important;
    height: 18px !important;
    margin: 0px 3px 0px 0px !important;
}

    #chk-sel-all-js ~ label {
        position: absolute;
        top: 1px;
    }

#chk-unsel-all-js ~ label {
    position: absolute;
    top: 1px;
}

#chk-unsel-all-js {
    width: 18px !important;
    height: 18px !important;
    margin: 0px 3px 0px 0px !important;
}

.js-filter-chkbx-container-div .col-md-6 {
    float: left;
    padding: 0px;
}

#MainContent_TabPage_ASPxGridView1_grouppanel {
    padding: 0px 10px 0px !important;
}

.txtr {
    text-align: right !important;
}

.txtl {
    text-align: left !important;
}

.loginSec {
    width: 30%;
    margin: 10%;
    padding: 30px;
}

.loginTextB {
    position: absolute;
    width: 80% !important;
    top: 4px;
}

.wd45 {
    padding-bottom: 25px;
}

.pd {
    padding: 25px;
}

.cls-bord {
    width: 30%;
    margin-left: 35%;
    padding: 80px 30px 120px;
}

.passShow {
    right: 26px;
    position: absolute;
    top: 19px;
    font-size: 20px;
    color: #757575;
}

.wd40 {
    width: 40%;
}

.wd45 {
    width: 45%;
}

.wd50 {
    width: 50%;
}

.wd55 {
    width: 55%;
}

.wd60 {
    width: 60%;
}

@media only screen and (max-width: 960px) {
    .loginSec {
        width: 75%;
        padding: 5%;
    }

    .cls-bord {
        width: 50%;
        margin-left: 25%;
        padding: 80px 30px 120px;
    }

    .pd {
        padding: 25px;
    }

    .wd40 {
        width: 100%;
    }

    .wd45 {
        width: 100%;
    }

    .wd50 {
        width: 100%;
    }

    .wd55 {
        width: 100%;
    }

    .wd60 {
        width: 100%;
    }
}

@media only screen and (max-width: 620px) {
    .svg_logo svg {
        width: 100%;
    }
}

@media only screen and (max-width: 620px) {

    .svg_logo svg {
        width: 320px;
    }

    .loginSec {
        width: 90%;
        padding: 5%;
    }

    .cls-bord {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        padding: 10px;
    }

    .pd {
        padding: 25px;
    }

    .wd40 {
        width: 100%;
    }

    .wd45 {
        width: 100%;
    }

    .wd50 {
        width: 100%;
    }

    .wd55 {
        width: 100%;
    }

    .wd60 {
        width: 100%;
    }
}
