.badge-Pending{color:#fff;background-color:#9c9bb9}.badge-Approved{color:#fff;background-color:#28a745}.badge-Rejected{color:#fff;background-color:#a82210}.badge-Canceled{color:#fff;background-color:#dc3545}.badge-PaidByBank{color:#fff;background-color:#ae62ef}.badge-Paid{color:#fff;background-color:#6f27ac}.badge-Delivering{color:#fff;background-color:#da4208}.badge-Delivered{color:#fff;background-color:#4789d5}.badge-ExtensionPending{color:#fff;background-color:#6c757d}.badge-ExtensionApproved{color:#fff;background-color:#01cb47}.badge-ExtensionRejected{color:#fff;background-color:#e32807}.badge-ExtensionCanceled{color:#fff;background-color:#ee4414}.badge-ExtensionPaidByBank{color:#fff;background-color:#b48d35}.badge-ExtensionPaid{color:#fff;background-color:#e6a81d}.badge-ReturnPending{color:#fff;background-color:#82d4c4}.badge-Returning{color:#fff;background-color:#771440}.badge-Returned{color:#fff;background-color:#606d1f}.badge-PurchasePending{color:#fff;background-color:#fa8396}.badge-PurchaseApproved{color:#fff;background-color:#8bed9b}.badge-PurchaseRejected{color:#fff;background-color:#771440}.badge-PurchaseCanceled{color:#fff;background-color:#a60862}.badge-PurchasePaidByBank{color:#fff;background-color:#44cf91}.badge-PurchasePaid{color:#fff;background-color:#24de8b}.badge-CanceledByAdmin{color:#fff;background-color:#a82210}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:14px;color:#2e2e2e}.bdr-rds{border-radius:100%}.header-navbar{height:40px;padding:4px 0;position:-webkit-sticky;position:sticky;top:0;z-index:999}.logo-tag{margin:0 6px 0 0}.logo-tag a,.logo-tag img,.logo-tag span{display:inline-block;float:left}.logo-tag span{font-size:17px;font-weight:400;line-height:20px}.logo-tag a{transition:.2s ease-in-out 0s;-webkit-transition:.2s ease-in-out 0s;border-radius:5px;padding:6px 8px;margin:0 2px}.logo-tag img{max-height:20px;margin-right:5px}.header-navbar .nav-pills>li>a{padding:7px 8px 8px;font-size:12px;font-weight:600;transition:.2s ease-in-out 0s;-webkit-transition:.2s ease-in-out 0s;height:32px}.header-navbar .nav-pills>li>a i{font-size:16px}.header-navbar .nav-pills>li>a i.custom-down{margin-left:4px;font-size:15px!important;padding-top:2px;display:inline-block;float:right}.header-navbar .nav-pills>li>a:focus,.header-navbar .nav-pills>li>a:hover,.header-navbar .nav .open>a,.header-navbar .nav .open>a:focus,.logo-tag a:hover,.nav .open>a:hover{background-color:hsla(0,0%,100%,.2)}.logo-tag span{color:hsla(0,0%,100%,.9)}.header-navbar .nav-pills>li>a{color:hsla(0,0%,100%,.7)}.header-avatar{border-radius:100%;border:1px solid hsla(0,0%,100%,.9)}.nav-pills>li.header-user>a{padding-top:5px;padding-bottom:4px}.nav>li>a>img{display:inline-block;margin-top:-1px}.li-user{padding:3px 20px;white-space:nowrap}.li-user h2{font-size:16px;margin:0 0 3px}.li-user p{margin:0}.li-title{padding:3px 20px;font-size:14px;white-space:nowrap;color:#707070}.nav-sidebar,.page-wrapper{transition:.2s ease-in-out 0s;-webkit-transition:.2s ease-in-out 0s}.nav-sidebar{position:fixed;z-index:99;width:220px;top:40px;bottom:0;left:0;background-color:#fafafa;box-shadow:inset -2px 0 0 #e5e5e5}.inner-navbar{overflow-x:hidden;overflow-y:auto;width:100%;height:100%}.ul-sidebar{list-style:none;margin:0;padding:20px 0 60px}.ul-sidebar li{white-space:nowrap}.ul-sidebar li a{display:block;padding:12px 15px;transition:.2s ease-in-out 0s;-webkit-transition:.2s ease-in-out 0s;text-decoration:none;color:#707070;position:relative}.ul-sidebar>li.active{box-shadow:inset 7px 0 0 #4b4ba3}.ul-sidebar li.active>a{background:rgba(0,0,0,.04);background:rgba(71,71,155,.11);color:#393982}.ul-sidebar>li:focus>a,.ul-sidebar>li:hover>a,.ul-sidebar li ul li:focus a,.ul-sidebar li ul li:hover a{background-color:rgba(0,0,0,.06);color:#2e2e2e}.ul-sidebar li.active>a:focus,.ul-sidebar li.active>a:hover{background-color:rgba(0,0,0,.06);color:#393982}.ul-sidebar li a i{display:inline-block;float:left;font-size:15px;width:16px;text-align:center}.span-link{display:block;padding-left:25px;margin-top:-2px;transition:.2s ease-in-out 0s;-webkit-transition:.2s ease-in-out 0s}.page-contents{min-height:calc(100vh - 40px);padding-bottom:100px}.page-wrapper{padding-left:220px}.custom-container-fluid{padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto}.toggle-button{display:block;width:218px;position:fixed;bottom:0;padding:16px;background-color:#fafafa;border-top:2px solid #e5e5e5;color:#707070;text-decoration:none!important;white-space:nowrap}.toggle-button,.toggle-button span{transition:.2s ease-in-out 0s;-webkit-transition:.2s ease-in-out 0s}.toggle-button span{display:inline-block}.toggle-button:before{position:relative;content:"\F100";font-family:FontAwesome;top:1px;z-index:9;margin-right:10px;font-size:20px}.toggle-button:focus,.toggle-button:hover{background-color:#e5e5e5;color:#2e2e2e}.ul-sidebar .panel{margin-bottom:0;background-color:transparent;border:none;border-radius:0;box-shadow:none}.ul-sidebar a.arw.collapsed:after,.ul-sidebar a.arw:after{position:absolute;right:10px;content:"\F054";font-family:FontAwesome;font-size:8px;top:50%;margin-top:-5px;transition:.2s ease-in-out 0s;-webkit-transition:.2s ease-in-out 0s;z-index:9}.ul-sidebar a.arw:after{transform:rotate(90deg)}.ul-sidebar a.arw.collapsed:after{transform:rotate(0deg)}.ul-sidebar ul{list-style:none;margin:0;padding:0;background-color:rgba(0,0,0,.06)}.ul-sidebar ul li a{padding:8px 16px 8px 40px}.toggle-page{padding-left:50px}.toggle-page .nav-sidebar{width:50px}.toggle-page .span-link,.toggle-page .ul-sidebar a.arw:after{display:none}.toggle-page .ul-sidebar li a i{float:none;display:block;height:18px}.toggle-page .toggle-button{width:48px}.toggle-page .toggle-button span{opacity:0;display:none}.toggle-page .toggle-button:before{position:relative;content:"\F101";font-family:FontAwesome;top:1px;z-index:9;margin-right:10px;font-size:20px}.toggle-page .ul-sidebar li ul li a{padding-left:25px}.ul-sidebar ul li:first-child{display:none}.toggle-page .ul-sidebar ul li:first-child{display:block}.ul-sidebar ul li:nth-child(2){border-top:1px solid rgba(0,0,0,.08)}.breadcrumb{background-color:transparent;border-bottom:1px solid #e5e5e5;padding:12px 0;border-radius:0;margin-bottom:15px}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:normal}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{vertical-align:middle}.table a,.table img{display:inline-block}.table p{margin:0}table .form-group{margin-bottom:0}.name-title{display:flex;align-items:center}.name-title img{margin-right:5px;align-self:flex-start;border-radius:50px}.span-icon{display:inline-block}.span-icon,.span-icon i{margin-right:3px}.no-bdr{border:none}.no-bckg{background:none!important}.panel,.panel-heading{border-radius:0;box-shadow:none}.page-head{margin-bottom:10px}.panel-body{padding-top:20px;padding-bottom:20px}.form-horizontal [class*=col-]{margin-bottom:5px}.colsp-tr td{padding:0!important}.colsp-tr td .panel{border:none!important;border-bottom:1px solid #ddd!important;margin-bottom:0}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.form-horizontal .form-inline .form-group{margin-right:0;margin-left:0}.table-bordered td{border-bottom:none!important}.login-wrapper{width:100%;height:100%;display:table;background:url(../images/login-top.png) no-repeat right -240px top -70px,url(../images/login-bottom.png) no-repeat left -280px bottom -140px}.login-inner-wrapper{display:table-cell;vertical-align:middle;padding:0 20px}.login-sec{max-width:470px;margin:30px auto;border-radius:21px;background-color:#fff;padding:40px;box-shadow:0 0 12px 2px rgba(41,41,97,.08)}.login-sec h1{font-size:29px;text-transform:uppercase;text-align:center;font-weight:400;margin:15px 0 35px}.login-sec h2{color:#424242;font-size:15px;text-align:center;margin:0 0 20px}.btn-block{width:100%}.login-group{margin-bottom:20px}.login-btn,.login-group .form-control{height:50px;border-radius:6px}.login-btn{color:#fff!important;text-transform:uppercase;font-size:16px;outline:none!important;box-shadow:none!important}.login-btn:hover{opacity:.9}.invalid-text{text-align:center;margin-bottom:15px;font-size:16px}.login-group i{font-size:20px}@media(max-width:1370px){.login-wrapper{background-position:right -250px top -100px,left -350px bottom -200px}}@media(max-width:991px){.login-wrapper{background-position:right -300px top -175px,left -480px bottom -300px}}.dropdown-submenu{position:relative}.dropdown-submenu .dropdown-menu{top:0;left:100%;margin-top:-1px}.dropdown-submenu a:focus{outline:none!important}.nonelink{text-decoration:none;color:#707070;position:relative}.require:after{content:"*"!important;color:red}.customer-badge{font-size:80%}.customer-badge i{cursor:pointer;color:#dc3545}.custom-file~.invalid-feedback{display:block}.invalid-feedback{display:block!important}.overlay{position:absolute;top:0;bottom:0;left:0;right:0;display:flex}.overlay .ol-link{width:100%;height:100%}.overlay:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa;opacity:.5}.lngtext{white-space:nowrap;width:50px;overflow:hidden;text-overflow:ellipsis;border:1px solid #000}@media (min-width:768px){.form-inline .form-group{vertical-align:top}}@media (min-width:1201px){.toggle-page .ul-sidebar li ul{transform:translate3d(50px -42px 0);-webkit-transform:translate3d(50px,-42px,0);left:0;position:fixed;width:170px;display:block;background-color:#fafafa;border:1px solid #eee;box-shadow:2px 1px 3px rgba(0,0,0,.1);visibility:hidden;opacity:0;height:auto!important}.toggle-page .ul-sidebar li:hover ul{visibility:visible;opacity:1}}@media (max-width:1200px){.nav-sidebar{width:50px}.toggle-page .nav-sidebar{width:220px;box-shadow:inset -2px 0 0 #e5e5e5,2px 1px 3px rgba(0,0,0,.1)}.page-wrapper{padding-left:50px}.toggle-button{width:48px}.toggle-page .toggle-button{width:218px}.toggle-button span{opacity:0;display:none}.toggle-button:before{content:"\F101"}.toggle-page .toggle-button span{display:inline-block;opacity:1}.toggle-page .toggle-button:before{content:"\F100"}.span-link,.ul-sidebar a.arw:after{display:none}.toggle-page .span-link,.toggle-page .ul-sidebar a.arw:after{display:block}.ul-sidebar li a i{float:none;display:block;height:18px}.toggle-page .ul-sidebar li a i{display:inline-block;float:left;height:auto}.page-wrapper:not(.toggle-page) .ul-sidebar li ul{transform:translate3d(50px -42px 0);-webkit-transform:translate3d(50px,-42px,0);left:0;position:fixed;width:170px;display:block;background-color:#fafafa;border:1px solid #eee;box-shadow:2px 1px 3px rgba(0,0,0,.1);visibility:hidden;opacity:0;height:auto!important}.page-wrapper:not(.toggle-page) .ul-sidebar li ul li a{padding-left:25px}.page-wrapper:not(.toggle-page) .ul-sidebar li:hover ul{visibility:visible;opacity:1}.ul-sidebar ul li:first-child{display:block}.toggle-page .ul-sidebar ul li:first-child{display:none}}