@charset "utf-8";
/* CSS Document */

@media only screen and (max-width:992px) {
.userpic {
float: left !important;
}
.foot {
position: relative;
left: 0px;
}
#app-wrapper[app-device-type="phone"] .app-right-header {
top: 0px !important;
}
.content-title {
background-color: #fff;
padding: 10px 20px;
height: auto;
overflow: initial;
margin: 0px;
}
.app-right-header li span img, b {
display: none
}
.deptname {
font-size: 23px;
}
.form-control {height: auto !important;
min-height: 40px !important;
}
}
@media only screen and (max-width:768px) {
#app-wrapper[app-device-type="phone"] #app-header {
position: fixed;
height: 60px;
}
.deptname {
font-size: 15px;
}
#app-left-panel {
top: 60px; left:-73%;
}
.app-minimized-lpanel #app-left-panel {left:0%;
    }
.app-minimized-lpanel #app-left-panel {
    width: 280px !important;
}
    .app-minimized-lpanel #app-left-panel ul { width:100%!important;
    }
.app-minimized-lpanel #app-left-panel .panel-list > li > a span.menu-text {
    display: block;
}
.app-minimized-lpanel #main-content {
    margin-left:0px;
}

    .app-minimized-lpanel #app-left-panel .panel-list > li:hover > a, .app-minimized-lpanel #app-left-panel .panel-list > li:focus > a {width:100%;
    }
        .app-minimized-lpanel #app-left-panel .panel-list > li:hover > a span.menu-text, .app-minimized-lpanel #app-left-panel .panel-list > li:focus > a span.menu-text {display:block; color:#fff;
        }

#app-left-panel .profile-box {
display: none;
}
#main-content {
    margin-left:0;
}
.open {
    left: 0 !important;
}



.upfile-wrap {
    height: auto !important;
}

.user-panel-top li:first-child {
    font-size: 13px;
    margin: 0px !important;
    padding: 15px 0px !important;
}
}


@media only screen and (max-width:400px) {
.userpic {
    display: block;
    height: auto !important;
    border: #ddd 2px solid;
    text-align: center;
    padding: 15px;
    margin: 0px 16px !important;
}
.userpic {
    float: none !important;
}

.upfile-wrap {
    border: 2px solid #dddddd;
    height: auto !important;
    padding: 8px;
    margin:0px 0px 15px 0px !important
}

.panel-body h3 {
    padding: 8px 6px;
    margin-bottom: 13px;
    font-size: 20px;
}

.fileUpload3 {
    margin: 15px;
    padding: 8px 18px;
}



.left-side-collapsed .logo-icon {
    height: 140px;
    display: none !important;
}
}