.text-main-color{color:#0dcaf0}.py-60{padding-top:60px;padding-bottom:60px}.row-gap-24{row-gap:24px}.row-gap-14{row-gap:14px}.text-red{color:red}.fs-5px{font-size:5px}.fs-6px{font-size:6px}.fs-7px{font-size:7px}.fs-8px{font-size:8px}.fs-9px{font-size:9px}.fs-10px{font-size:10px !important}.fs-11px{font-size:11px}.fs-12{font-size:12px}.fs-13{font-size:13px !important}.fs-14{font-size:14px !important}.fs-15{font-size:15px}.fs-16{font-size:16px}.fs-17px{font-size:17px}.fs-20px{font-size:20px}.fs-25px{font-size:25px}.fs-27px{font-size:27px}.w-250px{width:250px}.w-200px{width:200px}.w-150px{width:150px}.w-125px{width:125px}.w-100px{width:100px}.bg-greey{background-color:#f7f6fe}.text-orange{color:#f99132}.text-main-color{color:#0dcaf0}.text-greey{color:#667781}.text-orange{color:#f99132}.fit-content{width:fit-content}.overflow-y-auto{overflow-y:auto}.spinner{width:88px;height:88px;display:grid}.spinner::before,.spinner::after{content:"";grid-area:1/1;background:var(--c) 50% 0,var(--c) 50% 100%,var(--c) 100% 50%,var(--c) 0 50%;background-size:21.1px 21.1px;background-repeat:no-repeat;animation:spinner-3hs4a3 1s infinite}.spinner::before{--c: radial-gradient(farthest-side, #0dcaf0 92%, #0000);margin:7px;background-size:14.1px 14.1px;animation-timing-function:linear}.spinner::after{--c: radial-gradient(farthest-side, #0dcaf0 92%, #0000)}@keyframes spinner-3hs4a3{100%{transform:rotate(0.5turn)}}.w-fit{width:fit-content}.accordion-button::after{margin-left:0px;margin-right:auto;transform:rotate(90deg) !important}.accordion-button:not(.collapsed)::after{transform:rotate(0deg) !important}body{font-family:"Noto Kufi Arabic",sans-serif;background-color:#f7f6fe;color:#000;font-size:14px;scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none;color:#000}a:hover{color:#000}button{border:none;outline:none}.btn-info,.btn-warning{color:#fff !important}.btn-info:hover,.btn-warning:hover{color:#fff !important}.btn-info:focus,.btn-warning:focus{color:#fff !important}.alert-dismissible .btn-close{right:unset;inset-inline-end:0}.form-control{font-size:14px !important;border:1px solid #ddd !important}.form-control::placeholder{font-size:13px}.form-control:focus::placeholder{opacity:0;transition:.4s}.form-check .form-check-input{float:right !important;margin-left:5px !important}.main-section{padding:1.5rem 0;min-height:calc(100vh - 50px - 69px)}.content-box{background-color:#fff;border-radius:.3rem;padding:20px;box-shadow:0 .5rem 1rem rgba(0,0,0,.15)}.modal-header{padding:12px 15px}.modal-header .modal-title{font-size:14px !important}.modal-header .btn-close{margin:unset !important;font-size:11px}.modal-footer *{margin-bottom:0px !important;margin-top:0px !important}input[readonly]{cursor:no-drop;background-color:#f1eff2}.header-invoice{border-bottom:2px solid #000}.header-invoice .top-holder .img-holder{margin:5px auto 0}.header-invoice .top-holder .img-holder img{width:80px}.header-invoice{border-bottom:2px solid #000}.header-invoice .name{color:rgba(0,135,128,0.9215686275);font-size:18px;font-weight:bold;margin-bottom:0px}.header-invoice .address{color:rgba(0,135,128,0.9215686275);font-size:15px}@media print{.main-table{direction:rtl}.table-sm tr th{font-size:10px !important;padding:8px !important}.table-sm tr td{padding:8px 7px !important}.table-sm tr td *{font-size:10px !important}.header-invoice .name{font-size:15px}.header-invoice .row .col-lg-4{width:33% !important}.not-print{display:none}.container-inprint-w{max-width:100% !important;padding:0 !important;margin:0 !important}.show-in-print{display:block !important}.content-box,.bg-content{box-shadow:none !important}.print-style{background-color:#fff !important;min-height:100vh !important}.p-10px{padding:10px}.modal-print{background:#fff !important}.modal-print .col-lg-3{width:25% !important}.modal-print .col-lg-9{width:75% !important}.modal-print .box-header-invoice .col-md-6{width:50% !important}.modal-print .modal-dialog{max-width:100% !important;margin:0;width:100% !important;border:0 !important}.modal-print .modal-dialog .modal-content{border:0 !important}.modal-print .modal-dialog .modal-content .modal-header{display:none !important}.modal-print .modal-dialog .modal-content .modal-body{border:0 !important}.modal-print .modal-dialog .modal-content .modal-body .small-label{font-size:11px;color:#888;margin:0 !important}.modal-print .modal-dialog .modal-content .modal-body .form-control{font-size:12px !important}.col-xl-4{width:30% !important}.col-xl-4 h4{font-size:10px}.col-xl-4 h5{font-size:10px}.card-barcode{width:100%;height:100%}}.barcode>div{width:100px !important}.splash-loader{position:fixed;top:0;left:0;width:100%;height:100%;visibility:visible;opacity:1;transition:.3s;background-color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:999999}.splash-loader img{width:200px}.splash-loader.splash-loader-remove{visibility:hidden;opacity:0}.splash-loader .text{position:absolute;bottom:26%;left:50%;transform:translate(-50%, -50%)}.splash-loader .text p{text-align:center;margin-bottom:6px;font-size:17px}.splash-loader .text .loading-bar{width:100px;height:2px;background-color:#d6cec2;border-radius:10px;margin-top:15px;overflow:hidden;position:relative}.splash-loader .text .loading-bar::after{content:"";width:50px;height:2px;position:absolute;background-color:#000;transform:translateX(-20px);animation:loop 2s ease infinite}@keyframes loop{0%,100%{transform:translateX(-28px)}50%{transform:translateX(78px)}}.app-home{display:flex;gap:1rem}.app-home .sidebar-app{position:relative;width:0;transition:.5s}.app-home .sidebar-app .slide-info{display:none}.app-home .sidebar-app .toggle-btn{background-color:#fff;width:30px;height:90px;border-radius:50px 0 0 50px;border:1px solid #dee2e6;position:absolute;top:1rem;inset-inline-start:100%}.app-home .content-app{margin-inline-start:auto;transition:.5s;width:calc(100% - 1rem)}.app-home.active .sidebar-app{width:17%}.app-home.active .sidebar-app .slide-info{display:block}.app-home.active .content-app{width:calc(83% - 1rem)}@media(max-width: 991.98px){.app-home{flex-direction:column;gap:1.5rem}.app-home .sidebar-app{margin:0;position:relative;height:0;width:100%}.app-home .sidebar-app .toggle-btn{width:90px;height:19px;border-radius:0 0 50px 50px;top:100%;left:50%;inset-inline-start:unset;transform:translateX(-50%)}.app-home .sidebar-app .toggle-btn i,.app-home .sidebar-app .toggle-btn svg{transform:rotateZ(270deg)}.app-home .content-app{width:100%}.app-home.active .sidebar-app{height:auto;width:100%}.app-home.active .sidebar-app .slide-info{width:100%}}@media(max-width: 1199.98px){.app-home .sidebar-app{position:relative;width:0}.app-home.active .sidebar-app{width:25%}.app-home.active .content-app{width:calc(80% - 1rem)}}.water-mark{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-size:62px;opacity:.2}.board-meeting-section{min-height:calc(100vh - 69px);padding:20px;background-color:#fff;border:1px solid #ddd;border-radius:.3rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.15)}.board-meeting-section .board-meeting-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.board-meeting-section .board-meeting-header h2{font-size:24px;color:#333}.board-meeting-section .board-meeting-header .meeting-date{font-size:16px;color:#777}.board-meeting-section .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;border:2px solid #000;padding:10px;border-radius:20px}.board-meeting-section .logo{width:120px;height:auto}.board-meeting-section .header p{text-align:center;font-weight:bold;color:#555;font-size:16px;line-height:25px}.board-meeting-section .header-left{text-align:center}.board-meeting-section .header-right{text-align:center}.board-meeting-section .document-info{display:flex;justify-content:space-between;margin-bottom:30px}.board-meeting-section .document-info .info-holder{display:flex;align-items:center}.board-meeting-section .document-info .info-holder p,.board-meeting-section .document-info .info-holder label{font-weight:bold;color:#555;font-size:15px}.board-meeting-section .document-info p{width:200px;margin:0;padding-right:6px}.board-meeting-section .document-info label{display:inline-block;white-space:nowrap}.board-meeting-section table{width:100%;border-collapse:collapse;margin-bottom:20px}.board-meeting-section th{border:1px solid #e7e7e7 !important;color:#000 !important;background-color:#d0d0d1 !important}.board-meeting-section th,.board-meeting-section td{padding:10px;text-align:center}.board-meeting-section td{border:1px solid #dee2e6 !important}.board-meeting-section .table-header{background-color:#0dcaf0;color:#fff !important;text-align:center;font-weight:bold;border-radius:10px 10px 0px 0px;padding:10px 8px}.board-meeting-section .page-number{text-align:center;margin-top:50px}.board-meeting-section .footer{display:flex;justify-content:space-between;margin-top:100px;font-size:14px}.board-meeting-section .footer-item{display:flex;align-items:center;gap:5px}.sticker-holder{position:relative;z-index:1}.sticker-holder .watermark{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotate(-15deg);z-index:-1;width:40%;height:auto;opacity:.1}.sticker-holder .header{padding-bottom:10px;margin-bottom:25px;border-bottom:2px solid #0dcaf0;text-align:center}.sticker-holder .header .company-name-ar{font-size:25px;font-weight:bold;color:#0dcaf0;margin-bottom:4px}.top-nav{background-color:#0dcaf0;color:#fff;font-size:14px;z-index:1000}.top-nav .container{display:flex;align-items:center;justify-content:space-between;position:relative}.top-nav .container .tog-show{margin:10px 0;display:none;cursor:pointer}@media(max-width: 991.98px){.top-nav .container .tog-show{display:block}}.top-nav .container .tog-show i,.top-nav .container .tog-show svg{font-size:23px}.top-nav .container ul{list-style:none;padding:0;margin:0}.top-nav .container a{color:#fff;font-size:13.5px}.top-nav .container .list-item{display:flex;align-items:center}@media(max-width: 991.98px){.top-nav .container .list-item{flex-direction:column;position:absolute;top:100%;min-width:200px;display:none;right:0;background-color:#313131}.top-nav .container .list-item li{width:100%}.top-nav .container .list-item li a{border-bottom:1px solid #9c9c9c;width:100%;transition:300ms}.top-nav .container .list-item li a::before{display:none}.top-nav .container .list-item li a:hover{color:#0dcaf0}}.top-nav .container .list-item li a{padding:.7rem;display:block;overflow:hidden;position:relative}.top-nav .container .list-item li a::before{content:"";width:100%;left:100%;bottom:2px;transition:300ms;position:absolute;height:3px;background-color:#fff}.top-nav .container .list-item li a.active::before{left:0}.top-nav .container .list-item li a:hover::before{left:0}.bottom-nav{box-shadow:0 5px 10px 0 rgba(228,228,228,.5215686275);border-bottom:3px solid #0dcaf0;background-color:#fff;z-index:1000;position:relative}.bottom-nav .container .tog-show{display:none;cursor:pointer}@media(max-width: 1199.98px){.bottom-nav .container .tog-show{display:inline-block;margin:10px 0}}.bottom-nav .container .tog-show i,.bottom-nav .container .tog-show svg{font-size:23px;color:#000}.bottom-nav .container .list-item{display:flex;z-index:1000;align-items:center;justify-content:space-between;list-style:none;padding:0;margin:0}@media(max-width: 1199.98px){.bottom-nav .container .list-item{justify-content:unset;flex-direction:column;display:none}}.bottom-nav .container .list-item.active{display:flex;position:absolute;background:#fff;top:calc(100% + 3px);left:0}.bottom-nav .container .list-item li .item{padding:10px .6rem;line-height:27px;display:block;transition:300ms;color:#000;font-size:14px;white-space:nowrap;position:relative;margin:0 3px}.bottom-nav .container .list-item li .item.active{color:#fff;background-color:#0dcaf0}.bottom-nav .container .list-item li .item.active:hover{color:#000}.bottom-nav .container .list-item li .item.active:hover i,.bottom-nav .container .list-item li .item.active:hover svg{color:#000}.bottom-nav .container .list-item li .item.active i,.bottom-nav .container .list-item li .item.active svg{color:#fff}.bottom-nav .container .list-item li .item .badge-count{position:absolute;left:0px;top:13%;font-size:10px !important;height:14px !important;width:14px !important}.bottom-nav .container .list-item li .item .i-item{transition:300ms;color:#8f9ab8;font-size:16px;margin-right:1px}.bottom-nav .container .list-item li .item .i-item.lang{font-size:22px}.bottom-nav .container .list-item li .item:hover{color:#0dcaf0}.bottom-nav .container .list-item li .item:hover i,.bottom-nav .container .list-item li .item:hover svg{color:#0dcaf0}.bottom-nav .container .dropdown-hover{display:flex;color:#000 !important}.bottom-nav .container .dropdown-hover .icon-drop{color:#fff !important}section.page-login{padding:1.5rem;min-height:100vh;display:flex;font-size:12px;align-items:center;background-color:#f9fafb}section.page-login .form-login{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);max-width:56rem;margin-left:auto;overflow:hidden;margin-right:auto;height:100%;flex:1 1 0%;border-radius:.5rem;background-color:#fff;border:0 solid #d5d6d7}section.page-login .form-login .box-login{flex-direction:column;display:flex}@media(min-width: 768px){section.page-login .form-login .box-login{flex-direction:row}}section.page-login .form-login .box-login .img-login{position:relative;height:8rem}section.page-login .form-login .box-login .img-login .title{position:absolute;right:3%;top:3%;z-index:11;background-color:#fff;padding:8px;border-radius:6px;margin-bottom:1rem;font-size:16px;font-weight:600}@media(max-width: 767.98px){section.page-login .form-login .box-login .img-login .title{right:3%;top:-26%}}@media(min-width: 768px){section.page-login .form-login .box-login .img-login{height:auto;width:50%}}section.page-login .form-login .box-login .img-login img{width:100%;height:100%;object-fit:cover}section.page-login .form-login .box-login .content-login{position:relative;padding:3rem;display:flex;align-items:center;justify-content:center}@media(min-width: 768px){section.page-login .form-login .box-login .content-login{width:50%}}section.page-login .form-login .box-login .content-login>div{margin-top:50px}section.page-login .form-login .box-login .content-login>div .recorder-type{position:absolute;top:3%;left:3%;background-color:rgba(0,0,0,0);border:none;border-left:2px solid #0dcaf0;cursor:text;z-index:1;transition:.4s;padding:.375rem .75rem;font-size:1rem;border-radius:.25rem;user-select:none}section.page-login .form-login .box-login .content-login>div .recorder-type::before{content:"";position:absolute;top:0%;left:0%;height:100%;width:0%;border-radius:.25rem;transition:.4s;z-index:-1;background-color:#0dcaf0}section.page-login .form-login .box-login .content-login>div .recorder-type:hover::before{width:100%}section.page-login .form-login .box-login .content-login>div .recorder-type:hover{color:#fff}section.page-login .form-login .box-login .content-login .lable{margin-bottom:8px}section.page-login .form-login .box-login .content-login .form-control:focus{box-shadow:0 0 0 3px rgba(202,191,253,.45) !important}section.page-login .form-login .box-login .content-login .form-control:focus::placeholder{opacity:0;transition:.4s}section.page-login .form-login .box-login .content-login .acc-new{display:block;color:#0dcaf0}section.page-login .form-login .box-login .content-login .sub{transition-duration:.15s;transition-property:background-color,border-color,color,fill,stroke;width:100%;color:#fff;text-align:center;padding-right:1rem;padding-left:1rem;padding-bottom:.5rem;padding-top:.5rem;margin-top:2rem;line-height:1.25rem;font-weight:500;border-radius:.5rem;background-color:#0dcaf0;cursor:pointer;transition:.4s}section.page-login .form-login .box-login .content-login .sub:hover{background-color:#09bbdf}section.page-login .form-login .box-login .content-login .logo-footer{width:55px}.drop-table .dropdown-toggle::after{content:none}.drop-table .dropdown-menu{transition:300ms;opacity:0;visibility:hidden}.drop-table .dropdown-menu li .dropdown-item{text-align:start;font-size:13px}.drop-table .dropdown-menu li .dropdown-item i,.drop-table .dropdown-menu li .dropdown-item svg,.drop-table .dropdown-menu li .dropdown-item img{width:18px}.drop-table .dropdown-menu.show{opacity:1;visibility:visible}.btn-main-sm{padding:.3rem .7rem;transition:300ms;color:#fff;background:#0dcaf0;display:flex;align-items:center;justify-content:center;gap:3px;white-space:nowrap;cursor:pointer;border-radius:4px;border:none;font-size:13px;outline:none;border:1px solid #0dcaf0;z-index:1;position:relative;overflow:hidden}.btn-main-sm::before{content:"";position:absolute;left:100%;top:0;width:100%;transition:300ms;height:100%;background-color:#fff;z-index:-1}.btn-main-sm:hover{color:#0dcaf0;border:1px solid #0dcaf0}.btn-main-sm:hover::before{left:0}.btn-main-sm.btn-green{background-color:#0fc859;border-color:#0fc859}.btn-main-sm.btn-green:hover{color:#0fc859}.dropdown-hover{position:relative;color:#fff;font-size:11px;display:flex;align-items:center;gap:5px;border-radius:4px;z-index:1001;cursor:pointer}.dropdown-hover::before{content:"";position:absolute;width:100%;height:7px;left:0;top:100%}.dropdown-hover:hover .listis-item{display:block}.dropdown-hover .icon-drop{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#9c9c9c}.dropdown-hover .icon-drop .icon{font-size:16px}.dropdown-hover .text{margin:0;font-size:13px;text-align:center}.dropdown-hover .listis-item{position:absolute;left:0;z-index:1000;top:calc(100% + 1px);width:fit-content;padding:0;min-width:100%;background-color:#313131;overflow-y:auto;display:none}@media(max-width: 767.98px){.dropdown-hover .listis-item{top:calc(100% + 15px)}}.dropdown-hover .listis-item::-webkit-scrollbar{display:none}.dropdown-hover .listis-item{-ms-overflow-style:none;scrollbar-width:none}.dropdown-hover .listis-item .item-drop a,.dropdown-hover .listis-item .item-drop button{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;width:100%;white-space:nowrap}.dropdown-hover .listis-item .item-drop a:hover,.dropdown-hover .listis-item .item-drop button:hover{background:#4e4e4e}.dropdown-hover .listis-item .item-drop a .icon-drop,.dropdown-hover .listis-item .item-drop button .icon-drop{width:19px}.dropdown-hover .listis-item .item-drop a .text,.dropdown-hover .listis-item .item-drop button .text{size:19px;color:#fff}.dropdown-hover .listis-item .item-drop button{background-color:rgba(0,0,0,0)}.badge-count{background-color:#ff4500;font-size:12px;height:17px;width:17px;border-radius:5px;color:#fff;display:flex;align-items:center;justify-content:center}.badge-replay{display:flex;align-items:center;justify-content:center;display:inline-flex;background-color:#2e5789;font-size:12px;min-height:17px;min-width:17px;border-radius:5px;color:#fff}.main-btn{color:#fff !important;border-radius:8px;cursor:pointer;display:block;white-space:nowrap;outline:none;display:flex;align-items:center;gap:7px;border:none;width:fit-content;position:relative;padding:8px 13px;background:#0fc859}.main-btn.btn-orange{background-color:#f99132}.main-btn.btn-purple{background-color:#8e44ad}.main-btn.btn-blue{background-color:#1e88e5}.main-btn.btn-red{background-color:#ff3636}.main-btn.btn-main-color{background-color:#0dcaf0}.main-btn .icon{width:20px;height:auto}.main-btn svg{font-size:20px}.main-btn .main-badge{position:absolute;left:-10px;top:-10px}.btn-purple{color:#fff;background-color:#8e44ad}.btn-purple:focus{box-shadow:none !important}.btn-purple:hover{background-color:#7d3d99;color:#fff}.main-heading{font-weight:bold;font-size:18px;margin-bottom:1.5rem}.small-heading{font-size:15px;color:#6b7280;margin-bottom:5px;font-weight:bold}.main-title-show{margin-bottom:15px;font-weight:700;background-color:#e3f5ff;padding:10px;font-size:19px;color:#2e5789}.small-label{color:#6b7280;font-size:13.5px;margin-bottom:4px}.head-bg-greey{background-color:rgba(228,228,228,.5215686275)}.slide-head-orange{background-color:#0dcaf0;color:#fff;border-radius:4px;padding:7px;text-align:center;font-weight:bold;font-size:13px}.info-input{background-color:#fcfcfc;color:#444;border-radius:4px;padding:7px;font-size:13px}.boxes-info .box-info{background-color:#fff;padding:25px 15px;text-align:end;overflow:hidden;border-radius:.375rem;position:relative}.boxes-info .box-info.blue .bg-icon{color:#5b8af0}.boxes-info .box-info.green .bg-icon{color:#0dcaf0}.boxes-info .box-info.pur .bg-icon{color:#7b74eb}.boxes-info .box-info.red .bg-icon{color:#de5f56}.boxes-info .box-info .num{font-size:25px}.boxes-info .box-info .text{font-size:16px;color:#6b7280}.boxes-info .box-info .bg-icon{position:absolute;right:-5px;bottom:5px;font-size:60px}.head-and-filter .head .title{color:#0dcaf0;position:relative;font-size:15px}.head-and-filter .head .title::before{content:"";position:absolute;right:0;bottom:-14px;width:50%;height:3px;background-color:#0dcaf0}@media(max-width: 767.98px){.head-and-filter .head .title::before{content:none}}.head-and-filter .content .title{font-size:16px;white-space:nowrap}.box-header-invoice{border:1px solid #ddd;border-radius:10px;padding:10px;margin-bottom:8px;flex:1}@media print{.box-header-invoice .col-md-8{width:66.66666667% !important}.box-header-invoice .col-md-4{width:33.33333333% !important}}.box-header-invoice .img-logo{width:70px}.box-header-invoice .bar-code{width:200px}.talks{height:80vh}@media(max-width: 767.98px){.talks{height:auto}}.talks .talk-msg:hover:not(.bg-active){background-color:#f5f6f6}.talks .bg-active{background-color:#f0f2f5}.talks .box-msg{display:flex;flex-direction:column}.talks .box-msg .content{flex:1;overflow-y:auto}.talks .msg .msg-content{padding:5px;background-color:#0dcaf0;border-radius:7px;width:fit-content;font-size:13px;color:#fff}.talks .msg .msg-content .time{font-size:11px;color:#f0f0f0}.talks .msg .msg-content .seen{color:#53bdeb}.talks .msg:not(:last-of-type){margin-bottom:15px}.talks .msg.to{text-align:end}.talks .msg.to .msg-content{background-color:#777;margin-left:0;margin-right:auto}.talks .type-msg{display:flex;align-items:center;border-radius:.25rem;border:1px solid #ddd !important;padding:.375rem .75rem;gap:20px}.talks .type-msg textarea{resize:none;font-size:13px;border:none;flex:1;outline:none;box-shadow:none}.talks .type-msg .send-file{position:relative;overflow:hidden;width:fit-content;cursor:pointer}.talks .type-msg .send-file svg,.talks .type-msg .send-file i{color:#0dcaf0;font-size:18px}.talks .type-msg .send-file input{position:absolute;left:0;top:0;width:100%;opacity:0;height:100%}.talks .type-msg .send-file input::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer !important}.talks .type-msg .send-msg{color:#fff;background-color:#0dcaf0;border-radius:50%;width:45px;margin-right:10px;border:none;outline:none;box-shadow:none;height:45px;display:flex;align-items:center;justify-content:center}.card-barcode{border:1px solid #ddd;max-width:455px;margin:0 auto;text-align:center;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.card-barcode .col-7{max-width:100% !important;width:100% !important}.card-barcode .col-7 div{margin-left:auto;margin-right:auto}.card-barcode .head{background-color:#f7f6fe;border-bottom:1px solid #ddd;color:#000;font-size:14px;padding:10px;border-radius:10px 10px 0px 0px;font-weight:bold;text-align:center;gap:10px}.card-barcode .head .logo-barcode{width:40px;height:auto;object-fit:contain}.card-barcode .content{padding:7px;font-size:20px}.card-barcode .content .img-barcode{max-width:270px;margin:0 auto;margin-top:15px;display:block}@media print{body{overflow-y:hidden}.card-barcode .head{font-size:6px !important;padding:4px !important;background-color:#fff}.card-barcode .head .logo-barcode{width:15px;height:auto;object-fit:contain}.card-barcode .content{padding:2px !important;font-size:6px !important}.card-barcode .content .img-barcode{max-width:270px;margin:0 auto;margin-top:15px;display:block}}@page{margin:0px;overflow:hidden}@page{margin:0}.card-add{background-color:#f9f7fa;padding:10px}.card-add .title{background-color:#fff;color:#888;font-weight:bold;font-size:14px;width:fit-content}.card-add .box-shadow{box-shadow:0 0 7px 0 #b1adad;padding:10px 20px}.card-add .box-shadow .box-shadow-bottom{border-bottom:1px solid #b1adad;padding-bottom:5px;margin-bottom:16px}.card-add input[readonly]{color:#888;font-weight:bold}.card-add .check-label{color:#888;font-weight:bold}.head-table{width:100%;border-radius:7px;border:1px solid #ddd !important;background-color:#f9fafb;color:#6b7280;font-size:13px;text-align:center;font-weight:bold;margin-bottom:3px;white-space:nowrap;padding:10px}.table>:not(:first-child){border-top:none !important}.main-table{width:100%;border-radius:7px;border:none !important;border:1px solid #ddd !important}.main-table tr{border:1px solid #ddd !important}.main-table tr th{background-color:#e3e4e5;color:#6b7280;vertical-align:middle;font-size:12px;font-weight:bold;text-align:center;white-space:nowrap;padding:10px}.main-table tr td{background-color:#fff;text-align:center;font-size:14px;vertical-align:middle;padding:10px}.box-slide-info .slide-info .logo{text-align:center}.box-slide-info .slide-info .logo .img{width:100px;margin:2px}.box-slide-info .slide-info .logo .name{font-size:20px;color:#000;font-weight:bold}.status_box{cursor:pointer;position:relative;color:#fff;border-radius:.25rem;box-shadow:0 0 1px rgba(0,0,0,.13),0 1px 3px rgba(0,0,0,.2)}.status_box:hover .icon>svg{transform:scale(1.1)}.status_box .data{padding:10px}.status_box .data>h3{font-size:2.2rem;font-weight:700;margin:0 0 10px;white-space:nowrap;z-index:5}.status_box .data>p{font-size:16px;z-index:5}.status_box .icon{position:absolute;top:15px;left:15px}.status_box .icon>svg{font-size:45px;transition:transform .5s}.status_box .more{position:relative;display:block;text-align:center;padding:5px 0;background-color:rgba(0,0,0,.1);z-index:10;color:#fff}.status_box .more:hover{background-color:rgba(0,0,0,.15)}.blue-box{background-color:#17a2b8}.success-box{background-color:#28a745}.danger-box{background-color:#dc3545}.warning-box{background-color:#ffc107}.secondary-box{background-color:#636c73}.purple-box{background-color:#8c1ec0}.purple-icon{color:#701998}.secondary-icon{color:#4d555b}.blue-icon{color:#148a9d}.success-icon{color:#228e3b}.danger-icon{color:#bb2d3b}.warning-icon{color:#d9a406}.issue-main-info{position:relative;overflow:hidden;background-color:#fff;border:1px solid #dee2e6;border-radius:.375rem;padding:16px}.issue-main-info .status{position:absolute;top:0%;right:100%;background-color:#dd564b;border-top:2px solid #ad5449;border-bottom:2px solid #ad5449;color:#fff;padding:4px 15px;width:176px;text-align:center;transform:rotate(-37deg) translate(95px, 100px)}.issue-main-info .content-header{color:#525f71;font-size:16px;margin-bottom:16px;font-weight:600;display:flex;border-bottom:1px solid #dee2e6;padding-bottom:16px;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.issue-main-info ul{padding:0;margin:0;list-style:none}.issue-main-info ul li.icon{display:flex;align-items:center;justify-content:flex-start;gap:10px}.issue-main-info ul li.icon i,.issue-main-info ul li.icon svg{font-size:35px;color:#2e5789;margin-bottom:15px}.issue-main-info ul li .main-title{margin-bottom:15px;font-weight:700;background-color:#e3f5ff;padding:10px;font-size:19px;color:#2e5789}.issue-main-info ul li .main-title span{display:inline-block;font-size:20px}.issue-main-info ul li .title{font-weight:700;margin-bottom:13px;font-size:14px;padding:10px;color:#2e5789}.issue-main-info ul li .title.bg-red{background-color:#fde7e7;color:#ff3636}.issue-main-info ul li .title.bg-green{color:#0fc859;background-color:#e3ffe6}.issue-main-info ul li .info-grey{font-weight:600;margin-bottom:5px;font-size:15px;color:#6b7280}.issue-main-info ul li .info{font-weight:600;margin-bottom:5px;font-size:14px;color:#2e5789}.issue-main-info ul li .info:last-child{margin-bottom:15px}.issue-main-info ul li:not(:last-child){margin-bottom:15px;border-bottom:1px solid #dee2e6}.box-data{background-color:rgba(98,132,167,.07);border-radius:20px;padding:20px}.box-data .bar-name{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.box-data .bar-name .name{flex:1;font-size:23px;font-weight:600;margin:0}.box-data .bar-name .box-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background-color:rgba(98,132,167,.07)}.box-data .bar-name .box-icon img{width:23px}.box-data .bar-name .box-icon i,.box-data .bar-name .box-icon svg{font-size:23px;color:#fff}.box-data .amount{font-weight:700;font-size:32px;margin-bottom:10px}.box-data .more{color:#2e5789;font-weight:500;font-size:15px}.box-data .more img{margin-right:6px}.box-data.box-main-color .box-icon{background-color:#2e5789}.box-data.box-main-color .box-icon img{width:27px}.box-data.box-blue{background-color:#e3f5ff}.box-data.box-blue .box-icon{background-color:#1e88e5}.box-data.box-blue .box-icon img{width:30px}.box-data.box-orange{background-color:#fff2e3}.box-data.box-orange .box-icon{background-color:#f99132}.box-data.box-green{background-color:#e3ffe6}.box-data.box-green .box-icon{background-color:#0fc859}.box-data.box-purple{background-color:#f2e7fd}.box-data.box-purple .box-icon{background-color:#8e44ad}.box-data.box-purple .box-icon img{width:27px}.box-data.box-red{background-color:#fde7e7}.box-data.box-red .box-icon{background-color:#ff3636}.box-data.box-red .box-icon img{width:27px}.issues-tap{background-color:#fff;padding:10px;border:1px solid #dee2e6}.issues-tap .nav-tabs .nav-item .nav-link{font-size:16px;font-weight:600;color:#888;border:1px solid #dee2e6;border-bottom-width:0px;margin-left:5px}.issues-tap .nav-tabs .nav-item .nav-link i,.issues-tap .nav-tabs .nav-item .nav-link svg{margin-left:3px}.issues-tap .nav-tabs .nav-item .nav-link:hover{background-color:rgba(98,132,167,.07)}.issues-tap .nav-tabs .nav-item .nav-link.active{color:#2e5789;background-color:rgba(98,132,167,.07);border-bottom-width:1px}.issues-tap .tab-content{padding:15px;border:1px solid #dee2e6;border-top-width:0px}.issues-tap .tab-content .issue-info{border:1px solid #dee2e6}.issues-tap .tab-content .issue-info .head{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:10px;background-color:#2e5789;color:#fff;font-size:15px}.issues-tap .tab-content .issue-info .head p{margin-bottom:0}.issues-tap .tab-content .issue-info .head span{display:inline-block}.issues-tap .tab-content .issue-info .content{padding:15px}.conversation-time-line{margin-bottom:30px;padding-right:15px;border-right:2px solid #cecece}.conversation-time-line .box-replay{position:relative;width:500px;max-width:100%;margin:0 0 0 auto;display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:4px;background-color:#fff;box-shadow:0 1px 7px 0 #e3dbdb}.conversation-time-line .box-replay .bar-data{display:flex;align-items:center;justify-content:space-between;margin-bottom:0}.conversation-time-line .box-replay .bar-data p{margin-bottom:0}.conversation-time-line .box-replay .bar-data p.name{color:#0dcaf0;font-size:13px}.conversation-time-line .box-replay .bar-data p.date{font-size:12px;color:#a29f9f}.conversation-time-line .box-replay .content{margin-bottom:0}.conversation-time-line .box-replay .content .title{margin-bottom:2px;color:gray;font-size:14px}.conversation-time-line .box-replay .content .text{font-weight:500;color:gray;font-size:14px;margin:0;font-size:13px}.conversation-time-line .box-replay .attached-file{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:5px}.conversation-time-line .box-replay .attached-file .btn-attached{padding:5px 18px;background:#daf5fb;border-radius:25px;font-weight:600;font-size:12px;text-align:center;color:#0dcaf0}.conversation-time-line .box-replay::before{content:"";position:absolute;top:0px;right:-26px;width:20px;height:20px;border-radius:50%;border:2px solid #0dcaf0;background-color:#f7f6fe}.conversation-time-line .box-replay:not(:last-child){margin-bottom:8px}.conversation-time-line.view-box{border:0;padding:0}.conversation-time-line.view-box .box-replay::before{display:none !important}.conversation-time-line.view-box .box-replay .bar-data{display:flex;align-items:center;justify-content:space-between;margin-bottom:0}.conversation-time-line.view-box .box-replay .bar-data p{margin-bottom:0}.conversation-time-line.view-box .box-replay .bar-data p.name{font-size:12px}.conversation-time-line.view-box .box-replay .bar-data p.date{font-size:12px}.conversation-time-line.view-box .box-replay .content{margin-bottom:0}.conversation-time-line.view-box .box-replay .content .title{margin-bottom:2px;color:gray;font-size:13px}.conversation-time-line.view-box .box-replay .content .text{font-size:12px}.bar-transaction-status{position:relative;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;padding:0}.bar-transaction-status li{position:relative;display:flex;align-items:center;justify-content:center;flex-grow:1;padding-top:10px}.bar-transaction-status li::before{content:"";position:absolute;top:-14px;inset-inline-end:0%;width:100%;height:4px;z-index:-1;background-color:#cbcbcb}.bar-transaction-status li .circle{position:absolute;top:-28px;inset-inline-end:50%;transform:translateX(-50%);width:28px;height:28px;border-radius:50%;z-index:2;background-color:#cbcbcb;display:flex;justify-content:center;align-items:center}.bar-transaction-status li .circle .checked{color:#fff;font-size:16px}.bar-transaction-status li:first-child::after,.bar-transaction-status li:last-child::after{content:"";position:absolute;top:-14px;height:4px;background-color:#f7f6fe;z-index:1}.bar-transaction-status li:first-child::after{right:0%;width:45.5%}.bar-transaction-status li:last-child::after{left:0%;width:46%;background-color:#f7f6fe}.bar-transaction-status li:last-child.active::before{content:none !important}.bar-transaction-status li.active{color:#2ba670}.bar-transaction-status li.active .circle,.bar-transaction-status li.active::before{background-color:#2ba670}.bar-transaction-status li.active::before{left:-50%;z-index:2}.main-select{border-radius:4px;padding:4.5px 4.1px;font-size:12px;transition:300ms;border:1px solid #ddd;color:#777878}.main-select:focus{box-shadow:0 0 0 .25rem rgba(43,166,112,.25) !important;outline:none}.form-control{-webkit-appearance:auto !important;-moz-appearance:auto !important;appearance:auto !important}.form-control:focus{box-shadow:0 0 0 .25rem rgba(43,166,112,.25) !important}.form-control:focus::placeholder{opacity:0;transition:.4s}.footer-bottom{background-color:#313131;color:#fff}.footer-bottom p{margin:0;font-size:14px}