.page-container{    /*margin-left: 200px;*/    /*margin-top:150px;*/    background-color: transparent;    /*       margin-right:220px;    */}.nav-side-menu {    /*float: left;*/    /*overflow: auto;*//*    background-image: url(./assets_web/img/verticleback.jpg);    background-size: 100%;*/    height: 100vh;    overflow-y: auto;    font-family: verdana;    font-size: 12px;    font-weight: 200;    background-color: #9a780e;//30395E;    position: fixed;    top: 0;    /*padding-top: 100px;*/    width: 200px;    height: 100vh;    color: #e1ffff;    z-index: 1031;}.nav-side-menu .brand {    padding-top: 10px;    padding-bottom: 20px;    /*background-color: #9a780e;*/    line-height: 50px;    display: block;    text-align: center;    font-size: 18px;    height: 150px;    /*border-bottom: 1px solid #202847;*/}.nav-side-menu .brand img{    max-width: 110px;}.nav-side-menu .user-details .details {    float: left;    margin-top: 5px;}.nav-side-menu .user-details .details .user-name{    font-size: 15px;}.nav-side-menu .user-details .details .role-name{    color: #b5b5b5;     font-size: 10px;}.nav-side-menu .user-details img.profile-pic{    width: 50px;    height: 50px;    margin-right: 16px;    float: left;}.nav-side-menu .user-details {    background-color: #23282e;    display: block;    height: 70px;    padding-left: 15px;    padding-bottom: 10px;    padding-top: 10px;}.nav-side-menu .additional-info{    margin-top: 10px;    margin-bottom: 10px;    color: #b5b5b5;    text-align: center;    font-size: 10px;}.nav-side-menu .toggle-btn {    display: none;}.nav-side-menu ul{    margin-top: 10px;}.nav-side-menu ul,.nav-side-menu li {    list-style: none;    padding: 0px;    margin: 0px;    line-height: 45px;    cursor: pointer;    /*        .collapsed{    .arrow:before{    font-family: FontAwesome;    content: "\f053";    display: inline-block;    padding-left:10px;    padding-right: 10px;    vertical-align: middle;    float:right;}}    */}.nav-side-menu ul{    margin-top: 10px;}.nav-side-menu li a{    padding-left: 20px;}.nav-side-menu ul :not(collapsed) .arrow:before,.nav-side-menu li :not(collapsed) .arrow:before {    font-family: FontAwesome;    content: "\f078";    display: inline-block;    padding-left: 10px;    padding-right: 10px;    vertical-align: middle;    float: right;}.nav-side-menu ul .active,.nav-side-menu li .active {    background-color:#ffbd11;// #202847;}.nav-side-menu ul .sub-menu li.active,.nav-side-menu li .sub-menu li.active {    color: #d19b3d;}.nav-side-menu ul .sub-menu li.active a,.nav-side-menu li .sub-menu li.active a {    color: #d19b3d;}.nav-side-menu ul .sub-menu li,.nav-side-menu li .sub-menu li {    background-color: #181c20;    border: none;    line-height: 28px;    border-bottom: 1px solid #23282e;    margin-left: 0px;}.nav-side-menu ul .sub-menu li:hover,.nav-side-menu li .sub-menu li:hover {    background-color: #020203;}.nav-side-menu ul .sub-menu li:before,.nav-side-menu li .sub-menu li:before {    font-family: FontAwesome;    content: "\f105";    display: inline-block;    padding-left: 10px;    padding-right: 10px;    vertical-align: middle;}.nav-side-menu li {    padding-left: 0px;}.nav-side-menu li a {    text-decoration: none;    color:#FFF;// #e1ffff;    display: block;    font-weight: 500;}.nav-side-menu li.active a,.nav-side-menu li:hover a {    text-decoration: none;    color:#000;// #e1ffff;    display: block;    font-weight: 500;}.nav-side-menu li a i {    padding-left: 10px;    width: 20px;    padding-right: 20px;}.nav-side-menu li:hover {    background-color: #ffbd11;//#202847;    -webkit-transition: all 1s ease;    -moz-transition: all 1s ease;    -o-transition: all 1s ease;    -ms-transition: all 1s ease;    transition: all 1s ease;}#header_logo{    height: 100px;}.menu-list{    /*overflow-y: scroll;*/     /*height: 100vh;*/     /*padding-top: 135px;*/}@media (max-width: 767px) {    #header_logo{        width: 100%;        height: auto;    }    .menu-list{        /*overflow-y: scroll;*/         height: auto;         /*padding-top: 135pxa;*/    }    .nav-side-menu .brand {        height: auto;       }    .navbar-fixed-top{        /*display: none;*/    }    .page-container{        margin-top: 0px;        margin-left: 0px;        margin-right: 0px;    }    .chat-list{        display: none;    }    .nav-side-menu {        position: relative;        width: 100%;        height: auto;        min-height: 50px;       /* margin-bottom: 10px;*/    }    .nav-side-menu .menu-list .menu-content {        background-color: #000;        color: #fff;    }    .nav-side-menu .toggle-btn {        display: block;        cursor: pointer;        position: absolute;        right: 10px;        top: 10px;        z-index: 10 !important;        padding: 3px;        background-color: #ffffff;        color: #000;        width: 40px;        text-align: center;    }    .brand {        text-align: left !important;        font-size: 22px;        padding-left: 20px;        line-height: 50px !important;    }}@media (min-width: 767px) {    .nav-side-menu .menu-list .menu-content {        display: block;        visibility: visible;    }    .page-container{        margin-left: 200px;        margin-top:165px;        /*background-color: transparent;*/        /*           margin-right:220px;        */    }}/*Side Bar Low Width */.nav-side-menu.chhotu {    width: 55px;}.chhotu .brand,.chhotu .user-details{    display: none;}.chhotu ul li a{    padding-left: 5px;    line-height: 40px;}.chhotu ul li a span{    display: none;}.chhotu ul li a i.fa{    font-size: 2em;}.chhotu-page-left .navbar-fixed-top{    padding-left: 55px;}.nav-side-menu.chhotu .additional-info{    display: none;}.chhotu-page-container{    margin-left:55px !important;}.page-container,.nav-side-menu, i.fa{    transition: all 0.3s;}.page-left,.chhotu-page-left,.nav-side-menu, i.fa{    transition: all 0.3s;}.navbar{    margin: 0 auto;    height: auto;    /*min-height: 140px;*/    margin-bottom: 0px;}.navbar-fixed-top{    margin: 0 auto;    width: 100%;    /*padding-left: 200px;*/    background-color: #ffda6a;// #f6bb07;    color:#30395e;    font-family: 'Calibri';    z-index: 1099;}.navbar-right {    margin-top: 25px;}.navbar-nav > li > a{    margin-left: 20px;}.navbar-nav > li > a.icon{    color: #ccc;    border: 2px solid #ccc;    //border-radius: 50%;    width:32px;    height:32px;    padding-top: 5px;    padding-left: 7px;    margin-top: 7px;}.navbar-nav > li > a.icon:hover{    border: 2px solid #fff;    //border-radius: 40%;}.navbar-nav > li > a.icon >.label{    position: absolute;    right:-8px;    top:-8px;}.navbar-nav > li > a.profile-pic{    margin-top: -25px;    padding: 0px;}.navbar-nav > li > a.profile-pic img{    width: 100px;}#notification-bell .dropdown-menu{    max-height: 250px;    width: 250px;    overflow-y: auto;    background-color: #EBEFF2;}#notification-bell .dropdown-menu li{    border-bottom: 1px solid #ccc;}#notification-bell .dropdown-menu li a{    padding:5px;    white-space: normal;}#notification-bell .dropdown-menu li img{    width: 40px;    margin: 2px;    float: left;}.chat-list.right-side {    overflow: auto;    font-size: 12px;    font-weight: 200;    background-color: #EBEFF2;    padding: 10px;    position: fixed;    top: 101px;    right:0px;    width: 220px;    height: 100%;    border-left:1px solid #ddd;    z-index: 1029;}.chat-list a{    text-decoration: none;    color: inherit;}.chat-list .search{    background-color: transparent;    border:0;    border-bottom: 1px solid #C5CEDB;    width: 100%;    padding: 3px;    line-height: 20px;    color:#000;}.chat-list .search:focus{    outline: 0;}.chat-list li{    list-style: none;}.chat-list ul img{    width:25px;    margin: 5px;}.chat-list ul .status{    display: inline-block;    width: 8px;    height: 8px;    //border-radius: 50%;    background-color: #ccc;    float: right;    margin-top: 13px;}.chat-list ul .status.online{    background-color: #5CB85C;}.chat-area{    font-size: 12px;    background-color: transparent;    position: fixed;    bottom: 0;    right:220px;    z-index: 1030;    pointer-events: none}.chat-box{    border: 1px solid #ccc;    width:240px;    float: right;    margin-right: 3px;    pointer-events: auto;}.chat-box .chat-spacer{    width: 100%;}.chat-box .title{    cursor: pointer;    line-height: 25px;    width:100%;    background-color: #000;    color: #ddd;    padding: 2px;    padding-left: 6px;}.chat-box .title img{    width: 20px;    padding-right: 4px;}.chat-box .title button{    float: right;    background-color: transparent;    line-height: 1;}.chat-box .title button:focus,.chat-box .title button:hover{    color: #fff;;    outline: 0;}.chat-box .chat-messages{    width: 100%;    height: 220px;    background-color: #EBEFF2;    padding: 5px;    overflow-y: scroll;}.chat-box.collapsed{    border:0;    pointer-events: none;}.chat-box.collapsed .chat-spacer{    pointer-events: none;    height: 247px;}.chat-box .title{    pointer-events: auto;}.chat-box.collapsed .chat-messages{    height: 0;    padding: 0;}.chat-box.collapsed .chat-input{    height: 0;    padding: 0;}.chat-box .chat-messages > span{    display: block;}.chat-box .chat-messages span.text{    line-height: 16px;    border: 1px solid #fff;    padding: 4px;    display: inline-block;}.chat-box .chat-messages > span.right{    text-align: right;}.chat-box .chat-messages > span.left > .text{    background: #DCF8DE;}.chat-box .chat-messages > span.right > .text{    background: #FEF9DC;}.chat-box .chat-input input{    height: 25px;    width: 100%;}