/* Merged Code */
.site-header
{
    max-width: 265px;
    overflow: unset;
    padding-right: 35px;
}
.site-logo
{
    min-width: 160px;
}
.sidebar-collapse, .sidebar-mobile-menu
{
    position: absolute;
    right: 0;
    top: 4px;
}
.clsPwdReg p
{
    line-height: normal;
    color: #999;
    font-size: 12px;
}
.clsFrmChangePwd > .row > div > *
{
    margin-bottom: 20px;
}
/*============Forgot_Password.aspx ============*/
.cls-frgtPwdSec.Filedset {margin-top:50px;margin-left:80px;margin-right:80px}
.cls-frgtPwdSec .container { max-width: 630px; width: 100%;}
.cls-frgtPwdSec .form-control:focus {border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);}

@media screen and (max-width: 767px)
{
    /*header and menu*/
    .site-header
    {
        padding: 0;
    }
    /*.sidebar-collapse a.sidebar-collapse-icon, .sidebar-mobile-menu a.mobile-menu-icon {     color: #ffffff;}*/
    ul.main-menu.navbar-collapse.collapse
    {
        display: block;
    }
    .sidebar-collapse.hidden-xs
    {
        display: block !important;
    }
    .sidebar-mobile-menu.visible-xs
    {
        display: none !important;
    }
    .page-sidebar
    {
        width: 460px;
    }
    .label_acc { line-height: normal; display: inline-block; padding: 10px 4px 10px 0;}
    
    /*============REGIS_SUBUSER, DELETE_SUBUSER, ME_CHANGEPASSWORD ============*/
    .clsTableWidthFluid { width: 100% !important;}

    /*============Forgot_Password.aspx ============*/
    .cls-frgtPwdSec.Filedset {  margin-left:20px;margin-right:20px }

    /*============ Me/View_profile.aspx ============*/
    .cls-accordionContentViewProfile table tr + tr  { border-top: 1px solid #cccccc;}
    
}
@media screen and (max-width: 575px)
{
    /*header and menu*/
    .header-sec
    {
        width: 100%;
    }
    .header-label-sec
    {
        width: 100%;
    }
    .right_nav
    {
        width: 100%;
        margin-top: 7px;
    }
    .right_nav span + br
    {
        display: none;
    }
    .header-button-section
    {
        position: absolute;
        top: -38px;
        right: 0;
    }
    .Label_Header_Small
    {
        display: inline-block;
    }
    .site-header
    {
        max-width: 195px;
    }
    .site-logo
    {
        padding-right: 35px;
    }
    .page-sidebar
    {
        position: absolute;
        transform: translateX(0%);
        width: 260px;
        transition: 0.5s transform;
        z-index: 9999;
    }
    .sidebar-collapsed .page-sidebar
    {
        transform: translateX(-108%);
        width: 260px;
    }
    .sidebar-collapsed .page-sidebar .main-menu > li > a > span.title
    {
        color: #861f41;
        border-bottom: 0;
        background-color: transparent;
        display: inline-block;
        left: auto;
        zoom: unset;
        opacity: 1;
        filter: alpha(opacity=0);
        padding: 0;
        position: relative;
        top: auto;
        visibility: visible;
        width: auto;
    }
    .sidebar-collapsed .page-sidebar .main-menu > li.active > a > span.title, .sidebar-collapsed .page-sidebar .main-menu > li > a:hover > span.title, .sidebar-collapsed .page-sidebar .main-menu > li > a:focus > span.title, .sidebar-collapsed .page-sidebar .main-menu > li > a:active > span.title
    {
        color: #ffffff;
    }
    .sidebar-collapsed .page-sidebar .main-menu > li > a
    {
        text-align: left;
    }
    .sidebar-collapsed .page-sidebar .main-menu > li > a > i
    {
        margin-right: 16px;
    }
    .sidebar-collapsed .page-sidebar ul.main-menu > li.has-sub > a:before
    {
        display: block;
    }
    .sidebar-collapsed .page-sidebar .main-menu > li > ul
    {
        position: relative;
        width: 100%;
        left: auto;
    }
    /*============ Me/me_changePassword.aspx  ============*/
    .clsFrmChangePwd > .row > div > *
    {
        margin-bottom: 10px;
    }
    .clsFrmChangePwd > .row > .col-xs-3, .clsFrmChangePwd > .row > .col-xs-9
    {
        width: 100%;
    }

    /*============Forgot_Password.aspx ============*/
    .cls-frgtPwdSec .cls-label
    {
        width: 100%;
        text-align: left;
    }
    .cls-frgtPwdSec .cls-field
    {
        width: 85%;
        text-align: left;
    }
    .cls-frgtPwdSec .cls-errormsg
    {
        width: 15%;
        text-align: left;
    }
}
@media screen and (max-width: 380px)
{
    /*============ Me/View_profile.aspx ============*/
    .cls-containerViewProfile
    {
        max-width: 298px;
        margin: 0 auto;
    }
    .cls-accordionContentViewProfile
    {
        width: 278px;
    }
    .cls-accordionContentViewProfile > table
    {
        width: 400px;
    }
}
/* n */
@media only screen and (min-width: 320px) and (max-width: 480px)
{
    .custom-input
    {
        width: 100% !important;
    }
    .custom-label
    {
        font-size:10px;
    }
    .custom-label1
    {
        font-size:9px;
    }
    .table-firstlogin
    {
        width:100% !important;
    }
}

@media only screen and (min-width: 320px) and (max-width: 410px)
{
    .custom-input
    {
        width: 100% !important;
    }
}