/* devanagari */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; src: url(../font/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; src: url(../font/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; src: url(../font/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* devanagari */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; src: url(../font/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; src: url(../font/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; src: url(../font/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* devanagari */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; src: url(../font/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; src: url(../font/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; src: url(../font/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } .ico-svg{width:1rem;height:1rem;vertical-align:-0.15em;fill:currentColor;overflow:hidden;} .iconfont,i[class^="icon-"],i[class*=" icon-"]{font-family:"iconfont"!important;font-size:inherit;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} .icon-loading{display:inline-block;-webkit-animation:1.2s linear infinite spinner-border;animation:1.2s linear infinite spinner-border;line-height:1;} body{overflow-x: hidden;} a{color:#283c50;text-decoration:none;transition:all .3s ease;} a:hover{color:#ff6a00;text-decoration:none;} .clip{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;} .avatar-image,.avatar-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:2.4rem;height:2.4rem;max-width:2.4rem;max-height:2.4rem;min-width:2.4rem;min-height:2.4rem;background-color:#fff;border:1px solid #dcdee4;overflow:hidden;border-radius:100%;cursor:pointer;font-weight:700;} .avatar-xs{width:.75rem;height:.75rem;max-width:.75rem;max-height:.75rem;min-width:.75rem;min-height:.75rem} .avatar-xs *{font-size:.5rem;} .avatar-sm{width:1.25rem;height:1.25rem;max-width:1.25rem;max-height:1.25rem;min-width:1.25rem;min-height:1.25rem} .avatar-sm *{font-size:10px} .avatar-md{width:1.875rem;height:1.875rem;max-width:1.875rem;max-height:1.875rem;min-width:1.875rem;min-height:1.875rem} .avatar-md *{font-size:.75rem} .avatar-lg{width:3.125rem;height:3.125rem;max-width:3.125rem;max-height:3.125rem;min-width:3.125rem;min-height:3.125rem} .avatar-xl{width:4rem;height:4rem;max-width:4rem;max-height:4rem;min-width:4rem;min-height:4rem} .avatar-xxl{width:5rem;height:5rem;max-width:5rem;max-height:5rem;min-width:5rem;min-height:5rem} .avatar-image img{width:100%;height:100%;} .ovh-5,.ovh-6,.ovh-7,.ovh-8,.ovh-9,.ovh-10,.ovh-11,.ovh-12,.ovh-13,.ovh-14,.ovh-15{overflow:hidden;} .ovh-5{padding-right:5px;} .ovh-6{padding-right:6px;} .ovh-7{padding-right:7px;} .ovh-8{padding-right:8px;} .ovh-9{padding-right:9px;} .ovh-10{padding-right:10px;} .ovh-11{padding-right:11px;} .ovh-12{padding-right:12px;} .ovh-13{padding-right:13px;} .ovh-14{padding-right:14px;} .ovh-15{padding-right:15px;} .ovh-16{padding-right:16px;} .ovh-17{padding-right:17px;} .wd-1{width:1px;max-width:1px;min-width:1px} .wd-2{width:2px;max-width:2px;min-width:2px} .wd-3{width:3px;max-width:3px;min-width:3px} .wd-4{width:4px;max-width:4px;min-width:4px} .wd-5{width:5px;max-width:5px;min-width:5px} .wd-6{width:6px;max-width:6px;min-width:6px} .wd-7{width:7px;max-width:7px;min-width:7px} .wd-8{width:8px;max-width:8px;min-width:8px} .wd-9{width:9px;max-width:9px;min-width:9px} .wd-10{width:10px;max-width:10px;min-width:10px} .wd-15{width:15px;max-width:15px;min-width:15px} .wd-20{width:20px;max-width:20px;min-width:20px} .wd-30{width:30px;max-width:30px;min-width:30px} .wd-40{width:40px;max-width:40px;min-width:40px} .wd-50{width:50px;max-width:50px;min-width:50px} .wd-60{width:60px;max-width:60px;min-width:60px} .wd-70{width:70px;max-width:70px;min-width:70px} .wd-80{width:80px;max-width:80px;min-width:80px} .wd-90{width:90px;max-width:90px;min-width:90px} .wd-100{width:100px;max-width:100px;min-width:100px} .wd-120{width:120px;max-width:120px;min-width:120px} .wd-150{width:150px;max-width:150px;min-width:150px} .wd-200{width:200px;max-width:200px;min-width:200px} .wd-250{width:250px;max-width:250px;min-width:250px} .wd-300{width:300px;max-width:300px;min-width:300px} .wd-350{width:350px;max-width:350px;min-width:350px} .wd-400{width:400px;max-width:400px;min-width:400px} .wd-450{width:450px;max-width:450px;min-width:450px} .wd-500{width:500px;max-width:500px;min-width:500px} .ht-1{height:1px;max-height:1px;min-height:1px} .ht-2{height:2px;max-height:2px;min-height:2px} .ht-3{height:3px;max-height:3px;min-height:3px} .ht-4{height:4px;max-height:4px;min-height:4px} .ht-5{height:5px;max-height:5px;min-height:5px} .ht-5{height:5px;max-height:5px;min-height:5px} .ht-6{height:6px;max-height:6px;min-height:6px} .ht-7{height:7px;max-height:7px;min-height:7px} .ht-8{height:8px;max-height:8px;min-height:8px} .ht-9{height:9px;max-height:9px;min-height:9px} .ht-10{height:10px;max-height:10px;min-height:10px} .ht-15{height:15px;max-height:15px;min-height:15px} .ht-20{height:20px;max-height:20px;min-height:20px} .ht-30{height:30px;max-height:30px;min-height:30px} .ht-40{height:40px;max-height:40px;min-height:40px} .ht-50{height:50px;max-height:50px;min-height:50px} .ht-60{height:60px;max-height:60px;min-height:60px} .ht-70{height:70px;max-height:70px;min-height:70px} .ht-80{height:80px;max-height:80px;min-height:80px} .ht-90{height:90px;max-height:90px;min-height:90px} .ht-100{height:100px;max-height:100px;min-height:100px} .ht-150{height:150px;max-height:150px;min-height:150px} .ht-200{height:200px;max-height:200px;min-height:200px} .ht-250{height:250px;max-height:250px;min-height:250px} .ht-300{height:300px;max-height:300px;min-height:300px} .ht-350{height:350px;max-height:350px;min-height:350px} .ht-400{height:400px;max-height:400px;min-height:400px} .ht-450{height:450px;max-height:450px;min-height:450px} .ht-500{height:500px;max-height:500px;min-height:500px} .stretch{height:100%;display:flex;align-items:stretch;flex-direction:column} .stretch.stretch-full{height:calc(100% - 24px)} .stretch.stretch-onethird{height:calc(75% - 24px)} .stretch.stretch-half{height:calc(50% - 24px)} .stretch.stretch-quarter{height:calc(25% - 24px)} .tagify.form-control{min-height:39px;} .form-control::-webkit-input-placeholder{color:rgba(0,0,0,0.4);opacity:1} .form-control::-moz-placeholder{color:rgba(0,0,0,0.4);opacity:1} .form-control:-ms-input-placeholder{color:rgba(0,0,0,0.4);opacity:1} .form-control::-ms-input-placeholder{color:rgba(0,0,0,0.4);opacity:1} .form-control::placeholder{color:rgba(0,0,0,0.4);opacity:1} .form-captcha{width:14rem;position:relative;} .form-captcha .form-control{width:14rem;padding-right:8.75rem;} .form-captcha-result{width:1.25rem;height:1.25rem;position: absolute;top:50%;margin-top:-.625rem;right:7.5rem;line-height:1;font-size:1.25rem;} .form-captcha-img{width:7rem;height:2rem;border-radius:0 .25rem .25rem 0;position:absolute;top:50%;margin-top:-1rem;right:3px;cursor: pointer;} .form-action{position: relative;} .form-action-bar{display:-webkit-box;display:-ms-flexbox;display:box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;position: absolute;top:0;bottom:0;right:.25rem;z-index:1;} .form-action-bar>*{margin-right:.25rem;line-height:1;} .form-action-bar>a{padding:.25rem;border-radius:50%;background:#eee;color:#999;} .form-action-bar>a:hover{background:#ddd;color:#666;} .form-action-bar>i{font-size:1.25rem;} .form-tip{line-height:1;font-size:1rem;margin-right:4px;} .form-check{display:-webkit-box;display:-ms-flexbox;display:box;display:-webkit-flex;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding-left:0;} .form-check-input{width:1.286em;height:1.286em;background-color:#fff;border:1px solid rgba(0,0,0,.25)} .form-check-input:active{-webkit-filter:brightness(90%);filter:brightness(90%)} .form-check-input:focus{border-color:#ffb7a0;outline:0;} .form-check-input:checked{background-color:#ff6e40;border-color:#ff6e40;} .form-check .form-check-input{margin:0 5px 0 0;float:none;} .form-label-color{display:-webkit-box;display:-ms-flexbox;display:box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;min-width:39px;margin-bottom:0;text-align:center;padding:.375rem;color:#5b626b;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem;} .form-label-color input{padding:0;width:0;border:0;margin:0;} .input-interval{display:-webkit-box;display:-ms-flexbox;display:box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;border-radius:.5rem;height:2.875rem;color:#767676;background-color:#fff;border:1px solid #ced4da;overflow:hidden;padding:0 .75rem;} .input-interval:hover{border-color:#b9bfc4;} .input-interval .form-label{margin:0;white-space:nowrap;} .input-interval .form-control{border:0;padding-left:.5rem;padding-right:.5rem;text-align:center;} .required{padding-left:.75rem;} .required::before{content:"*";color:#f30;margin:0 .25rem 0 -.75rem;} .btn{gap:.5rem;} .btn>.text{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;white-space:nowrap;text-align:left;} .text-gray{color:#aaa!important} .btn-default{background:#fff;border-color:#ced4da;} .btn-default:hover{background-color:#f5f5f5;} .btn-default:focus{border-color:#b9bfc4;-webkit-box-shadow:none;box-shadow:none;} .input-group>.btn:last-child,.input-group>input+.dropdown .btn{background-color:#f4f4f4;border-top-left-radius:0;border-bottom-left-radius:0;} .btn-add{color:#fff;background-color:#ff6a00;border-color:#ff6a00} .btn-add:hover{color:#fff;background-color:#e16004;border-color:#c55403} .btn-check:focus+.btn-add,.btn-add:focus{color:#fff;background-color:#e16004;border-color:#c55403;-webkit-box-shadow:0 0 0 .15rem rgba(239,109,130,.5);box-shadow:0 0 0 .15rem rgba(239,109,130,.5)} .btn-check:active+.btn-add,.btn-check:checked+.btn-add,.btn-add.active,.btn-add:active,.show>.btn-add.dropdown-toggle{color:#fff;background-color:#c55403;border-color:#c55403} .btn-check:active+.btn-add:focus,.btn-check:checked+.btn-add:focus,.btn-add.active:focus,.btn-add:active:focus,.show>.btn-add.dropdown-toggle:focus{-webkit-box-shadow:0 0 0 .15rem rgba(239,109,130,.5);box-shadow:0 0 0 .15rem rgba(239,109,130,.5)} .btn-add.disabled,.btn-add:disabled{color:#fff;background-color:#ec536c;border-color:#ec536c} .modal-footer .btn{padding:.375rem 1.25rem;} .highlight{color:#ec536c!important} .content{color:#555;font-size:16px;line-height:1.8;word-wrap:break-word;text-align:justify;} .content h1,.content h2,.content h3,.content h4,.content h5,.content h6{line-height:1.4;color:#333;margin-bottom:16px;} .content h1{font-size:20px;margin-top:32px;padding-left:16px;position:relative;} .content h1:before{display:block;content:"";width:3px;background-color:#ef1f1f;position:absolute;top:2px;bottom:2px;left:0;} .content h2{font-size:18px;margin-top:26px;} .content p{color:#444;margin-top:16px;margin-bottom:16px;word-wrap:break-word;text-indent:2em;line-height:1.8;} .content ol li{list-style:decimal;} .content li p{margin:0;text-indent:0;} .content figure{width:100%;margin:22px 0;text-align:center;} .content figcaption{margin-top:10px;color:#a1a8b3;font-size:14px;line-height:1.2;} .content .image{line-height:0;font-size:0;} .content img{margin-left:auto;margin-right:auto;display:block;max-width:100%;border-radius:8px;} .content table{width:100%;line-height:21px;table-layout:fixed;border-spacing:0;border-collapse:collapse\9;font-size:14px;border:1px solid #ededed;} .content table thead td,.content table th{line-height:50px;background-color:#f7f9fa;text-align:left;font-weight:normal;font-style:normal;margin:0;} .content table tbody td{padding-top:14px;padding-bottom:14px;background-color:#fff;border-bottom:1px solid #ededed;} .content table td,.content table th{padding:0 10px;} .content table tr{cursor:default;} .content table tr:hover td{background-color:#f0f7ff;} .content table tr.selected td{background-color:#e0f0ff;} .content table tr:last-child td{padding-bottom:15px;border-bottom:0;} .content table ~ .dui-loading{height:300px;} .content table p{padding:0;margin:0;} ul.row{padding:0;list-style:none;} .avatar{border-radius:50%;} .limit strong{margin:0 3px;} .flex-wrap,.flex-nowrap,.flex-row,.flex-column,.flex-column-center,.flex-between,.flex-left,.flex-right,.flex-center,.flex-stretch,.cell,.offcanvas-footer{display:-webkit-box;display:-ms-flexbox;display:box;display:-webkit-flex;display:flex;} .flex-left,.flex-right,.flex-between,.flex-center,.flex-column-center,.cell{-webkit-box-align:center;-webkit-align-items:center;align-items:center;} .flex-between{-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between} .flex-center,.flex-column-center{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;} .flex-column-center{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important;} .flex-left{-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;} .flex-right{-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;} .flex-stretch,.offcanvas-footer{-webkit-box-align:stretch;-webkit-align-items:stretch;align-items:stretch} .inline-flex,.inline-flex>*{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center} .cell>.hd{margin-right:16px;} .cell>.bd,.cell>*:only-child,.flexitem,.offcanvas-footer>*{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0} .cell>.ft{margin-left:16px;text-align:right;} /** webuploader */ .webuploader-container{position:relative;} .webuploader-element-invisible{position:absolute!important;clip:rect(1px 1px 1px 1px); /* IE6, IE7 */clip:rect(1px,1px,1px,1px);} .webuploader-pick:disable{opacity:0.6;pointer-events:none;} /** offcanvas */ .offcanvas-footer{padding:1rem;} .offcanvas-footer .btn+.btn{margin-left:1rem;} /** card */ .card{border-radius:.5rem;} .card-header:first-child{border-radius:.5rem .5rem 0 0;} .card-footer:last-child{border-radius:0 0 .5rem .5rem;} /** pagination */ .pagination cite,.pagination ul,.pagination li,.pagination .page-link{display:-webkit-box;display:-ms-flexbox;display:box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;box-sizing:border-box;margin:0;} .pagination{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center} .pagination cite{color:#767676;margin-right:20px;font-style:normal;display:none;} @media (min-width:768px){ .pagination{-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;} .pagination cite{display:block!important;} } .pagination ul{list-style:none;overflow: hidden;padding:0;} .pagination li{margin:3px;} .pagination .page-link{min-width:32px;height:32px;position:relative;cursor:pointer;user-select:none;-webkit-user-select:none;border-radius:3px;color:#ff6e40;} .pagination strong.page-link{z-index:3;color:#fff;background-color:#ff6e40;border-color:#ff6e40} .pagination ul li i{font-family:"iconfont";font-size:0;font-style:normal;} .pagination ul li .page-prev i:before{content:"\e6e8";font-size:12px;} .pagination ul li .page-next i:before{content:"\e6ed";font-size:12px;} .pagination ul li .page-break i:before{content:"\e690";font-size:16px;} .pagination a.disabled{background-color:rgb(250,250,252);cursor:not-allowed;color:rgb(194,194,194);} /** dropdown-menu */ .dropdown-menu{padding:.25rem;} .dropdown-item{display:-webkit-box;display:-ms-flexbox;display:box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:.5rem 1.2rem;line-height:1.3;border-radius:.25rem;} .dropdown-item [class^="icon-"]{font-size:16px;margin-right:7px;line-height:1;} .dropdown-item [class^="text-"]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:1rem;} .dropdown-item .dot{display:block;width:10px;height:10px;border-radius:50%;margin-right:10px;} .dropdown-menu.auto{min-width:0;} .dropdown-menu.mini{min-width:0;padding:.25rem;} .dropdown-menu.mini .dropdown-item{padding:.3125rem 1rem .3125rem .75rem;} .bg-none{background:none!important;} .star-bar,.star-val{display:inline-block;background-position:0 0;background-repeat:repeat-x;background-size:1rem 1rem;} .star-bar{width:80px;height:16px;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDguOSIgaGVpZ2h0PSIxMDMuNiIgdmlld0JveD0iMCAwIDEwOC45IDEwMy42Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2UzZTZlNjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPnN0YXJfMDwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iMTA4LjkgMzkuNiA3MS4zIDM0LjEgNTQuNCAwIDM3LjYgMzQuMSAwIDM5LjYgMjcuMiA2Ni4xIDIwLjggMTAzLjYgNTQuNCA4NS45IDg4LjEgMTAzLjYgODEuNyA2Ni4xIDEwOC45IDM5LjYiLz48L2c+PC9nPjwvc3ZnPg0K);position:relative;} .star-val{width:0;height:100%;background-image:url(data:image/svg+xml;base64,PHN2Zw0KCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwOC45IiBoZWlnaHQ9IjEwMy42IiB2aWV3Qm94PSIwIDAgMTA4LjkgMTAzLjYiPg0KCTxkZWZzPg0KCQk8c3R5bGU+LmNscy0xe2ZpbGw6I2YxYzk0Nzt9PC9zdHlsZT4NCgk8L2RlZnM+DQoJPHRpdGxlPnN0YXIxPC90aXRsZT4NCgk8ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj4NCgkJPGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj4NCgkJCTxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSI1NC40IDAgNzEuMyAzNC4xIDEwOC45IDM5LjYgODEuNyA2Ni4xIDg4LjEgMTAzLjYgNTQuNCA4NS45IDIwLjggMTAzLjYgMjcuMiA2Ni4xIDAgMzkuNiAzNy42IDM0LjEgNTQuNCAwIi8+DQoJCTwvZz4NCgk8L2c+DQo8L3N2Zz4NCg==);position:absolute;top:0;left:0;} .rating,.rating:after{display:block;width:1rem;height:1rem;background-repeat:no-repeat;background-position:0 0;background-size:1rem 1rem;overflow:hidden;} .rating{background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwNjYgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiI+PHBhdGggZD0iTTEwMzkuMDIgNDg0LjYyN2MyNS4wNzItMjcuMTM2IDMzLjU2LTY1LjgxNiAyMi4xNDUtMTAwLjk1MS0xMS40MTMtMzUuMTM1LTQxLjAyLTYxLjQ0Mi03Ny4yNjItNjguNjYxbC0yMjYuMDMtNDQuOTg4YTMzLjg5OCAzMy44OTggMCAwIDEtMjIuOTktMTYuNjk4TDYyMi4yNTggNTIuMjU2QzYwNC4xOTUgMjAuMDMgNTcwLjAxOCAwIDUzMy4wNzggMHMtNzEuMTE2IDIwLjAzLTg5LjE4IDUyLjI1NkwzMzEuMjc1IDI1My4zMjlhMzMuOTIgMzMuOTIgMCAwIDEtMjIuOTkgMTYuNzE0bC0yMjYuMDMgNDQuOTg4Yy0zNi4yNDEgNy4yMDMtNjUuODQ5IDMzLjUyNi03Ny4yNjMgNjguNjYxLTExLjQxMyAzNS4xMzYtMi45MjYgNzMuODMyIDIyLjE0NSAxMDAuOTUxbDE1Ni40MjYgMTY5LjI1NWEzMy45MDMgMzMuOTAzIDAgMCAxIDguNzggMjcuMDM4bC0yNy4wNyAyMjguODZjLTQuMzQyIDM2LjY5NiAxMS41MjcgNzIuOTcgNDEuNDI3IDk0LjY5MWExMDIuMjcgMTAyLjI3IDAgMCAwIDYwLjEwOCAxOS41MWMxNC41MzYgMCAyOS4xMi0zLjA4OSA0Mi43NDUtOS4zNjRsMjA5LjMtOTYuNDY0YTMzLjkwNSAzMy45MDUgMCAwIDEgMjguNDIgMGwyMDkuMyA5Ni40NjRjMzMuNTU5IDE1LjQ2MiA3Mi45NyAxMS41NzYgMTAyLjg1NC0xMC4xMyAyOS44ODMtMjEuNzIxIDQ1Ljc2OC01Ny45OTUgNDEuNDI3LTk0LjY5MWwtMjcuMDctMjI4Ljg3NmEzMy45NCAzMy45NCAwIDAgMSA4Ljc4LTI3LjAzOGwxNTYuNDI1LTE2OS4yNTV6IiBmaWxsPSIjZGJkYmRiIi8+PC9zdmc+);position:relative;} .rating-0{background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwNjYgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiI+PHBhdGggZD0iTTI2Ni44MDkgMTAyMy45ODZjLTIxLjI1IDAtNDIuMzU1LTYuNjAxLTYwLjExLTE5LjUxLTI5Ljg4My0yMS43MjMtNDUuNzY4LTU3Ljk5Ni00MS40MjctOTQuNjkzbDI3LjA3LTIyOC44NmEzMy45NCAzMy45NCAwIDAgMC04Ljc3OS0yNy4wMzlMMjcuMTM2IDQ4NC42M0MyLjA2NSA0NTcuNDkzLTYuNDIyIDQxOC44MTMgNC45OTEgMzgzLjY3OGMxMS40MTQtMzUuMTM2IDQxLjAyMi02MS40NDMgNzcuMjYzLTY4LjY2MmwyMjYuMDMxLTQ0Ljk4OGEzMy44NzEgMzMuODcxIDAgMCAwIDIyLjk5LTE2LjcxNEw0NDMuOTAxIDUyLjI0QzQ2MS45NjQgMjAuMDMgNDk2LjEyNCAwIDUzMy4wOCAwczcxLjExNiAyMC4wMzEgODkuMTggNTIuMjU2UzczNC44ODYgMjUzLjMzIDczNC44ODYgMjUzLjMzYTMzLjg1MSAzMy44NTEgMCAwIDAgMjIuOTkgMTYuNjk4bDIyNi4wMzIgNDQuOTg4YzM2LjI0IDcuMjAzIDY1Ljg0OCAzMy41MjYgNzcuMjYyIDY4LjY2MiAxMS40MTQgMzUuMTM1IDIuOTI3IDczLjgzMS0yMi4xNDUgMTAwLjk1MUw4ODIuNTk4IDY1My44ODRhMzMuOTAzIDMzLjkwMyAwIDAgMC04Ljc4IDI3LjAzOUw5MDAuODkgOTA5LjhjNC4zNCAzNi42OTYtMTEuNTI4IDcyLjk3LTQxLjQyOCA5NC42OTEtMjkuODg0IDIxLjcyMi02OS4yOTUgMjUuNjA4LTEwMi44NTQgMTAuMTNsLTIwOS4zLTk2LjQ2NGEzMy45MDUgMzMuOTA1IDAgMCAwLTI4LjQyMSAwbC0yMDkuMzAxIDk2LjQ2NGExMDIuMTQgMTAyLjE0IDAgMCAxLTQyLjc0NSA5LjM2NXpNNTMzLjA4IDgxNy40NDljMTguNzc5IDAgMzcuNTU4IDQuMDMyIDU1LjA1MiAxMi4wOTdsMjA5LjMwMSA5Ni40NjRjLjc5Ny4zNzQgMi40NzIgMS4xNTQgNC42ODMtLjQ1NiAyLjIxMS0xLjYxIDEuOTgzLTMuNDMgMS44ODYtNC4zMDhsLTI3LjA3MS0yMjguODZjLTQuNTItMzguMjU4IDcuODctNzYuNDE3IDM0LjAxMy0xMDQuNzA4bDE1Ni40MjctMTY5LjI1NWMuNjAyLS42NSAxLjg1NC0yIDEuMDA4LTQuNjAxcy0yLjY1LTIuOTYtMy41MTEtMy4xMjJsLTIyNi4wMzItNDQuOTcyYy0zNy43ODUtNy41MTItNzAuMjM4LTMxLjEwMy04OS4wNjYtNjQuNzFMNTM3LjE0NSA5OS45NDJjLS40MzktLjc4LTEuMzMzLTIuMzczLTQuMDY0LTIuMzczcy0zLjYyNiAxLjYxLTQuMDY1IDIuMzczTDQxNi4zOTEgMzAxLjAxN2MtMTguODI4IDMzLjYwOC01MS4yODEgNTcuMi04OS4wNjcgNjQuNzFMMTAxLjI5MyA0MTAuN2MtLjg2Mi4xNzktMi42ODMuNTM3LTMuNTEyIDMuMTIyLS44NDUgMi42MDEuNDA3IDMuOTUgMS4wMDggNC42bDE1Ni40MjcgMTY5LjI1NmExMzEuMjkgMTMxLjI5IDAgMCAxIDM0LjAxNCAxMDQuNzA4bC0yNy4wNzEgMjI4Ljg3NmMtLjA5OC44NzgtLjMyNiAyLjcxNSAxLjg4NiA0LjMwOSAyLjIxIDEuNjEgMy44ODYuODI5IDQuNjgyLjQ1NWwyMDkuMzAxLTk2LjQ2NGExMzEuNDMyIDEzMS40MzIgMCAwIDEgNTUuMDUzLTEyLjA5N3oiIGZpbGw9IiM3MDcwNzAiLz48L3N2Zz4=);} .rating-1{} .rating-1:after,.rating-2:after,.rating-3:after,.rating-4:after,.rating-5:after{content:"";background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwNjYgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiI+PHBhdGggZD0iTTEwMzkuMDIgNDg0LjYyN2MyNS4wNzItMjcuMTM2IDMzLjU2LTY1LjgxNiAyMi4xNDUtMTAwLjk1MS0xMS40MTMtMzUuMTM1LTQxLjAyLTYxLjQ0Mi03Ny4yNjItNjguNjYxbC0yMjYuMDMtNDQuOTg4YTMzLjg5OCAzMy44OTggMCAwIDEtMjIuOTktMTYuNjk4TDYyMi4yNTggNTIuMjU2QzYwNC4xOTUgMjAuMDMgNTcwLjAxOCAwIDUzMy4wNzggMHMtNzEuMTE2IDIwLjAzLTg5LjE4IDUyLjI1NkwzMzEuMjc1IDI1My4zMjlhMzMuOTIgMzMuOTIgMCAwIDEtMjIuOTkgMTYuNzE0bC0yMjYuMDMgNDQuOTg4Yy0zNi4yNDEgNy4yMDMtNjUuODQ5IDMzLjUyNi03Ny4yNjMgNjguNjYxLTExLjQxMyAzNS4xMzYtMi45MjYgNzMuODMyIDIyLjE0NSAxMDAuOTUxbDE1Ni40MjYgMTY5LjI1NWEzMy45MDMgMzMuOTAzIDAgMCAxIDguNzggMjcuMDM4bC0yNy4wNyAyMjguODZjLTQuMzQyIDM2LjY5NiAxMS41MjcgNzIuOTcgNDEuNDI3IDk0LjY5MWExMDIuMjcgMTAyLjI3IDAgMCAwIDYwLjEwOCAxOS41MWMxNC41MzYgMCAyOS4xMi0zLjA4OSA0Mi43NDUtOS4zNjRsMjA5LjMtOTYuNDY0YTMzLjkwNSAzMy45MDUgMCAwIDEgMjguNDIgMGwyMDkuMyA5Ni40NjRjMzMuNTU5IDE1LjQ2MiA3Mi45NyAxMS41NzYgMTAyLjg1NC0xMC4xMyAyOS44ODMtMjEuNzIxIDQ1Ljc2OC01Ny45OTUgNDEuNDI3LTk0LjY5MWwtMjcuMDctMjI4Ljg3NmEzMy45NCAzMy45NCAwIDAgMSA4Ljc4LTI3LjAzOGwxNTYuNDI1LTE2OS4yNTV6IiBmaWxsPSIjRkRCMTIwIiBkYXRhLXNwbS1hbmNob3ItaWQ9ImEzMTN4LmNvbGxlY3Rpb25zX2RldGFpbC4wLmk0LjFkMDEzYTgxaDNEMnpFIi8+PC9zdmc+);position:absolute;top:0;left:0;} .rating-1:after{width:20%;} .rating-2:after{width:40%;} .rating-3:after{width:60%;} .rating-4:after{width:80%;} .rating-5:after{width:100%;} /** filter */ .form-check-input.not-all{background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiI+PHBhdGggZD0iTTIyNCA1MzQuMTg3YTY0IDY0IDAgMCAxIDY0LTY0aDQ0OGE2NCA2NCAwIDEgMSAwIDEyOEgyODhhNjQgNjQgMCAwIDEtNjQtNjR6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);background-color:#ff6e40;border-color:#ff6e40;} .filter-card .card-header{background:#fff;padding:1.25rem;} .filter-card .form-check-input{margin:0;} .dui-toolbar,.dui-toolbar .rwd-operate{display:-webkit-box;display:-ms-flexbox;display:flex;} .dui-toolbar{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;position:relative;} @media (max-width:576px){ .dui-toolbar{display:none!important;} } .dui-toolbar>.btn:not(:first-child):not(.dropdown-menu){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0} .dui-toolbar>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0} .dui-toolbar>.btn{padding-left:.75rem;padding-right:.75rem} .dui-toolbar>.btn.collapsed{background:#f6f6f6;} .dui-toolbar label{margin:0;} .dui-toolbar .dropdown-menu{padding-left:0;padding-right:0;white-space:nowrap;line-height:18px;} .dui-toolbar .rwd-operate{width:100%;padding:.5rem 1rem;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;border-bottom:1px solid #e9ecef;} .dui-toolbar .rwd-operate .check-label{margin:0 1rem 0 0;} .dui-toolbar .rwd-operate .btn{padding:0;box-shadow:none;min-width:3rem;} .dui-toolbar .rwd-operate .btn.active{font-weight:600;color: #ff6e40} .dui-toolbar .form-check-input{margin-right:.5rem;} .dui-toolbar .rwd-list{list-style:none;padding:0;margin:.75rem 0;} .dui-toolbar .rwd-list li{padding:.375rem 1rem} .search-group{width:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;} .search-group>.form-control{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;min-width:0} .search-group>.form-select{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;min-width:20%;} .search-group>.dui-select{width:35%;} .search-group>.dui-select .select-tips,.search-group>.dui-select .select-lable{height:1.75rem;line-height:1.75rem;} .search-group>.dui-select .data-filter .form-control{height:auto;} .search-group>.form-control:focus,.search-group>.form-select:focus{z-index:3} .search-group .btn{background:#fff;color:#000;border-color:#ced4da;border-left-color:transparent;border-right-color:#ced4da;position:relative;z-index:2} .search-group .btn:focus{z-index:3} .search-group-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;font-size:.875rem;font-weight:400;line-height:1.5;color:#5b626b;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem} .search-group-lg>.btn,.search-group-lg>.form-control,.search-group-lg>.form-select,.search-group-lg>.search-group-text{padding:.5rem 1rem;font-size:1.01563rem;border-radius:.4rem} .search-group-sm>.btn,.search-group-sm>.form-control,.search-group-sm>.form-select,.search-group-sm>.search-group-text{padding:.25rem .5rem;font-size:.71094rem;border-radius:.2rem} .search-group-lg>.form-select,.search-group-sm>.form-select{padding-right:2.5rem} .search-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.search-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),.search-group>.dui-select:not(:last-child)>.form-control{border-top-right-radius:0;border-bottom-right-radius:0} .search-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.search-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius:0;border-bottom-right-radius:0} .search-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0} .table-responsive .table{margin-bottom:0;} .table-responsive .table>tbody>tr.focused,.table-responsive .table>tbody>tr.focused:hover{--bs-table-accent-bg:rgba(255,110,64,.1);} .table-responsive .table>tbody>tr.focused *{color:#ff6e40!important} .table-responsive .table>tbody>tr.unfocused *{color:#777;color:rgba(0,0,0,0.4);} .filter-card .table th,.filter-card .table td{} .filter-card .item-act a{width:30px;height:30px;margin:0 3px;line-height:30px;overflow:hidden;border-radius:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:500;background-color:#fff;border:1px solid #dcdee4;} /** filter-toolbar */ .filter-toolbar{margin-left:120px;-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0;position:fixed;left:50%;bottom:-3rem;z-index:1020;} @media (max-width: 992px) { .filter-toolbar{margin-left:0;} } .filter-toolbar.show{animation:toolbarIn 0.5s forwards;} .filter-toolbar.hide{animation:toolbarOut 0.5s forwards;} @keyframes toolbarIn{ from{bottom:-3rem;opacity:0;} to{bottom:3.75rem;opacity:1;} } @keyframes toolbarOut{ from{bottom:3.75rem;opacity:1;} to{bottom:-3rem;opacity:0;} } .filter-toolbar .btns{background-color:#2b3a4a;padding:.375rem .875rem;border-radius:.5rem;} .filter-toolbar .btn{background-color:#2b3a4a;border-color:#2b3a4a;color:#e9ecef;padding:0;width:1.875rem;height:1.875rem;gap:.375rem;line-height:1;font-size:1rem;} .filter-toolbar .btn:hover{background-color:#5c636a;border-color:#5c636a;color:#fff;} .filter-form{margin-bottom:1.5rem;} .filter-form .form-select,.filter-form .form-control,.filter-form .btn{border-radius:.5rem;height:2.875rem;} .filter-form legend{font-size:.875rem;margin:0;} .filter-form legend span{background-color:#fff;height:2.875rem;border:1px solid #ced4da;} .filter-form legend input{margin:0;} .filter-form legend span:first-child{padding:.8125rem 1.25rem;border-radius:.5rem 0 0 .5rem;} .filter-form legend span:last-child{padding:0 1rem;border-radius:0 .5rem .5rem 0;border:1px solid #ced4da;margin-left:-1px;white-space:nowrap;line-height:2.75rem;} .list-group>.cell{position:relative;padding:1rem 1.25rem;background-color:#fff;border-radius:.5rem;margin-bottom:1.25rem;} .list-group>.cell .form-check-input{margin:0;} .list-group>.cell .checkbox{margin-right:1rem;} .list-group>.cell img{border-radius:.25rem;} .list-group>.cell .attr>a{color:#767676;} .list-group>.cell .attr>a:hover{color:#333;} .list-group>.cell .line{color:#e1e1e1;padding:0 8px;} .list-group>.cell .ft i{font-size:1.25rem;} /** quill editor */ .quill-editor .ql-editor{max-height:520px;} .quill-editor>textarea{min-height:222px;max-height:520px;} .quill-editor .ql-toolbar{border-radius:.25rem .25rem 0 0;border:1px solid #ced4da;padding:8px;min-height:42px;} .quill-editor .ql-container+.ql-toolbar{border:0;padding-left:0;} .quill-editor .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px;} .quill-editor .ql-container{border:1px solid #ced4da;min-height:180px;border-radius:.25rem;font-size:16px;} .quill-editor .ql-toolbar+.ql-container{border-radius:0 0 .25rem .25rem;} .quill-editor .ql-editor{} /** dui */ .dui-empty{width:100%;height:100%;min-height:18rem;} .dui-mask{position:fixed;top:0;right:0;left:0;bottom:0;z-index:9999;} .dui-loading,.dui-mask-loading{display:inline-block;font-size:1rem;width:1rem;height:1rem;vertical-align:middle;} .dui-loading{background:transparent url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='80px' height='80px' viewBox='0 0 80 80' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eloading%3C/title%3E%3Cdefs%3E%3ClinearGradient x1='94.0869141%25' y1='0%25' x2='94.0869141%25' y2='90.559082%25' id='linearGradient-1'%3E%3Cstop stop-color='%23606060' stop-opacity='0' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23606060' stop-opacity='0.3' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient x1='100%25' y1='8.67370605%25' x2='100%25' y2='90.6286621%25' id='linearGradient-2'%3E%3Cstop stop-color='%23606060' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23606060' stop-opacity='0.3' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' opacity='0.9'%3E%3Cg%3E%3Cpath d='M40,0 C62.09139,0 80,17.90861 80,40 C80,62.09139 62.09139,80 40,80 L40,73 C58.2253967,73 73,58.2253967 73,40 C73,21.7746033 58.2253967,7 40,7 L40,0 Z' fill='url(%23linearGradient-1)'%3E%3C/path%3E%3Cpath d='M40,0 L40,7 C21.7746033,7 7,21.7746033 7,40 C7,58.2253967 21.7746033,73 40,73 L40,80 C17.90861,80 0,62.09139 0,40 C0,17.90861 17.90861,0 40,0 Z' fill='url(%23linearGradient-2)'%3E%3C/path%3E%3Ccircle id='Oval' fill='%23606060' cx='40.5' cy='3.5' r='3.5'%3E%3C/circle%3E%3C/g%3E%3CanimateTransform attributeName='transform' begin='0s' dur='1s' type='rotate' values='0 40 40;360 40 40' repeatCount='indefinite'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat;background-size:100%;} .dui-mask-loading{-webkit-mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='80px' height='80px' viewBox='0 0 80 80' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eloading%3C/title%3E%3Cdefs%3E%3ClinearGradient x1='94.0869141%25' y1='0%25' x2='94.0869141%25' y2='90.559082%25' id='linearGradient-1'%3E%3Cstop stop-color='%23606060' stop-opacity='0' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23606060' stop-opacity='0.3' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient x1='100%25' y1='8.67370605%25' x2='100%25' y2='90.6286621%25' id='linearGradient-2'%3E%3Cstop stop-color='%23606060' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23606060' stop-opacity='0.3' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' opacity='0.9'%3E%3Cg%3E%3Cpath d='M40,0 C62.09139,0 80,17.90861 80,40 C80,62.09139 62.09139,80 40,80 L40,73 C58.2253967,73 73,58.2253967 73,40 C73,21.7746033 58.2253967,7 40,7 L40,0 Z' fill='url(%23linearGradient-1)'%3E%3C/path%3E%3Cpath d='M40,0 L40,7 C21.7746033,7 7,21.7746033 7,40 C7,58.2253967 21.7746033,73 40,73 L40,80 C17.90861,80 0,62.09139 0,40 C0,17.90861 17.90861,0 40,0 Z' fill='url(%23linearGradient-2)'%3E%3C/path%3E%3Ccircle id='Oval' fill='%23606060' cx='40.5' cy='3.5' r='3.5'%3E%3C/circle%3E%3C/g%3E%3CanimateTransform attributeName='transform' begin='0s' dur='1s' type='rotate' values='0 40 40;360 40 40' repeatCount='indefinite'/%3E%3C/g%3E%3C/svg%3E%0A") 0 0 no-repeat;mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='80px' height='80px' viewBox='0 0 80 80' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eloading%3C/title%3E%3Cdefs%3E%3ClinearGradient x1='94.0869141%25' y1='0%25' x2='94.0869141%25' y2='90.559082%25' id='linearGradient-1'%3E%3Cstop stop-color='%23606060' stop-opacity='0' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23606060' stop-opacity='0.3' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient x1='100%25' y1='8.67370605%25' x2='100%25' y2='90.6286621%25' id='linearGradient-2'%3E%3Cstop stop-color='%23606060' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23606060' stop-opacity='0.3' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' opacity='0.9'%3E%3Cg%3E%3Cpath d='M40,0 C62.09139,0 80,17.90861 80,40 C80,62.09139 62.09139,80 40,80 L40,73 C58.2253967,73 73,58.2253967 73,40 C73,21.7746033 58.2253967,7 40,7 L40,0 Z' fill='url(%23linearGradient-1)'%3E%3C/path%3E%3Cpath d='M40,0 L40,7 C21.7746033,7 7,21.7746033 7,40 C7,58.2253967 21.7746033,73 40,73 L40,80 C17.90861,80 0,62.09139 0,40 C0,17.90861 17.90861,0 40,0 Z' fill='url(%23linearGradient-2)'%3E%3C/path%3E%3Ccircle id='Oval' fill='%23606060' cx='40.5' cy='3.5' r='3.5'%3E%3C/circle%3E%3C/g%3E%3CanimateTransform attributeName='transform' begin='0s' dur='1s' type='rotate' values='0 40 40;360 40 40' repeatCount='indefinite'/%3E%3C/g%3E%3C/svg%3E%0A") 0 0 no-repeat;-webkit-mask-size:cover;mask-size:cover;background-color:currentColor;} .dui-loading_text{font-size:.875rem;display:inline-block;vertical-align:middle;margin:0 5px;} .dui-msg,.dui-alert,.dui-confirm,.dui-loading_wrap,.dui-loading_toast,.dui-toast .toast-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;} .dui-loading_wrap{width:100%;height:90%;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;} .dui-loading_toast{min-width:8.25rem;min-height:8.25rem;max-width:20rem;padding:1.75rem 1.25rem;top:40%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;border-radius:.5rem;color:hsla(0,0%,100%,.9);-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;background-color:#4c4c4c;-webkit-filter:drop-shadow(0 8px 25px rgba(0,0,0,.1));filter:drop-shadow(0 8px 25px rgba(0,0,0,.1));box-sizing:border-box;line-height:1.4;position:fixed;z-index:10000;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;} .dui-loading_toast .dui-mask-loading{font-size:2rem;width:2rem;height:2rem;margin-bottom:15px;} .dui-msg{min-width:158px;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;height:42px;line-height:1.25rem;background-color:#fff;background-color:var(--bs-white);border-radius:.376rem;box-shadow:0 6px 21px 0 #1e1f2433;opacity:0;padding:.5rem 1rem;pointer-events:none;text-align:center;transform:translateX(-50%);transition:top .3s ease,opacity .16s ease;position:fixed;left:50%;z-index:99999} .dui-msg.show{opacity:1;} .dui-msg-text{-webkit-text-stroke:0;flex-shrink:0;color:#333;font-size:.875rem;font-weight:500;text-align:center} .dui-msg-link{cursor:pointer;display:inline-flex;pointer-events:auto -webkit-text-stroke:0;color:var(--cos-color-text-primary);font-family:PingFang SC,Arial,sans-serif;font-size:1.375rem;font-weight:500;line-height:1.5;margin-left:.5rem} .dui-msg>i{font-size:1.375rem;margin-right:.5rem} .dui-msg>i.icon-success-filling{color:#58db83;color:var(--bs-success);} .dui-msg>i.icon-prompt-filling{color:#29bbe3;color:var(--bs-info);} .dui-msg>i.icon-warning-filling{color:#f5b225;color:var(--bs-warning);} .dui-msg>i.icon-error-filling{color:#ec536c;color:var(--bs-danger);} .dui-toast{min-width:258px;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;pointer-events:none;overflow:hidden;position:fixed;bottom:20px;right:20px;z-index:9999;} .dui-toast>:not(:last-child){margin-bottom:12px} .dui-toast .toast{transition:all 0.5s ease;position:relative;background:#fff;border:none;border-radius:.375rem;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.08),0 0 24px 0 rgba(0,0,0,.12);box-shadow:0 4px 8px 0 rgba(0,0,0,.08),0 0 24px 0 rgba(0,0,0,.12);overflow:hidden;} .dui-toast .toast-header{-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:.75rem;border:0;} .dui-toast .toast-header>i{font-size:1.25rem;margin-right:6px;line-height:1;} .dui-toast .icon-success-filling{color:#39b362} .dui-toast .icon-prompt-filling{color:#ef1f1f} .dui-toast .icon-warning-filling{color:#ff8200} .dui-toast .icon-error-filling{color:#f33} .dui-toast .toast-title{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;font-size:1rem;color:#333;font-weight:500;line-height:1.25rem;overflow:hidden;padding-right:10px;text-overflow:ellipsis;white-space:nowrap;} .dui-toast .btn-close{background-size:.625rem .625rem;margin:0 0 0 1rem;padding:0;width:1.25rem;height:1.25rem;} .dui-toast .toast-body{border-top:1px solid rgba(0,0,0,.05);color:#666;font-size:14px;line-height:1.5;text-align:justify} .dui-toast .toast:not(.showing):not(.show){transform:translateX(100%);} .dui-toast .toast.show{animation:toastIn 0.5s forwards;} .dui-toast .toast.hide{display:block;animation:toastOut 0.5s forwards;} @keyframes toastIn{ from{transform:translateX(100%);opacity:0;} to{transform:translateX(0);opacity:1;} } @keyframes toastOut{ from{transform:translateX(0);opacity:1;} to{transform:translateX(100%);opacity:0;} } .dui-alert,.dui-confirm{min-height:calc(100% - 3rem);} @media(min-width:400px){ .dui-alert,.dui-confirm{max-width:365px;margin:.5rem auto;} } .dui-alert .modal-content,.dui-confirm .modal-content{border:0;margin-bottom:5rem;} .dui-alert .modal-header,.dui-confirm .modal-header{border:0;padding-top:1.5625rem;padding-bottom:.25rem;color:rgba(0,0,0,.9);font-size:.9375rem;} .dui-alert .modal-body,.dui-confirm .modal-body{padding-top:.25rem;padding-bottom:1.5rem;color:rgba(0,0,0,.9);font-weight:500;} .dui-alert .modal-footer,.dui-confirm .modal-footer{padding:0;align-items:stretch;line-height:0;overflow:hidden;} .dui-alert .modal-footer>.btn,.dui-confirm .modal-footer>.btn{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;margin:0;border-radius:0;border:0;padding:.75rem .5rem;font-weight:600;} .dui-alert .modal-footer>.btn+.btn,.dui-confirm .modal-footer>.btn+.btn{border-left:1px solid #e9ecef;} .dui-alert .modal-footer .btn-primary,.dui-confirm .modal-footer .btn-primary{background:#fafafa;color:#576b95!important;} .dui-alert .modal-footer .btn:active,.dui-confirm .modal-footer .btn:active{background-color:#ececec;} .dui-alert .modal-footer .btn:focus,.dui-confirm .modal-footer .btn:focus{-webkit-box-shadow:none;box-shadow:none;} /** dui-select */ .dui-select{width:100%;min-width:10rem;position:relative;} .dui-select .dropdown-toggle{display:-webkit-box;display:-ms-flexbox;display:box;display:-webkit-flex;display:flex;-webkit-box-align:stretch;-webkit-align-items:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.375rem;min-height:39px;line-height:1.3125rem;position:relative;} .dui-select .dropdown-toggle:after{content:"\e66a";font-family:"iconfont"!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;right:.625rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);} .dui-select .dropdown-toggle.show{color:#01041b;border-color:rgb(185,191,196);} .dui-select .select-tips{display:block;width:100%;height:1.3125rem;line-height:1.3125rem;overflow:hidden;cursor:pointer;opacity:.5} .dui-select .select-lable{display:-webkit-box;display:-ms-flexbox;display:box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:100%;height:1.3125rem;line-height:1.3125rem;padding:0 35px 0 0;position:relative;overflow:hidden;cursor:pointer;} .dui-select .select-lable .del{display:block;background:#fff;cursor:pointer;padding:.25rem 0 .25rem .25rem;line-height:1;color:rgba(0,0,0,.15);font-size:1.125rem;position:absolute;top:0;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:3;} .dui-select[aria-multiselectable] .select-lable .del:hover{color:rgba(0,0,0,.35);} .dui-select[aria-multiselectable=false] .select-lable .text{flex:0 0 auto;display:inline-block;white-space:nowrap;overflow:hidden;} .dui-select[aria-multiselectable=false] .select-lable .text+.text:before{display:inline-block;padding:0 .25rem;color:#ccc;content:"/";} .dui-select[aria-multiselectable=false] .select-lable .text+.text:hover:before{text-decoration:underline;text-decoration:none} .dui-select[aria-multiselectable=false] .select-lable .text:last-child{flex:1;text-overflow:ellipsis;} .dui-select[aria-multiselectable=true] .dropdown-toggle{padding:.375rem 2rem .375rem .625rem;line-height:1.5625rem;} .dui-select[aria-multiselectable=true] .select-lable{width:auto;max-width:100%;height:25px;border-radius:.25rem;font-size:.75rem;font-weight:500;background-color:rgba(49,94,251,0.1);color:#4e6ef2;word-break:break-all;padding:1px 1.5rem 1px .5rem;} .dui-select[aria-multiselectable=true] .select-lable .del{background:none;color:#4e6ef2;font-size:.875rem;right:.25rem;opacity:.7} .dui-select[aria-multiselectable=true] .select-lable .del:hover{opacity:.9} .dui-select .dropdown-menu{min-width:100%;padding:0;} .dui-select .data-filter{padding:1rem .75rem .5rem;position:relative;} .dui-select .data-filter input{font-size:.75rem;} .dui-select .data-filter input:focus{border-color:#aaa;} .dui-select .data-filter>i{position:absolute;top:1.625rem;right:1.375rem;line-height:1;cursor:pointer;} .dui-select .data-scrollbar{max-height:320px;} .dui-select ul{list-style:none;margin:0 0 0 16px;padding:0;font-size:0;line-height:0;position:relative;} .dui-select ul::before{display:inline-block;content:"";position:absolute;top:-20px;bottom:20px;left:0;border:1px dotted #ccc;border-width:0 0 0 1px;z-index:1;} .dui-select .tree-menu{padding-right:.75rem;margin-left:.75rem;margin-bottom:.5rem;} .dui-select .tree-menu li{width:100%;position:relative;overflow:hidden;} .dui-select .tree-menu li.hide{height:0;opacity:0;} .dui-select .tree-menu li::before{display:inline-block;content:"";position:absolute;top:16px;left:0;width:1.5rem;height:0;border-top:1px dotted #ccc;z-index:1;} .dui-select .tree-menu a{display:-webkit-box;display:-ms-flexbox;display:box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;line-height:0;padding:.5rem .25rem;cursor:default;border:1px solid #fff;color:#333;} .dui-select .tree-menu a .expand{width:15px;height:15px;background-color:#fff;border:1px solid #bbb;text-align:center;line-height:0;position:relative;z-index:10;transition:all 200ms linear;margin:0 0 0 .25rem;border-radius:2px;display:inline-block;} .dui-select .tree-menu a .expand:before,.dui-select .tree-menu a .expand:after{content:"";background:#999;display:block;width:0;height:0;position:absolute;top:6px;left:6px;z-index:1;} .dui-select .tree-menu a .expand:before{width:auto;height:1px;left:3px;right:3px;} .dui-select .tree-menu a.collapsed .expand:after{width:1px;height:auto;top:3px;bottom:3px;} .dui-select .tree-menu a .text{cursor:pointer;font-size:.875rem;line-height:1rem;margin:0 .25rem 0 1.25rem;-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0} .dui-select .tree-menu a[data-bs-toggle] .text{margin-left:.5rem;} .dui-select .tree-menu li.active>a,.dui-select .tree-menu a:hover{background:rgba(51,92,255,.05);color:#4e6ef2;} .dui-select .tree-menu li.active>a .expand,.dui-select .tree-menu a:hover .expand{border-color:#4e6ef2;} .dui-select .tree-menu li.active>a .expand:before,.dui-select .tree-menu a:hover .expand:before,.dui-select .tree-menu li.active>a .expand:after,.dui-select .tree-menu a:hover .expand:after{background:#4e6ef2;} .input-group>.dui-select{flex:1 1 auto;width:1%;min-width:0;margin-bottom:0;} .input-group>.dui-select:not(:first-child) .dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0;} .input-group>.dui-select:not(:last-child) .dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0;} /** dui-select-product */ .dui-select-product{width:100%;min-width:10rem;position:relative;} .dui-select-product .dropdown-toggle,.dui-select-product .head,.dui-select-product .item{display:-webkit-box;display:-ms-flexbox;display:box;display:-webkit-flex;display:flex;-webkit-box-align:stretch;-webkit-align-items:stretch;align-items:stretch;} .dui-select-product .dropdown-toggle{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.375rem;min-height:39px;line-height:1.3125rem;position:relative;} .dui-select-product .dropdown-toggle:after{content:"\e66a";font-family:"iconfont"!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;right:.625rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);} .dui-select-product .dropdown-toggle.show{color:#01041b;border-color:rgb(185,191,196);} .dui-select-product .placeholder{display:block;width:100%;overflow:hidden;cursor:pointer;opacity:.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .dui-select-product .select-lable{display:-webkit-box;display:-ms-flexbox;display:box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:100%;height:1.3125rem;line-height:1.3125rem;padding:0 35px 0 0;position:relative;overflow:hidden;cursor:pointer;} .dui-select-product .select-lable .del{display:block;background:#fff;cursor:pointer;padding:.25rem 0 .25rem .25rem;line-height:1;color:rgba(0,0,0,.15);font-size:1.125rem;position:absolute;top:0;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:3;} .dui-select-product .dropdown-menu{min-width:100%;padding-left:0;padding-right:0;} .dui-select-product .head,.dui-select-product .item{-webkit-box-align:stretch;-webkit-align-items:stretch;align-items:stretch;gap:.5rem;line-height:1.25rem;} .dui-select-product .head>*,.dui-select-product .item>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default;text-align:center;} .dui-select-product .checkbox{width:1.5rem;tac} .dui-select-product .form-check-input{margin:0;overflow:hidden;} .dui-select-product .num{width:1.5rem;font-weight:500;font-size:.8125rem;padding-left:.125rem;} .dui-select-product .title{width:30%;text-align:left;} .dui-select-product .divide{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;min-width:0;} .dui-select-product .head{background-color:#fff;font-weight:600;color:#5b626b;padding:.75rem 1rem;} .dui-select-product .body{max-height:320px;} .dui-select-product .body ul{list-style:none;margin:0;padding:0 1rem;} .dui-select-product .item{border-top:1px solid #e9ecef;padding:.625rem 0;} .dui-select-product .item:hover{background:#f8f9fa;} .dui-select-product .item.active{background:rgba(51,92,255,.05);color:#4e6ef2;} .dui-select-product[aria-multiselectable=true] .dropdown-toggle{padding:.375rem 2rem .375rem .625rem;line-height:1.5625rem;} .dui-select-product[aria-multiselectable=true] .select-lable{width:auto;max-width:100%;height:25px;border-radius:.25rem;font-size:.75rem;font-weight:500;background-color:rgba(49,94,251,0.1);color:#4e6ef2;word-break:break-all;padding:1px 1.5rem 1px .5rem;} .dui-select-product[aria-multiselectable=true] .select-lable .del{background:none;color:#4e6ef2;font-size:.875rem;right:.25rem;opacity:.7} .dui-select-product[aria-multiselectable=true] .select-lable .del:hover{opacity:.9} /** date-picker */ .dui-date-picker{display:block;margin:0;position:relative;} .dui-date-picker:after{content:"\e67b";font-family:"iconfont"!important;font-size:1rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#999;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:10px;} .dui-date-picker .form-control{background-color:#fff;padding-right:2.25rem;} /** dui-upload */ .dui-upload{position:relative;} .dui-upload .webuploader-container{position:relative;} .dui-upload .webuploader-pick,.dui-upload .webuploader-pick:focus{padding:0;z-index:0;} .dui-upload .webuploader-pick:disable{opacity:0.6;pointer-events:none;} .dui-upload .webuploader-element-invisible{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;} .dui-upload .webuploader-pick-hover{color:#333;} .dui-upload .icon-select-bold{color:#58db83;} .dui-upload .icon-prompt-filling{color:#ec536c;} .dui-upload .progress{height:2px;position:absolute;left:1px;right:1px;bottom:0;} /** dui-upload-album */ .dui-upload-album {background:#fff;} .dui-upload-album .hidden{width:0!important;height:0!important;border:0;padding:0;margin:0;overflow:hidden;position:absolute!important;clip:rect(1px,1px,1px,1px);} .dui-upload-album .placeholder{width:100%;min-height:11rem;border:2px dashed #e6e6e6;border-radius:.5rem;color:#ccc;position:relative;} .dui-upload-album .filePickerReady{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding-top:4rem;} .dui-upload-album .filePickerReady:before{content:'';width:4.5rem;height:4.5rem;background:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiI+PHBhdGggZD0iTTE2Ni4yMyA3NTAuOTMzTDYwLjQxNSA4NTYuNzQ3YTc3LjQ4MyA3Ny40ODMgMCAwIDAgNjYuMjE5IDM3LjU0NmgzNDYuNzk0bC0xNDMuMzYtMTQzLjM2YTExNS43MTIgMTE1LjcxMiAwIDAgMC0xNjMuODQgMHoiIGZpbGw9IiNkZmRmZGYiLz48cGF0aCBkPSJNNzY3LjY1OSA4OTUuMzE3YTc3LjE0MSA3Ny4xNDEgMCAwIDAgNjAuNzU3LTI5LjY5NmwtMTcwLjY2Ny0yMTUuMDRhMTE1LjcxMiAxMTUuNzEyIDAgMCAwLTE4MS4yNDggMEwyODEuMjYgODk1LjMxN3pNMTY4LjYxOSA0OTYuOTgxYTc5LjUzIDc5LjUzIDAgMSAwIDE1OS4wNjEgMCA3OS41MyA3OS41MyAwIDEgMC0xNTkuMDYxIDB6TTY4Ni4wOCAyMjguMzUyaDMxOC40NjR2NTkuNzMzSDY4Ni4wOHoiIGZpbGw9IiNkZmRmZGYiLz48cGF0aCBkPSJNODE1Ljc4NyA5OC45ODdoNTkuNzMzVjQxNy40NWgtNTkuNzMzem0tNDguMTI4IDgyNi4wMjZIMTI2LjYzNUExMDcuODYxIDEwNy44NjEgMCAwIDEgMTkuMTE1IDgxOS4yVjMzNS44NzJhMTA3Ljg2MSAxMDcuODYxIDAgMCAxIDEwNy41Mi0xMDcuNTJoNDc5LjkxNHY1OS43MzNIMTI2LjYzNWE0Ny43ODcgNDcuNzg3IDAgMCAwLTQ3Ljc4NyA0Ny43ODdWODE5LjJhNDcuNzg3IDQ3Ljc4NyAwIDAgMCA0Ny43ODcgNDcuNzg3aDY0MS4wMjRhNDcuNzg3IDQ3Ljc4NyAwIDAgMCA0OC4xMjgtNDcuNzg3VjQ5Ni45ODFoNTkuNzMzVjgxOS4yYTEwNy44NjEgMTA3Ljg2MSAwIDAgMS0xMDcuODYxIDEwNS44MTN6IiBmaWxsPSIjZGZkZmRmIi8+PC9zdmc+) no-repeat 50%;background-size:100%;display:block;position:absolute;top:-1rem;left:50%;margin-left:-2rem;} .dui-upload-album .filePickerReady .webuploader-pick{font-size:1rem;background:#00b7ee;padding-left:2rem;padding-right:2rem;color:#fff;cursor:pointer;} .dui-upload-album .placeholder .webuploader-pick-hover{background:#00a2d4;} .dui-upload-album .file-list{list-style:none;margin:0 -.25rem;padding:0;overflow-x:hidden;overflow-y:auto;position:relative;max-height:238px;} .dui-upload-album .upload-preview,.dui-upload-album .filePickerItem{float:left;margin:.25rem;width:110px;height:110px;position:relative;} .dui-upload-album .upload-image{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;border:1px solid #eee;border-radius:.25rem;overflow:hidden;position:relative;z-index:1;} .dui-upload-album .upload-image img{display:block;max-width:100%;max-height:100%;} .dui-upload-album .upload-progress{display:none;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;z-index:2;} .dui-upload-album .upload-progress .dui-loading{width:1.5rem;height:1.5rem;} .dui-upload-album .upload-progress .icon-prompt-filling{font-size:1.5rem;line-height:1;color:#fa5151;} .dui-upload-album .upload-cancel{display:none;background:rgba(0, 0, 0, .7);padding:.2rem .2rem .25rem .25rem;overflow:hidden;text-align:center;cursor: pointer;color:#fff;line-height:1;border-radius:0 .25rem 0 .5rem;position: absolute;top:0;right:0;z-index:3;border:0;} .dui-upload-album .upload-cancel:hover{background:rgba(0, 0, 0, .8);} .dui-upload-album .upload-preview:hover .upload-cancel{display:block;} .dui-upload-album .upload-status .upload-image:before{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5);z-index:1;} .dui-upload-album .upload-status .upload-progress{display:block;} .dui-upload-album .filePickerItem{background:none;overflow:visible;} .dui-upload-album .filePickerItem .webuploader-pick{width:100%;height:100%;background:#ededed;margin:0;padding:0;border:0;position:relative;line-height:0;font-size:0;} .dui-upload-album .filePickerItem .webuploader-pick:after,.dui-upload-album .filePickerItem .webuploader-pick:before{content:" ";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#a3a3a3;} .dui-upload-album .filePickerItem .webuploader-pick:before{width:2px;height:33.33%;} .dui-upload-album .filePickerItem .webuploader-pick:after{width:33.33%;height:2px;} .dui-upload-album .filePickerItem .webuploader-pick:focus{outline:0;-webkit-box-shadow:none;box-shadow:none;} .dui-upload-album .filePickerItem .webuploader-pick:disabled:after{content:"";background:rgba(0,0,0,.01);position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;cursor:not-allowed;} /** dui-upload-thumb */ .thumb{display:block;max-width:100%;max-height:100%;object-fit: contain;border-radius:.25rem;} .dui-upload-thumb,.dui-upload-thumb .actions{display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;} .dui-upload-thumb{width:100%;height:100%;background-color:#f7f7f7;display:-webkit-box;display:-ms-flexbox;overflow: hidden;border-radius:.5rem;position: relative;} .dui-upload-thumb .actions{background:rgba(0, 0, 0, .3);position: absolute;right:0;bottom:0;border-radius: .5rem 0 0 0;line-height:1;overflow:hidden;opacity:0;-webkit-transition:opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;transition:opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;transition:opacity .2s ease-in-out,transform .2s ease-in-out;transition:opacity .2s ease-in-out,transform .2s ease-in-out,-webkit-transform .2s ease-in-out} .dui-upload-thumb:hover .actions{opacity:1;} .dui-upload-thumb .actions>span{padding:.375rem .5rem;cursor: pointer;color:rgba(255, 255, 255, .9);font-size:1rem;display:block;} .dui-upload-thumb .actions>span:hover{background:rgba(0, 0, 0, .45);color:#fff;} /** dui-gallery */ .dui-gallery{display:none;background-color:rgba(0, 0, 0, .92);position:fixed;top:0;right:0;bottom:0;left:0;z-index:1025} .dui-gallery_container,.dui-gallery_media,.dui-gallery_opr{display:-webkit-box;display:-ms-flexbox;display:box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;} .dui-gallery_container{width:100%;height:100vh;max-width:100%;padding:2rem;position:relative;} .dui-gallery_image img{max-height:100%;display:block;padding:0;float:none;outline:0;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100vw;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;-ms-touch-action:none;touch-action:none;margin:auto;min-width:100px;} @media (min-width:769px){ .dui-gallery_media{-webkit-box-shadow:1px 2px 9px 0 rgba(0,0,0,.65);box-shadow:1px 2px 9px 0 rgba(0,0,0,.65);} .dui-gallery_image img{max-height:97vh;max-width:100%} } .dui-gallery_close{background:none;border:0 none;line-height:1;padding:.5rem;color:rgba(255,255,255,.7);font-size:1.25rem;position:absolute;top:1rem;right:1rem;z-index:3} .dui-gallery_close:hover{color:#fff;} .dui-gallery_opr{-webkit-box-align:center;-webkit-align-items:center;align-items:center;background-color:#0d0d0d;line-height:1;text-align:center;padding:.25rem .5rem;border-radius:.5rem;position:absolute;left:50%;bottom:.75rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);} .dui-gallery_del{color:rgba(255,255,255,.7);font-size:1.25rem;display:block;padding-bottom:0;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)} .dui-gallery_del:hover{color:#fff;} .dui-gallery_del:active{opacity:.5} @-webkit-keyframes c{ 0%{opacity:0} to{opacity:1} } @keyframes c{ 0%{opacity:0} to{opacity:1} } .dui-animate-fade-in,.dui-animate_fade-in{-webkit-animation:c ease .3s forwards;animation:c ease .3s forwards} @-webkit-keyframes d{ 0%{opacity:1} to{opacity:0} } @keyframes d{ 0%{opacity:1} to{opacity:0} } .dui-animate-fade-out,.dui-animate_fade-out{-webkit-animation:d ease .3s forwards;animation:d ease .3s forwards} /** cropper */ .modal-cropper .modal-body{width:100%;padding:0;position:relative;} .modal-cropper-img{background:url(../img/image.png) no-repeat center #f7f7f7;width:100%;height:420px;background-size:20% auto;} .modal-cropper-actions{padding:1rem;border-top:1px solid #e9ecef;} .modal-cropper-actions .view-data{float:right;line-height:30px;color:#666;margin-right:15px;} .modal-cropper-actions .view-data em{font-style:normal;margin:0 5px;} .modal-cropper-progress{width:100%;height:2px;position:absolute;left:0;right:0;bottom:-1px;z-index:1;} .modal-cropper-progress span{display:block;width:0;height:2px;line-height:0;font-size:0;background:#1e74d0;border-radius:2px;transition: width 200ms cubic-bezier(0.18, 0.64, 0.56, 1),background-color 200ms cubic-bezier(0.18, 0.64, 0.56, 1);} .cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .cropper-container img{display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%;} .cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{bottom:0;left:0;position:absolute;right:0;top:0;} .cropper-wrap-box,.cropper-canvas{overflow:hidden;} .cropper-drag-box{background-color:#fff;opacity:0;} .cropper-modal{background-color:#000;opacity:.5;} .cropper-view-box{display:block;height:100%;outline-color:rgba(51,153,255,0.75);outline:1px solid #39f;overflow:hidden;width:100%;} .cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute;} .cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%;} .cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%;} .cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0;} .cropper-center:before,.cropper-center:after{background-color:#eee;content:' ';display:block;position:absolute;} .cropper-center:before{height:1px;left:-3px;top:0;width:7px;} .cropper-center:after{height:7px;left:0;top:-3px;width:1px;} .cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%;} .cropper-face{background-color:#fff;left:0;top:0;} .cropper-line{background-color:#39f;} .cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px;} .cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px;} .cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px;} .cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0;} .cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px;} .cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%;} .cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px;} .cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%;} .cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px;} .cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px;} .cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px;} .cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px;} .cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px;} @media (min-width:768px){ .cropper-point.point-se{height:15px;width:15px;} } @media (min-width:992px){ .cropper-point.point-se{height:10px;width:10px;} } @media (min-width:1200px){ .cropper-point.point-se{height:5px;opacity:.75;width:5px;} } .cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:' ';display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%;} .cropper-invisible{opacity:0;} .cropper-bg{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');} .cropper-hide{display:block;height:0;position:absolute;width:0;} .cropper-hidden{display:none!important;} .cropper-move{cursor:move;} .cropper-crop{cursor:crosshair;} .cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed;} /** dui-albums */ .dui-albums li{width:100px;height:100px;margin:7px;position:relative;} .dui-albums .filePicker.disabled:after{content:"";background:rgba(0,0,0,.01);position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;cursor:not-allowed;} .dui-albums .pickBar{width:100px;height:100px;background:url(../image/image.png) no-repeat center 12px;border:1px solid #eeeeee;border-radius:0;} .dui-albums .pickBar .webuploader-pick{width:100%;height:100%;margin:0;padding:0;opacity:0;background:none;font-size:0;} .dui-albums .progress{width:100%;height:2px;position:absolute;left:0;right:0;bottom:0;z-index:1;} .dui-albums .progress span{display:block;float:left;width:0;height:2px;line-height:0;font-size:0;background:#179b16;border-radius:3px;} .dui-albums .item{overflow:hidden;cursor:move;} .dui-albums .item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;} .dui-albums .panel{background:rgba(0,0,0,.6);text-align:center;height:26px;line-height:25px;position:absolute;left:0;right:0;bottom:-30px;z-index:2;} .dui-albums .panel span{display:inline-block;width:33%;height:26px;cursor:pointer;} .dui-albums .panel span:before{content:"";display:inline-block;width:16px;height:16px;background-repeat:no-repeat;background-position:50%;-webkit-background-size:100%;background-size:100%;vertical-align:middle;} .dui-albums .panel .view:before{background-image:url(../image/ico-view.png);} .dui-albums .panel .sel:before{background-image:url(../image/ico-sel.png);} .dui-albums .panel .del:before{background-image:url(../image/ico-del.png);} /** dui-file */ .dui-file{position:relative;} .dui-file .progress{height:2px;position:absolute;left:0;bottom:0;z-index:1;} .dui-file .progress span{display:block;float:left;width:0;height:2px;line-height:0;font-size:0;background:#179b16;border-radius:3px;} #page-topbar{position:fixed;top:0;right:0;left:0;z-index:1002;background-color:#fff;-webkit-box-shadow:0 -3px 31px 0 rgba(0,0,0,.05),0 6px 20px 0 rgba(0,0,0,.02);box-shadow:0 -3px 31px 0 rgba(0,0,0,.05),0 6px 20px 0 rgba(0,0,0,.02)} .navbar-header{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 auto;height:70px;padding:0 calc(24px / 2) 0 0} .navbar-brand-box{padding:0 1.5rem;text-align:center;width:240px} .logo{line-height:70px} .logo .logo-sm{display:none} .logo-light{display:none} .dropdown-topbar .btn-light{background-color:#f8f9fa!important;border:#f8f9fa!important} .dropdown-topbar .btn-light:focus{-webkit-box-shadow:0 0 0 .15rem rgba(216,217,219,.5)!important;box-shadow:0 0 0 .15rem rgba(216,217,219,.5)!important} .fullscreen-enable [dui-bind=full-screen] .icon-fullscreen::before{content:"\e652"} .app-search{padding:calc(32px / 2) 0} .app-search .form-control{border:none;height:38px;padding-left:20px;padding-right:20px;background-color:#f8f9fa;-webkit-box-shadow:none;box-shadow:none;border-radius:30px} .app-search .icon-search{position:absolute;z-index:10;font-size:16px;line-height:38px;right:16px;top:0;color:#5b626b} .megamenu-list li{position:relative;padding:5px 0} .megamenu-list li a{color:#5b626b} @media (max-width:992px){ .navbar-brand-box{width:auto} .logo span.logo-lg{display:none} .logo span.logo-sm{display:inline-block} } .page-content{padding:calc(70px + 24px) calc(24px / 2) 60px calc(24px / 2)} .header-item{height:70px;-webkit-box-shadow:none!important;box-shadow:none!important;color:#555b6d;border:0;border-radius:0} .header-item:hover{color:#555b6d} .header-profile-user{height:36px;width:36px;background-color:#dee2e6} .noti-icon i{font-size:26px;color:#555b6d} .noti-icon .badge{position:absolute;top:12px;right:4px} .notification-item .media{padding:.75rem 1rem} .notification-item .media:hover{background-color:#f8f9fa} .dropdown-icon-item{display:block;border-radius:3px;line-height:34px;text-align:center;padding:15px 0 9px;display:block;border:1px solid transparent;color:#6c757d} .dropdown-icon-item img{height:24px} .dropdown-icon-item span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .dropdown-icon-item:hover{border-color:#e9ecef} body[data-topbar=dark] #page-topbar{background-color:#2b3a4a} body[data-topbar=dark] .navbar-header .dropdown.show .header-item{background-color:rgba(255,255,255,.05)} body[data-topbar=dark] .navbar-header .waves-effect .waves-ripple{background:rgba(255,255,255,.4)} body[data-topbar=dark] .header-item{color:#e9ecef} body[data-topbar=dark] .header-item:hover{color:#e9ecef} body[data-topbar=dark] .header-profile-user{background-color:rgba(255,255,255,.25)} body[data-topbar=dark] .noti-icon i{color:#e9ecef} body[data-topbar=dark] .logo-dark{display:none} body[data-topbar=dark] .logo-light{display:block} body[data-topbar=dark] .app-search .form-control{background-color:rgba(248,249,250,.07);color:#fff} body[data-topbar=dark] .app-search input.form-control::-webkit-input-placeholder,body[data-topbar=dark] .app-search span{color:rgba(255,255,255,.5)} body[data-sidebar=dark] .navbar-brand-box{background:#2b3a4a} body[data-sidebar=dark] .logo-dark{display:none} body[data-sidebar=dark] .logo-light{display:block} @media (max-width:575.98px){ .navbar-header .dropdown{position:static} .navbar-header .dropdown .dropdown-menu{left:10px!important;right:10px!important} .top-navigation{position:absolute;left:0;right:0;background-color:#2b3a4a} } @media (max-width:380px){ .navbar-brand-box{display:none!important} } body[data-layout=horizontal] .navbar-header{padding:0} body[data-layout=horizontal] .navbar-brand-box{width:auto;display:inline-block} body[data-layout=horizontal] .page-content{margin-top:70px;padding:calc(180px + 24px) calc(24px / 2) 60px calc(24px / 2)} @media (max-width:992px){ body[data-layout=horizontal] .page-content{padding:calc(98px + 24px) calc(24px / 2) 60px calc(24px / 2)} } @media (min-width:992px){ body[data-layout=horizontal] .navbar-header{padding:0 calc(24px / 2)} body[data-layout=horizontal] .navbar-brand-box{padding-left:0} } .page-title-box{padding-bottom:24px} .page-title-box .breadcrumb{background-color:transparent;padding:0} .page-title-box h4{font-size:18px!important} .state-information .state-graph{float:right;margin-left:40px;text-align:center} .state-information .state-graph .info{font-size:12px;margin-top:3px} body[data-layout=horizontal] .top-navigation{padding:0 calc(24px / 2) 0 calc(24px / 2)} body[data-layout=horizontal] .state-information .state-graph .info{color:#adb5bd} body[data-layout=horizontal] .page-title-content{padding:20px 0} body[data-layout=horizontal] .page-title-content .page-title-box{padding-bottom:0} body[data-layout=horizontal] .page-title-content .page-title-box .breadcrumb-item>a{color:#ced4da} body[data-layout=horizontal] .page-title-content .page-title-box .breadcrumb-item+.breadcrumb-item::before{color:rgba(255,255,255,.5)} body[data-layout=horizontal] .page-title-content .page-title-box .breadcrumb-item.active{color:#adb5bd} body[data-layout=horizontal] .page-title-content h4{color:#fff} .footer{background-color:#fafafa;bottom:0;padding:20px calc(24px / 2);position:absolute;text-align:center;right:0;color:#5b626b;left:240px;height:60px;-webkit-box-shadow:0 -1px 2px 0 rgba(0,0,0,.05);box-shadow:0 -1px 2px 0 rgba(0,0,0,.05)} @media (max-width:992px){ .footer{left:0} } .vertical-collpsed .footer{left:70px} body[data-layout=horizontal] .footer{left:0!important} .header-langs{width:100%;max-height:235px;overflow-x:hidden;overflow-y:auto} .header-langs .dropdown-item{padding:.625rem;} .header-message{width:100%;max-height:235px;overflow-x:hidden;overflow-y:auto} .header-message .cell{padding:.75rem 1rem} .header-message .cell:hover{background-color:#f8f9fa} .header-message .hd>span{width:2rem;height:2rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:500;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;border:2px solid;} .header-message .hd>span:before{font-family:"iconfont"!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} .header-message .hd>.type-0{border-color:#29bbe3;color:#29bbe3;} .header-message .hd>.type-0:before{content:'\e655';} .header-message .hd>.type-1{border-color:#ff6e40;color:#ff6e40;} .header-message .hd>.type-1:before{content:'\e606';} .header-message .hd>.type-2{border-color:#f5b225;color:#f5b225;} .header-message .hd>.type-2:before{content:'\e654';} .header-message .hd>.type-3{border-color:#58db83;color:#58db83;} .header-message .hd>.type-3:before{content:'\e743';} .header-message .hd>.type-4{border-color:#ec536c;color:#ec536c;} .header-message .hd>.type-4:before{content:'\e7b1';} .header-message .bd>*{display:block;line-height:1rem;} .header-message .bd strong{font-weight:500;width:100%;margin:0 0 3px;} .header-message .bd span{font-size:.75rem;} .right-bar{background-color:#fff;-webkit-box-shadow:0 0 24px 0 rgba(0,0,0,.06),0 1px 0 0 rgba(0,0,0,.02);box-shadow:0 0 24px 0 rgba(0,0,0,.06),0 1px 0 0 rgba(0,0,0,.02);display:block;position:fixed;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;width:280px;z-index:9999;float:right!important;right:-290px;top:0;bottom:0} .right-bar .right-bar-toggle{background-color:#444c54;height:24px;width:24px;line-height:24px;color:#e9ecef;text-align:center;border-radius:50%} .right-bar .right-bar-toggle:hover{background-color:#4b545c} .rightbar-overlay{background-color:rgba(52,58,64,.55);position:absolute;left:0;right:0;top:0;bottom:0;display:none;z-index:9998;-webkit-transition:all .2s ease-out;transition:all .2s ease-out} .right-bar-enabled .right-bar{right:0} .right-bar-enabled .rightbar-overlay{display:block} @media (max-width:767.98px){ .right-bar{overflow:auto} .right-bar .slimscroll-menu{height:auto!important} } .metismenu{margin:0} .metismenu li{display:block;width:100%} .metismenu .mm-collapse{display:none} .metismenu .mm-collapse:not(.mm-show){display:none} .metismenu .mm-collapse.mm-show{display:block} .metismenu .mm-collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;transition-property:height,visibility} .vertical-menu{width:240px;z-index:1001;background:#fff;bottom:0;margin-top:0;position:fixed;top:70px;-webkit-box-shadow:0 -3px 31px 0 rgba(0,0,0,.05),0 6px 20px 0 rgba(0,0,0,.02);box-shadow:0 -3px 31px 0 rgba(0,0,0,.05),0 6px 20px 0 rgba(0,0,0,.02)} .main-content{margin-left:240px;} .main-content .sticky-top{position:sticky;top:5.375rem;z-index:4;} #sidebar-menu{padding:10px 0 30px 0} #sidebar-menu .mm-active>.has-arrow:after{content:"\e6eb"} #sidebar-menu .has-arrow:after{content:"\e6ed";font-family:'iconfont';display:block;float:right;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;font-size:14px} #sidebar-menu ul li a{display:block;padding:10px 20px;color:#545a6d;position:relative;font-size:14px;-webkit-transition:all .4s;transition:all .4s} #sidebar-menu ul li a i{display:inline-block;min-width:1.6rem;padding-bottom:.125em;font-size:1rem;line-height:1.40625rem;vertical-align:middle;color:#7f8387;-webkit-transition:all .4s;transition:all .4s} #sidebar-menu ul li a:hover{color:#383c40} #sidebar-menu ul li a:hover i{color:#383c40} #sidebar-menu ul li .badge{margin-top:5px} #sidebar-menu ul li ul.sub-menu{padding:0} #sidebar-menu ul li ul.sub-menu li a{padding:.4rem 1.5rem .4rem 3.1rem;font-size:13px;color:#545a6d;background-color:transparent} #sidebar-menu ul li ul.sub-menu li ul.sub-menu{padding:0} #sidebar-menu ul li ul.sub-menu li ul.sub-menu li a{padding:.4rem 1.5rem .4rem 4.5rem;font-size:13.5px} .menu-title{padding:12px 20px!important;letter-spacing:.05em;pointer-events:none;cursor:default;font-size:12px;text-transform:uppercase;color:#7f8387;font-weight:600} .mm-active{color:#ff6e40!important} .mm-active>a{color:#ff6e40!important;background-color:#f9f8fb} .mm-active>a i{color:#ff6e40!important} .mm-active .active{color:#ff6e40!important} .mm-active .active i{color:#ff6e40!important} .mm-active>i{color:#ff6e40!important} @media (max-width:992px){ .vertical-menu{display:none} .main-content{margin-left:0!important} body.sidebar-enable .vertical-menu{display:block} } .vertical-collpsed .main-content{margin-left:70px} .vertical-collpsed .navbar-brand-box{width:70px!important} .vertical-collpsed .logo span.logo-lg{display:none} .vertical-collpsed .logo span.logo-sm{display:block} .vertical-collpsed .vertical-menu{position:absolute;width:70px!important;z-index:5} .vertical-collpsed .vertical-menu .simplebar-content-wrapper,.vertical-collpsed .vertical-menu .simplebar-mask{overflow:visible!important} .vertical-collpsed .vertical-menu .simplebar-scrollbar{display:none!important} .vertical-collpsed .vertical-menu .simplebar-offset{bottom:0!important} .vertical-collpsed .vertical-menu #sidebar-menu .badge,.vertical-collpsed .vertical-menu #sidebar-menu .collapse.in,.vertical-collpsed .vertical-menu #sidebar-menu .menu-title{display:none!important} .vertical-collpsed .vertical-menu #sidebar-menu .nav.collapse{height:inherit!important} .vertical-collpsed .vertical-menu #sidebar-menu .has-arrow:after{display:none} .vertical-collpsed .vertical-menu #sidebar-menu>ul>li{position:relative;white-space:nowrap} .vertical-collpsed .vertical-menu #sidebar-menu>ul>li>a{padding:15px 20px;min-height:55px;-webkit-transition:none;transition:none} .vertical-collpsed .vertical-menu #sidebar-menu>ul>li>a:active,.vertical-collpsed .vertical-menu #sidebar-menu>ul>li>a:focus,.vertical-collpsed .vertical-menu #sidebar-menu>ul>li>a:hover{color:#383c40} .vertical-collpsed .vertical-menu #sidebar-menu>ul>li>a i{font-size:1.45rem;margin-left:4px} .vertical-collpsed .vertical-menu #sidebar-menu>ul>li>a span{display:none;padding-left:25px} .vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a{position:relative;width:calc(190px + 70px);color:#ff6e40;background-color:#f5f5f5;-webkit-transition:none;transition:none} .vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a i{color:#ff6e40} .vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a span{display:inline} .vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>ul{display:block;left:70px;position:absolute;width:190px;height:auto!important;-webkit-box-shadow:3px 5px 10px 0 rgba(54,61,71,.1);box-shadow:3px 5px 10px 0 rgba(54,61,71,.1)} .vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>ul ul{-webkit-box-shadow:3px 5px 10px 0 rgba(54,61,71,.1);box-shadow:3px 5px 10px 0 rgba(54,61,71,.1)} .vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>ul a{-webkit-box-shadow:none;box-shadow:none;padding:8px 20px;position:relative;width:190px;z-index:6;color:#545a6d} .vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>ul a:hover{color:#383c40} .vertical-collpsed .vertical-menu #sidebar-menu>ul ul{padding:5px 0;z-index:9999;display:none;background-color:#fff} .vertical-collpsed .vertical-menu #sidebar-menu>ul ul li:hover>ul{display:block;left:190px;height:auto!important;margin-top:-36px;position:absolute;width:190px} .vertical-collpsed .vertical-menu #sidebar-menu>ul ul li>a span.pull-right{position:absolute;right:20px;top:12px;-webkit-transform:rotate(270deg);transform:rotate(270deg)} .vertical-collpsed .vertical-menu #sidebar-menu>ul ul li.active a{color:#f8f9fa} body[data-sidebar=dark] .vertical-menu{background:#2b3a4a} body[data-sidebar=dark] #sidebar-menu ul li a{color:#8699ad} body[data-sidebar=dark] #sidebar-menu ul li a i{color:#8699ad} body[data-sidebar=dark] #sidebar-menu ul li a:hover{color:#fff} body[data-sidebar=dark] #sidebar-menu ul li a:hover i{color:#fff} body[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a{color:#8699ad;background:0 0;-webkit-box-shadow:none;box-shadow:none} body[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a:hover{color:#fff} body[data-sidebar=dark] #sidebar-menu ul>li>a.mm-active{background-color:#263442} body[data-sidebar=dark].vertical-collpsed{min-height:1200px} body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a{background:#2f3f50;color:#fff} body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a i{color:#fff} body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>ul a{color:#8699ad} body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>ul a:hover{color:#fff} body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu>ul ul{background-color:#2b3a4a} body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active{color:#fff!important} body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active i{color:#fff!important} body[data-sidebar=dark] .mm-active{color:#fff!important} body[data-sidebar=dark] .mm-active>a{color:#fff!important;background-color:#263442} body[data-sidebar=dark] .mm-active>a i{color:#fff!important} body[data-sidebar=dark] .mm-active>i{color:#fff!important} body[data-sidebar=dark] .mm-active .active{color:#fff!important;background-color:#263442} body[data-sidebar=dark] .mm-active .active i{color:#fff!important} body[data-sidebar=dark] .menu-title{color:#8699ad} body[data-layout=horizontal] .main-content{margin-left:0!important} body[data-sidebar-size=small] .navbar-brand-box{width:160px} body[data-sidebar-size=small] .vertical-menu{width:160px;text-align:center} body[data-sidebar-size=small] .vertical-menu .badge,body[data-sidebar-size=small] .vertical-menu .has-arrow:after{display:none!important} body[data-sidebar-size=small] .main-content{margin-left:160px} body[data-sidebar-size=small] .footer{left:160px} body[data-sidebar-size=small] #sidebar-menu ul li.menu-title{background-color:#2f3f50} body[data-sidebar-size=small] #sidebar-menu ul li a i{display:block} body[data-sidebar-size=small] #sidebar-menu ul li ul.sub-menu li a{padding-left:1.5rem} body[data-sidebar-size=small] #sidebar-menu ul li ul.sub-menu li ul.sub-menu li a{padding-left:1.5rem} body[data-sidebar-size=small].vertical-collpsed .main-content{margin-left:70px} body[data-sidebar-size=small].vertical-collpsed .vertical-menu #sidebar-menu{text-align:left} body[data-sidebar-size=small].vertical-collpsed .vertical-menu #sidebar-menu>ul>li>a i{display:inline-block} body[data-sidebar-size=small].vertical-collpsed .footer{left:70px} body[data-sidebar=colored] .vertical-menu{background-color:#ff6e40} body[data-sidebar=colored] .navbar-brand-box{background-color:#ff6e40} body[data-sidebar=colored] .navbar-brand-box .logo-dark{display:none} body[data-sidebar=colored] .navbar-brand-box .logo-light{display:block} body[data-sidebar=colored] .mm-active{color:#fff!important} body[data-sidebar=colored] .mm-active>a{color:#fff!important;background-color:#8076c1} body[data-sidebar=colored] .mm-active>a i{color:#fff!important} body[data-sidebar=colored] .mm-active .active,body[data-sidebar=colored] .mm-active>i{color:#fff!important} body[data-sidebar=colored] #sidebar-menu ul li.menu-title{color:rgba(255,255,255,.6)} body[data-sidebar=colored] #sidebar-menu ul li a{color:rgba(255,255,255,.6)} body[data-sidebar=colored] #sidebar-menu ul li a i{color:rgba(255,255,255,.6)} body[data-sidebar=colored] #sidebar-menu ul li a.waves-effect .waves-ripple{background:rgba(255,255,255,.1)} body[data-sidebar=colored] #sidebar-menu ul li a:hover{color:#fff} body[data-sidebar=colored] #sidebar-menu ul li a:hover i{color:#fff} body[data-sidebar=colored] #sidebar-menu ul li ul.sub-menu li a{color:rgba(255,255,255,.5)} body[data-sidebar=colored] #sidebar-menu ul li ul.sub-menu li a:hover{color:#fff} body[data-sidebar=colored].vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a{background-color:#8076c1;color:#fff} body[data-sidebar=colored].vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a i{color:#fff} body[data-sidebar=colored].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active{color:#ff6e40!important} body[data-sidebar=colored].vertical-collpsed .vertical-menu #sidebar-menu ul li ul.sub-menu li a:hover{color:#ff6e40} body[data-sidebar=colored].vertical-collpsed .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active{color:#ff6e40!important} body[data-sidebar=colored].vertical-collpsed .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active>a{color:#ff6e40!important} body[data-sidebar=colored].vertical-collpsed .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active>a i{color:#ff6e40!important} [dir=rtl] #sidebar-menu .has-arrow:after{content:"\F0141"} [dir=rtl] #sidebar-menu .mm-active>.has-arrow:after{content:"\F0140"} .topnav{background:#fff;-webkit-box-shadow:0 -3px 31px 0 rgba(0,0,0,.05),0 6px 20px 0 rgba(0,0,0,.02);box-shadow:0 -3px 31px 0 rgba(0,0,0,.05),0 6px 20px 0 rgba(0,0,0,.02);z-index:100;margin-bottom:-40px;border-radius:3px} .topnav .topnav-menu{margin:0;padding:0} .topnav .navbar-nav .nav-link{font-size:14px;position:relative;padding:1.2rem 1.5rem;color:#545a6d} .topnav .navbar-nav .nav-link i{display:block;font-size:16px;margin-bottom:8px;text-align:center} .topnav .navbar-nav .nav-link:focus,.topnav .navbar-nav .nav-link:hover{color:#ff6e40;background-color:transparent} .topnav .navbar-nav .dropdown-item{color:#545a6d} .topnav .navbar-nav .dropdown-item.active,.topnav .navbar-nav .dropdown-item:hover{color:#ff6e40;background:0 0} .topnav .navbar-nav .nav-item .nav-link.active{color:#ff6e40} .topnav .navbar-nav .dropdown.active>a{color:#ff6e40;background-color:transparent} body[data-layout=horizontal] #page-topbar{background-color:#2b3a4a} body[data-layout=horizontal] .navbar-header{background-color:#fff} @media (min-width:1200px){ body[data-layout=horizontal] .container-fluid{max-width:90%} } @media (min-width:992px){ .topnav .dropdown-item{padding:.5rem 1.5rem;min-width:180px} .topnav .dropdown.mega-dropdown .mega-dropdown-menu{left:0;right:auto} .topnav .dropdown .dropdown-menu{margin-top:0;border-radius:0 0 .25rem .25rem} .topnav .dropdown .dropdown-menu .arrow-down::after{right:15px;-webkit-transform:rotate(-135deg) translateY(-50%);transform:rotate(-135deg) translateY(-50%);position:absolute} .topnav .dropdown .dropdown-menu .dropdown .dropdown-menu{position:absolute;top:0!important;left:100%;display:none} .topnav .dropdown:hover>.dropdown-menu{display:block} .topnav .dropdown:hover>.dropdown-menu>.dropdown:hover>.dropdown-menu{display:block} .navbar-toggle{display:none} } .arrow-down{display:inline-block} .arrow-down:after{border-color:initial;border-style:solid;border-width:0 0 1px 1px;content:"";height:.4em;display:inline-block;right:5px;top:50%;margin-left:10px;-webkit-transform:rotate(-45deg) translateY(-50%);transform:rotate(-45deg) translateY(-50%);-webkit-transform-origin:top;transform-origin:top;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;width:.4em} @media (max-width:1199.98px){ .topnav-menu .navbar-nav li:last-of-type .dropdown .dropdown-menu{right:100%;left:auto} } @media (max-width:991.98px){ .topnav{max-height:360px;overflow-y:auto;padding:0;margin-bottom:0;position:fixed;left:0;right:0;top:70px} .topnav .navbar-nav .nav-link{padding:.75rem 1.1rem} .topnav .navbar-nav .nav-link i{display:inline-block;margin-right:10px;margin-bottom:0;vertical-align:inherit} .topnav .dropdown .dropdown-menu{background-color:transparent;border:none;-webkit-box-shadow:none;box-shadow:none;padding-left:15px} .topnav .dropdown .dropdown-menu.dropdown-mega-menu-lg,.topnav .dropdown .dropdown-menu.dropdown-mega-menu-xl{width:auto} .topnav .dropdown .dropdown-menu.dropdown-mega-menu-lg .row,.topnav .dropdown .dropdown-menu.dropdown-mega-menu-xl .row{margin:0} .topnav .dropdown .dropdown-item{position:relative;background-color:transparent} .topnav .dropdown .dropdown-item.active,.topnav .dropdown .dropdown-item:active{color:#ff6e40} .topnav .arrow-down::after{right:15px;position:absolute} } body[data-layout=horizontal][data-topbar=colored] #page-topbar{background-color:#ff6e40;-webkit-box-shadow:none;box-shadow:none} body[data-layout=horizontal][data-topbar=colored] .logo-dark{display:none} body[data-layout=horizontal][data-topbar=colored] .logo-light{display:block} body[data-layout=horizontal][data-topbar=colored] .app-search .form-control{background-color:rgba(248,249,250,.07);color:#fff} body[data-layout=horizontal][data-topbar=colored] .app-search input.form-control::-webkit-input-placeholder,body[data-layout=horizontal][data-topbar=colored] .app-search span{color:rgba(255,255,255,.5)} body[data-layout=horizontal][data-topbar=colored] .header-item{color:#e9ecef} body[data-layout=horizontal][data-topbar=colored] .header-item:hover{color:#e9ecef} body[data-layout=horizontal][data-topbar=colored] .navbar-header .dropdown.show .header-item{background-color:rgba(255,255,255,.1)} body[data-layout=horizontal][data-topbar=colored] .navbar-header .waves-effect .waves-ripple{background:rgba(255,255,255,.4)} body[data-layout=horizontal][data-topbar=colored] .noti-icon i{color:#e9ecef} @media (min-width:992px){ body[data-layout=horizontal][data-topbar=colored] .topnav{background-color:#ff6e40} body[data-layout=horizontal][data-topbar=colored] .topnav .navbar-nav .nav-link{color:rgba(255,255,255,.5)} body[data-layout=horizontal][data-topbar=colored] .topnav .navbar-nav .nav-link:focus,body[data-layout=horizontal][data-topbar=colored] .topnav .navbar-nav .nav-link:hover{color:rgba(255,255,255,.9)} body[data-layout=horizontal][data-topbar=colored] .topnav .navbar-nav>.dropdown.active>a{color:rgba(255,255,255,.9)!important} } body[data-layout=horizontal][data-topbar=light] .logo-light{display:none} body[data-layout=horizontal][data-topbar=light] .logo-dark{display:block} body[data-layout=horizontal][data-topbar=dark] .navbar-header{background-color:#2f3f50} body[data-layout-size=boxed]{background-color:#e8e8e8} body[data-layout-size=boxed] #layout-wrapper{background-color:#f5f5f5;max-width:1300px;margin:0 auto;-webkit-box-shadow:0 -3px 31px 0 rgba(0,0,0,.05),0 6px 20px 0 rgba(0,0,0,.02);box-shadow:0 -3px 31px 0 rgba(0,0,0,.05),0 6px 20px 0 rgba(0,0,0,.02)} body[data-layout-size=boxed] #page-topbar{max-width:1300px;margin:0 auto} body[data-layout-size=boxed] .footer{margin:0 auto;max-width:calc(1300px - 240px)} body[data-layout-size=boxed].vertical-collpsed .footer{max-width:calc(1300px - 70px)} body[data-layout=horizontal][data-layout-size=boxed] #layout-wrapper,body[data-layout=horizontal][data-layout-size=boxed] #page-topbar,body[data-layout=horizontal][data-layout-size=boxed] .footer{max-width:100%} body[data-layout=horizontal][data-layout-size=boxed] .container-fluid{max-width:1300px} /*! * Waves v0.7.6 * http://fian.my.id/Waves * * Copyright 2014-2018 Alfiana E. Sibuea and other contributors * Released under the MIT license * https://github.com/fians/Waves/blob/master/LICENSE */ .waves-effect{position:relative;cursor:pointer;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent} .waves-effect .waves-ripple{position:absolute;border-radius:50%;width:100px;height:100px;margin-top:-50px;margin-left:-50px;opacity:0;background:rgba(0,0,0,.2);background:radial-gradient(rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%);-webkit-transition:all .5s ease-out;transition:all .5s ease-out;-webkit-transition-property:-webkit-transform,opacity;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transform:scale(0) translate(0,0);transform:scale(0) translate(0,0);pointer-events:none} .waves-effect.waves-light .waves-ripple{background:rgba(255,255,255,.4);background:radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%)} .waves-effect.waves-classic .waves-ripple{background:rgba(0,0,0,.2)} .waves-effect.waves-classic.waves-light .waves-ripple{background:rgba(255,255,255,.4)} .waves-notransition{-webkit-transition:none!important;transition:none!important} .waves-button,.waves-circle{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(circle,#fff 100%,#000 100%)} .waves-button,.waves-button-input,.waves-button:hover,.waves-button:visited{white-space:nowrap;vertical-align:middle;cursor:pointer;border:none;outline:0;color:inherit;background-color:rgba(0,0,0,0);font-size:1em;line-height:1em;text-align:center;text-decoration:none;z-index:1} .waves-button{padding:.85em 1.1em;border-radius:.2em} .waves-button-input{margin:0;padding:.85em 1.1em} .waves-input-wrapper{border-radius:.2em;vertical-align:bottom} .waves-input-wrapper.waves-button{padding:0} .waves-input-wrapper .waves-button-input{position:relative;top:0;left:0;z-index:1} .waves-circle{text-align:center;width:2.5em;height:2.5em;line-height:2.5em;border-radius:50%} .waves-float{-webkit-mask-image:none;-webkit-box-shadow:0 1px 1.5px 1px rgba(0,0,0,.12);box-shadow:0 1px 1.5px 1px rgba(0,0,0,.12);-webkit-transition:all .3s;transition:all .3s} .waves-float:active{-webkit-box-shadow:0 8px 20px 1px rgba(0,0,0,.3);box-shadow:0 8px 20px 1px rgba(0,0,0,.3)} .waves-block{display:block} .waves-effect.waves-light .waves-ripple{background-color:rgba(255,255,255,.4)} .waves-effect.waves-primary .waves-ripple{background-color:rgba(122,111,190,.4)} .waves-effect.waves-success .waves-ripple{background-color:rgba(88,219,131,.4)} .waves-effect.waves-info .waves-ripple{background-color:rgba(41,187,227,.4)} .waves-effect.waves-warning .waves-ripple{background-color:rgba(245,178,37,.4)} .waves-effect.waves-danger .waves-ripple{background-color:rgba(236,83,108,.4)} /** alert */ .alert-border{background-color:#fff;border-color:#f8f9fa;border-top:2px solid #f8f9fa} .alert-border-primary{border-top-color:#ff6e40} .alert-outline-primary{border:1px solid #eceaf6;color:#ff6e40} .alert-border-secondary{border-top-color:#6c757d} .alert-outline-secondary{border:1px solid #caced1;color:#6c757d} .alert-border-success{border-top-color:#58db83} .alert-outline-success{border:1px solid #ebfbf0;color:#58db83} .alert-border-info{border-top-color:#29bbe3} .alert-outline-info{border:1px solid #c7edf8;color:#29bbe3} .alert-border-warning{border-top-color:#f5b225} .alert-outline-warning{border:1px solid #fdeed0;color:#f5b225} .alert-border-orange{border-top-color:#f1734f} .alert-outline-orange{border:1px solid #fef7f4;color:#f1734f} .alert-border-danger{border-top-color:#ec536c} .alert-outline-danger{border:1px solid #fef4f5;color:#ec536c} .alert-border-pink{border-top-color:#e83e8c} .alert-outline-pink{border:1px solid #fbddeb;color:#e83e8c} .alert-border-light{border-top-color:#f8f9fa} .alert-outline-light{border:1px solid #fff;color:#f8f9fa} .alert-border-dark{border-top-color:#343a40} .alert-outline-dark{border:1px solid #88939e;color:#343a40} .alert-border-purple{border-top-color:#6f42c1} .alert-outline-purple{border:1px solid #d5c8ed;color:#6f42c1} .font-size-11{font-size:11px!important} .font-size-12{font-size:12px!important} .font-size-13{font-size:13px!important} .font-size-14{font-size:14px!important} .font-size-15{font-size:15px!important} .font-size-16{font-size:16px!important} .font-size-17{font-size:17px!important} .font-size-18{font-size:18px!important} .font-size-20{font-size:20px!important} .font-size-22{font-size:22px!important} .font-size-24{font-size:24px!important} .font-weight-medium{font-weight:500} .font-weight-semibold{font-weight:600} .social-list-item{height:2rem;width:2rem;line-height:calc(2rem - 2px);display:block;border:1px solid #adb5bd;border-radius:50%;color:#adb5bd;text-align:center} .social-links li a{border-radius:50%;display:inline-block;height:30px;line-height:30px;width:30px} .w-xs{min-width:80px} .w-sm{min-width:95px} .w-md{min-width:110px} .w-lg{min-width:140px} .w-xl{min-width:160px} .media{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start} .media-body{-webkit-box-flex:1;-ms-flex:1;flex:1} .alert-dismissible .btn-close{font-size:10px;padding:1.05rem 1.25rem;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat} #preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:9999} #status{width:40px;height:40px;position:absolute;left:50%;top:50%;margin:-20px 0 0 -20px} .spinner-chase{margin:0 auto;width:40px;height:40px;position:relative;-webkit-animation:spinner-chase 2.5s infinite linear both;animation:spinner-chase 2.5s infinite linear both} .chase-dot{width:100%;height:100%;position:absolute;left:0;top:0;-webkit-animation:chase-dot 2s infinite ease-in-out both;animation:chase-dot 2s infinite ease-in-out both} .chase-dot:before{content:'http://www.w3.org/2000/svg';display:block;width:25%;height:25%;background-color:#ff6e40;border-radius:100%;-webkit-animation:chase-dot-before 2s infinite ease-in-out both;animation:chase-dot-before 2s infinite ease-in-out both} .chase-dot:nth-child(1){-webkit-animation-delay:-1.1s;animation-delay:-1.1s} .chase-dot:nth-child(1):before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s} .chase-dot:nth-child(2){-webkit-animation-delay:-1s;animation-delay:-1s} .chase-dot:nth-child(2):before{-webkit-animation-delay:-1s;animation-delay:-1s} .chase-dot:nth-child(3){-webkit-animation-delay:-.9s;animation-delay:-.9s} .chase-dot:nth-child(3):before{-webkit-animation-delay:-.9s;animation-delay:-.9s} .chase-dot:nth-child(4){-webkit-animation-delay:-.8s;animation-delay:-.8s} .chase-dot:nth-child(4):before{-webkit-animation-delay:-.8s;animation-delay:-.8s} .chase-dot:nth-child(5){-webkit-animation-delay:-.7s;animation-delay:-.7s} .chase-dot:nth-child(5):before{-webkit-animation-delay:-.7s;animation-delay:-.7s} .chase-dot:nth-child(6){-webkit-animation-delay:-.6s;animation-delay:-.6s} .chase-dot:nth-child(6):before{-webkit-animation-delay:-.6s;animation-delay:-.6s} @-webkit-keyframes spinner-chase{ 100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)} } @keyframes spinner-chase{ 100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)} } @-webkit-keyframes chase-dot{ 100%,80%{-webkit-transform:rotate(360deg);transform:rotate(360deg)} } @keyframes chase-dot{ 100%,80%{-webkit-transform:rotate(360deg);transform:rotate(360deg)} } @-webkit-keyframes chase-dot-before{ 50%{-webkit-transform:scale(.4);transform:scale(.4)} 0%,100%{-webkit-transform:scale(1);transform:scale(1)} } @keyframes chase-dot-before{ 50%{-webkit-transform:scale(.4);transform:scale(.4)} 0%,100%{-webkit-transform:scale(1);transform:scale(1)} } [type=email]::-webkit-input-placeholder,[type=number]::-webkit-input-placeholder,[type=tel]::-webkit-input-placeholder,[type=url]::-webkit-input-placeholder{text-align:left} [type=email]::-moz-placeholder,[type=number]::-moz-placeholder,[type=tel]::-moz-placeholder,[type=url]::-moz-placeholder{text-align:left} [type=email]:-ms-input-placeholder,[type=number]:-ms-input-placeholder,[type=tel]:-ms-input-placeholder,[type=url]:-ms-input-placeholder{text-align:left} [type=email]::-ms-input-placeholder,[type=number]::-ms-input-placeholder,[type=tel]::-ms-input-placeholder,[type=url]::-ms-input-placeholder{text-align:left} [type=email]::placeholder,[type=number]::placeholder,[type=tel]::placeholder,[type=url]::placeholder{text-align:left} .form-check{position:relative;text-align:left} .form-check-label{margin-top:1px;} .form-check-right{padding-left:0;display:inline-block;padding-right:1.5em} .form-check-right .form-check-input{float:right;margin-left:0;margin-right:-1.5em} .form-check-right .form-check-label{display:block} .form-checkbox-outline .form-check-input{border-width:2px;background-color:#fff} .form-checkbox-outline .form-check-input:active{-webkit-filter:none;filter:none} .form-checkbox-outline .form-check-input:checked{background-color:#fff!important} .form-checkbox-outline .form-check-input:checked[type=checkbox]{background-image:none} .form-checkbox-outline .form-check-input:checked:after{position:absolute;content:'0 0 16 16';font-family:"Material Design Icons";top:-4px!important;left:1px;font-size:16px;color:#343a40} .form-radio-outline .form-check-input{border-width:2px;background-color:#fff} .form-radio-outline .form-check-input:active{-webkit-filter:none;filter:none} .form-radio-outline .form-check-input:checked{background-color:#fff!important} .form-radio-outline .form-check-input:checked[type=checkbox]{background-image:none} .form-radio-outline .form-check-input:checked:after{position:absolute;content:'%23000';font-family:"Material Design Icons";top:6px!important;left:4px;font-size:6px} .form-check-primary .form-check-input:checked{background-color:#ff6e40;border-color:#ff6e40} .form-radio-primary .form-check-input:checked{border-color:#ff6e40;background-color:#ff6e40} .form-radio-primary .form-check-input:checked:after{color:#ff6e40} .form-check-secondary .form-check-input:checked{background-color:#6c757d;border-color:#6c757d} .form-radio-secondary .form-check-input:checked{border-color:#6c757d;background-color:#6c757d} .form-radio-secondary .form-check-input:checked:after{color:#6c757d} .form-check-success .form-check-input:checked{background-color:#58db83;border-color:#58db83} .form-radio-success .form-check-input:checked{border-color:#58db83;background-color:#58db83} .form-radio-success .form-check-input:checked:after{color:#58db83} .form-check-info .form-check-input:checked{background-color:#29bbe3;border-color:#29bbe3} .form-radio-info .form-check-input:checked{border-color:#29bbe3;background-color:#29bbe3} .form-radio-info .form-check-input:checked:after{color:#29bbe3} .form-check-warning .form-check-input:checked{background-color:#f5b225;border-color:#f5b225} .form-radio-warning .form-check-input:checked{border-color:#f5b225;background-color:#f5b225} .form-radio-warning .form-check-input:checked:after{color:#f5b225} .form-check-orange .form-check-input:checked{background-color:#f1734f;border-color:#f1734f} .form-radio-orange .form-check-input:checked{border-color:#f1734f;background-color:#f1734f} .form-radio-orange .form-check-input:checked:after{color:#f1734f} .form-check-danger .form-check-input:checked{background-color:#ec536c;border-color:#ec536c} .form-radio-danger .form-check-input:checked{border-color:#ec536c;background-color:#ec536c} .form-radio-danger .form-check-input:checked:after{color:#ec536c} .form-check-pink .form-check-input:checked{background-color:#e83e8c;border-color:#e83e8c} .form-radio-pink .form-check-input:checked{border-color:#e83e8c;background-color:#e83e8c} .form-radio-pink .form-check-input:checked:after{color:#e83e8c} .form-check-light .form-check-input:checked{background-color:#f8f9fa;border-color:#f8f9fa} .form-radio-light .form-check-input:checked{border-color:#f8f9fa;background-color:#f8f9fa} .form-radio-light .form-check-input:checked:after{color:#f8f9fa} .form-check-dark .form-check-input:checked{background-color:#343a40;border-color:#343a40} .form-radio-dark .form-check-input:checked{border-color:#343a40;background-color:#343a40} .form-radio-dark .form-check-input:checked:after{color:#343a40} .form-check-purple .form-check-input:checked{background-color:#6f42c1;border-color:#6f42c1} .form-radio-purple .form-check-input:checked{border-color:#6f42c1;background-color:#6f42c1} .form-radio-purple .form-check-input:checked:after{color:#6f42c1} .form-check-label{cursor:pointer;margin-bottom:0} .form-switch-md{padding-left:2.5rem;min-height:24px;line-height:24px} .form-switch-md .form-check-input{width:40px;height:20px;left:-.5rem;position:relative} .form-switch-md .form-check-label{vertical-align:middle} .form-switch-lg{padding-left:2.75rem;min-height:28px;line-height:28px} .form-switch-lg .form-check-input{width:48px;height:24px;left:-.75rem;position:relative} .input-group-text{margin-bottom:0} .input-group-text.up,.input-group-text.view,.input-group-text.del{cursor:pointer;font-size:1rem;} .widget-chart li{width:31.5%;display:inline-block;padding:0} .widget-chart li i{font-size:22px} .mini-stat{border:none} .mini-stat .mini-stat-img{background:url(../img/bg-1.png);background-size:cover} .mini-stat .mini-stat-icon i{font-size:30px;width:64px;height:64px;line-height:64px;text-align:center;color:#fff!important;border-radius:50%;background:rgba(255,255,255,.1);display:inline-block} .inbox-wid .inbox-item{position:relative;border-bottom:1px solid #eff1f3;overflow:hidden;padding:10px 0} .inbox-wid .inbox-item .inbox-item-date{font-size:11px;position:absolute;right:7px;top:8px} .widget-user .widget-user-desc{border-radius:.5rem .5rem 0 0;} .widget-user .widget-user-desc:after{left:18px;bottom:-20px;border:solid transparent;content:'';height:0;width:0;position:absolute;pointer-events:none;border-top-color:#ff6e40;border-width:10px;margin-left:-1px;border-right-color:#ff6e40} .widget-user .flex-left{position: relative;} .widget-user .dropdown{position: absolute;top:1.5rem;right:1rem;} .todo-list{list-style:none;margin:0 -1.5rem .5rem 0;padding:0;} .todo-list li{width:calc(25% - 1rem);line-height:1rem;} .todo-list li>span{margin-right:5px;} .todo-list li>a{font-size:1rem;font-weight:500;} .activitys-list .cell{padding:.75rem 0;border-top:1px solid #e9ecef;} .activitys-list .hd{margin-right:.5rem;color:#ff6e40;} .activitys-list .bd{font-weight:500;} .activitys-list .ft{color:#999;} .activity-feed{padding:15px 15px 0 15px;list-style:none} .activity-feed .feed-item{position:relative;padding-bottom:29px;padding-left:30px;border-left:2px solid #f5f6f8;} .activity-feed .feed-item:last-child{border-color:transparent} .activity-feed .feed-item::after{content:'';display:block;position:absolute;top:0;left:-10px;width:16px;height:10px;border-radius:6px;background:#fff;border:4px solid #ff6e40} .activity-feed .feed-item .feed-item-list{display:block;padding:12px 20px;border-radius:7px;background:#f8f9fa} .activity-feed .feed-item .feed-item-list::after{left:19px;top:0;border:solid transparent;content:'';height:0;width:0;position:absolute;pointer-events:none;border-top-color:#f8f9fa;border-width:10px;margin-left:-1px;border-right-color:#f8f9fa} .activity-feed .feed-item .date{display:block;position:relative;top:-5px;color:#8c96a3;text-transform:uppercase;font-size:13px} .activity-feed .feed-item .activity-text{position:relative;top:-3px} .button-items{margin-left:-8px;margin-bottom:-12px} .button-items .btn{margin-bottom:12px;margin-left:8px} .mfp-popup-form{max-width:1140px} .bs-example-modal{position:relative;top:auto;right:auto;bottom:auto;left:auto;z-index:1;display:block} .icon-demo-content{text-align:center;color:#adb5bd} .icon-demo-content i{display:block;font-size:24px;margin-bottom:16px;color:#6c757d;-webkit-transition:all .4s;transition:all .4s} .icon-demo-content .col-lg-4{margin-top:24px} .icon-demo-content .col-lg-4:hover i{color:#ff6e40;-webkit-transform:scale(1.5);transform:scale(1.5)} .grid-structure .grid-container{background-color:#f8f9fa;margin-top:10px;font-size:.8rem;font-weight:500;padding:10px 20px} @media print{ .footer,.navbar-header,.page-title-box,.right-bar,.vertical-menu{display:none!important} .card-body,.main-content,.page-content,.right-bar,body{padding:0;margin:0} .card{border:0} } [data-simplebar]{position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start} .simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit} .simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0} .simplebar-offset{direction:inherit!important;-webkit-box-sizing:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0!important;bottom:0;right:0!important;padding:0;margin:0;-webkit-overflow-scrolling:touch} .simplebar-content-wrapper{direction:inherit;-webkit-box-sizing:border-box!important;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;visibility:visible;overflow:auto;max-width:100%;max-height:100%;scrollbar-width:none;padding:0!important} .simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none} .simplebar-content:after,.simplebar-content:before{content:'';display:table} .simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none} .simplebar-height-auto-observer-wrapper{-webkit-box-sizing:inherit!important;box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;-webkit-box-flex:inherit;-ms-flex-positive:inherit;flex-grow:inherit;-ms-flex-negative:0;flex-shrink:0;-ms-flex-preferred-size:0;flex-basis:0} .simplebar-height-auto-observer{-webkit-box-sizing:inherit;box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1} .simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden} [data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none} [data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all} .simplebar-scrollbar{position:absolute;right:2px;width:4px;min-height:10px} .simplebar-scrollbar:before{position:absolute;content:" ";background:#a2adb7;border-radius:7px;left:0;right:0;opacity:0;-webkit-transition:opacity .2s linear;transition:opacity .2s linear} .simplebar-scrollbar.simplebar-visible:before{opacity:.5;-webkit-transition:opacity 0s linear;transition:opacity 0s linear} .simplebar-track.simplebar-vertical{top:0;width:11px} .simplebar-track.simplebar-vertical .simplebar-scrollbar:before{top:2px;bottom:2px} .simplebar-track.simplebar-horizontal{left:0;height:11px} .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before{height:100%;left:2px;right:2px} .simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:2px;height:7px;min-height:0;min-width:10px;width:auto} [data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0} .hs-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll} .simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none} .custom-scroll{height:100%} [dir=rtl] .fc-header-toolbar{direction:ltr} .fc-toolbar>*>:not(:first-child){margin-left:.75em} .fc td,.fc th{border:1px solid #e9ecef} .fc .fc-toolbar h2{font-size:16px;line-height:30px;text-transform:uppercase} @media (max-width:767.98px){ .fc .fc-toolbar .fc-center,.fc .fc-toolbar .fc-left,.fc .fc-toolbar .fc-right{float:none;display:block;text-align:center;clear:both;margin:10px 0} .fc .fc-toolbar>*>*{float:none} .fc .fc-toolbar .fc-today-button{display:none} } .fc .fc-toolbar .btn{text-transform:capitalize} .fc th.fc-widget-header{background:#dee2e6;color:#5b626b;line-height:20px;padding:10px 0;text-transform:uppercase;font-weight:600} .fc-day-header{padding:8px 0!important;background-color:#f8f9fa} .fc-unthemed .fc-content,.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-list-view,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:#dee2e6} .fc-unthemed td.fc-today{background:#eff1f3} .fc-button{background:#fff;border-color:#e9ecef;color:#5b626b;text-transform:capitalize;-webkit-box-shadow:none;box-shadow:none;padding:6px 12px!important;height:auto!important} .fc-state-active,.fc-state-disabled,.fc-state-down{background-color:#ff6e40;color:#fff;text-shadow:none} .fc-event{border-radius:2px;border:none;cursor:move;font-size:.8125rem;margin:5px 7px;padding:7px!important;text-align:center} .fc-event,.fc-event-dot{background-color:#ff6e40} .fc-event .fc-content{color:#fff} #external-events .external-event{text-align:left!important;padding:4px} #session-timeout-dialog .close{display:none} #session-timeout-dialog .countdown-holder{color:#ec536c;font-weight:500} #session-timeout-dialog .btn-default{background-color:#fff;color:#ec536c;-webkit-box-shadow:none;box-shadow:none} .irs--modern .irs-bar,.irs--modern .irs-from,.irs--modern .irs-single,.irs--modern .irs-to{background:#ff6e40!important;font-size:11px} .irs--modern .irs-from:before,.irs--modern .irs-single:before,.irs--modern .irs-to:before{border-top-color:#ff6e40} .irs--modern .irs-line{background:#dee2e6;border-color:#dee2e6} .irs--modern .irs-grid-text{font-size:11px;color:#ced4da} .irs--modern .irs-max,.irs--modern .irs-min{color:#adb5bd;background:#f8f9fa;font-size:11px} .irs--modern .irs-handle{width:12px;height:12px;top:37px;background-color:#fff!important} .irs--modern .irs-handle>i:nth-child(1){width:8px;height:8px} .swal2-container .swal2-title{font-size:20px;font-weight:500} .swal2-content{font-size:16px} .swal2-icon.swal2-question{border-color:#29bbe3;color:#29bbe3} .swal2-icon.swal2-success [class^=swal2-success-line]{background-color:#58db83} .swal2-icon.swal2-success .swal2-success-ring{border-color:rgba(88,219,131,.3)} .swal2-icon.swal2-warning{border-color:#f5b225;color:#f5b225} .swal2-styled:focus{-webkit-box-shadow:none;box-shadow:none} .swal2-progress-steps .swal2-progress-step{background:#ff6e40} .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#ff6e40} .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step,.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:rgba(122,111,190,.3)} .swal2-progress-steps .swal2-progress-step-line{background:#ff6e40} .swal2-loader{border-color:#ff6e40 transparent #ff6e40 transparent} .error{color:#ec536c} .parsley-error{border-color:#ec536c} .parsley-errors-list{display:none;margin:0;padding:0} .parsley-errors-list.filled{display:block} .parsley-errors-list>li{font-size:12px;list-style:none;color:#ec536c;margin-top:5px} [dir=rtl] .select2-results__options{direction:ltr} .select2-container .select2-selection--single{background-color:#fff;border:1px solid #ced4da;height:38px} .select2-container .select2-selection--single:focus{outline:0} .select2-container .select2-selection--single .select2-selection__rendered{line-height:36px;padding-left:12px;color:#5b626b;float:left} .select2-container .select2-selection--single .select2-selection__arrow{height:34px;width:34px;right:3px} .select2-container .select2-selection--single .select2-selection__arrow b{border-color:#adb5bd transparent transparent transparent;border-width:6px 6px 0 6px} .select2-container .select2-selection--single .select2-selection__placeholder{color:#5b626b} .select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #adb5bd transparent!important;border-width:0 6px 6px 6px!important} .select2-container--default .select2-search--dropdown{padding:10px;background-color:#fff} .select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #ced4da;background-color:#fff;color:#6c757d;outline:0;text-align:left} .select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#ff6e40} .select2-container--default .select2-results__option[aria-selected=true]{background-color:#f8f9fa;color:#2c3034} .select2-container--default .select2-results__option[aria-selected=true]:hover{background-color:#ff6e40;color:#fff} .select2-results__option{padding:6px 12px} .select2-dropdown{border:1px solid #eaedf0;background-color:#fff;-webkit-box-shadow:0 -3px 31px 0 rgba(0,0,0,.05),0 6px 20px 0 rgba(0,0,0,.02);box-shadow:0 -3px 31px 0 rgba(0,0,0,.05),0 6px 20px 0 rgba(0,0,0,.02)} .select2-search input{border:1px solid #dee2e6} .select2-container .select2-selection--multiple{min-height:38px;background-color:#fff;border:1px solid #ced4da!important} .select2-container .select2-selection--multiple .select2-selection__rendered{padding:2px 10px} .select2-container .select2-selection--multiple .select2-selection__rendered li{float:left} .select2-container .select2-selection--multiple .select2-search__field{border:0;color:#5b626b} .select2-container .select2-selection--multiple .select2-search__field::-webkit-input-placeholder{color:#5b626b} .select2-container .select2-selection--multiple .select2-search__field::-moz-placeholder{color:#5b626b} .select2-container .select2-selection--multiple .select2-search__field:-ms-input-placeholder{color:#5b626b} .select2-container .select2-selection--multiple .select2-search__field::-ms-input-placeholder{color:#5b626b} .select2-container .select2-selection--multiple .select2-search__field::placeholder{color:#5b626b} .select2-container .select2-selection--multiple .select2-selection__choice{background-color:#e9ecef;border:1px solid #dee2e6;border-radius:1px;padding:0 7px} .select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#ced4da} .select2-container--default .select2-results__group{font-weight:600} .select2-result-repository__avatar{float:left;width:60px;margin-right:10px} .select2-result-repository__avatar img{width:100%;height:auto;border-radius:2px} .select2-result-repository__statistics{margin-top:7px} .select2-result-repository__forks,.select2-result-repository__stargazers,.select2-result-repository__watchers{display:inline-block;font-size:11px;margin-right:1em;color:#adb5bd} .select2-result-repository__forks .fa,.select2-result-repository__stargazers .fa,.select2-result-repository__watchers .fa{margin-right:4px} .select2-result-repository__forks .fa.fa-flash::before,.select2-result-repository__stargazers .fa.fa-flash::before,.select2-result-repository__watchers .fa.fa-flash::before{content:"";font-family:'Font Awesome 5 Free'} .select2-results__option--highlighted .select2-result-repository__forks,.select2-results__option--highlighted .select2-result-repository__stargazers,.select2-results__option--highlighted .select2-result-repository__watchers{color:rgba(255,255,255,.8)} .select2-result-repository__meta{overflow:hidden} .img-flag{margin-right:7px;height:15px;width:18px} input[switch]{display:none} input[switch]+label{font-size:1em;line-height:1;width:56px;height:24px;background-color:#ced4da;background-image:none;border-radius:2rem;padding:.16667rem;cursor:pointer;display:inline-block;text-align:center;position:relative;font-weight:500;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out} input[switch]+label:before{color:#343a40;content:attr(data-off-label);display:block;font-family:inherit;font-weight:500;font-size:12px;line-height:21px;position:absolute;right:1px;margin:3px;top:-2px;text-align:center;min-width:1.66667rem;overflow:hidden;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out} input[switch]+label:after{content:" ";position:absolute;left:3px;background-color:#e9ecef;-webkit-box-shadow:none;box-shadow:none;border-radius:2rem;height:20px;width:20px;top:2px;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out} input[switch]:checked+label{background-color:#ff6e40} input[switch]:checked+label{background-color:#ff6e40} input[switch]:checked+label:before{color:#fff;content:attr(data-on-label);right:auto;left:3px} input[switch]:checked+label:after{left:33px;background-color:#e9ecef} input[switch=bool]+label{background-color:#ec536c} input[switch=bool]+label:before,input[switch=bool]:checked+label:before,input[switch=default]:checked+label:before{color:#fff} input[switch=bool]:checked+label{background-color:#58db83} input[switch=default]:checked+label{background-color:#a2a2a2} input[switch=primary]:checked+label{background-color:#ff6e40} input[switch=success]:checked+label{background-color:#58db83} input[switch=info]:checked+label{background-color:#29bbe3} input[switch=warning]:checked+label{background-color:#f5b225} input[switch=danger]:checked+label{background-color:#ec536c} input[switch=dark]:checked+label{background-color:#343a40} .square-switch{margin-right:7px} .square-switch input[switch]+label,.square-switch input[switch]+label:after{border-radius:4px} .table-bordered{border:1px solid #e9ecef} div.dataTables_wrapper div.dataTables_filter{text-align:right} div.dataTables_wrapper div.dataTables_filter input{margin-left:.5em;margin-right:0} .bootstrap-touchspin.input-group>.input-group-prepend>.btn,.bootstrap-touchspin.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0} .bootstrap-touchspin.input-group>.input-group-append>.btn,.bootstrap-touchspin.input-group>.input-group-append>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0} .sp-container{background-color:#fff} .sp-container button{padding:.25rem .5rem;font-size:.71094rem;border-radius:.2rem;font-weight:400;color:#343a40} .sp-container button.sp-palette-toggle{background-color:#f8f9fa} .sp-container button.sp-choose{background-color:#58db83} .sp-palette-container{border-color:#e9ecef} .sp-input{background-color:#fff;border-color:#ced4da!important;color:#5b626b} .sp-input:focus{outline:0} [dir=rtl] .sp-alpha{direction:ltr} [dir=rtl] .sp-original-input-container .sp-add-on{border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-top-left-radius:4px!important;border-bottom-left-radius:4px!important} [dir=rtl] input.spectrum.with-add-on{border:1px solid #ced4da;border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem} .tox-tinymce{border:1px solid #ced4da!important} .tox .tox-statusbar{border-top:1px solid #dee2e6!important} .tox .tox-edit-area__iframe,.tox .tox-menubar,.tox .tox-statusbar{background-color:#fff!important;background:0 0!important} .tox .tox-mbtn{color:#5b626b!important} .tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active){background-color:#f8f9fa!important} .tox .tox-tbtn:hover{background-color:#f8f9fa!important} .tox .tox-toolbar,.tox .tox-toolbar__overflow,.tox .tox-toolbar__primary{background:#f8f9fa!important} .tox .tox-toolbar__primary{border-top-color:#f8f9fa!important} .tox .tox-toolbar__primary{border-top:1px solid #dee2e6!important;border-bottom:1px solid #dee2e6!important} .tox .tox-tbtn{color:#5b626b!important} .tox .tox-tbtn svg{fill:#5b626b!important} .tox .tox-edit-area__iframe{background-color:#fff!important} .tox .tox-statusbar a,.tox .tox-statusbar__path-item,.tox .tox-statusbar__wordcount{color:#5b626b!important} .tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type){border-right:1px solid #dee2e6!important} .tox-tinymce-aux{z-index:1000!important} .editable-input .form-control{display:inline-block} .editable-buttons{margin-left:7px} .editable-buttons .editable-cancel{margin-left:7px} .dropzone{min-height:230px;border:2px dashed #dee2e6;background:#fff;border-radius:6px} .dropzone .dz-message{font-size:24px} .table-rep-plugin .btn-toolbar{display:block} .table-rep-plugin .table-responsive{border:none!important} .table-rep-plugin .btn-group .btn-default{background-color:#6c757d;color:#f8f9fa;border:1px solid #6c757d} .table-rep-plugin .btn-group .btn-default.btn-primary{background-color:#ff6e40;border-color:#ff6e40;color:#fff;-webkit-box-shadow:0 0 0 2px rgba(122,111,190,.5);box-shadow:0 0 0 2px rgba(122,111,190,.5)} .table-rep-plugin .btn-group.pull-right{float:right} .table-rep-plugin .btn-group.pull-right .dropdown-menu{right:0;-webkit-transform:none!important;transform:none!important;top:100%!important} .table-rep-plugin tbody th{font-size:14px;font-weight:400} .table-rep-plugin .checkbox-row{padding-left:40px;color:#5b626b!important} .table-rep-plugin .checkbox-row:hover{background-color:#eff1f3!important} .table-rep-plugin .checkbox-row label{display:inline-block;padding-left:5px;position:relative} .table-rep-plugin .checkbox-row label::before{-o-transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;background-color:#fff;border-radius:3px;border:1px solid #dee2e6;content:' ';display:inline-block;height:17px;left:0;margin-left:-20px;position:absolute;transition:.3s ease-in-out;width:17px;outline:0!important} .table-rep-plugin .checkbox-row label::after{color:#e9ecef;display:inline-block;font-size:11px;height:16px;left:0;margin-left:-20px;padding-left:3px;padding-top:1px;position:absolute;top:-1px;width:16px} .table-rep-plugin .checkbox-row input[type=checkbox]{cursor:pointer;opacity:0;z-index:1;outline:0!important} .table-rep-plugin .checkbox-row input[type=checkbox]:disabled+label{opacity:.65} .table-rep-plugin .checkbox-row input[type=checkbox]:focus+label::before{outline-offset:-2px;outline:0} .table-rep-plugin .checkbox-row input[type=checkbox]:checked+label::after{content:'';font-family:'Font Awesome 5 Free';font-weight:900} .table-rep-plugin .checkbox-row input[type=checkbox]:disabled+label::before{background-color:#f8f9fa;cursor:not-allowed} .table-rep-plugin .checkbox-row input[type=checkbox]:checked+label::before{background-color:#ff6e40;border-color:#ff6e40} .table-rep-plugin .checkbox-row input[type=checkbox]:checked+label::after{color:#fff} .table-rep-plugin .fixed-solution .sticky-table-header{top:70px!important;background-color:#ff6e40} .table-rep-plugin .fixed-solution .sticky-table-header table{color:#fff} .table-rep-plugin .sticky-table-header,.table-rep-plugin table.focus-on tbody tr.focused td,.table-rep-plugin table.focus-on tbody tr.focused th{background:#ff6e40;border-color:#ff6e40;color:#fff} .table-rep-plugin .sticky-table-header table,.table-rep-plugin table.focus-on tbody tr.focused td table,.table-rep-plugin table.focus-on tbody tr.focused th table{color:#fff} @media (min-width:992px){ body[data-layout=horizontal] .fixed-solution .sticky-table-header{top:148px!important} } .table-edits input,.table-edits select{height:calc(1.5em + (.5rem + 2px));padding:.25rem .5rem;border:1px solid #ced4da;color:#5b626b;background-color:#fff;border-radius:.25rem} .table-edits input:focus,.table-edits select:focus{outline:0;border-color:#b9bfc4} .flot-charts-height{height:320px} .flotTip{padding:8px 12px;background-color:rgba(52,58,64,.9);z-index:100;color:#f8f9fa;-webkit-box-shadow:0 -3px 31px 0 rgba(0,0,0,.05),0 6px 20px 0 rgba(0,0,0,.02);box-shadow:0 -3px 31px 0 rgba(0,0,0,.05),0 6px 20px 0 rgba(0,0,0,.02);border-radius:4px} .legendLabel{color:#adb5bd} .morris-charts text{fill:#adb5bd;font-family:Poppins,sans-serif!important} .morris-charts-height{height:300px} .morris-hover{position:absolute;z-index:10} .morris-hover.morris-default-style{font-size:12px;text-align:center;border-radius:5px;padding:10px 12px;background:rgba(248,249,250,.8);color:#343a40;border:2px solid #e9ecef} .morris-hover.morris-default-style .morris-hover-row-label{font-weight:700;margin:.25em 0} .morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin:.1em 0;color:#fff} .ct-golden-section:before{float:none} .ct-chart{max-height:320px} .ct-chart .ct-label{fill:#adb5bd;color:#adb5bd;font-size:12px;line-height:1} .ct-chart.simple-pie-chart-chartist .ct-label{color:#fff;fill:#fff;font-size:16px} .ct-grid{stroke:rgba(52,58,64,.09);stroke-width:1px;stroke-dasharray:3px} .ct-chart .ct-series.ct-series-a .ct-bar,.ct-chart .ct-series.ct-series-a .ct-line,.ct-chart .ct-series.ct-series-a .ct-point,.ct-chart .ct-series.ct-series-a .ct-slice-donut{stroke:#ff6e40} .ct-chart .ct-series.ct-series-b .ct-bar,.ct-chart .ct-series.ct-series-b .ct-line,.ct-chart .ct-series.ct-series-b .ct-point,.ct-chart .ct-series.ct-series-b .ct-slice-donut{stroke:#29bbe3} .ct-chart .ct-series.ct-series-c .ct-bar,.ct-chart .ct-series.ct-series-c .ct-line,.ct-chart .ct-series.ct-series-c .ct-point,.ct-chart .ct-series.ct-series-c .ct-slice-donut{stroke:#f5b225} .ct-chart .ct-series.ct-series-d .ct-bar,.ct-chart .ct-series.ct-series-d .ct-line,.ct-chart .ct-series.ct-series-d .ct-point,.ct-chart .ct-series.ct-series-d .ct-slice-donut{stroke:#343a40} .ct-chart .ct-series.ct-series-e .ct-bar,.ct-chart .ct-series.ct-series-e .ct-line,.ct-chart .ct-series.ct-series-e .ct-point,.ct-chart .ct-series.ct-series-e .ct-slice-donut{stroke:#58db83} .ct-chart .ct-series.ct-series-f .ct-bar,.ct-chart .ct-series.ct-series-f .ct-line,.ct-chart .ct-series.ct-series-f .ct-point,.ct-chart .ct-series.ct-series-f .ct-slice-donut{stroke:#ec536c} .ct-chart .ct-series.ct-series-g .ct-bar,.ct-chart .ct-series.ct-series-g .ct-line,.ct-chart .ct-series.ct-series-g .ct-point,.ct-chart .ct-series.ct-series-g .ct-slice-donut{stroke:#f8f9fa} .ct-series-a .ct-area,.ct-series-a .ct-slice-pie{fill:#ff6e40} .ct-series-b .ct-area,.ct-series-b .ct-slice-pie{fill:#f5b225} .ct-series-c .ct-area,.ct-series-c .ct-slice-pie{fill:#343a40} .ct-series-d .ct-area,.ct-series-d .ct-slice-pie{fill:#58db83} .ct-area{fill-opacity:.33} .chartist-tooltip{position:absolute;display:inline-block;opacity:0;min-width:10px;padding:2px 10px;border-radius:3px;background:#343a40;color:#dee2e6;text-align:center;pointer-events:none;z-index:1;-webkit-transition:opacity .2s linear;transition:opacity .2s linear} .chartist-tooltip.tooltip-show{opacity:1} .ct-line{stroke-width:3px} .ct-point{stroke-width:7px} .c3-tooltip{-webkit-box-shadow:0 2px 30px rgba(0,0,0,.08);box-shadow:0 2px 30px rgba(0,0,0,.08);opacity:1} .c3-tooltip td{border-left:none} .c3-tooltip td>span{background:#343a40} .c3-tooltip tr{border:none!important} .c3-tooltip th{background-color:#343a40;color:#f8f9fa} .c3-chart-arcs-title{font-size:18px;font-weight:600} .c3 text{fill:#adb5bd} .c3 line,.c3 path{stroke:#ced4da} .c3-legend-item{font-size:14px} .c3 line,.c3 path{stroke:#ced4da} .c3-chart-arc.c3-target g path{stroke:#fff} .jqstooltip{-webkit-box-sizing:content-box;box-sizing:content-box;width:auto!important;height:auto!important;background-color:#343a40!important;-webkit-box-shadow:0 2px 30px rgba(0,0,0,.08);box-shadow:0 2px 30px rgba(0,0,0,.08);padding:5px 10px!important;border-radius:3px;border-color:#212529!important} .jqsfield{color:#e9ecef!important;font-size:12px!important;line-height:18px!important;font-family:Poppins,sans-serif!important;font-weight:500!important} .gmaps,.gmaps-panaroma{height:300px!important;background:#f8f9fa;border-radius:3px} .gmaps-overlay{display:block;text-align:center;color:#fff;font-size:16px;line-height:40px;background:#ff6e40;border-radius:4px;padding:10px 20px} .gmaps-overlay_arrow{left:50%;margin-left:-16px;width:0;height:0;position:absolute} .gmaps-overlay_arrow.above{bottom:-15px;border-left:16px solid transparent;border-right:16px solid transparent;border-top:16px solid #ff6e40} .gmaps-overlay_arrow.below{top:-15px;border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:16px solid #ff6e40} .jvectormap-label{border:none;background:#343a40;color:#f8f9fa;font-family:Poppins,sans-serif;font-size:.8125rem;padding:5px 8px} .home-btn{position:absolute;top:15px;right:25px} .auth-logo .auth-logo-dark{display:block;margin:0 auto} .auth-logo .auth-logo-light{display:none;margin:0 auto} .ex-page-content h1{font-size:98px;font-weight:500;line-height:150px;text-shadow:rgba(61,61,61,.3) 1px 1px,rgba(61,61,61,.2) 2px 2px,rgba(61,61,61,.3) 3px 3px} /** layout */ @media (min-width:768px){ .aside{width:240px;} .aside-200{width:200px;} .aside-260{width:260px;} .aside-300{width:300px;} .aside-360{width:360px;} .aside,.aside-200,.aside-260,.aside-300,.aside-360{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;} .main{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;min-width:0;} } .btns{width:100%;padding:.875rem 1rem;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:.5rem;} .btns .btn{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;min-width:0;padding-left:.5rem;padding-right: .5rem;} /** aside */ .aside .btn-add{font-size:1rem;} .aside-tit{color:#222;margin:1.25rem 1rem .5rem;} .empty-tip{height:100%;color:#aaa;} .tab-menu,.tab-menu>a,.tab-nav,.tab-nav a,.main-menu,.main-menu>a,.main-type .title,.main-type .item,.main-type ul,.main-type .empty,.empty-tip{display:-webkit-box;display:-ms-flexbox;display:box;display:-webkit-flex;display:flex;} .tab-nav,.main-menu,.main-type ul,.main-type .empty{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;} .tab-menu>a,.tab-nav a,.main-menu>a,.main-type .title,.main-type .item,.main-type .empty,.empty-tip{-webkit-box-align:center;-webkit-align-items:center;align-items:center;} .tab-menu>a,.tab-nav a,.main-menu>a{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;} .main-type .title,.main-type .item{-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;} .tab-nav,.main-menu,.main-type{background-color:#fff;margin-bottom:24px;border-radius:.5rem;-webkit-box-shadow:0 -3px 31px 0 rgba(0,0,0,.05),0 6px 20px 0 rgba(0,0,0,.02);box-shadow:0 -3px 31px 0 rgba(0,0,0,.05),0 6px 20px 0 rgba(0,0,0,.02);padding:1.5rem 1rem;} /** tab-box */ .tab-menu{width:100%;height:4rem;padding:0 2rem;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-webkit-align-items:stretch;align-items:stretch;gap:2.5rem;} .tab-menu a{height:4rem;line-height:4rem;font-size:1rem;position:relative;} .tab-menu a.active{font-weight:600;color:#111;} .tab-menu a.active:before{content:'';display:block;background:#ff6a00;border-radius:6px;bottom:0;height:3px;position:absolute;left:0;right:0;z-index:1;} .tab-filter{padding:1rem 2rem;position: relative;} .tab-filter:before{content:'';display:block;height:1px;background:#ededf0;position: absolute;top:0;left:2rem;right:2rem;} /** main-menu */ .tab-nav,.main-menu{gap:.5rem;} .tab-nav a,.main-menu a{border-radius:.5rem;padding:.75rem 1rem;line-height:1;color:#444;} .tab-nav a>i,.main-menu>a>i{font-size:1rem;margin-right:1rem;} .tab-nav a>.text,.main-menu>a>.text{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;white-space: nowrap;text-align: left;} .main-menu>a>.badge{background-color:#efefef;color:#767676;padding:.25em .5em;font-size:.75em;border-radius:.5rem;} .tab-nav a.active,.main-menu>a.active{background:rgba(255,110,64,.15);color:#ff6e40;} .main-menu>a.active>.badge{background-color:#ff6e40;color:#fff;} .main-menu .add-bar{border-bottom:1px solid #e6e6e6;padding-bottom:1rem;margin-bottom:.625rem;} .main-menu .add-bar .btn{background:#f0f0f0;color:#333;} .main-menu .add-bar .btn:hover,.main-menu .add-bar .btn.active{background:#ff6a00;color:#fff;} /** main-type */ .main-type .title{border-bottom:1px solid #e6e6e6;padding-bottom:.75rem;margin-bottom:.75rem;} .main-type .title a{padding:3px;} .main-type ul,.main-type li{width:100%;list-style:none;padding:0;margin:0;} .main-type>ul{gap:1px;} .main-type .expand{max-width:1.625rem;-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;} .main-type .expand.collapsed{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);} .main-type .item{padding:9px 10px;margin: 0 -5px;} .main-type .item:hover{background:rgba(243, 243, 245, .98);border-radius:.25rem;} .main-type li li .item{padding-left:30px;} .main-type li a{color:#333;} .main-type li a:hover{color:#ff6a00;} .main-type li.active a{color:#ff6a00;font-weight:600;} .main-type li.empty{padding-top:.75rem;} /** side-nav */ .side-nav{padding:0 1rem;margin-bottom:1rem;} .side-nav a{border-radius:.5rem;padding:.325rem .5rem;margin:0 -.5rem;} .side-nav a:hover{background-color:#f9f9f9;} .side-nav a>i{margin-right:.5rem;font-size:1rem;} .side-nav a .badge{border-radius:.5rem;background-color:#eee;color:#666;} .main-nav{padding:0 1rem;} .main-nav a{color:#343a40;line-height:24px;padding:5px} .main-nav a .bd{margin-right:15px;} .main-nav a .badge{background-color:#eee;color:#666;} .main-nav a.active{color:#ff6a00;font-weight:500} .main-nav a.active .bd{font-weight:600;} .main-nav a.active .badge{background-color:#ff6a00;color:#fff;} .sub-nav{padding:0 1rem;} .sub-nav a{color:#343a40;line-height:24px;padding:5px} .sub-nav a.bd{margin-right:15px;} .sub-nav a.active{color:#ec536c;font-weight:500} .sub-nav a.active .bd{font-weight:600;} .chat-user-box p.user-title{color:#343a40;font-weight:500} .chat-user-box p{font-size:13px} /** custom-type */ .custom-type .offcanvas-body{padding-top:0;} .custom-type ul,.custom-type li{list-style:none;padding:0;margin:0;} .custom-type .expand{width:1.625rem;padding:.375rem;line-height:1;-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;} .custom-type .expand.collapsed{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);} .custom-type .typename{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:2rem;} .custom-type .listorder{width:45px;margin:0 10px;text-align:center;} .custom-type .operate{width:80px;} .custom-type .operate a{padding:.25rem;line-height:1;font-weight:600;} .custom-type .operate .item-add{color:#ff6a00;} .custom-type .operate .item-edit{color:#29bbe3;} .custom-type .operate .item-del{color:#ec536c;} .custom-type_wrap{border:1px solid #e3e7eb;} .custom-type .hd{background:#fafafa;padding:0 5px;height:2.625rem;} .custom-type .hd>*{display:block;text-align:center;color:#222;} .custom-type .hd>.typename{text-align:left;margin-left:7px;} .custom-type .bd{max-height:100%;overflow-x:hidden;overflow-y:auto} .custom-type_list li{width:100%;border-top:1px solid #e7e7e7;} .custom-type_list li>div{width:100%;padding:5px;} .custom-type_list li>div:hover{background:rgba(243, 243, 245, .98);} .custom-type_list ul>li>div{padding-left:3.25rem} /** message */ .message-list{display:block;padding:0;margin:0;} .message-list li{position:relative;height:50px;cursor:default;-webkit-transition-duration:.3s;transition-duration:.3s;padding:10px 30px 10px 22px;} .message-list li:hover{background:#f8f9fa;-webkit-transition-duration:.05s;transition-duration:.05s} .message-list .hd{width:220px} .message-list .hd>*{margin:0 15px 0 0;} .message-list .hd .dot{border:4px solid transparent;border-radius:100px;margin:0 26px;height:0;width:0;line-height:0;font-size:0;} .message-list .hd .form-check-input{margin:0 10px 0 0;} .message-list .hd [class^="type-"]:before{font-family:"iconfont"!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} .message-list .hd .type-0:before{content:'\e655';color:#29bbe3;} .message-list .hd .type-1:before{content:'\e606';color:#ff6e40;} .message-list .hd .type-2:before{content:'\e654';color:#f5b225;} .message-list .hd .type-3:before{content:'\e743';color:#58db83;} .message-list .hd .type-4:before{content:'\e7b1';color:#ec536c;} .message-list .uname,.message-list .subject,.message-list .date{white-space:nowrap;line-height:30px;color:#6c757d;} .message-list .bd{text-overflow:ellipsis;overflow:hidden;} .message-list .ft{width:150px;} .message-list li.active,.message-list li.active:hover{-webkit-box-shadow:inset 3px 0 0 #ff6e40;box-shadow:inset 3px 0 0 #ff6e40} .message-list li.unread{background-color:#f8f9fa;font-weight:500;color:#292d32} .message-list li.unread .uname,.message-list li.unread .subject,.message-list li.unread .date{color:#292d32;font-weight:500} @media (max-width:575.98px){ .message-list .hd{width:160px} } .message-list li.first{border-top:1px solid #e8e8e8;background:#f5f5f5;} .message-show .card-header,.message-show .card-footer{background:none;padding:1.5rem;} .message-show .card-header .btn{padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem;} .message-show .card-body{padding:1.5rem;position:relative;} .message-show .card-body:before,.message-show .card-body:after{content:"";display:block;height:1px;background-color:rgba(0,0,0,.08);position:absolute;left:1.5rem;right:1.5rem;} .message-show .card-body:before{top:0;} .message-show .card-body:after{bottom:0;} /** activity */ .activity-list{display:block;padding:0;margin:0;} .activity-list li{position:relative;height:50px;cursor:default;-webkit-transition-duration:.3s;transition-duration:.3s;padding:10px 30px 10px 22px;} .activity-list li:hover{background:#f8f9fa;-webkit-transition-duration:.05s;transition-duration:.05s} .activity-list .hd{min-width:100px} .activity-list .hd>*{margin:0 10px 0 0;} .activity-list .subject{white-space:nowrap;line-height:30px;color:#555;font-weight:500;} .activity-list .bd{text-overflow:ellipsis;overflow:hidden;} .activity-list .ft{width:150px;color:#999;} .activity-show .card-header,.activity-show .card-footer{background:none;padding:1.5rem;} .activity-show .card-header .btn{ padding: .25rem .5rem; font-size: .875rem; border-radius: .2rem; } .activity-show .card-body{padding:1.5rem;position: relative;} .activity-show .card-body:before,.activity-show .card-body:after{content:"";display:block;height:1px;background-color:rgba(0, 0, 0, .08);position: absolute;left:1.5rem;right:1.5rem;} .activity-show .card-body:before{top:0;} .activity-show .card-body:after{bottom:0;} .cd-container{width:90%;max-width:1170px;margin:0 auto} .cd-container::after{content:'';display:table;clear:both} @media only screen and (max-width:1170px){ #cd-timeline{margin-bottom:2em;margin-top:2em;padding:2em 0;position:relative} #cd-timeline::before{border-left:3px solid #e9ecef;content:"";height:100%;left:18px;position:absolute;top:0;width:3px} .cd-timeline-img{top:10px!important} } @media only screen and (min-width:1170px){ #cd-timeline{margin-bottom:3em;margin-top:3em} #cd-timeline::before{left:50%;margin-left:-2px} } .cd-timeline-block{margin:2em 0;position:relative} .cd-timeline-block:after{clear:both;content:"\f00c";display:table} .cd-timeline-block:first-child{margin-top:0} .cd-timeline-block:last-child{margin-bottom:0} @media only screen and (min-width:1170px){ .cd-timeline-block{margin:4em 0} .cd-timeline-block:first-child{margin-top:0} .cd-timeline-block:last-child{margin-bottom:0} .timeline-right::before{content:"\F012C";position:absolute;width:300px;height:3px;background:#e9ecef;left:50%;top:150px;-webkit-transform:translateX(-50%) rotate(35deg);transform:translateX(-50%) rotate(35deg)} .timeline-left::before{content:'';position:absolute;width:300px;height:3px;background:#e9ecef;left:50%;top:150px;-webkit-transform:translateX(-50%) rotate(-35deg);transform:translateX(-50%) rotate(-35deg)} } .cd-timeline-img{position:absolute;top:20px;left:0;width:40px;height:40px;border-radius:50%;text-align:center;line-height:30px;font-size:20px;color:#fff;background-color:#ff6e40;border:5px solid #e9ecef} .cd-timeline-img i{margin-left:1px} @media only screen and (min-width:1170px){ .cd-timeline-img{width:40px;height:40px;line-height:32px;left:50%;margin-left:-20px;top:130px;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden} } .cd-timeline-content{border-radius:5px;background:#f8f9fa;margin-left:60px;padding:1em;position:relative} .cd-timeline-content:after{clear:both;content:'';display:table} .cd-timeline-content h2{margin-top:0} .cd-timeline-content .cd-read-more{background:#ff6e40;border-radius:.25em;color:#fff;display:inline-block;float:right;font-size:14px;padding:.8em 1em} .cd-timeline-content .cd-date{display:inline-block;font-size:14px} .cd-timeline-content h3{font-size:16px;margin:0 0 15px 0} .cd-timeline-content .cd-date{float:left;padding:.8em 0;opacity:.7} .cd-timeline-content::before{content:"";position:absolute;top:16px;right:100%;height:0;width:0;border:12px solid transparent;border-right:12px solid #f8f9fa} @media only screen and (min-width:1170px){ .cd-timeline-content{margin-left:0;padding:1.6em;width:36%} .cd-timeline-content::before{top:24px;left:100%;border-color:transparent;border-left-color:#f8f9fa} .cd-timeline-content .cd-read-more{float:left} .cd-timeline-content .cd-date{position:absolute;width:100%;left:108%;top:16px} .cd-timeline-block:nth-child(even) .cd-timeline-content{float:right} .cd-timeline-block:nth-child(even) .cd-timeline-content::before{top:24px;left:auto;right:100%;border-color:transparent;border-right-color:#f8f9fa} .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more{float:right} .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date{left:auto;right:106%;text-align:right} } .form-card .card-header{background:none;padding:1.25rem 1.25rem 0;} .form-card .card-header .card-title{font-size:18px;} /** table-card */ .table-card .w50{width:50px;} .table-card .w90{width:90px;} .table-card .w120{width:120px;} .table-card .w150{width:150px;} .table-card .w200{width:200px;} .table-card .w300{width:300px;} .table-card .item-act{width:30px;height:30px;overflow:hidden;border-radius:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;padding:0;margin:0 .25rem;background-color:#fff;border:1px solid #dcdee4;text-align:center;} .table-card .card-header{padding:1.25rem;background:none;} .table-card .card-header .card-title{font-size:18px;} .table-card .card-body{padding:0;} .table-card .table{margin:0;} .table-card .table thead th{font-size:12px;text-align:center;} .table-card .table tr td{text-align:center;} .table-card .table thead th:first-child,.table-card .table tr td:first-child{padding-left:1.75rem;text-align-last: left;} .table-card .sorting{display:inline-block;cursor:pointer;position:relative;padding-right:18px;line-height:1.125rem;} .table-card .sorting:before,.table-card .sorting:after{position:absolute;display:block;opacity:.125;right:0;line-height:8px;font-size:.5rem;} .table-card .sorting:before{bottom:50%;content:"▲";} .table-card .sorting:after{top:50%;content:"▼";} .table-card .sorting.asc:before,.table-card .sorting.desc:after{opacity:.6;} .table-card .table-hover>tbody>tr:hover>*{ box-shadow: none; transition: all .3s ease; background-color: #f2f3f8; } /** directory-card */ .directory-card{overflow:hidden} .directory-card .directory-bg{background-image:url();background-size:cover;background-position:center center} .directory-card .directory-overlay{background-color:rgba(122,111,190,.7);padding:20px} .directory-card img{position:relative;top:60px} .card-white, .card-white .card-header{background-color:#fff;} .card-white .card-header{padding-top:20px;} .card-white .card-body{padding-top:5px;} /** account */ .account-index .card-header{padding-top:1rem;font-weight:600;} .account-index .hd{min-width:15%;} .account-index .card-body{padding-top:.5rem;padding-bottom:.5rem;} .account-index .card-body .cell{padding:1rem 0;} .account-index .card-body .cell+.cell{border-top:1px solid #e8e8e8;} .account-index .card-body .hd{color:#767676;} .account-group .card-header{background:none;padding:1.5rem 1.5rem .5rem;} .account-group .fee-bar{color:#767676;} .account-group .fee-bar small{font-size:1rem;} .account-group .fee-bar strong{font-size:calc(1.34375rem + 1.125vw);color:#333;} .account-group .info{color:#767676;font-size:.875rem;padding-top:.1rem;} .account-group .info a{color:#767676;} .account-group .card-body{padding:.5rem 1.5rem;} .account-group .card-body>.cell{padding:.5rem 0;} .account-group .card-body>.cell>i{font-size:1.25rem;margin-right:.5rem;line-height:1;} .account-group .card-body>.cell>span{font-size:.9375rem;} .account-group .card-footer{background:none;padding:.5rem 1.5rem 1.5rem;} .account-grade_g{} .account-grade_g a{display: inline-block;line-height:1;padding:.625rem 1rem;border-radius:.25rem;margin:0 1rem 1rem 0;} .account-grade_g a.active{background:#ff6e40;color:#fff;} .account-grade_p a{padding:.75rem 0;border-top:1px solid #e8e8e8;} .account-grade_p .hd{min-width:12%;} /** avatar-cropbox */ .avatar-cropbox .card-body{padding:2rem;} .avatar-cropbox .imageBox{position:relative;height:400px;width:400px;border:1px solid #aaa;background:#fff;overflow:hidden;background-repeat:no-repeat;cursor:move;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem 20px 1.25rem;} .avatar-cropbox .thumbBox{position:absolute;top:50%;left:50%;width:200px;height:200px;margin-top:-100px;margin-left:-100px;box-sizing:border-box;border:1px solid rgb(102,102,102);box-shadow:0 0 0 1000px rgba(0,0,0,0.5);background:none repeat scroll 0% 0% transparent;} .avatar-cropbox .spinner{position:absolute;top:0;left:0;bottom:0;right:0;text-align:center;line-height:400px;background:rgba(0,0,0,0.7);} .avatar-cropbox .avatarBox{margin-left:2rem;border-left:1px solid #eee;padding-left:2rem;} .avatar-cropbox .action{width:100%;padding:0 2rem 1.25rem;position:relative;} .avatar-cropbox #avatarInput{position:absolute;left:0;top:0;font-size:0;opacity:0;filter:alpha(opacity=0);cursor:pointer;} /** chat */ .chat-side .card-header{background:none;padding:1.25rem 1.25rem 0;} .chat-side .card-title{font-size:20px;color:#333;} .chat-side .card-header .input-group .btn{border:1px solid #ced4da;} .chat-side .nav-tabs{border-bottom:2px solid #ff6e4059;margin-bottom:15px;} .chat-side .nav-link{border:0;} .chat-side .nav-link.active{border-bottom:2px solid #ff6e40;color:#ff6e40;font-weight:600;} .chat-side .tabContent>ul{padding:0;margin:0 -1.25rem;} .chat-user li{padding:.725rem 1rem;list-style:none;transition:all .2s ease;} .chat-user li:hover{cursor:pointer;background-color:rgba(51,120,255,.2);} .chat-user li>.hd{margin-right:12px;line-height:0;} .chat-user li>.hd .avatar{width:58px;height:58px;border-radius:50%;overflow:hidden;border:2px solid;border-color:rgba(51,120,255,.2);position:relative;} .chat-user li .avatar>img{width:100%;height:100%;border-radius:50%;} .chat-user li>.bd{line-height:1.5rem;} .chat-user li .name{font-size:18px;display:flex;flex-grow:1;text-transform:capitalize;} .chat-user li .date{font-size:13px;text-align:right;white-space:nowrap} .chat-user li .dropdown{transform:translateX(20px);transition:all .2s ease-in;visibility:hidden;} .chat-user li:hover .dropdown{transform:translateX(10px);transition:all .2s ease-in-out;visibility:visible;} .chat-user .dropdown .btn{box-shadow:none;padding:0 10px;font-size:18px;line-height:1.5rem;} .chat-main{overflow:hidden;min-height:calc(100vh - 18rem);max-height:calc(100vh - 18rem);position:relative;} .chat-profile{position:absolute;padding:.625rem;align-self:flex-end;min-width:40%;background:#f9fbfe;border:1px solid #f1f1f1;z-index:10;height:100%;transform:translateX(100%);opacity:0;transition:.5s;} .chat-profile.active{opacity:1;transition:.5s;transform:translateX(0);} .chat-profile .close-btn{font-size:1rem;} .chat-profile .hd{padding:0 .625rem;text-align:center;} .chat-profile .hd .avatar{margin:20px auto;border-radius:50%;overflow:hidden;border:2px solid;border-color:rgba(51,120,255,.2);height:70px;width:70px;min-width:70px;} .chat-profile .hd .avatar img{width:100%;height:100%;} .chat-profile .hd .name{font-weight:600;font-size:1.563rem;margin-bottom:10px;} .chat-profile .hd .company{} .chat-profile .bd{padding:4px .625rem;overflow-y:auto;overflow-x:hidden;} .chat-profile .bd .row{padding:15px 0;position:relative;} .chat-profile .bd .row+.row:before{content:"";height:1px;background:rgba(0,0,0,.1);position:absolute;left:.875rem;right:1rem;top:0;} .chat-profile .bd .row>label{margin-bottom:0;} .chat-profile .bd .row>span{text-align:right;} .chat-main .card-header{background:none;} .chat-main .card-header .btn{font-size:20px;line-height:1.3;border-radius:.5rem;} .chat-main .card-header .avatar{height:50px;width:50px;min-width:50px;border-radius:50%;overflow:hidden;border:2px solid rgba(51,120,255,.2);margin-right:12px;} .chat-main .card-header .avatar img{width:100%;height:100%;} .chat-main .card-header .name{font-weight:600;margin:0;color:#213446;font-size:1rem;} .chat-main .card-body{min-height:calc(100vh - 18rem);max-height:calc(100vh - 18rem);overflow-y:scroll;overflow-x:hidden;background-color:rgba(51,120,255,.1);} .chat-msg,.chat-msg>span{display:-webkit-box;display:-ms-flexbox;display:box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center} .chat-msg{padding:1.25rem;position:absolute;top:0;right:0;left:0;} .chat-msg>span{background-color:#f0f2ff;border-color:#f0f2ff;color:#7888fc;position:relative;padding:.625rem 1rem;border:1px solid transparent;border-radius:.25rem;box-shadow:0 0.5rem 2.5rem 0 rgba(0,0,0,0.2);} .chat-msg>.success{color:#35834f;background-color:#def8e6;border-color:#cdf4da;} .chat-msg>.info{color:#197088;background-color:#d4f1f9;border-color:#bfebf7;} .chat-msg>.warning{color:#936b16;background-color:#fdf0d3;border-color:#fce8be;} .chat-msg>.danger{color:#8e3241;background-color:#fbdde2;border-color:#f9cbd3;} .chat-area{width:100%;background-color: rgba(51, 120, 255, .1);-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow-x:hidden;overflow-y:auto;padding:1.5rem 0.75rem 1.5rem 0.75rem;scrollbar-color:#8f9fbc #f1f1f1;scrollbar-width:thin;} .chat-opening-words{background:#fafafa;border-radius:0.5rem;border:0.0625rem solid #ebeef5;font-size:0.8125rem;color:#303133;margin:1.25rem 0.75rem 0 0.75rem;padding:0.75rem;width:fit-content;line-height:1.25rem;text-align:left;max-width:calc(100% - 1.25rem);} .chat-history{padding:1rem;text-align:center;} .chat-history .text{display:inline-block;padding:0.3125rem 0.75rem;font-size:0.75rem;line-height:1.125rem;color:#606266;border-radius:0.25rem;background:#f5f7fa;} .chat-item,.chat-item .hd,.chat-item .bd,.chat-item .file,.chat-item .product,.chat-item .operate,.chat-item .ft{display:-webkit-box;display:-ms-flexbox;display:box;display:-webkit-flex;display:flex;} .chat-item .hd,.chat-item .bd,.chat-item .ft,.chat-item .file,.chat-item .product,.chat-item .operate{-webkit-box-align:center;-webkit-align-items:center;align-items:center;} .chat-item{-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start;width:100%;padding:.5rem 0;} .chat-item>.avatar{background-color:#4e6ef2;height:2.25rem;width:2.25rem;overflow:hidden;border-radius:9999px;} .chat-item>.avatar img{height:100%;width:100%;object-fit:cover;} .chat-item>.message,.chat-item .bd .file-info{-webkit-box-flex:1;-webkit-flex:1;flex:1;} .chat-item .hd{width:100%;margin-bottom:0.25rem;font-size:0.75rem;line-height:1rem;color:#a4a0aa;} .chat-item .bd [data-view]{cursor:pointer;} .chat-item .bd .cont,.chat-item .bd .image{text-align:left;word-break:break-all;border-radius:0.25rem;background:rgba(100,147,252,0.16);line-height:1.25rem;padding:0.625rem 0.75rem;} .chat-item .bd .image img{display:inline-block;max-width:12.5rem;max-height:12.5rem;} .chat-item .bd .cont img{display:inline-block;max-width:2rem;max-height:2rem;margin:0 .125rem;} .chat-item .bd .cont .original{margin-top:.75rem;padding-top:.625rem;border-top:1px dashed;#eee;color:#ab9d96;} .chat-item .bd .file{width:18.625rem;height:3.875rem;background:#fff;padding:0.75rem;border:0.0625rem solid #ebeef5;} .chat-item .file-type{width:2.5rem;height:2.5rem;margin-right:.5rem;} .chat-item .file-type>i{width:2.5rem;height:2.5rem;display:inline-block;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iODAiIGhlaWdodD0iODAiPjxwYXRoIGQ9Ik0xODIuODU3IDBoNjU4LjI4NlExMDI0IDAgMTAyNCAxODIuODU3djY1OC4yODZRMTAyNCAxMDI0IDg0MS4xNDMgMTAyNEgxODIuODU3UTAgMTAyNCAwIDg0MS4xNDNWMTgyLjg1N1EwIDAgMTgyLjg1NyAweiIgZmlsbD0iI0ZGRjVFNiIgZGF0YS1zcG0tYW5jaG9yLWlkPSJhMzEzeC5zZWFyY2hfaW5kZXguMC5pNC4yYzAzM2E4MWtFdGNuWiIvPjxwYXRoIGQ9Ik00MjUuOTEgMjU2YzIwLjI2MSAwIDQwLjUyMiA5Ljk4NCA1MC42NTIgMjguMjdsMzAuMzU1IDUxLjUyOWMxLjcxOCAzLjI5MSA1LjA4MyAzLjI5MSA2Ljc2NSAzLjI5MUg3ODIuMDhjMzIuMDczIDAgNTkuMDYzIDI2LjYyNCA1OS4wNjMgNTguMjIydjM0OS4wNzRjMCAzMS41OTgtMjYuOTkgNTguMTg1LTU5LjA2MyA1OC4xODVIMjQxLjkyYy0zMi4wNzMgMC01OS4wNjMtMjYuNTg3LTU5LjA2My01OC4xNDhWMzE0LjE0OWMwLTMxLjUyNSAyNi45OS01OC4xNDkgNTkuMDYzLTU4LjE0OWgxODMuOTl6bTY5LjE5NCAxOTkuNDk3SDMwNy43NDljLTEzLjQ5NSAxLjY0Ni0yMy42MjYgMTEuNjMtMjMuNjI2IDI0LjkwNSAwIDEzLjMxMiAxMS44MTMgMjQuOTQyIDI1LjM0NCAyNC45NDJoMTg3LjM1NmMxMy40OTUtMS42NDYgMjMuNjI1LTExLjYzIDIzLjYyNS0yNC45NDJhMjUuNzgzIDI1Ljc4MyAwIDAgMC0yNS4zNDQtMjQuOTA1eiIgZmlsbD0iI0ZGQUUzMyIgZGF0YS1zcG0tYW5jaG9yLWlkPSJhMzEzeC5zZWFyY2hfaW5kZXguMC5pNy4yYzAzM2E4MWtFdGNuWiIvPjwvc3ZnPg==);} .chat-item .file-type>.icon-rar{background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iODAiIGhlaWdodD0iODAiPjxwYXRoIGQ9Ik05My4xMSAwaDgzNy43OEM5ODIuMzA4IDAgMTAyNCA0MS42OTEgMTAyNCA5My4xMXY4MzcuODUyYzAgNTEuMzQ3LTQxLjY5MSA5My4wMzgtOTMuMTEgOTMuMDM4SDkzLjExQzQxLjY5MiAxMDI0IDAgOTgyLjMwOSAwIDkzMC44OVY5My4xMUMwIDQxLjY5MiA0MS42OTEgMCA5My4xMSAweiIgZmlsbD0iI0U0RjVGOSIgZGF0YS1zcG0tYW5jaG9yLWlkPSJhMzEzeC5zZWFyY2hfaW5kZXguMC5pMzQuMmMwMzNhODFrRXRjbloiLz48cGF0aCBkPSJNNDMwLjUxOSAyMjEuMTF2OTMuMDM5aDkzLjE4NHY4MS41NTRoOTMuMTF2LTkzLjE4NEg1MjMuNjNWMjIxLjExaDI2Ny43MDN2NTkzLjQwOEgyMzIuNjY3VjIyMS4xMWgxOTcuNzc5em05My4xMSAzNzIuMjk4aC05My4xMXY5My4xMWg5My4xODR2LTkzLjAzN3ptOTMuMTEyLTEwNC42NjdINTIzLjYzdjkzLjExaDkzLjExdi05My4xMXpNNTIzLjYzIDM5NS42M2gtOTMuMTExdjkzLjExaDkzLjE4NHYtOTMuMTF6IiBmaWxsPSIjMjFCN0Y5IiBkYXRhLXNwbS1hbmNob3ItaWQ9ImEzMTN4LnNlYXJjaF9pbmRleC4wLmkzNS4yYzAzM2E4MWtFdGNuWiIvPjwvc3ZnPg==);} .chat-item .file-type>.icon-mp3{background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwNDkgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iODAiIGhlaWdodD0iODAiPjxwYXRoIGQ9Ik0xMTUuMiAwaDgxOS4ycTEwMi40IDAgMTAyLjQgMTAyLjR2ODE5LjJxMCAxMDIuNC0xMDIuNCAxMDIuNEgxMTUuMnEtMTAyLjQgMC0xMDIuNC0xMDIuNFYxMDIuNFExMi44IDAgMTE1LjIgMHoiIGZpbGw9IiNFQ0UyRjciIGRhdGEtc3BtLWFuY2hvci1pZD0iYTMxM3guc2VhcmNoX2luZGV4LjAuaTY1LjJjMDMzYTgxa0V0Y25aIi8+PHBhdGggZD0iTTcyOS41NzQgMzA3LjJ2MzY2LjkyNWMwIDMyLjk5OC0zOC4xOTUgNTkuNjk5LTg1LjI5OSA1OS42OTktNDcuMTA0IDAtODUuMzI1LTI2LjctODUuMzI1LTU5LjcgMC0zMy4wMjMgMzguMjIxLTU5LjcyNCA4NS4zMjUtNTkuNzI0IDE1LjQ4OCAwIDMwLjA4IDIuOTE4IDQyLjcwMSA4LjAxM1YzNDcuODc4bC0yNDcuNTUyIDM4LjExOVY3MDguM2MwIDMzLjAyNC0zOC4xOTUgNTkuNzI1LTg1LjMgNTkuNzI1LTQ3LjEwMyAwLTg1LjI5OC0yNi44MDQtODUuMjk4LTU5LjcgMC0zMi45MjEgMzguMTk1LTU5LjcyNCA4NS4yOTktNTkuNzI0IDE1LjUxMyAwIDMwLjEwNSAyLjkxOCA0Mi43MjYgOC4wMTJ2LTM0OS40NGwzMzIuNzIzLTUxLjJ2NTEuMnoiIGZpbGw9IiM4NzZERjIiIGRhdGEtc3BtLWFuY2hvci1pZD0iYTMxM3guc2VhcmNoX2luZGV4LjAuaTY3LjJjMDMzYTgxa0V0Y25aIi8+PC9zdmc+);} .chat-item .file-type>.icon-mp4{background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iODAiIGhlaWdodD0iODAiPjxwYXRoIGQ9Ik05My4wOSAwaDgzNy44MlExMDI0IDAgMTAyNCA5My4wOXY4MzcuODJxMCA5My4wOS05My4wOSA5My4wOUg5My4wOVEwIDEwMjQgMCA5MzAuOTFWOTMuMDlRMCAwIDkzLjA5IDB6IiBmaWxsPSIjRjdFMkUyIiBkYXRhLXNwbS1hbmNob3ItaWQ9ImEzMTN4LmNvbGxlY3Rpb25zX2RldGFpbC4wLmkxOS41NjMwM2E4MXpYN0duRSIvPjxwYXRoIGQ9Ik03MjcuNzczIDU1My44MjFMMzc4LjggNzYyLjkxNWMtMjMuMzA4IDE0LjEyNi01Mi45OC0yLjgyOC01Mi45OC0zMC4zNzF2LTQxOC4yMWMwLTI2Ljg0NiAyOS42NzItNDMuOCA1Mi45OC0zMC4zNzJsMzQ4Ljk3NCAyMDkuMDk0YzIyLjYxIDE0LjEyNyAyMi42MSA0Ny4zMjUgMCA2MC43NDJ6IiBmaWxsPSIjRjQ5MjkyIiBkYXRhLXNwbS1hbmNob3ItaWQ9ImEzMTN4LmNvbGxlY3Rpb25zX2RldGFpbC4wLmkyMS41NjMwM2E4MXpYN0duRSIvPjwvc3ZnPg==);} .chat-item .file-type>.icon-pdf{background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iODAiIGhlaWdodD0iODAiPjxwYXRoIGQ9Ik0xMDI0IDkzOC42NjZjMCA0Ny4xNDctMzguMTg3IDg1LjMzNC04NS4zMzQgODUuMzM0SDg1LjMzNEMzOC4xODcgMTAyNCAwIDk4NS44MTMgMCA5MzguNjY2Vjg1LjMzNEMwIDM4LjE4NyAzOC4xODcgMCA4NS4zMzQgMGg4NTMuMzMyQzk4NS44MTMgMCAxMDI0IDM4LjE4NyAxMDI0IDg1LjMzNHY4NTMuMzMyeiIgZmlsbD0iI0ZGRTVFQSIgZGF0YS1zcG0tYW5jaG9yLWlkPSJhMzEzeC5zZWFyY2hfaW5kZXguMC5pMTI4LjJjMDMzYTgxa0V0Y25aIi8+PHBhdGggZD0iTTczMi44MTEgNjYxLjc3OGMtNDUuOTg4LTMuNDA1LTkwLjI3NC0yMC40MzktMTI2LjA0Mi01MS4wOTctNjkuODMzIDE1LjMzLTEzNi4yNiAzNy40NzItMjAyLjY4OCA2NC43MjUtNTIuOCA5My42OC0xMDIuMTk2IDE0MS4zNy0xNDQuNzc4IDE0MS4zNy04LjUxNSAwLTE4LjczNS0xLjcwMy0yNS41NDgtNi44MTItMTguNzM1LTguNTItMjguOTU1LTI3LjI1My0yOC45NTUtNDUuOTg4IDAtMTUuMzMgMy40MDYtNTcuOTEyIDE2NS4yMTYtMTI3Ljc0NiAzNy40NzMtNjguMTMgNjYuNDI3LTEzNy45NjQgOTAuMjcyLTIxMS4yMDQtMjAuNDM5LTQwLjg3OS02NC43MjMtMTQxLjM3LTM0LjA2NC0xOTIuNDY3IDEwLjIyLTE4LjczOCAzMC42NTgtMjguOTU3IDUyLjgwMS0yNy4yNTMgMTcuMDMzIDAgMzQuMDY1IDguNTE1IDQ0LjI4NCAyMi4xNDMgMjIuMTQzIDMwLjY1OCAyMC40NCA5NS4zODEtOC41MTYgMTkwLjc2NSAyNy4yNTMgNTEuMDk3IDYzLjAyMiA5Ny4wODUgMTA1LjYwMSAxMzYuMjYgMzUuNzctNi44MTIgNzEuNTM3LTExLjkyMiAxMDcuMzA4LTExLjkyMiA4MC4wNTIgMS43MDIgOTEuOTc1IDM5LjE3NCA5MC4yNzEgNjEuMzE3IDAgNTcuOTEtNTYuMjA3IDU3LjkxLTg1LjE2MiA1Ny45MXpNMjU1Ljg5OCA3NjcuMzgybDUuMTEtMS43MDRjMjMuODQ0LTguNTE2IDQyLjU4MS0yNS41NSA1Ni4yMDctNDcuNjktMjUuNTUgMTAuMjItNDUuOTg4IDI3LjI1LTYxLjMxNyA0OS4zOTR6TTQ4Mi40MyAyNTYuNDAzaC01LjExYy0xLjcwMiAwLTUuMTEgMC02LjgxMSAxLjcwNC02LjgxNCAyOC45NTUtMS43MDQgNTkuNjE0IDEwLjIyIDg2Ljg2NiAxMC4yMTktMjguOTU2IDEwLjIxOS01OS42MTUgMS43MDEtODguNTd6bTExLjkyMyAyNDYuOTczbC0xLjcwNCAzLjQwNi0xLjcwMS0xLjcwMmMtMTUuMzMgMzkuMTc0LTMyLjM2MyA3OC4zNS01MS4wOTggMTE1LjgybDMuNDA2LTEuNzAydjMuNDA2YzM3LjQ3Mi0xMy42MjUgNzguMzUtMjUuNTQ5IDExNS44Mi0zNC4wNjRsLTEuNzAyLTEuNzA0aDUuMTFjLTI1LjU0OS0yNS41NDktNDkuMzk1LTU0LjUwMy02OC4xMy04My40NnptMjMxLjY0NCA5MC4yNzRjLTE1LjMzIDAtMjguOTU1IDAtNDQuMjg0IDMuNDA1IDE3LjAzIDguNTE2IDM0LjA2NCAxMS45MjQgNTEuMDk3IDEzLjYyNiAxMS45MjIgMS43MDQgMjMuODQ1IDAgMzQuMDY1LTMuNDA2IDAtNS4xMS02LjgxNC0xMy42MjUtNDAuODc4LTEzLjYyNXoiIGZpbGw9IiNGRjJBNUQiIGRhdGEtc3BtLWFuY2hvci1pZD0iYTMxM3guc2VhcmNoX2luZGV4LjAuaTEyOS4yYzAzM2E4MWtFdGNuWiIvPjwvc3ZnPg==);} .chat-item .file-type>.icon-ppt{background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iODAiIGhlaWdodD0iODAiPjxwYXRoIGQ9Ik0xMTMuNzc4IDBoNzk2LjQ0NFExMDI0IDAgMTAyNCAxMTMuNzc4djc5Ni40NDRRMTAyNCAxMDI0IDkxMC4yMjIgMTAyNEgxMTMuNzc4UTAgMTAyNCAwIDkxMC4yMjJWMTEzLjc3OFEwIDAgMTEzLjc3OCAweiIgZmlsbD0iI0ZDRUZFMyIgZGF0YS1zcG0tYW5jaG9yLWlkPSJhMzEzeC5zZWFyY2hfaW5kZXguMC5pMTQzLjJjMDMzYTgxa0V0Y25aIi8+PHBhdGggZD0iTTM0MS4zMzMgMjcwLjM2NGgyMjUuNzIxYTIyNi4yMzMgMjI2LjIzMyAwIDAgMSA4OS4wNzQgMTQuOTc2IDEzOS41NjMgMTM5LjU2MyAwIDAgMSA1MS4xODYgMzcuMjIgMTI0LjU1OCAxMjQuNTU4IDAgMCAxIDI1LjYgNDguMzU2IDE5NS41OTcgMTk1LjU5NyAwIDAgMSA2LjY0MiA0OC4zMjcgMTkxLjk3MiAxOTEuOTcyIDAgMCAxLTYuNjU2IDQ4LjM1NSAxMjQuNTU4IDEyNC41NTggMCAwIDEtMjUuNiA0OC4zMjcgMTM2LjY0NyAxMzYuNjQ3IDAgMCAxLTUxLjE3MiAzNi43NSAyMzAuMDczIDIzMC4wNzMgMCAwIDEtODkuMDc0IDE0LjUwN2gtMTM2LjE1djE4Ni41OTZoLTg5LjU3VjI3MC4zNjR6bTg5LjU3MiAyMjguNjUxaDEzMS4wNDNjMTAuMzY4IDAgMjAuNjk0LTEuMjggMzAuNzA2LTMuODY4YTg5Ljg4NCA4OS44ODQgMCAwIDAgMjkuMTctMTMuMDU2IDY4Ljc5MyA2OC43OTMgMCAwIDAgMjEuNTA0LTI0LjE3OGM1Ljg3NC0xMS45NDcgOC42NzYtMjUuMDMxIDguMTkyLTM4LjE4N2E5NC42NjMgOTQuNjYzIDAgMCAwLTcuMTY4LTM5LjE1NCA2My43NTggNjMuNzU4IDAgMCAwLTE5LjQ1Ni0yNC42NiA3MC40MTQgNzAuNDE0IDAgMCAwLTI4LjE2LTEyLjU2IDE2Mi4yNDcgMTYyLjI0NyAwIDAgMC0zMy43NjQtMy4zODRINDMwLjkwNXYxNTkuMDQ3eiIgZmlsbD0iI0Y0OUQ0NyIgZGF0YS1zcG0tYW5jaG9yLWlkPSJhMzEzeC5zZWFyY2hfaW5kZXguMC5pMTQ1LjJjMDMzYTgxa0V0Y25aIi8+PC9zdmc+);} .chat-item .file-type>.icon-word{background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iODAiIGhlaWdodD0iODAiPjxwYXRoIGQ9Ik01MS4yIDBoOTIxLjZhNTEuMiA1MS4yIDAgMCAxIDUxLjIgNTEuMnY5MjEuNmE1MS4yIDUxLjIgMCAwIDEtNTEuMiA1MS4ySDUxLjJBNTEuMiA1MS4yIDAgMCAxIDAgOTcyLjhWNTEuMkE1MS4yIDUxLjIgMCAwIDEgNTEuMiAweiIgZmlsbD0iI0UzRjFGRSIgZGF0YS1zcG0tYW5jaG9yLWlkPSJhMzEzeC5zZWFyY2hfaW5kZXguMC5pMTUwLjJjMDMzYTgxa0V0Y25aIi8+PHBhdGggZD0iTTc1OC40IDM0MS40MDJoLTgxLjY2NGwtNjIuNTE1IDI1Mi44NzYtNzMuMjE2LTI1Mi44NzZoLTU4LjU3M2wtNzMuMjE2IDI1Mi44NzYtNjEuOTUyLTI1Mi44NzZIMjY1LjZMMzcyLjYwOCA3NDIuNGg2NS4zMzFsNzMuNzgtMjQzLjMwMkw1ODUuNDk3IDc0Mi40aDY1LjMzeiIgZmlsbD0iIzQ3OTJGRiIgZGF0YS1zcG0tYW5jaG9yLWlkPSJhMzEzeC5zZWFyY2hfaW5kZXguMC5pMTUyLjJjMDMzYTgxa0V0Y25aIi8+PC9zdmc+);} .chat-item .file-type>.icon-excel{background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iODAiIGhlaWdodD0iODAiPjxwYXRoIGQ9Ik0xMTMuNzkyIDBoNzk2LjQxNkM5NzIuOCAwIDEwMjQgNTEuMiAxMDI0IDExMy43OTJ2Nzk2LjQxNkMxMDI0IDk3Mi44IDk3Mi44IDEwMjQgOTEwLjIwOCAxMDI0SDExMy43OTJDNTEuMiAxMDI0IDAgOTcyLjggMCA5MTAuMjA4VjExMy43OTJDMCA1MS4yIDUxLjIgMCAxMTMuNzkyIDB6IiBmaWxsPSIjREVGM0VDIiBkYXRhLXNwbS1hbmNob3ItaWQ9ImEzMTN4LnNlYXJjaF9pbmRleC4wLmkxNTkuMmMwMzNhODFrRXRjbloiLz48cGF0aCBkPSJNMzA3LjIgMzE4LjU5MmgxMTMuNzkyTDUxMiA0NTUuMDRsOTEuMDA4LTEzNi41MTJINzE2LjhsLTE1My42IDIxMC41Nkw3MzMuODg4IDc2OEg2MjAuMDk2TDUxMiA2MDMuMDA4IDQwMy45MDQgNzY4SDI5MC4xMTJMNDYwLjggNTI5LjA4OHoiIGZpbGw9IiM1QkM0OUYiIGRhdGEtc3BtLWFuY2hvci1pZD0iYTMxM3guc2VhcmNoX2luZGV4LjAuaTE2MS4yYzAzM2E4MWtFdGNuWiIvPjwvc3ZnPg==);} .chat-item .file-type>.icon-txt{background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iODAiIGhlaWdodD0iODAiPjxwYXRoIGQ9Ik0xMTMuNzc4IDBoNzk2LjQ0NFExMDI0IDAgMTAyNCAxMTMuNzc4djc5Ni40NDRRMTAyNCAxMDI0IDkxMC4yMjIgMTAyNEgxMTMuNzc4UTAgMTAyNCAwIDkxMC4yMjJWMTEzLjc3OFEwIDAgMTEzLjc3OCAweiIgZmlsbD0iI0VGRUZFRiIgZGF0YS1zcG0tYW5jaG9yLWlkPSJhMzEzeC5zZWFyY2hfaW5kZXguMC5pMTc1LjJjMDMzYTgxa0V0Y25aIi8+PHBhdGggZD0iTTU1NC42NjcgMzk4LjIyMlY3NjhoLTg1LjMzNFYzOTguMjIySDI5OC42NjdWMzEyLjg5aDQyNi42NjZ2ODUuMzMzSDU1NC42Njd6IiBmaWxsPSIjQTNBM0EzIiBkYXRhLXNwbS1hbmNob3ItaWQ9ImEzMTN4LnNlYXJjaF9pbmRleC4wLmkxNzYuMmMwMzNhODFrRXRjbloiLz48L3N2Zz4=);} .chat-item .file-type>.icon-img{background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iODAiIGhlaWdodD0iODAiPjxwYXRoIGQ9Ik0xOTAuMTcxIDMuODkxSDgzMy44M2M5Ni41NDggMCAxNzUuNTQyIDc4Ljk5NCAxNzUuNTQyIDE3NS41NDN2NjQzLjY1N2MwIDk2LjU0OS03OC45OTQgMTc1LjU0My0xNzUuNTQyIDE3NS41NDNIMTkwLjE3Yy05Ni41NDggMC0xNzUuNTQyLTc4Ljk5NC0xNzUuNTQyLTE3NS41NDNWMTc5LjQzNGMwLTk2LjU0OSA3OC45OTQtMTc1LjU0MyAxNzUuNTQyLTE3NS41NDMiIGZpbGw9IiNERUYzRUMiIGRhdGEtc3BtLWFuY2hvci1pZD0iYTMxM3guc2VhcmNoX2luZGV4LjAuaTE5Ni4yYzAzM2E4MWtFdGNuWiIvPjxwYXRoIGQ9Ik03MDEuNTg2IDIzNy45NDhIMzIyLjQxNGE3My43MjggNzMuNzI4IDAgMCAwLTczLjcyOCA3My43MjhWNjkwLjg1YTczLjcyOCA3My43MjggMCAwIDAgNzMuNzI4IDczLjcyOGgzNzkuMTcyYTczLjcyOCA3My43MjggMCAwIDAgNzMuNzI4LTczLjcyOFYzMTEuNjc2YTczLjcyOCA3My43MjggMCAwIDAtNzMuNzI4LTczLjcyOHpNMzY5LjQzIDM1OC43MjJhNTIuMzEyIDUyLjMxMiAwIDAgMSAzNy4yNDQtMTUuNDQ4YzE0LjU0MSAwIDI3LjcwNyA1LjkxIDM3LjI0NSAxNS40NDggOS41MDggOS41MzggMTUuNDE4IDIyLjcwMyAxNS40MTggMzcuMjE1IDAgMTQuNTQtNS45MSAyNy43MDYtMTUuNDE4IDM3LjI0NGE1Mi42NjMgNTIuNjYzIDAgMSAxLTc0LjQ2LTc0LjQ2em0zMjguNTI4IDM1My4xOTJIMzQyLjQ4NGEyMS4wNjUgMjEuMDY1IDAgMCAxLTE3LjExNS0zMy4zNTNsOTAuMjU4LTEyNS4zNjdhMjEuMDY1IDIxLjA2NSAwIDAgMSAyOS4xMS00Ljk3NGw5Mi4zNjYgNjQuMTMyYTIxLjA2NSAyMS4wNjUgMCAwIDAgMjkuMDgxLTUuMDAzbDg0LjQ2Ni0xMTcuMjkyYTIxLjA2NSAyMS4wNjUgMCAwIDEgMzcuOTE3IDguOTUzbDMwLjE5MyAxODguNTMzYTIxLjA2NSAyMS4wNjUgMCAwIDEtMjAuODAyIDI0LjM3MXoiIGZpbGw9IiM1QkM0OUYiIGRhdGEtc3BtLWFuY2hvci1pZD0iYTMxM3guc2VhcmNoX2luZGV4LjAuaTE5Ny4yYzAzM2E4MWtFdGNuWiIvPjwvc3ZnPg==);} .chat-item .file-type>.icon-mp4{background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iODAiIGhlaWdodD0iODAiPjxwYXRoIGQ9Ik05MjEuNiAwQzk4OS44ODIgMCAxMDI0IDM0LjExOCAxMDI0IDEwMi40djgxOS4yYzAgNjguMjgyLTM0LjExOCAxMDIuNC0xMDIuNCAxMDIuNEgxMDIuNEMzNC4xMTggMTAyNCAwIDk4OS44ODIgMCA5MjEuNlYxMDIuNEMwIDM0LjExOCAzNC4xMTggMCAxMDIuNCAwaDgxOS4yek02MjguMzY0IDMwMi41NDVIMjU2YTQ2LjU0NSA0Ni41NDUgMCAwIDAtNDYuMjIgNDEuMWwtLjMyNSA1LjQ0NnYzMjUuODE4YTQ2LjU0NSA0Ni41NDUgMCAwIDAgNDEuMSA0Ni4yMmw1LjQ0NS4zMjZoMzcyLjM2NGE0Ni41NDUgNDYuNTQ1IDAgMCAwIDQ2LjIyLTQxLjFsLjMyNS01LjQ0NlYzNDkuMDkxYTQ2LjU0NSA0Ni41NDUgMCAwIDAtNDEuMS00Ni4yMmwtNS40NDUtLjMyNnptMTc5LjM4NiA4Ni4yOTZhMjMuMjczIDIzLjI3MyAwIDAgMC0yOS42OTYtMi43bC0zLjI1OCAyLjctMzkuNzA0IDM5LjcwM2E0Ni41NDUgNDYuNTQ1IDAgMCAwLTEzLjIxOSAyNi44MWwtLjQxOCA2LjA5OHYxMDEuMDk2YTQ2LjU0NSA0Ni41NDUgMCAwIDAgOS41ODggMjguM2w0LjA1IDQuNjA4IDM5LjcwMyAzOS43MDNhMjMuMjczIDIzLjI3MyAwIDAgMCAzOS4zNzctMTIuMjQxbC4zNzItNC4xOVY0MDUuMjcyYTIzLjI3MyAyMy4yNzMgMCAwIDAtNi43OTUtMTYuNDN6bS00ODEuOTMyLTE2LjQ3N2E0Ni41NDUgNDYuNTQ1IDAgMSAxIDAgOTMuMDkgNDYuNTQ1IDQ2LjU0NSAwIDAgMSAwLTkzLjA5eiIgZmlsbD0iI0ZERDNENSIgZGF0YS1zcG0tYW5jaG9yLWlkPSJhMzEzeC5zZWFyY2hfaW5kZXguMC5pMjM2LjJjMDMzYTgxa0V0Y25aIi8+PHBhdGggZD0iTTYyOC4zNjQgMzAyLjU0NWE0Ni41NDUgNDYuNTQ1IDAgMCAxIDQ2LjU0NSA0Ni41NDZ2MzI1LjgxOGE0Ni41NDUgNDYuNTQ1IDAgMCAxLTQ2LjU0NSA0Ni41NDZIMjU2YTQ2LjU0NSA0Ni41NDUgMCAwIDEtNDYuNTQ1LTQ2LjU0NlYzNDkuMDkxQTQ2LjU0NSA0Ni41NDUgMCAwIDEgMjU2IDMwMi41NDVoMzcyLjM2NHptMTc5LjM4NiA4Ni4yOTZhMjMuMjczIDIzLjI3MyAwIDAgMSA2Ljc5NSAxNi40M1Y2MTguNzNhMjMuMjczIDIzLjI3MyAwIDAgMS0zOS43NSAxNi40M2wtMzkuNzAzLTM5LjcwM2E0Ni41NDUgNDYuNTQ1IDAgMCAxLTEzLjYzNy0zMi45MDhWNDYxLjQ1MmE0Ni41NDUgNDYuNTQ1IDAgMCAxIDEzLjYzNy0zMi45MDhsMzkuNzA0LTM5LjcwM2EyMy4yNzMgMjMuMjczIDAgMCAxIDMyLjk1NCAwem0tNDgxLjkzMi0xNi40NzdhNDYuNTQ1IDQ2LjU0NSAwIDEgMCAwIDkzLjA5IDQ2LjU0NSA0Ni41NDUgMCAwIDAgMC05My4wOXoiIGZpbGw9IiNGNTIyMkQiIGRhdGEtc3BtLWFuY2hvci1pZD0iYTMxM3guc2VhcmNoX2luZGV4LjAuaTIzOC4yYzAzM2E4MWtFdGNuWiIvPjwvc3ZnPg==);} .chat-item .file-info{text-align:left;font-weight:400;color:#909399;line-height:1.345;} .chat-item .file-info .tit{font-size:0.875rem;color:#303133;margin-bottom:.125rem;} .chat-item .file-info .size{margin-right:1rem;} .chat-item .product{width:20rem;height:auto;background:#fff;padding:0.75rem;border:0.0625rem solid #ebeef5;} .chat-item .product .thumb{margin-right:.75rem;} .chat-item .product .thumb img{max-width:5rem;max-height:5rem;} .chat-item .product .info{color:#aaa;} .chat-item .product .info .title{margin-bottom:.25rem;} .chat-item .product .info .price{color:#f30;} .chat-item .product .info .unit{color:#666;} .chat-item .bd .operate{width:25%;height:2.5rem;padding:0 .3125rem;} .chat-item .icon-loader{width:1.125rem;height:1.125rem;margin:0 0.3125rem;display:inline-block;border-radius:50%;animation:Spin 1s linear infinite;background:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTg0My4zMDcgNzQyLjI0YzAgMy4yMTcgMi42MDcgNS44MjQgNS44MjQgNS44MjRzNS44MjQtMi42MDcgNS44MjQtNS44MjRhNS44MjMgNS44MjMgMCAwIDAtNS44MjQtNS44MjQgNS44MjMgNS44MjMgMCAwIDAtNS44MjQgNS44MjR6TTcxNC43MzEgODc0LjkxMmMwIDYuMzk4IDUuMTg2IDExLjU4NCAxMS41ODQgMTEuNTg0czExLjU4NC01LjE4NiAxMS41ODQtMTEuNTg0LTUuMTg2LTExLjU4NC0xMS41ODQtMTEuNTg0LTExLjU4NCA1LjE4Ni0xMS41ODQgMTEuNTg0ek01NDEuNDE5IDk0My4yYzAgOS42MTQgNy43OTQgMTcuNDA4IDE3LjQwOCAxNy40MDhzMTcuNDA4LTcuNzk0IDE3LjQwOC0xNy40MDgtNy43OTQtMTcuNDA4LTE3LjQwOC0xNy40MDgtMTcuNDA4IDcuNzk0LTE3LjQwOCAxNy40MDh6bS0xODYuNTYtOS4xNTJjMCAxMi43OTUgMTAuMzczIDIzLjE2OCAyMy4xNjggMjMuMTY4czIzLjE2OC0xMC4zNzMgMjMuMTY4LTIzLjE2OC0xMC4zNzMtMjMuMTY4LTIzLjE2OC0yMy4xNjgtMjMuMTY4IDEwLjM3My0yMy4xNjggMjMuMTY4ek0xODkuMzU1IDg0OS4xMmMwIDE2LjAxMiAxMi45OCAyOC45OTIgMjguOTkyIDI4Ljk5MnMyOC45OTItMTIuOTggMjguOTkyLTI4Ljk5Mi0xMi45OC0yOC45OTItMjguOTkyLTI4Ljk5Mi0yOC45OTIgMTIuOTgtMjguOTkyIDI4Ljk5MnpNNzQuNzMxIDcwNC43MzZjMCAxOS4yMjggMTUuNTg4IDM0LjgxNiAzNC44MTYgMzQuODE2czM0LjgxNi0xNS41ODggMzQuODE2LTM0LjgxNi0xNS41ODgtMzQuODE2LTM0LjgxNi0zNC44MTYtMzQuODE2IDE1LjU4OC0zNC44MTYgMzQuODE2em0tNDMuMDA4LTE3Ny4yOGMwIDIyLjQxIDE4LjE2NiA0MC41NzYgNDAuNTc2IDQwLjU3NnM0MC41NzYtMTguMTY2IDQwLjU3Ni00MC41NzYtMTguMTY2LTQwLjU3Ni00MC41NzYtNDAuNTc2LTQwLjU3NiAxOC4xNjYtNDAuNTc2IDQwLjU3NnptMzUuMzkyLTE3Ni4xMjhjMCAyNS42MjYgMjAuNzc0IDQ2LjQgNDYuNCA0Ni40czQ2LjQtMjAuNzc0IDQ2LjQtNDYuNGMwLTI1LjYyNi0yMC43NzQtNDYuNC00Ni40LTQ2LjQtMjUuNjI2IDAtNDYuNCAyMC43NzQtNDYuNCA0Ni40em0xMDYuMTc2LTE0Mi4wMTZjMCAyOC44NDMgMjMuMzgxIDUyLjIyNCA1Mi4yMjQgNTIuMjI0czUyLjIyNC0yMy4zODEgNTIuMjI0LTUyLjIyNGMwLTI4Ljg0My0yMy4zODEtNTIuMjI0LTUyLjIyNC01Mi4yMjQtMjguODQzIDAtNTIuMjI0IDIzLjM4MS01Mi4yMjQgNTIuMjI0em0xNTUuOTA0LTgxLjM0NGMwIDMyLjAyNCAyNS45NiA1Ny45ODQgNTcuOTg0IDU3Ljk4NHM1Ny45ODQtMjUuOTYgNTcuOTg0LTU3Ljk4NC0yNS45Ni01Ny45ODQtNTcuOTg0LTU3Ljk4NC01Ny45ODQgMjUuOTYtNTcuOTg0IDU3Ljk4NHptMTc1LjEwNC01LjA1NmMwIDM1LjI0IDI4LjU2OCA2My44MDggNjMuODA4IDYzLjgwOHM2My44MDgtMjguNTY4IDYzLjgwOC02My44MDhjMC0zNS4yNC0yOC41NjgtNjMuODA4LTYzLjgwOC02My44MDgtMzUuMjQgMC02My44MDggMjguNTY4LTYzLjgwOCA2My44MDh6bTE2MC4zMiA3Mi4xMjhjMCAzOC40MjEgMzEuMTQ3IDY5LjU2OCA2OS41NjggNjkuNTY4czY5LjU2OC0zMS4xNDcgNjkuNTY4LTY5LjU2OC0zMS4xNDctNjkuNTY4LTY5LjU2OC02OS41NjgtNjkuNTY4IDMxLjE0Ny02OS41NjggNjkuNTY4em0xMTMuOTIgMTM1LjQ4OGMwIDQxLjYzOCAzMy43NTQgNzUuMzkyIDc1LjM5MiA3NS4zOTJzNzUuMzkyLTMzLjc1NCA3NS4zOTItNzUuMzkyLTMzLjc1NC03NS4zOTItNzUuMzkyLTc1LjM5Mi03NS4zOTIgMzMuNzU0LTc1LjM5MiA3NS4zOTJ6bTQ1LjMxMiAxNzUuNDg4YzAgNDQuODU0IDM2LjM2MiA4MS4yMTYgODEuMjE2IDgxLjIxNnM4MS4yMTYtMzYuMzYyIDgxLjIxNi04MS4yMTZjMC00NC44NTQtMzYuMzYyLTgxLjIxNi04MS4yMTYtODEuMjE2LTQ0Ljg1NCAwLTgxLjIxNiAzNi4zNjItODEuMjE2IDgxLjIxNnoiIGZpbGw9IiM4YThhOGEiLz48L3N2Zz4=) no-repeat 50%/100%;} .chat-item .icon-error{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHKADAAQAAAABAAAAHAAAAABkvfSiAAACmElEQVRIDb1WsW4UMRCd8V5OV4NIlIgIQgcFJRIoHYi7KkVOCJR/gYZvAYHCpYCCOxAVgUiho0mHIoiIAh0SBXfcDvN88a53b70xOYQly+OZN/PWXtszTBHtqNO9Ok5ljYRXmWiZmM5bN6EDIfpCLNuJ4ecL/d7Hk8Kpf7h9bXe7nMpDDXo5jMotGmxPDN9fGvR6ubYoVRIedu5dpHT4WISuF+FxM2baIdPcWOw/2S97TBF+69xZHafploicK4P/Zs7M3xNj1uf7m9u+X4EQZL/T9A2JNH3QqWXmYcOYmz5pRjjZxtHurCsrfxxWSmbumttekwHsP4vYRuZ3rVZyAZ1UzvwDgl2AxnZmS4jTGHtADJkHZ15sfkaH7ALVjYgNDmAsIY5+nYNvYxn/cnNfdrrQ6DgMLnXsPUOwcWIWXFBfdrrQCA5wGfuChFAVev3SjNCXK6BTKnAZPFdTlloFZ4REvlzrNDEql9F7sRwBzSGSr1Dvq0eeQ0ISuEz2EIdQJb1wTuLLJVj1VB/9/B5WQyq0/jb6cgW0QqX/kA4q9EEVU75CXw46+Ablath8RnTF19fLvHLU7t4CJhVaIf3i2AauBpKn+rSjnUTMWOh1LL6AUy6DTF1QRkz0Qf6JHgEtQMBlUBbocd0rWGommlx3m0lrCR1yDbRgAge47ClFWVCw1k2YBmdfPvqBrldqUAf1bY5DiSft8Pb6+5iMwcSfZI7uwotH9FRILh2HCA4oORZfbd0AoJGhtAbh9OQEbAlG9AF+MefzOAFvOJ7s4iMjJ8xdTapDZ5x51Fioa1y2R7yMEJP5wbO3qEHsV0ExQ0OMcj2DcAVCKGzBozUI9h3z0zTrqzH84snFyQ6NU/jjfyuEfVLI/7LU/wNyxf7qFEFhcAAAAABJRU5ErkJggg==) no-repeat 50%;background-size:100%;width:0.875rem;height:0.875rem;margin:0 0.3125rem;} .chat-item .chat-original,.chat-item .chat-withdraw,.chat-item .chat-repeat{display:none;background:rgba(100,147,252,.16);padding:0.3125rem;line-height:0;text-align:center;border-radius:50%;} .chat-item .chat-original:before,.chat-item .chat-withdraw:before,.chat-item .chat-repeat:before{content:'';width:1.375rem;height:1.375rem;display:inline-block;background:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTE2NS4zMDMgNDA1LjM1OGg2Mi43NTZjMS43NTYgMCAzLjQzOC43MzEgNC42ODIgMS45NzVhNy4xNjggNy4xNjggMCAwIDEgMCA5LjhMMTI0LjM0MyA1MzAuMjg3YTkuNjU1IDkuNjU1IDAgMCAxLTE0LjA0NCAwTDEuOTc1IDQxNy4xMzRhNy4wOTUgNy4wOTUgMCAwIDEtMS45NzUtNC45YzAtMy44MDQgMi45MjYtNi44NzYgNi41ODMtNi44NzZINzYuOGE0NDguMTQ2IDQ0OC4xNDYgMCAwIDEgODcwLjQgMGgtODguNTAzYTM2Mi43ODkgMzYyLjc4OSAwIDAgMC02OTMuMzk0IDB6bTY5My4zOTQgMjEzLjI4NGgtNjIuNzU2YTYuODAyIDYuODAyIDAgMCAxLTYuNTgzLTYuODc1YzAtMS45MDIuNzMxLTMuNjU3IDEuOTAxLTQuOWwxMDguMzk4LTExMy4xNTNhOS42NTUgOS42NTUgMCAwIDEgMTQuMDQ0IDBsMTA4LjMyNCAxMTMuMTUyYTcuMTY4IDcuMTY4IDAgMCAxIDAgOS44MDEgNi41MSA2LjUxIDAgMCAxLTQuNjgxIDEuOTc1SDk0Ny4yYTQ0OC4xNDYgNDQ4LjE0NiAwIDAgMS04NzAuNCAwaDg4LjUwM2EzNjIuNzg5IDM2Mi43ODkgMCAwIDAgNjkzLjM5NCAwek00NjkuNzk3IDMyMGg4NS41NzdMNzA0IDcwNGgtODQuN2wtNDcuNTQyLTEwNS45ODRINDQ5LjY4Mkw0MDUuOTQyIDcwNEgzMjBsMTQ5Ljc5Ny0zODR6bTEuOTc0IDE5Mmg3OS45NDZsLTM5LjA1OS0xMDcuNTJMNDcxLjc3MSA1MTJ6IiBmaWxsPSIjNGU2ZWYyIi8+PC9zdmc+) no-repeat 50%/100%;} .chat-item .chat-withdraw:before{background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTQ4OS4yMTYgMTgyLjAxNkM4MjAuMjI0IDIzOS4xMDQgMTE4NC4zMiA1MzkuOTY4IDUzNy43OTIgMTAyNGMyMzcuNjk2LTIzNy43NiA0NDkuOTItNjE2LjUxMi01MC40MzItNTk2LjI4OGwtMS4yOCAxNzIuOC0zMTUuMzkyLTI3Ni45MjhMNDkwLjU2IDBsLTEuMzQ0IDE4Mi4wMTZ6IiBmaWxsPSIjNGU2ZWYyIi8+PC9zdmc+);} .chat-item:hover .chat-original,.chat-item:hover .chat-withdraw,.chat-item:hover .chat-repeat{display:inline-block;} .chat-item .ft{width:100%;font-size:0.75rem;line-height:1rem;color:#C0C4CC;margin-top:0.25rem;} .chat-item.guest,.chat-item.guest .hd,.chat-item.guest .bd,.chat-item.guest .ft,.chat-item.guest .operate{-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;} .chat-item.guest>.avatar{margin-right:.75rem;} .chat-item.guest .cont,.chat-item.guest .image,.chat-item.guest .file{border-radius:0 0.5rem 0.5rem 0.5rem;} .chat-item.self,.chat-item.self .hd,.chat-item.self .bd,.chat-item.self .ft,.chat-item.self .operate{-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;} .chat-item.self>.avatar{margin-left:.75rem;} .chat-item.self .cont,.chat-item.self .image,.chat-item.self .file{border-radius:0.5rem 0 0.5rem 0.5rem;} .chat-feedback{width:100%;height:0;position:relative;} .chat-progress{width:100%;height:2px;border-radius:1rem;background:rgba(0,0,0,.08);position:absolute;left:0;right:0;bottom:0;display:none;} .chat-progress>span{display:block;width:0;height:2px;border-radius:1rem;background:#4e6ef2;} .chat-news{position:absolute;right:0;bottom:20px;display:none;} .chat-news a{background:#fff;box-shadow:0 0.125rem 0.5625rem 0 rgba(0,0,0,0.12);border-radius:1.5625rem 0 0 1.5625rem;font-size:0.75rem;line-height:0.75rem;padding:.5rem .5rem .5rem .75rem;color:#4e6ef2;} .chat-news a:after{content:'';display:block;background:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik00OTMuNTA0IDU1OC4xNDRhMzEuOTA0IDMxLjkwNCAwIDAgMCA0NS4yOCAwbDMwOC4zNTItMzA4LjM1MmEzMS45NjggMzEuOTY4IDAgMSAwLTQ1LjI0OC00NS4yNDhMNTE2LjE2IDQ5MC4yNzIgMjIxLjk4NCAxOTYuMTI4YTMxLjk2OCAzMS45NjggMCAxIDAtNDUuMjQ4IDQ1LjI0OGwzMTYuNzY4IDMxNi43Njh6IiBmaWxsPSIjNGU2ZWYyIi8+PHBhdGggZD0iTTgwMS44ODggNDYwLjU3Nkw1MTYuMTYgNzQ2LjMwNCAyMjIuMDE2IDQ1Mi4xNmEzMS45NjggMzEuOTY4IDAgMSAwLTQ1LjI0OCA0NS4yNDhsMzE2Ljc2OCAzMTYuNzY4YTMxLjkwNCAzMS45MDQgMCAwIDAgNDUuMjggMGwzMDguMzUyLTMwOC4zNTJhMzIgMzIgMCAxIDAtNDUuMjgtNDUuMjQ4eiIgZmlsbD0iIzRlNmVmMiIvPjwvc3ZnPg==) no-repeat center center;background-size:100%;width:0.75rem;height:0.75rem;margin-left:.25rem;} .chat-editor{width:100%;padding:.725rem 1rem;} .chat-editor-bar{display:-webkit-box;display:-ms-flexbox;display:box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:100%;height:46px;position:relative;background:#fff;border-radius:0.25rem;border:1px solid #f0f0f0;} .editor-textarea{width:100%;overflow-y:auto;box-sizing:border-box;padding:0.375rem 0.75rem;border:none;outline:none;font-size:0.875rem;font-weight:400;color:#303133;line-height:1.375rem;word-break:break-all;outline:0;scrollbar-color:#8f9fbc #f1f1f1;scrollbar-width:thin;} .editor-textarea img{max-height:22px;margin:0 5px 0 0;display:inline-block;vertical-align:middle;} .chat-tool .btn:focus{-webkit-box-shadow:none;box-shadow:none;} .chat-tool .dropdown{margin:0 8px 0 0;} .chat-tool .dropdown .btn{font-size:1.5rem;cursor:pointer;color:#767676;padding:3px;line-height:1;} .chat-tool .dropdown:hover .btn{color:#4e6ef2;} .chat-upload{opacity:0;font-size:0;line-height:0;position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;cursor:pointer;} .chat-tool .dropdown-face{width:23.75rem;} .chat-face{width:100%;height:10.75rem;overflow:hidden;position:relative;} .chat-face ul{overflow-x:hidden;overflow-y:auto;max-height:100%;} .chat-face ul li{overflow:hidden;width:2.125rem;height:2.125rem;padding:.375rem;font-size:0;line-height:0;background-color:transparent;cursor:pointer;} .chat-face ul li:hover{border-radius:0.1875rem;background:rgba(0,0,0,0.05);} .chat-face ul li img{max-width:100%;max-height:100%;} .chat-face .face-show{background-color:#fff;padding:.5rem;position:absolute;top:0;z-index:1;} .chat-face .face-show.left{left:0;} .chat-face .face-show.right{right:4px;} .chat-face .face-show img{max-width:3rem;max-height:3rem;} .chat-send-btn{width:80px;display:none;} .chat-editor.active .chat-editor-bar{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-top:.25rem;padding-bottom:.5rem;height:118px;border-color:#3378ff;} .chat-editor.active .editor-textarea{width:100%;-webkit-box-flex:1;-webkit-flex:1;flex:1;} .chat-editor.active .chat-tool{width:100%;} .chat-editor.active .chat-send-btn{display:block;margin-right:1rem;} @-webkit-keyframes Spin{ 0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);} } @keyframes Spin{ 0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);} } /** alert */ .alert-list .card-header{position:relative;padding-top:1.25rem;} .alert-list .card-header:before{content:'';display:block;width:3px;height:auto;position: absolute;left:0;top:1rem;bottom:1rem;border-radius:6px;} .alert-list .mod5 .card-header:before{background:#ff6e40;} .alert-list .mod12 .card-header:before{background:var(--bs-green)} .alert-list .mod15 .card-header:before{background:var(--bs-blue)} .alert-list .mod16 .card-header:before{background:var(--bs-red)} .alert-list .mod21 .card-header:before{background:var(--bs-cyan)} .alert-list .card-body{padding-top:8px;padding-bottom:8px;} .alert-list .word{color:#333;} .alert-list .date{color:#767676;} .alert-list .dropdown{position:absolute;top:1rem;right:1rem;} .alert-list .dropdown-toggle{display:block;line-height:1;padding:5px;border-radius:50%;font-size:1.125rem;} .alert-list .dropdown-toggle:hover,.alert-list .dropdown-toggle.show{background:rgba(255,255,255,.9);} .alert-list .cell{padding:8px 0;} .alert-list .cell+.cell{border-top:1px solid #eee;} .alert-list .cell .hd{color:#999;} .alert-list .cell .bd{text-align:right;} /** article */ .article-thumb .dropzone-thumb{display:-webkit-box;display:-ms-flexbox;display:box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center} .article-thumb .dropzone{width:100%;height:100%;padding:0;} .article-thumb .dropzone .dz-preview{width:100%;height:100%;margin:0;} .article-thumb .dropzone .dz-preview .dz-image{width:100%;height:100%;border-radius:6px;} .article-thumb .dropzone .dz-preview .dz-image img{max-width:100%;max-height:100%;margin:0 auto;} @media (min-width: 768px) { .article-thumb{margin-right:20px;} } .photo-list .item{width:100%;margin-bottom:1.5rem;-webkit-box-shadow:0 -3px 31px 0 rgba(0,0,0,.05),0 6px 20px 0 rgba(0,0,0,.02);box-shadow:0 -3px 31px 0 rgba(0,0,0,.05),0 6px 20px 0 rgba(0,0,0,.02);background-color:#fff;background-clip:border-box;border:0 solid #dee2e6;border-radius:.25rem;position:relative;} .photo-list .thumb{width:100%;padding-top:86%;position:relative;} .photo-list .thumb>a{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;padding:1rem;} .photo-list .thumb img{max-width:100%;max-height:100%;} .photo-list .thumb>a:hover img{opacity:.9;} .photo-list .info{width:100%;padding:1rem;color:#283c50;transition:box-shadow .2s ease-in-out;border-top:1px solid #e5e7eb;background-color:transparent;} .photo-list .text{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0} .photo-list .title a{width:100%;display:block;} .photo-list .tags{width:100%;margin:0 0 4px;} .photo-list .split{color:#ccc;margin:0 5px;} .photo-list .nums{width:100%;} .photo-list .nums i{color:#999;margin-right:5px;} .photo-list .dropdown>a{width:1.3rem;height:1.3rem;overflow:hidden;border-radius:100%;cursor:pointer;font-weight:700;background-color:#fff;border:1px solid #dcdee4;} .photo-list .checkbox{display:none;position:absolute;left:8px;top:7px;z-index:3;} .photo-list .item:hover{background-color:#f5f5f5;} .photo-list .item:hover .checkbox{display:block;} /** * supplier */ .business-list .card-header{background:none;padding-top:1.25rem;padding-bottom:0;} .business-list .avatar-image{width:7.5rem;height:7.5rem;max-width:7.5rem;max-height:7.5rem;margin:0 auto 1rem;border:4px solid #e0e4e9;} .business-list .card-header h5{color:#333;} .business-list .card-header h6{font-weight:400;color:#767676;} .business-list .card-body .box{border:1px dashed #dadfe4;padding:.75rem 1.25rem;border-radius:.25rem;} .business-list .card-body .box>*{display:block;text-align: center;} .business-list .card-body .box .data{color:#333;font-size:1rem;font-weight:600;} .business-list .card-body .box .label{color:#767676;} .business-list .card-body .cell{padding:.5rem 0;} .business-list .card-body .cell .hd{color:#64748b;} .business-list .card-body .cell .hd i{font-size:1.125rem;margin-right:.5rem;float: left;line-height:1;} .business-list .card-body .cell .bd{text-align:right;font-weight:500;color:#333;} .business-list .card-footer{background:none;padding-bottom:1.25rem;padding-top:0;} /** * inquiry */ .inquiry-list .card-header{background:none;padding-top:1.5rem;} .inquiry-list .thumb{width:3rem;height:3rem;margin-right:1rem;} .inquiry-list .view{margin-left:1rem;padding-left:1rem;border-left:1px solid #ced4da;} .inquiry-list .card-body .text-truncate{white-space:initial;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .inquiry-list .card-body .btn{padding:.25rem .625rem;font-size:.8125rem;} .inquiry-list .card-footer{background:none;border-top:1px dashed #dadfe4;padding-top:1rem;padding-bottom:1.25rem;} .quoted-user,.quoted-user a,.quoted-form .thumb{display:-webkit-box;display:-ms-flexbox;display:box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;} .quoted-user{padding-left:10px;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;} .quoted-user a{background-color:#fff;width:1.75rem;height:1.762rem;overflow:hidden;margin-left:-10px;justify-content:center;border-radius:100%;border:2px solid #fff;transition:all .3s ease;} .quoted-user a img{max-width:100%;max-height:100%;} .quoted-user a:hover{transition:all .3s ease;transform:translateY(-4px) scale(1.07);} .inquiry-show{margin:-1rem;background:#f4f4f4;} .inquiry-show .thumb,.inquiry-show .thumb img{width:100%;} .inquiry-show .box{background-color:#fff;padding:1rem;margin-bottom:10px;} .inquiry-show .title{font-size:1rem;font-weight:500;line-height:1.5;color:#111;} .inquiry-show .date{color:#767676;} .inquiry-show .desc{margin-top:12px;color:#333;} .inquiry-show ul{padding:0;margin:0} .inquiry-show li{padding:10px 0;border-top:1px solid #eee;} .inquiry-show li .hd{width:20%;color:#999;margin:0 10px 0 0;} .inquiry-show li .bd{color:#333;} .quoted-form .modal-header,.quoted-form .modal-footer{border:0;padding-left:1.25rem;padding-right:1rem;} .quoted-form .modal-footer{padding-bottom:1.25rem;} .quoted-form .modal-body{padding:0 1.25rem;} .quoted-form .info{background:#f5f5f5;border-radius:.375rem;padding:1rem;margin-bottom:1rem;overflow: hidden;} .quoted-form .hd img{max-width:6rem;max-height:6rem;} .quoted-form .title{font-size:.9375rem;color:#333;} .quoted-form .info ul{padding:0;margin:0;} .quoted-form .info li{width:50%;padding:5px 2px;color:#333;} .quoted-form .info li label{margin:0 1rem 0 0;color:#999;} /** order-list */ .order-list{padding:0 1.375rem;} .order-list .order-head{color:#7a7a7a;font-size:14px;line-height:22px;padding-bottom:12px;padding-top:.5rem;text-align:center;white-space:nowrap;} .order-list .amount{width:15%;min-width:100px;text-align:center;} .order-list .total{width:15%;min-width:130px;} .order-list .bd .total{text-align:right;} .order-list .bd .total>div{padding-right:30%;} .order-list .operate{width:13%;min-width:120px;} .order-list .operate a{display:inline-block;line-height:1.5;padding:.5rem 1rem;border-radius:.375rem;} .order-list .operate a:first-child{background:#ff6a00;color:#fff;} .order-list .operate a:first-child:hover{background:#e16004;} .order-item .hd{background-color:rgba(0,0,0,.08);border-radius:8px;font-size:14px;font-weight:500;height:40px;padding-left:12px;padding-right:12px;} .order-item .hd .date{color:#1f1f1f;flex-shrink:0;line-height:22px;margin-right:12px;white-space:nowrap;} .order-item .hd .oid{color:#1f1f1f;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .order-item .hd .line{background-color:rgba(0,0,0,.08);height:16px;margin:0 12px;width:1px;} .order-item .hd .detail{color:#ff6a00;margin:0 .75rem;} .order-item .hd .chat,.order-item .hd .msg{margin-left:6px;} .order-item .hd .chat i,.order-item .hd .msg i{font-size:1.125rem;} .order-item .hd .flag{display:block;width:1.5rem;height:1.5rem;line-height:1.5rem;text-align:center;border-radius:4px;overflow:hidden;margin-left:.5rem;color:#ccc;} .order-item .hd .flag:hover{background-color:rgba(0,0,0,.08);} .order-item .bd{margin:1rem 0;} .order-list .pro-thumb{width:88px;height:88px;flex-shrink:0;border-radius:8px;cursor:pointer;margin-right:16px;overflow:hidden;position:relative;} .order-list .pro-thumb img{width:100%;height:100%;} .order-list .pro-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1f1f1f;cursor:pointer;display:-webkit-inline-box;font-size:14px;font-weight:500;line-height:22px;margin-bottom:4px;overflow:hidden;} .order-list .pro-info{color:#7a7a7a;font-size:.75rem;line-height:1rem;} /** coupon */ .coupon-list .card{-webkit-box-shadow:none;box-shadow:none;overflow:hidden;} .coupon-list .card-header{background:none;padding-bottom:0;} .coupon-list .card-header .edit{background-color:#f0f0f0;font-size:1rem;line-height:1;color:#767676;border-radius:50%;padding:5px;opacity:0;} .coupon-list .card-header .edit:hover{color:var(--bs-red);} .coupon-list:hover .card-header .edit{opacity:1;} .coupon-list .card-body{text-align:center;} .coupon-list .title{color:#666;} .coupon-list .price{padding-top:8px;line-height:1.4} .coupon-list .price small{font-size:1rem;} .coupon-list .price strong{font-size:1.625rem;} .coupon-list .cost{color:#767676;font-size:.8125rem;} .coupon-list .amount{font-size:1rem;color:var(--bs-red);padding:12px 0;font-weight:500;} .coupon-list .btn{width:90%;margin:0 auto 10px;font-size:1rem;border-radius:2rem;} .coupon-list .nums{color:#999;} .coupon-list .card-footer{background:none;border-top:1px dashed #dcdcdc;padding-top:1.25rem;position:relative;} .coupon-list .card-footer:before,.coupon-list .card-footer:after{content:'';display:block;width:1.2rem;height:1.2rem;border-radius:50%;background:#f5f5f5;position: absolute;top:-.6rem;} .coupon-list .card-footer:before{left:-.6rem;} .coupon-list .card-footer:after{right:-.6rem;} .coupon-list .card-footer p{margin-bottom:5px;} .coupon-list .card-footer .t{color:#999;margin-right:7px;} .coupon-gets .card{margin:0;} .coupon-gets .card-body{padding-right:.75rem;} .coupon-gets .card-body .hd{padding-right:1rem;border-right:1px solid #dbdbdb;} .coupon-gets .sign{font-size:.875rem;color:var(--bs-red);position:relative;top:-2px;} .coupon-gets .num{font-size:2rem;color:var(--bs-red);margin-left:-2px;} .coupon-gets .title{font-size:1rem;color:#222;margin-bottom:.375rem;} .coupon-gets p{margin:0;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .coupon-gets .date{color:#666;} .coupon-gets .cost{color:var(--bs-pink);margin-top:.5rem;font-weight:600;} .coupon-gets .btn{padding:.25rem .625rem;border-radius:.75rem;font-size:.75rem;pointer-events: none;} .coupon-gets .btn-light{color:#767676;} .coupon-gets .card-footer{padding-left:.75rem;padding-right:.625rem;} /** promo */ .promo-list .shop{margin-bottom:.75rem;} .promo-list .shop .hd{background:#fff;border:1px solid #ebebeb;border-radius:.25rem;box-sizing:border-box;height:3.25rem;width:3.25rem;overflow:hidden;} .promo-list .shop .hd img{max-width:100%;max-height:100%;} .promo-list .shop .bd h6{font-size:1rem;font-weight:600;color:#11192d;margin-bottom:.375rem;} .promo-list .shop .bd a{color:#7a7a7a;} .promo-list .shop .bd a:hover{color:#ff6e40;} .promo-list .promo{background:#fff2f5;width:100%;padding:.75rem 1rem .75rem .25rem;border-radius:.5rem;position:relative;} .promo-list .promo .hd{min-width:6.5rem;text-align:center;margin-right:.5rem;line-height:1;} .promo-list .promo .hd .price{color:#ff0036;} .promo-list .promo .hd .price strong{font-size:28px;font-weight:600;font-family:InterSemiBold;} .promo-list .promo .hd .type{color:#ff0036;font-size:14px;margin-top:.375rem;} .promo-list .promo .bd h6{color:#1f1f1f;font-size:1rem;font-weight:500;margin:.25rem 0;} .promo-list .promo .ft .btn{background-color:#ff0036;color:#fff;padding:.25rem .5rem;} .promo-list .promo .ft .btn:focus{-webkit-box-shadow:none;box-shadow:none;} .promo-list .promo.disabled{background-color:#f7f7f7;} .promo-list .promo.disabled *{color:#767676!important;} .promo-list .promo.disabled .btn{background-color:#ccc;} /** ad */ .ad-list .ico-svg,.my-adlist .ico-svg,.ad-edit .ico-svg{width:100%;height:100%;} .ad-list .card-header{background:none;padding:1.25rem 1.25rem 0;} .ad-list .ad-type{width:4.75rem;height:4.75rem;border-radius:.375rem;margin-right:1rem;background-color:#f7f7f7;padding:10px;} .ad-list .ad-title{font-size:1rem;font-weight:500;} .ad-list .card-header p{margin:0;} .ad-list .card-body{height:3.25rem;padding-top:1rem;} .ad-list .card-footer{padding:0;} .ad-list .card-footer .bd{height:3rem;padding:0 .875rem;} .ad-list .card-footer .btn{height:3rem;gap:.125rem;padding:0 .75rem 0 1.25rem;border-radius:0 0 .5rem 0;} .ad-list .card-footer .btn:focus{box-shadow:none;} .ad-list .card-footer .btn:hover{background:#ffe2d9;color:#ff6e40;} .my-adlist .card>div{background:none;padding:1.5rem;} .my-adlist .card .card-header{padding-bottom:.25rem;position: relative;} .my-adlist .ad-type{width:4.75rem;height:4.75rem;border-radius:.375rem;margin-right:1rem;background-color:#f7f7f7;padding:10px;} .my-adlist .ad-price{display:block;font-size:2rem;color:var(--bs-red)} .my-adlist .ad-price small{font-size:.875rem;} .my-adlist .ad-title{color:#222;} .my-adlist .ad-view{width:1.5rem;height:1.5rem;position: absolute;top:1.5rem;right:1.5rem;} .my-adlist .card .card-footer{background:none;padding-top:.5rem;} .ad-edit{} .ad-edit .card-header{background:none;border-bottom:1px solid #e6e6e6;padding-top:1rem;padding-bottom:1rem;} .ad-edit .ad-type{width:3.5rem;height:3.5rem;border-radius:.375rem;margin-right:1rem;background-color:#f7f7f7;padding:.375rem;} /** friend */ .friend-list{margin-bottom:1.5rem;} .friend-list .card{-webkit-box-shadow:0 0 0 1px #eee!important;box-shadow:0 0 0 1px #eee!important;margin:0;} .friend-list .card-header{background:none;padding-bottom:.25rem;padding-top:1rem;} .friend-list .user-avatar{position:relative;margin:0 auto 1rem;width:4rem;} .friend-list .user-name{font-size:1rem;font-weight:700;text-align: center;margin-bottom:.5rem;} .friend-list .user-sign{height:1.5rem;color:#767676;} .friend-list .user-note{display:none;transform:translateY(110%);opacity:0;position:absolute;left:0;right:0;bottom:0;z-index:1;} .friend-list .card-footer{background:none;border-top:1px solid #eee;} .friend-list .card-footer>*+*{border-left:1px solid #eee;} .friend-list .user-nums .label{color:#999;margin-right:4px;} .friend-find{padding:0 1.25rem 1.25rem;} .friend-find .cell{border:1px dashed #e0e4e9;border-radius:.375rem;padding:1rem;background:#fff;} .friend-find .cell:hover{background:#fafafa;} .friend-find .cell .hd{width:3rem;height:3rem;border:1px solid #e5e7eb;padding:1px;overflow:hidden;border-radius:50%;position:relative;} .friend-find .cell .hd img{width:100%;height:100%;border-radius:50%;} .friend-find .cell .bd>h5{color:#283c50;margin-bottom:.25rem;} .friend-find .cell .bd>h5:first-letter{text-transform:capitalize;} .friend-find .cell .bd>span{font-size:.75rem;} .friend-find .cell .ft a{padding:3px;} .friend-find .cell .ft i{font-size:1rem;} .friend-action .card-header{padding-top:1rem;padding-bottom:1rem;} .friend-action .cells{padding-top: .5rem;padding-bottom:.5rem;} .friend-action .card-body>.cell{padding:.75rem .125rem;} .friend-action .card-body>.cell+.cell{border-top:1px solid #eee;} .friend-action .card-body>.cell>.hd{color:#999;min-width:48px;} /** follow */ .follow-list{margin-bottom:1.5rem;} .follow-list .card{overflow:hidden;} .follow-list .card-header{background:none;position:relative;padding-bottom:0;} .follow-list .card-footer{background:none;position:relative;padding-bottom:1.25rem;display:none;transform:translateY(110%);opacity:0;} .follow-list .card-body{padding-bottom:1.5rem;} .follow-list .user-avatar{position:relative;margin:0 auto 1rem;width:4rem;} .follow-list .followed{background:#fff;padding:2px;border-radius:50%;position:absolute;right:0;bottom:0;line-height:1;color:#ff6e40;} .follow-list .user-name{font-size:1rem;font-weight:700;text-align:center;margin-bottom:6px;} .follow-list .user-nums{text-align:center;color:#767676;} .follow-list .user-nums em{font-style:normal;color:#333;margin-left:3px;} /** favorite */ /** credit */ .credit-buy-list{padding:.5rem 0;} .credit-buy-list a{width:7.5rem;height:6rem;padding:1rem;border:#EABD78 1px solid;background:#FFFFFF;border-radius:.5rem;text-align:center;} .credit-buy-list a>*{display:block;} .credit-buy-list a>span{color:#4F1D01;font-size:1rem;} .credit-buy-list a>strong{color:#E87C11;font-size:1.25rem;margin-top:.5rem} .credit-buy-list a.active {background:#F2D7AE;} .credit-buy-list a.active>strong {color:#4F1D01;}