.layout{width:100%;padding:0;background-color:#fff;height:90vh}.layout .layout-header{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;height:35px;padding-left:10px;border-bottom:1px solid #d3d3d3;margin-bottom:20px}.layout .layout-header,.layout .layout-header h5{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.layout .layout-header h5{gap:20px;margin:0}.layout .layout-header h5 .el-image{width:55px}.layout .layout-content{height:100%;padding:0;overflow-x:hidden;overflow-y:auto}.full-width{width:100%!important}.full-height{height:100%!important}.no-list-style{list-style-type:none}.auto-height{height:auto}.align-left{text-align:left}.ticket-item{line-height:45px;border-bottom:1px solid #efefef}.ticket-number{width:10%}.layout-row-container{height:100%!important;overflow:hidden!important}.main-helpdesk-container{z-index:900;height:calc(100vh - 120px)}.left-nav-status-button-box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:end;align-content:flex-end;height:20px;padding:0;margin:0}.left-nav-status-button-box .left-nav-button{padding:0;margin-left:auto;margin-right:0;width:20px;height:20px;border-radius:10px;color:#fff;background:none;border:none}.left-nav-status-button-box .left-nav-button:focus{color:#fff;background:none}.left-nav-status-button-box .left-nav-button:hover{color:#0af;background-color:hsla(0,0%,100%,.7)}.left-side-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow-x:hidden;border-bottom:none;background-color:#0af;mix-blend-mode:multiply;z-index:950}.left-side-nav.nav-visible{overflow-y:auto;width:25%!important;padding:10px!important;-webkit-transition:padding .5s ease-in-out,width .5s ease-in-out;transition:padding .5s ease-in-out,width .5s ease-in-out}.left-side-nav.nav-hidden{overflow-y:hidden;width:30px!important;padding:10px 5px!important;-webkit-transition:padding .5s ease-in-out .5s,width .5s ease-in-out .5s;transition:padding .5s ease-in-out .5s,width .5s ease-in-out .5s}.left-side-nav:after,.left-side-nav:before{content:"";position:absolute;width:inherit;height:inherit;top:-2px;right:-2px;bottom:-2px;left:-2px;background-image:inherit;mix-blend-mode:color;pointer-events:none;z-index:-1}.left-side-nav:after{-webkit-filter:blur(15px);filter:blur(15px)}.left-side-nav .left-nav-content{padding-top:10px}.left-side-nav .left-nav-content.nav-visible{visibility:visible;opacity:1;-webkit-transition:visibility 0s linear .5s,opacity .5s ease-in-out .5s;transition:visibility 0s linear .5s,opacity .5s ease-in-out .5s}.left-side-nav .left-nav-content.nav-hidden{opacity:0;visibility:hidden;-webkit-transition:opacity .5s ease-in-out 0s,visibility 0s linear .5s;transition:opacity .5s ease-in-out 0s,visibility 0s linear .5s}.right-side-content{padding:0;background-color:#f5f5f5;z-index:999}.new-ticket-button{border:none;background-image:-webkit-gradient(linear,left top,left bottom,from(#ff6f00),to(red));background-image:linear-gradient(#ff6f00,red)}.new-ticket-button:hover{background-image:-webkit-gradient(linear,left top,left bottom,from(red),to(#ff6f00));background-image:linear-gradient(red,#ff6f00)}@media only screen and (max-width:1200px){.main-helpdesk-container{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.left-nav-status-button-box{margin-top:0!important}.left-side-nav{padding-top:0!important}.left-side-nav.nav-visible{min-height:250px!important;height:25%!important;width:100%!important;padding:5px 30px 5px 30px!important;-webkit-transition:min-height .5s ease-in-out,height .5s ease-in-out!important;transition:min-height .5s ease-in-out,height .5s ease-in-out!important}.left-side-nav.nav-visible .left-nav-status-button-box{padding-right:7px;-webkit-transition:padding-right 2s ease-in-out;transition:padding-right 2s ease-in-out}.left-side-nav.nav-hidden{min-height:30px!important;height:30px!important;width:100%!important;padding:5px 30px 5px 30px!important;-webkit-transition:min-height .5s ease-in-out .5s,height .5s ease-in-out .5s!important;transition:min-height .5s ease-in-out .5s,height .5s ease-in-out .5s!important}.left-side-nav.nav-hidden .left-nav-status-button-box{padding-right:22px;-webkit-transition:padding-right 2s ease-in-out;transition:padding-right 2s ease-in-out}.left-side-nav:after,.left-side-nav:before{min-height:inherit!important;height:inherit!important}}.el-badge .el-badge__content{border-radius:0!important}